@font-face{font-family:basier square;src:url(../../fonts/basiersquare-regular-webfont.woff2) format("woff2"),url(../../fonts/basiersquare-regular-webfont.woff) format("woff");font-weight:400;font-style:normal}:root{--color-primary: #e7a285;--color-gradient-start: #e7a285;--color-gradient-stop: #e7a285}body{font-family:basier square,sans-serif;font-weight:400;line-height:1.6em;font-size:15px;color:#5b6674}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5,.h6,h6{  font-family: 'Kepler Std';font-weight:600;color:#443227}.h1,h1{line-height:1.2em;font-size:52px}.h2,h2{line-height:1.083em;font-size:48px}.h3,h3{line-height:1.2em;font-size:32px}.h4,h4{line-height:1.2em;font-size:25px}.h5,h5{line-height:1.2em;font-size:21px}.h6,h6{line-height:1.2em;font-size:18px}.main-nav,.btn{font-family:futura-pt,sans-serif}.main-nav>li>a{font-size:13px;letter-spacing:.2em;color:#fff;text-transform:uppercase}.main-nav>li>a .link-ext{background-color:#fff}.main-nav>li>a:hover{color:#ffe7d1}.main-nav>li.is-active>a,.main-nav>li.current-menu-item>a,.main-nav>li:hover>a,.main-nav>li>a:hover{color:#fff}.main-footer{color:rgba(255,255,255,.6)}.main-footer a:not(.btn){color:rgba(255,255,255,.6)}.main-footer a:not(.btn):hover{color:#fff}.main-footer .ld-sf input{background:rgba(255,255,255,.05);color:rgba(255,255,255,.6)}.main-footer .ld-sf input:focus{background:rgba(255,255,255,.1)}.main-footer .ld-sf button{font-size:23px}@media(min-width:1200px){.main-header .is-stuck{background:#fff!important}.mainbar-wrap.is-stuck .social-icon a,.mainbar-wrap.is-stuck .main-nav>li>a{color:#000!important}.mainbar-wrap.is-stuck .social-icon a:hover,.mainbar-wrap.is-stuck .main-nav>li>a:hover{color:var(--color-primary)!important}}

@font-face {
    font-family: 'Kepler Std Disp';
    src: url('../../fonts/KeplerStd-Disp.eot');
    src: url('../../fonts/KeplerStd-Disp.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/KeplerStd-Disp.woff2') format('woff2'),
        url('../../fonts/KeplerStd-Disp.woff') format('woff'),
        url('../../fonts/KeplerStd-Disp.ttf') format('truetype'),
        url('../../fonts/KeplerStd-Disp.svg#KeplerStd-Disp') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Kepler Std';
    src: url('../../fonts/KeplerStd-Light.eot');
    src: url('../../fonts/KeplerStd-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/KeplerStd-Light.woff2') format('woff2'),
        url('../../fonts/KeplerStd-Light.woff') format('woff'),
        url('../../fonts/KeplerStd-Light.ttf') format('truetype'),
        url('../../fonts/KeplerStd-Light.svg#KeplerStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kepler Std Capt';
    src: url('../../fonts/KeplerStd-LightCapt.eot');
    src: url('../../fonts/KeplerStd-LightCapt.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/KeplerStd-LightCapt.woff2') format('woff2'),
        url('../../fonts/KeplerStd-LightCapt.woff') format('woff'),
        url('../../fonts/KeplerStd-LightCapt.ttf') format('truetype'),
        url('../../fonts/KeplerStd-LightCapt.svg#KeplerStd-LightCapt') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kepler Std Subh';
    src: url('../../fonts/KeplerStd-LightSubh.eot');
    src: url('../../fonts/KeplerStd-LightSubh.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/KeplerStd-LightSubh.woff2') format('woff2'),
        url('../../fonts/KeplerStd-LightSubh.woff') format('woff'),
        url('../../fonts/KeplerStd-LightSubh.ttf') format('truetype'),
        url('../../fonts/KeplerStd-LightSubh.svg#KeplerStd-LightSubh') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Kepler Std Med';
    src: url('../../fonts/KeplerStd-Medium.eot');
    src: url('../../fonts/KeplerStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/KeplerStd-Medium.woff2') format('woff2'),
        url('../../fonts/KeplerStd-Medium.woff') format('woff'),
        url('../../fonts/KeplerStd-Medium.ttf') format('truetype'),
        url('../../fonts/KeplerStd-Medium.svg#KeplerStd-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'QuasimodaW03';
    src: url('../../fonts/QuasimodaW03-Medium.eot');
    src: url('../../fonts/QuasimodaW03-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/QuasimodaW03-Medium.woff2') format('woff2'),
        url('../../fonts/QuasimodaW03-Medium.woff') format('woff'),
        url('../../fonts/QuasimodaW03-Medium.ttf') format('truetype'),
        url('../../fonts/QuasimodaW03-Medium.svg#QuasimodaW03-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quasimoda';
    src: url('../../fonts/Quasimoda-Light.eot');
    src: url('../../fonts/Quasimoda-Light.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Quasimoda-Light.woff2') format('woff2'),
        url('../../fonts/Quasimoda-Light.woff') format('woff'),
        url('../../fonts/Quasimoda-Light.ttf') format('truetype'),
        url('../../fonts/Quasimoda-Light.svg#Quasimoda-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



    body {
         font-family: 'Kepler Std';
    }

    h2 {
        font-weight: 100;
        font-family: 'Kepler Std Disp';
    }
    h3 {
        font-family: 'Kepler Std Disp';
        font-weight: 400;
        font-size: 40px;
    }
    h4 {
        font-family: 'Quasimoda';
        font-weight: 700;
        font-size:24px;
        line-height: 1.4em;
    }

    h6 {
        font-family: 'QuasimodaW03';
    }

    p {
        font-family: 'Quasimoda';
        font-size: 18px;
    }
    
    #home .container { max-width: 1420px !important}
    #especialidades_dos h2 { color: #9cacd1;}
    #dr {
        background-image: url('../../img_dr/dr_oscar_montes.jpg');
        background-size: contain;
    }
    #dr p{
        color: white;
        text-align: right;
    }

    #blog h3{
        font-size: 30px;
       
    }
  

    .swiper-container {
        width: 100%;
        height: 300px;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 250px;
        width: 25vw;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .carousel-item { margin-left: -70px; }

    .btn {
        background: #9cacd1;
        border: none;
        color: white;
        padding: 8px 20px;
        text-transform: uppercase;
        font-family: 'QuasimodaW03';
        font-weight: bold;
        font-size: 12px;
        letter-spacing: 1px;

    }

    .bg-azul {
        background: #9cacd1;
    }

    .bg-azul p,  .bg-azul h4,  .bg-azul h3,  .bg-azul h2,  .bg-azul h1 {
        color: white;
    }
  .bg-azul-fuerte { background: #131c2f;}

    .bg-home    {
        background-image: url('../../img_dr/home-imagen.jpg'); 
        background-size: 100%;
        background-repeat: no-repeat;
        margin-top: 90px;
    }
   
    .hgt90 {
        height: 99vh;
    }

    .text-blue {
        color: #9cacd1;
    }

    .intro {
        display: block;
        padding: 15vw 4vw;
    }

    .boton_cnt .link-txt{
        background: #9cacd1;
    color: white;
    padding: 7px 22px;
    }
    .container-largo { max-width: 94vw; margin: 0 auto;}

    #logos img{ max-width: 270px; margin: 0 auto; display: block;}

.navbar-brand-inner img { max-width: 200px;}

.bb-fade-white-015 { background: white;}

.main-nav > li > a {     padding-left: 20px;
    padding-right: 20px;}
.main-nav>li>a { font-size: 143x; color: black;   font-family: 'QuasimodaW03';     font-weight: 800; letter-spacing: 1px;}

.main-nav>li.is-active>a, .main-nav>li.current-menu-item>a, .main-nav>li:hover>a, .main-nav>li>a:hover {
    color:#9cacd1;
}

.paddincero { 
    padding-left: 0;
    padding-right: 0;
}

.cuadro_azul_claro {
    background: #9cacd1;
    padding: 20px 25px 20px 25px;
    text-align: left;
    min-height: 380px;
    display: flex;
    align-items: baseline;
    display: flex;
    align-items: center;
    flex-direction: column;
    align-items: baseline;
    justify-content: space-between;
}

.cuadro_azul_claro h5 {
    color: white;
    font-size: 28px;
    font-weight: 400;
    
}

.cuadro_azul_claro p{
    color: #131c2f;
    font-weight: 600;
}

.cuadro_azul {
    background: #131c2f;
    padding: 20px;
    padding: 1px 40px 20px 40px;
    min-height: 460px;

}
.text-uppercase { text-transform: uppercase;}
#blog .cuadro_azul{min-height: 380px;}
.cuadro_contacto .btn { width: 80%; padding: 4px;    margin: 15px auto; text-align: center; display: block;} 
.cuadro_contacto h2{ color:#9cacd1;}
.cuadro_contacto {
    background: #131c2f;
    padding: 20px;
    padding: 1px 40px 20px 40px;
    height: 100%;
    text-align: center;

}

.cuadro_azul h3, .cuadro_azul p {
    color: white;
}

footer img {
    max-width: 260px;
}

footer p {
    font-size: 12px;
    color: white;
}

footer h6 { color: white; letter-spacing: 1px; font-size: 14px;}

@media (max-width: 429px) { 
    #dr figure {    background-size: cover;     background-position: center !important;}
    #dr p{font-size: 14px;
        line-height: 18px;
        text-shadow: 0 0px 20px BLACK;}
    #especialidades_dos { padding-top: 0 !important;}
    #logos img {    max-width: 120px;}
.bg-home {
    margin-top: 0px;
    background-position: center;
    background-size: cover;
}

h2 {
    font-size: 22px;
}

.cuadro_azul {
    min-height: 300px;
    margin-bottom: 20px;
}
.swiper-slide {
    width: 70vw;
}
.cuadro_azul_claro {
    margin-left: -40px;
    margin-right: 25px;
}
.cuadro_azul_claro h5 {    font-size: 25px;}
.d-flex {    display: block !important;}

footer { text-align: center;}

}