*::before,
*::after { -webkit-box-sizing: border-box; box-sizing: border-box; }
@-ms-viewport { width: device-width; }

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
html { font-family: "Roboto Slab", serif, sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { margin: 0; font-family: 'Poppins', sans-serif;/*font-family: "Roboto Slab", serif, sans-serif;*/ font-size: 1rem; font-weight: 400; line-height: 1.5; color: #444444; text-align: left; background-color: #fff; }
a, a:focus, button, button:focus, input, input:focus, textarea, textarea:focus, select, select:focus { outline: none !important; }
a { color:#0078c9 }

.square { border-radius: 0 !important }
.transition { -webkit-transition: .25s; -moz-transition: .25s; -o-transition: .25s; -ms-transition: .25s;transition: .25s; }
/*.btn-primary { background-color: #a47782; border-color: #a47782; color:#fff !important }*/
.btn-primary { background-color: #d69aa9; border-color: #d69aa9; color:#fff !important }
.btn-primary:hover{background-color: #98a9e9; border-color: #98a9e9;}
.btn-primary.disabled, .btn-primary:disabled { opacity: 1; background-color: #444; border-color: #444; }
.btn { padding:.5rem .75rem; }

.bg-grey { background-color:#f0f0f0; }
.bg-fertilidad { background-color:#a47782; color:#fff; }

h1, .h1, h2, .h2 { color: #a47782; font-weight:700; }

.cabecera h2,.intro h2, .info h2,.faq h2,.formulario h2{ color: #d69aa9; font-family: 'Poppins', sans-serif;}
.cabecera h3{font-size: 2rem;}
.cabecera h1{font-family: 'Poppins', sans-serif;color: #d69aa9;font-weight: 400;font-size: 3.3em;}
.cabecera span{color: #d69aa9; font-family: 'Poppins', sans-serif;font-size: 1.8em;}
.cabecera span strong{font-weight: 500;font-size: 2em;}
.info h2{font-weight:400;font-size: 1.8em;}
.intro h2{margin-bottom:30px;}

/* Header */
header { background-color:#fff; position:relative; }
@media only screen and (max-width: 576px) {
	header .logo { width: 150px }
}

/* Main */

.fa-facebook-square {color: #3b5998;}
.fa-twitter-square {color: #1da1f2;}
.fa-google-plus-square {color: #dd4b39;}
.fa-linkedin {color: #0077b5;}
.fa-instagram-square {color: #3f729b;}
.fa-youtube-square {color: #c4302b;}

/* Home */

.dnone{display:none;}

#mainhead{background-color: transparent;
    position: fixed;
    z-index: 9;
    width: 100%;}

.not-at-top{background-color: #fff !important;}

.navbar{width:100%;}
.navbar-expand-lg .navbar-collapse{justify-content: flex-end;}
.nav-item{padding:0 15px;}
.nav-item a{color: #000 !important;}
.navdestacado{
    background-color: #98a9e9;    
    border-radius: 25px;
    margin: 0 0 0 40px;
}

.navdestacado:hover{
    background-color: #d69aa9;   
} 

.nav-item a:hover{color:#d69aa9 !important;}
.navdestacado  a:hover{
    color:#fff !important;   
}

#mainhead .nav-link{padding: 0;}
.navdestacado .nav-link{color: #ffffff !important;}

div.navbar-collapse.show{border-top: 1px solid #d69aa9;}

.banner { background-image:url(/assets/img/banner-home.jpg); background-position:center center; background-repeat:no-repeat; background-size: cover; width:500px; height:500px }
.banner video { width:244px; height:auto; position:relative; top:155px; left: 49%; transform: translateX(-50%); }


.cabecera img{
	width:100%;
}

.cabecera .col-12{	
        padding-right: 0px;
        padding-left: 0px;
    
}

.claimcab{
    position: absolute;
    top: 35%;
    left: 10%;
}

.claimcab .button1{    
    background-color: #98a9e9;
    -webkit-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    font-weight: 400;   
    line-height: 1.5em;
    font-size: 1.2em;
    width: fit-content;
    padding: 9px 25px;
    margin: 20px 0;   
    /*border:2px solid #98a9e9;*/
}

.claimcab .button1 a{color: #fff;}
.claimcab .button1:hover{background-color: #d69aa9;color: #fff;}
.claimcab .button1:hover a{color: #fff;text-decoration: none;}

.button2{
    color: #fff;
    background-color: #98a9e9;
    -webkit-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    font-weight: 600;
    line-height: 1.5em;
    width: fit-content;
    padding: 15px 30px;
    margin: 0 auto;     
}

.button2:hover{
    color: #98a9e9;
    background-color: #ffffff;
}

.button2 a {
    color:#fff;
    font-size: 1.3em;
    font-weight: 400;}

.button2:hover a {color: #98a9e9;}


.button2b{    
    background-color: #98a9e9;
    -webkit-border-radius: 35px;
    -ms-border-radius: 35px;
    border-radius: 35px;
    font-weight: 600;
    line-height: 1.5em;
    width: fit-content;
    padding: 15px 30px;
    border:2px solid #98a9e9;        
}

.button2b a{color: #fff;text-decoration: none;}
.button2b:hover{background-color:#fff ;}
.button2b:hover a{color: #98a9e9;}

.banner-fertilidad{
	height: 400px;
    width: 100%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	background-image: url(/assets/img/bg3.jpg) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.banner-fertilidad .banner-info{    
	position: relative;
    z-index: 1;
    text-align: center;
    max-width: 100%;
    padding: 1rem;
}

.banner-fertilidad .banner-info h2{ color:#fff; font-size: 2em;}

.percent big {
    display: block;    
    font-size: 75px;
    font-weight: 400;
    line-height: 1;    
}
.percent {
    font-size: 1.8em;
    line-height: 1.43;
    font-weight: 700;
    color:#fff;
}

.tasas{
    position: relative;
    top: -90px;
}
.tasas .container{    
    background-image: url(/assets/img/bg_banner.jpg);
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;}

.tasas .container .wrapper1{
    max-width: 75%;
    margin: 0 auto;
    padding: 5% 2% 1% 2%;
}

.tasas .container .wrapper2{
    max-width: 95%;
    margin: 0 auto;
    padding: 1% 2% 4% 2%;
    color:#fff;
}

.txt8{font-size:8px;color:#fff;position:relative;top:-8px;}

.formulario{
    background-image: url(/assets/img/back-form.jpg);
    background-position: top left !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 8% 10%;
}


.info .txtbox{padding: 4rem 0;}
.infoa .txtbox{padding-right: 1.8em;max-width:555px;}
.infob .txtbox{padding-left: 1.8em;max-width:555px;}
.infob .containerfull{background-color: #f4f4f4;}


.info .container,.info .containerfull{
    display: flex;
    flex-direction: row;    
}
.infoa .containerfull{justify-content: flex-end;}

.info .container img,.info .containerfull img{width:100%;}

.info .container .backcol1,.info .containerfull .backcol1{
    background-image: url(/assets/img/FIV-PAREJA.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.info .container .backcol2,.info .containerfull .backcol2{
    background-image: url(/assets/img/FIV-DONANTE.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;}

.review .text-block .imgRes{width: 120px;}
.review .text-block .star{width: 21px;}

.review-block {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
} 

.review-block .text-block{
	display: flex;
    flex-direction: column;
    align-items: center;}

.card-header h2 .btn{font-size: 1.2rem;}

.faq{
    background-color: rgba(0,0,0,.03);
    padding: 2rem 0;
}

.faq .card {
    border: none;
}

.faq .card .card-header h2 button:after{  
    content: '';
    position: relative;
    left: 20px;
    top: 20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #cdcbcb;
    border-bottom: none;
    clear: both;     
}

.faq .card .card-header h2 button.collapsed:after{ 
    content: '';
    position: relative;
    left: 20px;
    top: -18px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: none;
    border-bottom: 10px solid #cdcbcb;
    clear: both;
}

.faq .card .card-header {padding: 0.25rem 1.25rem;}

.faq .card .card-body ul{padding: 0;}
.faq .card .card-body li{list-style: none;}

.carousel-control-next-icon,.carousel-control-prev-icon {
    filter: invert(1);
}

.carousel-control-next{right: -30px;}
.carousel-control-prev {left: -30px;}

.txtcoment{max-width:500px;}



/* Footer */

footer.bottom { /*position:absolute; */bottom:0; width:100%}

#footer-copyright { background: #d69aa9; color: #fff; font-size: 0.9rem; }
#footer-copyright a { color:#fff }
#footer-copyright ul .list-inline-item { border-right:1px solid #fff; padding-right: .5rem; }
#footer-copyright ul .list-inline-item:last-child { border:none; padding-right:0}

#callAction { display:none;}
.formulariobox{ color: #d69aa9; font-family: 'Poppins', sans-serif;font-size: 1.8rem;}

@media only screen and (max-width: 1200px) {
    .claimcab{top: 35%;}
    .cabecera h1{font-size: 2.5em;}
    .cabecera h3 {font-size: 1.6rem;}
    .cabecera span {font-size: 1.6em;}
    .cabecera span strong {font-size: 1.8em;}
}

@media only screen and (max-width: 992px) {

    .col-12{padding-left:3rem;padding-right:3rem;}

    .headnew .nav-item {padding: 5px 10px;margin: 2px 0;}

    .headnew .navbar-light .navbar-toggler {
        color: rgb(4 4 4);
        border-color: transparent;
    }

    .nav-item:hover{
        background-color: #d69aa9;    
        border-radius: 25px;        
        }
    .nav-item:hover .nav-link{color:#fff !important;}

    .navdestacado {
        background-color: transparent;
    }
    .navdestacado .nav-link {
        color: #000 !important;
    }

    .claimcab{
        top: 20%;
        left: 5%;}

    .cabecera h1{font-size: 1.8rem;font-weight: 600;}
    .cabecera h3 {font-size: 1.4rem;}
    .cabecera span {font-size: 1.4em;}
    .cabecera span strong {font-size: 1.7em;}
    .claimcab .button1{    
        font-size: 1em;       
        padding: 8px 14px;
        margin: 15px 0;
    }

    footer{
        margin-bottom: 60px;
        position: relative;
    }
	#footer-copyright { font-size:0.8rem; }
	#footer-copyright p, #footer-copyright ul { text-align:center; float:none !important }

    

    #mainhead {position: relative;}

    .info .container,.info .containerfull{flex-direction: column;}
    .info .container .backcol1,.info .containerfull .backcol1{padding: 200px 0;order: 1;}
    .infoa .txtbox{order: 2;}
    .info .container .backcol2,.info .containerfull .backcol2{padding: 200px 0;}

    .infoa .txtbox {
        padding-right: unset;    
        max-width: unset;
        padding: 2rem 3rem 5rem 3rem;
    }

    .infob .txtbox {
        padding-left: unset;    
        max-width: unset;
        padding: 2rem 3rem 5rem 3rem;
        background-color: transparent;
    }    

    .button2b{margin:0 auto;}

    #callAction {display:block;position:fixed; bottom:0; width:100%; z-index:99;}
    #callAction a { color:#fff; display:block; padding:15px; }
    #callActionContact a { background-color:#98a9e9; text-decoration:none;text-align: center;font-size: 1.3rem; }
    #callActionWhatsapp a { background-color:#A49870; text-decoration:none; }
    #callActionPhone a { background-color:#A49870; text-decoration:none; }
    #callAction a:hover { background-color:#BAA375;  }
    #callActionContact a:hover { background-color:#666; }
    #callActionContact a .fa-pen:before{font-size: 1rem;}


}

@media only screen and (max-width: 768px) {
    .claimcab{top: 30%;}      

}

@media only screen and (max-width: 500px) {
   
    .intro h2{font-size: 1.6rem;}

    .button2 a {font-size: 1.2em;}

    .tasas {top: 0px; }
    .info {margin-top:5rem;}
    .info h2 {font-size: 1.6em;}
    .faq h2 {font-size: 1.6em;}
    .formulario h2{font-size: 1.6em;}

	.banner { width: 100%; height: 100%; min-height:500px; }


    .cabecera h1{font-size: 1.5rem;font-weight: 600;}
    .cabecera h3 {font-size: 1rem;}
    .cabecera span {font-size: 1.1em;}
    .cabecera span strong {font-size: 1.8em;}
    .claimcab .button1{
        line-height: 1em;
        font-size: 1em;       
        padding: 8px 10px;
        margin: 5px 0;
    }
    .claimcab {        
        top: 25%;
        left: 4%;
        max-width: 65%;
    }

    .review #carruselDiagnostico{
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }


    .btn-primary {
        padding: 0.5rem 0.55rem;
    }


}

@media only screen and (max-width: 390px) {

    .claimcab{
        top: 20%;
        max-width: 65%;}
    


}

/* Cookie Dialog */
#gdpr-cookie-message { position: fixed; right: 30px; bottom: 80px; max-width: 375px; background-color: #3b3646; color:#fff; padding: 20px; box-shadow: 0 6px 6px rgba(0,0,0,0.25); margin-left: 30px; }
#gdpr-cookie-message h4 { color: #e8a7b7; font-size: 18px; font-weight: 500; margin-bottom: 10px; }
#gdpr-cookie-message p:last-child { margin-bottom: 0; text-align: right; }
#gdpr-cookie-message a { color: #fff; text-decoration: underline; padding-bottom: 2px; transition: all 0.3s ease-in; }
#gdpr-cookie-message a:hover { color: #f0f0f0; }
#gdpr-cookie-message button { border: none; background-color: #a47782; color:#fff; font-size: 15px; padding: 7px 15px; border-radius: 0; margin-left: 15px; cursor: pointer; transition: all 0.3s ease-in; }
#gdpr-cookie-message button:hover { background-color:#000; }
#gdpr-cookie-message #gdpr-cookie-advanced { display: none }


/* Thankyou Page */
#pagina-formulario-enviado .section_tk{
    background-image: url(http://www.tufertilidad.es/assets/img/fondo-fiv.jpg);
    background-size: cover;
    margin-top: -15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: space-evenly;
    height: 100vh;
    background-repeat: no-repeat;
    background-position: 70% 0;
}

#pagina-formulario-enviado .section_tk .container{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

#pagina-formulario-enviado h2{
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 300;} 
#pagina-formulario-enviado h2 span{
    font-size: 1.3em;
    font-weight: 500;} 
#pagina-formulario-enviado h3{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2em;
    color: #000;
    padding: 0 10%;}