@font-face {
    font-family: HyundaiSansHead-Regular;
    src: url("../marcapersonalizada/fonts/HyundaiSansHead-Regular.otf"); 
    src: url("/fonts/HyundaiSansHead-Regular.otf?#iefix") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: HyundaiSansHead-Light;
    src: url("../marcapersonalizada/fonts/HyundaiSansHead-Light.otf");
    src: url("../marcapersonalizada/fonts/HyundaiSansHead-Light.otf?#iefix") format("opentype");
    font-display: swap;
}



@font-face {
    font-family: HyundaiSansHead-Bold;
    src: url("../marcapersonalizada/fonts/HyundaiSansHead-Bold.otf");
    src: url("../marcapersonalizada/fonts/HyundaiSansHead-Bold.otf?#iefix") format("opentype");
    font-display: swap;
}

@font-face {
    font-family: VersatileOutline-Bold;
    src: url("../marcapersonalizada/fonts/VersatileOutline-Bold.ttf");
    src: url("../marcapersonalizada/fonts/VersatileOutline-Bold.ttf?#iefix") format("opentype");
    font-display: swap;
}


.press-title {
    font-size: 26px;
    font-family: HyundaiSansHead-Medium;
    line-height: 1.2
}

.press-date {
    color: #666;
    font-family: HyundaiSansText-Regular;
    font-size: 14px
}

.read-more-press {
    font-size: 18px
}

.read-more-article, .read-more-press {
    font-family: HyundaiSansHead-Medium;
    color: #002c5e
}

.read-more-article {
    font-size: 16px
}

.press-article {
    font-size: 20px;
    font-family: HyundaiSansHead-Medium
}

.press-article-home {
    font-size: 18px;
    font-family: HyundaiSansHead-Medium
}

.cont-noticias .swiper-button-next:after, .cont-noticias .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: rgba(0,0,0,.3);
    color: #e7e7e7;
    padding: 8px
}

.cont-noticias .swiper-button-prev, .cont-noticias .swiper-container-rtl .swiper-button-next {
    left: 0 !important
}

.cont-noticias .swiper-button-next, .cont-noticias .swiper-container-rtl .swiper-button-prev {
    right: 0 !important
}

.listado-home .btn-home {
    background-color: #002c5f;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 16px;
    font-family: HyundaiSansHead-Light
}

@media (max-width:575.98px) {
    .press-title {
        font-size: 18px
    }

    .press-article-home {
        font-size: 16px
    }

    .cont-noticias .swiper-pagination {
        display: none
    }
}

.marca-titulo {
    font-size: 14px;
    letter-spacing: .1em;
    color: #002c5f
}

.marca-subtitulo, .marca-titulo {
    display: block;
    font-family: HyundaiSansHead-Medium
}

.marca-subtitulo {
    font-size: 36px;
    color: #000
}

.block-i img {
    max-height: 499px
}

.marca-card .card, .marca-card .card-img {
    border: 0;
    border-radius: 0
}

.tomorrow-title {
    font-size: 12px;
    font-family: HyundaiSansHead-Medium
}

.tomorrow-subtitle {
    font-size: 24px;
    font-family: HyundaiSansHead-Medium
}

.marca-tarjeta-titulo {
    font-size: 12px;
    letter-spacing: .1em;
    color: #002c5f;
    margin-bottom: 10px
}

.marca-tarjeta-subtitulo, .marca-tarjeta-titulo {
    display: block;
    font-family: HyundaiSansHead-Medium
}

.marca-tarjeta-subtitulo {
    font-size: 16px;
    color: #000;
    line-height: 1.2
}

.titulo-leido {
    font-family: HyundaiSansHead-Medium;
    color: #002c5f;
    font-size: 28px
}

@media (max-width:575.98px) {
    .marca-subtitulo {
        font-size: 24px
    }

    .marca-tarjeta-titulo {
        margin-bottom: 0
    }

    .titulo-leido, .tomorrow-subtitle {
        font-size: 18px
    }

    .titulo-leido {
        color: #002c5f
    }
}

.menu {
    background-color: #f6f3f2
}

    .menu .navbar-brand img {
        height: 22px
    }

    .menu .nav-link {
        font-size: 14px;
        font-family: HyundaiSansHead-Medium
    }

    .menu .navbar-toggler {
        border: 0
    }

    .menu .dropdown-menu {
        margin-left: 25px !important;
        min-width: inherit !important;
        padding: 0;
        border-radius: 0
    }

    .menu .dropdown-divider {
        margin: 0
    }

    .menu .dropdown-item {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        padding: .3rem .6rem;
        color: #666
    }

        .menu .dropdown-item.active, .menu .dropdown-item:active {
            background-color: #eae6e0;
            color: #495057
        }

.menu-color {
    background-color: #0582ca;
    color: #fff !important
}

@media (max-width:991.98px) {
    .menu .nav-link {
        margin-left: 0;
        border-top: 1px solid #dcdcdc;
        padding: 12px 0
    }
}

@media (min-width:1200px) {
    .menu .nav-link {
        margin-left: 10px;
        font-size: 16px;
        padding: .4rem 1rem
    }

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

@media (min-width:992px) {
    .menu .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .1rem;
        padding-left: 1rem
    }
}

footer {
    color: #999
}

.bg-footer {
    background-color: #000
}

.footer-logo {
    max-width: 60px
}

.footer-title {
    font-family: HyundaiSansHead-Medium;
    font-size: 16px;
    color: #fff
}

.footer-item {
    font-size: 14px;
    color: #cfc8c2;
    margin-bottom: 1rem;
    line-height: 1.2
}

.footer-logo img {
    width: 60px
}

.footer-menu ul {
    padding: 0
}

    .footer-menu ul li {
        display: inline-block;
        width: auto;
        list-style: outside none none;
        padding-right: 12px;
        cursor: pointer;
        font-size: 14px;
        color: #999
    }

        .footer-menu ul li:hover {
            color: #fff
        }

.hyundai-logo-footer {
    width: 50px
}

.social-logo img {
    width: 21px;
    margin-right: 5px;
    opacity: .76
}

    .social-logo img:hover {
        opacity: 1
    }

.copyright {
    font-size: 14px;
    color: #cfc8c2;
    line-height: 1;
    display: block
}

@media (max-width:575.98px) {
    .footer-menu ul li {
        font-size: 12px
    }

    .hyundai-logo-footer {
        width: 35px
    }

    .social-icons .fab {
        font-size: 18px;
        margin-right: 6px
    }
}

.sticky-navigation {
    right: -3px;
    top: 300px;
    bottom: auto;
    padding: 0;
    width: 185px;
    transform: translate3d(125px,0,0);
    -webkit-transform: translate3d(125px,0,0);
    -moz-transform: translate3d(125px,0,0);
    -ms-transform: translate3d(125px,0,0);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -webkit-tap-highlight-color: transparent;
    z-index: 1021;
    position: fixed;
    color: #fff;
    font-size: 14px;
    white-space: nowrap;
    transition: width .4s
}

    .sticky-navigation:hover {
        width: 330px;
        transition: width .4s
    }

    .sticky-navigation .list {
        background-color: #002c5f;
        list-style: none;
        margin-left: 5px;
        padding-left: 5px
    }

        .sticky-navigation .list .list-item {
            margin-left: 5px !important;
            padding-left: 5px !important;
            line-height: 2.4;
            border-bottom: 1px solid #cac2b9
        }

            .sticky-navigation .list .list-item .svg-inline--fa {
                font-size: 21px;
                padding: 1px
            }

@media (max-width:575.98px) {
    .sticky-navigation {
        background-color: #012c5f;
        color: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        top: auto;
        white-space: wrap;
        font-size: 11px;
        -webkit-transform: none;
        -webkit-transform: initial;
        transform: none
    }

        .sticky-navigation:hover {
            width: 100%
        }

        .sticky-navigation .list {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: baseline;
            justify-content: space-between
        }

            .sticky-navigation .list .list-item {
                margin-left: 5px;
                padding-left: 5px;
                line-height: 1;
                border-bottom: 0;
                display: flex;
                flex-direction: column
            }

    .text-wrap {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 7px
    }

    .sticky-navigation .list .list-item .svg-inline--fa {
        font-size: 15px;
        padding: 0;
        margin-bottom: 4px
    }
}

@media (min-width:576px) and (max-width:1024px) and (orientation:landscape) {
    .sticky-navigation {
        background-color: #012c5f;
        color: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        right: 0;
        top: auto;
        white-space: wrap;
        font-size: 11px;
        -webkit-transform: none;
        -webkit-transform: initial;
        transform: none
    }

        .sticky-navigation:hover {
            width: 100%
        }

        .sticky-navigation .list {
            list-style-type: none;
            margin: 0;
            padding: 0;
            display: flex;
            align-items: baseline;
            justify-content: space-between
        }

            .sticky-navigation .list .list-item {
                margin-left: 5px;
                padding-left: 5px;
                line-height: 1;
                border-bottom: 0;
                display: flex;
                flex-direction: column
            }

    .text-wrap {
        vertical-align: top;
        display: inline-block;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 7px
    }

    .sticky-navigation .list .list-item .svg-inline--fa {
        font-size: 15px;
        padding: 0;
        margin-bottom: 4px
    }
}

.sticky-chat {
    bottom: 10px;
    position: fixed;
    right: 10px;
    transition: all .2s ease-out;
    width: 120px;
    z-index: 1050
}

    .sticky-chat:hover {
        -webkit-transform: scale(1.03);
        transform: scale(1.03)
    }

@media (max-width:575.98px) {
    .sticky-chat {
        bottom: 60px;
        width: 62px;
        right: 7px
    }
}

@media (min-width:576px) and (max-width:1024px) and (orientation:landscape) {
    .sticky-chat {
        bottom: 50px;
        width: 62px;
        right: 7px
    }
}

.catalogo-banner .card {
    border: 0;
    border-radius: 0
}

.catalogo-banner .card-img-overlay {
    padding: 90px 60px 0
}

.catalogo-banner .card img {
    border: 0;
    border-radius: 0
}

.catalogo-banner .modelo-etiqueta {
    text-align: center;
    display: block;
    font-size: 60px;
    font-family: HyundaiSansHead-Medium
}

.catalogo-banner .bg-banner-vehiculos {
    background: hsla(0,0%,100%,.7);
    margin: 0
}

.catalogo-modelos .card {
    border: 0;
    border-radius: 0
}

.catalogo-modelos .catalogo-separador {
    font-size: 24px;
    font-family: HyundaiSansHead-Medium;
    margin-bottom: 0;
    margin-top: 16px;
    color: #002c5f
}

.catalogo-modelos .linea-separador {
    border-bottom: 1px solid #b4b4b4;
    margin-bottom: 21px
}

.catalogo-modelos .nav-tabs .nav-link {
    background-color: #444;
    border: 0;
    border-radius: 0;
    color: #fff !important;
    padding: 18px 0;
    font-size: 16px;
    font-family: HyundaiSansHead-Medium
}

    .catalogo-modelos .nav-tabs .nav-link:hover {
        background-color: #fff;
        border: 0;
        border-radius: 0;
        color: #000 !important
    }

    .catalogo-modelos .nav-tabs .nav-item.show .nav-link, .catalogo-modelos .nav-tabs .nav-link.active {
        background-color: #fff !important;
        color: #000 !important
    }

.catalogo-modelos .btn-link {
    text-decoration: none !important;
    color: #000;
    padding: 0;
    border: 0
}

    .catalogo-modelos .btn-link:hover {
        color: #000
    }

.catalogo-modelos .card-title {
    margin-bottom: 0
}

.catalogo-modelos .card-header {
    background-color: #fff
}

.catalogo-modelos .card-body {
    padding: 0
}

.catalogo-modelos img {
    cursor: pointer
}

.nombre-modelo {
    text-align: center;
    margin: 12px 0 0;
    font-family: HyundaiSansHead-Medium;
    font-size: 16px;
    padding: 12px 0
}

.nombre-modelo-active {
    background-color: #f6f3f2
}

.btn-buscar span {
    background-color: #fff;
    border-left: 0;
    cursor: pointer
}

.btn-landing {
    width: 160px
}

.btn-landing, .btn-seleccion {
    background-color: #002c5f !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: HyundaiSansHead-Regular
}

.btn-seleccion {
    width: 100%
}

.detalle-label {
    font-family: HyundaiSansHead-Medium;
    font-size: 16px
}

.catalogo-version {
    border: 0 !important;
    font-size: 14px !important;
    font-family: HyundaiSansText-Regular
}

.tabla-modelo tbody tr td {
    font-size: 14px;
    font-family: HyundaiSansText-Regular
}

.bg-tabla-sand {
    background-color: #e4dcd3;
    border: 1px solid #fff !important
}

.bg-tabla-white {
    background-color: #fff
}

.catalogo-modelos .card-version {
    background-color: #fff;
    border-radius: 0;
    transition: all .35s ease-in-out;
    font-family: HyundaiSansHead-Light;
    line-height: 1.2;
    padding: .5rem 1.25rem
}

    .catalogo-modelos .card-version .card-body {
        padding: .5rem 1.25rem
    }

.catalogo-modelos .version-titulo {
    font-size: 16px;
    font-family: HyundaiSansHead-Medium
}

.catalogo-modelos .version-icono {
    width: 40px;
    height: 40px;
    text-align: center
}

.catalogo-modelos .version-texto-icono {
    font-size: 10px !important;
    text-align: center !important;
    font-weight: 700 !important
}

.catalogo-modelos .version-texto {
    font-size: 12px;
    padding-left: 16px
}

    .catalogo-modelos .version-texto ul {
        padding-left: 16px;
        line-height: 1.8
    }

.detalle-modelo .paleta-colores {
    position: relative;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid hsla(0,0%,96.5%,.2);
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .25s ease-in-out;
    display: inline-flex;
    padding-left: 0
}

    .detalle-modelo .paleta-colores li {
        display: inline-block;
        display: block;
        width: 45px !important;
        height: 16px !important;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s
    }

.version-basica {
    font-size: 13px;
    font-family: HyundaiSansHead-Medium;
    padding-left: 1px
}

@media (max-width:992px) {
    .catalogo-banner .modelo-etiqueta {
        font-size: 40px
    }

    .catalogo-banner .card-img-overlay {
        padding: 20px 15px 0
    }

    .btn-landing {
        width: 200px
    }

    .btn-landing, .btn-seleccion {
        font-size: 16px !important;
        margin: 21px 0
    }

    .btn-seleccion {
        width: 100%
    }

    .catalogo-modelos .nav-tabs .nav-link {
        padding: 8px 2px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media (max-width:575.98px) {
    .catalogo-banner .modelo-etiqueta {
        font-size: 40px
    }

    .catalogo-banner .card-img-overlay {
        padding: 20px 15px 0
    }

    .btn-landing {
        width: 115px
    }

    .btn-landing, .btn-seleccion {
        font-size: 12px !important;
        margin: 21px 0
    }

    .btn-seleccion {
        width: 100%
    }

    .catalogo-modelos .nav-tabs .nav-link {
        padding: 8px 2px;
        font-size: 11px
    }

    .catalogo-modelos .catalogo-separador {
        font-size: 21px
    }
}

.titulo-mant {
    font-size: 21px
}

.texto-mant, .titulo-mant {
    font-family: HyundaiSansHead-Medium;
    margin-bottom: 0
}

.texto-mant {
    font-size: 15px
}

.mant-line {
    background-color: #002c5f
}

.player-wrapper {
    position: relative;
    padding-top: 56.25%
}

.player-wrapper-home {
    position: relative;
    padding-top: 100%
}

.react-player {
    position: absolute;
    top: 0;
    left: 0
}

.posventa-banner .card {
    border: 0;
    border-radius: 0
}

.posventa-banner .card-img-overlay {
    padding: 90px 60px 0
}

.posventa-banner .card img {
    border: 0;
    border-radius: 0
}

.posventa-banner .posventa-etiqueta {
    text-align: center;
    display: block;
    font-size: 60px;
    font-family: HyundaiSansHead-Medium
}

.posventa-banner .bg-banner-posventa {
    background: hsla(0,0%,100%,.7);
    margin: 0
}

.menu-posventa {
    border-bottom: 2px solid rgba(0,0,0,.05);
    background-color: #fff
}

.posventa-item ul li {
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    font-family: HyundaiSansText-Regular;
    cursor: pointer
}

    .posventa-item ul li .svg-inline--fa {
        font-size: 14px
    }

.garantia-title {
    font-size: 55px;
    font-family: HyundaiSansHead-Medium
}

.garantia-subtitle {
    font-size: 40px;
    font-family: HyundaiSansHead-Medium
}

.garantia-text {
    font-size: 18px
}

.btn-garantia {
    background-color: #002c5f !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: HyundaiSansHead-Regular;
    min-width: 120px
}

.input-vim {
    max-width: 200px
}

.form-posventa {
    max-width: 800px
}

    .form-posventa .form-control, .form-vin .form-control {
        background-color: #f6f3f2;
        border-radius: 0
    }

    .form-posventa .form-control {
        border: 1px solid #e4dcd3
    }

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

.whatsapp-icon {
    max-height: 21px
}

.titulo-video {
    text-align: center
}

.garantia-subtitulo, .titulo-video {
    font-family: HyundaiSansHead-Medium;
    font-size: 18px
}

.garantia-subtitulo {
    line-height: 1.1
}

.garantia-video-titulo, .titulo-tips {
    font-family: HyundaiSansHead-Medium;
    font-size: 21px
}

.titulo-tips {
    text-align: center
}

.tips-video-titulo {
    font-size: 14px
}

.mant-titulo, .tips-video-titulo {
    font-family: HyundaiSansHead-Medium;
    color: #002c5f
}

.mant-titulo {
    font-size: 32px;
    text-align: center;
    line-height: 1
}

.mant-subtitulo {
    color: #002c5f;
    font-size: 31px;
    text-align: center
}

.mant-texto, .rev-texto {
    font-size: 14px
}

.rev-texto {
    color: #002c5f;
    line-height: 1.2
}

.inge-link {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

    .inge-link svg {
        color: #bc2a8d
    }

.boton-cita {
    background-color: #0582ca;
    color: #fff !important
}

.tips-subtitulo {
    font-family: HyundaiSansHead-Regular;
    font-size: 24px
}

.acordeon-garantia .card-header {
    background-color: #002c5f;
    color: #fff;
    border: 0;
    padding: .5rem .75rem;
    font-weight: 600
}

.acordeon-garantia .btn {
    color: #fff;
    font-size: 18px
}

    .acordeon-garantia .btn:hover {
        color: #b0d1f7
    }

.acordeon-garantia .card-body {
    background-color: #ece8e5;
    line-height: 1.1
}

.garantia-item {
    background-color: #fff;
    font-size: 18px;
    padding: 21px
}

.garantia-texto {
    font-size: 16px
}

.tips-acc .card-header {
    padding: .5rem .75rem;
    font-weight: 600
}

.tips-acc-titulo {
    font-size: 16px;
    font-family: HyundaiSansHead-Medium;
    color: #002c5f
}

.tips-acc-subtitulo {
    font-size: 14px;
    font-family: HyundaiSansHead-Medium
}

.tips-acc-texto {
    font-size: 14px
}

    .tips-acc-texto ul {
        padding-left: 24px
    }

.inge-menu .nav-fill .nav-item {
    background-color: #444;
    border-radius: 0;
    color: #fff;
    font-family: HyundaiSansHead-Medium
}

.inge-menu .nav-tabs .nav-item.show .nav-link, .inge-menu .nav-tabs .nav-link.active {
    color: #000;
    background-color: #fff
}

.cover-inge {
    cursor: pointer
}

@media (max-width:575.98px) {
    .titulo-mant {
        font-size: 19px
    }

    .posventa-banner .posventa-etiqueta {
        font-size: 30px
    }

    .posventa-banner .card-img-overlay {
        padding: 20px 15px 0
    }

    .posventa-item ul li {
        font-size: 14px;
        padding: 0 25px
    }

    .garantia-title {
        font-size: 26px;
        text-align: center
    }

    .garantia-subtitle {
        font-size: 21px
    }

    .garantia-text {
        font-size: 14px
    }

    .garantia-subtitulo, .garantia-video-titulo {
        font-size: 18px
    }

    .titulo-tips {
        font-size: 16px
    }

    .mant-titulo {
        font-size: 21px
    }

    .mant-subtitulo {
        font-size: 18px;
        margin-top: 4px
    }

    .mant-texto, .rev-texto {
        font-size: 13px
    }

    .rev-texto {
        margin-bottom: 0
    }

    .inge-link, .tips-subtitulo {
        font-size: 16px
    }

    .dongus-text {
        font-size: 14px
    }
}

@-webkit-keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-video-inner {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

@keyframes modal-video-inner {
    0% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: modal-video;
    animation-name: modal-video;
    transition: opacity .3s ease-out
}

.modal-video-effect-exit {
    opacity: 0
}

    .modal-video-effect-exit .modal-video-movie-wrap {
        -webkit-transform: translateY(100px);
        transform: translateY(100px)
    }

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-name: modal-video-inner;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

    .modal-video-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

    .modal-video-close-btn:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .modal-video-close-btn:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .modal-video-close-btn:after, .modal-video-close-btn:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        background: #fff;
        border-radius: 5px;
        margin-top: -6px
    }

.neohyundai-logo {
    max-width: 400px
}

.banner-compania .card {
    border: 0;
    border-radius: 0
}

.banner-compania .card-img-overlay {
    padding: 90px 60px 0
}

.banner-compania .card img {
    border: 0;
    border-radius: 0
}

.banner-compania .card-title {
    margin-bottom: 0
}

.bg-banner-compania {
    background: hsla(0,0%,100%,.7)
}

.compania-etiqueta {
    font-size: 60px
}

.compania-etiqueta, .compania-informacion {
    text-align: center;
    display: block;
    font-family: HyundaiSansHead-Medium
}

.compania-informacion {
    font-size: 36px
}

.titulo-compania {
    font-size: 34px;
    font-family: HyundaiSansHead-Medium
}

.subtitulo-compania {
    font-size: 24px;
    font-family: HyundaiSansHead-Medium
}

.texto-compania {
    font-size: 16px
}

    .texto-compania ul li {
        font-size: 16px;
        font-family: HyundaiSansHead-Medium
    }

.menu-corporativo .nav-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    border: 0
}

.menu-corporativo .nav-link {
    color: #999;
    font-size: 16px;
    font-family: HyundaiSansHead-Medium;
    padding: .5rem .8rem
}

.menu-corporativo .nav-tabs .nav-item.show .nav-link, .menu-corporativo .nav-tabs .nav-link.active {
    color: #002c5f;
    border: 0;
    border-bottom: 2px solid #002c5f
}

.titulo-historia {
    font-size: 28px;
    font-family: HyundaiSansHead-Medium
}

.texto-historia {
    font-size: 16px;
    color: #1c1b1b
}

.menu-corporativo .swiper-button-next:after, .menu-corporativo .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: rgba(0,0,0,.3);
    color: #e7e7e7;
    padding: 8px
}

.menu-corporativo .swiper-button-prev, .menu-corporativo .swiper-container-rtl .swiper-button-next {
    left: -2px !important
}

.menu-corporativo .swiper-button-next, .menu-corporativo .swiper-container-rtl .swiper-button-prev {
    right: -2px !important
}

@media (max-width:575.98px) {
    .banner-compania .card-img-overlay {
        padding: 20px 15px 0
    }

    .compania-etiqueta {
        font-size: 36px
    }

    .compania-informacion {
        font-size: 16px
    }

    .titulo-compania {
        font-size: 24px
    }

    .subtitulo-compania {
        font-size: 18px
    }

    .texto-compania {
        font-size: 14px
    }
}

.titulo-articulo {
    font-family: HyundaiSansHead-Medium;
    font-size: 40px;
    margin-bottom: 0
}

.fecha-artitulo {
    font-size: 16px;
    color: #666
}

.texto-articulo {
    font-size: 16px
}

@media (max-width:575.98px) {
    .titulo-articulo {
        font-size: 18px
    }

    .fecha-artitulo {
        font-size: 10px;
        color: #666
    }

    .texto-articulo {
        font-size: 12px
    }
}

.bg-concesionario {
    background-image: url(/static/media/concesionario-bg.a24c49c4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 1em 2em
}

.cont-concesionario {
    background-color: hsla(0,0%,100%,.6)
}

.cont-agencia {
    max-height: 80vh;
    overflow: auto
}

.concesionario-banner .card {
    border: 0;
    border-radius: 0
}

.concesionario-banner .card-img-overlay {
    padding: 90px 60px 0
}

.concesionario-banner .card img {
    border: 0;
    border-radius: 0
}

.concesionario-banner .concesionario-etiqueta {
    text-align: center;
    display: block;
    font-size: 60px;
    font-family: HyundaiSansHead-Medium
}

.concesionario-banner .bg-banner-concesionario {
    background: hsla(0,0%,100%,.7);
    margin: 0
}

.cont-concesionario .card {
    border-radius: 0;
    border: 1px solid #707070;
    background-color: #faf6f4;
    cursor: pointer !important
}

.cont-concesionario .form-control {
    background-color: #f2f2f2
}

.cont-concesionario .form-label {
    font-family: HyundaiSansHead-Medium
}

.cont-concesionario .card-body {
    padding: 1.5rem
}

.pw-concesionario a {
    font-size: 14px;
    text-align: right
}

.pw-concesionario .fa-chevron-right {
    padding-top: 3px
}

.agencia-nombre {
    color: #002c5f;
    font-size: 16px !important;
    font-family: HyundaiSansHead-Medium
}

.agencia-contacto, .agencia-direccion, .agencia-telefono {
    font-size: 13px;
    color: grey;
    margin-bottom: .2rem
}

.agencia-tipo {
    color: #002c5f;
    font-size: 14px;
    margin-bottom: 0
}

    .agencia-tipo .fa-store, .agencia-tipo .fa-tools {
        font-size: 18px;
        color: #00aad2
    }

.cont-concesionario .btn-waze {
    width: 80px;
    background-color: #00aad2;
    border: 0;
    border-radius: 20px
}

.concesionario-active {
    border: 3px solid #00aad2;
    background-color: #f6f3f2;
    cursor: pointer !important
}

.info-card {
    font-weight: 700
}

@media (max-width:575.98px) {
    .bg-concesionario {
        padding: .5em
    }

    .concesionario-banner .concesionario-etiqueta {
        font-size: 40px
    }

    .concesionario-banner .card-img-overlay {
        padding: 20px 15px 0
    }
}

.cont-agencia {
    height: auto
}

.cont-map2 {
    height: 80vh;
    width: 100%
}

@media (max-width:575.98px) {
    .cont-map2 {
        height: 400px
    }
}

.check-terminos {
    line-height: 1.2
}

.step4-cont .card-body {
    padding: 1rem 1.5rem .5rem
}

.step4-cont .card .titulo-tarjeta {
    background-color: #f8731b
}

.version-basica-stepper {
    font-size: 14px;
    font-family: HyundaiSansHead-Medium;
    color: #000
}

.step4-cont .card .titulo-tarjeta {
    font-family: HyundaiSansHead-Regular;
    font-size: 16px;
    margin-bottom: 0;
    text-align: center
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: #fd6500 !important
}

.stepper .version-texto-icono {
    font-size: 10px;
    text-align: center;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0
}

.stepper .version-texto {
    font-size: 12px;
    padding-left: 16px;
    color: #212529;
    line-height: 1.2
}

#step43 .swiper-container {
    width: 100%;
    height: 100%
}

#step43 .swiper-button-next:after, #step43 .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: #048e87;
    color: #e7e7e7;
    padding: 4px
}

#step43 .swiper-button-prev, #step43 .swiper-container-rtl .swiper-button-next {
    left: 3px !important
}

#step43 .swiper-button-next, #step43 .swiper-container-rtl .swiper-button-prev {
    right: -2px !important
}

@media (max-width:575.98px) {
    .ribbon {
        display: grid;
        font-size: 10px;
        grid-gap: 1px;
        grid-template-columns: repeat(4,1fr) 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        width: 100%
    }

    .ribbon-element {
        color: #fff;
        font-family: HyundaiSansHead-Regular;
        font-size: .9em;
        font-weight: 700;
        letter-spacing: .01em;
        line-height: 1em;
        padding: 1em .4em 1em 1.8em;
        position: relative;
        text-align: center;
        text-decoration: none
    }

    .step1-cont .registro-form {
        background-color: #fd6500;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        padding: 1em 1.5em;
        width: 100%
    }

    .step1-cont .titulo-registro {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        line-height: 1.1;
        text-align: center
    }

    .step1-cont .etiqueta {
        font-size: 16px;
        font-weight: 700
    }

    .check-terminos {
        font-size: 14px;
        margin-bottom: 0;
        padding-top: 3px;
        cursor: pointer
    }

        .check-terminos:hover {
            text-decoration: underline
        }

    .step1-cont .btn-comienza {
        border-radius: 0;
        border: 0;
        font-size: 15px;
        font-weight: 700;
        padding: .4em 1.6em .2em
    }

        .step1-cont .btn-comienza, .step1-cont .btn-comienza:hover {
            background-color: #fff;
            color: #fd6500
        }

    .step1-cont .form-control {
        background-color: #f5f4f3;
        border-radius: 0
    }

    .step2-cont .container {
        max-width: 900px !important
    }

    .step2-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step2-cont .mapa {
        border: 3px solid #fff
    }

    .step2-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step2-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step2-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step2-cont .btn-continuar:hover {
            background-color: #fd6500;
            border-radius: 0;
            border: 0;
            font-family: HyundaiSansHead-Regular
        }

    .step3-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step3-cont .img-vehiculo {
        background-color: #fd6500;
        margin-bottom: 0;
        padding: 10px;
        cursor: pointer
    }

        .step3-cont .img-vehiculo:hover {
            background-color: #fff
        }

            .step3-cont .img-vehiculo:hover ~ .nombre-vehiculo {
                background-color: #fd6500
            }

    .img-vehiculo-active-modelo {
        background-color: #fff;
        margin-bottom: 0;
        padding: 10px
    }

    .img-vehiculo-active-modelo-titulo {
        background-color: #fd6500
    }

    .img-vehiculo-active-modelo-titulo, .step3-cont .nombre-vehiculo {
        font-family: HyundaiSansHead-Medium;
        margin-top: 4px;
        text-align: center
    }

    .step3-cont .nombre-vehiculo-active {
        background-color: #fd6500
    }

    .step3-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step3-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step3-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step3-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step3-cont .titulo-precio {
        font-family: HyundaiSansHead-Regular;
        font-size: 24px
    }

    .step3-cont .precio {
        background-color: #fd6500;
        font-family: HyundaiSansHead-Regular;
        font-size: 21px;
        width: 100%
    }

    .step3-cont .calculadora {
        color: #fd6500;
        background-color: #fff;
        font-size: 26px
    }

    .step4-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step4-cont .titulo-precio {
        font-family: HyundaiSansHead-Regular;
        font-size: 24px
    }

    .step4-cont .precio {
        background-color: #fd6500;
        font-family: HyundaiSansHead-Regular;
        width: 100%;
        font-size: 21px
    }

    .step4-cont .calculadora {
        color: #fd6500;
        background-color: #fff;
        font-size: 26px
    }

    .step4-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step4-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step4-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step4-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step4-cont .card {
        background-color: #b2b2b2;
        border-radius: 0;
        border: 0
    }

        .step4-cont .card .titulo-tarjeta {
            font-family: HyundaiSansHead-Regular;
            font-size: 16px;
            text-align: center;
            margin-bottom: 0
        }

        .step4-cont .card .texto-tarjeta {
            font-family: HyundaiSansHead-Regular;
            font-size: 13px;
            margin-bottom: 0;
            line-height: 1.1;
            color: #343a40
        }

        .step4-cont .card .card-footer {
            background-color: #f8731b;
            padding: .4rem 1.25rem;
            text-align: center
        }

    .step4-cont .colores li {
        border-radius: 0;
        display: inline-block;
        height: 15px;
        margin: 0 12px;
        width: 40px;
        cursor: pointer
    }

    .step4-cont .colores .rojo {
        background-color: #ac0000
    }

    .step4-cont .colores .azul {
        background-color: #0043ac
    }

    .step4-cont .colores .plomo {
        background-color: #565656
    }

    .step4-cont .colores .gris {
        background-color: #8a8a8a
    }

    .step4-cont .flecha {
        font-size: 32px;
        color: #fd6500
    }

    .step4-cont .v360-viewport {
        background-color: transparent
    }

    .step4-cont .dark {
        background-color: transparent !important
    }

    .step5-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step5-cont .registro-form {
        background-color: rgba(253,101,0,.4);
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        padding: 1.5em 1.5em 1em;
        width: 100%
    }

    .step5-cont .form-group {
        margin-bottom: 0
    }

    .step5-cont .exclamacion {
        font-size: 24px
    }

    .step5-cont .titulo-registro {
        font-family: HyundaiSansHead-Regular;
        font-size: 16px;
        line-height: 1.1;
        text-align: center
    }

    .step5-cont .titulo-modelo {
        font-family: HyundaiSansHead-Regular;
        font-size: 18px
    }

    .step5-cont .etiqueta {
        font-size: 14px;
        font-weight: 700
    }

    .step5-cont .form-control {
        background-color: #f5f4f3;
        border-radius: 0
    }

    .step5-cont .codigo {
        font-size: 16px;
        font-family: HyundaiSansHead-Regular;
        line-height: 1.1
    }

    .step5-cont .btn-enviar {
        background-color: rgba(253,101,0,.6);
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium
    }

        .step5-cont .btn-enviar:hover {
            background-color: #fd6500
        }

    .step5-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step5-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step5-cont .btn-finalizar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-finalizar:hover {
            background-color: #fd6500
        }

    .step5-cont .titulo-resumen {
        background-color: rgba(253,101,0,.5);
        display: block;
        font-family: HyundaiSansHead-Regular;
        text-align: center
    }

    .step5-cont .legal-resumen {
        font-size: 11px
    }

    .step5-cont .reservalo-gif {
        max-width: 220px;
        cursor: pointer
    }
}

.cont-map {
    height: 375px;
    width: 100%
}

.pin {
    width: 30px;
    height: 30px;
    border-radius: 50% 50% 50% 0;
    background: #00cae9;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px
}

    .pin, .pin:after {
        position: absolute
    }

        .pin:after {
            content: "";
            width: 14px;
            height: 14px;
            margin: 8px 0 0 8px;
            background: #e6e6e6;
            border-radius: 50%
        }

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

.pulse {
    background: #d6d4d4;
    height: 14px;
    width: 14px;
    left: 50%;
    top: 50%;
    margin: 11px 0 0 -12px;
    -webkit-transform: rotateX(55deg);
    transform: rotateX(55deg);
    z-index: -2
}

    .pulse, .pulse:after {
        border-radius: 50%;
        position: absolute
    }

        .pulse:after {
            content: "";
            height: 40px;
            width: 40px;
            margin: -13px 0 0 -13px;
            -webkit-animation: pulsate 1s ease-out;
            animation: pulsate 1s ease-out;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            opacity: 0;
            box-shadow: 0 0 1px 2px #00cae9;
            -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s
        }

.popover-ventas .popover-header {
    background-color: #002c5f;
    color: #fff;
    font-family: HyundaiSansHead-Medium;
    font-size: 14px
}

.popover-ventas .popover-body p {
    margin-bottom: 0
}

.agencia-active {
    border: 3px solid #00aad2;
    background-color: #f6f3f2
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }
}

@-webkit-keyframes bounce {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg)
    }

    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg)
    }
}

@keyframes bounce {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px) rotate(-45deg);
        transform: translateY(-2000px) rotate(-45deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px) rotate(-45deg);
        transform: translateY(30px) rotate(-45deg)
    }

    80% {
        -webkit-transform: translateY(-10px) rotate(-45deg);
        transform: translateY(-10px) rotate(-45deg)
    }

    to {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg)
    }
}

@media (max-width:575.98px) {
    .cont-map {
        height: 350px
    }
}

.stepper-gracias {
    background-image: url(/static/media/background.07469f40.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 1rem 0
}

.step3-cont .nav-tabs {
    border: 0
}

.step3-cont .nav-fill .nav-item {
    background-color: #fd6500;
    border-radius: 0;
    color: #fff;
    font-family: HyundaiSansHead-Medium;
    font-size: 18px;
    margin: 6px
}

.stepper .nav-tabs .nav-item.show .nav-link, .stepper .nav-tabs .nav-link.active {
    color: #fd6500;
    background-color: #fff;
    margin: 6px
}

.step3-cont .nav-link {
    padding: .3rem 1rem
}

.step4-cont .legal {
    font-size: 12px;
    line-height: 1.2
}

.stepper {
    background-image: url(/static/media/background.07469f40.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 70vh
}

.stepper-bg {
    background-color: #000;
    color: #fff
}

.stepper-cont {
    max-width: 700px !important
}

.ribbon {
    display: grid;
    font-size: 10px;
    grid-gap: 1px;
    grid-template-columns: repeat(4,1fr) 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    width: 100%
}

.ribbon-element {
    background-color: #11d295;
    color: #fff;
    font-family: HyundaiSansHead-Regular;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: .01em;
    line-height: 1em;
    padding: 1em 1em 1em 2em;
    position: relative;
    text-align: center;
    text-decoration: none
}

.tab-step1 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMAMiEtDwYcExYKKiZwkSsFAAADcUlEQVRYw+1XPW8aURC8A2NM0njBxrHd5KRIkTsoglziSKRJcy4SIaXxKbEilOZCOqcBJW5SQQpqU0EJVf5e3mOOt3cKLnaPJpan4OMVq527mX2z3iMePjpbq1T6SO0tldqbEi22U6pP1BoebqNSJSB64fnPvPx436Rq7HmFWv5SN0Tz0HZHo5yVdgKq9fCzeZWv1ISoutbCcD+XqH4Q/XH/Lg88PcqG3y3/fVrVl3pt+I3SpUlvGisqB1uUYrVpTgas1ujUfAZ3atOE7l93StbZF4da02QLT597XrGu0CdMw2qls5W4dhUuKsI07EbDzz8y7SpGWOGUf/8imq/OrLgMUSnKFKbceM1nGhdRoobfcKM7uzySVoKQoNaXOOjgzBAVY3xsWS3p5JaVas4ULoKQjBvrIyi1SXWcgbwMu7VK5NT6neg8tGc6F5WoSaexU2oPZ9ZFx3ncOHRvUuUimCbBxWz966vCRbswzT/wj0BUgjHN73GW3EXjg3uoUwiiAjzZJO7+K4jLl7lojza9DdNs1ABRkbjizYFifAyiEgT8fDMjrFiVuoifb2aElRLyQUNUi4MWj7Dych/iMkQlKJzgm0eYHRp3IC90ET/f8nIVKCq4wg15EJUAQSsZYbjCY52LIKSkGx4a3RHIL0UuQtDqopudABVvaKF2UWHVDWQKYcQgr3CRT2dJ7l0nTZAHUQGMi3baLvciaYK80kXoxiXN0peRIS+N0wha6AZJE8K4grgiuYuK6MYKAxVbIG9npQR2XfnAMkW2S8hbogK4daWfEgZGyKHOReiGL+5JMzTk5XE6snehkyn1MBFDiCuQuyiieZgRxjXI90nyIrGuvLUyNd3MEmG0V+Q/BSTkiKCFbngidmyzlrjURSzTMlaQSlQz5GmuSpnf3HxujVaJrsrikrpoiW7cRDwPdSnTN1fEGztNEeo4RlGsSJmcL9e7B8gv8C1zUUamsxR5IRC0bDcsjJ+OvAxYV2iWvriJyYuAdeVd5uKuM3kRsK5ApmYiZtL+QLGrpWRqKnLa91S7Wjl9cVtMWBtSF1WyMsXQEIOFhInIQ0MBF7R8DAYeYYDKRXtoBdpQIhu0MMK04HWFtaEFL/2sVC04aGGEKcEu4hGmB8dpjLD8oAGbJi+CBpsmL8bEpsmLIvPLjdJn7xH/Jf4C8fDBlcurI0cAAAAASUVORK5CYII=);
    border-radius: 2em 0 0 2em;
    color: #fff;
    z-index: 5
}

.tab-step1, .tab-step2 {
    background-color: #ea5b1b;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tab-step2 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMAMhsSDSYhBi0qChbPjinZAAACh0lEQVRYw+2Yv2/TQBTHL7Fp6nTx105cO11SCHSNEZEYXZQJFtwCc02pujoDCyy2GJBgqaeuDRMSC2Xh32udRHEr3Vl65zdUVd9ykYdP7t37vh934sHupb3mQ/3Gdy5UB3mfi7URiOKCiTWzDXCx4mHoMqG2/C7GTKxwYDlMKAPjyzMm1q4r8ogH9Rljg0ldbfwQGy7TYTlCtGwWVuKl16yMA2UthNV6yxLDcyGY9mUiLZfNbY4C4S4XDtk/slfbY2OVhYKBtTqomcsg+t46vdlYInT4WAaOGst+UNXDW40p0mga2XqHO6KyCWyNzF5roSxh3acIjsvEAs40Ck71G3//FADwbZrgeJ+e7K0bsgoBf1S6B5yK/SHdxRvBM08OFu321Yf/QoNlKNOQ7qPlKp3P6IpQ/gu5oF0qT6XtkI8+Ug9k5PHmokbEVFbNUW5TWZG6gPSpDa2mAOZEJ8MaFc17RK3WOLIlj6SeIwkxjeYDobRNuVy1otVFRHQyqsmwjBjJo5oDsImFVSJv3S7X3lELmVoquoESRZ8KckXN2cUpvXuM5Z/xqVw4Amlhj0xSTPadPNMbWGWs2NG6dnjS8PpCx5DKvhbLhaW2gpEVaLFymY+mp3Vtl1YwUyuO8x4fqxhK01FHE23FIcfnGi4OlFdUjTla/c5AtA7UFTqlXmsdzaGJpslZRpbEYc1NiWgWnKjc37+TgyfpbbXQb6cT4OOLZygt2NObfiv7GgPwRtPp8xzvGqfRm8ejVR+rYNMqLJr2ctX2fxVwTcrAqm7WE/jv8aUpSyT99Hp3P1ORRI1ZRu7HOFxcIxqzRDtfdn8Itkdlsy9vRZotuOB7OAcElxmJJx7s7tsVNDxUYEcTO18AAAAASUVORK5CYII=);
    z-index: 4
}

.tab-step3 {
    background-color: #d14e05;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAMyYMGi0hEioGFl3h7IsAAAKCSURBVFjD7ZbPbxJBFMe30hTx5BfZXfTGhtTrIP6oPS12Kx7ZYjTeaIVUPUGsWm9s6h9QD6ZXmiYm/pcyzDAszMIb2ksP8zktw+Sz8968N7OOxWKxWCwWgsKL6CgIgm7z5U1NTz9BUfzCbmKqYA73+Py60e1Do/xvbc0WZhx0o6/1k+goxoTjdV2xylFzlqPdHjhv13RVZER788MXvWvILsUK9Ex/j3UZnS+/Xk8N/CnLh3wC4P2aCfOdNA2E8inH4//smHMXaGmulMztm7sSuExzpWVe3VS1CZw5mkuRjzFm22xtNbiO5tJL+bFZebUzXYpvMC3bHDDSXNVIwvgM2VFtg+pyHc2l8OUL/3JdSLk24K9wFdUWVPgPggFa+pCiNFccQ8LVQGdx6F6gCFOjgEduY+iY8QwIKRczdOViPKQaW7poalSQmLhOgu2fS9fzOqgy2W20q3CIMR8dDdWQbmgSQwI27ZJwxRFeZlRuxf9bEHjZuydom7kugXd7vEs62bfUrx9vAJeZuK6Aksisn9GuYkU7wJB2HeIV0BfRuFl1UJbTfNrVQCK7Ls+d+rJb8lJwadcA6uqo6AkrTP05gJGuGoDRVHtfKy4Vd4KQdG0AYPJR77dNeLPzhKxVXlxK+6i+wHOUlOvsFDhf6cqnXTopF+iTNQHYClcx7fpgfMQNkIWqf9GUKynwEpLTD4JFgHCaiiCgL+/f8OSegWW0xQPxHaWCpXayIzJSzHqRO7lvE+EkiSeJeIKs6ZtiJ/fF+2hqgFvtAehnH4XFbgWixWnysbrwde5AMHTM2MEYkRidhixZU065arSkZnj0HnOMuYiay1ttN7pyLBaLxWK57fwHty56sHzZS+cAAAAASUVORK5CYII=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 3
}

.tab-step4 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAADHRSTlMAMxomDSovHxMKIwZzDbTzAAACEElEQVRYw+2Vv27TUBSHfyEJccvCL811zNYGQVEnVx5aMaUiAyiLzRMQNrZ4ZrkOLxAJxEzVV0A8H/4DOlwqIXHPFUKVv8WSh8+fjo/uRU9Pz3/HJLMIxMGGBoH4TDIPlWVOaUJl5ThnHigLE9KEyiopYeqseUQTKmuLinmgLEDC1FmQMHWWhOmzJEyfpQ/7JlnqsFKy1GGbmWRJmK9LsrRhpemyJCxVzL7LkrBHmtN564bOdLv6Kycz1bKGckmYuPRh4tKHiUsfJi59mLiUYX907axn2G1XxNQz7Lar4hfPiV0n+A0az4lNGO/hwtzzV5bkO/cz69Xf/8pFwxmTwg2rph479gM7dsIiTn3OsY4tnLCBzwUwWjW85BxO2MDAm+pn2EGWXQCfvi7hxa4e/pM27O1i8ZTkNuIxvJiww6JgR1r5ugZsifd1WM10xJQGni6zalgDqB9V68p9XUeAcNW4VvhwgY/Pg7gQke83zIO4mv0oaUO4MjtaY/QKXq4oq9njJsuKxsVEMfuKNW8OWXN0yrSg9XedsObhkB3pmMcK1xQ4r13ApN3aGxvChW5rh5dql7ykDeYaMwnmQjEN5zq81LjKpHEJj62/6yp+4biY+LuGjB1XQevtQkHHNWbq77q3mcMJU7gwWkKDuFp61z92xcB1INd9vj7jDEGI2nsDYShJs0cYHuyeLdHTc/f5DmGPb+2UoZcXAAAAAElFTkSuQmCC);
    z-index: 2
}

.tab-step4, .tab-step5 {
    background-color: #048e87;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.tab-step5 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMAMwwaJishEAMWE+5NoxsAAAG3SURBVFjD7ZfBTsJAEIanEIF46g+sRE9tD5wxvoAk4JkaY3qkHD3VNzAxHryh8QF4VOkaa5pum8xkDpjsd4FLv7Sd/Wem5PF4PP+VOY48FiquHCXTFw0Xfsj07gsTDdfr6kgKkBZvQKTlGgIHLVcPWJAWwK2aK8VGzZUjVHNdY6zmesaVmivGRM0VwNy0wzt7Z+jCsLrIAJ3sOa4+OlnwAtlJwQzkLjnygcskmQOfSZJjnFhiQBTIGGP7wFF5fMPfs3fBDmSbK8eMHcg2FxByA2lssy5/1sBD+Xe6KlkDW24gOyi4geyAHchWbBmVAmnLyAxks46yMtrrna4hsJVNyKZrABSyCdl0BQBxkZexSapVRhvINkLBhGxjK5iQxpXtJVDIJmSzjgEgmZDThqtqquxAmoaraqr8QLpmh6SM1GeUUTwhC8nK2gLpuTKZa5c4kK7lp7jij4CMtEjda+ZetpY7mZBFZ0KKXtgSLgxJOE/h4J5I/MaiWthnJKTeFoJqnokTGda3qBNwjVCyqT2jISHL2ifGQHpSLXHtM6on7V7V1VlNbSKS8r56oj9GX3cH8ng8Hk2+Acpsc0l+VeQ9AAAAAElFTkSuQmCC);
    z-index: 1
}

.ribbon-alpha .ribbon-element:before {
    border-left: 2em solid #fff
}

.ribbon-alpha .ribbon-element2:before, .ribbon-alpha .ribbon-element:before {
    border-bottom: 2em solid transparent;
    border-top: 2em solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.ribbon-alpha .ribbon-element2:before {
    border-left: 0
}

.ribbon-alpha .ribbon-element:after {
    -webkit-transform: translateX(2em);
    border-bottom: 2em solid transparent;
    border-left: 2em solid;
    border-top: 2em solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(2em);
    width: 0
}

.ribbon-alpha .tab-step1:after, .ribbon-alpha .tab-step2:after {
    border-left-color: #ea5b1b
}

.ribbon-alpha .tab-step3:after {
    border-left-color: #d14e05
}

.ribbon-alpha .tab-step4:after, .ribbon-alpha .tab-step5:after {
    border-left-color: #048e87
}

.ribbon-element:active, .ribbon-element:hover {
    color: inherit
}

.ribbon-element:focus {
    box-shadow: inset 0 -3px 0 0 #343435;
    outline: none
}

.ribbon-element:visited {
    color: #fff
}

.tab-step1-active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAIVBMVEUAAADMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6YJjO6WAAAAC3RSTlMAMhEhLAoGFh0aJlYTAmgAAANOSURBVFjD7Ve/T9tgEDVO7EAnjiQlZQoKXTrFSO0c9xft5qgL3cIU2BKpYgYJOkOFOidd+m/W5+fkWWo73DlLK56E/Okbjnvw3n3vgkf8/4g2V2ogu5tq6kZkfzOlpql0Bp0N8ZOPk0gmG+CXiLzMv+lV7VIXqbT7erge1S11JHKC09levUphIp3bAGi2a5U6lYIf0JLAj/iLyI+AkL6f31I6l9WLZFhDVL2MPeY/h0/9pjmuFp4FwZbPRa3cNH0WvhZ1dqPjNk3VjQfzvbykZPZS9zBNiRciJ5MnbZ+L4kJUVKvc5h/R3+EYYcJSp3Aj7jwuStYuztX6mndK1AoICW78yjsQNaL5rPh8EmlnEAXuPC7aViHFD1ArlIo7kDcAQgpTuBFzta93Phelw4HIh4xztbjLXQTyJsxF+VGpxd0uyJsA0/RxbKhSC2y5XDRAK6hV8MMJRE3AE/YbQgFRC3boRgUhM7jIVOuvzgJRA2KKm5i+CYJxF0Rt4vrTfyN3UQ9ETc7m35cj7FVO3uQiCqmKcwgf5Mc2FzUOeOYIy5Q8iBoQroMWR1j80AZ5q4vkDl+OsHApPSUPohYgaHGE4QkHeaOLVEgKjDC8tMcleRA1oAxaGGGroRHNVFwgaoAGLXTDJ/w83Qd5h4ti7Ya590jknZIHUQM0aEU6wiBTJk0l73HRc8j0pBRGH+QdLtpfy5RJczAsXdS1uajDbsqkGd9IXmPpc1FUlSmyHcib4jSCVvj2kklTpTYJargI3VAYIA+iBpx1K0nzYiWMhdtFlKlKTVeQkZJ3uahJmZbCAPlp2janzJ2fXIi04vdihOzlxN8HVhdxIcJERKITEDenzDCBTNfCuAtacJPZRQ3tBsKYlYmOKdPoojFlyhgF8uaU2aJMmehcKfOK+RK7B8lbcb/LbrB7kLwNCFrjopu4fLg/ZyvygM1Fh5SpPpULkrcAQSuiTPWpzEB+5NzVKFOm/a5jV1ugmxmeSqb9oW9XS/hwV/ZSK7CuzI+Z9jk0rGDQgvA5NMygkCK0whFG2OP0t2qoc4LrCrXhBdeV9Qjzg0ELI8wPrisYYTUhM46wukhGHGFe0EU0TV00ezRNXWwLBuomENM0NYEJ/4h/Eb8Alq2jSdtZLukAAAAASUVORK5CYII=);
    border-radius: 2em 0 0 2em;
    z-index: 5
}

.tab-step1-active, .tab-step2-active {
    background-color: #dbdbdb !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fd6500
}

.tab-step2-active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAHlBMVEUAAADMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6YHC9AsAAAACnRSTlMAMgsbKiERJgYWZ6kcxQAAAm9JREFUWMPtWD1v2zAQPVN1PrYeTcvNJjkuuppIkaKb2KIfowQULbpJTYOsMtp0VmBk6OZu/blVGFRwEpHAUTcEQd5gGzL8fOK9d3wUPOJBQjRsVDs4ZeOqFJZcXJhfPGWiimZQZExcF3KMCRPXaqklE9VYCbayCrk74SoLkzTj0ukbKHjUtbdqJY/AAo0liBkL1QKXAIJl6QV+bF/3WbietIvFVZeuLZfi4DJN9zYYCix0PpipE8Mo5qtrh8PbprM3w+Tq/F2y1QVFPNjYCrrCYBtzOldkBX9HYmsTYPbRs/+f7Ag7WeGPtqGXiCRT3dFoGguNLWbfznCyjgOmxPakRvzVwG9zVVQk6VNi++/Pzv9a2X45BiKX34ZRTFYEOvcT8trvTzy6I2JXuv2QUNXlzkl/cipX5v5KUrlqTyLjqwvMhihVT65MJTHgeFQUKapWS8/EJXaykp7FPCAKX/lmSEINvR7jE7Ni6ukkNcOOY2CRqyfg0Hc5f8BZkGOBdlnlsk3XRLiC/XO7q7FYcuGiojdS4PuQQ8e011thWRihB9+Dop3jJKSXIVxV3dtee5WnkWnOx1XZe+QRqy6Dwm+viQpnH+mTVYdwpZIlAliY/kUeBQg/Uu7zvAP0CPKC7qIqd3qr5nGj1bAkc208w4iIdJKwJVaByob6w1fnR7dYDVCxNvju+MTgFT7fNBdd+uIlIqqv8/lhgdNmqCXF0evrn53itLuWWEsOQIQH1z38hCohjB3PZh0Z/GAyvWR46rTGWdkeIwZzgcaftgWjrBrMtVfg28YaNXVy0Y3Kx7Uq05qLq0LMgQunuIFH3Hv8A/UpTi2vetv4AAAAAElFTkSuQmCC);
    z-index: 4
}

.tab-step3-active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAHlBMVEUAAADMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6bMK6YHC9AsAAAACnRSTlMAMwwmGiETKxAGFCc8ywAAAmFJREFUWMPtlbtz00AQh+V33PknWVbSKSaEocMo7m2shNBZwPDoTPAMrY6Z9ISBgs4wA38vltD6HN/JeyJNivsqjR6f9vZ29xyLxWKxWCwcw+V5FEXj+OtdRQczgQ1nP+5ieo7bXH/5X9V3qLypbKkLbAjG8eXwNJ6NkOOHFV3HIF4/dohf58jwFtVcNVpReDvcj3mg1WQNlHzUHmX3qy1TIBgOV1s7irmT050C8FYVE7YTqEuXnwD0q+wj4GtdJPtcKaxUdREfAFyF5unyHcUlmWKNd2mkagLzfa66MC/bnwgcrYtoIcczkCVwFZcfF7zIW3UEmBUHMFFckuL7k0x3yKnagLPHtdguDq6fWvDVW5JQFgdftR0MnB26s4h4t51YNrCaTD2fDZcriR6voVUGTAeZu5rAwsD151VU3iXfovFV0W1z3vUA+tkiG/JpdnWDHueiIjjcdxxkEdUMXIIKU797OQHvyp53gODiJNEHdgP4z5YCSI1c0zyibgI4Kv96ug30TVyDogZbyiCTN7OsrVhXBwF1XaJ5tQafDoUJ62oA8Dchamr9iCqjx7qaAI7UkUEkmFOvuazrAEBKl57yeIQF5cLl+w3Ak81BOdxFIKRc9E+BlJv30qVBujIW3NChyNvQINe4xjMecS1ooKCPqSn38ggevR5Euwi4lAovesnPXlqH0NZqIF8yABgUGZnoyi8tTiFOQ6Pg/frPQjvORR7Qb/6klTm/ngFwS0bh2VvKO08iS0mBis43P/lo91UaVGaGNAWAsh1/CCCYOMbUl3FY/jC+CB2LxWKxWO45fwE0+mqkyVDIZwAAAABJRU5ErkJggg==);
    z-index: 3
}

.tab-step3-active, .tab-step4-active {
    background-color: #dbdbdb !important;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fd6500
}

.tab-step4-active {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAG1BMVEUAAAAEjocEjocEjocEjocEjocEjocEjocEjoePar1rAAAACXRSTlMAMgwgJhoTKgadzbmIAAAB8ElEQVRYw+2Wz27TQBCHJ+smzpHfOn842iZCPTpVK64UVuIaDpE4xogHsN+gwIuz3iAGpxJSZ0aoqvydVj58+jQerU0TExPPDnd7Y+ZqgYORagGgMMu626MxyipoZhTWxqYeaIyychQozLJKnpg2y1OGwiqLiMO0WcRh+iwOU2dxmD6Lw/RZ+rAZZ6nDKnCWNqwCZ2nDZniXsjhsrbkFUxaHrTQ74cehK91S6F28rEYuDmOXPoxd+jB26cPYpQ9jlzbsX67FF1kYu5i9F4Y9dmXwwonNto+vkpNwYj26S9dG+Cpz4CKs/lE+/a/pONCjHYdlKCX3WMK7cdgepWDHzmyo+jvMxQdPZlknepxGYQ4nkpL/CfsWQknuupZ55scIUlg64HVaeRE9Eq9i2BmfQehyONP8PpWffVx5qeumHhiOdf0muTYkdR2ImQ8uV87DaREOFq5hVTct1jauFl0Ob+HaNS6Or36QuW5DiOPZhfApzX6rmH2GyJowcHfvv6OTu64QWRHfGV7jSjc+3hP1iFG7DyYud97aj3oXP+zMXEtszVxUoTRzuaBy4SG6mJ+N3JWhG7mqrdxFwMgVl1/uqsYuBy93LS++r5XcFbkmHeyKTK7/7WooN3ItURx7kA336bthwxWAhox4e/xKExMvn1+IN1bqLsIhHwAAAABJRU5ErkJggg==);
    z-index: 2
}

.tab-step5-active {
    background-color: #dbdbdb !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAABdBAMAAAC1AIKmAAAAHlBMVEUAAAAEjocEjocEjocEjocEjocEjocEjocEjocEjoeWGq51AAAACnRSTlMAMxoMJiAEKxAVwpaiKwAAAbZJREFUWMPt2MFOwkAQBuABtOJt/9Iq3FBMvFIb4xVIE6/FGM/FN2j0AfAN4I2ta0LcsDSZ6VxM9jvAiUnp7r8zLQVBEPxXwxpA8kYaNrCmpCCDFZOCHn7NFWoNXouiWAIlKRkAhrSscUVabjAiLRkmpGWDmLT0kJCWM4C0nAMVKekDc8XN+nJ70ow4IrRaEAfaMEOxRJsRM5BtDDOQk7zxCDSfNUZ5/oTr3HoASkkg+4D9w+Zn+yaHvbflB9JfqwcIAumv9YWUHcii8Wy/gMSe24VVY8wNZAvDDWSLkhvIFlvSCyQxAYujdZQto/29v9YaY0GH9NcCjKBDemsNBeNBprWMNpAniWYnv1TQIU8ZSzrkpy/bgBF2SHcdZctoA7k7qnU4VNmBnHpq9USDBvDh6R17pMS3ZCyjtEMa0cjqV+rViivZKJ17zGVjudEb8RUfF/aKY3kGrBjzpejQ2UrGX8b+kp74UxKI7uGRVCRx4Y7MNRpVl8f4iXv/duLd2ojdKarsUit1ay2kO9+5rmGndyAb595HnV5bXLoXsj9cpfCGpe4IW5JUdLf6+5/eixkFQRBo+gbH02yRaPrXeQAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fd6500;
    z-index: 1
}

    .tab-step1-active:after, .tab-step2-active:after, .tab-step3-active:after, .tab-step4-active:after, .tab-step5-active:after {
        border-left-color: #dbdbdb !important
    }

.politica-titulo {
    font-size: 16px
}

.politica-texto, .politica-titulo {
    font-family: HyundaiSansHead-Regular
}

.politica-texto {
    font-size: 14px
}

.step1-cont .registro-form {
    background-color: #fd6500;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    padding: 1.5em 2em;
    width: 450px
}

.step1-cont .titulo-registro {
    font-family: HyundaiSansHead-Medium;
    font-size: 21px;
    line-height: 1.1;
    text-align: center
}

.step1-cont .etiqueta {
    font-size: 16px;
    font-weight: 700
}

.check-terminos {
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 3px;
    cursor: pointer
}

    .check-terminos:hover {
        text-decoration: underline
    }

.step1-cont .btn-comienza {
    border-radius: 0;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    padding: .4em 1.6em .2em
}

    .step1-cont .btn-comienza, .step1-cont .btn-comienza:hover {
        background-color: #fff;
        color: #fd6500
    }

.step1-cont .form-control {
    background-color: #f5f4f3;
    border-radius: 0
}

.step2-cont .container {
    max-width: 900px !important
}

.step2-cont .titulo-seleccion {
    font-family: HyundaiSansHead-Medium;
    font-size: 20px
}

.step2-cont .mapa {
    border: 3px solid #fff
}

.step2-cont .btn-regresar {
    background-color: #f8731b;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step2-cont .btn-regresar:hover {
        background-color: #f8731b
    }

.step2-cont .btn-continuar {
    background-color: #fd6500;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step2-cont .btn-continuar:hover {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Regular
    }

.step3-cont .titulo-seleccion {
    font-family: HyundaiSansHead-Medium;
    font-size: 20px
}

.step3-cont .img-vehiculo {
    background-color: #fd6500;
    margin-bottom: 0;
    padding: 10px;
    cursor: pointer
}

    .step3-cont .img-vehiculo:hover {
        background-color: #fff
    }

        .step3-cont .img-vehiculo:hover ~ .nombre-vehiculo {
            background-color: #fd6500
        }

.img-vehiculo-active-modelo {
    background-color: #fff;
    margin-bottom: 0;
    padding: 10px
}

.img-vehiculo-active-modelo-titulo {
    background-color: #fd6500
}

.img-vehiculo-active-modelo-titulo, .step3-cont .nombre-vehiculo {
    font-family: HyundaiSansHead-Medium;
    margin-top: 4px;
    text-align: center
}

.step3-cont .nombre-vehiculo-active {
    background-color: #fd6500
}

.step3-cont .btn-regresar {
    background-color: #f8731b;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step3-cont .btn-regresar:hover {
        background-color: #f8731b
    }

.step3-cont .btn-continuar {
    background-color: #fd6500;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step3-cont .btn-continuar:hover {
        background-color: #fd6500
    }

.step3-cont .titulo-precio {
    font-family: HyundaiSansHead-Regular;
    font-size: 24px
}

.step3-cont .precio {
    background-color: #fd6500;
    font-family: HyundaiSansHead-Regular;
    font-size: 21px;
    width: 100%
}

.step3-cont .calculadora {
    color: #fd6500;
    background-color: #fff;
    font-size: 26px
}

.step4-cont .titulo-seleccion {
    font-family: HyundaiSansHead-Medium;
    font-size: 20px
}

.step4-cont .titulo-precio {
    font-family: HyundaiSansHead-Regular;
    font-size: 24px
}

.step4-cont .precio {
    background-color: #fd6500;
    font-family: HyundaiSansHead-Regular;
    width: 100%;
    font-size: 21px
}

.step4-cont .calculadora {
    color: #fd6500;
    background-color: #fff;
    font-size: 26px
}

.step4-cont .btn-regresar {
    background-color: #f8731b;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step4-cont .btn-regresar:hover {
        background-color: #f8731b
    }

.step4-cont .btn-continuar {
    background-color: #fd6500;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step4-cont .btn-continuar:hover {
        background-color: #fd6500
    }

.step4-cont .card {
    background-color: #b2b2b2;
    border-radius: 0;
    border: 0
}

    .step4-cont .card .texto-tarjeta {
        font-family: HyundaiSansHead-Regular;
        font-size: 13px;
        margin-bottom: 0;
        line-height: 1.1;
        color: #343a40
    }

    .step4-cont .card .card-footer {
        background-color: #f8731b;
        padding: .4rem 1.25rem;
        text-align: center
    }

.step4-cont .colores li {
    border-radius: 0;
    display: inline-block;
    height: 15px;
    margin: 0 12px;
    width: 40px;
    cursor: pointer
}

.step4-cont .colores .rojo {
    background-color: #ac0000
}

.step4-cont .colores .azul {
    background-color: #0043ac
}

.step4-cont .colores .plomo {
    background-color: #565656
}

.step4-cont .colores .gris {
    background-color: #8a8a8a
}

.step4-cont .flecha {
    font-size: 32px;
    color: #fd6500
}

.step4-cont .v360-viewport {
    background-color: transparent
}

.step4-cont .dark {
    background-color: transparent !important
}

.step5-cont .titulo-seleccion {
    font-family: HyundaiSansHead-Medium;
    font-size: 20px
}

.step5-cont .registro-form {
    background-color: rgba(253,101,0,.4);
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
    padding: 1.5em 1.5em 1em;
    width: 100%
}

.step5-cont .form-group {
    margin-bottom: 0
}

.step5-cont .exclamacion {
    font-size: 24px
}

.step5-cont .titulo-registro {
    font-family: HyundaiSansHead-Regular;
    font-size: 16px;
    line-height: 1.1;
    text-align: center
}

.step5-cont .titulo-modelo {
    font-family: HyundaiSansHead-Regular;
    font-size: 18px
}

.step5-cont .etiqueta {
    font-size: 14px;
    font-weight: 700
}

.step5-cont .form-control {
    background-color: #f5f4f3;
    border-radius: 0
}

.step5-cont .codigo {
    font-size: 16px;
    font-family: HyundaiSansHead-Regular;
    line-height: 1.1
}

.step5-cont .btn-enviar {
    background-color: rgba(253,101,0,.6);
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium
}

    .step5-cont .btn-enviar:hover {
        background-color: #fd6500
    }

.step5-cont .btn-regresar {
    background-color: #f8731b;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step5-cont .btn-regresar:hover {
        background-color: #f8731b
    }

.step5-cont .btn-continuar {
    background-color: #fd6500;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step5-cont .btn-continuar:hover {
        background-color: #fd6500
    }

.step5-cont .btn-finalizar {
    background-color: #fd6500;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

    .step5-cont .btn-finalizar:hover {
        background-color: #fd6500
    }

.step5-cont .titulo-resumen {
    background-color: rgba(253,101,0,.5);
    display: block;
    font-family: HyundaiSansHead-Regular;
    text-align: center
}

.step5-cont .legal-resumen {
    font-size: 11px
}

.step5-cont .reservalo-gif {
    max-width: 220px;
    cursor: pointer
}

@media (max-width:575.98px) {
    .ribbon {
        display: grid;
        font-size: 10px;
        grid-gap: 1px;
        grid-template-columns: repeat(4,1fr) 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 1em;
        width: 100%
    }

    .ribbon-element {
        color: #fff;
        font-family: HyundaiSansHead-Regular;
        font-size: .9em;
        font-weight: 700;
        letter-spacing: .01em;
        line-height: 1em;
        padding: 1em .4em 1em 1.8em;
        position: relative;
        text-align: center;
        text-decoration: none
    }

    .step1-cont .registro-form {
        background-color: #fd6500;
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        padding: 1em 1.5em;
        width: 100%
    }

    .step1-cont .titulo-registro {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        line-height: 1.1;
        text-align: center
    }

    .step1-cont .etiqueta {
        font-size: 16px;
        font-weight: 700
    }

    .check-terminos {
        font-size: 14px;
        margin-bottom: 0;
        padding-top: 3px;
        cursor: pointer
    }

        .check-terminos:hover {
            text-decoration: underline
        }

    .step1-cont .btn-comienza {
        border-radius: 0;
        border: 0;
        font-size: 15px;
        font-weight: 700;
        padding: .4em 1.6em .2em
    }

        .step1-cont .btn-comienza, .step1-cont .btn-comienza:hover {
            background-color: #fff;
            color: #fd6500
        }

    .step1-cont .form-control {
        background-color: #f5f4f3;
        border-radius: 0
    }

    .step2-cont .container {
        max-width: 900px !important
    }

    .step2-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step2-cont .mapa {
        border: 3px solid #fff
    }

    .step2-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step2-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step2-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step2-cont .btn-continuar:hover {
            background-color: #fd6500;
            border-radius: 0;
            border: 0;
            font-family: HyundaiSansHead-Regular
        }

    .step3-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step3-cont .img-vehiculo {
        background-color: #fd6500;
        margin-bottom: 0;
        padding: 10px;
        cursor: pointer
    }

        .step3-cont .img-vehiculo:hover {
            background-color: #fff
        }

            .step3-cont .img-vehiculo:hover ~ .nombre-vehiculo {
                background-color: #fd6500
            }

    .img-vehiculo-active-modelo {
        background-color: #fff;
        margin-bottom: 0;
        padding: 10px
    }

    .img-vehiculo-active-modelo-titulo {
        background-color: #fd6500
    }

    .img-vehiculo-active-modelo-titulo, .step3-cont .nombre-vehiculo {
        font-family: HyundaiSansHead-Medium;
        margin-top: 4px;
        text-align: center
    }

    .step3-cont .nombre-vehiculo-active {
        background-color: #fd6500
    }

    .step3-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step3-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step3-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step3-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step3-cont .titulo-precio {
        font-family: HyundaiSansHead-Regular;
        font-size: 24px
    }

    .step3-cont .precio {
        background-color: #fd6500;
        font-family: HyundaiSansHead-Regular;
        font-size: 21px;
        width: 100%
    }

    .step3-cont .calculadora {
        color: #fd6500;
        background-color: #fff;
        font-size: 26px
    }

    .step4-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step4-cont .titulo-precio {
        font-family: HyundaiSansHead-Regular;
        font-size: 24px
    }

    .step4-cont .precio {
        background-color: #fd6500;
        font-family: HyundaiSansHead-Regular;
        width: 100%;
        font-size: 21px
    }

    .step4-cont .calculadora {
        color: #fd6500;
        background-color: #fff;
        font-size: 26px
    }

    .step4-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step4-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step4-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step4-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step4-cont .card {
        background-color: #b2b2b2;
        border-radius: 0;
        border: 0
    }

        .step4-cont .card .texto-tarjeta {
            font-family: HyundaiSansHead-Regular;
            font-size: 13px;
            margin-bottom: 0;
            line-height: 1.1;
            color: #343a40
        }

        .step4-cont .card .card-footer {
            background-color: #f8731b;
            padding: .4rem 1.25rem;
            text-align: center
        }

    .step4-cont .colores li {
        border-radius: 0;
        display: inline-block;
        height: 15px;
        margin: 0 12px;
        width: 40px;
        cursor: pointer
    }

    .step4-cont .colores .rojo {
        background-color: #ac0000
    }

    .step4-cont .colores .azul {
        background-color: #0043ac
    }

    .step4-cont .colores .plomo {
        background-color: #565656
    }

    .step4-cont .colores .gris {
        background-color: #8a8a8a
    }

    .step4-cont .flecha {
        font-size: 32px;
        color: #fd6500
    }

    .step4-cont .v360-viewport {
        background-color: transparent
    }

    .step4-cont .dark {
        background-color: transparent !important
    }

    .step5-cont .titulo-seleccion {
        font-family: HyundaiSansHead-Medium;
        font-size: 16px
    }

    .step5-cont .registro-form {
        background-color: rgba(253,101,0,.4);
        border-radius: 20px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
        padding: 1.5em 1.5em 1em;
        width: 100%
    }

    .step5-cont .form-group {
        margin-bottom: 0
    }

    .step5-cont .exclamacion {
        font-size: 24px
    }

    .step5-cont .titulo-registro {
        font-family: HyundaiSansHead-Regular;
        font-size: 16px;
        line-height: 1.1;
        text-align: center
    }

    .step5-cont .titulo-modelo {
        font-family: HyundaiSansHead-Regular;
        font-size: 18px
    }

    .step5-cont .etiqueta {
        font-size: 14px;
        font-weight: 700
    }

    .step5-cont .form-control {
        background-color: #f5f4f3;
        border-radius: 0
    }

    .step5-cont .codigo {
        font-size: 16px;
        font-family: HyundaiSansHead-Regular;
        line-height: 1.1
    }

    .step5-cont .btn-enviar {
        background-color: rgba(253,101,0,.6);
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium
    }

        .step5-cont .btn-enviar:hover {
            background-color: #fd6500
        }

    .step5-cont .btn-regresar {
        background-color: #f8731b;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-regresar:hover {
            background-color: #f8731b
        }

    .step5-cont .btn-continuar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-continuar:hover {
            background-color: #fd6500
        }

    .step5-cont .btn-finalizar {
        background-color: #fd6500;
        border-radius: 0;
        border: 0;
        font-family: HyundaiSansHead-Medium;
        width: 100%
    }

        .step5-cont .btn-finalizar:hover {
            background-color: #fd6500
        }

    .step5-cont .titulo-resumen {
        background-color: rgba(253,101,0,.5);
        display: block;
        font-family: HyundaiSansHead-Regular;
        text-align: center
    }

    .step5-cont .legal-resumen {
        font-size: 11px
    }

    .step5-cont .reservalo-gif {
        max-width: 220px;
        cursor: pointer
    }
}

.modal-login .btn-regresar:hover {
    background-color: #0582ca
}

.modal-login .btn-regresar {
    background-color: #0582ca;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-registro .btn-regresar:hover {
    background-color: #0582ca
}

.modal-registro .btn-regresar {
    background-color: #0582ca;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.banner-legal .card {
    border: 0;
    border-radius: 0
}

.bg-banner-legal {
    background: hsla(0,0%,100%,.7);
    margin-bottom: 0 !important
}

.banner-legal .card-img-overlay {
    padding: 90px 60px 0;
    margin-bottom: 0;
    border: 0
}

.legal-etiqueta {
    text-align: center;
    font-size: 60px
}

.legal-etiqueta, .legal-titulo {
    font-family: HyundaiSansHead-Medium
}

.legal-titulo {
    font-size: 40px
}

.legal-subtitulo {
    font-size: 26px;
    font-family: HyundaiSansHead-Medium
}

.legal-texto {
    font-size: 16px;
    line-height: 1.7
}

.btn-formato {
    background-color: #002c5f !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: HyundaiSansHead-Regular;
    min-width: 120px
}

.legal-bold {
    font-family: HyundaiSansHead-Medium;
    font-size: 16px
}

.lista-guion li {
    list-style-type: none
}

    .lista-guion li:before {
        content: "-"
    }

@media (max-width:992px) {
    .legal-etiqueta {
        font-size: 50px
    }

    .banner-legal .card-img-overlay {
        padding: 20px 15px 0
    }

    .legal-titulo {
        font-size: 28px
    }

    .legal-subtitulo {
        font-size: 18px
    }

    .legal-bold, .legal-texto {
        font-size: 16px
    }
}

@media (max-width:575.98px) {
    .legal-etiqueta {
        font-size: 40px
    }

    .banner-legal .card-img-overlay {
        padding: 20px 15px 0
    }

    .legal-titulo {
        font-size: 24px
    }

    .legal-subtitulo {
        font-size: 18px
    }

    .legal-bold, .legal-texto {
        font-size: 14px;
        line-height: 1.7
    }
}

.disclaimer-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85vh
}

.disclaimer-titulo {
    font-family: HyundaiSansHead-Medium
}

@media (max-width:576px) {
    .disclaimer-titulo {
        font-size: 32px
    }
}

.titulo-remocion {
    font-size: 30px;
    font-family: HyundaiSansHead-Medium
}

.gracias-remocion {
    font-size: 60px;
    font-family: HyundaiSansHead-Medium
}

.texto-remocion {
    line-height: 1.2
}

.texto-remocion, .texto-remocion-bold, .texto-remocion-lh {
    font-size: 21px;
    font-family: HyundaiSansHead-Light
}

.texto-remocion-bold {
    line-height: 1.2;
    font-weight: 700
}

.input-remocion {
    border-radius: 0 !important
}

.remocion-form .custom-control-label, .remocion-form .form-label {
    font-size: 21px;
    font-family: HyundaiSansHead-Light;
    line-height: 1.2
}

@media (max-width:575.98px) {
    .titulo-remocion {
        font-size: 16px
    }

    .gracias-remocion {
        font-size: 30px;
        line-height: 1.1
    }

    .remocion-form .custom-control-label, .remocion-form .form-label, .texto-remocion, .texto-remocion-bold {
        font-size: 16px
    }
}

.titulo-gracias {
    padding-top: 4%
}

.titulo-gracias, .titulo-gracias-resumen {
    font-size: 80px;
    font-family: HyundaiSansHead-Medium;
    color: #fff;
    line-height: 1
}

.titulo-gracias-resumen {
    padding-left: 15%
}

.titulo-gracias-resumen-staria {
    font-size: 70px;
    font-family: HyundaiSansHead-Medium;
    color: #fff;
    line-height: 1;
    padding-left: 3%
}

.titulo-gracias-camiones, .titulo-gracias-taxi {
    font-size: 80px;
    font-family: HyundaiSansHead-Medium;
    color: #fff;
    padding-top: 4%;
    line-height: 1
}

.titulo-gracias-camiones {
    padding-right: 7%
}

    .titulo-gracias-camiones br, .titulo-gracias-taxi br, .titulo-gracias br {
        display: block
    }

.texto-gracias {
    font-size: 26px
}

.texto-gracias, .texto-gracias-resumen {
    font-family: HyundaiSansHead-Light;
    line-height: 1.2
}

.texto-gracias-resumen {
    font-size: 21px
}

.cont-noticias .btn-gracias {
    background-color: #0a19a9;
    border: 1px solid #000;
    font-family: HyundaiSansHead-Regular;
    border-radius: 20px;
    font-size: 18px
}

.titulo-resumen-typ {
    font-size: 30px;
    font-family: HyundaiSansHead-Medium;
    color: #0a19a9
}

@media (max-width:575.98px) {
    .titulo-gracias {
        font-size: 18px;
        padding-left: 3%
    }

    .titulo-gracias-resumen {
        font-size: 18px;
        padding-left: 12%
    }

    .titulo-gracias-resumen-staria {
        font-size: 18px;
        padding-left: 3%;
        text-align: left;
        padding-top: 6%
    }

    .titulo-gracias-taxi {
        font-size: 21px;
        padding-top: 0
    }

    .titulo-gracias-camiones {
        font-size: 21px
    }

    .titulo-resumen-typ {
        font-size: 18px
    }

    .texto-gracias {
        font-size: 16px
    }

    .texto-gracias-resumen {
        font-size: 14px
    }
}

@media (min-width:768px) {
    .titulo-gracias, .titulo-gracias-camiones, .titulo-gracias-taxi {
        font-size: 40px
    }
}

@media (min-width:1200px) {
    .titulo-gracias, .titulo-gracias-camiones, .titulo-gracias-taxi {
        font-size: 80px
    }
}

.modal-terminos .modal-dialog {
    min-width: 700px
}

.modal-terminos .modal-header {
    background-color: #fd6500;
    padding: .6rem 1rem
}

    .modal-terminos .modal-header .modal-title {
        color: #fff;
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        margin-left: auto
    }

.modal-login .modal-dialog-centered {
    min-height: calc(100% - 14rem)
}

.modal-login .modal-header {
    background-color: #fd6500;
    padding: .6rem 1rem
}

    .modal-login .modal-header .modal-title {
        color: #fff;
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        margin-left: auto
    }

.modal-login .legal-registro {
    font-size: 12px
}

.modal-login .btn-registro:hover {
    background-color: #048e87
}

.modal-login .btn-registro {
    background-color: #048e87;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-login .form-label {
    font-weight: 700
}

.modal-login .recuperar {
    color: #0582ca;
    font-family: HyundaiSansHead-Regular;
    font-size: 14px;
    font-weight: 700
}

.modal-cuenta .modal-dialog-centered {
    min-height: calc(100% - 14rem)
}

.modal-cuenta .modal-header {
    background-color: #fd6500;
    padding: .6rem 1rem
}

    .modal-cuenta .modal-header .modal-title {
        color: #fff;
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        margin-left: auto
    }

.modal-cuenta .mensaje {
    font-family: HyundaiSansHead-Regular;
    font-size: 18px;
    font-weight: 700
}

.modal-cuenta .btn-ingreso:hover {
    background-color: #0582ca
}

.modal-cuenta .btn-ingreso {
    background-color: #0582ca;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-cuenta .btn-registro:hover {
    background-color: #048e87
}

.modal-cuenta .btn-registro {
    background-color: #048e87;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-registro .modal-dialog-centered {
    min-height: calc(100% - 14rem)
}

.modal-registro .modal-header {
    background-color: #fd6500;
    padding: .6rem 1rem
}

    .modal-registro .modal-header .modal-title {
        color: #fff;
        font-family: HyundaiSansHead-Medium;
        font-size: 16px;
        margin-left: auto
    }

.modal-registro .form-label {
    font-weight: 700
}

.modal-registro .legal-registro {
    font-size: 12px;
    font-weight: 400
}

.modal-registro .btn-registro:hover {
    background-color: #048e87
}

.modal-registro .btn-registro {
    background-color: #048e87;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-resumen .modal-dialog {
    max-width: 600px
}

.reserva-valor {
    font-size: 21px
}

.modal-resumen .modal-dialog-centered {
    min-height: calc(100% - 14rem)
}

.modal-resumen .modal-header {
    background-color: #fd6500;
    padding: .6rem 1rem
}

    .modal-resumen .modal-header .modal-title {
        color: #fff;
        font-family: HyundaiSansHead-Medium;
        font-size: 14px;
        margin-left: auto
    }

.modal-resumen .legal-registro {
    font-size: 12px
}

.modal-resumen .titulo-resumen {
    font-family: HyundaiSansHead-Medium;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.modal-resumen .resumen-cont p {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 6px
}

.modal-resumen .btn-reservar:hover {
    background-color: #048e87
}

.modal-resumen .btn-reservar {
    background-color: #048e87;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-resumen .btn-credito:hover {
    background-color: #0582ca
}

.modal-resumen .btn-credito {
    background-color: #0582ca;
    border-radius: 0;
    border: 0;
    font-family: HyundaiSansHead-Medium;
    width: 195px
}

.modal-resumen .credito, .modal-resumen .reservar {
    font-family: HyundaiSansHead-Medium;
    font-size: 14px;
    margin-top: 5px
}

.modal-resumen .titulo-pedido {
    font-family: HyundaiSansHead-Medium;
    font-size: 18px
}

.modal-resumen ul {
    padding-left: 14px
}

.modal-resumen .valor-titulo {
    font-size: 20px;
    font-family: HyundaiSansHead-Medium;
    font-weight: 700
}

.valor-total {
    background-color: #002c5f;
    color: #fff;
    font-family: HyundaiSansHead-Regular;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 0;
    padding: 7px 15px 4px
}

@media (min-width:992px) {
    .modal-terminos .modal-dialog {
        min-width: 700px
    }
}



@font-face {
    font-family: HyundaiSansHead-Regular;
    src: url(/fonts/HyundaiSansHead-Regular.38e9684b.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: HyundaiSansHead-Light;
    src: url(/fonts/HyundaiSansHead-Light.6956670f.otf) format("opentype");
    font-display: swap
}



@font-face {
    font-family: HyundaiSansHead-Bold;
    src: url(/fonts/HyundaiSansHead-Bold.d5cebafc.otf) format("opentype");
    font-display: swap
}

@font-face {
    font-family: VersatileOutline-Bold;
    src: url(/fonts/VersatileOutline-Bold.cbb6802b.ttf) format("opentype");
    font-display: swap
}

* {
    font-family: HyundaiSansText-Regular
}

.bg-sand {
    background-color: #f6f3f2
}

.bg-landing {
    background-color: #e4dcd3
}

.bg-blue {
    background-color: #002c5f
}

.bg-brochure {
    background-color: #080b1c
}

    .bg-brochure iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0
    }

    .bg-brochure .cont-brochure {
        width: 100%
    }

    .bg-brochure .cont2-brochure {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0;
        height: 0
    }

.bg-taxi {
    background-color: #eee
}

iframe {
    border: 0
}

.form-control {
    border: 1px solid #e4dcd3
}

.menu-vehiculo {
    border-bottom: 2px solid rgba(0,0,0,.05);
    background-color: #fff
}

.menu-modelo {
    font-family: HyundaiSansHead-Medium;
    font-size: 18px;
    margin-bottom: 0
}

.vehiculo-item ul li {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    cursor: pointer
}

    .menu-extra, .vehiculo-item ul li a {
        font-family: HyundaiSansHead-Regular
    }

.menu-extra {
    font-size: 14px
}

.cont-extra {
    line-height: 1
}

    .cont-extra .cotiza-modal, .cont-extra a {
        background-color: #002c5f;
        color: #fff !important;
        padding: 4px;
        display: block
    }

    .cont-extra .cotiza-modal, .cont-extra a {
        cursor: pointer
    }

.color-hover {
    color: #00aad2
}

.color-normal {
    color: #000
}

.specs-subtitle {
    font-size: 21px
}

.specs-subtitle, .specs-subtitle-taxi {
    font-family: HyundaiSansHead-Medium;
    line-height: 1
}

.specs-subtitle-taxi {
    font-size: 26px
}

.specs-text, .specs-text-sm {
    display: block;
    font-size: 16px;
    font-family: HyundaiSansText-Regular
}

.specs-text-sm {
    line-height: 1.1
}

.specs-text-lg {
    display: block;
    font-size: 19px;
    font-family: HyundaiSansHead-Regular;
    line-height: 1.2
}

.option-title {
    text-decoration: none;
    color: #fff;
    font-size: 18px
}

    .option-title:hover {
        color: #fff
    }

.options-bar {
    margin-top: -4px
}

.model-options {
    border-bottom: 1px solid #e0dfdf
}

.model-list ul {
    margin-bottom: 0
}

.landing-tab .nav-link {
    font-size: 18px;
    background-color: transparent !important;
    color: #000 !important
}

.etiqueta-check {
    padding-top: 6px
}

.model-title {
    font-size: 40px
}

.model-title, .model-title-staria {
    font-family: HyundaiSansHead-Medium;
    line-height: 1.2
}

.model-title-staria {
    font-size: 34px
}

.model-title-light {
    font-size: 40px
}

.model-title-light, .model-title-medium {
    font-family: HyundaiSansHead-Light;
    line-height: 1.2
}

.model-title-medium {
    font-size: 28px
}

.model-title-bold {
    font-size: 40px;
    display: inline-block
}

.model-title-bold, .model-title-md {
    font-family: HyundaiSansHead-Medium;
    line-height: 1.2
}

.model-title-md {
    font-size: 30px
}

.text-blue {
    color: #002c5f
}

.model-title-camiones {
    font-size: 32px
}

.atributo-title, .model-title-camiones {
    font-family: HyundaiSansHead-Medium;
    line-height: 1.2
}

.atributo-title {
    font-size: 21px;
    color: #707070;
    text-align: center;
    margin-bottom: 0
}

.atributo-list {
    font-size: 18px;
    line-height: 1.3;
    color: #707070;
    font-family: HyundaiSansHead-Light;
    padding-left: 20px
}

.atributo ul {
    list-style: none;
    padding: 0
}

.atributo-icon {
    height: 60px
}

.bg-atributo {
    background-color: #e6dcd3
}

.atributo-rentabilidad-titulo, .atributo-titulo {
    font-size: 24px;
    font-family: HyundaiSansHead-Medium
}

.atributo-rentabilidad-titulo {
    color: #707070
}

.atributo-texto {
    font-size: 18px;
    line-height: 1.3;
    color: #707070;
    font-family: HyundaiSansHead-Light
}

.atributo-subtitulo {
    font-size: 21px;
    font-family: HyundaiSansHead-Medium
}

.atributo-garantia-texto {
    font-size: 16px;
    font-family: HyundaiSansHead-Light
}

.atributo-distancia {
    font-size: 40px;
    color: #00739e;
    font-family: HyundaiSansHead-Medium
}

.bg-seguridad {
    background-color: #f8f8f8
}

.bg-staria {
    background-image: url(/static/media/staria-background.dcb027b6.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-staria-brochure {
    background-color: #0a0b1f
}

.overlay-staria {
    background-color: rgba(0,0,0,.3)
}

.titulo-staria {
    font-family: HyundaiSansHead-Medium;
    font-size: 36px;
    color: #fff
}

.staria-sellos ul {
    list-style: none
}

    .staria-sellos ul li {
        padding: 0 10px;
        font-family: HyundaiSansHead-Medium;
        font-size: 18px;
        color: #fff
    }

.staria-specs {
    font-family: HyundaiSansHead-Regular
}

.staria-specs, .staria-specs-bold {
    font-size: 18px;
    margin-bottom: 0;
    color: #fff
}

.staria-specs-bold {
    font-family: HyundaiSansHead-Medium
}

.staria-suspension {
    font-family: HyundaiSansHead-Regular;
    font-size: 21px;
    color: #fff
}

.staria-suspension-bold {
    font-family: HyundaiSansHead-Medium;
    font-size: 21px;
    color: #fff
}

.staria-legal {
    font-size: 14px;
    color: #fff
}

.bl-white {
    border-right: 2px solid #fff
}

.specs-img {
    max-width: 200px
}

.color-title {
    font-size: 30px
}

.model-text {
    font-size: 18px
}

.text-landing-lg {
    font-size: 21px
}

.text-landing, .text-landing-lg {
    font-family: HyundaiSansHead-Light
}

.text-landing {
    font-size: 16px
}

.legal-landing {
    font-size: 13px;
    font-family: HyundaiSansHead-Light;
    text-align: justify
}

.subtitle-landing {
    font-size: 18px;
    line-height: 1
}

.main-model, .subtitle-landing {
    font-family: HyundaiSansHead-Medium
}

.main-model, .model-list {
    color: #000
}

.model-specs {
    color: #000;
    color: #dc3545
}

.titulo-exterior-taxi {
    font-size: 21px;
    font-family: HyundaiSansHead-Regular;
    text-align: center
}

.icono-taxi {
    max-width: 100px
}

.specs-taxi {
    font-size: 18px;
    margin-bottom: 0;
    font-family: HyundaiSansHead-Regular
}

.btn-cotizar-taxi {
    background-color: #63b0d5;
    font-family: HyundaiSansHead-Medium
}

.label-version-taxi {
    background-color: #616a96;
    border: 0;
    border-radius: 0;
    color: #bfc9f6;
    font-size: 16px
}

.btn-virtual-taxi {
    background-color: #002c5f;
    border: 0;
    border-radius: 0
}

.carousel-taxi .swiper-button-next, .carousel-taxi .swiper-button-prev {
    color: #002c5f !important
}

.tarjeta-version .swiper-button-next:after, .tarjeta-version .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: rgba(65,119,160,.8);
    color: #e7e7e7;
    padding: 4px
}

.tarjeta-version .swiper-button-prev, .tarjeta-version .swiper-container-rtl .swiper-button-next {
    left: 0 !important
}

.tarjeta-version .swiper-button-next, .tarjeta-version .swiper-container-rtl .swiper-button-prev {
    right: 0 !important
}

.detalle-modelo .swiper-button-next:after, .detalle-modelo .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: rgba(65,119,160,.8);
    color: #e7e7e7;
    padding: 4px
}

.detalle-modelo .swiper-button-prev, .detalle-modelo .swiper-container-rtl .swiper-button-next {
    left: 0 !important
}

.detalle-modelo .swiper-button-next, .detalle-modelo .swiper-container-rtl .swiper-button-prev {
    right: 0 !important
}

.card-version {
    background-color: #eee;
    border-radius: 10px;
    transition: all .35s ease-in-out;
    font-family: HyundaiSansHead-Light;
    line-height: 1.2;
    width: 320px !important
}

    .card-version, .card-version .card-body {
        padding: .5rem 1.25rem
    }

        .card-version:hover {
            background-color: #fff;
            box-shadow: 0 0 20px 0 rgba(0,0,0,.2)
        }

.version-titulo {
    font-size: 16px !important;
    text-align: center;
    font-family: HyundaiSansHead-Medium
}

.version-icono {
    width: 40px;
    height: 40px;
    text-align: center
}

.version-texto-icono {
    font-size: 10px !important;
    text-align: center !important;
    font-weight: 700 !important
}

.version-texto {
    font-size: 12px;
    padding-left: 16px
}

    .version-texto ul {
        padding-left: 16px;
        line-height: 1.8
    }

.paleta-color {
    position: relative;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid hsla(0,0%,96.5%,.2);
    background-color: transparent;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 2px 5px;
    cursor: pointer;
    transition: all .25s ease-in-out;
    display: inline-flex;
    padding-left: 0
}

    .paleta-color li {
        display: inline-block;
        margin-right: 6px;
        margin-bottom: 6px;
        display: block;
        width: 25px !important;
        height: 25px !important;
        transition: -webkit-transform .2s;
        transition: transform .2s;
        transition: transform .2s,-webkit-transform .2s;
        border-radius: 100%
    }

.degradado {
    width: 25px;
    height: 25px;
    position: relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwRTIwMDgzMUU4NTExRUFCNDBERkY4QTg5RThEODE3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwRTIwMDg0MUU4NTExRUFCNDBERkY4QTg5RThEODE3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODBFMjAwODExRTg1MTFFQUI0MERGRjhBODlFOEQ4MTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODBFMjAwODIxRTg1MTFFQUI0MERGRjhBODlFOEQ4MTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66nYcXAAAEvklEQVR42oxWO0/sRhSesb3e9S67gYUFLgEuD0FDChTR8AuuRAkSDRRIIB5CSgENHf8kEhIUpABEhUQoQEKBigIIiigIEC4v8bw89mF78n0bO3IcLslIR2c8njnfOd85Z2wp3hmRSESUlJToIyMjifr6+kwikUhalpWMxWI6xE2n018WFxePZ2dn746Pj9XX7MivvUilUlpXV1eqsbGxrLq6uqSsrMyMx+MxgMRM04xEo1HqmOu6UTjzuLGx8evCwsJvm5ub74Poui5aW1sFvIx3dHRUNDc3JwBmwOMIIooABLajFoyakBj2c56C/gAnMo7j/D45Ofnj6urqxdXV1b9BDMMQ8FJMTEykzs7OykFPpKqqyigvLzcAZALEBHjUMx7FfkvTNEoSz9WQRjjwPRx62N7e/qG7u/uXi4uLf4K0tLSI3t7e1OHhYbqtrU0DRUYmk4ngkAGAKBwwGQaM+iBxKWUCkoJUYf0j1jqgG+DI+crKyqeenp7dIkM+CDy2SktL08iBVlNTIwGiYU3Hmp5MJkmVASDmIuJFRCCKCcMmdAxmPry8vMSen5+t29vbzMHBwc+Xl5c5gwAwoLW3t38DwxLeK3hPUAkAiSgkaYRRiQgoGjwXSikXGnl3bQDks9lsYmtr67Nt2+e5XM4GSPoTxv7+/k8GDzQ1NcVra2tNJE9UVlbKiooKDXOJXEg6QJZILQEwBM4oGGfJFhCV9vT0lJ6ZmXk6Ojo6h5Pxh4eH/P39fR6A3zU0NKwZ2CSRDws9oAjiC54ZoUCZFquOQuN0igNgDiMANbXT09Mv6+vrpzCYvLm5eQZA7vHxMZvP5xlqi9HZ2RllcuG1Ij3gX0AUQRBBsSEJ4A8YZwQONSL4OD4+npubm/ujrq7OOjk5UTgjAVxAbvKvr68uJGUgDxY9BvcKwggUcqAQQVHofaCP+OxgquDpt8PDw7n5+fnP2BcFRVn0SR5zifw4BQxoG2AoDdNk1RQN03NoF95rkCA1yo+AAKCjamxsjACXvH1onJ7Drgb6BWhyQJODnNh4ZxvMJLhVNMoN1HxmBBx47ZJ/GLMJcH19XT46OlrAFXKDZ5PJd/4aCiAComibIDjOMwWDCzCogQqWpCSobxwbXK57EQgAJEBRYWlp6d4HCNwcrDgX5as8h/xzRRAb3EUQovCMM6mcE5gOFDlDU1kDAwMFdPITKYLkPeNFAE/cgHHHW8sarARUgO6VG40XPYN22HzciGs8Ojg4mFtbW3v2IhABABEAcEKa68/66empi6vERBPxelcsYZahX74oS7O/v1+gD3IBo05IbE8KIU35opMi9ImOG1f3+4OVhp4Ru7u7el9fn8B1kQ/Q4r5BSyEkPgDf3emkCFQpdGuEALhSeG8pAMihoSGxs7PjhADC3NsBXQjM+T4LuS+2MvLiIv+MREMEam9vT05NTSlcbm6I87eSG6QnCEphFdp/f08IgA+NhUrTUEECHSy9TwG15s21UMLDDvhzjlf6X/wg+juRE/fu7i67vLwcCyU4SJUMAAVBgiK88n5570dC88rUCJWqDIAEAYKaI+flQv3X34r0Gi4SAnjvjONFkP/fv0SBqAxPa4Eogl0eLIA3/73+FGAALy1uLC4/k0MAAAAASUVORK5CYII=);
    z-index: 1
}

.similar-titulo {
    font-family: HyundaiSansHead-Light;
    font-size: 32px
}

.similar-titulo-taxi {
    font-family: HyundaiSansHead-Regular;
    font-size: 24px
}

.similar-nombre {
    font-family: HyundaiSansHead-Medium;
    font-size: 18px;
    text-align: center
}

.modelos-pesados {
    font-size: 16px;
    font-weight: 700
}

.mitos-verdades .alert-heading {
    font-family: HyundaiSansHead-Medium;
    font-size: 21px
}

.taxi-form {
    background-color: #002c5f
}

    .taxi-form .form-group {
        margin-bottom: .7rem
    }

    .taxi-form .custom-select, .taxi-form .form-control {
        border-radius: 0
    }

.cotizar-taxi {
    font-size: 26px;
    color: #fff;
    text-align: center;
    font-family: HyundaiSansHead-Regular
}

.model-title-taxi {
    font-size: 34px;
    font-family: HyundaiSansHead-Medium;
    line-height: 1.2
}

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

.bg-taxi-card {
    transition: all .2s
}

    .bg-taxi-card, .bg-taxi-card:hover {
        background-color: #d4d4d4;
        padding: 1em 2em;
        border-radius: 12px
    }

.reco-taxi {
    transition: all .2s
}

    .reco-taxi:hover {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

.titulo-version-tucson {
    font-size: 28px;
    font-family: HyundaiSansHead-Medium;
    margin-top: 10px
}

.precio-version-tucson {
    font-size: 24px;
    font-family: HyundaiSansHead-light
}

.feature-tucson-img {
    margin-left: auto;
    margin-right: auto;
    max-width: 50px
}

.feature-tucson {
    font-family: HyundaiSansHead-Medium;
    font-size: 12px;
    line-height: 1;
    margin-top: 8px;
    text-align: center
}

.tucson-bullet {
    float: left;
    margin-right: 10px;
    width: 24px
}

.list-tucson {
    list-style: none;
    padding-left: 0
}

    .list-tucson .paquete-tucson, .list-tucson p {
        margin-bottom: .5rem;
        overflow: hidden;
        font-size: 16px;
        text-align: justify
    }

    .list-tucson .paquete-tucson {
        font-family: HyundaiSansHead-Medium
    }

.llantas-tucson {
    font-size: 26px;
    line-height: 1
}

.legales-tucson, .llantas-tucson {
    font-family: HyundaiSansHead-light;
    text-align: center
}

.legales-tucson {
    font-size: 13px
}

.btn-separa {
    font-size: 24px
}

.btn-separa, .btn-tucson {
    border-radius: 0;
    font-family: HyundaiSansHead-light
}

.btn-tucson {
    font-size: 16px
}

.tucson-menu {
    border-radius: 0 0 20px 20px
}

    .tucson-menu h2, .tucson-menu h2 span {
        font-size: 16px;
        margin-bottom: 0;
        text-align: center
    }

.tucson-paleta {
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap
}

.tucson-color {
    transition: all .3s
}

    .tucson-color, .tucson-color:hover {
        width: 50px;
        height: 50px;
        cursor: pointer
    }

        .tucson-color:hover {
            -webkit-transform: scale(1.15);
            transform: scale(1.15)
        }

.tucson-paleta li {
    margin: 0 15px
}

.tucson-paleta p {
    font-family: HyundaiSansHead-light;
    line-height: 1;
    margin-top: 10px;
    font-size: 14px
}

.modal-tucson .modal-header {
    border-bottom: 0
}

.cont-slider-tucson {
    background-color: rgba(0,0,0,.3);
    transition: all .4s
}

.tucson-card:hover > .cont-slider-tucson {
    background-color: rgba(0,0,0,.8);
    font-size: 30px
}

.titulo-slider-tucson {
    font-size: 24px;
    font-family: HyundaiSansHead-Medium;
    text-align: center
}

.texto-slider-tucson {
    font-size: 16px;
    font-family: HyundaiSansHead-Light;
    text-align: justify
}

.carousel-tucson .swiper-slide {
    margin-top: auto;
    margin-bottom: auto
}

.flip-container {
    background: transparent;
    display: inline-block
}

.flip-this {
    position: relative;
    width: 100%;
    height: 100%;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.flip-container:hover .flip-this {
    transition: .9s;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.titulo-tucson-reserva {
    font-size: 16px;
    font-family: HyundaiSansHead-Light;
    margin-bottom: 0;
    color: #002c5f
}

.carousel-tucson .swiper-button-next:after, .carousel-tucson .swiper-button-prev:after {
    font-size: 18px !important;
    background-color: rgba(0,0,0,.3);
    color: #e7e7e7;
    padding: 8px
}

.carousel-tucson .swiper-button-prev, .carousel-tucson .swiper-container-rtl .swiper-button-next {
    left: 0 !important
}

.carousel-tucson .swiper-button-next, .carousel-tucson .swiper-container-rtl .swiper-button-prev {
    right: 0 !important
}

.hyundai-logo-white {
    max-width: 150px
}

.tucson-menu-sm {
    background-color: #f6f3f2
}

.titulo-tucson-reserva {
    font-size: 18px
}

.check-terminos-tucson {
    font-size: 13px;
    padding-top: 3px
}

.terminos-form {
    font-size: 9px
}

.terminos-form, .terminos-form2 {
    color: #fff;
    font-family: HyundaiSansHead-Light;
    text-align: justify
}

.terminos-form2 {
    font-size: 10px
}

@media (max-width:576px) {
    .model-title-staria {
        font-size: 21px;
        font-family: HyundaiSansHead-Medium;
        line-height: 1.2
    }

    .model-title-light, .model-title-medium {
        font-size: 18px;
        font-family: HyundaiSansHead-Light;
        line-height: 1.2
    }

    .model-title-bold {
        font-size: 40px;
        font-family: HyundaiSansHead-Medium;
        line-height: 1.2;
        display: inline-block
    }

    .vehiculo-item ul li {
        padding: 0 5px;
        font-size: 12px
    }

    .menu-modelo {
        font-size: 14px
    }

    .landing-tab .nav-link {
        font-size: 12px
    }

    .menu-extra {
        font-size: 10px
    }

    .model-title, .model-title-bold, .model-title-light, .model-title-md {
        font-size: 21px
    }

    .model-text {
        font-size: 14px
    }

    .specs-subtitle {
        font-size: 16px
    }

    .specs-text, .specs-text-lg, .specs-text-sm {
        font-size: 14px
    }

    .color-title {
        font-size: 21px
    }

    .similar-titulo {
        font-size: 18px
    }

    .similar-nombre {
        font-size: 12px;
        text-align: center
    }

    .atributo-list {
        font-size: 14px;
        line-height: 1.3
    }

    .atributo-icon {
        height: 30px
    }

    .atributo-rentabilidad-titulo, .atributo-titulo {
        font-size: 18px
    }

    .atributo-texto {
        font-size: 14px
    }

    .atributo-subtitulo, .atributo-title {
        font-size: 16px
    }

    .atributo-garantia-texto {
        font-size: 14px
    }

    .atributo-distancia {
        font-size: 24px
    }

    .cont-extra a {
        padding: 3px 4px
    }

    .cont-extra .svg-inline--fa {
        font-size: 12px
    }

    br {
        display: none
    }

    .br-visible {
        display: block
    }

    .specs-subtitle-taxi {
        font-size: 18px
    }

    .specs-taxi {
        font-size: 14px
    }

    .similar-titulo-taxi, .titulo-exterior-taxi {
        font-size: 18px
    }

    .taxi-text {
        font-size: 14px
    }

    .cotizar-taxi {
        font-size: 21px
    }

    .iframe-cita {
        padding-bottom: 70px !important
    }

    .btn-tucson {
        font-size: 14px
    }

    .tucson-menu .model-title-light {
        font-size: 17px;
        margin-bottom: 10px
    }

    .llantas-tucson {
        font-size: 16px
    }

    .btn-separa {
        font-size: 18px
    }

    .precio-version-tucson, .titulo-version-tucson {
        font-size: 16px
    }

    .feature-tucson-img {
        max-width: 30px;
        font-size: 10px
    }

    .feature-tucson {
        font-size: 10px
    }

    .list-tucson .paquete-tucson, .list-tucson p {
        font-size: 14px
    }

    .titulo-slider-tucson {
        font-size: 14px;
        margin-bottom: 6px
    }

    .texto-slider-tucson {
        font-size: 11px;
        line-height: 1
    }

    .tucson-paleta p {
        font-size: 10px
    }

    .tucson-color:hover {
        width: 25px;
        height: 25px
    }

    .tucson-bullet {
        width: 16px
    }

    .legales-tucson {
        font-size: 12px;
        line-height: 1.1
    }

    .tucson-color {
        width: 20px;
        height: 20px
    }

    .tucson-paleta li {
        margin: 0 5px
    }

    .check-terminos-tucson {
        font-size: 11px;
        padding-top: 5px
    }

    .text-landing-lg {
        font-size: 14px
    }

    .text-landing {
        font-size: 16px
    }

    .legal-landing {
        font-size: 12px
    }

    .bg-staria {
        background-image: url(/static/media/staria-background-sm.ea532650.jpg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .titulo-staria {
        font-family: HyundaiSansHead-Medium;
        font-size: 24px;
        color: #fff
    }

    .staria-sellos ul {
        list-style: none
    }

        .staria-sellos ul li {
            padding: 0 10px;
            font-family: HyundaiSansHead-Medium;
            font-size: 16px;
            color: #fff
        }

    .staria-specs {
        font-family: HyundaiSansHead-Regular
    }

    .staria-specs, .staria-specs-bold {
        font-size: 16px;
        margin-bottom: 0;
        color: #fff
    }

    .staria-specs-bold {
        font-family: HyundaiSansHead-Medium
    }

    .staria-suspension {
        font-family: HyundaiSansHead-Regular;
        font-size: 15px;
        color: #fff
    }

    .staria-suspension-bold {
        font-family: HyundaiSansHead-Medium;
        font-size: 15px;
        color: #fff
    }

    .staria-legal {
        font-size: 14px;
        color: #fff
    }
}

@media (max-width:767.98px) {
    .cont-iframe {
        max-width: 100%
    }
}
/*# sourceMappingURL=main.e755d06f.chunk.css.map */