body {
    font-size: 14px!important;
    color: #123c5d!important;
    background: #123c5d
}

@font-face {
    font-family: LatoWebBlack;
    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-display: swap
}

@font-face {
    font-family: LatoWebBlack;
    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-display: swap
}

@font-face {
    font-family: LatoWebBold;
    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-display: swap
}

@font-face {
    font-family: LatoWebBold;
    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;
    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-display: swap
}

@font-face {
    font-family: LatoWebHairline;
    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-display: swap
}

@font-face {
    font-family: LatoWebHeavy;
    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-display: swap
}

@font-face {
    font-family: LatoWebHeavy;
    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-display: swap
}

@font-face {
    font-family: LatoWeb;
    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-display: swap
}

@font-face {
    font-family: LatoWebLight;
    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-display: swap
}

@font-face {
    font-family: LatoWebLight;
    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-display: swap
}

@font-face {
    font-family: LatoWebMedium;
    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-display: swap
}

@font-face {
    font-family: LatoWebMedium;
    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-display: swap
}

@font-face {
    font-family: LatoWeb;
    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-display: swap
}

@font-face {
    font-family: LatoWebSemibold;
    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-display: swap
}

@font-face {
    font-family: LatoWebSemibold;
    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-display: swap
}

@font-face {
    font-family: LatoWebThin;
    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;
    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: #eee;
    margin-top: 20px
}

.btn-home-regreso {
    color: #003a5d!important;
    font-size: 20px
}

#menu {
    margin: 0 auto!important;
    padding: 0!important
}

.primer-menu {
    padding-bottom: 8px
}

.primer-menu nav a img {
    width: 250px
}

.navbar-brand {
    padding-top: 0!important
}

a.nav-link {
    color: #003a5d!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: #7ba7ae;
    font-size: 14px;
    z-index: 3000
}

.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: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2560px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2522px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2445px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2407px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2388px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2368px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2353px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2330px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2291px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2276px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2215px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2208px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2190px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2176px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2149px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2122px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2111px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2083px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2072px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2029px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2026px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2006px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1968px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:1930px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1922px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1875px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1853px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1818px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1760px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: 1rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1742px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1667px) {
    .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: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:1629px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.4rem!important;
        padding-left: 2.4rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1584px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }
}

@media screen and (max-width:1552px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.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:1521px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.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: 11px
    }
}

@media screen and (max-width:1443px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem!important;
        padding-left: 1.5rem!important;
        font-size: 11px
    }
}

@media screen and (max-width:1427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem!important;
        padding-left: 1.5rem!important;
        font-size: 10px
    }
}

@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: 10px
    }
}

@media screen and (max-width:1409px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px!important;
        padding-right: 2.5rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1381px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px!important;
        padding-right: 1.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: 1.5rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1359px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px!important;
        padding-right: 1.2rem!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: 1.2rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1347px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem!important;
        padding-left: .6rem!important
    }
}

@media screen and (max-width:1315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: .6rem!important
    }
}

@media screen and (max-width:1288px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1267px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1264px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .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: 10px!important
    }
}

@media screen and (max-width:1219px) {
    .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:1216px) {
    .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:1211px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.8rem!important;
        padding-left: .5rem!important;
        font-size: 9px!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: 9px!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: 9px!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:1158px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!important;
        padding-right: 1rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1110px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!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: 9px!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: 10px!important;
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }
    .primer-menu nav a img {
        width: 150px
    }
    .bg-light {
        padding-bottom: 0
    }
    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: 9px!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 (max-width:1049px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!important;
        padding-right: 0!important;
        padding-left: .5rem!important
    }
}

@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: #eee;
    text-align: right!important;
    margin-top: 60px;
    left: 0;
    position: absolute;
    text-align: left!important;
    right: 0!important;
    z-index: 2000
}

.despliegue-menub {
    background: #7ba7ae!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
}

.despliegue ul.navbar-nav li.opciones-menub a {
    color: #003a5d;
    font-weight: 700!important;
    font-size: 12px
}

.despliegue-menub a.dropdown-item:hover {
    color: #000!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: #eee;
    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
}

.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: #003a5d
}

.imagen-chat {
    position: fixed;
    display: block;
    top: 700px;
    z-index: 100
}

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

.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
}

.text-white {
    color: #123c5d!important
}

@media screen and (max-width:700px) {
    .boton-flotante {
        display: none;
        margin-left: -35px;
        transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg)
    }
}

.scrollTop {
    opacity: 0;
    transition: all .4s ease-in-out 0s
}

.titulo-popof {
    text-align: center
}

.mensaje-flotante {
    color: #fff!important
}

.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
    }
}

.telefono {
    font-size: 26px;
    line-height: 2.2;
    color: #003a5d
}

#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
    }
}

@media screen and (max-width:400px) {
    .primer-menu nav a img {
        width: 140px
    }
}

.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
    }
}

.principal {
    background: #fff;
    margin-top: 109px;
    margin-bottom: 10px
}

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

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

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

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

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

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

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

.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
    }
}

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

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

.visitas {
    text-align: center
}

.sitio-mapa {
    font-size: 35px
}

.comida-hotel {
    font-size: 35px
}

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

h1.salidas-viajes-etn {
    font-size: 26px;
    color: #123c5d
}

h2.visitar-etn {
    font-size: 22px;
    color: #117a8b
}

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

h2.visitar-etn {
    font-size: 22px;
    color: #117a8b
}

.imagenes {
    width: 70px
}

.imagen-hotel {
    width: 86px
}

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

.lugares-etn-comida {
    margin-top: -20px
}

@media screen and (max-width:991px) {
    .lugares-por-llegar {
        margin-top: 25px
    }
    .lugares-etn-comida {
        margin-top: 25px
    }
}

@media screen and (max-width:765px) {
    .lugares-por-llegar {
        display: none
    }
    .lugares-etn-comida {
        display: block
    }
}

.comidas {
    margin-top: 10px
}

h3.lugares {
    font-size: 20px
}

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

h3.titulos-comida {
    color: #123c5d;
    text-align: center;
    font-size: 20px;
    padding: 10px
}

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

.promociones {
    margin-top: 10px
}

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

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

.viajamas {
    background: 0 0;
    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: 700
}

.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-etn {
    background: #123c5d;
    color: #fff;
    margin-top: 40px;
    text-align: center
}

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

.visita-y-compra-etn-landing {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding-top: 20px
}

.compra-boletos-etn-landing {
    font-size: 22px;
    color: #117a8b;
    font-weight: 700;
    text-align: center
}

#parrafo-landings {
    margin-top: 20px!important;
    padding: 10px
}

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

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

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
}

.iconos {
    width: 160px
}

h4.titulos-etn {
    color: #123c5d;
    font-size: 20px;
    text-align: center
}

.cerrar {
    background: #123c5d;
    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 {
        width: 90%
    }
}

@media screen and (max-width:765px) {
    .lugares,
    .mostraryocultar,
    p.visitar {
        display: none
    }
}

@media screen and (max-width:765px) {
    .ventana-secundaria {
        display: block
    }
}

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

a.enlaces-destinos {
    color: #fff
}

.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: #fff;
    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
}

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

.costo-aguascalientes {
    border-radius: 8px;
    border: 2px solid #123c5d
}

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

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

.dias-de-visitas {
    font-size: 17px;
    font-weight: 700
}

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
}

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

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

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

.tabla-precios-monterrey {
    border-radius: 8px;
    border: 2px solid #123c5d
}

.tarifa-monterrey {
    font-weight: 700;
    font-size: 18px
}

.servicio-bordo {
    background: #eee;
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px
}

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

.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
}

.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
}

.img-landings {
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    margin-bottom: 20px!important;
    height: 300px
}

.interes-etn .rounded-circle {
    overflow: hidden;
    width: 320px
}

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

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

.texto-etn {
    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%
}

#descripcion {
    font-size: 16px
}

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

#img2 {
    clip-path: circle()
}

.ubicacion {
    text-align: left;
    border-radius: 8px;
    font-size: 18px
}

.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
}

.contenedor-general-terminal-poniente {
    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px
}

@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-etn {
        display: none
    }
    .seccion-destinos-comida-etn {
        display: none
    }
}

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

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

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

.seccion-destinos-etn {
    margin-top: 47px
}

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

h2.sección-estados-etn {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding: 10px
}

.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
    }
}

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

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

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

.viajero-anticipado {
    background: #fff;
    margin-bottom: 10px
}

img.imagen-viajero-protegido {
    width: 30%
}

img.imagen-hot-tickets {
    width: 80%
}

.titulo-viajeroanticipado {
    margin-top: 10px;
    padding: 25px
}

h1.titulo-viajero {
    text-align: center;
    font-size: 22px;
    color: #123c5d
}

.texto-descuentos {
    text-align: center;
    color: #123c5d;
    font-size: 20px
}

.iconos-viajeros {
    width: 25%
}

.iconos-viajeros-texto {
    width: 5%
}

@media screen and (max-width:991px) {
    .iconos-viajeros {
        width: 15%
    }
    .iconos-viajeros-texto {
        width: 10%
    }
}

@media screen and (max-width:767px) {
    .iconos-viajeros {
        width: 10%
    }
    .iconos-viajeros-texto {
        width: 10%
    }
}

@media screen and (max-width:500px) {
    .iconos-viajeros {
        width: 25%
    }
    .iconos-viajeros-texto {
        width: 18%
    }
}

.programa-descuento {
    text-align: center
}

#frases-descuentos {
    color: #123c5d;
    font-weight: 700
}

.imagen-viajero-protegido {
    text-align: center
}

.imagenes-texto {
    margin-top: 20px
}

.enunciados-viajero {
    color: #123c5d;
    font-size: 18px;
    font-weight: 700
}

.subtitulos-viajero {
    background: #7ba7ae;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.texto-resumen {
    padding: 50px;
    margin-top: 10px
}

ul.listas {
    text-align: left;
    display: inline-block;
    font-size: 17px
}

.viajero-etn {
    color: #123c5d;
    font-size: 16px;
    text-align: justify;
    font-size: 16px
}

.estela-etn {
    margin-top: 6px;
    width: 50px;
    position: absolute
}

@media screen and (max-width:579px) {
    .estela-etn {
        display: none
    }
}

.img-buen-fin {
    text-align: center
}

.banner-bf {
    margin: 0 auto;
    text-align: center!important;
    width: 80%
}

.negritasb {
    font-weight: 700!important;
    -webkit-font-smoothing: antialiased
}

ul.sitios {
    height: 10px;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: -20px
}

li.enlaces-etn {
    padding: 10px;
    cursor: pointer;
    font-size: 18px
}

.destinos-a-visitar {
    margin-top: 40px
}

@media screen and (max-width:991px) {
    li.enlaces-etn {
        font-size: 13px
    }
}

@media screen and (max-width:760px) {
    li.enlaces-etn {
        display: none
    }
}

p.cuadro-platillos {
    text-align: center;
    color: #123c5d;
    font-size: 21px;
    padding: 30px
}

@media screen and (max-width:414px) {
    p.cuadro-platillos {
        text-align: justify
    }
}

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

.imagen-principal {
    position: relative;
    text-align: center
}

.contenido-ubicacion-titulo {
    color: #fff;
    position: absolute;
    top: 54%;
    left: 32%;
    transform: translate(-50%, -50%)
}

h2.titulos-landings {
    font-size: 80px
}

h1.titulo-pregunta {
    font-size: 70px;
    font-weight: 700
}

@media screen and (max-width:991px) {
    h1.titulo-pregunta {
        font-size: 55px
    }
}

@media screen and (max-width:668px) {
    h1.titulo-pregunta {
        font-size: 47px
    }
}

@media screen and (max-width:588px) {
    h1.titulo-pregunta {
        font-size: 39px
    }
}

@media screen and (max-width:508px) {
    h1.titulo-pregunta {
        font-size: 36px
    }
}

@media screen and (max-width:478px) {
    h1.titulo-pregunta {
        font-size: 30px
    }
}

@media screen and (max-width:410px) {
    h1.titulo-pregunta {
        font-size: 27px
    }
}

h3.aguascalientes-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

h3.vallarta-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.seccion-vallartauno {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/museo-historico-naval-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartados {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/iglesia-guadalupe-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartatres {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/puerto-vallarta-malecon-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartacuatro {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/plaza-armas-vallarta-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

h3.tlaque-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.seccion-tlaqueuno {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/jardin-hidalgo-tlaquepaque.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquedos {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/refugio-tlaquepaque.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquetres {
    border-radius: 0 70px 0 70px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/museo-ceramica-tlaquepaque.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaqueparian {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/Parian-tlaquepaque.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquerecorridos {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/recorrido-leyendas.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.contenido-visitas {
    margin-top: 10px
}

.contenido-preguntas {
    padding: 27px;
    text-align: center;
    margin-top: 175px
}

h2.boletos-destinos {
    font-size: 30px
}

@media screen and (max-width:1121px) {
    h2.boletos-destinos {
        font-size: 22px
    }
}

@media screen and (max-width:991px) {
    .contenido-preguntas {
        margin-top: 0
    }
    .parte-uno {
        background-color: transparent
    }
}

@media screen and (max-width:440px) {
    h2.boletos-destinos {
        font-size: 18px
    }
}

.visita-destinos {
    text-align: center;
    padding: 25px;
    margin-top: -45px;
    font-size: 18px
}

.listas-lugares-visitar {
    text-align: left;
    display: inline-block
}

a.enlaces-destinos {
    text-decoration: none
}

a.enlaces-destinos:hover {
    text-decoration: underline
}

.boton-enlace {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.boton-enlace {
    background-color: #d6d6d6!important;
    border-color: #d6d6d6;
    color: #123c5d!important;
    font-weight: 700;
    width: 160px
}

.cabeza-modal {
    background-color: #123c5d!important
}

.cerrar-ventana {
    color: #fff
}

h3.encabezado-titulos {
    font-size: 18px;
    color: #fff
}

@media screen and (max-width:410px) {
    h3.encabezado-titulos {
        font-size: 14px
    }
}

@media screen and (max-width:320px) {
    h3.encabezado-titulos {
        font-size: 11px
    }
}

img.ventanillas-imagenes {
    width: 100%
}

.mostrar-texto {
    position: absolute
}

.fondo-texto {
    background-color: #123c5de8;
    z-index: 2000
}

.color-fondo {
    background-color: #123c5d
}

.boton-cerrar {
    background-color: #fff!important;
    border-color: #fff;
    color: #123c5d!important;
    width: 100px;
    font-weight: 700
}

@media screen and (max-width:621px) {
    h3.guadalajara-centro,
    h3.tlaque-centro,
    h3.torreon-centro,
    h3.vallarta-centro {
        text-align: center
    }
}

@media screen and (max-width:377px) {
    h3.guadalajara-centro,
    h3.tlaque-centro,
    h3.torreon-centro,
    h3.vallarta-centro {
        font-size: 23px
    }
}

.lugares-etn-comida {
    margin-top: 30px
}

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

.visitas {
    text-align: center
}

.comida-hotel {
    font-size: 35px
}

.contenido-visitas {
    margin-top: 10px
}

h2.pregunta-titulo {
    color: #117a8b
}

@media screen and (max-width:665px) {
    h2.pregunta-titulo {
        font-size: 30px
    }
}

@media screen and (max-width:487px) {
    h2.pregunta-titulo {
        font-size: 25px
    }
}

@media screen and (max-width:386px) {
    h2.pregunta-titulo {
        font-size: 22px
    }
}

@media screen and (max-width:448px) {
    h2.pregunta-titulo {
        font-size: 21px
    }
}

@media screen and (max-width:414px) {
    p.cuadro-resumen {
        text-align: left;
        font-size: 21px
    }
}

@media screen and (max-width:377px) {
    p.cuadro-resumen {
        text-align: left;
        font-size: 18px
    }
}

.sección-comida {
    text-align: center
}

img.comidas-a-disfrutar {
    width: 64%;
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    background-color: #117a8b;
    padding: 0;
    height: 200px
}

@media screen and (max-width:414px) {
    img.comidas-a-disfrutar {
        height: 245px
    }
}

@media screen and (max-width:375px) {
    img.comidas-a-disfrutar {
        height: 230px;
        width: 71%
    }
}

img.comidas-a-disfrutar-chiltepinos {
    padding: 15px;
    width: 70%;
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    background-color: #117a8b
}

@media screen and (max-width:767px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 40%
    }
}

@media screen and (max-width:650px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 40%
    }
}

@media screen and (max-width:550px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 45%
    }
}

@media screen and (max-width:420px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 60%
    }
}

@media screen and (max-width:400px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 60%
    }
}

@media screen and (max-width:375px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 75%
    }
}

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

.boton-mostrar {
    background-color: #117a8b!important;
    border-color: #117a8b;
    color: #fff!important;
    width: 200px
}

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

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

.interes-etn {
    background: #fff;
    color: #123c5d;
    margin-top: 40px;
    text-align: center
}

.visita-y-compra-etn-landing {
    font-size: 22px;
    color: #123c5d;
    font-weight: 700;
    text-align: center;
    padding-top: 20px
}

.compra-boletos-etn-landing {
    font-size: 22px;
    color: #117a8b;
    font-weight: 700;
    text-align: center
}

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

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

#parrafo-landings {
    margin-top: 20px!important;
    padding: 10px
}

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

#subtitulo-landings {
    color: #123c5d;
    font-weight: 700
}

.lazyLoad {
    opacity: 0
}

.visible {
    transition: opacity 1s ease;
    opacity: 1
}

.primera-imagendestino-etn {
    width: 100%;
    height: 100%
}

.col-descuentos {
    padding-top: 5px;
    margin-top: 5px;
    padding: 1px
}

@media screen and (min-width:501px) {
    .col-decuentos {
        padding: 2px
    }
}

body {
    font-size: 14px!important;
    color: #123c5d!important;
    background: #123c5d
}

@font-face {
    font-family: LatoWebBlack;
    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-display: swap
}

@font-face {
    font-family: LatoWebBlack;
    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-display: swap
}

@font-face {
    font-family: LatoWebBold;
    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-display: swap
}

@font-face {
    font-family: LatoWebBold;
    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;
    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-display: swap
}

@font-face {
    font-family: LatoWebHairline;
    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-display: swap
}

@font-face {
    font-family: LatoWebHeavy;
    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-display: swap
}

@font-face {
    font-family: LatoWebHeavy;
    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-display: swap
}

@font-face {
    font-family: LatoWeb;
    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-display: swap
}

@font-face {
    font-family: LatoWebLight;
    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-display: swap
}

@font-face {
    font-family: LatoWebLight;
    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-display: swap
}

@font-face {
    font-family: LatoWebMedium;
    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-display: swap
}

@font-face {
    font-family: LatoWebMedium;
    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-display: swap
}

@font-face {
    font-family: LatoWeb;
    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-display: swap
}

@font-face {
    font-family: LatoWebSemibold;
    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-display: swap
}

@font-face {
    font-family: LatoWebSemibold;
    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-display: swap
}

@font-face {
    font-family: LatoWebThin;
    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-display: swap
}

@font-face {
    font-family: LatoWebThin;
    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: #eee;
    margin-top: 20px
}

.btn-home-regreso {
    color: #003a5d!important;
    font-size: 20px
}

#menu {
    margin: 0 auto!important;
    padding: 0!important
}

.primer-menu {
    padding-bottom: 8px
}

.primer-menu nav a img {
    width: 250px
}

.navbar-brand {
    padding-top: 0!important
}

a.nav-link {
    color: #003a5d!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: #7ba7ae;
    font-size: 14px;
    z-index: 3000
}

.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: 16px
    }
}

@media screen and (max-width:2560px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem!important;
        padding-left: 7rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2522px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2500px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2445px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7.5rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7.5rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2407px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2388px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 7rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2368px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6.5rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2353px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6.5rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2330px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 6rem!important;
        padding-left: 6rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2291px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem!important;
        padding-left: 5.5rem!important;
        font-size: 16px
    }
}

@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: 16px
    }
}

@media screen and (max-width:2215px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.2rem!important;
        padding-left: 5.2rem!important;
        font-size: 16px
    }
}

@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: 16px
    }
}

@media screen and (max-width:2190px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem!important;
        padding-left: 5rem!important;
        font-size: 16px
    }
}

@media screen and (max-width:2176px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem!important;
        padding-left: 5rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2149px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem!important;
        padding-left: 5rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2122px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5.5rem!important;
        padding-left: 5rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2111px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem!important;
        padding-left: 5rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:2083px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem!important;
        padding-left: 5rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2072px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 5rem!important;
        padding-left: 5rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:2029px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4.5rem!important;
        padding-left: 4.5rem!important;
        font-size: 15px
    }
}

@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: 15px
    }
}

@media screen and (max-width:2006px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem!important;
        padding-left: 4rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1968px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem!important;
        padding-left: 4rem!important;
        font-size: 15px
    }
}

@media screen and (max-width:1930px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem!important;
        padding-left: 4rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1922px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 4rem!important;
        padding-left: 4rem!important;
        font-size: 14px
    }
}

@media screen and (max-width:1875px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3.8rem!important;
        padding-left: 4rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1853px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3.8rem!important;
        padding-left: 4rem!important;
        font-size: 13px
    }
}

@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:1760px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3rem!important;
        padding-left: 3.5rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1742px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 3rem!important;
        padding-left: 3rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1667px) {
    .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: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:1629px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.4rem!important;
        padding-left: 2.4rem!important;
        font-size: 13px
    }
}

@media screen and (max-width:1584px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2rem!important;
        padding-left: 2rem!important
    }
}

@media screen and (max-width:1552px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.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:1521px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.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: 11px
    }
}

@media screen and (max-width:1443px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem!important;
        padding-left: 1.5rem!important;
        font-size: 11px
    }
}

@media screen and (max-width:1427px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 2.8rem!important;
        padding-left: 1.5rem!important;
        font-size: 10px
    }
}

@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: 10px
    }
}

@media screen and (max-width:1409px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px!important;
        padding-right: 2.5rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1381px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px!important;
        padding-right: 1.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: 1.5rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1359px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px!important;
        padding-right: 1.2rem!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: 1.2rem!important;
        padding-left: 1.2rem!important
    }
}

@media screen and (max-width:1347px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem!important;
        padding-left: .6rem!important
    }
}

@media screen and (max-width:1315px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: .6rem!important
    }
}

@media screen and (max-width:1288px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1267px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .6rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1264px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .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: 10px!important
    }
}

@media screen and (max-width:1219px) {
    .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:1216px) {
    .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:1211px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.8rem!important;
        padding-left: .5rem!important;
        font-size: 9px!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: 9px!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: 9px!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:1158px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!important;
        padding-right: 1rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1110px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!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: 9px!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: 10px!important;
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }
    .primer-menu nav a img {
        width: 150px
    }
    .bg-light {
        padding-bottom: 0
    }
    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: 9px!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 (max-width:1049px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 9px!important;
        padding-right: 0!important;
        padding-left: .5rem!important
    }
}

@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: #eee;
    text-align: right!important;
    margin-top: 60px;
    left: 0;
    position: absolute;
    text-align: left!important;
    right: 0!important;
    z-index: 2000
}

.despliegue-menub {
    background: #7ba7ae!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
}

.despliegue ul.navbar-nav li.opciones-menub a {
    color: #003a5d;
    font-weight: 700!important;
    font-size: 12px
}

.despliegue-menub a.dropdown-item:hover {
    color: #000!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: #eee;
    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
}

.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: #003a5d
}

.imagen-chat {
    position: fixed;
    display: block;
    top: 700px;
    z-index: 100
}

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

.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
}

.titulo-popof {
    text-align: center
}

.mensaje-flotante {
    color: #fff!important
}

.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
    }
}

.telefono {
    font-size: 26px;
    line-height: 2.2;
    color: #003a5d
}

#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
    }
}

@media screen and (max-width:400px) {
    .primer-menu nav a img {
        width: 140px
    }
}

.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
    }
}

.principal {
    background: #fff;
    margin-top: 109px;
    margin-bottom: 10px
}

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

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

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

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

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

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

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

.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
    }
}

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

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

.visitas {
    text-align: center
}

.sitio-mapa {
    font-size: 35px
}

.comida-hotel {
    font-size: 35px
}

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

h1.salidas-viajes-etn {
    font-size: 26px;
    color: #123c5d
}

h2.visitar-etn {
    font-size: 22px;
    color: #117a8b
}

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

h2.visitar-etn {
    font-size: 22px;
    color: #117a8b
}

.imagenes {
    width: 70px
}

.imagen-hotel {
    width: 86px
}

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

.lugares-etn-comida {
    margin-top: 30px
}

@media screen and (max-width:991px) {
    .lugares-por-llegar {
        margin-top: 25px
    }
    .lugares-etn-comida {
        margin-top: 25px
    }
}

@media screen and (max-width:765px) {
    .lugares-por-llegar {
        display: none
    }
    .lugares-etn-comida {
        display: block
    }
}

.comidas {
    margin-top: 10px
}

h3.lugares {
    font-size: 20px
}

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

h3.titulos-comida {
    color: #123c5d;
    text-align: center;
    font-size: 20px;
    padding: 10px
}

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

.promociones {
    margin-top: 10px
}

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

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

.viajamas {
    background: 0 0;
    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: 700
}

.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-etn {
    background: #123c5d;
    color: #fff;
    margin-top: 40px;
    text-align: center
}

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

.visita-y-compra-etn-landing {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    padding-top: 20px
}

.compra-boletos-etn-landing {
    font-size: 22px;
    color: #117a8b;
    font-weight: 700;
    text-align: center
}

#parrafo-landings {
    margin-top: 20px!important;
    padding: 10px
}

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

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

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
}

.iconos {
    width: 160px
}

h4.titulos-etn {
    color: #123c5d;
    font-size: 20px;
    text-align: center
}

.cerrar {
    background: #123c5d;
    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 {
        width: 90%
    }
}

@media screen and (max-width:765px) {
    .lugares,
    .mostraryocultar,
    p.visitar {
        display: none
    }
}

@media screen and (max-width:765px) {
    .ventana-secundaria {
        display: block
    }
}

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

a.enlaces-destinos {
    color: #fff
}

.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: #fff;
    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
}

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

.costo-aguascalientes {
    border-radius: 8px;
    border: 2px solid #123c5d
}

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

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

.dias-de-visitas {
    font-size: 17px;
    font-weight: 700
}

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
}

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

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

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

.tabla-precios-monterrey {
    border-radius: 8px;
    border: 2px solid #123c5d
}

.tarifa-monterrey {
    font-weight: 700;
    font-size: 18px
}

.servicio-bordo {
    background: #eee;
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px
}

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

.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
}

.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
}

.img-landings {
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    margin-bottom: 20px!important;
    height: 300px
}

.interes-etn .rounded-circle {
    overflow: hidden;
    width: 320px
}

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

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

.texto-etn {
    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%
}

#descripcion {
    font-size: 16px
}

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

#img2 {
    clip-path: circle()
}

.ubicacion {
    text-align: left;
    border-radius: 8px;
    font-size: 18px
}

.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
}

.contenedor-general-terminal-poniente {
    background: #eee;
    margin-top: 10px;
    margin-bottom: 10px
}

@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-etn {
        display: none
    }
    .seccion-destinos-comida-etn {
        display: none
    }
}

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

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

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

.seccion-destinos-etn {
    margin-top: 47px
}

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

h2.sección-estados-etn {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    padding: 10px
}

.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
    }
}

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

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

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

.viajero-anticipado {
    background: #fff;
    margin-bottom: 10px
}

img.imagen-viajero-protegido {
    width: 30%
}

img.imagen-hot-tickets {
    width: 80%
}

.titulo-viajeroanticipado {
    margin-top: 10px;
    padding: 25px
}

h1.titulo-viajero {
    text-align: center;
    font-size: 22px;
    color: #123c5d
}

.texto-descuentos {
    text-align: center;
    color: #123c5d;
    font-size: 20px
}

.iconos-viajeros {
    width: 25%
}

.iconos-viajeros-texto {
    width: 5%
}

@media screen and (max-width:991px) {
    .iconos-viajeros {
        width: 15%
    }
    .iconos-viajeros-texto {
        width: 10%
    }
}

@media screen and (max-width:767px) {
    .iconos-viajeros {
        width: 10%
    }
    .iconos-viajeros-texto {
        width: 10%
    }
}

@media screen and (max-width:500px) {
    .iconos-viajeros {
        width: 25%
    }
    .iconos-viajeros-texto {
        width: 18%
    }
}

.programa-descuento {
    text-align: center
}

#frases-descuentos {
    color: #123c5d;
    font-weight: 700
}

.imagen-viajero-protegido {
    text-align: center
}

.imagenes-texto {
    margin-top: 20px
}

.enunciados-viajero {
    color: #123c5d;
    font-size: 18px;
    font-weight: 700
}

.subtitulos-viajero {
    background: #7ba7ae;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.texto-resumen {
    padding: 50px;
    margin-top: 10px
}

ul.listas {
    text-align: left;
    display: inline-block;
    font-size: 17px
}

.viajero-etn {
    color: #123c5d;
    font-size: 16px;
    text-align: justify;
    font-size: 16px
}

.estela-etn {
    margin-top: 6px;
    width: 50px;
    position: absolute
}

@media screen and (max-width:579px) {
    .estela-etn {
        display: none
    }
}

.img-buen-fin {
    text-align: center
}

.banner-bf {
    margin: 0 auto;
    text-align: center!important;
    width: 80%
}

.negritasb {
    font-weight: 700!important;
    -webkit-font-smoothing: antialiased
}

ul.sitios {
    height: 10px;
    display: flex;
    justify-content: center;
    list-style: none;
    margin-top: -20px
}

li.enlaces-etn {
    padding: 10px;
    cursor: pointer;
    font-size: 18px
}

.destinos-a-visitar {
    margin-top: 40px
}

@media screen and (max-width:991px) {
    li.enlaces-etn {
        font-size: 13px
    }
}

@media screen and (max-width:760px) {
    li.enlaces-etn {
        display: none
    }
}

p.cuadro-platillos {
    text-align: center;
    color: #123c5d;
    font-size: 21px;
    padding: 30px;
    font-weight: 400
}

@media screen and (max-width:414px) {
    p.cuadro-platillos {
        text-align: left
    }
}

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

.imagen-principal {
    position: relative;
    text-align: center
}

.contenido-ubicacion-titulo {
    color: #fff;
    position: absolute;
    top: 54%;
    left: 32%;
    transform: translate(-50%, -50%)
}

h2.titulos-landings {
    font-size: 80px
}

h1.titulo-pregunta {
    text-align: center;
    font-size: 45px;
    font-weight: 700
}

@media screen and (max-width:991px) {
    h1.titulo-pregunta {
        font-size: 55px
    }
}

h3.aguascalientes-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.contenido-visitas {
    margin-top: 10px
}

.contenido-preguntas {
    padding: 27px;
    text-align: center;
    margin-top: 175px
}

h2.boletos-destinos {
    font-size: 30px
}

@media screen and (max-width:1121px) {
    h2.boletos-destinos {
        font-size: 22px
    }
}

@media screen and (max-width:991px) {
    .contenido-preguntas {
        margin-top: 0
    }
    .parte-uno {
        background-color: transparent
    }
}

@media screen and (max-width:440px) {
    h2.boletos-destinos {
        font-size: 18px
    }
}

.visita-destinos {
    text-align: center;
    padding: 25px;
    margin-top: -45px;
    font-size: 18px
}

.listas-lugares-visitar {
    text-align: left;
    display: inline-block
}

a.enlaces-destinos {
    text-decoration: none
}

a.enlaces-destinos:hover {
    text-decoration: underline
}

.icono-mapa {
    position: absolute;
    top: 43%;
    left: 19%;
    transform: translate(-50%, -50%);
    font-size: 35px
}

.boton-enlace {
    position: absolute;
    top: 76%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.boton-enlace {
    background-color: #d6d6d6!important;
    border-color: #d6d6d6;
    color: #123c5d!important;
    font-weight: 700;
    width: 160px
}

.cabeza-modal {
    background-color: #123c5d!important
}

.cerrar-ventana {
    color: #fff
}

h3.encabezado-titulos {
    font-size: 18px;
    color: #fff
}

@media screen and (max-width:410px) {
    h3.encabezado-titulos {
        font-size: 14px
    }
}

@media screen and (max-width:320px) {
    h3.encabezado-titulos {
        font-size: 11px
    }
}

img.ventanillas-imagenes {
    width: 100%
}

.mostrar-texto {
    position: absolute
}

.fondo-texto {
    background-color: #123c5de8;
    z-index: 2000
}

p.cuadro-texto {
    color: #000;
    text-align: justify;
    font-size: 20px;
    padding: 0 15px 0 15px;
    font-weight: 400
}

@media screen and (max-width:440px) {
    p.cuadro-texto {
        text-align: justify;
        font-size: 18px
    }
}

.color-fondo {
    background-color: #123c5d
}

.boton-cerrar {
    background-color: #fff!important;
    border-color: #fff;
    color: #123c5d!important;
    width: 100px;
    font-weight: 700
}

@media screen and (max-width:621px) {
    h3.Queretaro-centro,
    h3.aguascalientes-centro,
    h3.allende-centro,
    h3.cuernavaca-centro,
    h3.culiacan-centro,
    h3.guadalajara-centro,
    h3.guanajuato-centro,
    h3.leon-centro,
    h3.manzanillo-centro,
    h3.monterrey-centro,
    h3.morelia-centro,
    h3.norte-centro,
    h3.poniente-centro,
    h3.potosi-centro,
    h3.puebla-centro,
    h3.sur-centro,
    h3.tequis-centro,
    h3.tlaque-centro,
    h3.toluca-centro,
    h3.torreon-centro,
    h3.vallarta-centro,
    h3.zapopan-centro {
        text-align: center;
        font-size: 20px
    }
}

.lugares-etn-comida {
    margin-top: -20px
}

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

.visitas {
    text-align: center
}

.comida-hotel {
    font-size: 35px
}

h2.lugares-a-comer-etn {
    font-size: 26px;
    color: #117a8b;
    font-weight: 700
}

.contenido-visitas {
    margin-top: 10px
}

h2.pregunta-titulo {
    text-align: center;
    color: #117a8b;
    font-size: 35px
}

@media screen and (max-width:668px) {
    h1.titulo-pregunta {
        font-size: 47px
    }
}

@media screen and (max-width:588px) {
    h1.titulo-pregunta {
        font-size: 39px
    }
}

@media screen and (max-width:508px) {
    h1.titulo-pregunta {
        font-size: 36px
    }
}

@media screen and (max-width:478px) {
    h1.titulo-pregunta {
        font-size: 30px
    }
}

@media screen and (max-width:410px) {
    h1.titulo-pregunta {
        font-size: 27px
    }
}

@media screen and (max-width:665px) {
    h2.pregunta-titulo {
        font-size: 30px
    }
}

@media screen and (max-width:487px) {
    h2.pregunta-titulo {
        font-size: 25px
    }
}

@media screen and (max-width:386px) {
    h2.pregunta-titulo {
        font-size: 22px
    }
}

@media screen and (max-width:448px) {
    h2.pregunta-titulo {
        font-size: 21px
    }
}

p.cuadro-resumen {
    color: #123c5d;
    text-align: justify;
    font-size: 22px;
    padding: 30px;
    margin-top: -30px;
    font-weight: 400
}

@media screen and (max-width:768px) {
    p.cuadro-resumen {
        text-align: justify;
        font-size: 20px
    }
}

@media screen and (max-width:414px) {
    p.cuadro-resumen {
        text-align: justify;
        font-size: 16px
    }
}

@media screen and (max-width:377px) {
    p.cuadro-resumen {
        text-align: justify;
        font-size: 18px
    }
}

.sección-comida {
    text-align: center
}

img.comidas-a-disfrutar {
    width: 64%;
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    background-color: #117a8b;
    padding: 0;
    height: 200px
}

@media screen and (max-width:414px) {
    img.comidas-a-disfrutar {
        height: 245px
    }
}

@media screen and (max-width:375px) {
    img.comidas-a-disfrutar {
        height: 230px;
        width: 71%
    }
}

img.comidas-a-disfrutar-chiltepinos {
    padding: 15px;
    width: 70%;
    clip-path: circle();
    -webkit-clip-path: circle();
    -moz-clip-path: circle();
    -o-clip-path: circle();
    -ms-clip-path: circle();
    background-color: #117a8b
}

@media screen and (max-width:767px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 40%
    }
}

@media screen and (max-width:650px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 40%
    }
}

@media screen and (max-width:550px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 45%
    }
}

@media screen and (max-width:420px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 60%
    }
}

@media screen and (max-width:400px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 60%
    }
}

@media screen and (max-width:375px) {
    img.comidas-a-disfrutar-chiltepinos {
        width: 75%
    }
}

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

.boton-mostrar {
    background-color: #117a8b!important;
    border-color: #117a8b;
    color: #fff!important;
    width: 200px
}

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

p.comidas-tipicas {
    color: #123c5d;
    font-size: 18px;
    text-align: justify;
    font-weight: 400
}

.interes-etn {
    background: #fff;
    color: #123c5d;
    margin-top: 40px;
    text-align: center
}

.visita-y-compra-etn-landing {
    font-size: 22px;
    color: #123c5d;
    font-weight: 700;
    text-align: center;
    padding-top: 20px
}

.compra-boletos-etn-landing {
    font-size: 22px;
    color: #117a8b;
    font-weight: 700;
    text-align: center
}

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

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

#parrafo-landings {
    margin-top: 20px!important;
    padding: 10px
}

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

#subtitulo-landings {
    color: #123c5d;
    font-weight: 700
}

.lazyLoad {
    opacity: 0
}

.visible {
    transition: opacity 1s ease;
    opacity: 1
}

.primera-imagendestino-etn {
    width: 100%;
    height: 100%
}

.col-descuentos {
    padding-top: 5px;
    margin-top: 5px;
    padding: 1px
}

@media screen and (min-width:501px) {
    .col-decuentos {
        padding: 2px
    }
}

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

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

@media screen and (max-width:1177px) {
    .carrusel {
        margin-top: 0px;
        z-index: 1
    }
}

@media screen and (max-width:1069px) {
    .carrusel {
        margin-top: 0px
    }
}

@media screen and (min-width:992px) {
    #combo-ventas {
        width: 100%
    }
}

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

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

@media screen and (max-width:649px) {
    .carrusel {
        margin-top: 0px
    }
}

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

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

.iconos-destinos {
    font-size: 35px
}

h2.titulo-contenidotablas {
    font-size: 26px;
    color: #117a8b;
    font-weight: 700
}

h2.titulos-preguntastabla {
    font-size: 25px;
    color: #123c5d
}

@media screen and (max-width:747px) {
    h2.titulos-preguntastabla {
        font-size: 25px;
        text-align: center
    }
}

@media screen and (max-width:515px) {
    h2.titulos-preguntastabla {
        font-size: 22px
    }
}

@media screen and (max-width:365px) {
    h2.titulo-contenidotablas {
        font-size: 20px
    }
}

.horaviaje {
    text-align: center
}

.text-white2 {
    color: #123c5d
}

.tabla-destinoviaje {
    font-size: 18px
}

@media screen and (max-width:480px) {
    .tabla-destinoviaje {
        font-size: 16px
    }
}

@media screen and (max-width:340px) {
    .tabla-destinoviaje {
        font-size: 13px
    }
}

.listado-preguntas {
    color: #123c5d;
    font-size: 22px
}

@media screen and (max-width:747px) {
    .listado-preguntas {
        font-size: 20px
    }
}

.icontablas-destinos {
    font-size: 35px;
    float: left
}

li.lista-preguntasetn {
    font-size: 20px;
    color: #123c5d;
    font-weight: 400!important
}

@media only screen and (max-width:525px) {
    li.lista-preguntasetn {
        font-size: 18px;
        margin-left: -30px
    }
}

@media only screen and (max-width:768px) {
    .resp caption,
    .resp thead.cabecera,
    .resp tbody.cuerpo,
    .resp tr.contenidouno,
    .resp th.contenidodos,
    .resp td.contenidotres,
    table.resp {
        display: block
    }
    table.resp {
        border: none
    }
    .resp thead.cabecera tr.contenidouno {
        display: none
    }
    .resp tbody.cuerpo tr.contenidouno {
        margin: 1em 0;
        border: 1px solid #2ba6cb
    }
    .resp td.contenidotres {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 45%;
        text-align: left
    }
    .resp tr.contenidouno td.contenidotres:last-child {
        border-bottom: 1px double #ddd
    }
    .resp tr.contenidouno:last-child td.contenidotres:last-child {
        border: none
    }
    .resp td.contenidotres:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 700
    }
    td.contenidotres:nth-of-type(1):before {
        content: "Rutas de Autobús"
    }
    td.contenidotres:nth-of-type(2):before {
        content: "Precio / Desde"
    }
    td.contenidotres:nth-of-type(3):before {
        content: "Horas de viaje"
    }
    td.contenidotres:nth-of-type(4):before {
        content: "Escalas"
    }
    td.contenidotres:nth-of-type(5):before {
        content: "Primer autobús"
    }
    td.contenidotres:nth-of-type(6):before {
        content: "Último autobús"
    }
    td.contenidotres:nth-of-type(7):before {
        content: "Corridas por día"
    }
}

@media only screen and (max-width:500px) {
    .resp td {
        text-align: right
    }
}

.listas-landing-servicios {
    color: #123c5d;
    line-height: 2.5
}

.card-body {
    margin-top: -35px
}

ol.listaslp {
    margin-top: -40px
}

ul.listaslp {
    margin-top: -13px
}

.lugares-destinos {
    margin-top: 30px
}

table.tarifa-viaje {
    max-width: 557px;
    font-weight: 400;
    margin-left: 30px
}

@media only screen and (max-width:416px) {
    table.tarifa-viaje {
        margin-left: 20px
    }
}

h3.guadalajara-centro {
    position: absolute;
    top: 43%;
    left: 55%;
    transform: translate(-50%, -50%)
}

.seccion-centroguadalajara {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/centro-guadalajarajalisco-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-mercadoguadalajara {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/mercado-sanjuan-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-acuario {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/acuario-guadalajara-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-charreria {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/charreria-guadalajarajalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-mariachiguadalajara {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/plaza-de-los-mariachis-result-standard-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-zoologicoguadalajara {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/zoologico-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-ballet {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/ballet-folklorico-guadalajara-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-calandia {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/viajes-calandrias-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-libro {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/guadalajara/feria-libros-guadalajara-jalisco-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

h3.vallarta-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.seccion-vallartauno {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/zona-romantica-vallarta.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartados {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/iglesia-guadalupe-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartatres {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/puerto-vallarta-malecon-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartacuatro {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/plazaarmas-vallarta-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartaaquiles {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/anfiteatro-aquiles-serdán-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartamar {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/marvmontaña-vallarta.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-vallartagaleria {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/puerto-vallarta/galeria-artes-vallarta.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

h3.tlaque-centro {
    position: absolute;
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.seccion-tlaqueuno {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/parque-hidalgo-tlaque-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquedos {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/centro-cultural-refugio-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquetres {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/museo-ceramica-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquecuatro {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/casa-del-artesano-etn.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaqueparian {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/Parian-tlaquepaque.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tlaquerecorridos {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tlaquepaque/recorridoleyendas-tlaquepaque-jalisco.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-lagouno {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/san-juan-lagos/san-juan-feria.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-lagodos {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/san-juan-lagos/mercado-artesania.jfif);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-lagotres {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/san-juan-lagos/fiesta-sanjuan.jfif);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-lagocuatro {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/san-juan-lagos/san-juan-feria.jpeg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalauno {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/plaza-principal-tonala.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalados {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/palacio-municipal.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalatres {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/museo-artesania-tonala.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalacuantro {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/cerrode-la-reina-tonala.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalacinco {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/casa-del-artesano.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

.seccion-tonalaseis {
    border-radius: 8px;
    width: 100%;
    display: inline-block;
    background-color: transparent;
    color: #fff;
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/landings-destinos/tonala/templo-tonala.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 80px;
    padding: 10px;
    height: 170px
}

@media screen and (max-width:1230px) {
    h3.guadalajara-centro {
        font-size: 20px
    }
}

@media screen and (max-width:1230px) {
    h3.guadalajara-centro {
        font-size: 20px
    }
}

@media screen and (max-width:991px) {
    h3.guadalajara-centro {
        font-size: 40px
    }
}

@media screen and (max-width:640px) {
    h3.guadalajara-centro {
        font-size: 21px
    }
}

@media screen and (max-width:506px) {
    h3.guadalajara-centro {
        font-size: 20px
    }
}

@media screen and (max-width:442px) {
    h3.guadalajara-centro {
        font-size: 20px
    }
}

.espacio {
    padding: 15px
}


/*****nuevos css********/

.cd-precios {
    background-color: #ffffffbd;
    padding: 5px;
    margin-left: -20px;
    margin-right: -21px;
}

.dt-viajes {
    color: #117a8b;
}

.dt-ciudad {
    color: #117a8b;
}

.dt-destinos {
    color: #123c5d;
}

.tx-precio {
    color: #123c5d;
    font-size: 22px;
}

@media only screen and (max-width: 992px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 30px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 30px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 40px;
    }
}

@media only screen and (max-width: 810px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 19px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 25px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 25px;
    }
}

@media only screen and (max-width: 566px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 15px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 20px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 20px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 19px;
    }
}

@media only screen and (max-width: 470px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 12px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 16px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 16px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 16px;
    }
}


/*****nuevos css********/


/******* estilos seccion aeropuerto ********/

p.cd-texto-viajeavion {
    font-size: 20px;
    color: #123c5d;
    font-weight: 400;
}

.dt-aeropuerto {
    color: #117a8b;
}

.horario-viaje {
    color: #117a8b;
    text-align: center;
}


/******* estilos seccion aeropuerto ********/


/*****nuevos css********/

.cd-precios {
    background-color: #ffffffbd;
    padding: 5px;
    margin-left: -20px;
    margin-right: -21px;
}

.dt-viajes {
    color: #117a8b;
}

.dt-ciudad {
    color: #117a8b;
}

.dt-destinos {
    color: #123c5d;
}

.tx-precio {
    color: #123c5d;
    font-size: 22px;
}

@media only screen and (max-width: 992px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 30px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 30px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 40px;
    }
}

@media only screen and (max-width: 810px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 19px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 25px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 25px;
    }
}

@media only screen and (max-width: 566px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 15px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 20px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 20px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 19px;
    }
}

@media only screen and (max-width: 470px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 12px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 16px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 16px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 16px;
    }
}


/*****nuevos css********/


/******* estilos seccion aeropuerto ********/

p.cd-texto-viajeavion {
    font-size: 20px;
    color: #123c5d;
    font-weight: 400;
}

.dt-aeropuerto {
    color: #117a8b;
}

.horario-viaje {
    color: #117a8b;
    text-align: center;
}


/******* estilos seccion aeropuerto ********/


/*****nuevos css********/

.cd-precios {
    background-color: #ffffffbd;
    padding: 5px;
    margin-left: -20px;
    margin-right: -21px;
}

.dt-viajes {
    color: #117a8b;
}

.dt-ciudad {
    color: #117a8b;
}

.dt-destinos {
    color: #123c5d;
}

.tx-precio {
    color: #123c5d;
    font-size: 22px;
}

@media only screen and (max-width: 992px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 30px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 30px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 40px;
    }
}

@media only screen and (max-width: 810px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 19px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 25px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 25px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 25px;
    }
}

@media only screen and (max-width: 566px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 15px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 20px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 20px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 19px;
    }
}

@media only screen and (max-width: 470px) {
    .dt-viajes {
        color: #117a8b;
        font-size: 12px;
    }
    .dt-ciudad {
        color: #117a8b;
        font-size: 16px;
    }
    .dt-destinos {
        color: #123c5d;
        font-size: 16px;
    }
    .tx-precio {
        color: #123c5d;
        font-size: 16px;
    }
}


/*****nuevos css********/


/******* estilos seccion aeropuerto ********/

p.cd-texto-viajeavion {
    font-size: 20px;
    color: #123c5d;
    font-weight: 400;
}

.dt-aeropuerto {
    color: #117a8b;
}

.horario-viaje {
    color: #117a8b;
    text-align: center;
}


/******* estilos seccion aeropuerto ********/


  
.logo-doters {
    display: block;
    padding: .5rem 0rem;
    cursor: pointer;
}

.modal-header-doters {
    background-color: #004951;
    color: #fff;
}

.modal-header-doters button.close {
    color: #fff;
    height: 20px;
}

.doters-logo-widget {
    background-image: url(../img/logos/logo-doters.svg);
    background-size: 100px;
    background-repeat: no-repeat;
    height: 30px !important;
    min-width: 100px;
    width: 100px;
    color: #fff;
}

.btn-unete-doters {
    background-color: #2affac;
    color: #000;
    border-radius: 50px;
    font-size: 15px;
}

button.logo-doters img {
    width: 90px;

}

.modal {
    z-index: 3050;
}

.distintivo-desktop {
    width: 70px;
    padding-left: 30px;
    padding-top: 7px;
}

.distintivo-mobile {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .primer-menu nav a img {
        width: 150px;
        height: 20px;
        padding: 0;
        margin: 0;
    }

    button.logo-doters img {
        width: 70px !important;

    }
}


@media only screen and (max-width: 991px) {
    .logo-doters {
        display: none;
    }

    .distintivo-desktop {
        display: none;
    }

    .distintivo-mobile {
        display: block;
        width: 50px;
    }
}

@media only screen and (min-width: 991px) {
    .logo-doters-mobile {
        display: none;
    }
}

button.logo-doters{
    padding-left: 0px !important;
}

.navbar-toggler {
    font-size: 1.25rem;
    line-height: 1;
    border: 3px solid #123c5d;
}

@media only screen and (max-width: 370px) {
    .distintivo-mobile {
        width: 30px;
    }

    .navbar-toggler {
        padding: 0.1rem 0.1rem;
        font-size: 1.25rem;
        line-height: 1;
        border: 2px solid #123c5d;
    }
}

.navbar-nav .nav-item .nav-link{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.despliegue .opciones-menub a.nav-link{
    margin-left: 0px !important;
    margin-right: 0px !important;
}


/* Inician Estilos de landing San Juan de Los Lagos modificación Sube */

.alineacion-4 {
    text-align: justify;
    font-size: 20px;
    padding: 0 15px;
}
.alineacion-1 {
    text-align: left;
    font-size: 18px;
    padding: 0 15px;
}
.alineacion-2 {
    text-align: center!important;
}
.t1 {
    font-size: 35px;
}
.t2 {
    font-size: 26px;
}
.t3 {
    font-size: 22px;
}
.t4 {
    font-size: 18px;
}
.info-center {
    text-align: center!important;
}
.title-sub-margin {
    padding: 0 15px;
}

/* Terminan Estilos de landing San Juan de Los Lagos modificación Sube*/


/* Inician Estilos de Tonala */

.alineacion-justify {
    text-align: justify!important;
    padding: 0 15px;
}
.alineacion-izq {
    text-align: left!important;
    padding: 0 15px;
}
.alineacion-center {
    text-align: center!important;
}

    .t1 {
        font-size: 35px!important;
    }
    .t2 {
        font-size: 26px!important;
    }
    .t3 {
        font-size: 22px!important;
    }
    .t4 {
        font-size: 18px!important;
    }
    .style-none {
        font-weight: normal!important;
    }


    .margin-left {
        margin-left: 20px;
    }
    .img-bancos {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        flex-wrap: wrap;
    }
    .img-bancos div {
        border: solid 1px #003a5d;
        border-radius: 10px;
        padding: 10px;
    }
    .img-bancos img {
        width: 110px;
        height: 40px;
    }
    /* Terminan Estilos de Tonala */