/********************* AQUI COMIENZAN ESTILOS GENERALES *******************/

body {
    font-size: 14px!important;
    color: #123c5d!important;
    /*font-family: "LatoWeb"!important;*/
    background: #fff!important;
}


/* Webfont: Lato-Black */

@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'LatoWebBlack';
    font-display: auto;
    src: url('../../fonts/Lato-Black.eot');
    /* IE9 Compat Modes */
    src: url('../../fonts/Lato-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../fonts/Lato-Black.woff2') format('woff2'), /* Modern Browsers */
    url('../../fonts/Lato-Black.woff') format('woff'), /* Modern Browsers */
    url('../../fonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-BlackItalic */

@font-face {
    font-family: 'LatoWebBlack';
    font-display: swap;
    src: url('../fonts/Lato-BlackItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-BlackItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-BlackItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Bold */

@font-face {
    font-family: 'LatoWebBold';
    font-display: swap;
    src: url('../fonts/Lato-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Bold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-BoldItalic */

@font-face {
    font-family: 'LatoWebBold';
    font-display: swap;
    src: url('../fonts/Lato-BoldItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-BoldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-BoldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Hairline */

@font-face {
    font-family: 'LatoWebHairline';
    font-display: swap;
    src: url('../fonts/Lato-Hairline.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Hairline.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Hairline.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Hairline.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-HairlineItalic */

@font-face {
    font-family: 'LatoWebHairline';
    font-display: swap;
    src: url('../fonts/Lato-HairlineItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-HairlineItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-HairlineItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Heavy */

@font-face {
    font-family: 'LatoWebHeavy';
    font-display: swap;
    src: url('../fonts/Lato-Heavy.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Heavy.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Heavy.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Heavy.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-HeavyItalic */

@font-face {
    font-family: 'LatoWebHeavy';
    font-display: swap;
    src: url('../fonts/Lato-HeavyItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-HeavyItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-HeavyItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Italic */

@font-face {
    font-family: 'LatoWeb';
    font-display: swap;
    src: url('../fonts/Lato-Italic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Light */

@font-face {
    font-family: 'LatoWebLight';
    font-display: swap;
    src: url('../fonts/Lato-Light.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-LightItalic */

@font-face {
    font-family: 'LatoWebLight';
    font-display: swap;
    src: url('../fonts/Lato-LightItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-LightItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-LightItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Medium */

@font-face {
    font-family: 'LatoWebMedium';
    font-display: swap;
    src: url('../fonts/Lato-Medium.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Medium.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Medium.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-MediumItalic */

@font-face {
    font-family: 'LatoWebMedium';
    font-display: swap;
    src: url('../fonts/Lato-MediumItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-MediumItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-MediumItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-MediumItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Regular */

@font-face {
    font-family: 'LatoWeb';
    font-display: swap;
    src: url('../fonts/Lato-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Semibold */

@font-face {
    font-family: 'LatoWebSemibold';
    font-display: swap;
    src: url('../fonts/Lato-Semibold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Semibold.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Semibold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-SemiboldItalic */

@font-face {
    font-family: 'LatoWebSemibold';
    font-display: swap;
    src: url('../fonts/Lato-SemiboldItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-SemiboldItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-SemiboldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-Thin */

@font-face {
    font-family: 'LatoWebThin';
    font-display: swap;
    src: url('../fonts/Lato-Thin.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-Thin.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-Thin.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/* Webfont: Lato-ThinItalic */

@font-face {
    font-family: 'LatoWebThin';
    font-display: swap;
    src: url('../fonts/Lato-ThinItalic.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/Lato-ThinItalic.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Lato-ThinItalic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
    text-rendering: optimizeLegibility;
	  font-display: swap;

}


/********************* AQUI TERMINAN ESTILOS GENERALES *******************/


/********************* AQUI COMIENZAN ESTILOS MENU Y FOOTER *******************/

a {
    z-index: 3000;
}

.encabezado {
    background: #eee;
}

.btn-home-regreso {
    color: #003a5d!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: #003a5d!important;
    font-weight: bold!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: 1100;
}

.despliegue-menub a.submenu {
    color: #fff!important;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1.2rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

@media screen and (min-width: 2561px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8.5rem!important;
        padding-left: 7rem!important;
        font-size: 18px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a.nav-link img.icon {
    width: 16px;
}

@media screen and (max-width: 1095px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 10px!important;
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }
    a.nav-link img.icon {
        width: 12px;
    }
}

@media screen and (max-width: 1077px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 11px!important;
        padding-right: .5rem!important;
        padding-left: .5rem!important;
    }
    .primer-menu nav a img {
        width: 200px;
    }
    a.nav-link img.icon {
        width: 14px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1076px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 10px!important;
        padding-right: .8rem!important;
        padding-left: .5rem!important;
    }
    .primer-menu nav a img {
        width: 180px;
    }
    a.nav-link img.icon {
        width: 14px;
    }
}

@media screen and (min-width: 992px) {
    .menu-servicios {
        display: none!important;
    }
    .opcion-oculta {
        display: none!important;
    }
}

@media screen and (max-width: 991px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 1.5rem 1rem!important;
        font-size: 14px!important;
    }
    .menu-servicios {
        display: block!important;
    }
    .segundo-menu,
    .idioma {
        display: none!important;
    }
}

.segundo-menu {
    text-align: right!important;
    padding: .6rem 0rem;
    margin: 0 auto!important;
    float: left;
}

.btn-segundo-menu {
    cursor: pointer!important;
    border: 0px;
    background: transparent;
}

.btn-segundo-menu:focus {
    outline: 0px;
}

.despliegue {
    background: #eee;
    text-align: right!important;
    margin-top: 60px;
    left: 0px;
    position: absolute;
    text-align: left!important;
    right: 0!important;
    z-index: 3000;
}

.despliegue-menub {
    background: #7ba7ae!important;
    color: #fff!important;
    width: 100%;
}

.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: bold!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 0rem;
    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: bold;
}

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

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

.enlaces-footer {
    color: #fff;
    padding: 43px;
    padding-bottom: 0;
}

.seccion-preguntas {
    color: #fff;
    padding: 43px;
}

.seccion-preguntas a {
    font-size: 12px!important;
    color: #123c5d;
    font-weight: bold;
}

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

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

h3.footer-title {
    font-size: 18px;
    color: #123c5d;
    text-align: left;
}

.title-footer {
    height: 40px;
}


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

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

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

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

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

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

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

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

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


/************************************************************************** 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: 26px;
    padding-top: 30px;
    font-weight: bold;
}

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

.icon-boleto {
    width: 40px;
}

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 ******************************************/


/************************************************************************** AQUI INICIA ESTILOS DONDE COMPRAR ******************************************/

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

.contenedor-donde-comprar {
    background: #fff;
    padding-bottom: 10px;
    padding-top: 20px;
    border-radius: 8px;
}

.btn-link:hover {
    color: #7fa8ad;
    text-decoration: none;
}

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

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

.cuatro-ico {
    width: 50%;
}

.cinco-ico {
    width: 55%;
}

.seis-ico {
    width: 50%;
    margin-top: 50px;
}

.cetram-ico {
    width: 50%;
    padding-top: 6px;
}

.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: 10px;
    margin: 0;
    color: #000000;
    text-align: center;
}

p.parrafo-cetram {
    font-size: 8px;
}

.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: 50%;
    padding-top: 6px;
}

@media screen and (max-width: 1210px) {
    p.parrafo-cetram {
        font-size: 7px;
    }
}

@media screen and (max-width: 1100px) {
    p.parrafo-cetram {
        font-size: 6px;
    }
}

@media screen and (max-width: 1000px) {
    p.parrafo-cetram {
        font-size: 5px;
    }
}

@media screen and (max-width: 900px) {
    p.parrafo-cetram {
        font-size: 4px;
    }
}

@media screen and (max-width: 800px) {
    p.parrafo-cetram {
        font-size: 3px;
    }
}

@media screen and (max-width: 767px) {
    .cuatro-ico {
        width: 25%;
    }
    .cinco-ico {
        width: 25%;
    }
    .seis-ico {
        width: 25%;
        margin-top: 50px;
    }
    .desvanecer {
        width: 25%;
    }
    p.parrafo-cetram {
        font-size: 6px;
    }
    .div-imagen>div {
        width: 100%;
        height: 200px;
    }
}

@media screen and (max-width: 480px) {
    p.parrafo-cetram {
        font-size: 5px;
    }
}

@media screen and (max-width: 337px) {
    p.parrafo-cetram {
        font-size: 4px;
    }
}

@media screen and (max-width: 250px) {
    p.parrafo-cetram {
        font-size: 3px;
    }
}


/************************************************************************** AQUI TERMINA ESTILOS DONDE COMPRAR ******************************************/


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

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

.negritas {
    font-weight: bold;
}

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

.seleccione-estado {
    background: #123c5d!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 ******************************************/


/************************************************************************** AQUI INICIA ESTILOS CONTACT CENTER LANDING ******************************************/

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

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

.ico-center {
    width: 100px;
}

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

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

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

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

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

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

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

@media screen and (max-width: 320px) {
    .t-contact-center {
        font-size: 13px;
    }
    .center-texto {
        font-size: 18px;
    }
    .llama-center {
        font-size: 18px;
    }
}


/************************************************************************** AQUI TERMINA ESTILOS CONTACT CENTER LANDING ******************************************/


/************************************************************************** AQUI INICIA ESTILOS OXXO ******************************************/

.text-oxxo {
    font-size: 18px;
    padding-left: 100px;
}

@media screen and (max-width: 767px) {
    .text-oxxo {
        padding-left: 180px;
    }
}

@media screen and (max-width: 570px) {
    .text-oxxo {
        padding-left: 170px;
    }
}

@media screen and (max-width: 550px) {
    .text-oxxo {
        padding-left: 140px;
    }
}

@media screen and (max-width: 440px) {
    .text-oxxo {
        padding-left: 90px;
    }
}

@media screen and (max-width: 380px) {
    .text-oxxo {
        padding-left: 60px;
    }
}

@media screen and (max-width: 340px) {
    .text-oxxo {
        text-align: left;
    }
}


/************************************************************************** AQUI TERMINA ESTILOS OXXO ******************************************/


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

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

.bol-space-taquillas {
    padding-top: 0;
    padding-bottom: 140px;
}

.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: #81a7aa;
    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******************************************/


/************************************************************************** AQUI INICIA ESTILOS SALA DE ESPERA******************************************/

.op-comprar {
    color: #123c5d;
    font-weight: 500;
    font-size: 22px;
    width: 100%;
    margin-bottom: 40px;
}

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

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

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


/************************************************************************** AQUI TERMINA ESTILOS SALA DE ESPERA******************************************/


/************************************************************************** AQUI INICIA ESTILOS SALIDAS CHARTERS******************************************/

.titulo-horarios-salidas {
    text-align: center;
    font-size: 22px!important;
    font-weight: bold;
    padding-bottom: 20px;
}

.hrs-salidas {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    padding-top: 30px;
    margin-bottom: 60px;
}

.op-salidas {
    padding: 0px 8px 200px;
    border-radius: 8px;
    background: #eee;
    margin-bottom: 10px;
    height: 100px;
    width: 100%;
    color: #123c5d;
    font-size: 10px;
}

.salidas-charters {
    -webkit-perspective: 150rem;
    perspective: 150rem;
    position: relative;
    height: 50%;
    width: 400px;
    margin: 0 auto;
}

.flecha {
    margin: 0 auto;
    text-align: center;
    width: 40%;
    padding: 10px 0;
    border-radius: 10px;
    font-size: 70px;
}

.icon-charters {
    font-size: 23px;
    margin-bottom: 3px;
}

.vc-hover-box-wrapper,
.vc-hover-box-wrapper * {
    box-sizing: border-box;
    height: 128px;
    left: 0;
    width: 100%;
    backface-visibility: hidden;
    border-radius: 10px;
}

.vc-hover-box-wrapper {
    &.shape-rouned {
        .vc-hover-box-front,
        .vc-hover-box-back {
            border-radius: 20px;
        }
    }
    &.center {
        text-align: center;
    }
    &.align-left {
        text-align: left;
    }
    &.align-right {
        text-align: right;
    }
}

.vc-hover-box {
    position: relative;
    display: inline-block;
    max-width: 100%;
    width: @width;
    text-align: center;
}

.vc-hover-box-inner {
    width: 100%;
    display: inline-block;
}

.vc-hover-box-front,
.vc-hover-box-back {
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: @transition;
    transform-style: preserve-3d;
}

.vc-hover-box-front-inner,
.vc-hover-box-back-inner {
    flex-shrink: 0;
    padding: @inner-spacing;
}

.vc-hover-box-front {
    transform: rotateY(0deg);
    background: @background-front;
}

.vc-hover-box-back {
    transform: rotateY(180deg);
    background: @background-back;
}

.vc-hover-box:hover .vc-hover-box-front {
    transform: rotateY(-180deg);
}

.vc-hover-box:hover .vc-hover-box-back {
    transform: rotateY(0deg);
}

// reverse
.vc-hover-box-wrapper.hover-box-reverse {
    .vc-hover-box-front {
        transform: rotateY(180deg);
    }
}

.vc-hover-box-wrapper.hover-box-reverse {
    .vc-hover-box-back {
        transform: rotateY(0deg);
    }
}

.vc-hover-box-wrapper.hover-box-reverse {
    .vc-hover-box:hover .vc-hover-box-front {
        transform: rotateY(0deg);
    }
}

.vc-hover-box-wrapper.hover-box-reverse {
    .vc-hover-box:hover .vc-hover-box-back {
        transform: rotateY(-180deg);
    }
}

.vc-hover-box img {
    width: 100%;
    height: auto;
}


/************************************************************************** AQUI TERMINA ESTILOS SALIDAS CHARTERS******************************************/


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

.img-thumbnail {
    clip-path: circle();
    width: 90%;
    padding: 0;
}

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

.verticalLine {
    border-left: outset;
}

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

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

.promocion-anticipado {
    max-width: 100%;
    height: auto;
    margin-top: -17px;
    margin-left: -3px;
}

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

@media screen and (max-width: 1045px) {
    .text-promo {
        font-size: 15px;
    }
}

.enlace-viajero-anticipado {
    color: #123c5d;
    cursor: pointer;
}

.text-promonuevo {
    font-size: 20px;
    padding-top: 20px;
    text-align: center;
    background: #fff;
    height: 90px;
}

.consulta-promociones {
    height: 284px;
    padding-top: 1px;
    text-align: inherit;
    font-size: 18px;
    color: #123c5d;
}

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

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

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

@media screen and (max-width: 1639px) {
    .consulta-promociones {
        font-size: 15px;
    }
    .link-promociones {
        font-size: 14px;
    }
}

@media screen and (max-width: 1120px) {
    .consulta-promociones {
        font-size: 13px;
    }
    .link-promociones {
        font-size: 14px;
    }
}

@media screen and (max-width: 909px) {
    .consulta-promociones {
        font-size: 12px;
    }
    .link-promociones {
        font-size: 14px;
    }
}

@media screen and (max-width: 867px) {
    .consulta-promociones {
        height: 237px;
        font-size: 11px;
    }
}

@media screen and (max-width: 794px) {
    .consulta-promociones {
        height: 237px;
        font-size: 10px;
    }
}

@media screen and (max-width: 791px) {
    .consulta-promociones {
        height: 228px;
        font-size: 10px;
    }
    .prom-aplica {
        font-size: 12px;
    }
    .text-promo {
        font-size: 14px;
    }
}

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

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

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

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


/************************************************************************** AQUI TERMINAN ESTILOS PROMOCIONES******************************************/


/************************************************************************** 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-skin-overlay>span {
    background: rgb(18, 60, 93);
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    text-align: center;
    border-radius: 8px;
    font-size: 18px;
}

.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: 0!important;
    padding-right: 0!important;
}

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

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

@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(127, 168, 173, 0.95);
    color: #fff;
}


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


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

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

.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 ******************************************/


/************************************************************************** AQUI INICIA ESTILOS ATENCION A CLIENTES******************************************/

.contenedor-atencion-clientes {
    background: #fff;
    padding-bottom: 10px;
    padding-top: 20px;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.icon-fon {
    color: #123c5d;
}

.phone-lada {
    color: #123c5d;
    text-decoration: underline;
    background-color: transparent;
    font-size: 35px;
}

.mensaje {
    font-size: 20px;
}

.form-horizontal {
    background: #123c5d!important;
    padding-bottom: 25px!important;
    padding-top: 25px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    border-radius: 8px!important;
}

h2.aten-clientes {
    text-align: center;
    color: #123c5d;
    font-size: 22px;
    padding-top: 200px;
}


/***********inicio estilos de parpadeo*************************/

.text {
    font-size: 28px;
    font-family: helvetica;
    font-weight: bold;
    color: #71d90b;
    text-transform: uppercase;
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }
    50% {
        opacity: 0.0;
    }
    100% {
        opacity: 1.0;
    }
}


/***********fin estilos de parpadeo*************************/

.d-requeridos {
    color: #123c5d;
    font-size: 24px;
    font-weight: bold;
    text-align: center!important;
    padding-bottom: 15px;
}

.form-aten-clien {
    display: block;
    width: 100%;
    padding: 8px 8px;
    font-size: 20px;
    line-height: 1.5;
    color: #123c5d;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

#sel-tema {
    height: 48px;
}

.boton-enviar {
    color: #ffffff;
    background-color: #123c5d;
    border-color: #eeeeee;
    font-size: 24px;
}

.boton-enviar:hover {
    color: #fff;
    background-color: #7fa8ad;
    border-color: #0062cc;
}

@media screen and (max-width: 1039px) {
    .phone-lada {
        font-size: 30px;
    }
}

@media screen and (max-width: 990px) {
    .phone-lada {
        font-size: 28px;
    }
    .d-requeridos {
        font-size: 30px;
    }
}

@media screen and (max-width: 937px) {
    .phone-lada {
        font-size: 26px;
    }
}

@media screen and (max-width: 892px) {
    .phone-lada {
        font-size: 24px;
    }
    .d-requeridos {
        font-size: 27px;
    }
}

@media screen and (max-width: 847px) {
    .phone-lada {
        font-size: 22px;
    }
    .d-requeridos {
        font-size: 25px;
    }
    .form-aten-clien {
        font-size: 17px;
    }
    .mensaje {
        font-size: 17px;
    }
}

@media screen and (max-width: 792px) {
    .phone-lada {
        font-size: 19px;
    }
    .d-requeridos {
        font-size: 23px;
    }
    .form-aten-clien {
        font-size: 15px;
    }
    .mensaje {
        font-size: 15px;
    }
}

@media screen and (max-width: 767px) {
    .phone-lada {
        font-size: 35px;
    }
    .d-requeridos {
        font-size: 30px;
        padding-top: 20px;
    }
    .form-aten-clien {
        font-size: 20px;
    }
    .mensaje {
        font-size: 20px;
    }
    h2.aten-clientes {
        padding-top: 80px;
    }
}

@media screen and (max-width: 427px) {
    .phone-lada {
        font-size: 30px;
    }
    .d-requeridos {
        font-size: 27px;
        padding-top: 20px;
    }
    .form-aten-clien {
        font-size: 19px;
    }
    .mensaje {
        font-size: 19px;
    }
}

@media screen and (max-width: 361px) {
    .phone-lada {
        font-size: 25px;
    }
    .d-requeridos {
        font-size: 25px;
        padding-top: 20px;
    }
    .form-aten-clien {
        font-size: 18px;
    }
    .mensaje {
        font-size: 18px;
    }
}

@media screen and (max-width: 320px) {
    .phone-lada {
        font-size: 27px;
    }
    .d-requeridos {
        font-size: 21px;
        padding-top: 20px;
    }
}


/************************************************************************** AQUI TERMINAN ESTILOS ATENCION A CLIENTES******************************************/


/************************************************************************** AQUI TERMINAN ESTILOS HORARIOS Y DESTINOS******************************************/

#search_origen {
    font-size: 20px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}

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

.link-des {
    font-size: 18px;
}

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

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    font-size: 18px;
}

.buscar-destinos {}

@media screen and (max-width: 728px) {
    .tabla_encontrada {
        font-size: 25px;
    }
}

@media screen and (max-width: 592px) {
    .tabla_encontrada {
        font-size: 22px;
    }
}

@media screen and (max-width: 534px) {
    .tabla_encontrada {
        font-size: 19px;
    }
}

@media screen and (max-width: 474px) {
    .tabla_encontrada {
        font-size: 17px;
    }
}

@media screen and (max-width: 437px) {
    .tabla_encontrada {
        font-size: 15px;
    }
}

@media screen and (max-width: 350px) {
    .tabla_encontrada {
        font-size: 13px;
    }
}

@media screen and (max-width: 335px) {
    .tabla_encontrada {
        font-size: 12px;
    }
}

@media screen and (max-width: 327px) {
    .tabla_encontrada {
        font-size: 11px;
    }
}

.cabezera-boletos {
    background: #eee;
}


/************************************************************************** AQUI TERMINAN ESTILOS HORARIOS Y DESTINOS******************************************/


/************************************************************************** AQUI INICIAN ESTILOS QUIENES SOMOS******************************************/

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

.section-info {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}


/************************************************************************** AQUI TERMINAN ESTILOS QUIENES SOMOS******************************************/


/************************************************************************** AQUI INICIAN ESTILOS CERTIFICACIONES******************************************/

.politicas-privacidad {
    border-color: #eee;
    border-radius: 8px;
    padding-top: 14px;
    text-align: center;
}

.section-info2 {
    color: #123c5d;
    font-size: 20px;
    text-align: justify;
}

.section-info3 {
    color: #123c5d;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

#info2 {
    color: #123c5d;
    font-weight: 500;
    font-size: 18px;
    text-align: justify;
}


/************************************************************************** AQUI TERMINAN ESTILOS CERTIFICACIONES******************************************/


/************************************************************************** AQUI INICIAN ESTILOS BOLSA DE TRABAJO ETN TURISTAR******************************************/

.ico-bolsa {
    height: 100px;
}


/************************************************************************** AQUI TERMINAN ESTILOS BOLSA DE TRABAJO ETN TURISTAR******************************************/


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

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

.privacidad-info {
    visibility: visible;
    animation-name: fadeInDown;
    text-align: center;
    font-size: 26px;
    padding-top: 30px;
    font-weight: bold;
}

.aviso-privacidad {
    text-align: justify;
    font-size: 18px;
    font-weight: 500;
    padding-top: 50px;
}

.detalles {
    font-size: 14px;
}

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

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

@media screen and (max-width: 767px) {
    .aviso-privacidad {
        text-align: center;
    }
    .detalles {
        text-align: center;
    }
}


/************************************************************************** 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%;
}

.text-pag-ref {
    text-align: justify;
}

.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: 0;
    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%;
}


/******** nuevos estilos footer enlaces etn 1 **********/

.enlaces-destinos {
    float: left;
}

.enlaces-centrados-destinos {
    display: flex;
    justify-content: center;
}

.icono-destinos {
    width: 50px;
}

.icono-terminales {
    width: 30%;
}

.columnas-izquierda {
    display: flex;
    justify-content: center;
}

.enlaces-izquierdo {
    margin-left: 20px;
}

.columnas-centro {
    display: flex;
    justify-content: center;
}

.columna-derecha {
    display: flex;
    justify-content: center;
}

.nuestras-terminales {
    font-size: 18px!important;
    color: #123c5d!important;
    text-align: left!important;
}

.destinos-etn {
    text-align: center;
    font-size: 18px;
    color: #123c5d;
}

.destinos-sur {
    text-align: left;
    font-size: 17px;
    color: #123c5d;
}

.titulo-servicios {
    text-align: left;
    font-size: 18px;
    color: #123c5d;
}

.destinos-terminales {
    margin-left: -20px;
}

.clases-terminales {
    text-align: center;
    padding: 5px;
}

.separador-enlaces {
    background: #eee;
    height: 2px;
}

.vl {
    border-left: 2px solid #eee;
    height: 530px;
    position: initial;
    left: 50%;
    margin-left: -3px;
    top: 1610px;
}

.vline {
    border-left: 2px solid #eee;
    height: 335px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
}

.mostrar,
.ocultar {
    display: none;
}

@media screen and (max-width: 991px) {
    .enlaces-partedos {
        display: none;
    }
    .vl {
        display: none;
        height: 254px;
    }
    .vline {
        display: none;
    }
    .separador-enlaces {
        display: none;
    }
    .enlaces-centrado-destinos {
        width: 100%;
        max-width: 210px;
        margin: auto;
    }
    .destinos-etn {
        text-align: left;
    }
    .destinos-sur {
        text-align: left;
    }
    .titulo-servicios {
        text-align: left;
    }
    .columnas-izquierda {
        display: contents;
        justify-content: center;
    }
    .columnas-centro {
        display: contents;
        justify-content: center;
    }
    .columna-derecha {
        display: contents;
        justify-content: center;
    }
    .icono-terminales {
        width: 10%;
        margin-left: -10px;
    }
    .parte-dos {
        margin-left: 0px;
    }
}

@media screen and (max-width: 767px) {
    .vl {
        display: none;
    }
    .vline {
        display: none;
    }
    hr.separador-enlaces {
        display: none;
    }
    h3.footer-title {
        text-align: left;
    }
    .columnas-izquierda {
        display: contents;
        justify-content: center;
    }
    .destinos-etn {
        text-align: left;
        font-size: 18px;
        color: #123c5d;
    }
    .icono-terminales {
        width: 10%;
        margin-left: -10px;
    }
}

@media screen and (max-width: 767px) {
    h3.destinos-sur {
        text-align: left;
    }
    h3.titulo-servicios {
        text-align: left;
    }
    .columnas-centro {
        display: contents;
        justify-content: center;
        text-align: left;
    }
    .columna-derecha {
        display: contents;
        justify-content: center;
        text-align: left;
    }
}

@media screen and (max-width: 575px) {
    .columnas-izquierda {
        text-align: left;
    }
    .columnas-centro {
        text-align: left;
    }
    .columna-derecha {
        text-align: left;
    }
    .destinos-etn {
        text-align: left;
    }
    .parte-dos {
        margin-left: 0px;
    }
    .icono-terminales {
        width: 15%;
        margin-left: -10px;
    }
}

@media screen and (max-width: 650px) {
    .icono-terminales {
        width: 13%;
        margin-left: -10px
    }
}

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

@media screen and (max-width: 500px) {
    .icono-terminales {
        width: 18%;
        margin-left: -10px
    }
}

@media screen and (max-width: 450px) {
    .icono-terminales {
        width: 25%;
        margin-left: -10px;
    }
}

@media screen and (max-width: 390px) {
    .accordion {
        margin-right: -45px;
    }
}

@media screen and (max-width: 390px) {
    .titulo-servicios .nuestrasterminales {
        font-size: 14px;
    }
    .icono-terminales {
        width: 25%;
        margin-left: -10px;
    }
}

@media screen and (max-width: 350px) {
    .icono-destinos {
        width: 35px;
    }
    .destinos-etn {
        font-size: 16px;
    }
    .destinos-sur {
        font-size: 16px;
    }
    .titulo-servicios {
        font-size: 15px;
    }
    .accordion {
        margin-right: -45px;
    }
    .icono-terminales {
        width: 23%;
        margin-left: -10px;
    }
}

@media screen and (max-width: 320px) {
    .icono-terminales {
        width: 28%;
        margin-left: -10px;
    }
}

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


/********  fin nuevos estilos footer enlaces etn 1******/


/**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************/


/******* estilos preguntas frecuentes*******/

.boletos-autobus {
    visibility: visible;
    animation-name: fadeInDown;
    text-align: center;
    font-size: 26px;
    padding-top: 30px;
    font-weight: bold;
}

.boletos-autobus2 {
    visibility: visible;
    animation-name: fadeInDown;
    text-align: center;
    font-size: 26px;
    padding-top: 0;
    font-weight: bold;
}

.banner-preguntas-frecuentes {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

.contenedor-boleto {
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 10px;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 50px;
}

.contenedor-boleto2 {
    padding: 0;
    background: #fff;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 0;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 0;
}

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

.lista-destinos {
    text-align: left;
}

.negritas {
    color: #7ba7ae;
    font-weight: bold;
}

.fondo-letras {
    font-size: 12px;
}

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

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

.numero-factura {
    color: #123c5d!important;
    font-size: 16px;
    font-weight: bold;
}

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

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

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

.telefono {
    color: #123c5d!important;
}

@media screen and (max-width: 665px) {
    .titulos-boletos {
        font-size: 15px;
    }
}

@media screen and (max-width: 540px) {
    .contenedor-boleto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 540px) {
    .boletos-autobus {
        font-size: 17px;
    }
}

.cuadro-preguntas {
    margin-bottom: 30px;
}


/********** fin preguntas frecuentes*******/

h1.titulo-footers {
    font-size: 17px;
}

h2.titulo-footers {
    font-size: 17px;
}


/******* estilos preguntas frecuentes*******/

.boletos-autobus {
    visibility: visible;
    animation-name: fadeInDown;
    text-align: center;
    font-size: 26px;
    padding-top: 30px;
    font-weight: bold;
}

.banner-preguntas-frecuentes {
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

.contenedor-boleto {
    padding: 15px;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 8px;
    display: block;
    position: relative;
    bottom: 10px;
    margin-left: 60px;
    margin-right: 60px;
    margin-top: 50px;
}

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

.lista-destinos {
    text-align: left;
}

.negritas {
    color: #7ba7ae;
    font-weight: bold;
}

.fondo-letras {
    font-size: 12px;
}

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

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

.numero-factura {
    color: #123c5d!important;
    font-size: 16px;
    font-weight: bold;
}

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

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

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

.telefono {
    color: #123c5d!important;
}

@media screen and (max-width: 665px) {
    .titulos-boletos {
        font-size: 15px;
    }
}

@media screen and (max-width: 540px) {
    .contenedor-boleto {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 540px) {
    .boletos-autobus {
        font-size: 17px;
    }
}

.cuadro-preguntas {
    margin-bottom: 30px;
}


/********** fin preguntas frecuentes*******/

h1.notifi {
    background: #123c5d!important;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px;
}

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

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

.btn-notifi a:hover {
    background: #fff !important;
}


/******* nueva clase tabla ********/

.tablas-horariosdestinos {
    font-size: 14px;
}


/******* nueva clase tabla ********/


/**** Estilos nuevas columnas *********/

.bg-gris {
    background-color: #F1F1F1;
}

.bg-etn {
    background-color: #093B59;
    border-color: #093B59;
}

.color-etn {
    color: #093B59;
}

.text-bold {
    font-weight: 900;
}

.btn-large {
    padding: 10px 80px 10px 80px;
}

.display-5 {
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
    font-weight: bold;
}

@media (min-width: 768px) {
    .col-md-6 {
        max-width: 49.7% !important;
    }
}

.letter-spa {
    letter-spacing: 3px;
}

.btn-etn {
    color: #fff;
    background-color: #093B59;
    border-color: #093B59;
}

.btn-etn:hover {
    color: #fff;
    background-color: rgb(15, 82, 124);
    border-color: #093B59;
}


/*****************************************************INICIO DE ESTILOS HOME 2020*************************************************************/

@media screen and (min-width:1930px) {
    .flex-container>div {
        height: 490px !important;
    }
    .text-renta {
        font-size: 35px !important;
        font-weight: bold;
    }
    .descuento-3 {
        margin-top: 8px;
    }
    .descuento-2 {
        margin-top: 8px;
    }
}

.flex-container {
    display: flex;
    align-items: stretch;
    background-color: #FFF;
}

.flex-container>div {
    background-color: rgba(173, 173, 173, 1);
    color: #003a5d;
    width: 100px;
    height: 470px;
    margin: 5px;
    text-align: center;
    line-height: 75px;
    font-size: 30px;
}

.renta-bus {
    width: 30%
}

.turismo {
    width: 50%;
}

.col-personal {
    border-top-right-radius: 150px;
    margin-top: 8px !important;
    background-color: rgba(224, 224, 224, 1) !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: 24%;
    font-size: 75px;
    padding-bottom: 88px;
    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: 40px !important;
    margin-bottom: 40px;
    font-weight: bold;
}

.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 30px 10px 30px;
    background-color: #123c5d !important;
    border-color: #17a2b8 !important;
    font-size: 30px;
}

.img-descuentos {
    width: 10%;
    margin-top: 10px;
}

.descuento-2 {
    text-align: left;
    padding-top: 5px;
    color: #123C5D;
    font-size: 23px;
    margin-top: 12px;
    margin-bottom: 30px;
}

.descuento-3 {
    text-align: left;
    padding-top: 5px;
    color: #FFF;
    font-size: 23px;
    margin-top: 12px;
    margin-bottom: 30px;
}

.img-banner3 {
    width: 52%;
    padding-bottom: 10px;
}

.img-banner32 {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}

.img-autobus {
    width: 50%;
    padding-bottom: 30px;
    margin-top: 10px;
}

.col-personal4 {
    background-color: #17a2b8 !important;
}

.col-personal5 {
    background-color: #123c5d !important;
}

.texto-pie-imagen {
    margin-bottom: 5px !important;
    font-size: 1.5rem;
}

.text-travel {
    color: #FFF !important;
}

@media screen and (max-width:1700px) {
    .text-renta {
        font-size: 25px;
    }
    .flex-container>div {
        height: 430px;
    }
    .descuento-2 {
        margin-top: 15px;
    }
    .descuento-3 {
        margin-top: 15px;
    }
}

@media screen and (max-width:1600px) {
    .text-renta {
        font-size: 25px;
    }
    .flex-container>div {
        height: 410px;
    }
}

@media screen and (max-width:1500px) {
    .texto-pie-imagen {
        font-size: 15px;
    }
    .flex-container>div {
        height: 390px;
    }
    .logo-turistar {
        margin-top: -115px;
    }
    .img-renta {
        margin-left: -300px;
    }
    .btn-large-2 {
        font-size: 15px;
    }
    .h2servicios {
        font-size: 65px;
    }
}

@media screen and (max-width:1400px) {
    .btn-large-2 {
        font-size: 15px;
    }
    .flex-container>div {
        height: 360px;
    }
    .text-renta {
        font-size: 20px;
    }
}

@media screen and (max-width:1370px) {
    .img-renta {
        margin-left: -230px;
    }
    .logo-turistar {
        margin-right: -140px;
    }
    .text-renta {
        font-size: 20px;
    }
}

@media screen and (max-width:1300px) {
    .img-renta {
        margin-left: -230px;
    }
    .logo-turistar {
        margin-right: -140px;
    }
    .text-renta {
        font-size: 20px;
    }
    .flex-container>div {
        height: 350px;
    }
    .h2servicios {
        padding-top: 31%;
        font-size: 50px;
    }
    .img-banner3 {
        padding-bottom: 20px;
        padding-top: 0;
        margin-top: 0;
    }
}

@media screen and (max-width:1200px) {
    .text-renta {
        margin-top: 20px !important;
        margin-bottom: 30px;
        margin-top: -50px;
        font-size: 17px;
    }
    .img-predefinida {
        width: 5px;
    }
    .flex-container>div {
        height: 320px;
    }
    .logo-turistar {
        margin-top: -93px;
    }
    .flex-container>div {
        height: 310px;
    }
    .img-banner3 {
        width: 48%;
    }
    .descuento-2 {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .descuento-3 {
        font-size: 15px;
        margin-top: 15px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:1100px) {
    .text-renta {
        font-size: 15px;
    }
    .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;
    }
    .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: 2px;
        font-size: 12px;
        margin-bottom: 15px
    }
    .descuento-3 {
        padding-top: 2px;
        font-size: 12px;
        margin-bottom: 15px
    }
    .h2servicios {
        padding-top: 20%;
    }
}

@media screen and (max-width:1000px) {
    .img-renta {
        margin-top: -95px;
        margin-bottom: 1px;
    }
    .logo-turistar {
        margin-top: -70px;
    }
    .img-banner3 {
        margin-top: 0;
    }
    .descuento-2 {
        font-size: 10px;
    }
    .descuento-3 {
        font-size: 10px;
    }
    .h2servicios {
        padding-top: 23%;
        font-size: 40px;
    }
    .flex-container>div {
        height: 255px;
        margin: 4px;
    }
    .text-renta {
        margin-bottom: 25px;
    }
}

@media screen and (max-width:900px) {
    .img-renta {
        margin-left: -155px;
        margin-top: -83px;
    }
    .logo-turistar {
        margin-right: -100px;
        margin-top: -65px;
    }
    .flex-container>div {
        height: 245px;
    }
    .h2servicios {
        padding-top: 22%;
    }
}

@media screen and (max-width:800px) {
    .h2servicios {
        padding-top: 24%;
        font-size: 35px;
    }
    .btn-large-2 {
        padding: 5px 10px 5px 10px;
    }
    .text-renta {
        margin-bottom: 25px;
        font-size: 10px;
    }
    .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;
    }
    .text-renta {
        margin-bottom: 8px;
    }
    .img-banner3 {
        width: 56%;
        padding-bottom: 5px;
    }
    .flex-container>div {
        height: 185px;
        margin: 2px;
    }
    .mt-4,
    .my-4 {
        margin-top: 0.5rem !important;
    }
    .descuento-3 {
        margin-bottom: 5px;
        padding-top: 1px;
    }
    .descuento-2 {
        margin-bottom: 5px;
        padding-top: 1px;
    }
    .h2servicios {
        padding-top: 15%;
    }
}

@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: 7px;
        margin-top: 10px !important;
        margin-bottom: 9px;
    }
    .flex-container>div {
        height: 155px;
    }
    .h2servicios {
        padding-top: 15%;
        font-size: 30px;
    }
    .img-banner3 {
        width: 46%;
    }
    .descuento-3 {
        margin-bottom: 5px;
        padding-top: 0;
    }
    .descuento-2 {
        margin-bottom: 5px;
        padding-top: 0;
    }
}

@media screen and (max-width: 560px) {
    .mt-4,
    .my-4 {
        margin-top: 0rem !important;
    }
    .text-renta {
        margin-bottom: 3px;
    }
    .flex-container>div {
        height: 144px;
    }
}


/*****************************************************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: 0;
        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%;
    }
    .turismo {
        width: 45%;
    }
    .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: 10px;
    }
    .logo-turistar {
        margin-bottom: 2px;
        margin-top: 0;
        margin-right: 0px;
    }
    .text-renta {
        font-size: 20px !important;
        margin-bottom: 25px;
        margin-top: 25px !important;
    }
    .texto-pie-imagen {
        font-size: 14px;
    }
    .col-personal2 {
        border-bottom-left-radius: 0px !important;
        margin-top: 9px !important;
    }
    .col-personal3 {
        border-bottom-right-radius: 0px !important;
        margin-top: 9px !important;
    }
    /*.enlaces-footer {

        padding: 20px;
    }
    .accordion:after {
        margin-right: 25px;
    }
    */
    strong {
        font-size: 15px !important;
    }
    .icono-terminales {
        width: 15%;
    }
    .descuento-3 {
        margin-bottom: 31px;
        font-size: 12px
    }
    .descuento-2 {
        margin-bottom: 31px;
        font-size: 12px
    }
    .mt-4,
    .my-4 {
        margin-top: 1.5rem !important;
    }
}

@media screen and (max-width:450px) {
    .flex-container>div {
        height: 275px;
    }
    .carrusel-img {
        height: 25% !important;
    }
    .descuento-2 {
        margin-bottom: 26px;
    }
    .descuento-3 {
        margin-bottom: 26px;
    }
}

@media screen and (max-width:400px) {
    .flex-container>div {
        height: 255px;
    }
    strong {
        font-size: 12px !important;
    }
    .text-renta {
        font-size: 15px !important;
    }
    .logo-etn-turistar {
        width: 140px !important;
    }
    .carrusel-img {
        height: 25% !important;
    }
    .descuento-2 {
        margin-bottom: 21px;
    }
    .descuento-3 {
        margin-bottom: 21px;
    }
}

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

@media screen and (max-width: 335px) {
    .text-renta {
        font-size: 15px !important;
    }
}


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


/*******************************************************INICIO ESTILOS DIDI****************************************************************/

.img-didi {
    display: block;
    margin: auto;
}

.fondo-didi {
    background-color: #fff;
}


/********************************************************END ESTILOS DIDI*****************************************************************/

.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;
    background-color: #123c5d !important;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

.carousel-item {
    transition: transform 1s ease, opacity .5s ease-out;
    animation-duration: 20s ease;
}

td {
    margin: 20px !important;
    height: 40px;
}

.row-descuentos {
    width: 100%;
    background-color: #FFF;
}

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

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

@media screen and (max-width: 501px) {
    .col-decuentos {
        padding-top: 4px;
        padding-left: 0;
        padding-right: 0;
    }
}


/**** estilos tabla preguntas frecuentes****/

.tabla-destinoviaje {
    font-size: 20px;
}

.horaviaje {
    text-align: center;
}

.titulo-encabezadotablas {
    font-size: 20px!important;
}

.horaviaje {
    text-align: left!important;
    font-size: 20px;
}

@media screen and (max-width: 670px) {
    .titulo-encabezadotablas {
        font-size: 17px!important;
    }
    .horaviaje {
        text-align: left!important;
        font-size: 16px;
    }
}

@media screen and (max-width: 400px) {
    .titulo-encabezadotablas {
        font-size: 15px!important;
    }
    .horaviaje {
        text-align: left!important;
        font-size: 14px;
    }
}


/****  fin estilos tabla preguntas frecuentes****/


/*********ESTILOS BOLSA DE TRABAJO*******/
:root{
    --main-bg-color: #123c5d;
    --secondary-bg-color: #eee;
}

.sueldo{
    background-color: var(--secondary-bg-color);
}

.sueldo > img {
    width: 50px;
}

.postulate{
    background-color: var(--main-bg-color);
}

.postulate > img {
    width: 50px;
    colo
}

/* CFDI Factura */

.object-fit {
    max-width: 100px;
}

.bg-factura2{
    background-color: #7ba7ae;
}

.bg-factura1{
    background-color: #123c5d;
}

.bg-factura3{
    background-color: #b2d3fe;
}

@media screen and (min-width:670px) {
    #CFDI4{
        margin-right: 4rem !important;
        margin-left: 4rem !important;
    }
}

.titulo-modal-factura{
    border-radius: 15px;
}

.border-factura{
    border: #005696 1px solid;
}

.text-center-factura{
    text-align: center;
}




/* Inician Estilos de landing Guadalajara modificación Sube */

.container-text-destinos {
    color: #fff;
}
.text-color {
    color: #123c5d;
}
.container-ul li {
    list-style: initial!important;
    margin-left: 30px;
}
.alineacion-justify {
    text-align: justify!important;
    padding: 0 20px;
}
.alineacion-izq {
    text-align: left;
    padding: 0 20px;
}
.alineacion-center {
    text-align: center!important;
}
.t1 {
    font-size: 36px!important;
}
.t2 {
    font-size: 26px!important;
}
.t3 {
    font-size: 22px!important;
}
.t4 {
    font-size: 18px!important;
}
.info-center {
    text-align: center!important;
}
.title-sub-margin {
    padding: 0 15px;
}
a {
    color: #123C5D!important;
    text-decoration: underline!important;
}

/* Terminan Estilos de landing Guadalajara modificación Sube*/

/* Inician estilos de landing Promociones */

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

/* Terminan estilos de landing Promociones */



/* Inician estilos de landing Taquillas */

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

    /* Terminan estilos de landing Taquillas */