body {
    font-size: 14px!important;
    color: #003B73!important;
    font-family: LatoWeb!important;
    background: #fff!important
}

@font-face {
    font-family: LatoWebBlack;
    font-display: auto;
    src: url(../../fonts/Lato-Black.eot);
    src: url(../../fonts/Lato-Black.eot?#iefix) format('embedded-opentype'), url(../../fonts/Lato-Black.woff2) format('woff2'), url(../../fonts/Lato-Black.woff) format('woff'), url(../../fonts/Lato-Black.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebBlack;
    font-display: auto;
    src: url(../fonts/Lato-BlackItalic.eot);
    src: url(../fonts/Lato-BlackItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-BlackItalic.woff2) format('woff2'), url(../fonts/Lato-BlackItalic.woff) format('woff'), url(../fonts/Lato-BlackItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebBold;
    font-display: auto;
    src: url(../fonts/Lato-Bold.eot);
    src: url(../fonts/Lato-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Bold.woff2) format('woff2'), url(../fonts/Lato-Bold.woff) format('woff'), url(../fonts/Lato-Bold.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebBold;
    font-display: auto;
    src: url(../fonts/Lato-BoldItalic.eot);
    src: url(../fonts/Lato-BoldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-BoldItalic.woff2) format('woff2'), url(../fonts/Lato-BoldItalic.woff) format('woff'), url(../fonts/Lato-BoldItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebHairline;
    font-display: auto;
    src: url(../fonts/Lato-Hairline.eot);
    src: url(../fonts/Lato-Hairline.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Hairline.woff2) format('woff2'), url(../fonts/Lato-Hairline.woff) format('woff'), url(../fonts/Lato-Hairline.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebHairline;
    font-display: auto;
    src: url(../fonts/Lato-HairlineItalic.eot);
    src: url(../fonts/Lato-HairlineItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-HairlineItalic.woff2) format('woff2'), url(../fonts/Lato-HairlineItalic.woff) format('woff'), url(../fonts/Lato-HairlineItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebHeavy;
    font-display: auto;
    src: url(../fonts/Lato-Heavy.eot);
    src: url(../fonts/Lato-Heavy.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Heavy.woff2) format('woff2'), url(../fonts/Lato-Heavy.woff) format('woff'), url(../fonts/Lato-Heavy.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebHeavy;
    font-display: auto;
    src: url(../fonts/Lato-HeavyItalic.eot);
    src: url(../fonts/Lato-HeavyItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-HeavyItalic.woff2) format('woff2'), url(../fonts/Lato-HeavyItalic.woff) format('woff'), url(../fonts/Lato-HeavyItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWeb;
    font-display: auto;
    src: url(../fonts/Lato-Italic.eot);
    src: url(../fonts/Lato-Italic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Italic.woff2) format('woff2'), url(../fonts/Lato-Italic.woff) format('woff'), url(../fonts/Lato-Italic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebLight;
    font-display: auto;
    src: url(../fonts/Lato-Light.eot);
    src: url(../fonts/Lato-Light.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Light.woff2) format('woff2'), url(../fonts/Lato-Light.woff) format('woff'), url(../fonts/Lato-Light.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebLight;
    font-display: auto;
    src: url(../fonts/Lato-LightItalic.eot);
    src: url(../fonts/Lato-LightItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-LightItalic.woff2) format('woff2'), url(../fonts/Lato-LightItalic.woff) format('woff'), url(../fonts/Lato-LightItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebMedium;
    font-display: auto;
    src: url(../fonts/Lato-Medium.eot);
    src: url(../fonts/Lato-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Medium.woff2) format('woff2'), url(../fonts/Lato-Medium.woff) format('woff'), url(../fonts/Lato-Medium.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebMedium;
    font-display: auto;
    src: url(../fonts/Lato-MediumItalic.eot);
    src: url(../fonts/Lato-MediumItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-MediumItalic.woff2) format('woff2'), url(../fonts/Lato-MediumItalic.woff) format('woff'), url(../fonts/Lato-MediumItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWeb;
    font-display: auto;
    src: url(../fonts/Lato-Regular.eot);
    src: url(../fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Regular.woff2) format('woff2'), url(../fonts/Lato-Regular.woff) format('woff'), url(../fonts/Lato-Regular.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebSemibold;
    font-display: auto;
    src: url(../fonts/Lato-Semibold.eot);
    src: url(../fonts/Lato-Semibold.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Semibold.woff2) format('woff2'), url(../fonts/Lato-Semibold.woff) format('woff'), url(../fonts/Lato-Semibold.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebSemibold;
    font-display: auto;
    src: url(../fonts/Lato-SemiboldItalic.eot);
    src: url(../fonts/Lato-SemiboldItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-SemiboldItalic.woff2) format('woff2'), url(../fonts/Lato-SemiboldItalic.woff) format('woff'), url(../fonts/Lato-SemiboldItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebThin;
    font-display: auto;
    src: url(../fonts/Lato-Thin.eot);
    src: url(../fonts/Lato-Thin.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-Thin.woff2) format('woff2'), url(../fonts/Lato-Thin.woff) format('woff'), url(../fonts/Lato-Thin.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: LatoWebThin;
    font-display: auto;
    src: url(../fonts/Lato-ThinItalic.eot);
    src: url(../fonts/Lato-ThinItalic.eot?#iefix) format('embedded-opentype'), url(../fonts/Lato-ThinItalic.woff2) format('woff2'), url(../fonts/Lato-ThinItalic.woff) format('woff'), url(../fonts/Lato-ThinItalic.ttf) format('truetype');
    font-style: italic;
    font-weight: 400;
    text-rendering: optimizeLegibility
}

.encabezado {
    background: #003B73;
}

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

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

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

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

a.nav-link {
    color: #fff!important;
    font-weight: 700!important
}

.bg-light {
    background-color: transparent!important
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 5rem!important;
    padding-left: 1rem!important
}

a.nav-link img.icon {
    width: 18px;
    margin-top: -3px
}

.dropdown-menu {
    background: #2B87C8;
    font-size: 14px;
    z-index: 1100;
}

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

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

.dropdown-item:hover {
    background-color: #FFF;
    color: #2B87C8;
}

.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: 0.6rem!important;
        padding-left: .5rem!important
    }
}

@media screen and (max-width:1264px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.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: 200px
    }
    a.nav-link img.icon {
        width: 14px
    }
}

@media screen and (min-width:992px) and (max-width:1076px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 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: 0rem!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: #003B73;
    text-align: right!important;
    margin-top: 60px;
    left: 0;
    position: absolute;
    text-align: left!important;
    right: 0!important;
    z-index: 3000
}

.despliegue-menub {
    background: #2B87C8;
    color: #fff;
}

.desplegable-menub:hover {
    background-color: #fff;
}

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

.titulo-redessociales {
    font-size: 12px;
    color: #fff;
    font-weight: bolder;
}

.cuadro-boletos {
    background-color: #003B73;
}

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

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

.despliegue-menub a.dropdown-item:hover {
    color: #003B73!important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent
}

.btn-secondary {
    color: #495057;
    background-color: transparent;
    border-color: #495057
}

.cambio-idioma {
    text-align: center!important;
    margin-top: 10px
}

.cambio-idioma img {
    width: 50px!important
}

.idioma {
    text-align: center;
    margin: 0 auto!important;
    float: right;
    padding: .6rem 0;
    margin-right: 30px!important;
    font-size: 20PX
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 4rem;
    padding-left: .5rem
}

nav.active ul li.a a {
    opacity: 1;
    cursor: pointer
}

footer {
    background: #003B73;
    margin-top: 10px
}

.link-footer {
    text-align: center;
}

.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;
    margin-top: 15px;
}

.redes-sociales ul {
    display: inline-flex;
    list-style: none!important;
    padding: 0
}

.redes-sociales ul li {
    padding: 0 10px
}

.redes-sociales ul li a {
    font-size: 40px;
    color: #fff;
}

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

.imagen-chat img {
    width: 60px
}

.contenedor-social {
    text-align: right
}

.contenedor-phone {
    text-align: left
}

@media screen and (max-width:767px) {
    .contenedor-social {
        text-align: center
    }
    .contenedor-phone {
        text-align: center
    }
}

.redes-costa {
    text-align: right;
}

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

.contenedor-phonedos {
    text-align: left;
    margin-left: -48px;
}

article.footer-enlaces {
    background: #fff;
    height: auto;
    padding: 10px;
    color: #003B73;
}

.enlaces-footer {
    background: #003B73;
    color: #fff;
    padding: 20px;
    margin-top: 10px;
}

.enlaces-destinos-costaline {
    text-align: justify;
}

.enlaces-footer a {
    color: #fff;
    font-size: 12px!important font-weight: bold;
}

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

@media screen and (max-width: 767px) {
    h3.footer-title {
        text-align: center;
        font-size: 14px;
    }
    a.enlaces-costaline {
        font-size: 9px;
    }
}

@media screen and (max-width: 575px) {
    h3.footer-title {
        text-align: center;
        font-size: 14px;
    }
    a.enlaces-costaline {
        font-size: 9px;
        text-align: center;
        display: block;
    }
}

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

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

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

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

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

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

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

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

.combo {
    margin-top: 5px;
}

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

.carrusel {
    margin-top: 120px;
    /* z-index:2;*/
}

.carousel-inner {
    z-index: 0 !important;
}

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

@media screen and (max-width:1081px) {
    .carrusel {
        margin-top: 127px;
    }
}

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

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

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

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

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

.primer-banner {
    padding-left: 0
}

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

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

.mini-banner {
    padding-right: 0
}

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

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

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

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

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

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

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

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

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

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

.fondo-iconos {
    font-size: 50px;
    color: #100f0f8a;
    border: 3px solid #3b40448a;
    padding: 20px;
    border-radius: 50px;
}

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

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

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

.evalua-viaje {
    position: fixed;
    display: block;
    top: 544px;
    z-index: 2100;
    border: none;
    background: 0 0;
    padding: 0;
    -webkit-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34);
    -moz-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34);
    box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, .34)
}

.boton-float-evalua {
    width: 40px
}

.boton-flotante {
    width: 120px
}

@media screen and (max-width:500px) {
    .boton-float-evalua {
        display: none
    }
    .boton-flotante {
        display: none
    }
}

.imagen-seguros-asistencias-etn {
    width: 100%
}


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

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

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

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

.serv {
    font-size: 22px!important;
}


/***********   nuevos estilos servicios abordo **********/

.titulo-abordocosta {
    background: #015697;
    color: #fff;
    font-size: 18px;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    text-align: center;
    margin-right: 30px;
    margin-left: 30px;
    margin-top: -24px;
}

#ventanas-autobusescosta {
    font-size: 40px;
    color: #015697;
    margin-top: 30px;
}

img.autobus-futura {
    margin-top: 120px;
}

.contenedor-autobuses {
    background: #0087CA;
    border-radius: 8px 8px 0 0;
    margin-top: -110px;
    padding: 30px;
}

ul.logotipos-autobusescosta {
    justify-content: space-around;
}


/************  fin nuevos estilos servicios abordo ******/

.contenedor-descripción {
    background: #fff;
    border-radius: 8px;
    color: #123c5d;
    text-align: center;
}

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

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

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

.contenido-iconos {
    margin-top: 50px;
    position: relative;
}

.img-marcopolo {
    width: 200px;
}

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

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

.alinear {}

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

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

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

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

#apartado-asientos-6 {
    padding-bottom: 30px!important;
}

#apartado-asientos-7 {
    padding-bottom: 50px!important;
}

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

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

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: rgba(0, 123, 255, .25);
}

.img-eclipse {
    width: 200px;
}

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

.img-grand {
    width: 200px;
}

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

.img-luxury {
    width: 200px;
}

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

.marco-polo {
    padding: 0px 20px;
}

.marco-polo:hover {
    background-color: #003B73!important;
    border-radius: 8px;
}

.eclipsee {
    padding: 0px 20px;
}

.eclipsee:hover {
    background-color: #003B73;
    border-radius: 8px;
}

.grandd {
    padding: 0px 20px;
}

.grandd:hover {
    background-color: #003B73;
    border-radius: 8px;
}

.luxuryy {
    padding: 0px 20px;
}

.luxuryy:hover {
    background-color: #003B73;
    border-radius: 8px;
}

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

@media screen and (max-width: 1000px) {
    #span-eclipse {
        font-size: 15px;
    }
    #span-grand {
        font-size: 15px;
    }
    #span-marco {
        font-size: 15px;
    }
    #span-luxury {
        font-size: 15px;
    }
}

@media screen and (max-width: 989px) {
    .img-marcopolo {
        width: 131px;
    }
    .img-eclipse {
        width: 131px;
    }
    .img-grand {
        width: 131px;
    }
    .img-luxury {
        width: 131px;
    }
    #span-eclipse {
        font-size: 12px;
    }
    #span-grand {
        font-size: 12px;
    }
    #span-marco {
        font-size: 12px;
    }
    #span-luxury {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .img-marcopolo {
        width: 80px;
    }
    .img-eclipse {
        width: 80px;
    }
    .img-grand {
        width: 80px;
    }
    .img-luxury {
        width: 80px;
    }
    #span-eclipse {
        font-size: 10px;
    }
    #span-grand {
        font-size: 10px;
    }
    #span-marco {
        font-size: 10px;
    }
    #span-luxury {
        font-size: 10px;
    }
    .marco-polo {
        padding: 0px 0px;
    }
    .eclipsee {
        padding: 0px 0px;
    }
    .grandd {
        padding: 0px 0px;
    }
    .luxuryy {
        padding: 0px 0px;
    }
}

@media screen and (max-width: 509px) {
    .img-marcopolo {
        width: 130px;
    }
    .img-eclipse {
        width: 130px;
    }
    .img-grand {
        width: 130px;
    }
    .img-luxury {
        width: 130px;
    }
    #span-eclipse {
        font-size: 9px;
    }
    #span-grand {
        font-size: 9px;
    }
    #span-marco {
        font-size: 9px;
    }
    #span-luxury {
        font-size: 9px;
    }
}

@media screen and (max-width: 429px) {
    .img-marcopolo {
        width: 120px;
    }
    .img-eclipse {
        width: 120px;
    }
    .img-grand {
        width: 120px;
    }
    .img-luxury {
        width: 120px;
    }
    #span-eclipse {
        font-size: 6px;
    }
    #span-grand {
        font-size: 6px;
    }
    #span-marco {
        font-size: 6px;
    }
    #span-luxury {
        font-size: 6px;
    }
}


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


/**********************************************************************INICIO DE ESTILOS TIPOS DE BOLETOS*****************************************************************************/

.icon-boleto {
    width: 40px;
}

.boletos-autobus {
    text-align: center;
    font-size: 30px;
    padding-top: 10px;
    font-weight: bold;
}

.titulos-boletos {
    text-align: center;
    font-size: 18px;
    color: #003B73;
    font-weight: bold;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.box-t-boleto {
    padding: 17px 15px !important;
    margin-bottom: 7px !important;
    border-bottom: 2px solid #eee !important;
    background: #fff;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.t-boleto {
    font-size: 18px;
    color: #003B73!important;
    text-align: justify;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}


/*.collapse {
    display: none;
}*/

.cont-destinos {
    background: #fff;
    margin-top: 10px!important;
    text-align: justify;
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.icon-t-boleto {
    float: right!important;
    font-size: 30px!important;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
}


/************************************************************************FIN DE ESTILOS TIPOS DE BOLETOS****************************************************************************/


/**********************************************************************INICIO DE ESTILOS ACERCA DE NOSOTROS**************************************************************************/

.contenedor-acerca {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

@media screen and (max-width: 400px) {
    .contenedor-acerca {
        padding-left: 1px !important;
        padding-right: 1px !important;
    }
}

.section-info {
    text-align: center;
}

.quienes-somos {
    font-size: 18px;
    text-align: justify;
}

.valor1 {
    text-align: center;
}

.valor {
    text-align: justify;
    font-size: 16px;
}

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

.valores {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.vlr {
    text-align: center!important;
    font-size: 22px;
}

.contenedor-filtros {}


/**********************************************************************FIN ESTILOS ACERCA DE NOSOTROS*******************************************************************************/


/****************************************************************************INICIO ESTILOS DONDE COMPRAR*****************************************************************************/

.grow:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.cont-donde-comprar {
    background: #fff;
    margin-top: 10px!important;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.boletos-autobus {
    text-align: center;
    font-size: 30px;
    padding-top: 30px;
    font-weight: bold;
}

hr.linea {
    margin-top: 2rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #eee;
    margin: 20px;
    border-radius: 300px;
}

.verticalLine {
    border-left: outset;
}

.ico-bolsa {
    height: 100px;
}

.op-comprar {
    color: #003B73!important;
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    /**margin-bottom: 40px;**/
}

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

.OXXO {
    text-align: center;
    font-size: 1.2rem;
    padding-top: 15px;
}

.tres-ico {
    width: 4%;
    padding-bottom: 6px;
}

.cuatro-ico {
    width: 40%;
    display: block;
    margin: auto;
}

.cinco-ico {
    width: 35%;
    display: block;
    margin: auto;
}

.div-imagen {
    display: inline-block;
    position: relative;
}

.div-imagen>div {
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    padding: 15px;
    margin: 0;
    color: #000000;
    text-align: center;
}

p {
    font-size: 18px;
}

.desvanecer:hover {
    opacity: 0.03;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    transition: opacity 500ms;
}

.desvanecer {
    width: 40%;
    padding-top: 6px;
}

.btn-link:hover {
    color: #2B87C8;
    text-decoration: none;
}

@media screen and (max-width: 1300px) {
    p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1065px) {
    p {
        font-size: 18px;
    }
}

@media screen and (max-width: 1028px) {
    p {
        font-size: 18px;
    }
}

@media screen and (max-width: 810px) {
    p {
        font-size: 18px;
    }
}

@media screen and (max-width: 767px) {
    .cuatro-ico {
        width: 25%;
    }
    .cinco-ico {
        width: 25%;
    }
    .desvanecer {
        width: 25%;
    }
    p {
        font-size: 18px;
    }
    .div-imagen>div {
        padding: 8px;
    }
}

@media screen and (max-width: 720px) {
    p {
        font-size: 17px;
    }
}

@media screen and (max-width: 682px) {
    p {
        font-size: 16px;
    }
}

@media screen and (max-width: 620px) {
    p {
        font-size: 17px;
    }
}

@media screen and (max-width: 500px) {
    p {
        font-size: 17px;
    }
}

@media screen and (max-width: 425px) {
    p {
        font-size: 17px;
    }
}

@media screen and (max-width: 290px) {
    p {
        font-size: 17px;
    }
}


/*****************************************************************************FIN DE ESTILOS DONDE COMPRAR***************************************************************************/


/******************************************************************** INICIO ESTILOS DE PUNTOS DE VENTA ESCLUSIVOS*******************************************************************/

.tam-img {
    width: 250px;
    /* margin-bottom: -70px;
    margin-top: -70px;*/
    text-align: center;
    display: block;
    margin: auto;
    margin-top: -50px;
    margin-bottom: -50px;
}

.select-pnt {
    text-align: center;
}

@media screen and (max-width: 350px) {
    .tam-img {
        width: 150px;
        /* margin-top: -50px;*/
        margin-bottom: -50px;
    }
}

.venta-exclusiva {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin-top: 25px;
    /*margin-bottom: 70px;*/
}

.negritas {
    font-weight: bold;
}

.titulo-seleccionar {
    font-size: 15px;
    font-weight: 500;
}

.seleccione-estado {
    background: #003B73!important;
    color: #fff!important;
    border-radius: 8px;
}

.todos-estados {
    color: #123c5d!important;
}

.campo-venta-exclusiva {
    background: #eee;
    margin-bottom: 100px;
    color: #123c5d;
    font-size: 17px;
}

.cont-destinos {
    background: #fff;
    margin-top: 10px!important;
}

.cs-select span,
.cs-select2 span {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 12px 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}


/************************************************************************** AQUI TERMINA ESTILOS PUNTOS DE VENTA EXCLUSIVO ***********************************************************/


/******************************************************************************INICIO DE ESTILOS CONTAC CENTER***********************************************************************/

.negritas {
    font-weight: bold;
}

*,
 ::after,
 ::before {
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .t-contact-center {
        font-size: 25px;
    }
}

.t-contact-center {
    text-align: center;
    font-size: 30px;
    padding-top: 30px;
    font-weight: 500;
}

element.style {}

.sala-espera {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #003B73;
    padding-bottom: 20px;
    padding-top: 20px;
}

.contact-center {
    text-align: center;
    margin: 0 auto;
}

.ico-center {
    width: 100px;
    border-radius: 12px;
}

.text-cont-center {
    font-size: 18px;
    text-align: center;
}

.center-texto {
    font-size: 18px;
    text-align: justify;
    padding-top: 30px;
}

.llama-center {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 50px;
    color: #003B73;
}

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


/********************************************************************FIN DE ESTILOS CONTAC CENTER************************************************************************************/


/***********************************************************************INICIO ESTILOS AGENCIAS*************************************************************************************/

.agen {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}


/*

.seleccione{
    font-size: 22px;
}

.seleccione-estado {
    background: #003B73!important;
    color: #fff!important;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    padding: 10px;
}*/


/************************************************************************ AQUI TERMINAN ESTILOS AGENCIAS **************************************************************************/


/************************************************************************** AQUI INICIA ESTILOS TAQUILLAS ************************************************************************/

.imagen-mapa {
    text-align: center;
    margin: 0 auto;
}

.bol-space-taquillas {
    padding-top: 10px;
    padding-bottom: 30px;
}

.bol-space-taquillas2 {
    padding-top: 10px;
    padding-bottom: 30px;
}

#text-estados {
    color: #123c5d;
    font-size: 18px;
}

.text-center {
    text-align: center!important;
    color: #123c5d;
    font-size: 26px;
}

.icon-mapa {
    width: 100%;
}

.taquillas-contexto {
    background: #2B87C8;
    border-radius: 12px;
    height: auto;
    padding-top: 85px;
    margin-bottom: 30px;
    margin-top: 10px;
    color: #fff;
}

@media screen and (max-width: 1240px) {
    .taquillas-contexto {
        padding-top: 83px;
    }
}

@media screen and (max-width: 1231px) {
    .taquillas-contexto {
        padding-top: 80px;
    }
}

@media screen and (max-width: 1223px) {
    .taquillas-contexto {
        padding-top: 79px;
    }
}

@media screen and (max-width: 1213px) {
    .taquillas-contexto {
        padding-top: 76px;
    }
}

@media screen and (max-width: 1200px) {
    .taquillas-contexto {
        padding-top: 70px;
    }
}

@media screen and (max-width: 1196px) {
    .taquillas-contexto {
        padding-top: 67px;
    }
}

@media screen and (max-width: 1193px) {
    .taquillas-contexto {
        padding-top: 71px;
    }
}

@media screen and (max-width: 1180px) {
    .taquillas-contexto {
        padding-top: 66px;
    }
}

@media screen and (max-width: 1175px) {
    .taquillas-contexto {
        padding-top: 64px;
    }
}

@media screen and (max-width: 1170px) {
    .taquillas-contexto {
        padding-top: 64px;
    }
}

@media screen and (max-width: 1161px) {
    .taquillas-contexto {
        padding-top: 60px;
    }
}

@media screen and (max-width: 1153px) {
    .taquillas-contexto {
        padding-top: 58px;
    }
}

@media screen and (max-width: 1148px) {
    .taquillas-contexto {
        padding-top: 55px;
    }
}

@media screen and (max-width: 1144px) {
    .taquillas-contexto {
        padding-top: 55px;
    }
}

@media screen and (max-width: 1140px) {
    .taquillas-contexto {
        padding-top: 55px;
    }
}

@media screen and (max-width: 1126px) {
    .taquillas-contexto {
        padding-top: 50px;
    }
}

@media screen and (max-width: 1116px) {
    .taquillas-contexto {
        padding-top: 47px;
    }
}

@media screen and (max-width: 1104px) {
    .taquillas-contexto {
        padding-top: 43px;
    }
}

@media screen and (max-width: 1086px) {
    .taquillas-contexto {
        padding-top: 38px;
    }
}

@media screen and (max-width: 1074px) {
    .taquillas-contexto {
        padding-top: 36px;
    }
}

@media screen and (max-width: 1061px) {
    .taquillas-contexto {
        padding-top: 31px;
    }
}

@media screen and (max-width: 1056px) {
    .taquillas-contexto {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1054px) {
    .taquillas-contexto {
        padding-top: 30px;
    }
}

@media screen and (max-width: 1052px) {
    .taquillas-contexto {
        padding-top: 28px;
    }
}

@media screen and (max-width: 1050px) {
    .taquillas-contexto {
        padding-top: 28px;
    }
}

@media screen and (max-width: 1046px) {
    .taquillas-contexto {
        padding-top: 24px;
    }
}

@media screen and (max-width: 1041px) {
    .taquillas-contexto {
        padding-top: 24px;
    }
}

@media screen and (max-width: 1039px) {
    .taquillas-contexto {
        padding-top: 0px;
    }
}

@media screen and (max-width: 1038px) {
    .taquillas-contexto {
        padding-top: 32px;
        height: 279px;
    }
    .bol-space-taquillas {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    .imagen-mapa {
        height: auto;
    }
    .taquillas-contexto {
        padding-top: 25px;
        margin-bottom: 30px;
        padding-bottom: 2px;
        height: auto;
    }
}

@media screen and (max-width: 1021px) {
    .taquillas-contexto {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1004px) {
    .taquillas-contexto {
        padding-top: 18px;
    }
}

@media screen and (max-width: 1000px) {
    .taquillas-contexto {
        padding-top: 14px;
    }
}

@media screen and (max-width: 995px) {
    .taquillas-contexto {
        padding-top: 13px;
    }
}

@media screen and (max-width: 991px) {
    .imagen-mapa {
        clip-path: circle();
    }
}


/************************************************************************** AQUI TERMINA ESTILOS TAQUILLAS***************************************************************************/

.icon-taquillas {
    width: 37px;
    padding-bottom: 5px;
}


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

.boletos-indexcosta {
    color: #fff!important;
    font-weight: 700!important;
}

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

.numeros-costaline {
    text-align: left;
}

.telefono {
    font-size: 21px;
    line-height: 30px;
    font-weight: bold;
}

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


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


/************************************************************************** AQUI INICIAN ESTILOS DESTINOS-15%************************************************************************/

#resultados {
    display: none;
    width: 100%;
    margin-top: 100px;
    color: #fff;
    padding: 10px;
    font-size: 20px;
}

.selectores {
    text-align: center;
}

.cs-select ul span,
.cs-select2 ul span {
    padding: 1em;
    text-align: center;
}

.icon-taquillas {
    width: 37px;
    padding-bottom: 5px;
}

.cs-skin-overlay.cs-active li.cs-optgroup {
    text-align: center;
}

.bloque02 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    padding: 50px 0;
}

.container {
    width: 100%;
    max-width: 1441px;
    padding-left: 30px!important;
    padding-right: 30px!important;
}

@media screen and (max-width: 570px) {
    .icon-boleto {
        width: 50px;
    }
    .boletos-autobus {
        font-size: 30px;
    }
    .venta-exclusiva {
        font-size: 20px;
    }
}

@media screen and (max-width: 430px) {
    .icon-boleto {
        width: 40px;
    }
    .boletos-autobus {}
}

@media screen and (max-width: 320px) {
    .icon-boleto {
        width: 35px;
    }
    .boletos-autobus {
        font-size: 15px;
    }
    .venta-exclusiva {
        font-size: 19px;
    }
}


/************************************************************************** AQUI TERMINAN ESTILOS DESTINOS-15%***********************************************************************/


/************************************************************************** AQUI INICIAN ESTILOS DESTINOS-10%************************************************************************/

.blanc {
    font-size: 40px;
}

.destinos-table {
    text-align: center;
    font-size: 18px;
}

@media screen and (max-width: 510px) {
    .destinos-table {
        font-size: 15px;
    }
}

.cs-skin-overlay .cs-options {
    position: fixed;
    width: 100%;
    height: 70%;
    top: 20%;
    left: 0%;
    overflow: hidden;
    overflow-y: auto;
    background: rgba(62, 152, 231, 0.80);
    color: #fff;
}


/************************************************************************** AQUI TERMINAN ESTILOS DESTINOS-10%************************************************************************/


/************************************************************************** AQUI INICIAN ESTILOS AGENCIAS ***************************************************************************/

.banner-agen {
    border-radius: 12px;
}

.show-grid {
    color: #123c5d!important;
}

a.ti-agencias {
    color: #123c5d;
    text-decoration: underline;
    background: #eee;
    -webkit-text-decoration-skip: objects;
    font-weight: 500;
    padding-left: 100px;
    font-size: 25px;
}

a.ti-agencias-2 {
    color: #123c5d;
    text-decoration: underline;
    background: #eee;
    -webkit-text-decoration-skip: objects;
    font-weight: 500;
    padding-left: 100px;
    font-size: 25px;
}

.estado {
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 22px;
    color: #123c5d;
}

.seleccione {
    font-size: 20px;
    height: 50px;
    padding-top: 10px;
}

.edo-select {
    margin-top: 0px;
}

@media screen and (max-width: 1023px) {
    #select_edo {
        margin-top: 24px;
    }
    .seleccione {
        height: auto;
    }
}

@media screen and (max-width: 868px) {
    .ti-agencias {
        padding-left: 80px;
        font-size: 23px;
    }
    .panel-group {
        font-size: 19px;
    }
}

@media screen and (max-width: 790px) {
    .ti-agencias {
        padding-left: 55px;
        font-size: 22px;
    }
    .panel-group {
        font-size: 17px;
    }
}

@media screen and (max-width: 767px) {
    .form-busqueda {
        text-align: center!important;
    }
    #select_edo {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 453px) {
    .ti-agencias {
        font-size: 20px;
    }
    .panel-estados {
        font-size: 14px;
    }
    .estado {
        font-size: 25px;
    }
    .seleccione {
        font-size: 17px;
    }
}

@media screen and (max-width: 398px) {
    .estado {
        font-size: 22px;
    }
    .ti-agencias {
        font-size: 19px;
    }
}


/************************************************************************** AQUI TERMINAN ESTILOS AGENCIAS *************************************************************************/


/***************************************************************************INICIO DE ESTILOS SALA DE ESPERA************************************************************************/

.btn-sala {
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    margin-bottom: 30px;
}

.sala-espe {
    color: #003B73;
    background: #fff;
    border-radius: 8px;
    border: 1px solid transparent;
    height: 200px;
    border-color: #fff;
}

.img-sala-espera {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #6BC0AC;
    margin: 0 auto;
}

.ico-sala-espera2 {
    width: 100px;
}


/*.ico-sala-esp{
    width: 100px;
    padding-top: 25px;
}
.aire{
    font-size: 10px;
    padding-top: 10px;
}
*/

.sala-espera {
    margin-bottom: 20px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #003B73;
    padding-bottom: 0px;
    padding-top: 0px;
}

#nbot {
    padding-top: 10px!important;
}

@media screen and (max-width: 880px) {
    .btn-sala {
        font-size: 14px!important;
    }
    .sala-espe {
        height: 230px;
    }
}


/*****************************************************************FIN DE ESTILOS SALAS DE ESPERA*************************************************************************************/


/***************************************************************  **INICIO DE ESTILOS WALAMART**************************************************************************************/

.walmart {
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}

.contenido-tiendas {
    display: block;
    margin: 0 auto;
    text-align: center;
}

img.tiendas-paynet {
    text-align: center;
    width: 500px;
}

@media screen and (max-width: 500px) {
    img.tiendas-paynet {
        width: 80%;
    }
}

.pag-ref img {
    width: 100%;
}

.text-pag-ref {
    text-align: justify;
    padding-top: 10px;
}

.contenedor-error {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 10px;
    height: 600px;
}

h2.error {
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
}

h2.titulo-mundial {
    font-family: 'Roboto';
    font-size: 18px;
    margin-top: 0;
    font-weight: normal;
    color: #003B73;
    text-align: center;
}

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

.evalua-viaje {
    position: fixed;
    display: block;
    top: 544px;
    z-index: 2100;
    border: none;
    background: transparent;
    padding: 0;
    -webkit-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
    -moz-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
    box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
}

.boton-float-evalua {
    width: 40px;
}

.boton-flotante {
    width: 120px;
}

@media screen and (max-width: 500px) {
    .boton-float-evalua {
        display: none;
    }
    .boton-flotante {
        display: none;
    }
}

.imagen-seguros-asistencias-etn {
    width: 100%;
}


/***************************************************************************FIN DE ESTILOS WALMART*********************************************************************************/


/************************************************************************** AQUI INICIA ESTILOS PROMOCIONES***********************************************************************/

.promo1 {
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding-top: 30px;
}

.img-thumbnail {
    clip-path: circle();
    width: 70%;
    padding: 0;
    display: block;
    margin: auto;
}

.img-thumbnail-des {
    width: 90%;
    margin-left: 17px;
}

.verticalLine {
    border-left: outset;
}

.icon-prom {
    width: 18px!important;
    text-align: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.text-promo {
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
    background: #fff;
    height: 140px;
    color: #003B73;
    text-align: center;
}

.consulta-promociones {
    height: 284px;
    padding-top: 1px;
    font-size: 18px;
    color: #003B73;
    padding-left: 160px;
}

.link-promociones {
    font-size: 16px;
    padding-bottom: 7px;
    color: #123c5d;
    text-decoration: underline;
    font-weight: bold;
}

.prom-aplica {
    text-align: justify;
    font-size: 18px;
    color: #123c5d;
}


/*h1{
    text-align: center;
    text-align: center!important;
    font-size: 26px!important;
    padding-top: 30px;
    font-weight: bold!important;
   
}*/

@media screen and (max-width: 1200px) {
    .consulta-promociones {
        font-size: 15px;
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 1039px) {
    .link-promociones {
        font-size: 15px;
        padding-left: 100px;
        padding-right: 100px;
    }
}


/************************************************************************** AQUI INICIAN ESTILOS AVISO PRIVACIDAD****************************************************************/

.priv {
    text-align: justify;
    font-size: 18px;
    color: #003B73;
    padding-left: 30px!important;
    padding-right: 30px;
}

.contactc {
    text-align: center;
}

.subt-priv {
    text-align: justify;
    font-size: 20px;
    padding-left: 30px;
    font-weight: bold;
    padding-right: 30px;
}


/**
.intro{
    text-align: justify!important;
}
.section-info-privacidad {
    text-align: justify;
    font-size: 18px;
    font-weight: 500;
    padding-top: 20px;
}

.quienes-somos{
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: justify;
    font-size: 18px;
    }

#datos-aviso{
    font-size: 18px;
    text-align: justify;
}

/************************************************************************** AQUI TERMINAN ESTILOS AVISO PRIVACIDAD****************************************************************/

.contenido-tiendas {
    display: block;
    margin: 0 auto;
    text-align: center;
}

img.tiendas-paynet {
    text-align: center;
    width: 500px;
}

@media screen and (max-width: 500px) {
    img.tiendas-paynet {
        width: 80%;
    }
}

.pag-ref img {
    width: 100%;
}

.contenedor-error {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 10px;
    height: 600px;
}

h2.error {
    padding-bottom: 15px;
    padding-top: 20px;
    text-align: center;
    font-size: 18px;
}

h2.titulo-mundial {
    font-family: 'Roboto';
    font-size: 18px;
    margin-top: 0;
    font-weight: normal;
    color: #292b2c;
    text-align: center;
}

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

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

.evalua-viaje {
    position: fixed;
    display: block;
    top: 544px;
    z-index: 2100;
    border: none;
    background: transparent;
    padding: 0;
    -webkit-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
    -moz-box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
    box-shadow: 2px -1px 2px 1px rgba(230, 230, 230, 0.34);
}

.boton-float-evalua {
    width: 40px;
}

.boton-flotante {
    width: 120px;
}

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

@media screen and (max-width: 500px) {
    .boton-float-evalua {
        display: none;
    }
    .boton-flotante {
        display: none;
    }
}

.imagen-seguros-asistencias-etn {
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .consulta-promociones {
        font-size: 13px;
        padding-left: 100px;
        padding-right: 100px;
    }
    .link-promociones {
        font-size: 14px;
    }
}

@media screen and (max-width: 867px) {
    .consulta-promociones {
        height: 200px;
        font-size: 12px;
        /*padding-left: 215px;
    padding-right: 100px;*/
    }
}

@media screen and (max-width: 791px) {
    .consulta-promociones {
        height: 228px;
        font-size: 11px;
        /*adding-left: 210px;
    padding-right: 100px;*/
    }
    .prom-aplica {
        font-size: 12px;
    }
    .text-promo {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .consulta-promociones {
        font-size: 16px;
        margin-bottom: -80px;
        padding-left: 200px;
        padding-right: 100px;
    }
    .prom-aplica {
        font-size: 17px;
    }
    .text-promo {
        font-size: 19px;
        height: 100px;
    }
    .link-promociones {
        font-size: 22px;
    }
}

@media screen and (max-width: 700px) {
    .consulta-promociones {
        height: 250px;
        padding-left: 180px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 612px) {
    .consulta-promociones {
        height: 250px;
        padding-left: 150px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 550px) {
    .consulta-promociones {
        height: 250px;
        padding-left: 150px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 496px) {
    .consulta-promociones {
        font-size: 13px;
        padding-left: 100px;
        padding-right: 100px;
    }
    .link-promociones {
        font-size: 20px;
    }
}

@media screen and (max-width: 400px) {
    .sala-espera {
        font-size: 17px;
    }
    .text-promo {
        font-size: 16px;
    }
    .link-promociones {
        font-size: 13px;
    }
    .consulta-promociones {
        font-size: 11px;
        padding-left: 120px;
        padding-right: 100px;
    }
}

@media screen and (max-width:400px) {
    .consulta-promociones {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media screen and (max-width: 330px) {
    .sala-espera {
        font-size: 17px;
    }
    .text-promo {
        font-size: 16px;
    }
    .link-promociones {
        font-size: 13px;
    }
    .consulta-promociones {
        font-size: 11px;
        padding-left: 80px;
        padding-right: 50px;
        padding-top: 10px;
    }
}

@media screen and (max-width: 308px) {
    .consulta-promociones {
        padding-left: 70px;
        padding-right: 40px;
    }
}

@media screen and (min-width: 200px) and (max-width: 290px) {
    .consulta-promociones {
        padding-left: 70px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 280px) {
    .consulta-promociones {
        padding-left: 45px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 263px) {
    .consulta-promociones {
        padding-left: 32px;
        padding-right: 40px;
    }
}

@media screen and (max-width: 250px) {
    .consulta-promociones {
        padding-left: 25px;
        padding-right: 8px;
        padding-top: 30px;
    }
}

@media screen and (max-width: 223px) {
    .consulta-promociones {
        padding-left: 18px;
        padding-right: 8px;
        padding-top: 30px;
    }
}


/**************************************************************************FIN ESTILOS AVISO DE PRIVACIDAD***********************************************************************/


/************************************************************************** AQUI INICIA ESTILOS BOLETOS DE AUTOBUS ************************************************************/

.contenedor-boleto {
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 10px;
}

.bol-space {
    padding-top: 10px;
}

.boletos-autobus {
    text-align: center font-size: 30px;
    padding-top: 30px;
    font-weight: bold;
}

@media screen and (max-width: 570px) {
    .boletos-autobus {
        font-size: 30px !important;
    }
}

.boletos-autobus-promociones-etn {
    text-align: center!important;
    font-size: 20px!important;
    padding-top: 30px;
    font-weight: bold!important;
}

.icon-boleto {
    width: 40px;
    display: block;
    margin: auto;
}

hr.linea {
    margin-top: 2rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #eee;
    margin: 20px;
    border-radius: 300px;
}

.titulos-boletos {
    text-align: center;
    font-size: 22px;
    color: #123c5d;
    font-weight: bold;
}

.boleto-confirmado {
    padding-left: 17%;
}

.t-boleto {
    font-size: 18px;
    color: #123c5d!important;
    text-align: justify;
}

.box-t-boleto {
    padding: 20px 18px;
    margin-bottom: 7px;
    border-bottom: 2px solid #eee;
    background: #fff;
}

.bol-ico {
    font-size: 12px;
}

.svg-inline--fa.fa-w-10.icon-t-boleto {
    float: right;
    font-size: 30px;
}


/************************************************************************** AQUI TERMINA ESTILOS BOLETOS DE AUTOBUS ***********************************************************/


/**************************************************************************************PRIVACIDAD******************************************************************************/

.contac {
    text-align: center;
}

.intro {
    text-align: justify!important;
}

ul {
    text-align: justify;
}

.tituo {
    text-align: right;
}

h6.intro {
    text-align: justify!important;
}

h6 {
    text-align: justify;
}

.contenedor-donde-comprar {
    /*margin-top: 50px;*/
}


}

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

/* nuevos cambios */
@media screen and (max-width: 375px) {
    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }
}
@media screen and (max-width: 324px) {
    .navbar-toggler-icon {
        width: .5em;
        height: .5em;
    }
}
.navbar-light .navbar-toggler {
    background: aliceblue;
}

/**estilos para posponer carga de imágnes*****/
.lazyLoad {
    /* width: 100%;*/
    
    opacity: 0;
}
.visible {
    transition: opacity 1000ms ease;
    opacity: 1;
}

/***********END estilos carga de imágenes************/

/*  ... */
.contenidos-pagosref {
    text-align: center;
}
.text-pag-ref {
    font-size: 14px !important;
}
.contenido-buenfin {
    text-align: center;
}
img.buenfin {
    width: 80%;
}
p.texto-descuentos {
    color: #123c5d;
    font-size: 18px;
    padding: 25px;
    text-align: center;
}
#frases-descuentos {
    color: #123c5d;
    font-weight: bold;
}
.viajero-anticipado {
    text-align: center;
}
.viajero-etn {
    color: #123c5d;
    font-size: 16px;
    text-align: justify;
    font-size: 16px;
}
img.tarifas-seguro {
    width: 100%;
}

/*****************ESTILOS HOME**************************/

/*.flex-container {
    display: flex;
    align-items: stretch;
    background-color: #f1f1f1;
  }
  
  .flex-container > div {
    background-color: #2125294d;
    color: white;
    width: 100px;
    height: 400px;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
  }
  .h2servicios{
      padding-top: 50%;
      
  }
  .img-predefinida{
      width: 10%;
      padding-top: 10px;
      padding-left: 10px;
  }
  .img-renta{
      width: 40%;
      padding-left: 50px;
  }
  .logo-turistar{
      width: 40%;
      padding-left: 20px;
  }
/****************FIN DE ESTILOS HOME********************/

/*****************************************************INICIO DE ESTILOS HOME 2020*************************************************************/
@media screen and (min-width:2000px) {
    .flex-container>div {
        height: 550px !important;
    }
    
    .text-renta {
        font-size: 35px !important;
    }
}
.flex-container {
    display: flex;
    align-items: stretch;
    background-color: #fff;
}
.flex-container>div {
    background-color: #0607084d;
    color: white;
    width: 100px;
    height: 480px;
    margin: 5px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}
.renta-bus {
    width: 32%;
    margin-right: 50px;
}
.turismo {
    width: 35%;
}
.col-personal {
    /*border-top-right-radius: 150px;*/
    
    margin-top: 8px !important;
    background-color: #eee !important;
}
.col-personal2 {
    /* border-bottom-left-radius: 150px;*/
    
    margin-top: 8px !important;
}
.col-personal3 {
    /*border-bottom-right-radius: 150px;*/
    
    margin-top: 8px !important;
}
.h2servicios {
    padding-top: 25%;
    font-size: 75px;
    padding-bottom: 88px;
    color: #003B73;
    font-weight: bold;
}
.img-predefinida {
    width: 4%;
    padding-top: 10px;
    padding-left: 10px;
}
.img-renta {
    width: 25%;
    margin-left: -360px;
    margin-top: -80px;
    margin-bottom: 20px;
}
.logo-turistar {
    width: 40%;
    margin-right: -185px;
    margin-top: -155px;
    margin-bottom: -15px;
}
.text-renta {
    margin-top: 20px !important;
    margin-bottom: 10px;
    color: #003B73;
    font-weight: bold;
    font-size: 40px;
}
.bg-etn-turistar {
    color: #fff;
    background-color: #093B59;
    border-color: #093B59;
}
.bg-etn-turistar:hover {
    color: #fff;
    background-color: rgb(15, 82, 124);
    border-color: #093B59;
}
.btn-large-2 {
    padding: 10px 45px 10px 45px;
    background-color: #003b73 !important;
    border-color: #003b73 !important;
    font-size: 20px;
}
.img-descuentos {
    width: 10%;
    margin-top: 10px;
}
.descuento-2 {
    text-align: left;
    padding-top: 30px;
    color: #FFF;
    font-size: 23px;
}
.img-banner3 {
    width: 52%;
    padding-bottom: 30px;
    margin-top: -80px;
}
.img-banner32 {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}
.img-autobus {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}
.col-personal4 {
    background-color: #ffa207 !important;
}
.col-personal5 {
    background-color: #003b73 !important;
}
.texto-pie-imagen {
    margin-bottom: 5px !important;
}
@media screen and (max-width:1700px) {
    .text-renta {
        font-size: 35px;
    }
    
    .flex-container>div {
        height: 430px;
    }
}
@media screen and (max-width:1600px) {
    .text-renta {
        font-size: 30px;
    }
    
    .flex-container>div {
        height: 410px;
    }
}
@media screen and (max-width:1500px) {
    .texto-pie-imagen {
        font-size: 15px;
    }
    
    .flex-container>div {
        height: 375px;
    }
    
    .logo-turistar {
        margin-top: -115px;
    }
    
    .img-renta {
        margin-left: -300px;
    }
    
    .btn-large-2 {
        font-size: 15px;
    }
}
@media screen and (max-width:1400px) {
    .btn-large-2 {
        font-size: 15px;
    }
    
    .flex-container>div {
        height: 365px;
    }
    
    .renta-bus {
        margin-right: 30px;
    }
    
    .h2servicios {
        padding-top: 16%;
    }
}
@media screen and (max-width:1370px) {
    .img-renta {
        margin-left: -230px;
    }
    
    .logo-turistar {
        margin-right: -140px;
    }
    
    .text-renta {
        font-size: 30px;
    }
}
@media screen and (max-width:1300px) {
    .img-renta {
        margin-left: -230px;
    }
    
    .logo-turistar {
        margin-right: -140px;
    }
    
    .text-renta {
        font-size: 30px;
    }
    
    .flex-container>div {
        height: 350px;
    }
    
    .h2servicios {
        padding-top: 31%;
        font-size: 50px;
    }
}
@media screen and (max-width:1200px) {
    .text-renta {
        margin-top: 12px !important;
        margin-bottom: 10px;
    }
    
    .img-predefinida {
        width: 5px;
    }
    
    .renta.bus {
        width: 25%;
    }
    
    .flex-container>div {
        height: 320px;
    }
    
    .logo-turistar {
        margin-top: -93px;
    }
    
    .flex-container>div {
        height: 310px;
    }
    
    .img-banner3 {
        margin-top: -70px;
        width: 45%;
    }
    
    .btn-large-2 {
        margin-top: 1px !important;
    }
}
@media screen and (max-width:1100px) {
    .text-renta {
        font-size: 25px;
    }
    
    .img-renta {
        margin-left: -190px;
    }
    
    .logo-turistar {
        margin-right: -125px;
    }
    
    .btn-large-2 {
        font-size: 10px;
    }
    
    .flex-container>div {
        height: 280px;
    }
    
    .texto-pie-imagen {
        font-size: 12px;
    }
    
    .img-banner3 {
        padding-bottom: 20px;
        width: 50%;
    }
    /* .col-personal2 {
        border-bottom-left-radius: 70px;
    }

    .col-personal3 {
        border-bottom-right-radius: 70px;
    }

    .col-personal {
        border-top-right-radius: 70px;
    }*/
    
    .descuento-2 {
        padding-top: 20px;
        font-size: 12px;
    }
}
@media screen and (max-width:1000px) {
    .img-renta {
        margin-top: -95px;
        margin-bottom: 1px;
    }
    
    .logo-turistar {
        margin-top: -70px;
    }
    
    .img-banner3 {
        padding-bottom: 10px;
        margin-top: -70px;
        width: 53%;
    }
    
    .descuento-2 {
        font-size: 10px;
        padding-top: 20px;
    }
    
    .h2servicios {
        padding-top: 30%;
        font-size: 40px;
    }
    
    .flex-container>div {
        height: 255px;
        margin: 4px;
    }
    
    .text-renta {
        margin-bottom: 10px;
    }
    
    .renta-bus {
        width: 25%;
    }
    
    .turismo {
        width: 28%;
    }
}
@media screen and (max-width:900px) {
    .img-renta {
        margin-left: -155px;
        margin-top: -83px;
    }
    
    .logo-turistar {
        margin-right: -100px;
        margin-top: -65px;
    }
}
@media screen and (max-width:800px) {
    .h2servicios {
        padding-top: 25%;
        font-size: 30px;
    }
    
    .btn-large-2 {
        padding: 5px 10px 5px 10px;
    }
    
    .text-renta {
        margin-bottom: 5px;
        font-size: 20px;
    }
    
    .renta-bus {
        width: 30%;
    }
    
    .img-renta {
        margin-left: -140px;
        margin-top: -71px;
    }
    
    .logo-turistar {
        margin-right: -85px;
        margin-top: -57px;
    }
    
    .texto-pie-imagen {
        font-size: 8px;
    }
    
    .flex-container>div {
        height: 215px;
    }
}
@media screen and (max-width:700px) {
    .img-renta {
        width: 30%;
        margin-left: -200px;
        margin-right: -77px;
    }
    
    .logo-turistar {
        width: 40%;
        margin-right: -80px;
    }
    
    .img-banner3 {
        width: 56%;
    }
    
    .flex-container>div {
        height: 215px;
    }
    
    .renta-bus {
        width: 32%;
        margin-right: 20px;
    }
    
    .turismo {
        width: 35%;
    }
}
@media screen and (max-width:600px) {
    .btn-large-2 {
        font-size: 5px;
    }
    /*.col-personal2 {
        border-bottom-left-radius: 70px;
    }

    .col-personal {
        border-top-right-radius: 70px;
    }*/
    
    .text-renta {
        font-size: 15px;
        margin-top: 5px !important;
        margin-bottom: 2px;
    }
    
    .flex-container>div {
        height: 170px;
    }
    
    .h2servicios {
        padding-top: 34%;
        font-size: 25px;
    }
    
    .img-banner3 {
        width: 46%;
    }
    
    .img-banner3 {
        padding-bottom: 10px;
        margin-top: -130px;
        width: 45%;
    }
    
    .texto-pie-imagen {
        font-size: 8px;
        margin-top: -40px;
    }
}

/*****************************************************RESOLUCION A MENOS DE 500 MOBILE********************************************************/
@media screen and (max-width: 500px) {
    .flex-container {
        display: flex;
        flex-direction: column;
        background-color: #f1f1f1;
    }
    
    .flex-container>div {
        background-color: #0607084d;
        width: 100%;
        margin: 4px;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
        line-height: 75px;
        font-size: 30px;
        height: 300px;
    }
    
    .carrusel-img {
        height: 30% !important;
    }
    
    .renta-bus {
        width: 25%;
        margin-right: 50px;
    }
    
    .texto-pie-imagen {
        margin-top: 0px;
    }
    
    .turismo {
        width: 25%;
    }
    
    .img-renta {
        width: 30%;
        padding-left: 0;
        margin-top: -60px;
        margin-bottom: 15;
        margin-left: 0;
        margin-right: 0;
    }
    
    .btn-large-2 {
        padding: 10px 60px 10px 60px;
        font-size: 12px;
    }
    
    .banner1 {
        display: none;
    }
    
    .img-banner3 {
        width: 40% !important;
        padding-bottom: 20px;
        margin-top: -70px;
    }
    
    .logo-turistar {
        margin-bottom: 2px;
        margin-top: 0;
        margin-right: 0px;
    }
    
    .text-renta {
        font-size: 25px !important;
        margin-bottom: 25px;
        margin-top: 25px !important;
    }
    
    .texto-pie-imagen {
        font-size: 14px;
    }
    
    .col-personal2 {
        border-bottom-left-radius: 0px !important;
        margin-top: 8px !important;
    }
    
    .col-personal3 {
        border-bottom-right-radius: 0px !important;
        margin-top: 4px !important;
    }
    /*.enlaces-footer {

        padding: 20px;
    }
    .accordion:after {
        margin-right: 25px;
    }
    */
    
    strong {
        font-size: 15px !important;
    }
    
    .icono-terminales {
        width: 15%;
    }
}
@media screen and (max-width:450px) {
    .flex-container>div {
        height: 275px;
    }
    
    .carrusel-img {
        height: 25% !important;
    }
    
    .text-renta {
        margin-bottom: 4px;
    }
}
@media screen and (max-width:400px) {
    .flex-container>div {
        height: 255px;
    }
    
    strong {
        font-size: 12px !important;
    }
    
    .text-renta {
        font-size: 20px !important;
    }
    
    .logo-etn-turistar {
        width: 140px !important;
    }
    
    .carrusel-img {
        height: 25% !important;
    }
    
    .turismo {
        width: 28%;
    }
}
@media screen and (max-width:350px) {
    .flex-container>div {
        height: 230px;
    }
    
    .logo-turistar {
        margin-bottom: -7px;
    }
    
    .texto-pie-imagen {
        font-size: 10px;
    }
    
    .text-renta {
        margin-top: 15px !important;
    }
    
    .carrusel-img {
        height: 30% !important;
    }
    
    .renta-bus {
        margin-right: 30px;
    }
}

/*********************************************************FIN DE ESTILOS HOME****************************************************************/

/****************** footer enlaces  costaline ********************/
.enlaces-footeraers {
    background: transparent;
    color: #fff;
    padding: 50px;
    margin-top: 10px;
}
img.icono-destinoscosta {
    width: 15%;
}
h3.nuestras-terminales {
    color: #003B73;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.enlaces-centrados {
    display: grid;
    justify-content: center;
}
a.enlaces-costaline {
    color: #003B73;
    font-size: 15px;
    font-weight: bold;
}
@media screen and (max-width: 991px) {
    h3.nuestras-terminales {
        text-align: left;
    }
    
    .enlaces-centrados {
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 575px) {
    a.enlaces-costaline {
        text-align: left;
    }
}
@media screen and (max-width: 370px) {
    h3.nuestras-terminales {
        font-size: 16px;
    }
}
@media screen and (max-width: 320px) {
    h3.nuestras-terminales {
        font-size: 16px;
    }
}

/************* estilos up down ********/
.contenedor-down-up {
    float: right;
    top: -21px;
    position: relative;
    right: 10px;
}
.down-up {
    background-image: url(../img/icons/enlaces-down.png);
}
.accordion {
    cursor: pointer;
    margin-top: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}

/* Style the element that is used to open and close the accordion class */
.encabezado-corridas {
    background-color: #fff;
    color: #444;
    padding: 5px;
    text-align: left;
    margin: 0 auto!important;
    border-radius: 8px;
    margin-top: 10px!important;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

/* Unicode character for "plus" sign (+) */
.accordion:after {
    content: url(../img/icons/enlaces-down.png);
    right: 0px!important;
}

/* Unicode character for "minus" sign (-) */
.accordion.active:after {
    content: url(../img/icons/enlaces-up.png);
}
.contenedor-opciones-pagos {
    background: #fff!important;
    margin-top: 10px!important;
    border-radius: 8px;
}
.accordion-pagos {
    top: 0px!important;
    padding: 12px 4px;
}

/* Style the element that is used for the panel class */
div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom: 10px;
    margin: 0 auto!important;
    width: 100%;
}
div.panel.show {
    opacity: 1;
    max-height: 100%!important;
    /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
    
    margin-bottom: 30px!important;
}

/*************  finestilos up down ********/

/**************  fin footer enlaces  costaline *******************/

/*******************************INICIO ESTILOS CINÉPOLIS CLICK***************************/
.img-cinepolis {
    display: block;
    margin: auto;
}

/******************************END ESTILOS CINÉPOLIS CLICK*******************************/

/*********** estilos imagenes menu costa****************/
.imagenes-menucosta {
    margin-bottom: -4px;
}

/*********** estilos imagenes menu costa****************/
.carousel-control-next,
.carousel-control-prev {
    z-index: 2001;
    opacity: unset;
    width: 3%;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 40px;
    height: 40px;
}