/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */ 
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/




/* --------------- FUENTES ----------------- */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");

@font-face {
    font-family: 'Frutiger LT Std';
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Light.eot');
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Light.woff2') format('woff2'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Light.woff') format('woff'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Frutiger LT Bold';
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Bold.eot');
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Bold.woff2') format('woff2'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Bold.woff') format('woff'),
        url('https://contenidos.imq.es/hubfs/b-landing/tipo/FrutigerLTStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'Times New Roman';
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/Times%20New%20Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Times New Roman Bold';
    src:  url('https://contenidos.imq.es/hubfs/b-landing/tipo/Times%20New%20Roman%20Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Causten Light';
    src: url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_light-webfont.eot');
    src: url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_light-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_light-webfont.woff2') format('woff2'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_light-webfont.woff') format('woff'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Causten Regular';
    src: url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_regular-webfont.eot');
    src: url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_regular-webfont.woff2') format('woff2'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_regular-webfont.woff') format('woff'),
        url('https://contenidos.imq.es/hubfs/b_tipografia/trustha_-_causten_round_regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Causten Black';
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/Trustha-Causten-Round-Bold.eot');
    src: url('https://contenidos.imq.es/hubfs/b-landing/tipo/Trustha-Causten-Round-Bold.eot?#iefix') format('embedded-opentype'), 
      url('https://contenidos.imq.es/hubfs/b-landing/tipo/Trustha-Causten-Round-Bold.woff2') format('woff2'),
      url('https://contenidos.imq.es/hubfs/b-landing/tipo/Trustha-Causten-Round-Bold.woff') format('woff'),
      url('https://contenidos.imq.es/hubfs/b-landing/tipo/Trustha_Causten_Round_Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}



/* COLORES */

 /* Color azul corporativo */
 /* Color azul clarito utilizado para banners */


/* ----------- TEXTOS ------------------*/


p {font-family: 'Frutiger LT Std'; text-align:left;letter-spacing:0;}
h2, h3, h4 { font-family: 'Frutiger LT Std';  }
h1 {font-family: 'Times New Roman Bold';color:#fff; text-align:center; font-size: 56px !important; line-height: 52px !important;text-transform:initial !important; font-weight:bold;} 
h2 {font-family: 'Causten Regular'; font-size:35px!important; text-align:center;  color:#000;font-weight:bold !important;line-height: 38px !important;}
a {color: #0e6cb3 !important;}
strong {font-family: 'Times New Roman Bold';} 
p strong{font-family: 'Frutiger LT Bold';}
.centrado{text-align:center;}

.entradilla > div {
  max-width:700px; margin: 50px auto;width:100%; 
}
.entradilla.sin-margen > div {
  max-width:700px; margin: 0px auto;width:100%; 
}
.entradilla.sin-margen{margin:50px 0px;}
.entradilla.sin-margen .t-azul p{
   font-family: 'Frutiger LT Bold' !important;
    text-align: center;
    font-size: 44px !important;
    font-weight: bold;
  line-height: 54px;
    margin-bottom: 20px;
}
.entradilla p{ font-size:18px;max-width:700px;width:100%;}

.frase-suelto > div {
  max-width:680px; margin: 30px auto;width:100%; 
}
.frase-suelto-p > div {
  max-width:300px; margin: 30px auto;width:100%; 
}

.titulo-azul{color:#0e6cb3;}
.t-grande p{font-size:22px !important;margin-bottom:0;line-height: 26px;}
.t-azul p{font-size:22px !important;margin-bottom:0 !important;text-transform:uppercase;color:#0e6cb3;font-family: 'Causten Regular';line-height:20px;}
.t-grande.azul p{
  font-family: 'Times New Roman Bold' !important;
  color:#0e6cb3; text-align:center; 
  font-size: 56px !important; 
  line-height: 60px !important; 
  text-transform:initial !important;
} 
.t-grande.azul p strong,.t-grande.azul p strong{font-family: inherit;}



/*--------BOTONES------------*/ 
.boton-borde{
  border-radius: 50px;
  color: #0e6cb3;
  border: 2px solid #0e6cb3;
  background: transparent;
  text-transform: initial !important; 
  font-size: 16px !important;
  min-width: 151px;
  font-weight: bold; font-family: 'Frutiger LT Bold'; 
  transition: 0.3s;
}
.boton-borde:hover{
  color: #fff ;
  border: 2px solid #0e6cb3;
  background: #0e6cb3;
  

}

.boton-azul{
  border-radius: 50px;
  background: #0e6cb3;
  border: 2px solid #0e6cb3;
  color: #fff;
  text-transform: initial !important; 
  font-size: 16px !important;
  min-width: 151px;
  font-weight: normal; font-family: 'Frutiger LT Bold'; 
  transition: 0.3s;
}
.boton-azul:hover{
  color: #0e6cb3 ;
  border: 2px solid #0e6cb3;
  background: #fff ;
}

.btn{background: #0e6cb3 !important;color: #fff !important; padding:10px 15px !important;border: none !important;font-family: 'Frutiger LT Std' !important;}



/* ---------- HEADER -----------*/

.header { 
/*   background:#0e6cb3;  */
  color:#ffffff; padding:10px 0; 
  position:absolute;
  top:0;
  z-index:999;
} 
.header a {color:#ffffff!important;font-size:16px;font-family: 'Frutiger LT Std';}
.logo {text-align:left;} 
.logo img {width:130px !important; display:none}
.idiomas { font-size: 14px;  text-align:right; padding: 30px 0 0 0;} 
.idiomas a {color: #0e6cb3 !important; text-decoration:none; padding:0 2px;}

.logo-idiomas .row-fluid {
  display:flex; align-items: center !important;
}
.logo-idiomas .row-fluid:before, .logo-idiomas .row-fluid:after {
  display:none !important;
}
.logo-idiomas .row-fluid .span4 {
  min-height: 0 !important;
}




/* -----FOOTER ------*/

.info-contacto { text-align:right; font-size:14px;}
.info-contacto p {margin-bottom: 0;}
.info-contacto a {color: #ffffff; text-decoration:none; padding:0 2px;}
.info-contacto a:hover {color: #ffffff;text-decoration:underline;}



/* --FONDOS--*/
.bg-azul{
background: #f0f6fa;
}

.cabecera-video .hs-video-container{
    max-height: 90vh;
    overflow: hidden;
}



/* ----------------- banner con fonddo imagen--------------*/



.fd-imagen {
  background-size:cover !important;  
  background-position:bottom center !important; 
  background-repeat:no-repeat !important; 
  min-height:500px!important;  
  position:relative; 
}

.fd-imagen .titulo {
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%, -50%);
  max-width:500px;
}
.fd-mujer .titulo img{
  width:100%;height:auto;
}
.fd-imagen .titulo > div, .pie .titulo > div{text-align:center;}
.fd-imagen h2, .pie .titulo p{
  font-family: 'Times New Roman Bold';
  color:#fff; text-align:center; 
  font-size: 56px !important; 
  line-height: 60px !important; 
  text-transform:initial !important;
  
} 
.fd-imagen h2{font-weight:normal !important;}
.fd-imagen span{
  font-family: 'Causten Light';
  color: #fff;
  text-transform:uppercase;
  font-size:30px;
  font-size: 30px;
  line-height: 40px; 
  text-align:center;
  display: inline-block; 
  margin-top:20px;
}
.fd-cabecera span{
  font-size:40px;
}
.banner1 .titulo,  .banner2 .titulo, .banner3 .titulo{
  max-width:600px;
}



/* ----------------- banner con fonddo imagen ESQUINAS REDONDEADAS --------------*/

.redondo > div > .fd-imagen  {
  min-height:525px!important;  
}

.redondo > div > .fd-imagen .titulo {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    max-width: 400px;
}
.redondo > div > .fd-imagen .titulo h2{
  font-family: 'Frutiger LT Bold'; 
    color: inherit;
    text-align: left;
    font-size: 40px !important;
    line-height: 45px !important;
    text-transform: initial !important;
}
.redondo > div > .fd-imagen .titulo p{
    color: inherit;
    text-align: left;
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: initial !important;
}
.redondo > div > .fd-imagen span{
  margin-top: 0 !important;
}
.redondo > div > .fd-imagen span a{
  margin-top: 20px !important;
}

.hs-content-id-165774288195  .doble-card .panels > .panel3,
.hs-content-id-165774828587  .doble-card .panels > .panel3{  
display:none !important;
} 

/*-----------   CAROUSEL ---------*/

.videos a{cursor: pointer;}
.videos, .card-group{margin-bottom:50px;}

.videos .row-fluid:before, .videos .row-fluid:after, .card-group.row-fluid:before, .card-group .row-fluid:after{display:none;} 

.col-img{
  background-size:cover !important;  
  background-position:bottom center !important; 
  background-repeat:no-repeat !important; 
  min-height:330px!important;  
  position:relative; 
  border-radius: 20px; overflow:hidden;
  display:grid !important;
  align-content: flex-end;
  padding:8px;
}
.col-img img{
  position:absolute;
  width:45px;
  top:40%;
  left:50%;
  transform:translate(-50%, -50%);
  height: auto;
    
}
.titulo-video{
  text-wrap: wrap !important;
}
.titulo-video > div{
  background: #0e6cb3;
  overflow:hidden;
  border-radius: 0 0 20px 20px;
  padding:10px 30px;
  color:#fff;
  text-align:center !important;
  min-height:105px !important;
   text-wrap: wrap !important;
}
.titulo-video p, .panel .titulo h3{
  text-transform: uppercase;
  font-size: 25px !important;
  font-weight: bold !important;
  margin-bottom: 0 !important;
  line-height: 30px;
  font-family: 'Causten Light' !important;

}
.titulo-video span{font-family: 'Causten Light';}


.titulos {min-width: 25%!important; padding-top:7%; color:#0e6cb3; }



.landing-2 .panel.efecto-100 .texto .descripcion p {
    font-size: 18px;
    text-align: left !important;
}
.landing-2 .panel .descripcion p  {
    font-size: 18px;
 
}

@media (max-width: 768px) { 
  .panels{max-height:inherit;display:grid;}
  .panel {
    flex-direction: row;
    flex-wrap: wrap;
    padding:30px;
    padding-bottom:50px;
    max-height:200px; 
    transition:  0.8s !important;
    min-height:350px;
  }
  .panels{gap:50px;margin-bottom: 25px;padding: 0 5%}
  .panel:before{
    width: 24px;
    height: 24px;    
    bottom: 15px;
    background-size: 24px;
  }
  .panel:hover{
    
    max-height:100%
  }
  .panel:hover .texto{grid-template-columns:1fr;grid-gap:15px;}

}  


/* .fd-medico {background:url('https://contenidos.imq.es/hubfs/b-fidelizacion-mujer/img-cabecera-fidelizacion-mujer.png'); background-size:cover;  background-position: bottom center; background-repeat:no-repeat; min-height: 750px !important;  } */
.listado {min-width:30%;width:100%; margin-top:5%; color:#0e6cb3;}

.container {max-width:1200px !important; width:100%; margin:0 auto!important; float:none!important; }
.container-fluid {padding:0!important;}



/*------ FOOTER ----- */

.footer-container-wrapper{padding: 0 !important;}
 
.pie{background: #0e6cb3 };
.pie p{color: #ffffff !important;}
.pie .titulo p{line-height:40px;}
.pie .titulo p strong{font-family: 'Times New Roman Bold' !important;}
.pie .t-grande p{font-family: 'Causten Light';margin-top:-15px;} 

.borde-b{border-bottom:1px solid #fff;margin-bottom:20px;margin-top:30px}
 .borde-b > .row-fluid-wrapper > .row-fluid{display:flex !important;grid-template-columns: 1fr 1fr}
.borde-b > .row-fluid-wrapper > .row-fluid > span{width:100% !important;}
 .borde-b .row-fluid:before,  .borde-b .row-fluid:after{display:none;} 

.pie .enlace-tel{margin-right:30px;}
.pie .enlaces p, .pie .enlaces a, .pie .enlaces span{font-size:15px;font-family: 'Frutiger LT Std'} 


.footer-container-wrapper {background#0e6cb3;padding:2% 2% 1% 2%; color:#ffffff;}
.footer-container-wrapper a {color:#ffffff!important; text-decoration:none;}  
.redes{    
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}
.redes img{width:20px;display: block;padding:0;margin: 0 10px; }

.landing-2 .redes{
   justify-content: flex-start;
}
.contacto{margin-top:15px;}
.contacto a{
  margin-right:20px !important;
  
}
.contacto a:last-child{
  margin-right:0px !important;  
  
}
.logo-footer {text-align:right;}



 
.clear {clear:both; border:0;}

.movil {display:none!important;}
.no-movil {display:block!important}
  

  
  
/* ----MODAL Videos----- */  

.modal-content, .modal-header{
    background: transparent !important; 
  background-color: transparent !important;
  border:none !important;
  border-radius: 0px !important;
}
.modal-body{
  padding:0 !important; 
  border:none; 
}

.btn-close{
  content: '\F659';
  font-family: bootstrap-icons;
}





/* ----RESPONDIVE----- */  


@media (max-width: 1400px) {
.titulos {min-width: 30% !important;}
}

@media (max-width: 1200px) {
.titulos {min-width: 50% !important;}
  h1 {font-size:52px!important; line-height:48px!important;}
}

@media (max-width: 990px) {
  .fd-amigos {background-color:#f4f4f4;background-size: 150%;background-position: bottom center;}
  h1 { font-size: 46px !important; line-height: 44px !important; }
  p.pretitulo {  text-transform: uppercase;  font-size: 32px;}
  .fd-medico {background-size: 200%;}
  .listado {min-width:50%; background: rgba(255,255,255,0.5);}
  .panels {
    max-height: 100%;
    min-height: 380px;
  }
  .panel.efecto-100 .texto {
    grid-gap: 0;
    grid-template-columns: 1fr; 
    padding: 30px 15px;
  }
  .panel.efecto-100 .texto .descripcion p {
    font-size: 16px;
    text-align: left!important;
    
  }
  .panel .titulo h3{margin-bottom:15px !important;}
 
}
@media (max-width: 768px) {
  .panel .titulo h3, .titulo-video p{font-size: 26px !important;line-height: 24px;}
    .fd-imagen .titulo {
    width: 80%;
  }
  .fd-imagen {
    min-height: 400px!important;
  }
  .fd-imagen span {
    font-size: 22px;
    line-height: 33px;
  }
  .fd-imagen h2, .pie .titulo p {
    font-size: 40px!important;
    line-height: 42px!important;
  }
  .header .row-fluid:before, .header .row-fluid:aftere{
    display:none;
  }
  .header{
    width:100% !important;
  }
    .header .row-fluid > span {
    display: flex;
    justify-content: flex-end;
      width: 100% !important
  }
/* .header .row-number-4 { 
    width: 100%;
  } */
   .header .row-number-4 > .row-fluid {
   display:flex;
  } 
  .header .row-number-4 > .row-fluid > div{
    width: 50% !important;
  } 
  .hs-social-follow {
    justify-content: center !important; 
    
}
  .logo-footer{
    text-align:center;
    margin: 20px 0;
  
  } 
  .pie .enlaces div{text-align:center !important;}
  .borde-b p{text-align:center !important;}
  .pie a, .pie span, .pie p{text-align:center !important;}
  .logo-idiomas img{width:120px !important;}
   .borde-b > .row-fluid-wrapper > .row-fluid{display:grid !important;grid-template-columns: 1fr;}
  .borde-b .row-fluid > .contacto{order:2 !important;}
  .borde-b .row-fluid > .logo-footer{order:1 !important;}
}



@media (max-width: 650px) { 
  .fd-amigos {background-size: 200%; background-position-x: -250px!important;} 
  .fd-medico {min-height: 870px !important;} 
  .espacio {padding:1rem}
  .redondo > div > .fd-imagen .titulo {
    background: #ffffff57;
    padding: 15px; 
  }
}


@media (max-width: 575px) {
  .videos{
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: 20px
  }
  .titulo-video>div {
    min-height: 70px!important;
    padding: 15px 50px;
  }
  .redes {    
    justify-content:center;
    margin-top:20px;
  }
  
  h2 {font-size:30px!important;line-height: 34px !important;} 
  .t-grande.azul p{
    font-size: 40px!important;
    line-height: 42px!important;
  }
  .t-grande p {
    font-size: 18px !important;
    margin-bottom: 0;
    line-height: 24px;
  }
  .titulo-video>div {
    min-height: 100px!important;
    padding: 15px 11px;
}
  .panel .titulo h3, .titulo-video p {
    font-size: 24px !important;
    line-height: 23px;
}
  .titulo-video span {
  font-family: 'Causten Light';
  font-size: 14px;
}
  .entradilla.sin-margen .t-azul p{
    font-size: 32px !important;
    line-height: 32px;
    margin-bottom: 0; 
}
  .redondo > div > .fd-imagen .titulo h2 {
    font-size: 32px !important;
    line-height: 42px !important;
    text-transform: initial !important;
  }

  .panel{min-height:250px;}

}
  
@media (max-width: 450px) {
  
  h1, .fd-imagen h2, .pie .titulo p {
    font-size: 32px !important;
    line-height: 35px !important;
  }
.entradilla p {
    font-size: 16px;
    max-width: 700px;
    width: 100%;
}
  h2 {
    font-size: 25px!important;
    line-height: 29px !important;
}
  .fd-imagen .titulo {
    width: 90%;
}
  .fd-imagen span {
    font-size: 18px;
    line-height: 28px;
    margin-top:0;
}
  .fd-imagen {
    background-position: bottom 0 left -200px !important;
    background-repeat: no-repeat !important;
    /* margin-right: -61% !important; */
    /* overflow: hidden; */
}
  .t-grande p {
    font-size: 16px !important;
    margin-bottom: 0;
    line-height: 24px;
}
 .titulo-video p {
  font-size: 16px !important;
  line-height: 20px;
}
  .redondo .fd-imagen{
  background-position: center !important
  }


   
 
}