@import url("https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto:400,500,900");
body {
font-weight: 400;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color:#000;
}
.clear:before, .clear:after {
display: none;
}
.sub_text {
text-decoration: underline;
}
img {
max-width: 100%;
vertical-align: bottom;
height: auto;
}
.bloq-content-page h1,
.bloq-content-page h2,
.bloq-content-page h3,
.bloq-content-page h4,
.bloq-content-page h5 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
text-transform: uppercase;
line-height: 1.1em;
}
.bloq-content-page a {
color:#0099CC;
}
.bloq-content-page a:hover {
text-decoration: underline;
}
.mobile {
display: none !important;
}
.desktop {
display: block;
}
@media screen and (max-width: 768px) {
.mobile {
display: block;
}
.desktop {
display: none;
}
} header {
padding: 1em 0px;
position: fixed;
top:0px;
left: 0px;
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
transition: all 0.3s ease-in-out;
z-index: 2;
}
.wrapper-site {
width: 93%;
margin:0px auto;
}
header .wrapper-site {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
transition: all 0.3s ease-in-out;
}
.header-int {
background:#000; 
}
#header.fixed {
background:#000; 
padding: 0.5em 0px;
}
.logo {
width: 250px;
margin-right: 30px;
transition: all 0.3s ease-in-out;
}
#header.fixed .logo {
width: 180px;
}
.logo img {
width: 100%;
}
.bloq-menu {
width: calc(100% - 280px);
transition: all 0.3s ease-in-out;
}
#header.fixed .bloq-menu {
width: calc(100% - 210px);
}
.bloq-menu > ul {
padding: 0px;
margin: 0px;
list-style: none; 
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
align-items: center;
}
.bloq-menu > ul > li {
display: inline-block;
position:relative;
margin:0px 1em;
}
.bloq-menu > ul > li > a {
padding: 0.5em;
display: block;
width: 100%;
color:#fff;
}
.bloq-menu > ul > li > a:hover { color: #0099CC;
}
.sub-menu {
display: none;
background:rgba(255,255,255,0.6);
color:#000; 
position: absolute;
list-style: none;
padding: 0px;
margin:0px;
box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.bloq-menu > ul li:hover .sub-menu {
display: block;
width: 180px;
left: 0px;
}
.sub-menu li:hover {
background:#fff; 
}
.sub-menu li a {
font-size: 0.9em;
line-height: 1.2em;
padding: 0.5em;
display: block;
width: 100%;
}
.current_page_item a {
color:#0099CC;
text-decoration: underline;
}
@media screen and (max-width: 1024px) {
.bloq-menu {
display: none;
}
header .wrapper-site {
justify-content: space-between;
}
} .btn-menu {
color:#000;
cursor:pointer;
} #btn-menu {
width: 30px;
height:30px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#btn-menu span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#btn-menu span:nth-child(1) {
top: 0px;
}
#btn-menu span:nth-child(2) {
top: 11px;
}
#btn-menu span:nth-child(3) {
top: 22px;
}
#btn-menu.open span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#btn-menu.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#btn-menu.open span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
@media screen and (min-width: 1024px) {
#btn-menu {
display: none;
}
} #overlay-menu {
display: none;
}
.bloq-menu-mobile {
position: fixed;
left: 0px;
z-index: 12;
top: 0px;
width: 280px;
height: 100vh;
background:#000;
padding: 2em 1.5em;
margin-left: -280px;
transition: all 0.3s ease-in-out;
}
#overlay-menu.show {
position: fixed;
top: 0px;
left: 0px;
width: 100vw;
height: 100vh;
z-index: 8;
display: block;
background: rgba(0,0,0,0.6);
}
.bloq-menu-mobile.show {
margin-left: 0px;
opacity: 1 !important;
}
.bloq-menu-mobile ul  {
list-style: none;
margin:0px;
padding: 0px;
}
.bloq-menu-mobile ul li a  {
display: block;
padding: 10px 15px;
font-size: 1em;
font-weight: bold;
color: #fff;
border-bottom: 3px solid transparent;
}
.bloq-menu-mobile ul li a:hover  {
border-bottom: 3px solid #fff;
}
.bloq-menu-mobile .sub-menu {
display: block;
position: static;
background: transparent;
font-size: 0.8em;
box-shadow: none;
width: 100%;
}
.bloq-menu-mobile .sub-menu li a{
padding: 10px 15px 10px 30px;
}
.bloq-menu-mobile .sub-menu li a:hover {
background:#000 !important; 
}  #breadcrumbs .fa-home {
font-size: 1.4em;
}
#breadcrumbs{
list-style: none;
margin: 0 0 1em;
overflow: hidden;
font-size: 0.9em;
width: 100%;
padding: 1em 0px;
}
#breadcrumbs a {
color:#000;
}
#breadcrumbs a:hover {
color:#333;
}
#breadcrumbs li{
display:inline-block;
vertical-align:middle;
margin-right:15px;
}
#breadcrumbs .separator{
font-size:18px;
font-weight:100;
color:#000;
}
@media screen and (max-width: 600px) {
#breadcrumbs{
padding: 1em 0px;
}
} .sec {
padding:3.5%; 
}
.sec-title {
font-family: 'Raleway', sans-serif; font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.page-title {
font-family: 'Raleway', sans-serif;
font-weight: 300;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 1em;
color:#0099CC;
}
@media screen and (max-width: 768px) {
.sec {
padding:3.5% 7%; 
}
} .sec_1 {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-items: center;
position: relative;
background-position: center;
background-size: cover;
}
.sec_1 .item {
height: 90vh;
width: 100%;
display: flex;
background-position: center;
background-size: cover;
}
.text_slider_1 {
width: 50%;
position: relative;
}
.slider_1_titulo {
font-size: 2.2em;
font-family: 'Raleway', sans-serif;
font-weight: 300;
color:#0099CC;
line-height: 1.1em;
padding-left: 1em;
}
.slider_1_subtitulo {
font-size: 1.1em;
color:#fff;
}
.overlay-sec {
background-color: #3d1867;
opacity: 0.7;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
}
.owl-nav .owl-prev, .owl-nav .owl-next {
position: absolute;
color: #fff !important;
top:50%;
}
.owl-nav .owl-prev span, .owl-nav .owl-next span {
font-size: 70px !important;
line-height: 0.5em;
padding: 1rem;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #000000;
}
.owl-nav .owl-prev {
left: 1rem;
}
.owl-nav .owl-next {
right: 1rem;
}
@media screen and (max-width: 768px) {
.text_slider_1 {
width: 100%;
}
} .sec_2 {
position: relative;
padding-bottom: 0px;
z-index: 1; }
.sec-2-title {
width: 100%;
display: block;
text-align: left;
font-size: 1.7em;
margin-top: 0px;
color:#53346F;
text-transform: uppercase;
font-family: 'Raleway', sans-serif; font-weight: 600;
letter-spacing: 1px;
}
.bloq_sec_noticias {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
padding: 2em;
background: #fff;
margin-top: -20vh;
width: 100%;
}
.bloq-noticias-item {
width: 23%;
min-height: 220px;
background-position: center;
background-size: cover;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-end;
}
.bloq-noticias-text {
background-color:rgba(0,0,0,0.7);
padding: 0.8em; 
color:#fff;
display: flex;
flex-flow: row wrap;
align-content: flex-start;
min-height: 130px;
justify-content: flex-start;
transition: all 0.3s ease-in-out;
}
.bloq-noticias-item:hover .bloq-noticias-text {
min-height: 220px;
background-color: #0099CC;
}
.bloq-noticias-text h2 {
margin: 0px;
font-weight: 300;
font-size: 1em;
line-height: 1.2em;
margin-bottom: 0.5em;
}
.date-noticias {
font-size: 0.8em;
}
.bloq-link-destacado {
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
margin-top: 1em;
width: 100%;
}
.bloq-link-destacado a {
display: inline-block;
text-decoration: none;
text-transform: uppercase;
}
@media screen and (max-width: 900px) {
.bloq-noticias-item {
width: 48%;
margin-bottom: 2em;
}
}
@media screen and (max-width: 600px) {
.bloq-noticias-item {
width: 100%;
}
} .sec_3 {
background-size: 40%;
background-position: 80% 0px;
background-repeat: no-repeat;
padding-top: 5%;
padding-bottom: 5%;
padding-right: 0px;
}
.bloq-ejes {
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: flex-end;
border-radius: 3em 0px 0px 3em;
color: #fff;
position: relative;
}
.bloq-ejes-title {
width: 100%;
position: absolute;
background: #53346F;
border-radius: 2em 0px 0px 2em;
padding: 2em;
}
.bloq-ejes-title h2 i {
width: 30px;
height: 30px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
color: #53346F;
margin: 0px auto;
font-size: 0.8em;
}
.bloq-ejes-title h2 a:hover i {
color: #fff;
background: #53346F;
}
.bloq-btn-ejes {
width: 22%;
text-align: center;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
position: relative;
}
.bloq-btn-ejes img {
width: 90%;
}
.bloq-btn-ejes p {
position: absolute;
color:#fff;
width: 50%;
margin:0px;
font-size: 0.9em;
}
@media screen and (max-width: 900px) {
.bloq-ejes-title {
width: 100%;
text-align: center;
}
.bloq-btn-ejes {
width: 30%;
}
}
@media screen and (max-width: 600px) {
.bloq-ejes-title {
width: 100%;
text-align: center;
}
.bloq-btn-ejes {
width: 60%;
}
.bloq-ejes {
justify-content: center;
}
.bloq-btn-ejes p {
font-size: 1em;
}
} .sec_4 {
position: relative;
padding-top: 3.5%;
}
.sec-4-title {
width: 100%;
display: block;
text-align: left;
font-size: 1.7em;
padding-left: 3.5%;
margin-top: 0px;
text-transform: uppercase;
color:#53346F;
font-family: 'Raleway', sans-serif; font-weight: 600;
letter-spacing: 1px;
}
.overlay-proyectos {
background:#000;
opacity: 0.7;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px; 
}
.bloq-proyectos-item {
padding: 2em;
display: flex;
min-height: 400px;
position: relative;
align-items: flex-end;
background-position: center;
background-size: cover;
}
.bloq-proyectos-item:hover .overlay-proyectos {
background-color: #0099CC;
}
.bloq-proyectos-text {
display: flex;
flex-flow: row wrap;
align-content: space-between;
position: relative;
z-index: 1;
min-height: 200px;
}
.bloq-proyectos-text h2 {
font-weight: 300;
color:#fff;
font-size: 1.1em;
line-height: 1.3em;
}
.plus-proyectos {
color: #fff;
width: 100%;
text-align: right;
display: block;
} .sec_5 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.bloq-texto-sec-5 {
display: flex;
flex-flow: row wrap;
width: 47%;
padding: 2em;
border-radius: 0.5em;
box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.bloq-texto-sec-5:nth-child(1) {
margin-bottom: 10vh;
}
.bloq-texto-sec-5:nth-child(2) {
margin-top: 10vh;
}
.bloq-texto-sec-5:nth-child(1) h2 {
color:#a5a5a5;
}
.bloq-texto-sec-5:nth-child(2) h2 {
color:#53346F;
}
.bloq-texto-sec-5:nth-child(1):hover {
background: #E8DB35;
}
.bloq-texto-sec-5:nth-child(2):hover {
background: #53346F;
}
.bloq-texto-sec-5:hover p {
color:#fff;
}
.bloq-texto-sec-5:hover h2 {
color:#fff;
}
.icon-bloq {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
.icon-bloq h2 {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
font-size: 1.2em; 
line-height: 1.2em;
font-family: 'Raleway', sans-serif;
text-align: center;
width: 100%;
display: block;
}
.icon-title h2 {
width: 55%;
}
.icon-bloq img {
width: 40%;
}
.bloq-texto-sec-5-1, .bloq-texto-sec-5-2 {
width: 100%;
text-align: center;
}
.btn-plus {
width: 30px;
height: 30px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;  color:#fff;
border-radius: 50%;
margin: 0px auto;
font-size: 1.3em;
}
.bloq-texto-sec-5 .bloq-texto-sec-5-1 .btn-plus {
background: #E8DB35;
}
.bloq-texto-sec-5:hover .bloq-texto-sec-5-1 .btn-plus {
background: #fff;
color:#E8DB35;
}
.bloq-texto-sec-5 .bloq-texto-sec-5-2 .btn-plus {
background: #53346F;
}
.bloq-texto-sec-5:hover .bloq-texto-sec-5-2 .btn-plus {
background: #fff;
color: #53346F;
}
.btn-line-bk {
border:1px solid #000;
padding: 0.5em 2.2em;
text-transform: uppercase;
font-size: 0.8em;
font-weight: 300;
color:#000;
float:right;
}
.btn-line-bk:hover {
background:#000;
color:#fff; 
}
@media screen and (max-width: 768px) {
.bloq-texto-sec-5 {
justify-content: center;
width: 100%;
margin:0px !important;
margin-bottom: 2em !important;
}
} .sec_6 {
background-position: center;
background-size: cover;
position: relative;
}
.overlay-btns {
background:#000;
opacity: 0.7;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px; 
}
.sec_6 h2 {
text-transform: uppercase;
color:#fff; font-weight: 600;
letter-spacing: 1px;
text-align: center;
font-size: 1.7em;
font-family: 'Raleway', sans-serif;
width: 100%;
}
.bloq-btns-sec-6 {
width: 100%;
position: relative;
z-index: 1
}
.bloq-btns-sec-6 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.bloq-cifras {
border:1px solid #fff;
padding: 1.5em;
width: 23%;
transition: all .3s ease;
}
.bloq-cifras:hover {
transform: scale(1.1);
cursor: pointer;
}
.bloq-cifras p {
color: #fff;
margin: 0px;
text-align: center;
}
.cifras-item {
font-weight: bold;
font-size: 2.5em;
text-align: center;
width: 100%;
margin:0px;
}
@media screen and (max-width: 900px) {
.bloq-cifras {
width: 48%;
margin-top: 2em;
}
}
@media screen and (max-width: 600px) {
.bloq-cifras {
width: 100%;
}
} .sec_7 {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sec_7 .sec-title {
font-size: 1.7em
}
.bloq-convocatorias-item {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
width: 100%;
border-right: 0.7em solid #fff;
padding: 1.5em;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
margin-bottom: 1em;
}
.bloq-convocatorias-item:hover {
border-right: 0.7em solid #0099CC;
}
.bloq-convocatorias-item:hover h2 {
color: #0099CC;
}
.bloq-dia-convocatoria {
width: 60px;
text-align: center;
}
.bloq-convocatorias-text {
width: calc(100% - 80px);
}
.bloq-convocatorias-text h2 {
margin: 0px;
font-size: 1.2em;
font-weight: 300;
}
.dia_convocatoria {
font-size: 2em;
line-height: 1em;
margin:0px;
color:#000;
}
.mes_convocatoria {
font-size:1.2em;
text-transform: uppercase;
margin: 0px;
color: #333;
}
.bloq-left-sec-7, .bloq-right-sec-7 {
width: 35%;
}
.bloq-right-sec-7 {
width: 50%;
}
@media screen and (max-width: 768px) {
.bloq-left-sec-7, .bloq-right-sec-7 {
width: 100%;
}
.bloq-right-sec-7 {
width: 100%;
}
} .footer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding-top: 3em;
background: #e3e3e3;
margin-top: 3em;
}
.bloq-footer {
width: 18%;
}
.bloq-footer a  {
width: 100%;
display: block;
}
@media screen and (max-width:900px) {
.bloq-footer {
width: 38%;
margin-bottom: 1em;
}	
}
@media screen and (max-width:600px) {
.bloq-footer {
width: 90%;
}	
} .videoWrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}  .bloq-page {
margin-top: 5em;
}
.wrapper-page-int {
width: 80%;
margin:0px auto;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.bloq-content-page {
width: 100%;
}
@media screen and (max-width: 900px) {
.wrapper-page-int {
width: 86%;
}
}
@media screen and (max-width: 600px) {
.bloq-page {
margin-top: 6em;
}
} .bloq-equipo {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.bloq-equipo-item {
width: 30%;
margin-right: 3.33%;
margin-bottom: 1.5em;
}
.bloq-equipo-item img {
width: 100%;
margin: 0px;
margin-bottom: 1em;
}
@media screen and (max-width: 900px) {
.bloq-equipo-item {
width: 47%;
margin-right: 3%;
}
}
@media screen and (max-width: 768px) {
.bloq-equipo-item {
width: 100%;
margin-right: 0px;
}
}  .bloq-proyectos-cat {
display: flex;
flex-flow: row wrap;
margin-bottom: 3em;
}
.overlay-proyectos {
background:#000;
opacity: 0.7;
position: absolute;
width: 100%;
height: 100%;
top:0px;
left: 0px; 
}
.bloq-proyectos-item-cat {
padding: 2em;
display: flex;
min-height: 400px;
position: relative;
align-items: flex-end;
width: 49%;
margin-right: 2%;
margin-bottom: 1em;
text-decoration: none !important;
background-position: center;
background-size: cover;
}
.bloq-proyectos-item-cat:nth-child(2n+0) {
margin-right: 0%;
}
.bloq-proyectos-item-cat:hover .overlay-proyectos {
background-color: #0099CC;
}
.bloq-proyectos-text {
display: flex;
flex-flow: row wrap;
align-content: space-between;
position: relative;
z-index: 1;
min-height: 200px;
}
.bloq-proyectos-text h2 {
font-weight: 300;
color:#fff;
font-size: 1.1em;
line-height: 1.3em;
}
.plus-proyectos {
color: #fff;
width: 100%;
text-align: right;
display: block;
}
@media screen and (max-width: 680px) {
.bloq-proyectos-item-cat {
width: 100%;
margin-right: 0px;
}
} .bloq-convocatorias-item-cat {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: space-between;
width: 49%;
margin-right: 2%;
margin-bottom: 1em;
border-right: 0.7em solid #fff;
padding: 1.5em;
box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
text-decoration: none !important;
}
.bloq-convocatorias-item-cat:nth-child(2n+0) {
margin-right: 0%;
}
.bloq-convocatorias-item-cat:hover {
border-right: 0.7em solid #0099CC;
}
.bloq-convocatorias-item-cat:hover h2 {
color: #0099CC;
}
.bloq-dia-convocatoria {
width: 60px;
text-align: center;
}
.bloq-convocatorias-text {
width: calc(100% - 80px);
}
.bloq-convocatorias-text h2 {
margin: 0px;
font-size: 1.2em;
font-weight: 300;
}
.dia_convocatoria {
font-size: 2em;
line-height: 1em;
margin:0px;
color:#000;
}
.mes_convocatoria {
font-size:1.2em;
text-transform: uppercase;
margin: 0px;
color: #333;
}
@media screen and (max-width: 680px){
.bloq-convocatorias-item-cat {
width: 100%;
margin-right: 0px !important;
}
} .bloq-imagen-single-convocatoria {
width: 100%;
height: 300px;
background-size: cover;
background-position: center;
position: relative;
display: flex;
flex-flow: row wrap;
align-items: flex-end;
}
.bloq-fecha-text {
width: 100%;
background:rgba(0,0,0,0.6);
padding: 1em;
display: flex;
flex-flow: row wrap;
justify-content: space-between; 
align-items: center;
}
.bloq-fecha-text .dia_convocatoria {
color:#fff;
}
.bloq-fecha-text .mes_convocatoria {
color: #fff;
}
.bloq-fecha-text .page-title {
margin-bottom: 0px;
width: calc(100% - 70px);
}
@media screen and (max-width: 768px) {
.bloq-fecha-text .page-title {
font-size: 1.3em;
}
} .bloq-noticias-item-cat {
width: 49%;
margin-right: 2%;
min-height: 320px;
background-position: center;
background-size: cover;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-end;
margin-bottom: 1em;
text-decoration: none !important;
}
.bloq-noticias-item-cat:nth-child(2n+0) {
margin-right: 0%;
}
.bloq-noticias-item-cat:hover .bloq-noticias-text {
min-height: 320px;
background-color: #0099CC;
}
.pagination {
margin-bottom: 2em;
}
.pagination .page-numbers {
padding: 1em;
background: #f2f2f2;
display: inline-block;
}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
background: #e3e3e3;
}
@media screen and (max-width: 680px){
.bloq-noticias-item-cat {
width: 100%;
margin-right: 0px !important;
}
}
.sociales-bloq-footer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.sociales-bloq-footer a {
height: 30px;
width: 30px;
display: flex;
transition: all .3 ease-in-out;
}
.sociales-bloq-footer a:hover {
opacity: 0.7;
}
.sociales-bloq-footer a img {
width: 100%;
}
.bloq-sociales-header {
width: 40px;
background: #2b2b2b;
position: fixed;
right: 0px;
top: 30vh;
display: flex;
flex-flow: column wrap;
justify-content: center;
align-content: center;
z-index: 99;
padding: 10px;
}
.bloq-sociales-header a {
height: 30px;
max-width: 100%;
display: flex;
flex-flow: row wrap;
align-items: center; 
transition: all .3 ease-in-out;
} 
.bloq-sociales-header a:hover {
opacity: 0.7;
} 
.bloq-sociales-header a img {
width: 100%;
} 
@media screen and (max-width: 768px) {
.bloq-sociales-header {
display: none;
}
} .bloq-proyectos-single {
display: flex;
flex-flow: row wrap;
justify-content: space-between; 
padding:1.5em; 
margin-bottom: 2em;
}
.bloq-proyectos-single p {
margin:0px; 
margin-bottom: 1em;
}
.bg-proyecto-1 {
background:#88ceff; 
}
.bg-proyecto-2 {
background:#e3e3e3; 
}
.bloq-proyectos-item-single {
width: 48%;
}
.bloq-proyectos-item-single:nth-child(1), .bloq-proyectos-item-single:nth-child(2) {
margin-bottom: 1em;
} .bloq-content-relacionados {
width: 100%;
margin:2em 0px 0px 0px;
}
.title-relacionados {
text-align: center;
width: 100%;
font-weight: 300;
font-family: 'Raleway', sans-serif;
margin-top: 0px;
} .slider-noticias .bloq-noticias-item {
width: 100%;
} .sec-3-title {
display: inline-block;
text-align: center;
font-size: 1.7em;
font-weight: 300;
}
.sec-3-title i {
width: 30px;
height: 30px;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
background: #fff;
border-radius: 50%;
color: #53346F;
margin: 0px auto;
} 
.sec-3-title a {
display: block;
} .flip-card {
background-color: transparent;
width: 300px;
height: 300px;
perspective: 1000px; padding: 2em;
} .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
} .flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
} .flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
} .flip-card-front {
color: black;
} .flip-card-back {
color: white;
transform: rotateY(180deg);
}
.flipcard-s-mobile {
display: none;
}
.bloq-flipcard-cont {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center; 
}
@media screen and (max-width: 1200px) {
.flip-card {
width: 220px;
height: 220px;
padding: 0em;
}
}
@media screen and (max-width: 1024px) {
.flip-card {
width: 200px;
height: 200px;
}
.flip-card-inner {
margin-top: 10em;
}
.bloq-ejes {
justify-content: center;
}
.sec-3-title {
margin-top: 0px;
color:#fff;
text-align: center;
display: block;
}
}
@media screen and (max-width: 900px) {
.flip-card-inner {
margin-top: 7em;
}
.flipcard-s-mobile {
display: block;
}
.flipcard-h-mobile {
display: none;
}
.flip-card-inner {
margin-top: 0em;
}
.sec_3 {
background: #53346F;
padding-right: 10%;
margin-bottom: 4em;
}
}
@media screen and (max-width: 768px) {
.flip-card {
padding:0.5em; 
}
}
@media screen and (max-width: 600px) {
.flip-card {
padding:0em;
width: 250px;
height: 250px;
margin-bottom: 2em;
}
.bloq-flipcard-cont {
justify-content: center;
}
} .bloq-accion {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: flex-start;
}
.bloq-accion a {
width: 32%;
display: block;
}
.bloq-accion img {
width: 100%;
height: auto;
}
.bloq-accion-btns {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
padding:0px 20%; 
}
.bloq-accion-btns a {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 47%;
color:#fff;
text-transform: uppercase;
padding:1em 1.2em;
border-radius: 5px;
line-height: 1.2em;
text-align: center; 
font-weight: bold;
text-decoration: none !important;
}
.bloq-accion-btns a:nth-child(1) {
background: #E8DB35;
}
.bloq-accion-btns a:nth-child(2) {
background: #53346F;
}
.bloq-accion-btns a:nth-child(1):hover, .bloq-accion-btns a:nth-child(2):hover {
background: #333;
}
@media screen and (max-width: 768px) {
.bloq-accion-btns {
padding:0px; 
}
.bloq-accion a {
width: 100%;
display: block;
}
}
.bloq-gris {
background: #e3e3e3;
padding: 1.5em;
}
.bloq-cont-sistemas {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: stretch;
}
.bloq-imagenes {
width: 40%;
}
.bloq-imagenes img {
width: 100%;
margin-bottom: 2em;
}
.bloq-texto {
width: 58%;
}
.btn-link-sistemas {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
width: 47%;
color:#fff !important;
text-transform: uppercase;
padding:1em 1.2em;
border-radius: 5px;
line-height: 1.2em;
text-align: center; 
font-weight: bold;
text-decoration: none !important;
margin-top: 2em;
}
.btn-link-sistemas-simone {
background: #E8DB35;
}
.btn-link-sistemas-sre {
background: #53346F;
}
.btn-link-sistemas:hover {
background: #333;
}
@media screen and (max-width: 768px) {
.bloq-imagenes {
width: 100%;
}
.bloq-texto {
width: 100%;
}
}
.block-title-sistemas {
margin-bottom: 2em;
padding: 1em 0px;
background-image: url(//upla.cl/vinculacion/wp-content/themes/vcm/img/bg-barra-titulo.png);
background-position: -150px center;
background-repeat: no-repeat;
}
.block-title-sistemas h1 {
margin:0px !important;
color:#fff;
}
.simone-title {
background-color: #E8DB35;
}
.sinte-title {
background-color:#53346F;
} .wpcf7-form-control {
padding:0.7em;
max-width:100%;
}
.wpcf7-submit {
border: none;
font-family: inherit;
font-size: inherit;
background: #b00;
color: #fff;
cursor: pointer;
padding: 0.5em 1.5em;
display: inline-block;
margin: 1em 2em 1em 0;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1px;
font-weight: 700;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
box-shadow: 0 5px #900;
-webkit-transition: none;
-moz-transition: none;
transition: none;
border-radius: 3px;
}
.wpcf7-submit:hover {
box-shadow: 0 3px #900;
top: 2px;
color: #fff;
text-decoration: none;
}