/********************* AQUI COMIENZAN ESTILOS GENERALES *******************/
body{
    font-size:14px!important;
    color:#003B73!important;
    font-family:LatoWeb!important;
    background:#fff!important
}
@font-face{
    font-family:LatoWebBlack;
    font-display: auto;
    src:url(../../fonts/Lato-Black.eot);
    src:url(../../fonts/Lato-Black.eot?#iefix) format('embedded-opentype'),url(../../fonts/Lato-Black.woff2) format('woff2'),url(../../fonts/Lato-Black.woff) format('woff'),url(../../fonts/Lato-Black.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebBlack;
    font-display: auto;
    src:url(../fonts/Lato-BlackItalic.eot);
    src:url(../fonts/Lato-BlackItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-BlackItalic.woff2) format('woff2'),url(../fonts/Lato-BlackItalic.woff) format('woff'),url(../fonts/Lato-BlackItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebBold;
    font-display: auto;
    src:url(../fonts/Lato-Bold.eot);
    src:url(../fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Bold.woff2) format('woff2'),url(../fonts/Lato-Bold.woff) format('woff'),url(../fonts/Lato-Bold.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebBold;
    font-display: auto;
    src:url(../fonts/Lato-BoldItalic.eot);
    src:url(../fonts/Lato-BoldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-BoldItalic.woff2) format('woff2'),url(../fonts/Lato-BoldItalic.woff) format('woff'),url(../fonts/Lato-BoldItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebHairline;
    font-display: auto;
    src:url(../fonts/Lato-Hairline.eot);
    src:url(../fonts/Lato-Hairline.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Hairline.woff2) format('woff2'),url(../fonts/Lato-Hairline.woff) format('woff'),url(../fonts/Lato-Hairline.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebHairline;
    font-display: auto;
    src:url(../fonts/Lato-HairlineItalic.eot);
    src:url(../fonts/Lato-HairlineItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-HairlineItalic.woff2) format('woff2'),url(../fonts/Lato-HairlineItalic.woff) format('woff'),url(../fonts/Lato-HairlineItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebHeavy;
    font-display: auto;
    src:url(../fonts/Lato-Heavy.eot);
    src:url(../fonts/Lato-Heavy.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Heavy.woff2) format('woff2'),url(../fonts/Lato-Heavy.woff) format('woff'),url(../fonts/Lato-Heavy.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebHeavy;
    font-display: auto;
    src:url(../fonts/Lato-HeavyItalic.eot);
    src:url(../fonts/Lato-HeavyItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-HeavyItalic.woff2) format('woff2'),url(../fonts/Lato-HeavyItalic.woff) format('woff'),url(../fonts/Lato-HeavyItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWeb;
    font-display: auto;
    src:url(../fonts/Lato-Italic.eot);
    src:url(../fonts/Lato-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Italic.woff2) format('woff2'),url(../fonts/Lato-Italic.woff) format('woff'),url(../fonts/Lato-Italic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebLight;
    font-display: auto;
    src:url(../fonts/Lato-Light.eot);
    src:url(../fonts/Lato-Light.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Light.woff2) format('woff2'),url(../fonts/Lato-Light.woff) format('woff'),url(../fonts/Lato-Light.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebLight;
    font-display: auto;
    src:url(../fonts/Lato-LightItalic.eot);
    src:url(../fonts/Lato-LightItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-LightItalic.woff2) format('woff2'),url(../fonts/Lato-LightItalic.woff) format('woff'),url(../fonts/Lato-LightItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebMedium;
    font-display: auto;
    src:url(../fonts/Lato-Medium.eot);
    src:url(../fonts/Lato-Medium.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Medium.woff2) format('woff2'),url(../fonts/Lato-Medium.woff) format('woff'),url(../fonts/Lato-Medium.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebMedium;
    font-display: auto;
    src:url(../fonts/Lato-MediumItalic.eot);
    src:url(../fonts/Lato-MediumItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-MediumItalic.woff2) format('woff2'),url(../fonts/Lato-MediumItalic.woff) format('woff'),url(../fonts/Lato-MediumItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWeb;
    font-display: auto;
    src:url(../fonts/Lato-Regular.eot);
    src:url(../fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Regular.woff2) format('woff2'),url(../fonts/Lato-Regular.woff) format('woff'),url(../fonts/Lato-Regular.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebSemibold;
    font-display: auto;
    src:url(../fonts/Lato-Semibold.eot);
    src:url(../fonts/Lato-Semibold.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Semibold.woff2) format('woff2'),url(../fonts/Lato-Semibold.woff) format('woff'),url(../fonts/Lato-Semibold.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebSemibold;
    font-display: auto;
    src:url(../fonts/Lato-SemiboldItalic.eot);
    src:url(../fonts/Lato-SemiboldItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-SemiboldItalic.woff2) format('woff2'),url(../fonts/Lato-SemiboldItalic.woff) format('woff'),url(../fonts/Lato-SemiboldItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebThin;
    font-display: auto;
    src:url(../fonts/Lato-Thin.eot);
    src:url(../fonts/Lato-Thin.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-Thin.woff2) format('woff2'),url(../fonts/Lato-Thin.woff) format('woff'),url(../fonts/Lato-Thin.ttf) format('truetype');
    font-style:normal;
    font-weight:400;
    text-rendering:optimizeLegibility
}
@font-face{
    font-family:LatoWebThin;
    font-display: auto;
    src:url(../fonts/Lato-ThinItalic.eot);
    src:url(../fonts/Lato-ThinItalic.eot?#iefix) format('embedded-opentype'),url(../fonts/Lato-ThinItalic.woff2) format('woff2'),url(../fonts/Lato-ThinItalic.woff) format('woff'),url(../fonts/Lato-ThinItalic.ttf) format('truetype');
    font-style:italic;
    font-weight:400;
    text-rendering:optimizeLegibility
}
.encabezado{
    background:#003B73;
}
.btn-home-regreso{
    color:#fff!important;
    font-size:20px
}
#menu{
    margin:0 auto!important;
    padding:0!important
}
.primer-menu nav a img{
    width:250px
}
.navbar-brand{
    padding-top:0!important
}
a.nav-link{
    color:#fff!important;
    font-weight:700!important
}
.bg-light{
    background-color:transparent!important
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right:5rem!important;
    padding-left:1rem!important
}
a.nav-link img.icon{
    width:18px;
    margin-top:-3px
}
.dropdown-menu{
    background:#003B73;
    font-size:14px;
    z-index:1100
}

.dropdown-item{
    color: #fff !important;
}

.dropdown-item:hover{
    background-color: #0087CA;
}

.desplegable:hover{
    background-color: #0087CA;
}




.despliegue-menub a.submenu{
    color:#fff!important
}
.btn{
    display:inline-block;
    font-weight:400;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    border:1px solid transparent;
    padding:.375rem .75rem;
    font-size:1.2rem;
    line-height:1.5;
    border-radius:.25rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
@media screen and (min-width:2561px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:8.5rem!important;
        padding-left:7rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2560px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:8rem!important;
        padding-left:7rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2500px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:8rem!important;
        padding-left:6rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2427px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:7.5rem!important;
        padding-left:6rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2388px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:7rem!important;
        padding-left:6rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2353px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:6.5rem!important;
        padding-left:6rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2315px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:6rem!important;
        padding-left:6rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2276px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5.5rem!important;
        padding-left:5.5rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2208px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5.2rem!important;
        padding-left:5.2rem!important;
        font-size:18px
    }
}
@media screen and (max-width:2190px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5.5rem!important;
        padding-left:5rem!important;
        font-size:17px
    }
}
@media screen and (max-width:2149px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5.5rem!important;
        padding-left:5rem!important;
        font-size:17px
    }
}
@media screen and (max-width:2111px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5rem!important;
        padding-left:5rem!important;
        font-size:17px
    }
}
@media screen and (max-width:2072px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:5rem!important;
        padding-left:5rem!important;
        font-size:16px
    }
}
@media screen and (max-width:2026px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:4.5rem!important;
        padding-left:4.5rem!important;
        font-size:16px
    }
}
@media screen and (max-width:1968px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:4rem!important;
        padding-left:4rem!important;
        font-size:16px
    }
}
@media screen and (max-width:1922px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:4rem!important;
        padding-left:4rem!important;
        font-size:15px
    }
}
@media screen and (max-width:1853px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:3.8rem!important;
        padding-left:4rem!important;
        font-size:14px
    }
}
@media screen and (max-width:1818px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:3rem!important;
        padding-left:3.5rem!important;
        font-size:14px
    }
}
@media screen and (max-width:1742px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:3rem!important;
        padding-left:3rem!important;
        font-size:14px
    }
}
@media screen and (max-width:1661px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2.4rem!important;
        padding-left:2.4rem!important;
        font-size:14px
    }
}
@media screen and (max-width:1584px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:3rem!important;
        padding-left:2rem!important
    }
}
@media screen and (max-width:1552px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2.7rem!important;
        padding-left:2rem!important
    }
}
@media screen and (max-width:1546px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2.5rem!important;
        padding-left:1.6rem!important
    }
}
@media screen and (max-width:1480px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:3rem!important;
        padding-left:1.5rem!important;
        font-size:12px
    }
}
@media screen and (max-width:1416px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2.8rem!important;
        padding-left:1.5rem!important;
        font-size:12px
    }
}
@media screen and (max-width:1409px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:12px!important;
        padding-right:2.5rem!important;
        padding-left:1.2rem!important
    }
}
@media screen and (max-width:1380px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:12px!important;
        padding-right:2.5rem!important;
        padding-left:1.2rem!important
    }
}
@media screen and (max-width:1356px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:12px!important;
        padding-right:2.2rem!important;
        padding-left:1.2rem!important
    }
}
@media screen and (max-width:1347px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2.5rem!important;
        padding-left:.6rem!important
    }
}
@media screen and (max-width:1315px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2rem!important;
        padding-left:.6rem!important
    }
}
@media screen and (max-width:1288px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:2rem!important;
        padding-left:.5rem!important
    }
}
@media screen and (max-width:1264px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1.6rem!important;
        padding-left:.5rem!important
    }
}
@media screen and (max-width:1255px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1.8rem!important;
        padding-left:.5rem!important;
        font-size:11px!important
    }
}
@media screen and (max-width:1216px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1.7rem!important;
        padding-left:.5rem!important;
        font-size:11px!important
    }
}
@media screen and (max-width:1206px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1.8rem!important;
        padding-left:.5rem!important;
        font-size:10px!important
    }
}
@media screen and (max-width:1168px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right:1.7rem!important;
        padding-left:.5rem!important;
        font-size:10px!important
    }
}
@media screen and (max-width:1160px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:10px!important;
        padding-right:1rem!important;
        padding-left:.5rem!important
    }
}
@media screen and (max-width:1110px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:10px!important;
        padding-right:.8rem!important;
        padding-left:.4rem!important
    }
}
a.nav-link img.icon{
    width:16px
}
@media screen and (max-width:1095px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:10px!important;
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    a.nav-link img.icon{
        width:12px
    }
}
@media screen and (max-width:1077px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:11px!important;
        padding-right:.5rem!important;
        padding-left:.5rem!important
    }
    .primer-menu nav a img{
        width:200px
    }
    a.nav-link img.icon{
        width:14px
    }
}
@media screen and (min-width:992px) and (max-width:1076px){
    .navbar-expand-lg .navbar-nav .nav-link{
        font-size:10px!important;
        padding-right:.8rem!important;
        padding-left:.5rem!important
    }
    .primer-menu nav a img{
        width:180px
    }
    a.nav-link img.icon{
        width:14px
    }
}
@media screen and (min-width:992px){
    .menu-servicios{
        display:none!important
    }
    .opcion-oculta{
        display:none!important
    }
}
@media screen and (max-width:991px){
    .navbar-expand-lg .navbar-nav .nav-link{
        padding:.5rem 1rem!important;
        font-size:14px!important
    }
    .menu-servicios{
        display:block!important
    }
    .idioma,.segundo-menu{
        display:none!important
    }
}
.segundo-menu{
    text-align:right!important;
    padding:.6rem 0;
    margin:0 auto!important;
    float:left
}
.btn-segundo-menu{
    cursor:pointer!important;
    border:0;
    background:0 0
}
.btn-segundo-menu:focus{
    outline:0
}
.despliegue{
    background:#003B73;
    text-align:right!important;
    margin-top:60px;
    left:0;
    position:absolute;
    text-align:left!important;
    right:0!important;
    z-index:3000
}
.despliegue-menub{
    background:#2B87C8!important;
    color:#fff!important
}
.despliegue-menub a.dropdown-item{
    color:#fff!important
}
.opciones-menub{
    display:block;
    width:100%;
    padding:.25rem 1.5rem;
    clear:both;
    font-weight:400;
    color:#212529;
    text-align:inherit;
    white-space:nowrap;
    background-color:transparent;
    border:0
}


.opciones-menub:hover {
background-color: #0087CA;

}



.despliegue ul.navbar-nav li.opciones-menub a{
    color:#003a5d;
    font-weight:700!important;
    font-size:12px
}
.despliegue-menub a.dropdown-item:hover{
    color:#003B73!important;
}
.dropdown-item.active,.dropdown-item:active{
    background-color:transparent
}
.btn-secondary{
    color:#495057;
    background-color:transparent;
    border-color:#495057
}
.cambio-idioma{
    text-align:center!important;
    margin-top:10px
}
.cambio-idioma img{
    width:50px!important
}
.idioma{
    text-align:center;
    margin:0 auto!important;
    float:right;
    padding:.6rem 0;
    margin-right:30px!important;
    font-size:20PX
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right:4rem;
    padding-left:.5rem
}
nav.active ul li.a a{
    opacity:1;
    cursor:pointer
}
footer{
    background:#003B73;
    margin-top:10px
}
.menu-footer{
    text-align:center!important;
    margin:0 auto!important;
    margin-top:30px!important
}
.menu-footer ul.navbar-nav li.nav-item a.nav-link{
    color:#003a5d;
    font-weight:700
}
.redes-sociales{
    margin:0 auto;
    text-align:center;
    margin-top:15px;
}
.redes-sociales ul{
    display:inline-flex;
    list-style:none!important;
    padding:0
}
.redes-sociales ul li{
    padding:0 10px
}
.redes-sociales ul li a{
    font-size:40px;
    color:#fff;
}
.imagen-chat{
    position:fixed;
    display:block;
    top:700px;
    z-index:100;
}
.imagen-chat img{
    width:60px
}
.contenedor-social{
    text-align:right
}
.contenedor-phone{
    text-align:left
}
@media screen and (max-width:767px){
    .contenedor-social{
        text-align:center
    }
    .contenedor-phone{
        text-align:center
    }
}


.imagen-index {
    position: fixed;
    display: block;
    top: 170px;
    z-index: 2200;
}





article.footer-enlaces{
    background: #fff;
    height:auto;
    padding:10px;
    color:#003B73;
}
.enlaces-footer{
    color:#fff;
    padding:20px
}
.enlaces-footer a{
    color:#fff;
    font-size:12px!important
}
h3.footer-title{
    color: #003B73;
    font-size:26px;
    text-align: center;
}
.title-footer{
    height:40px;
}



.redes-costa{
    text-align:right;
    }
    
    .numero-costauno{
        text-align:center;
    }

    .numero-costados{
        text-align:left;
    }





@media screen and (max-width:767px){
    .redes-costa{
        text-align:center
    }
    
    .numero-costados{
        text-align:center
    }
}




.contenedor-servicios{
    margin-top: 15px;
}

.servicios-tabs{
    width: 12%;
    padding: 5px;
    text-align: center;
    color: #003B73;
}



@media screen and (max-width:1080px){
    .servicios-tabs{
    width: 30%;
    padding: 5px;
    text-align: center;
    color: #003B73;
}

}

@media screen and (max-width:600px){
    .servicios-tabs{
    width: 100%;
    padding: 5px;
    text-align: center;
    color: #003B73;
}

}


.cont-price{
    text-align: center;
}

.img-price{
    text-align: center;
    width: 80%;
}

.texto-price{
    align-self: center;
    border-left: 3px solid #003B73;
    padding: 15px;
}


.texto-price p{
    color: #003B73;
}

.combo{
    margin-top: 10px;
}

#combo-ventas{
    position:absolute;
    height:600px;
    z-index:1000;
}
.carrusel{
    margin-top:130px;
    z-index:1
}
@media screen and (min-width:992px){
    #combo-ventas{
        width:100%
    }
}
@media screen and (max-width:991px){
    #combo-ventas{
        width:100%
    }
    .carrusel{
        margin-top:165px
    }
}
@media screen and (max-width:767px){
    #combo-ventas{
        width:100%
    }
    .carrusel{
        margin-top:333px
    }
}
@media screen and (max-width:575px){
    #combo-ventas{
        width:100%
    }
    .carrusel{
        margin-top:418px
    }
}
.banners{
    background:#fff;
    margin-top:10px
}
.primer-banner{
    padding-left:0
}
.banner-medio{
    padding-right:7.5px;
    padding-left:7.5px
}
.segundo-banner-der{
    padding-right:0
}
.mini-banner{
    padding-right:0
}
.banner-medio img{
    width:100%;
    margin-bottom:10px
}
.mini-banner img{
    margin-bottom:10px;
    width:100%
}
.primer-banner img{
    margin-bottom:10px;
    width:100%
}
.segundo-banner img{
    margin-bottom:10px;
    width:100%
}
.segundo-banner-der img{
    margin-bottom:10px;
    width:100%
}
@media screen and (max-width:767px){
    .primer-banner{
        padding-right:7.5px;
        padding-left:7.5px
    }
    .banner-medio{
        padding-right:7.5px;
        padding-left:7.5px
    }
    .segundo-banner-der{
        padding-right:7.5px;
        padding-left:7.5px
    }
    .mini-banner{
        padding-right:7.5px;
        padding-left:7.5px
    }
}




.seccion-destinos{
    background: #2B87C8;
    margin-top: 15px;
    padding: 10px;
    
}

h2.titulo-sec{
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin: 0 auto;
    margin-top: 26px !important;
    text-align: center;
}

p.texto-principal{
    color: #fff;
    font-size: 22px;
    text-align: center;
}











.evalua-viaje{
    position:fixed;
    display:block;
    top:544px;
    z-index:2100;
    border:none;
    background:0 0;
    padding:0;
    -webkit-box-shadow:2px -1px 2px 1px rgba(230,230,230,.34);
    -moz-box-shadow:2px -1px 2px 1px rgba(230,230,230,.34);
    box-shadow:2px -1px 2px 1px rgba(230,230,230,.34)
}
.boton-float-evalua{
    width:40px
}
.boton-flotante{
    width:120px
}
.scrollTop{
    opacity:0;
    transition:all .4s ease-in-out 0s
}
@media screen and (max-width:500px){
    .boton-float-evalua{
        display:none
    }
    .boton-flotante{
        display:none
    }
}
.imagen-seguros-asistencias-etn{
    width:100%
}


/************************************************************************** AQUI TERMINAN ESTILOS MENU Y FOOTER ******************************************/



#combo-ventas{
    position: absolute;
    height: 600px;
    z-index: 1000;
}


.carrusel{
    margin-top: 95px;
    z-index: 1;
}




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

#combo-ventas{
    width: 100%;
}
    
    

}



@media screen and (max-width: 991px){
    #combo-ventas{
    width: 100%;
}
    
    .carrusel{
    margin-top: 165px;
}


}


@media screen and (max-width: 767px){
    #combo-ventas{
    width: 100%;
}
    
    .carrusel{
    margin-top: 333px;
}


}


@media screen and (max-width: 575px){
    #combo-ventas{
    width: 100%;
}
    
    .carrusel{
    margin-top: 418px;
}


}





/********************* COMBO DE VENTAS LANDINGS************************/


.combo-ventas{
    display: block;
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

#combo{
    width: 100%;
    z-index: 3000;
}



@media screen and (max-width: 767px){
    
    .combo-ventas {
    height: 400px;
}
    
}


 


/******* nuevos estilos landing******************************/
.principal{
    background: #fff;
    margin-top: 120px;
    margin-bottom: 10px;
    
}


@media screen and (max-width: 1306px){
    
.principal{
    margin-top: 137px;
}
}


@media screen and (max-width: 1080px){
    
.principal{
    background: #fff;
    margin-top: 126px;
    margin-bottom: 10px;
}
    
}

@media screen and (max-width: 1005px){
    
.principal{
    background: #fff;
    margin-top: 126px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 991px){
    
.principal{
    background: #fff;
    margin-top: 182px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.principal{
    background: #fff;
    margin-top: 184px;
    margin-bottom: 10px;
}
    
}



@media screen and (max-width: 767px){
    
.principal{
    background: #fff;
    margin-top: 428px;
    margin-bottom: 10px;
}
    
}




@media screen and (max-width: 589px){
    
.principal{
    background: #fff;
    margin-top: 428px;
    margin-bottom: 10px;
}
    
}



@media screen and (max-width: 575px){
    
.principal{
    background: #fff;
    margin-top: 504px;
    margin-bottom: 10px;
}
    
}











/********diviciones ***************************************/
hr.divisiones-lugares{
    height: 5px;
    background-color: #0087ca;
    border-radius: 300px;
    margin-top: 60px

}

/******** FIN DIVISIONES **********************************/

/****************ESTILOS IMAGENES PRINCIPAL****************/

img.imagen-principal-cuernavaca{
    width: 100%;
    margin-top: 10px;
}




/**************** FIN ESTILOS IMAGENES PRINCIPAL****************/
/****************  VENTANA MODAL *************************/

img.ventanillas-cuernavaca{
    width: 100%;
}

/**************** FIN VENTANA MODAL **********************/
/****************ESTILOS IMAGENES CAROUSEL****************/
img.varios-lugares-cuernavaca{
    width: 100%;
}


/**************** FIN ESTILOS IMAGENES CAROUSEL****************/


/****************ESTILOS IMAGENES COMIDA****************/

 img.comidas-a-disfrutar-cuernavaca{
    width: 100%;
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    
}


/**************** FIN ESTILOS IMAGENES COMIDA****************/

/**************** DESTINOS A LLEGAR **************************/
img.destino-a-llegar-cuernavaca{
    width: 100%;
}


/**************** FIN DESTINOS A LLEGAR **********************/


img.descuentos-etn-turistar-lujo{
    width: 100%;
    margin-top: 10px;
}

.flecha-1{
    text-align: center;
    position: relative;
    margin-top: -65px;
    
    font-size: 17px;
}

.flecha-nueva {
    font-size: 3em;
    color: #fff;
}


@media screen and (max-width: 700px){
    .flecha-nueva{
        font-size: 30px;
    }
}




.destinos-por-visitar{
    margin-top: 20px;
}



.visitas{
    text-align: center;
}


.sitio-mapa{
    font-size: 35px;
    color: #015697;
}


.comida-hotel{
    font-size: 35px;
    color: #015697;
}


.visita-boletos-etn{
    font-size: 35px
}


h1.salidas-viajes-costaline{
	font-size: 26px;
	color: #6bca0c;
	font-weight: bold;

}


h3.salidas-etn{
    font-size: 20px;
    color: #123c5d;
    font-weight: bold;
}

h2.lugares-a-comer-costa{
    font-size: 22px;
    color: #6bca0c;
    font-weight: bold;
}


h2.visitar-costaline{
    font-size: 22px;
    color: #2b87c8;
    font-weight: bold;
}

.imagenes{
    width: 70px;
}

.imagen-hotel{
    width: 86px;
}

.lugares-por-llegar{
    margin-top: 30px;
}

.lugares-costa-comida{
	margin-top: 30px;

}

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

    .lugares-por-llegar{
    margin-top: -10px;

}
.lugares-costa-comida {
    
       margin-top: -10px;
    }
}


@media screen and (max-width: 765px){
.lugares-por-llegar{
    display: none;

}

.lugares-costa-comida {
    
       display: none;
    }
}



.comidas{
    margin-top: 10px;
}

h3.lugares{
    font-size: 20px;
    font-weight: bold;
}






.sección-comida{
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    height: 100%;

}

h3.titulos-comida{
    color: #6bc0ac;
    text-align: center;
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}

p.comidas-tipicas{
    color: #003b73;
   
    font-size: 18px;
    text-align: justify;
}


.promociones{
    margin-top: 10px;
}

.sitios li {
    height: 10px;
    max-width: 10px;
    background-color: #fff;
    border-radius: 8px;
}


.ventana-informacion{
    border-radius: 8px;
}

.viajamas{
    background: transparent;
    margin-top: 20px;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}


.centrado{
    text-align: center;
}

p.conozca{
    color: #117a8b;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}


.tarjetas-viajamas-etn{
    text-align: center;
}

.tamaño{
    width: 200px;
}


.afiliacion{
    text-align: center;
        margin-top: 10px;
}


.boton{
    color: #ffff;
    background: #123c5d;
    margin-top: 30px;
    width: 300px;
    height: 42px;
    margin-bottom: 10px;
}






@media screen and (max-width: 389px){
.boton {
    
       width: 255px;
    
}
}

@media screen and (max-width: 380px){
.boton {
    
       width: 255px;
    
}
}

@media screen and (max-width: 360px){
.boton {
    
       width: 255px;
    
}
}

@media screen and (max-width: 350px){
.boton {
    
    width: 242px;
    
}
}



@media screen and (max-width: 341px){
.boton {
    
    width: 242px;
    
}
}

@media screen and (max-width: 334px){
.boton {
    width: 235px;
}
}



@media screen and (max-width: 331px){
.boton {
    


    width: 225px;
    
}
}


@media screen and (max-width: 321px){
.boton {
    width: 225px;
}
}


.interes-costaline{
    background: #fff;
    color: #015697;
    margin-top: 40px;
    text-align: center;


}


a.temas{
    color: #015697;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
   
}

.visita-y-compra-costaline-landing{


font-size: 22px;
    color: #015697;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
}


.compra-boletos-costaline-landing{

font-size: 22px;
    color: #6bc0ca;
    font-weight: bold;
    text-align: center;
}

#parrafo-landings{
    margin-top: 20px!important;
    padding: 10px;
    color: #015697;
    text-align: justify;
}

#subtitulo-landings{
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
    color: #015697;
}

a.temas-interes{
    
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

a.temas-interes :hover{
    color: #fff!important;
}

h3.visita-compra{
	font-size: 20px;
    margin-bottom: 50px;
    font-weight: 600;
}

#visita-compra{
font-size: 22px;
font-weight: 600;
margin-bottom: 30px;
}

/****************** CAROUSEL DESTINOS*******************/

.lugares-a-visitar{
    background-color:#123c5d82;
    bottom: 20px;
    padding: 15px;
    font-size: 18px;
    border-radius: 8px;
}

.mostraryocultar{
    background-color:#ffffff6b;
    font-size: 18px;
    border-radius: 8px; 
}


.enlaces-destinos{
    background: #ffffff6b;
    font-size: 15px;
    border-radius: 8px;
    
}




@media screen and (max-width: 765px) {
    br.espacio-imagenes{
   display: none;
}
}




.ventana-lugar{
    margin-top: 180px;
    border-radius: 8px;
}



p.cuadro-texto{
    color: #123c5d;
    text-align: justify;
    font-size: 18px;
    padding: 15px;
}


p.visitar{
    font-size:18px;
    text-align: justify;
}


.iconos{
    width: 160px;
}


.cerrar-ventana{
    color: #fff;
}


h4.titulos-costa{
    color: #fff;
    font-size: 20px;
     text-align: center;
}


.cerrar{
    background: #6bc0ac;
    color: #fff;
    border-radius: 25px;
}


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

.enlaces-destinos{
    display: none;
}
} 


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

.enlaces-destinos{
    display: none;
}
} 



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

.iconos, h4.titulos{
    font-size: 11px;
}
}


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

p.visitar, .mostraryocultar, .lugares{
    display: none;
}
}



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

.ventana-secundaria{
    display: block;
}
} 






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

.enlaces-destinos{
    display: block;
}
}




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

.iconos, h4.titulos{
    font-size: 11px;
}
}







a.enlaces-destinos{
    color: #fff;
}


/********** FLECHAS CARUSEL*****************/
a.atras-flecha span.direccion-atras{
   background-color: #015697;
    border-radius: 26px;
    border: 4px solid #a1d5d5;
    padding: 12%;
    background-size: 25px!important;
    
}


a.siguente-flecha span.direccion-adelante{
    background-color: #015697;
    border-radius: 26px;
    border: 4px solid #a1d5d5;
    padding: 12%;
    background-size: 25px!important;
}

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

a.siguente-flecha span.direccion-adelante{
    background-size: 22px!important;
    border: 2px solid #fff;
}
} 


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

a.atras-flecha span.direccion-atras{
    background-size: 22px!important;
    border: 2px solid #fff;
}
} 



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

a.siguente-flecha span.direccion-adelante{
    background-size: 15px!important;
    border: 2px solid #fff;
}
} 


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

a.atras-flecha span.direccion-atras{
    background-size: 15px!important;
    border: 2px solid #fff;
}
} 


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

a.siguente-flecha span.direccion-adelante{
    background-size: 10px!important;
    border: 2px solid #fff;
}
} 


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

a.atras-flecha span.direccion-atras{
    background-size: 10px!important;
    border: 2px solid #fff;
}
} 

/********** FLECHAS CARUSEL*****************/

.contenido-texto{
    text-align: center;
}

.resumen-lugares{
    background-color:#123c5d82;
    font-size: 18px;
    border-radius: 8px;
}

p.texto-destinos{
    font-size: 18px;
}

.boton-mas{
    font-size: 15px;
    color: #ffffff;
    background-color: transparent!important;
    border-radius: 6px;
    border: 2px solid #fff;

}

@media screen and (max-width: 880px){
    p.texto-destinos{
    font-size: 14px;
  }
 }

@media screen and (max-width: 500px){
    h2.titulo-destinos{
        font-size: 14px;
    }
 }
@media screen and (max-width: 760px){
    p.texto-destinos{
    display: none;
  }
 }


@media screen and (max-width: 500px){
    .resumen-lugares{ 
    bottom: 12%;
    width: 80%;
    left: 10%;
  }
 }



.hr{
    height: 5px;
    background-color: #123c5d;
    border-radius: 300px;
    margin-top: -7;
}


.camiones-destinos{
    margin-top: 40px;
    margin-bottom: 10px;
 
    


    
}








/****************** FIN  CAROUSEL DESTINOS**************/
/******************estilos aguascalientes***************/


p.comentarios{
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

/******************estilos aguascalientes***************/
/****************** ESTILOS TABLA AGUASCALIENTES**************/
.costo-aguascalientes{
    border-radius: 8px;
    border: 2px solid #123c5d;
}

th.precio-aguascalientes{
    font-size: 18px;
    font-weight: bold;
}


.entrada-lugar{
    font-size: 13px;
    font-weight: bold;

}

.dias-de-visitas{
    font-size: 17px;
    font-weight: bold;
}
/****************** FIN  ESTILOS TABLA AGUASCALIENTE**********/

/********ESTILOS CUERNAVACA****************************************/



ul.lista-cuernavaca{
    font-size: 18px;
    

}
th.costo-cuernavaca{
    font-size: 18px;
    
}

td.dias-abierto{
    font-size: 18px;
    
}


.museo-de-cortes-cuernavaca{
    border: 2px solid #123c5d;
    border-radius: 8px;
}


/******** FIN ESTILOS CUERNAVACA********************************/

/********************STILOS MEXICO-PONIENTE*************************/
.museo-natural{
border-radius: 8px;
    border: 2px solid #123c5d;
}

.costos-museo{
	font-weight: bold;
	font-size: 18px;
}

.horarios-entrada{
	font-weight: bold;
	font-size: 18px;
}

/******************** FIN STILOS MEXICO-PONIENTE*************************/

/********************  ESTILOS TABALA-MONTERREY***********************************/
.tabla-precios-monterrey{
    border-radius: 8px;
    border: 2px solid #123c5d;
}

.tarifa-monterrey{
    font-weight: bold;
    font-size: 18px;
}
/******************** FIN STILOS ESTILOS TABALA-MONTERREY*************************/

/******* nuevos estilos landing******************************/

/******* INICIO DE SERVICIO A BORDO******************************/

.servicio-bordo{

    background: #eee;
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;


}


.contenedor-servicio-bordo{
    background: #fff;
    margin-top: 10px;
}

#titu-servicios-abordo{
    font-size: 26px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.serv{
    font-size: 22px!important;
}

.contenedor-autobuses{

    background: #123c5d;
   
    border-radius: 8px;
    margin-top: 10px;
    text-align: center;



}


.contenedor-descripción{

    background: #fff;
    border-radius: 8px;
    color: #123c5d;
    text-align: center;


}

.carrusel-servicio-abordo{
    text-align: center!important;
}

#color-titulos{
    font-size: 22px;
    text-align: center;
    font-weight: 600;
}

.contenedor-detalles{

    background: #fff;
    border-radius: 8px;
    color: #123c5d;
    margin-top: 50px;
    padding: 10px;
    position: relative;
    bottom: 10px;



}

.contenido-iconos{

    margin-top: 50px;
    position: relative;
    

}

.img-marcopolo{


    width: 200px;
 

}

.tamaño-img{
    width:90%;
    top:20px;
    
}

.tamaño-img-app{
    width: 90%;
    top:20px;
    
}

.alinear{
    
    
}



#br-24-asientos{
    margin-bottom: 20px!important;
}



#apartado-asientos{
margin-top: 30px!important;
}


#apartado-asientos-4{
    margin-top: 30px!important;
}

#apartado-asientos-5{
   
margin-top: 30px!important;
}
#apartado-asientos-6{
    padding-bottom: 30px!important;
}
#apartado-asientos-7{
    padding-bottom: 50px!important;
}
#span-marco{
    color: #fff;
    font-size: 18px;
}

#li{
   
    font-size: 18px;
    
    text-align: left;
}


    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {

        background-color: rgba(0,123,255,.25);
    }




.img-eclipse{
    width: 200px;
    

   
   
  
 
}
#span-eclipse{
    color: #fff;
    font-size: 18px;
}


.img-grand{
    width: 200px;
   

   
}

#span-grand{
    color: #fff;
    font-size: 18px;
}



.img-luxury{
    width: 200px;
    
}




#span-luxury{
    color: #fff;
    font-size: 18px;
}


.marco-polo{

    padding: 0px 20px;
 

}

.eclipsee{

    padding: 0px 20px;
}

.grandd{

    padding: 0px 20px;
}

.luxuryy{
    padding: 0px 20px;
}




@media screen and (max-width: 1200px) {
    .img-marcopolo{
        width: 150px;
 
}
.img-eclipse{
    width: 150px;

}
.img-grand{
    width: 150px;

}
.img-luxury{
    width: 150px;

}
}



@media screen and (max-width: 1000px) {
    .img-marcopolo{
        width: 120px;
      
 
}
.img-eclipse{
    width: 120px;

}
.img-grand{
    width: 120px;

}
.img-luxury{
    width: 120px;


}
#span-eclipse{
 
    font-size: 15px;
}
#span-grand{
 
    font-size: 15px;
}
#span-marco{
 
    font-size: 15px;
}
#span-luxury{
 
    font-size: 15px;
}

}


@media screen and (max-width: 989px) {
    .img-marcopolo{
        width: 100px;

}
.img-eclipse{
    width: 100px;

}
.img-grand{
    width: 100px;

}
.img-luxury{
    width: 100px;
 


}
#span-eclipse{
 
    font-size: 12px;
}
#span-grand{
 
    font-size: 12px;
}
#span-marco{
 
    font-size: 12px;
}
#span-luxury{
 
    font-size: 12px;
}

}

@media screen and (max-width: 768px) {
    .img-marcopolo{
        width: 80px;
 
    

}
.img-eclipse{
    width: 80px;


}
.img-grand{
    width: 80px;

}
.img-luxury{
    width: 80px;



}
#span-eclipse{
 
    font-size: 10px;
}
#span-grand{
 
    font-size: 10px;
}
#span-marco{
 
    font-size: 10px;
}
#span-luxury{
 
    font-size: 10px;
}


.marco-polo{

    padding: 0px 0px;
 

}

.eclipsee{

    padding: 0px 0px;
}

.grandd{

    padding: 0px 0px;
}

.luxuryy{
    padding: 0px 0px;
}

}




@media screen and (max-width: 509px) {
    .img-marcopolo{
        width: 60px;
 
    

}
.img-eclipse{
    width: 60px;


}
.img-grand{
    width: 60px;

}
.img-luxury{
    width: 60px;



}
#span-eclipse{
 
    font-size: 9px;
}
#span-grand{
 
    font-size: 9px;
}
#span-marco{
 
    font-size: 9px;
}
#span-luxury{
 
    font-size: 9px;
}
}



@media screen and (max-width: 429px) {
    .img-marcopolo{
        width: 30px;
 
    

}
.img-eclipse{
    width: 30px;


}
.img-grand{
    width: 30px;

}
.img-luxury{
    width: 30px;

}
#span-eclipse{
 
    font-size: 6px;
}
#span-grand{
 
    font-size:6px;
}
#span-marco{
 
    font-size: 6px;
}
#span-luxury{
 
    font-size: 6px;
}
}


/******* FIN DE SERVICIO A BORDO******************************/





/******* FIN DE CENTRAL DEL NORTE******************************/



/**************************ESTILOS LANDING SOL **************************************/


.cont-destinos{
    background: #FFF;
    margin-top: 95px;

    margin-bottom: 10px;   
    
}


@media screen and (max-width: 1005px){
    
.cont-destinos{
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.cont-destinos{
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.cont-destinos{
    margin-top: 430px;
    margin-bottom: 10px;
}
    
}





.landing-mexico{
    font-size: 25px;
    color: #123c5d;
    text-align: center;
    font-weight: bold;
    margin-top: 30px!important;
    margin: 0 auto;
    padding-bottom: 30px;
    
}

.ver-destinos{
   background: #fff;
    padding: 25px;
    text-align: center !important;
    border-radius: 8px;

}

.titulo-seleccionar{
    font-size: 30px!important;
    font-weight: bolder!important;
    
    
}



.btn-primary {
    color: #fff;
    background-color: #123c5d;
    
}

.btn-primary:hover {
    color: #fff;
    background-color: #123c5d;
    border-color: #0062cc;
}

.card{
    color: #fff;
    font-size: 18px;
    background-color: #123c5d; 
}



.destinos-mostrar{
    box-shadow: none!important;
    color: #003a5d;
    font-size: 15px;
    font-weight: 500;
}

.titulos-lugares{
    font-size: 20px;
    border: none;
    background:#fff;
    color: #123c5d;
    font-weight: 800;
    
}
  

.imagen-mod {
    width: 250px;
    height: 146px;
}


@media screen and (max-width: 991px) {
  .destinos-mostrar {
    font-size: 14px;
}
    
    
}@media screen and (max-width: 910px) {
  .destinos-mostrar {
    font-size: 13px;
}
        .titulo-seleccionar {
    font-size: 28px!important;
}
}

@media screen and (max-width: 860px) {
  .destinos-mostrar {
    font-size: 12px;
}
        .titulo-seleccionar {
    font-size: 27px!important;
}
}

@media screen and (max-width: 800px) {
  .destinos-mostrar {
    font-size: 11px;
}
        .titulo-seleccionar {
    font-size: 26px!important;
}
}

@media screen and (max-width: 767px) {
  .destinos-mostrar {
    font-size: 16px;
}
    .titulo-seleccionar {
    font-size: 25px!important;
}
    .imagen-mod {
    display: block;
    margin: 10px auto;
}
    
}

@media screen and (max-width: 730px) {
    .titulo-seleccionar {
    font-size: 24px!important;
}
}

@media screen and (max-width: 705px) {
    .titulo-seleccionar {
    font-size: 22px!important;
}
}

@media screen and (max-width: 754px) {
    .titulo-seleccionar {
    font-size: 20px!important;
}
}

@media screen and (max-width: 600px) {
    .landing-mexico {
    font-size: 22px!important;
}
}

@media screen and (max-width: 500px) {
    .landing-mexico {
    font-size: 20px!important;
}
}

@media screen and (max-width: 400px) {
    .landing-mexico {
    font-size: 18px!important;
}
}

@media screen and (max-width: 387px) {
    .titulo-seleccionar {
    font-size: 18px!important;
}
    .landing-mexico {
    font-size: 17px!important;
}
}

@media screen and (max-width: 333px) {
    .landing-mexico {
    font-size: 16px!important;
}
}

@media screen and (max-width: 320px) {
    .titulo-seleccionar {
    font-size: 16px!important;
}
    .landing-mexico {
    font-size: 16px;
    }
}


/**************************ESTILOS LANDING SOL **************************************/

.contenedor-general-central-norte{


    background: #fff;
    margin-top: 95px;
}


@media screen and (max-width: 1005px){
    
.contenedor-general-central-norte{
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.contenedor-general-central-norte{
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.contenedor-general-central-norte{
    margin-top: -38px;
    margin-bottom: 10px;
}
    
}





.titulo{

color:#123c5d;
text-align: center;


padding-bottom: 10px; 
padding-top: 20px; 

}

.titu-central-norte{
    font-size: 26px;
    font-weight: 600;
}

.terminal-central-ldg{
    text-align: center;
}

.taquilla{

}

.img-landings{

    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    width: 100%;
    margin-bottom: 20px!important;
    height: 300px;


}

.central{


}

.boton-mostrar{
    background-color: transparent!important;
    border-color: #eee;
    color: #003b73!important;

}


.boton-mostrar-2{
    background-color: transparent!important;
    border-color: #eee;
    color: #123c5d!important;

}
.texto-costa{
    margin-top: 10px;
    border-radius:8px;
    background-color: #fff;
    color: #123c3d!important;
    text-align: justify;
}


.margen{
    margin: auto;
}
#taquilla{
    font-weight: 500;
    font-size: 22px;
    font-weight: 600;
}
#terminal{
    font-weight: 500;
    font-size: 24px;
    font-weight: 600;
}

.img-efect-1:hover{filter: opacity(.5);}p.privnotice{color: #063249!important;font-size: 16px!important;text-align: justify;}

.img-taquilla-norte{

    height: 300px;
    width: 100%;

}

.img-10{
  
}

#descripcion{
    font-size: 16px;
}

.separador{
    height: 1px;
    background: #eee;
}



#img2{
    clip-path: circle();
}

.ubicacion{

text-align: left;

border-radius: 8px;

font-size: 18px;
}

.maps{
   
}

.titulos-secundarios{
    font-size: 20px;
    
    text-align: left;
  
}
.centrar{
    text-align: center!important;
    
   
}
.acordeon-1{
    width: 350px;
    margin: 0 auto;
}
#accordion{
    width: 300px!important;
    margin: 0 auto!important;
}

.ver-mas{
    background: #fff!important;
    color: #123c5d!important;
    border-bottom: 1px solid #fff;
}
.contorno{
    color: #fff;
    font-size: 18px;
    background-color: #fff;
}

.texto-promociones{
    font-size: 20px;
    line-height: 50px;
   
    
    text-align:  center;
}

a.links{
    color: #dc3545;
}

#no-participantes{
text-align: center;
}

#texto-ubicacion{
    padding-left: 15px;
    padding-right: 15px;
    font-size: 18px;
}


.img-15{
 text-align: center;
    clip-path: circle();
    height: 300px;
    
}

.descuentos{
    text-align: center;
}
/*********************FIN CENTRAL DEL NORTE *************************/


/********************* INICIO TERMINAL PONINETE *************************/

.contenedor-general-terminal-poniente{


    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px;

}



/********************* INICIO DESCUENTO INTERNET 15%*************************/

.decuento-internet-15{
 background: #fff;
 margin-top: 95px;
 margin-bottom: 10px;
}

@media screen and (max-width: 1005px){
    
    .decuento-internet-15{
    background: #fff;
    margin-top: 172px;
    margin-bottom: 10px;
}
    
    
}


@media screen and (max-width: 782px){
    
    .decuento-internet-15 {
    background: #fff;
    margin-top: 58px;
    margin-bottom: 10px;
}
    
    #_hj_feedback_container{
        display: none;
    }
    
    
}


@media screen and (max-width: 589px){
    
    .decuento-internet-15 {
    background: #fff;
    margin-top: -15px;
    margin-bottom: 10px;
}
    
    #_hj_feedback_container{
        display: none;
    }
    
    
}

.contenedor-decuento-15{
   
    border-radius: 8px;
    margin-bottom: 20px;    
}

#titulo-compre-su-boleto{
    color: #123c5d;
    font-size: 22px;
    font-weight: 600;
 
}

.imgs-descuento15{
    background: #123C5D;
   padding-top: 20px;
    padding-bottom: 20px;
}

.z-depth-1-half{
    
}

#titu-pequeño{
    
    font-size: 16px;
    color: #fff;
}

#titu-grande{
    font-weight: 600;
    font-size: 19px;
    color: #fff;
}



.mask{
    text-align: right;
}

.img-blog{
    height: 170px;
}
#fecha{

    font-size: 16px;
    color: #fff;
}
.contenido-blog{
    color: #fff;
    text-align: justify;
}

.texto-descuento{
    color:#123c5d;
    font-size: 18px;
    padding: 25px;
}

#img-descuento-15{
    text-align: center; 
    clip-path: circle();
     
}
.img-centrar{
    text-align: center;
}

.destinos-15-etn{
    color: #123c5d;
    font-weight: 600;
}
h1#titulo-descuento{
    font-size: 26px;
    color: #003b73;
    font-weight: bold;
    text-align: center;
}
.compra-boleto-online
{
    font-size: 25px;
    text-align: center;
}

.centrar-img{
    text-align: center!important;
}

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

.descuento-15-etn{
    width: 90%;
    
} 
    }



    @media screen and (max-width: 995px){
    
   
        .centrar-img{
            text-align: center!important;
        }
            }
/*********************FIN DESCUENTO INTERNET 15% *************************/

/*********************INICIO DESCUENTO 10% MÁS 10% *************************/

.contenedor-descuento-10-mas-10{
    background: #fff;
    margin-bottom: 10px;
    margin-top: 95px;
}


@media screen and (max-width: 1005px){
    
.contenedor-descuento-10-mas-10{
    background: #fff;
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.contenedor-descuento-10-mas-10{
    background: #fff;
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.contenedor-descuento-10-mas-10{
    background: #fff;
    margin-top: -38px;
    margin-bottom: 10px;
}
    
}




.descuento-10{
    background: #123c5d;
    border-radius: 8px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding: 20px;
}


.tarjetas-creditos-participantes-etn{
    padding-top:20px;
}


.boletos-autobus-promociones-etn{
    
}




.title-descuento{
    color: #fff;
    font-size: 32px;
}

.contenido-descuento{
    color: #fff;
    font-size: 24px;
 
}

#descuento-10{
    width: 100%;
}

#blanca-derecha{
    color:#123c5d;
}

.bloque01{
    background:#fff;
    border: outset;
    border-radius: 8px;
    margin-top: 20px;
    position: relative;
    bottom: 20px;
}

.realice-su-pago{
    color: #123C5D;
}

.centered{
    text-align: center;
    background: #123c5d;
 
}

.formas-pago{
    text-align: center;
}

.compra-por-internet-celular
{
    font-size: 25px;
}
/*********************FIN DESCUENTO 10% MÁS 10% *************************/

/********************* INICIO SERVICIO A BORDO ETN *************************/

.contenedor-iconos-de-servicios{

    background: #123c5d;
    border-radius: 8px;
    padding-bottom: 20px;
    padding-top: 20px;
}



.bg-verde{
   
    background: transparent;
    border-radius: 8px;
    height: 200px;
    padding: 25px;
    text-align: center;
    
}

img.servicios-autobus{
   width: 80%;
}


@media screen and (max-width: 760px){
    
img.servicios-autobus{
    width: 80%;
}
    
}


/*********************FIN SERVICIO A BORDO ETN *************************/



/********************* INICIO VIAJA MÁS *************************/



.contenedor-viaja-mas{

 background: #fff;
    margin-bottom: 10px;
    margin-top: 95px;
}


@media screen and (max-width: 1005px){
    
.contenedor-viaja-mas{
    background: #fff;
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.contenedor-viaja-mas{
    background: #fff;
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.contenedor-viaja-mas{
    background: #fff;
    margin-top: 435px;
    margin-bottom: 10px;
}
    
}


.viaja{
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
}


.titulo-viaja-mas{
    font-size: 50px;
    color: #003b73;
   
}



.subtitulo-viaja-mas{
    font-size: 30px;

}

.porcentajes{
    background: #fff;
    border-radius: 8px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 30px;

}

.color-tabla-mas{
    font-size: 20px;
}


@media screen and (max-width: 390px){
    
.color-tabla-mas{
    font-size: 18px;
}
    
}


.franja-verde{
    background: #94d60a;
    padding: 10px;
}

.tabla-porcentajes{
    padding-right: 20px;
}

.intro-tabla{
    font-size: 30px;
    color: #0087ca;
}
/*********************FIN VIAJA MÁS *************************/

/********************* INICIO RECARGA TIEMPO AIRE *************************/
.contenedor-recarga{
    background: #fff;
    margin-bottom: 10px;
    margin-top: 95px;

}

@media screen and (max-width: 1005px){
    
.contenedor-recarga{
    background: #fff;
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.contenedor-recarga{
    background: #fff;
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.contenedor-recarga{
    background: #fff;
    margin-top: 415px;
    margin-bottom: 10px;
}
    
}






.img-tiempo-aire{
    width: 80%;
}

.tiempo-aire{
   
border-radius: 8px 8px 8px 8px!important; 
    text-align: center;
}


/*********************FIN RECARGA TIEMPO AIRE *************************/


/********************* INICIO SALIDAS ETN HOTEL BENIDORM  *************************/



.salidas{

    background: #fff;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    
    min-height: 1000px;
    margin-bottom: 10px;
    margin-top: 95px;
}


@media screen and (max-width: 1005px){
    
.salidas{
    margin-top: 172px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.salidas{
    margin-top: 340px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 589px){
    
.salidas{
    margin-top: -38px;
    margin-bottom: 10px;
}
    
}



#negirtas-2{
    font-weight: 600;
}



.etn-logo{
    text-align: center;
    margin-bottom: 30px;
}
.contenedor-informacion{
    background:#fff;
    border-radius: 8px;
    color: #fff;
    font-size: 18px!important; 
}

#tabla-hotel{
    
    
}

#img{
    color: #123c5d;
    font-size: 22px!important;
    padding-bottom: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;

}

.realice-su-pago{
    font-size: 25px;
}

.mapa-hotel{
text-align: center;
}

.text-t-hotel{
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-bottom: 30px;
}

/********************* FIN SALIDAS ETN HOTEL BENIDORM  *************************/

/********************* INICIO DE FORMAS DE PAGO  *************************/

.formas-pago-2{
    background: #fff;
}

#compra-1{
    color: #003b73;
    font-size: 26px;
    font-weight: 700;
   text-align: center!important;
}



.icono-pagocosta{
color: #015697;
}

#compra-2{
    color: #003b73;
    font-size: 26px;
  
   
}

.content-formas-pago{
    padding-top: 20px;
    background: : #fff;
    text-align: center!important;
  
    padding-bottom: 20px;
  
}

.img-pay{
    width: 90px!important;
}

@media screen and (max-width: 768px) {
    .img-merca{
    width: 90px!important;
}
}

/********************* FIN DE FORMAS DE PAGO  *************************/
/********* ultimos estilos**********/

@media screen and (max-width: 765px){
  .sitios{
    display: none;
  }
 }


@media screen and (max-width: 765px){
  .espacio-iamgenes{
    display: none;
  }
 }





 @media screen and (max-width: 2250px) {
    .seccion-destinos-costa{
        display: none;
}

 .seccion-destinos-comida-costa{
    
        display: none;
}
}


@media screen and (max-width: 765) {
    .destinos-por-visitar{
        margin-top: 20px;
}
}



@media screen and (max-width: 765){
.seccion-destinos-comida-costa{
    margin-top: -45px;
}
}


@media screen and (max-width: 765px) {
    .seccion-destinos-costa{
        display: block;
}

.seccion-destinos-comida-costa{
        display: block;
}


}



.seccion-destinos-costa{
     margin-top: 47px;
}

.seccion-destinos-comida-costa{
    margin-top: 25px;
}

h2.sección-estados-costa{

    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 10px;

}


 /********* ultimos estilos**********/




/**************************************** ESTILOS DE MOSTRAR / OCULTAR ********************************/ 

.verticalLine {
   border-left: outset .5px;
    
}

.banners{
    background: #fff;
    margin-top: 10px;
}

.primer-banner{
    padding-left: 0;
}

.banner-medio{
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.segundo-banner-der{
    padding-right: 0;
}


.mini-banner{
    padding-right: 0;
}

.banner-medio img{
    width: 100%;
    margin-bottom: 10px;
}





.mini-banner img{
    margin-bottom: 10px;
    width: 100%;
}

.primer-banner img{
    margin-bottom: 10px;
    width: 100%;
}

.segundo-banner img{
    margin-bottom: 10px;
    width: 100%;
}

.segundo-banner-der img{
    margin-bottom: 10px;
    width: 100%;
}



@media screen and (max-width: 767px){
    
    
    .primer-banner{
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.banner-medio{
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.segundo-banner-der{
    padding-right: 7.5px;
    padding-left: 7.5px;
}


.mini-banner{
    padding-right: 7.5px;
    padding-left: 7.5px;
}


}






.compra-tu-boleto{
    text-align: left;
}





/* INICIO DE TERMINOS Y CONDICIONES DE HOT SALE*/

.terminos-condiciones{
    text-align: justify!important;
    font-size: 18px;
}

#titu-terminos-condiciones{
    font-size: 20px;
    font-weight: bold;
}

/* 
FIN DE TERMINOS Y CONDICIONES DE HOT SALE*/








/****** estilos costa******/
img.imagen-principal-acapulco{
    width: 100%;
    margin-top: 10px;
}



img.ventanillas-acapulco{
    width: 100%;
}



img.varios-lugares-acapulco{
    width: 100%;
}



img.comidas-a-disfrutar-acapulco{
    width: 100%;
     clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
}

img.destino-a-llegar-acapulco{
    width: 100%;
}





img.imagen-principal-cuernavaca{
    width: 100%;
    margin-top: 10px;
}



img.ventanillas-cuernavaca{
    width: 100%;
}



img.varios-lugares-cuernavaca{
    width: 100%;
}



img.comidas-a-disfrutar-cuernavaca{
    width: 100%;
     clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
}

img.destino-a-llegar-cuernavaca{
    width: 100%;
}


.enlaceslanding-costa{
    text-align: center;
}





img.imagen-principal-chilpancingo{
    width: 100%;
    margin-top: 10px;
}



img.ventanillas-chilpancingo{
    width: 100%;
}



img.varios-lugares-chilpancingo{
    width: 100%;
}



img.comidas-a-disfrutar-chilpancingo{
    width: 100%;
     clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
}

img.destino-a-llegar-chilpancingo{
    width: 100%;
}


.enlaceslanding-costa{
    text-align: center;
}





img.imagen-principal-ixtapan{
    width: 100%;
    margin-top: 10px;
}



img.ventanillas-ixtapan{
    width: 100%;
}



img.varios-lugares-ixtapan{
    width: 100%;
}



img.comidas-a-disfrutar-ixtapan{
    width: 100%;
     clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
}

img.destino-a-llegar-ixtapan{
    width: 100%;
}


.enlaceslanding-costa{
    text-align: center;
}



img.imagen-principal-taxco{
    width: 100%;
    margin-top: 10px;
}



img.ventanillas-taxco{
    width: 100%;
}



img.varios-lugares-taxco{
    width: 100%;
}



img.comidas-a-disfrutar-taxco{
    width: 100%;
     clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
}

img.destino-a-llegar-taxco{
    width: 100%;
}







/****** fin estilos costa******/





/******  estilos viaja ahorrando ******/


.viaja-ahorrando-costa{
    width: 100%;
}

.titulo-viaja-ahorrando{
    margin-top: 10px;
}

.titulo-ahorrando-costa{
    font-size: 22px;
    color: #003b73;
    font-weight: bold;
    text-align: center;
}

p.texto-viaja-ahorrando{
    font-size: 18px;
    color: #003b73;
    text-align: justify;
}



.video-viaja-costa{

    text-align: center;

}


.texto-funcionamiento{
    margin-top: 10px;

}


.funcion-viaja-ahorrando{
     font-size: 18px;
    color: #003b73;
    text-align: justify;
    padding: 40px;
}


.imagenes-ida-vuelta{
    text-align: center;
    margin-top: 10px;
}


.viaja-ahorrando-costa-uno{
    width: 75%;
}



.viaja-ahorrando-costa-dos{
    width: 75%;
}



img.img-step-40 {
    width: 40%;
}



.ultima-seccion-viaja-ahorrando-etn {
    text-align: center;
    padding-bottom: 25px;
}





.ultima-seccion-viaja-ahorrando-costa{
    text-align: center;
    padding: 25px;
}


.texto-viajamas-costa{
    color: #003b73;
    font-size: 18px;

}


/******  fin estilos viaja ahorrando ******/


/******  descuento 15 costa line ******/

.decuento-internet-15{
    background: #fff;
    margin-top: 130px;
    margin-bottom: 10px;
    
}


@media screen and (max-width: 1306px){
    
.decuento-internet-15{
    margin-top: 137px;
}
}


@media screen and (max-width: 1080px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 126px;
    margin-bottom: 10px;
}
    
}

@media screen and (max-width: 1005px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 126px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 991px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 182px;
    margin-bottom: 10px;
}
    
}


@media screen and (max-width: 782px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 184px;
    margin-bottom: 10px;
}
    
}



@media screen and (max-width: 767px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 428px;
    margin-bottom: 10px;
}
    
}




@media screen and (max-width: 589px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 428px;
    margin-bottom: 10px;
}
    
}



@media screen and (max-width: 575px){
    
.decuento-internet-15{
    background: #fff;
    margin-top: 504px;
    margin-bottom: 10px;
}
    
}

.interes-costa{
    text-align: center;
    padding: 20px;

}


.visita-y-compra-costaline-landing{
    text-align: center;
    color: #015697;
}


.compra-boletos-costaline-landing{
    text-align: center;
    color: #6bc0ca;
}
/******   fin descuento 15 costa line ******/

.ventana-encabezado{
    background: #0087ca;

}
hr{
    height: 5px;
    background-color: #0087ca;
    border-radius: 300px;
    margin-top: 60px;
}




/******   formas de pago  costa line ******/

/******   fin formas de pago costa line ******/

.compra-1{

    font-size: 26px;
    color: #003b73;
    font-weight: bold;
    text-align: center;
}



 /******   estilos viaja mas ******/


img.imagen-viajamas-trajeta{
    width: 100%;
}

@media screen and (max-width: 991px){
    
img.imagen-viajamas-trajeta{
    width: 50%;
}
    
}


/******   fin estilos viaja mas ******/

/******   nuevos estilos ******/

.boletos-costaline{
   color: #fff!important;
font-weight: 700!important;
 font-size: 12px;
}


.submenu-costaline{
    margin-top: 10px;
}



.numeros-costaline{
    text-align: left;
   
}
.telefono{
   font-size: 21px;
    line-height: 30px;
    font-weight: bold;
}

@media screen and (max-width:767px){
    
   .numeros-costaline{
    text-align: center;
   
}

    
}



/****** fin   nuevos estilos  ******/


/******   nuevos estilos  destinos servicios   **** ******/

.seccion-destinos{
    background: #2B87C8;
    margin-top: 15px;
    padding: 10px;
    
}

.seccion-enlacescosta{
    background: #0087ca00;
    margin-top: 50px;
    padding: 10px;
}

a.enlaces-costaline{
     color: #100f0f8a;
    font-size: 12px;
    text-align: center;
}


.iconos-viajes-costa{
    text-align: center;
}



h3.footer-title {
    color: #100f0f8a;
    font-size: 20px;
    text-align: center;
}

.fondo-iconos {
    font-size: 50px;
    color: #100f0f8a;
    border: 3px solid #3b40448a;
    padding: 20px;
    border-radius: 50px;
}
.verticalLine {
    border-left: outset 2.5px;
}
/****** fin   nuevos estilos  destinos servicios    ******/



/* nuevos cambios */

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

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }


 }

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

    .navbar-toggler-icon {
        width: .5em;
        height: .5em;
    }



 }


.navbar-light .navbar-toggler {
    background: aliceblue;
}





/*  ... */