/**/
.dwa-ui-header__main-links li a.watchlist .watchlist-count, .dwa-ui-header__main-links li a.comparison .comparison-count {
    background-color: var(--seat) !important;
}

.dwa-ui-header__main-links li a.watchlist.dwa-ui--active-icon, .dwa-ui-header__main-links li a.watchlist:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC42NTMgMTMuOTc0bDUuNzM2LTUuNTIzYy4wODItLjA4MyAyLjEwOC0xLjkzMyAyLjEwOC00LjE0MyAwLTIuNjk3LTEuNjQ4LTQuMzA4LTQuNC00LjMwOC0xLjYxMiAwLTMuMTIxIDEuMjctMy44NDkgMS45ODhDNy41MjEgMS4yNyA2LjAxMSAwIDQuNCAwIDEuNjQ4IDAgMCAxLjYxMSAwIDQuMzA4YzAgMi4yMSAyLjAyNSA0LjA2IDIuMDk5IDQuMTI0bDUuNzQ0IDUuNTQyYy4xMS4xMS4yNTguMTY2LjQwNS4xNjZhLjU3MS41NzEgMCAwMC40MDUtLjE2NnoiLz48L3N2Zz4=) !important;
}

.dwa-ui-header__main-links li a.comparison:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIyNyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTAuMzQ2IDQuNDYzYy0xLjk2IDAtMy45NDguNDY5LTUuNzY4IDEuMzVsLS43IDEuOTg0Yy0uMTQuMzU4LS44MTIgMS4zMjItMS4wMzYgMS41Ny0uNDc2LjUyNC0uNzI4IDEuMDQ3LS43MjggMS41OThWMTdoLjg5NmMuODY4IDAgLjk4LS4yMiAxLjAwOC0uMzAzbC42MTYtMS4yMTJhLjk3Ljk3IDAgMDEuNy0uNTI0Yy44NC0uMTY1IDMuMjc2LS4yNDggNS45MDgtLjM1OEwxNS43NSA1LjRjLTEuNTY4LS42ODktNC4xNzItLjkzNy01LjQwNC0uOTM3ek04Ljc1IDEyLjUwOEg0LjcxOFY5LjY0M2w0LjAzMiAxLjAydjEuODQ1eiIvPjxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQuNzE4IDEyLjUwOEg4Ljc1di0xLjg0NmwtNC4wMzItMS4wMnoiLz48cGF0aCBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xOC4zNTQuMDU1bC0xLjczNiAzLjU4MmMtMi40OTItMS4xMDItNi4xODgtMS4xMy02LjIxNi0xLjEzaC0uMDg0Yy0yLjI2OCAwLTQuNjIuNTc5LTYuNzc2IDEuNjUzYTEuNDI0IDEuNDI0IDAgMDAtLjcyOC44MjdsLS42MTYgMS45SC4xNTR2MS4yOTZoLjAyOGMuMDU2LjAyNyAxLjAwOC4yNDggMS4wMDguMjQ4Qy4xNTQgOS42Ny4xNTQgMTAuMzg3LjE1NCAxMC45NjV2Ni45OThjMCAuNTI0LjQ0OC45NjUuOTguOTY1aDEuOTA0Yy41MDQgMCAyLjA3MiAwIDIuNzQ0LTEuMzVsLjM5Mi0uNzcyYy45MjQtLjA4MyAyLjY4OC0uMTY1IDQuMTE2LS4yMkw1LjIyMiAyN2gyLjYwNEwyMC45My4wNTVoLTIuNTc2em0tNy4xMTIgMTQuNTQ3Yy0yLjYzMi4xMS01LjA2OC4xOTMtNS45MDguMzU4YS45Ny45NyAwIDAwLS43LjUyNGwtLjYxNiAxLjIxMmMtLjAyOC4wODMtLjE0LjMwMy0xLjAwOC4zMDNoLS44OTZ2LTYuMDM0YzAtLjU1LjI1Mi0xLjA3NC43MjgtMS41OTguMjI0LS4yNDguODk2LTEuMjEyIDEuMDM2LTEuNTdsLjctMS45ODRjMS44Mi0uODgxIDMuODA4LTEuMzUgNS43NjgtMS4zNWguMDI4YzEuMjA0IDAgMy44MDguMjQ4IDUuMzc2LjkzN2wtNC41MDggOS4yMDJ6bTE2LjkxMi0yLjE3NmgtMi4xbC0uNzU2LTIuMTVhLjUwNC41MDQgMCAwMC0uMjgtLjMwM2MtMS43OTItLjg4MS0zLjY2OC0xLjQ2LTUuNDg4LTEuNjUzbC02LjY2NCAxMy42OTNhMjguMTczIDI4LjE3MyAwIDAxMTAuNDE2LjAyOGwuNyAxLjM1Yy4yOC41NzguODY4LjkwOSAxLjUxMi45MDloMi4xYy4zMDggMCAuNTYtLjI0OC41Ni0uNTUxdi03LjE5YzAtMS4wNzUtLjU2LTEuOTU3LTEuMDkyLTIuNTA4bDEuMDkyLS4yNzV2LTEuMzV6bS0yLjg4NCA1Ljc1OGgtMy43NTJ2LTEuNzA4bDMuNzUyLS45Mzd2Mi42NDV6Ii8+PC9nPjwvc3ZnPg==) !important
}

.dwa-ui-header__main-links li a.alert:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyLjc5NSAxLjcxNXYtLjQxQzEyLjc5NS41ODIgMTIuMjE1IDAgMTEuNSAwYTEuMyAxLjMgMCAwMC0xLjI5NSAxLjMwNHYuNDFDOC43NSAxLjk0IDYuNjc4IDIuNjkzIDUuODQgNS4yYy0xLjA3NyAzLjIyLTEuNDI2IDcuOTEyLTIuNTE4IDkuMjQ2LTEuMDggMS4zMi0yLjM2MyAxLjkzNC0yLjg1OSAyLjc2LS4zNy42MTYtLjQ3NiAxLjI2My0uNDYyIDIuMzNIMjNjLjAxNC0xLjA2Ny0uMDkyLTEuNzE0LS40NjItMi4zMy0uNDk2LS44MjYtMS43NzgtMS40NC0yLjg1OS0yLjc2LTEuMDkyLTEuMzM0LTEuNDQxLTYuMDI2LTIuNTE4LTkuMjQ2LS44MzgtMi41MDctMi45MS0zLjI2LTQuMzY1LTMuNDg0em0xLjI2IDE5Ljc1MkEyLjU1MSAyLjU1MSAwIDAxMTEuNSAyNGEyLjU1MSAyLjU1MSAwIDAxLTIuNTU0LTIuNTMzaDUuMTA4eiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+) !important;
}

.dwa-ui-header__main-links li a.login:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMy4yMzUgNy4wMDNMMy4yNiA3bC41OC4zNzJjLjc0NC40NjYgMS41OTguOTA0IDMuMTAxLjkwNCAxLjI3IDAgMi4zNjYtLjQyNSAzLjI4OS0xLjI3NSAyLjE4Ny4zMDEgMi45MjggMS41MTQgMy4zIDIuOTE2bC4wNzkuMzI2LjAzNi4xNjYuMDk2LjUuMDUyLjMyMy4wNDMuMzIuMDM1LjMxNC4wMjcuMzA2LjAwNC4yNDZjLS4yNjcuNDMtLjU3NS44MzgtLjkyNiAxLjIyNGE2LjA5OCA2LjA5OCAwIDAxLTEuMDMzLjkzbC0uMDAxLTIuNTIyYS42NS42NSAwIDAwLTEuMjkzLS4wOTZsLS4wMDcuMDk2djMuMzY5Yy0xLjA3NS41NzUtMi4zMDkuODY5LTMuNy44ODEtMS4zOTIuMDEyLTIuNjI2LS4yODMtMy43MDItLjg4NmwuMDAyLTMuMzY0YS42NS42NSAwIDAwLTEuMjkzLS4wOTZsLS4wMDcuMDk2LS4wMDEgMi41NTRhNi4xNiA2LjE2IDAgMDEtMS4wMy0uOTYyQTkuNzgyIDkuNzgyIDAgMDEwIDEyLjQxOHYtLjRsLjAzLS4zMS4wMzktLjMxNi4wNDctLjMyMS4wNzQtLjQwNS4wOS0uNDA0LjEyLS40NzYuMDgzLS4zMS4wOS0uM2MuMzUtMS4wOC45MzMtMS45MzkgMi42NjItMi4xNzN6IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNC45MzQgNS40MDhsLS41NjYtLjkzOWMtLjgzNS0xLjM4MS0uNDA5LTMuMTg4Ljk1Mi00LjAzNkEyLjg1OSAyLjg1OSAwIDAxNi42NTMuMDA2TDYuODMxIDBjMS41OTYgMCAyLjg5IDEuMzE0IDIuODkgMi45MzVhMi45NyAyLjk3IDAgMDEtLjQyNyAxLjUzNGwtLjU2Ny45MzlhMi4yMDUgMi4yMDUgMCAwMS0zLjA2Ljc0NCAyLjI0MiAyLjI0MiAwIDAxLS43MzMtLjc0NHoiLz48L2c+PC9zdmc+) !important;
}

@media all and (min-width: 1024px) {
    body .dwa-ui-header__main-links li a.watchlist, body .dwa-ui-header__main-links li a.comparison, body .dwa-ui-header__main-links li a.login, body .dwa-ui-header__main-links li a.alert {
        background-image: none !important;
        padding: 0;
    }

    body .dwa-ui-header__main-links li a.watchlist:hover, body .dwa-ui-header__main-links li a.comparison:hover, body .dwa-ui-header__main-links li a.login:hover, body .dwa-ui-header__main-links li a.alert:hover {
        background-image: none !important;
        padding: 0;
    }

    body .dwa-ui-header__main-links li {
        padding: 10px !important;
    }
}

/*header*/
@media all and (min-width: 0) and (max-width: 480px) {
    .dwa-ui-header__logo img {
        width: 100px;
    }

    .dwa-ui-header__main-links li {
        padding: 10px 2px;
    }

    header .listLink::before {
        margin-left: 4px;
    }

    header .listLink > a {
        padding: 10px 0 10px 8px;
        width: 55px;
        font-size: 10px;
    }
}

.dwa-header-circle {
    background-color: #dedad4;
}

body .dwa-cms-ui--link:hover, body a:hover {
    color: var(--seatHover);
}

/*contenedor*/
.dwacms_content.dwa_content {
    max-width: 1360px
}

.dwa_content {
    color: #4d4d4d;
    text-rendering: optimizeLegibility;
}


.injected-svg {
    display: none;
}

/*loading*/
.loading-layer {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 999999999;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.8);
}

.loading-layer > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.loading-layer > div .container-progress {
    text-align: center;
}

.loading-layer > div .container-progress > img, .loading-layer > div .container-progress > picture img, .loading-layer > div .container-progress > svg {
    display: block;
    margin: 20px auto;
    height: auto;
    max-width: 100%;
    width: 200px;
}

.loading-layer > div .container-progress .progress-wrap {
    height: 16px;
    width: 200px;
    margin: 20px auto;
    border: 2px solid #999;
    border-radius: 10px;
    background-color: #fff;
}

.loading-layer > div .container-progress .progress-bar {
    padding: 6px;
    background: var(--seat);
    border-radius: 6px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.loading-layer > div .container-progress .progress-bar {
    animation: loader 8s ease forwards;
    background: var(--seat);
    color: #fff;
    width: 0;
}

.loading-layer > div iframe {
    width: 200px !important;
    height: 35px !important;
    margin: 0 auto;
    min-height: 0;
}

.loading-layer > div iframe svg {
    display: block;
    width: 100%;
}

@keyframes loader {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.loading-layer.visible {
    display: block;
}

/*breadcrumb*/
.mfBreadcrumb {
    font-family: 'st', arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    margin: 0 0 10px 0;
    height: 14px;
    overflow-y: hidden;
    width: 100%;
    position: relative !important;
}

.mfBreadcrumb ol {
    list-style: none;
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    overflow-x: auto;
    padding: 0;
    padding-bottom: 20px;
}

.mfBreadcrumb ol > li {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
}

.mfBreadcrumb ol > li > a {
    color: #000000;
    font-family: 'st', arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
}

.mfBreadcrumb ol > li > a > span {
    color: #000000;
    font-family: 'st', arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
}

.mfBreadcrumb ol > li > a::after {
    content: '/';
    display: inline-block;
    margin: 0 2px;
    vertical-align: bottom;
    font-size: 10px;
    line-height: 1.2;
}

.mfBreadcrumb ol > li > span {
    color: #000000;
}

.mfBreadcrumb ol > li:last-child > a::after {
    content: none;
}

@media all and (max-width: 768px) {
    .mfBreadcrumb::before {
        content: '';
        display: block;
        background: linear-gradient(270deg, rgba(241, 244, 243, 0), #f1f4f3);
        position: absolute;
        pointer-events: none;
        top: 0;
        width: 20px;
        height: 100%;
        z-index: 1;
    }
}

/*volver*/
.goBack {
    padding: 0 0 10px 0;
}

.goBack > a {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -789px -157px;
    background-repeat: no-repeat;
    color: #4d4d4d;
    display: inline-block;
    padding: 0 20px 0 21px;
}

.goBack > a:hover {
    background-position: -661px -285px;
    text-decoration: none;
}

/*tool distintivo*/
.distintivo .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.distintivo .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 12px;
    font-family: 'st';
    font-weight: normal;
    left: -80px;
    line-height: 14px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 140px;
    z-index: 9;
}

.distintivo .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.distintivo .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.distintivo .tool.on > span {
    display: block;
}

/*REDIRECT----------------------------------------------*/
.resultados.redirect {
    margin: 40px 20px;
    text-align: center;
}

.resultados.redirect > h1 {
    font-weight: normal;
    font-family: 'st';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.resultados.redirect .calculando_busqueda {
    border: 6px solid #eaeeed;
    padding: 20px;
    max-width: 600px;
    margin: 20px auto;
    width: 90%;
}

.resultados.redirect p {
    font-weight: normal;
    font-family: 'st';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0;
}

.resultados.redirect p strong {
    font-weight: normal;
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.resultados.redirect p img {
}

.redirect {
    margin: 40px 20px;
    text-align: center;
}

.redirect > h1 {
    font-weight: normal;
    font-family: 'st';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.redirect .calculando_busqueda {
    border: 6px solid #eaeeed;
    padding: 20px;
    max-width: 600px;
    margin: 20px auto;
    width: 90%;
}

.redirect p {
    font-weight: normal;
    font-family: 'st';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0;
}

.redirect p strong {
    font-weight: normal;
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.redirect p img {
}

/*RESULTADOS---------------------------------------------*/
.results-wrap::before, .results-wrap::after {
    clear: both;
    content: '';
    display: block;
}

.results-wrap {
    background-color: #dedad4;
    font-size: 14px;
    padding: 110px 20px 60px;
    position: relative;
}

/*.results-wrap .resultsContainer{margin:0 auto;max-width:1440px;}*/
.results-wrap .nav-pages > div.buscador-libre {
    height: 46px;
    padding-bottom: 4px;
}

.results-wrap .nav-pages > div.buscador-libre .v-input {
    height: 46px;
    top: 0;
}

.results-wrap .nav-pages > div.buscador-libre .v-input__control {
    height: 46px;
}

.results-wrap .nav-pages > div.buscador-libre .v-autocomplete.v-input > .v-input__control > .v-input__slot {
    margin: 0;
}

.results-wrap .results-btns {
    background-color: rgb(241, 244, 243);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 0 4px 0;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    margin: 0 0 10px 0;
    top: 60px;
    z-index: 99;
}

.results-wrap .results-btns > div {
    position: relative;
    text-align: right;
    width: 50%
}

.results-wrap .results-btns > div > a {
    display: block;
    background-color: var(--seat);
    border-radius: 30px;
    box-shadow: 0 0 2px #999999;
    height: auto;
    padding: 8px 12px;
    position: relative;
    text-align: center;
    z-index: 999;
}

.results-wrap .results-btns > div > a > svg {
    display: inline-block;
    fill: #fff;
    height: 20px;
    width: 21px;
    vertical-align: middle;
}

.results-wrap .results-btns > div > a > span {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: 'st';
    font-weight: 400;
    font-size: 15px;
    margin: 0 0 0 4px;
}

.results-wrap .results-btns > div > span {
    display: block;
    background-color: #eaeeed;
    border-radius: 30px;
    box-shadow: 0 0 1px #999999;
    height: auto;
    padding: 4px;
    position: relative;
    text-align: center;
    z-index: 999;
    width: 98%;
}

.results-wrap .results-btns > div > span > label {
    display: inline-block;
    vertical-align: middle;
}

.results-wrap .results-btns > div > span > label > svg {
    display: block;
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.results-wrap .results-btns > div > span > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: none;
    background: transparent no-repeat;
    box-shadow: none;
    font-size: 12px;
    color: #000000;
    font-family: 'st';
    font-weight: normal;
    max-width: 110px;
    margin: 0;
    padding: 0;
    line-height: 12px;
    vertical-align: middle;
    position: absolute;
    height: 100% !important;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    display: block;
    max-width: none !important;
}

.results-wrap .results-btns > div > span > select > option {
    color: #000000;
}

.results-wrap .results-btns > div > span > select::-ms-expand {
    display: none;
}

.results-wrap .results-btns > div > span > span {
    font-size: 14px;
    color: #000000;
    font-family: 'st';
    font-weight: normal;
    max-width: 110px;
    margin: 3px 10px 3px 4px;
    padding: 0;
    line-height: 21px;
    vertical-align: middle;
    display: inline-block;
}

.results-wrap .results-btns > div.wrap-campolibre {
    height: 46px;
    margin: 14px 0;
    padding-bottom: 4px;
    order: 0;
    width: 100%;
}

.results-wrap .results-btns > div.wrap-campolibre .v-input {
    height: 46px;
    top: 0;
}

.results-wrap .results-btns > div.wrap-campolibre .v-input__control {
    height: 46px;
}

.results-wrap .results-btns > div.wrap-campolibre .v-autocomplete.v-input > .v-input__control > .v-input__slot {
    margin: 0;
}

.results-wrap .results-btns > div:nth-child(2) {
    order: 2;
}

.results-wrap .results-btns > div:nth-child(3) {
    order: 1;
    text-align: left;
}

.results-wrap .nav-pages {
    align-items: flex-end;
    background-color: #dedad4;
    padding: 4px 0;
}

.results-wrap .nav-pages .cartIcon > svg {
    display: block;
    height: 20px;
    margin: 0 auto 4px;
    width: 20px;
    fill: var(--seat);
}

.results-wrap .nav-pages > div > ul {
    display: flex;
    flex-flow: row nowrap;
}

.results-wrap .nav-pages li {
    position: relative;
    width: 100%;
    margin: 4px 0 8px;
}

.results-wrap .nav-pages li#pestana_fav a > span, .results-wrap .nav-pages li#pestana_comp a > span {
    border: 2px solid #32424B;
    color: #4d4d4d;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    padding: 0px;
    position: absolute;
    top: -4px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275) 0s;
    text-indent: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    background-color: #fff;
    left: 70%;
}

.results-wrap .nav-pages li svg {
    display: block;
    height: 20px;
    margin: 0 auto 4px;
    width: 20px;
    fill: var(--seat);
}

.results-wrap .nav-pages li select {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTQgOSI+ICAgIDxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjODk5NEEwIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xMiAyTDcgNyAyIDIiLz48L3N2Zz4=) no-repeat 98% center;
    border: none;
    box-shadow: none;
    font-weight: normal;
    color: #000;
    padding: 0 20px 0 0;
    display: inline-block;
    width: auto;
    text-align: right;
    line-height: 1;
    width: auto;
    font-size: 14px;
    margin: 0 0 0 auto;
    display: block;
}

.results-wrap .nav-pages li .nice-select {
    font-size: 13px;
    height: 26px;
    width: 140px;
    padding-left: 10px;
    border: none;
    background: transparent;
}

.results-wrap .nav-pages li .nice-select li {
    display: block;
}

.results-wrap .nav-pages li .nice-select .option {
    padding-left: 10px;
}

.results-wrap .nav-pages > div > ul.filterSelected {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0;
}

.results-wrap .nav-pages > div > ul.filterSelected > li, .results-wrap .nav-pages > div > ul.filterSelected > li:first-child {
    margin: 0;
    width: auto;
}

.results-wrap .nav-pages > div > ul.filterSelected > li > a {
    background-color: #ffffff;
    border: 1px solid #cfd7d9;
    border-radius: 15px;
    color: #4a4a4a;
    display: block;
    position: relative;
    margin: 10px 10px 0 0;
    padding: 5px 10px 5px 25px;
}

.results-wrap .nav-pages > div > ul.filterSelected > li > a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgOCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkdyb3VwIDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9IkJyb3dzZXJfTF9BZHZhbmNlZC1TZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9InYzXzAwX0RXQS0zLjAtUmVzdWx0cGFnZS0tLURlc2t0b3AtLS1Lb250cm9sbHplbnRydW1fZGFyay0tLUZseS1PdXRfRGVmYXVsdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxMy4wMDAwMDAsIC0yNDguMDAwMDAwKSIgZmlsbD0iIzEwMTAxMCI+ICAgICAgICAgICAgPGcgaWQ9IjAyX1RleHQtRWluc3RpZWciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOS4wMDAwMDAsIDk2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFncyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE0My4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJUYWciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2My4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsb3NlX0ljbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuMDAwMDAwLCA5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC00LjAwMDAwMCkgIiB4PSItMSIgeT0iMy41IiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC00LjAwMDAwMCkgIiB4PSItMSIgeT0iMy41IiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    transition: all .2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.results-wrap .nav-pages > div > ul.filterSelected > li > a:hover {
    opacity: 0.4;
}

.results-wrap .dwaNavResults {
    text-align: center;
}

.results-wrap .dwaNavResults p {
    font-size: 13px;
    margin: 8px 0;
}

.results-wrap .dwaNavResults p > span {
    color: #000000;
    display: inline-block;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.results-wrap .dwaNavResults p .showMore {
    background-color: #0f0f0f;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    padding: 14px 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}

.results-wrap .dwaNavResults p .showMore:hover {
    background-color: #0f0f0f99;
}

.results-wrap .dwaNavResults p .goTopResults {
    color: #7d8d99;
    text-decoration: none;
    border-bottom: 2px solid;
    display: inline-block;
    padding: 0 0 4px 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
}

.results-wrap .buscador-libre {
    background-color: #ffffff;
    border: solid 1px #8994a0;
    border-radius: 8px;
    position: relative;
}

.results-wrap .buscador-libre .locationMinSearch {
    width: 100%
}

.results-wrap .buscador-libre .locationMinSearch > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiM4OTk0QTAiIGQ9Ik04IDVhMyAzIDAgMSAwIDAgNiAzIDMgMCAwIDAgMC02bTAtNUMzLjgwMiAwIDAgMy40MDMgMCA3LjYwMiAwIDExLjggMy40NjkgMTYuODEyIDggMjRjNC41MzEtNy4xODggOC0xMi4yIDgtMTYuMzk4QzE2IDMuNDAzIDEyLjE5OSAwIDggMCIvPiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTggNWEzIDMgMCAxIDAgMCA2IDMgMyAwIDAgMCAwLTYiLz4gICAgPC9nPjwvc3ZnPg==);
    display: block;
    height: 40px;
    width: 40px;
    border-right: 2px solid #7d8d99;
    padding: 0 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    position: absolute;
    top: -35px;
    left: 4px;
    border-radius: 20px 0 0 20px;
}

.results-wrap .buscador-libre .locationMinSearch > a.on {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiNmMDY0MDkiIGQ9Ik04IDVhMyAzIDAgMSAwIDAgNiAzIDMgMCAwIDAgMC02bTAtNUMzLjgwMiAwIDAgMy40MDMgMCA3LjYwMiAwIDExLjggMy40NjkgMTYuODEyIDggMjRjNC41MzEtNy4xODggOC0xMi4yIDgtMTYuMzk4QzE2IDMuNDAzIDEyLjE5OSAwIDggMCIvPiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTggNWEzIDMgMCAxIDAgMCA2IDMgMyAwIDAgMCAwLTYiLz4gICAgPC9nPjwvc3ZnPg==);
}

.results-wrap .buscador-libre .locationMinSearch > a.on + div {
    display: block;
}

.results-wrap .buscador-libre .locationMinSearch > div {
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    top: 6px;
    z-index: 3;
    box-shadow: 0 0 6px #ccc;
    border-radius: 4px;
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter {
    display: flex;
    flex-flow: row wrap;
    padding: 10px;
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field {
    margin: 10px 0;
    position: relative;
    width: 100%;
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field > input[type="text"] {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: solid 1px #8994a0;
    box-shadow: none;
    padding-right: 40px !important;
    outline: none;
    color: #000;
    font-size: 14px;
    font-family: 'st';
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field > input[type="text"]:focus {
    border-color: var(--seat);
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iIzg5OTRBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 3;
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field > a:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iI0YwNjQwOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
}

.results-wrap .buscador-libre .locationMinSearch > div .locationFilter .map {
    background-color: #eaeeed;
    width: 100%;
    height: 200px;
    margin: 10px 0;
    overflow: hidden;
}

.results-wrap .searh-button-libre, .results-wrap .v-text-field .v-input__append-inner {
    display: none;
}

.results-wrap #app.buscador-libre > div:first-child {
}

.results-wrap .v-select.v-select--chips .v-select__selections {
    height: 48px
}

.headerSEAT ~ .results-wrap .btn-show-filters {
    top: 90px;
}

.headerSEAT ~ .results-wrap {
    padding: 125px 30px 80px;
}

.headerSEAT ~ .pedidos {
    padding: 20px 0 80px;
}

.headerSEAT ~ .pedidos .nav-pages, .headerSEAT ~ .pedidos .headReserva {
    padding: 10px
}

@media only screen and (min-width: 480px) {
    .results-wrap {
        padding: 110px 30px 80px;
    }

    .results-wrap .results-btns > div > span > select {
        max-width: 130px;
    }

    .results-wrap .results-btns {
        top: 80px;
        z-index: 99;
    }

    .results-wrap .results-btns {
        top: 54px;
    }

    .headerSEAT ~ .results-wrap {
        padding: 130px 30px 80px;
    }
}

@media only screen and (min-width: 758px) {
    .results-wrap .nav-pages li {
        display: inline-block;
        margin: 4px 8px 4px 0;
        width: auto
    }

    .results-wrap .nav-pages li select {
        font-size: 12px;
    }

    .results-wrap .results-btns > div > a:hover > span {
        color: #eeeeee;
    }

    .results-wrap .results-btns > div > span:hover > select {
        color: var(--seat);
    }

    .results-wrap .results-btns > div > span > select {
        font-size: 14px;
        height: 27px;
    }

    .results-wrap .results-btns > div > a {
        padding: 6px 20px;
    }

    .results-wrap .results-btns > div > a > span {
        font-size: 16px;
    }

    .results-wrap .results-btns > div > a > svg {
        height: 23px;
        width: 24px;
    }

    .results-wrap .results-btns {
        top: 70px;
    }

    .results-wrap .buscador-libre .locationMinSearch > a:hover {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDE2IDI0Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiNmMDY0MDkiIGQ9Ik04IDVhMyAzIDAgMSAwIDAgNiAzIDMgMCAwIDAgMC02bTAtNUMzLjgwMiAwIDAgMy40MDMgMCA3LjYwMiAwIDExLjggMy40NjkgMTYuODEyIDggMjRjNC41MzEtNy4xODggOC0xMi4yIDgtMTYuMzk4QzE2IDMuNDAzIDEyLjE5OSAwIDggMCIvPiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTggNWEzIDMgMCAxIDAgMCA2IDMgMyAwIDAgMCAwLTYiLz4gICAgPC9nPjwvc3ZnPg==);
    }

    .headerSEAT ~ .results-wrap {
        padding: 145px 30px 80px;
    }

    .headerSEAT ~ .results-wrap .btn-show-filters {
        top: 115px;
    }
}

@media only screen and (min-width: 980px) {
    .results-wrap {
        padding: 90px 30px 80px;
    }

    .results-wrap .results-btns {
        display: none;
    }

    .results-wrap .results-btns > div > a {
        display: none;
    }

    .results-wrap .results-btns > div {
        order: 0;
        text-align: left;
    }

    .results-wrap .results-btns > div + div {
        order: 1;
        text-align: right;
    }

    .results-wrap .nav-pages > div > ul {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin: 0;
    }

    .results-wrap .nav-pages > div > ul > li {
        margin: 4px 3px;
    }

    .results-wrap .nav-pages > div > ul > li .numAnuncios {
        font-size: 18px;
    }

    .results-wrap .nav-pages > div > ul > li:first-child {
        display: inline-block;
    }

    .results-wrap .nav-pages > div.nav-pages-grid {
        min-height: 160px;
    }

    .headerSEAT ~ .results-wrap {
        padding: 160px 30px 80px;
    }
}

@media only screen and (min-width: 1088px) {
    .results-wrap .results-btns {
        top: 80px;
    }

    .results-wrap .nav-pages > div > ul > li {
        margin: 4px 8px 12px 5px;
    }

    .headerSEAT ~ .results-wrap {
        padding: 130px 30px 80px;
    }
}

@media only screen and (min-width: 1024px) {
    .results-wrap .btn-show-filters {
        display: none;
    }
}

@media only screen and (min-width: 1110px) {
    .results-wrap .nav-pages > div > ul > li:first-child {
        margin-left: 22px;
    }

    .results-wrap .buscador-libre .locationMinSearch > div .locationFilter {
        justify-content: space-between;
    }

    .results-wrap .buscador-libre .locationMinSearch > div .locationFilter .field {
        width: 48%;
    }

    .results-wrap .buscador-libre .locationMinSearch > div .locationFilter .map {
        width: 48%;
    }
}

@media only screen and (min-width: 1400px) {
    .results-wrap .nav-pages > div {
        width: 67%;
    }

    .results-wrap .nav-pages > div + div {
        width: 33%;
    }

    .results-wrap .nav-pages > div.nav-pages-grid {
        display: flex;
        flex-flow: row wrap;
        min-height: 100px;
    }

    /*.results-wrap .nav-pages > div.nav-pages-grid > div {width: 50%}*/
    .results-wrap .nav-pages > div.nav-pages-grid > ul {
        width: 100%;
    }
}

@media only screen and (min-width: 1770px) {
    .results-wrap .nav-pages > div {
        width: 75.5%;
    }

    .results-wrap .nav-pages > div + div {
        width: 24.5%;
    }
}

/*filtros*/
.newSearch {
    background-color: #dedad4;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 178;
    transition: all ease 0.3s;
    transform: translate(-100%);
}

.newSearch .headFilters {
    padding: 0;
    position: relative;
    margin: 0;
    background-color: transparent;
    border-radius: 0; /*box-shadow: 0 -2px 3px #ddd;*/
    height: 1px;
}

.newSearch .headFilters .goBack {
    right: 20px;
    height: 20px;
    margin: 0;
    position: absolute;
    top: 20px;
    width: 20px;
}

.newSearch .headFilters .goBack > a {
    cursor: pointer;
    display: flex;
    width: 20px;
    background: transparent no-repeat;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.newSearch .headFilters .goBack > a > svg {
    fill: #8994a0;
    height: 14px;
    width: 14px;
    display: block;
}

.newSearch .headFilters .dwaMark {
    display: none;
}

.newSearch .headFilters .dwaMark > a {
    display: flex;
    margin: 0 auto;
    max-width: 198px;
    align-items: center;
    justify-content: center;
}

.newSearch .headFilters .dwaMark > a > img {
    display: block;
    height: auto;
    width: 100%;
}

.newSearch .bottomFilters {
    padding: 0px 0;
    position: relative;
    margin: 20px 0 0;
    background-color: #fff;
    border-radius: 6px 6px 0 0; /*box-shadow: 0 -2px 3px #ddd;*/
    height: 130px;
}

.newSearch .bottomFilters .clearFilters {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: right;
    color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    padding: 0;
    margin: 14px 20px 20px;
    display: inline-block;
}

.newSearch .bottomFilters .goBack {
    margin: 10px 0;
}

.newSearch .bottomFilters .goBack a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--seat);
    min-height: 48px;
    border-radius: 24px;
    color: #fff;
    cursor: pointer;
    outline: none;
    border: 0;
    overflow: hidden;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    font-weight: bold;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 20px;
    background-image: none;
}

.newSearch .advanceLink {
    padding: 10px;
    position: relative;
    margin: 20px 0;
    background-color: #fff;
    border-radius: 6px; /*box-shadow: 0 -2px 3px #ddd;*/
    height: 60px;
}

.newSearch .advanceLink a {
    display: flex;
    height: 100%;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    font-weight: bold;
    padding: 0 10px;
}

.newSearch .advanceLink a svg {
    display: block;
    width: 22px;
    height: 14px;
    fill: #8994a0;
    margin: 0 10px 0 0;
    transition: all ease 0.4s;
}

.newSearch .advanceLink a:hover svg {
    fill: var(--seat);
}

.newSearch .advanceLink a i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    content: '';
    display: block;
    width: 11px;
    height: 19px;
    cursor: pointer;
    transition: all .2s ease-in-out;
    position: absolute;
    right: 20px;
    background-size: 9px;
    background-repeat: no-repeat;
}

.newSearch .newSearchWrap {
    height: calc(100% - 230px) !important;
    width: 100%;
    margin: 0 0 10px 0;
    background-color: #fff;
    border-radius: 6px; /*box-shadow: 0 3px 4px #ddd;*/
    overflow-y: auto;
}

.newSearch .newSearchWrap .services {
    border-bottom: 1px solid #eaeeed;
    border-radius: 0;
    padding: 1px 0;
}

.newSearch .newSearchWrap .services .fieldset {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 16px 0;
}

.newSearch .newSearchWrap .services .fieldset > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #8994a0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    position: relative;
}

.newSearch .newSearchWrap .services .fieldset > input[type="checkbox"]:checked {
    background: var(--seat);
    border-color: var(--seat);
    background-image: url('../img/interface.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.newSearch .newSearchWrap .services .fieldset > label {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 0 6px;
    width: calc(100% - 60px);
}

.newSearch .newSearchWrap .services .fieldset > label > i {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-color: transparent;
    background-repeat: no-repat;
    background-position: center center;
    background-size: 30px;
    vertical-align: middle;
}

.newSearch .newSearchWrap .services .fieldset > label > i.oportunidad {
    background-image: url("../img/btn-oportunidad.webp");
    background-image: -webkit-image-set(url("../img/btn-oportunidad.webp"));
    background-image: image-set(url('../img/btn-oportunidad.png'));
}

.newSearch .newSearchWrap .services .fieldset > label > i.seleccion {
    background-image: url("../img/btn-seleccion.webp");
    background-image: -webkit-image-set(url("../img/btn-seleccion.webp"));
    background-image: image-set(url('../img/btn-seleccion.png'));
}

.newSearch .newSearchWrap .services .fieldset > label > span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 15px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool {
    display: inline-block;
    position: relative;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool > .infoTool {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAAhIaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIyLTA4LTA4VDA5OjQzOjE0KzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMi0wOC0zMFQxMjoxMzozOSswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMi0wOC0zMFQxMjoxMzozOSswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJBZG9iZSBSR0IgKDE5OTgpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmUzZGRmY2U5LTcxNjItNDA3Ny04MDI3LTI4ZjhjZGJlNTQ4ZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjJlMWY5NmM0LTU3N2MtMTE4MC1iZDlmLTkzYWVjOTIxMjJiYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjIzZWQ4MzVkLTFhMDAtNDczMy1hMTY0LTdkYmE5MGZlZGM4ZCIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIyMiIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjIyIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyM2VkODM1ZC0xYTAwLTQ3MzMtYTE2NC03ZGJhOTBmZWRjOGQiIHN0RXZ0OndoZW49IjIwMjItMDgtMDhUMDk6NDM6MTQrMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRmMjBkMjRjLTE5NjEtNDk5OS05YmE1LTYxZDViYjBlNjEzZCIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0wOFQwOTo0MzozMSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmUzZGRmY2U5LTcxNjItNDA3Ny04MDI3LTI4ZjhjZGJlNTQ4ZSIgc3RFdnQ6d2hlbj0iMjAyMi0wOC0zMFQxMjoxMzozOSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qEj/SAAAAm5JREFUOI211D+IVVcQx/HPc3d1DawE9fqHR0g0RGxEEBVRiLBWIZURC0FeIUSwSKEi/ltb9amVgqhYnSr4B2yEIGLcgBYSrCKIgprigPIg/om6a7K6Fue89bp7n1joNJd75syXmd/Mmdro6KjPYd2dHK1GvRffYDX6MQ9diBjEVdwuQnxRFV8bn3GrUZ+EhdiDDZiEVxjBaE5mCmr4DQdwvQhxpCO41ah3YS2OYi4e4A/8ifsZ/jUW5yq+y2e/IBQhDk8Atxr1Woaey5fPYW8R4v0OUs3AADZhGrbhWDvzMngRLmEmmkWIAyVIN2ZlGR4WIf5X8m1GE1+ivwjxd1m/dqN2Yw7OlKHZ5mR5fpX0H7MixFM4LunfbDXqfWNgqfsb8Df2VVQ+OZc7Hb0V/iZuYhlWlcHf5+9gEeK9isCI7diIW+OdRYjPcEHqzXrezfEaaaRuVEDh/1xNDcMd7gxiKGc9lvH8UnCVzZbm9TQWdLhzJzPe07j9HamKwFTpBf4gdb/KXpd/2sAoyfLVB4L+xdOcVZXNz4yhMviq9EyXdAj6GFslTcxfZfAVqTH9rUZ9VkVQVw76Aj0dwGulsTxTBt+RXt0C7KwIeoW70qg9H+9sNepbsSLfuTIGLkJ8if2Sfj/nZ1q2R9Iu2JiTKEN/xI5cya4ixH94f1d0SwvlJJ7gBA4WIT6tqjsvrW3YijqOYF97w41fm73YgkP56BbO4hpu4w2+zWX/hKWS9oexvwjxSZtVteh7pA43sTzLM4z2RuuRJmiKpOkeXCxCHCpzJoBLZfZhJdZJz7RP6smLXMl5XMbjIsQJkErwp7C3S6jPH849ivAAAAAASUVORK5CYII=");
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip {
    display: none;
    opacity: 0;
    background-color: #fff;
    position: absolute;
    width: 240px;
    height: auto;
    border-radius: 5px;
    border: solid 1px #e0e5e4;
    right: -10px;
    transition: all .2s ease-in-out;
    z-index: 3;
    top: calc(100% + 20px);
    padding: 6px 16px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .headTooltip {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .headTooltip > div {
    color: var(--seatHover);
    font-size: 12px;
    padding: 12px 0;
    margin: 0;
    width: calc(100% - 25px)
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .headTooltip > div .close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNSAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZS1kZWZhdWx0PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNsb3NlLWRlZmF1bHQiIGZpbGw9IiM4OTk0QTAiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjU1LDAuNjM2IEwxMy44NjQsMTEuOTUgQzE0LjI0Mjk3MjIsMTIuMzQyMzc4OSAxNC4yMzc1NTI0LDEyLjk2NjA4NDggMTMuODUxODE4NiwxMy4zNTE4MTg2IEMxMy40NjYwODQ4LDEzLjczNzU1MjQgMTIuODQyMzc4OSwxMy43NDI5NzIyIDEyLjQ1LDEzLjM2NCBMMS4xMzYsMi4wNSBDMC44NzYwNDM0MTYsMS43OTg5MjU1MyAwLjc3MTc4NzQwMywxLjQyNzEyMjExIDAuODYzMzAyODQzLDEuMDc3NDkyNjggQzAuOTU0ODE4Mjg0LDAuNzI3ODYzMjQ0IDEuMjI3ODYzMjQsMC40NTQ4MTgyODQgMS41Nzc0OTI2OCwwLjM2MzMwMjg0MyBDMS45MjcxMjIxMSwwLjI3MTc4NzQwMyAyLjI5ODkyNTUzLDAuMzc2MDQzNDE2IDIuNTUsMC42MzYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTMuODY0LDIuMDUgTDIuNTUsMTMuMzY0IEMyLjE1NzYyMTExLDEzLjc0Mjk3MjIgMS41MzM5MTUyMiwxMy43Mzc1NTI0IDEuMTQ4MTgxNDIsMTMuMzUxODE4NiBDMC43NjI0NDc2MjYsMTIuOTY2MDg0OCAwLjc1NzAyNzc5LDEyLjM0MjM3ODkgMS4xMzYsMTEuOTUgTDEyLjQ1LDAuNjM2IEMxMi43MDEwNzQ1LDAuMzc2MDQzNDE2IDEzLjA3Mjg3NzksMC4yNzE3ODc0MDMgMTMuNDIyNTA3MywwLjM2MzMwMjg0MyBDMTMuNzcyMTM2OCwwLjQ1NDgxODI4NCAxNC4wNDUxODE3LDAuNzI3ODYzMjQ0IDE0LjEzNjY5NzIsMS4wNzc0OTI2OCBDMTQuMjI4MjEyNiwxLjQyNzEyMjExIDE0LjEyMzk1NjYsMS43OTg5MjU1MyAxMy44NjQsMi4wNSBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 0 auto;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .headTooltip > div + div {
    width: 25px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .contentTooltip {
    margin: 10px 0;
    max-height: 127px;
    overflow-y: auto;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .contentTooltip p {
    font-size: 12px;
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    margin: 0 0 8px 0;
    padding: 0;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip .contentTooltip p > b {
    font-size: 16px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip > p > a {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip > p > a::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQuNSAxLjVsNSA1LTUgNSIvPjwvc3ZnPg==);
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    background-size: 12px 12px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool .newtooltip::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 12px 12px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -8px;
    left: 90%;
    transform: rotate(180deg);
    bottom: unset;
    top: -12px;
}

.newSearch .newSearchWrap .services .fieldset > .iconTool.on .newtooltip {
    display: block;
    opacity: 1;
}

.newSearch .newSearchWrap .services .fieldset.disable {
    opacity: 0.4;
    pointer-events: none;
}

.newSearch .newSearchWrap span.subTtl {
    display: none;
    color: #000;
    font-size: 12px;
    margin: 10px 0;
}

/*.newSearch .newSearchWrap .fieldset{overflow: hidden;}*/
.newSearch .newSearchWrap .fieldset > a {
    color: #000;
    display: block;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    padding: 25px 30px 25px 0;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    transition: all .2s ease-in-out;
    line-height: 1;
    border-bottom: 1px solid #eaeeed;
    overflow: hidden;
}

.newSearch .newSearchWrap .fieldset > a > div {
    line-height: 1.2;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.newSearch .newSearchWrap .fieldset > a svg {
    fill: var(--seat);
    width: 15px;
    height: 11px;
    margin: 0 4px;
}

.newSearch .newSearchWrap .fieldset > a span {
    color: #000000;
    font-weight: normal;
    font-size: 13px;
}

.newSearch .newSearchWrap .fieldset > a::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    content: '';
    display: block;
    width: 11px;
    height: 19px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    position: absolute;
    right: 14px;
    background-size: 9px;
    background-repeat: no-repeat;
}

.newSearch .newSearchWrap .fieldset > a::after {
    content: '';
    height: 100%;
    width: 30px;
    position: absolute;
    top: 0;
    right: 30px;
    background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 40%, #fff 100%);
    background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 40%, #fff);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 40%, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1);
}

.newSearch .newSearchWrap .fieldset > a.on {
    color: #000;
    border-bottom: none;
}

.newSearch .newSearchWrap .fieldset > a.on::before {
    right: 10px;
    transform: rotate(-90deg);
}

.newSearch .newSearchWrap .scrollAuto {
    padding: 10px 20px 20px !important;
}

.newSearch .clearFilters {
    color: #000000;
    display: block;
    margin: 20px 0;
}

.newSearch .searchactions {
    display: block;
    margin: 30px 0;
}

.newSearch.on {
    transform: translate(0);
}

.on + .fieldsetDrop {
    display: block;
}

.fieldsetDrop {
    background-color: #ffffff;
    border-bottom: 1px solid #eaeeed;
    display: none;
    padding: 10px 0;
    width: 100%;
}

.fieldsetDrop .fieldsetactions {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
}

.fieldsetDrop .fieldsetactions .delete {
    color: #000000;
    line-height: 1.2;
    margin: 16px 0;
    font-size: 13px;
}

.fieldsetDrop .addMark {
    display: flex;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    cursor: pointer;
    align-items: center;
    opacity: 1;
    transition: all .2s ease-in-out 0s;
    background-position: 15px;
    border: 1px solid #8994a0;
    padding: 0 15px;
    margin: 20px 0 10px;
}

.fieldsetDrop .addMark i {
    height: 13px;
    width: 13px;
    margin: 0 10px 0 0;
}

.fieldsetDrop .addMark i svg {
    height: 13px;
    width: 13px;
    fill: var(--seat);
}

.fieldsetDrop .fieldsetactions > div + div {
    text-align: right;
}

.fieldsetDrop .fieldsetContent .listFilter {
    margin: 0;
}

.fieldsetDrop .fieldsetContent .listFilter .field {
    margin: 0;
}

.fieldsetDrop .fieldsetContent .listFilter .field .subTtl {
    font-size: 12px;
    margin: 20px 0 10px 0;
    display: block;
    font-weight: 500;
}

.fieldsetDrop .fieldsetContent .listFilter .field li {
    position: relative;
    display: block;
    margin: 0 10px 20px 0;
    cursor: pointer;
}

.fieldsetDrop .fieldsetContent .listFilter .field li a {
    padding: 2px 0 2px 30px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1.2;
    justify-content: space-between;
}

.fieldsetDrop .fieldsetContent .listFilter .field li a span.itemField {
    font-size: 16px;
    color: #000000;
    line-height: 1.1;
}

.fieldsetDrop .fieldsetContent .listFilter .field li a span, .fieldsetDrop .fieldsetContent .listFilter .field li a span.quantity {
    font-size: 14px;
    padding-left: 10px;
    color: #6b6b6b;
}

.fieldsetDrop .fieldsetContent .listFilter .field li a.on, .fieldsetDrop .fieldsetContent .listFilter .field li a:hover {
    color: var(--seatHover);
}

.fieldsetDrop .fieldsetContent .listFilter .field li a.on span, .fieldsetDrop .fieldsetContent .listFilter .field li a.on span.quantity {
    color: var(--seatHover);
}

.fieldsetDrop .fieldsetContent .listFilter .field li a:hover span, .fieldsetDrop .fieldsetContent .listFilter .field li a:hover span.quantity {
    color: var(--seatHover);
}

.fieldsetDrop .fieldsetContent .listFilter .field li a.on::before {
    background-color: var(--seat);
    border-color: var(--seat);
}

.fieldsetDrop .fieldsetContent .listFilter .field.color li a {
    display: flex;
    justify-content: space-between;
}

.fieldsetDrop .fieldsetContent .listFilter .field.color li a img {
    border-radius: 5px;
    margin: 0 10px 0 0;
    width: 20px;
    height: auto;
}

.fieldsetDrop .fieldsetContent .listFilter .field.color li a.on > div:first-child {
    position: relative;
}

.fieldsetDrop .fieldsetContent .listFilter .field.color li a.on > div:first-child::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTEzNSAxMjIuOCA4LjEgNi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMzUgMTIyLjggOC4xIDYuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTS0xMzQuOSwxMjYuMmMtMC4xLTAuMS0wLjEtMC4xLTAuMS0wLjJjMC0wLjEsMC0wLjEsMC4xLTAuMmwwLjQtMC40YzAuMS0wLjEsMC4zLTAuMSwwLjQsMGMwLDAsMCwwLDAsMGwwLDBsMS43LDEuOA0KCWMwLjEsMC4xLDAuMiwwLjEsMC4yLDBsNC4yLTQuM2wwLDBjMC4xLTAuMSwwLjMtMC4xLDAuNCwwYzAsMCwwLDAsMCwwbDAuNSwwLjRjMC4xLDAuMSwwLjIsMC4zLDAuMSwwLjRjMCwwLDAsMC0wLjEsMC4xbC01LDUuMQ0KCWMtMC4xLDAuMS0wLjEsMC4xLTAuMiwwLjFjLTAuMSwwLTAuMiwwLTAuMi0wLjFMLTEzNC45LDEyNi4yTC0xMzQuOSwxMjYuMnoiLz4NCjwvc3ZnPg0K");
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px;
}

.fieldsetDrop .fieldsetContent .listFilter .field.etiqueta li > a > img {
    border-radius: 50%;
    margin: 0 20px 0 14px;
    width: 40px;
    height: auto;
}

.fieldsetDrop .fieldsetContent .listFilter .field.etiqueta li > a {
    min-width: 230px;
    padding: 10px 17px 10px 22px;
}

.fieldsetDrop .fieldsetContent .listFilter .field.carroceria {
    margin: 0;
}

.fieldsetDrop .fieldsetContent .listFilter .field.carroceria li > a {
    min-width: 180px;
    display: flex;
    flex-flow: wrap;
    min-height: 58px;
    padding: 6px 10px 6px 15px;
}

.fieldsetDrop .fieldsetContent .listFilter .field.carroceria li > a > img {
    border-radius: 0;
    margin: 0 10px 0 0px;
    width: 50px;
    height: auto;
}

.fieldsetDrop .fieldsetContent .listFilter .field.carroceria li > a > span.itemField {
    width: calc(100% - 90px);
}

.fieldsetDrop .fieldsetContent .listFilter .field.carroceria li > a > span.quantity {
    padding: 0;
    width: 30px;
}

.fieldsetDrop .fieldsetContent .listFilter .disable {
    pointer-events: none;
    opacity: 0.2;
    cursor: default;
}

.fieldsetDrop .fieldsetContent .grid {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.fieldsetDrop .fieldsetContent .grid .col45 {
    width: 45%;
}

.fieldsetDrop .fieldsetContent .grid .col10 {
    width: 10%;
}

.fieldsetDrop .fieldsetContent .grid .separator > span {
    background-color: #000000;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 10px;
}

.fieldsetDrop .fieldsetContent .priceFilter > p {
    color: #000000;
    font-size: 14px;
    margin: 10px 0 20px;
}

.fieldsetDrop .fieldsetContent .priceFilter > p > b {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
}

.fieldsetDrop .fieldsetContent .priceFilter > ul {
    border: 1px solid #8994a0;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
}

.fieldsetDrop .fieldsetContent .priceFilter > ul > li {
    width: 50%;
}

.fieldsetDrop .fieldsetContent .priceFilter > ul > li > a {
    background-color: #ffffff;
    color: var(--seat);
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
}

.fieldsetDrop .fieldsetContent .priceFilter > ul > li > a.on {
    background-color: #8994a0;
    color: #ffffff;
}

.fieldsetDrop .fieldsetContent .priceFilter > div {
    margin: 20px 0;
}

.fieldsetDrop .fieldsetContent .priceFilter > div > p {
    font-size: 14px;
    margin: 10px 0;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow i {
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-color: #ffffff;
    border: solid 1px #8994a0;
    border-radius: 4px;
    display: inline-block;
    margin: 0 6px 0 0;
    position: relative;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow span {
    font-size: 14px;
    margin: 0 0 0 6px;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow.on i::after {
    display: block;
    position: absolute;
    top: -1px;
    left: 6px;
    width: 6px;
    height: 16px;
    border: solid var(--seat);
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: '';
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow.on + .toggleContent {
    pointer-events: inherit;;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow.on + .toggleContent .ui-slider-horizontal .ui-slider-range {
    background-color: var(--seat);
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow.on + .toggleContent .ui-slider-horizontal .ui-slider-handle {
    border-color: var(--seat);
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleShow.on + .toggleContent .nice-select {
    color: #000000;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleContent {
    margin: 16px 0 50px 0;
    pointer-events: none;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleContent p {
    font-size: 13px;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleContent .ui-slider-horizontal .ui-slider-range {
    background-color: #8994a0;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleContent .ui-slider-horizontal .ui-slider-handle {
    border-color: #8994a0;
}

.fieldsetDrop .fieldsetContent .priceFilter .toggleContent .nice-select {
    color: #8994a0;
    font-size: 14px;
    height: 40px;
    padding-left: 13px;
}

.fieldsetDrop .fieldsetContent .dateFilter {
    margin: 0 10px 40px 0;
}

.fieldsetDrop .fieldsetContent .dateFilter > div > p {
    font-size: 14px;
    margin: 10px 0;
}

.fieldsetDrop .locationFilter {
    padding: 0;
}

.fieldsetDrop .locationFilter .field {
    margin: 0 0 20px 0;
    position: relative;
}

.fieldsetDrop .locationFilter .field > input[type="text"] {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: solid 1px #8994a0;
    box-shadow: none;
    padding-right: 40px !important;
    outline: none;
    color: #000;
    font-size: 16px;
    font-family: 'st';
}

.fieldsetDrop .locationFilter .field > input[type="text"]:focus {
    border-color: #8994a0;
}

.fieldsetDrop .locationFilter .field input[type="text"]::-webkit-input-placeholder {
    color: #8994a0;
    opacity: 1;
}

.fieldsetDrop .locationFilter .field input[type="text"]::-moz-placeholder {
    color: #8994a0;
    opacity: 1;
}

.fieldsetDrop .locationFilter .field input[type="text"]:-ms-input-placeholder {
    color: #8994a0;
    opacity: 1;
}

.fieldsetDrop .locationFilter .field input[type="text"]:-moz-placeholder {
    color: #8994a0;
    opacity: 1;
}

.fieldsetDrop .locationFilter .field > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iIzg5OTRBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 3;
}

.fieldsetDrop .locationFilter .field > a:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iI0YwNjQwOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
}

.fieldsetDrop .locationFilter #radioSlider > div:last-of-type {
    text-align: right;
    margin: 10px 0 20px 0;
}

.fieldsetDrop .locationFilter #map {
    background-color: #eaeeed;
    width: 100%;
    height: 300px;
    margin: 0;
    overflow: hidden;
}

.fieldsetDrop.on {
    display: block;
}

.fieldsetDrop .ui-widget.ui-widget-content {
    background-color: #8994a0;
    border: none;
    height: 8px;
    border-radius: 6px;
    margin: 20px 10px 30px 8px;
    width: calc(100% - 30px);
}

.fieldsetDrop .ui-slider-horizontal .ui-slider-range {
    height: 8px;
    border-radius: 6px;
    background-color: var(--seat);
}

.fieldsetDrop .ui-slider-horizontal .ui-slider-handle {
    background: #fff none;
    border: 2px solid var(--seat);
    border-radius: 50%;
    height: 28px;
    width: 28px;
    top: -10px;
}

.fieldsetDrop .ui-slider-horizontal .ui-slider-handle.ui-state-active, .fieldsetDrop .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
    border: 6px solid var(--seat);
    height: 28px;
    width: 28px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 16px 16px 16px 0;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #8994a0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    position: relative;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > input[type="checkbox"]:checked {
    background: var(--seat);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    border-color: var(--seat);
    background-image: url('../img/interface.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 0 10px;
    width: calc(100% - 76px);
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label > i {
    display: inline-block;
    height: 26px;
    width: 26px;
    background-color: transparent;
    background-repeat: no-repat;
    background-position: center center;
    background-size: 26px;
    vertical-align: middle;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label > i.oportunidad {
    background-image: url("../img/btn-oportunidad-on.webp");
    background-image: -webkit-image-set(url("../img/btn-oportunidad-on.webp"));
    background-image: image-set(url('../img/btn-oportunidad-on.png'));
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label > i.seleccion {
    background-image: url("../img/btn-seleccion-on.webp");
    background-image: -webkit-image-set(url("../img/btn-seleccion-on.webp"));
    background-image: image-set(url('../img/btn-seleccion-on.png'));
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label > span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 15px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > label .nmbr, .nice-select .option .nmbr {
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    color: #6b6b6b;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool {
    display: inline-block;
    position: relative;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool > .infoTool {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTkgMTEgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTkgMTEgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4OTk0QTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDMxYy01LjUsMC0xMC00LjUtMTAtMTBjMC01LjUsNC41LTEwLDEwLTEwYzUuNSwwLDEwLDQuNSwxMCwxMEMxMSwyNi41LDYuNSwzMSwxLDMxeiBNMSwxMw0KCQljLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04UzUuNCwxMywxLDEzeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDE3LjJjLTAuNiwwLTEtMC41LTEtMWMwLTAuNSwwLjQtMSwxLTFjMC42LDAsMSwwLjQsMSwxUzEuNiwxNy4yLDEsMTcuMnoiLz4NCgk8cmVjdCB5PSIxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iNyIvPg0KPC9nPg0KPC9zdmc+DQo=');
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: transparent;
    border-radius: 50%;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool > .infoTool:hover, .fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool.on > .infoTool {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTkgMTEgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTkgMTEgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMDY0MDk7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDMxYy01LjUsMC0xMC00LjUtMTAtMTBjMC01LjUsNC41LTEwLDEwLTEwYzUuNSwwLDEwLDQuNSwxMCwxMEMxMSwyNi41LDYuNSwzMSwxLDMxeiBNMSwxMw0KCQljLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04UzUuNCwxMywxLDEzeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDE3LjJjLTAuNiwwLTEtMC41LTEtMWMwLTAuNSwwLjQtMSwxLTFjMC42LDAsMSwwLjQsMSwxUzEuNiwxNy4yLDEsMTcuMnoiLz4NCgk8cmVjdCB5PSIxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iNyIvPg0KPC9nPg0KPC9zdmc+DQo=');
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip {
    display: none;
    opacity: 0;
    background-color: #fff;
    position: absolute;
    width: 240px;
    height: auto;
    border-radius: 5px;
    border: solid 1px #e0e5e4;
    right: -10px;
    transition: all .2s ease-in-out;
    z-index: 3;
    top: calc(100% + 20px);
    padding: 6px 16px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .headTooltip {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div {
    color: var(--seatHover);
    font-size: 12px;
    padding: 12px 0;
    margin: 0;
    width: calc(100% - 25px)
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div .close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNSAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZS1kZWZhdWx0PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNsb3NlLWRlZmF1bHQiIGZpbGw9IiM4OTk0QTAiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjU1LDAuNjM2IEwxMy44NjQsMTEuOTUgQzE0LjI0Mjk3MjIsMTIuMzQyMzc4OSAxNC4yMzc1NTI0LDEyLjk2NjA4NDggMTMuODUxODE4NiwxMy4zNTE4MTg2IEMxMy40NjYwODQ4LDEzLjczNzU1MjQgMTIuODQyMzc4OSwxMy43NDI5NzIyIDEyLjQ1LDEzLjM2NCBMMS4xMzYsMi4wNSBDMC44NzYwNDM0MTYsMS43OTg5MjU1MyAwLjc3MTc4NzQwMywxLjQyNzEyMjExIDAuODYzMzAyODQzLDEuMDc3NDkyNjggQzAuOTU0ODE4Mjg0LDAuNzI3ODYzMjQ0IDEuMjI3ODYzMjQsMC40NTQ4MTgyODQgMS41Nzc0OTI2OCwwLjM2MzMwMjg0MyBDMS45MjcxMjIxMSwwLjI3MTc4NzQwMyAyLjI5ODkyNTUzLDAuMzc2MDQzNDE2IDIuNTUsMC42MzYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTMuODY0LDIuMDUgTDIuNTUsMTMuMzY0IEMyLjE1NzYyMTExLDEzLjc0Mjk3MjIgMS41MzM5MTUyMiwxMy43Mzc1NTI0IDEuMTQ4MTgxNDIsMTMuMzUxODE4NiBDMC43NjI0NDc2MjYsMTIuOTY2MDg0OCAwLjc1NzAyNzc5LDEyLjM0MjM3ODkgMS4xMzYsMTEuOTUgTDEyLjQ1LDAuNjM2IEMxMi43MDEwNzQ1LDAuMzc2MDQzNDE2IDEzLjA3Mjg3NzksMC4yNzE3ODc0MDMgMTMuNDIyNTA3MywwLjM2MzMwMjg0MyBDMTMuNzcyMTM2OCwwLjQ1NDgxODI4NCAxNC4wNDUxODE3LDAuNzI3ODYzMjQ0IDE0LjEzNjY5NzIsMS4wNzc0OTI2OCBDMTQuMjI4MjEyNiwxLjQyNzEyMjExIDE0LjEyMzk1NjYsMS43OTg5MjU1MyAxMy44NjQsMi4wNSBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 0 auto;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div + div {
    width: 25px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .contentTooltip {
    margin: 10px 0;
    max-height: 127px;
    overflow-y: auto;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .contentTooltip p {
    font-size: 12px;
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    margin: 0 0 8px 0;
    padding: 0;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip .contentTooltip p > b {
    font-size: 16px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip > p > a {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip > p > a::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQuNSAxLjVsNSA1LTUgNSIvPjwvc3ZnPg==);
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    background-size: 12px 12px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool .newtooltip::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 12px 12px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -8px;
    left: 90%;
    transform: rotate(180deg);
    bottom: unset;
    top: -12px;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset > .iconTool.on .newtooltip {
    display: block;
    opacity: 1;
}

.fieldsetDrop .fieldsetContent .yearBox .fieldset.disable {
    opacity: 0.4;
    pointer-events: none;
}

.results-filter-wrap > form > .box .grid-btns-search.onlypc {
    display: none;
}

.results-filter-wrap > form > .box .grid-btns-search.onlypc > div > a {
    margin: 0;
}

.results-filter-wrap #valores_inciales {
    display: none;
}

@media only screen and (min-width: 640px) {
    .newSearch {
        width: 100%;
        z-index: 180;
    }

    .bg-results-filter.on, .newSearch.on + .bg-results-filter {
        display: block;
        opacity: 1;
    }
}

@media only screen and (min-width: 980px) {
    .newSearch {
        padding: 0 20px 30px;
    }

    .results-filter-wrap .headFilters {
        padding: 20px 10px;
    }

    .results-filter-wrap .headFilters .goBack > a {
        display: none;
    }

    .results-filter-wrap .headFilters .dwaMark > a {
        margin: 0;
        max-width: 212px;
    }

    .newSearch .newSearchWrap .scrollAuto {
        padding: 0px 10px 20px 10px;
    }

    /*.newSearch .newSearchWrap .fieldset > a:hover {color: var(--seat);}
  .newSearch .newSearchWrap .fieldset > a:hover::before {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGMDY0MDkiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);}*/
    .newSearch .fieldsetDrop .fieldsetactions > div .apply:hover {
        color: #000000;
    }

    .results-filter-wrap .close-filter {
        display: none;
    }

    .bg-results-filter, .filters-on .bg-results-filter {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .results-wrap .resultsContainer {
        display: flex;
    }

    .results-filter-wrap {
        min-width: 350px;
        max-width: calc(45% - 120px);
        padding-bottom: 30px;
        position: static;
    }

    .results-filter-wrap form {
        position: sticky;
        top: 92px;
    }

    .headerSEAT ~ .results-wrap .results-filter-wrap form {
        top: 135px;
    }

    .newSearch {
        position: static;
        width: auto;
        transform: translate(0);
        padding: 0;
        margin: 0;
        height: 100%;
    }

    .newSearch .headFilters {
        display: none;
    }

    .newSearch .newSearchWrap {
        border-radius: 4px;
        box-shadow: none;
        height: calc(100vh - 200px) !important;
        margin: 0;
        width: 100%;
        overflow: hidden;
    }

    .newSearch .newSearchWrap .scrollAuto {
        height: 100%;
        width: 100%;
        overflow: auto;
        padding-bottom: 0 !important;
    }

    .newSearch .bottomFilters {
        display: none;
    }

    .newSearch .searchactions {
        display: block;
        margin: 0;
        padding: 10px 0;
        position: sticky;
        position: -webkik-sticky;
        bottom: 0;
        background-color: #fff;
        z-index: 3;
    }

    .newSearch .searchactions .clearFilters {
        color: var(--seat);
    }
}

@media only screen and (min-width: 1300px) {
    .results-filter-wrap {
        width: 350px;
        max-width: none;
    }
}

.dropSelect {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #8994a0;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    padding-left: 18px;
    padding-right: 60px;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    align-items: center;
    margin: 0 0 18px 0;
}

.dropSelect > a {
    color: #000000;
    display: flex;
    flex-flow: column nowrap;
    height: 48px;
    align-items: flex-start;
    justify-content: center;
    padding: 6px 0;
}

.dropSelect > a .simLabel {
    font-size: 17px;
    transition: all ease 0.4s;
}

.dropSelect > a .selection {
    display: none;
    transition: all ease 0.4s;
}

.dropSelect > a.marked .simLabel {
    font-size: 12px;
    color: #6b6b6b;
    line-height: 1.2;
    margin: -1px 0 4px 0;
}

.dropSelect > a.marked .selection {
    color: #000000;
    display: block;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 20px;
    line-height: 1;
}

.dropSelect > ul {
    display: none;
}

.dropSelect > ul li {
    margin: 0 0 16px 0;
}

.dropSelect > ul li a {
    display: block;
    font-size: 15px;
    line-height: 1.2;
    padding: 4px 0 0 24px;
}

.dropSelect > ul li a span {
    display: block;
    font-size: 13px;
    font-weight: 300;
}

.dropSelect > ul li a.on {
    color: var(--seat);
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrLW1hcmsiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNSAxMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUgMTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRUE1RDFBO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTUuNiwxMC44Yy0wLjMsMC0wLjUtMC4xLTAuNy0wLjNMMC4zLDYuMWwxLjQtMS40bDMuOSwzLjhsNy42LTguMmwxLjUsMS40bC04LjMsOUM2LjIsMTAuNyw1LjksMTAuOCw1LjYsMTAuOAoJTDUuNiwxMC44eiIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: auto;
    background-size: 18px;
}

.dropSelect.on ul {
    display: block;
}

.dropSelect::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    content: '';
    display: block;
    width: 11px;
    height: 19px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    position: absolute;
    right: 15px;
    top: 14px;
    background-size: 9px;
    background-repeat: no-repeat;
    background-position: center;
}

.dropSelect.on::after {
}

.ui-autocomplete {
    z-index: 999999999 !important
}

.dropSelect .removeFilter svg {
    fill: var(--seat);
}

/**/
.newSearch.fastSearch .navSearch a.active {
    border-color: var(--seat);
    color: var(--seat);
}

.newSearch.fastSearch .slider-range.noUi-target .noUi-base .noUi-connects .noUi-connect {
    background-color: var(--seat);
}

.newSearch.fastSearch .slider-range.noUi-target .noUi-base .noUi-handle {
    border-color: var(--seat);
}

.newSearch.fastSearch .footerFilters button {
    align-items: center;
    background-color: var(--seat);
    border-radius: 30px;
    color: #fff;
    display: inline-flex;
    font: 700 16px/18px "st";
    height: 48px;
    justify-content: center;
    margin: 0 4px;
    order: 1;
    padding: 0 16px;
    text-align: center;
    transition: all .5s ease-in-out;
    width: 220px;
}

.newSearch.fastSearch .dwaMark {
    position: relative;
}

.newSearch.fastSearch .dwaMark::before {
    background: #ffffff url('../img/SkodaLogo.svg') no-repeat center center;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.slider-range.noUi-target .noUi-base .noUi-handle {
    border-color: var(--seat) !important;
}

.slider-range.noUi-target .noUi-base .noUi-connects .noUi-connect {
    background-color: var(--seat);
}

/*buscador min mvl*/
.results-min-filter-wrap {
    background-color: #eaeeed;
    display: block;
    padding: 0 0 2px;
    border-top: 0;
    margin: 10px 0;
}

.results-min-filter-wrap > form > .box {
    padding: 0;
}

.results-min-filter-wrap > form > .box > div {
}

.results-min-filter-wrap > form > .box .wrap-button-search {
    background-color: #eaeeed;
    display: none;
}

.results-min-filter-wrap > form > .box .wrap-button-search > .simulo_btn {
    background-color: var(--seat);
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    width: 100%;
    padding: 10px 0;
    border-radius: 4px;
    box-shadow: none;
    text-align: center;
}

.results-min-filter-wrap > form > .box .wrap-button-search > .simulo_btn i {
    display: inline-block;
    vertical-align: top;
}

.results-min-filter-wrap > form > .box .wrap-button-search > .simulo_btn i svg {
    display: block;
    fill: #ffffff;
    height: 20px;
    width: 20px;
}

.results-min-filter-wrap > form > .box .wrap-button-search > .simulo_btn > span {
    display: inline-block;
    padding: 0 30px;
    position: relative;
}

.results-min-filter-wrap > form > .box .wrap-button-search > .simulo_btn.calculando > span::before {
    background: transparent url('../img/calculando.gif') no-repeat center center;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.results-min-filter-wrap .type-car {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    align-content: center;
    align-items: center;
    max-width: calc(100% - 20px);
    margin: 20px 10px;
}

.results-min-filter-wrap .type-car > li {
    width: 50%;
    margin: 0;
    padding: 0;
}

.results-min-filter-wrap .type-car > li > a {
    cursor: pointer;
    display: block;
    height: 45px;
    background-color: #f6f6f6;
    position: relative;
    text-align: center;
}

.results-min-filter-wrap .type-car > li > a span {
    display: none;
}

.results-min-filter-wrap .type-car > li > a.on {
    background-color: var(--seat);
}

.results-min-filter-wrap .type-car > li > a > svg {
    display: inline-block;
    width: 76px;
    height: 45px;
    fill: #999;
}

.results-min-filter-wrap .type-car > li > a.on > svg {
    fill: #ffffff;
}

.results-min-filter-wrap .close-filter {
    margin: 0;
    background-color: var(--seat);
    border-radius: 2px;
    height: 24px;
    padding: 4px;
    position: absolute;
    right: 0px;
    top: -8px;
    width: 24px;
}

.results-min-filter-wrap .close-filter > svg {
    fill: #ffffff;
    height: 16px;
    width: 16px;
}

.results-min-filter-wrap .showSearch {
    margin: 6px 0;
    padding: 0 6px;
    text-align: center;
}

.results-min-filter-wrap .showSearch a {
    color: var(--seat);
    display: inline-block;
    text-decoration: underline !important;
    font-size: 14px;
    line-height: 14px;
}

.results-min-filter-wrap .select-wrap {
    clear: both;
    padding: 2px 6px 4px 6px;
    margin: 0;
}

.results-min-filter-wrap .select-wrap > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}

.results-min-filter-wrap .select-wrap > div > div {
    width: 48%
}

.results-min-filter-wrap .select-wrap > div select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    display: inline-block;
    height: 32px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: 100%;
    vertical-align: middle;
    margin: 4px 0px;
}

.results-min-filter-wrap .select-wrap label {
    color: #111111;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 4px;
}

@media only screen and (min-width: 980px) {
    .results-min-filter-wrap {
        display: none;
    }
}

/*buscador avanzado*/
.advanceSearchWrap {
    background-color: #dedad4;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-500rem);
    transition: all ease 0.4s;
}

.advanceSearchWrap .headFilters {
    background-color: #ffffff;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    width: 100%;
    z-index: 3;
}

.advanceSearchWrap .headFilters .wrap {
    padding: 10px 20px;
    margin: 0 auto;
    max-width: 1340px;
    position: relative;
    height: 60px;
}

.advanceSearchWrap .headFilters .close {
    position: absolute;
    left: 10px;
    top: 20px;
}

.advanceSearchWrap .headFilters .close a {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.advanceSearchWrap .headFilters .close a svg {
    transition: all .2s ease-in-out;
    margin-right: 10px;
    opacity: .4;
    height: 17px;
    width: 10px;
    transform: rotate(180deg);
}

.advanceSearchWrap .headFilters .dwaMark {
    max-width: 160px;
    margin: 0 auto;
}

.advanceSearchWrap .headFilters .dwaMark img {
    display: block;
    height: auto;
    width: 100%;
}

.advanceSearchWrap .navFilters {
    background-color: #F1F4F3;
    overflow-y: auto;
}

.advanceSearchWrap .navFilters ul {
    display: flex;
    height: 50px;
    min-width: 2360px;
}

.advanceSearchWrap .navFilters ul li a {
    display: flex;
    border-bottom: 2px solid #F1F4F3;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0 20px;
}

.advanceSearchWrap .navFilters ul li a svg {
    fill: var(--seatHover);
    width: 15px;
    height: 11px;
    margin: 0 4px;
}

.advanceSearchWrap .navFilters ul li a.active, .advanceSearchWrap .navSearch a.active {
    border-color: var(--seat);
    color: var(--seat);
}

.advanceSearchWrap .navFilters ul li a.marked > i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE1IDExIj4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGMDY0MDkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgNS41MDZMNS42NjMgMTAgMTQgMSIvPjwvc3ZnPg==);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: static;
    width: 20px;
    height: 16px;
    border-radius: 50%;
    margin: 0 4px;
}

.advanceSearchWrap .slider-range.noUi-target .noUi-base .noUi-connects .noUi-connect {
    background-color: var(--seat);
}

.advanceSearchWrap .slider-range.noUi-target .noUi-base .noUi-handle {
    border-color: var(--seat);
}

.advanceSearchWrap .newSearch.fastSearch .footerFilters button {
    align-items: center;
    background-color: var(--seat);
    border-radius: 30px;
    color: #fff;
    display: inline-flex;
    font: 700 16px/18px "st";
    height: 48px;
    justify-content: center;
    margin: 0 4px;
    order: 1;
    padding: 0 16px;
    text-align: center;
    transition: all .5s ease-in-out;
    width: 220px;
}

.advanceSearchWrap .contentFilters {
    margin: 40px auto;
    max-width: 883px;
    padding: 0 20px;
}

.advanceSearchWrap .contentFilters h3 {
    font-weight: bold;
    color: #000;
    margin: 20px 0;
}

.advanceSearchWrap .contentFilters .toggleNext {
    color: #000;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    padding: 25px 30px 25px 0;
    margin-right: 0;
    cursor: pointer;
    position: relative;
    transition: all .2s ease-in-out;
    line-height: 1;
    border-bottom: 1px solid #eaeeed;
    overflow: hidden;
}

.advanceSearchWrap .contentFilters .toggleNext > div {
    line-height: 1.3;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

.advanceSearchWrap .contentFilters .toggleNext svg {
    fill: var(--seatHover);
    width: 15px;
    height: 11px;
    margin: 0 4px;
}

.advanceSearchWrap .contentFilters .toggleNext span {
    color: #000000;
    font-weight: normal;
    font-size: 13px;
}

.advanceSearchWrap .contentFilters .toggleNext::after {
    content: '';
    height: 100%;
    width: 30px;
    position: absolute;
    top: 0;
    right: 30px;
    background: #dedad4;
}

.advanceSearchWrap .contentFilters .toggleNext::before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    content: '';
    display: block;
    width: 11px;
    height: 19px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    position: absolute;
    right: 14px;
    background-size: 9px;
    background-repeat: no-repeat;
}

.advanceSearchWrap .contentFilters .toggleNext.on {
    color: #000;
    border-bottom: none;
}

.advanceSearchWrap .contentFilters .toggleNext.on::before {
    right: 10px;
    transform: rotate(-90deg);
}

.advanceSearchWrap .contentFilters .toggleNext.on + .showFieldset {
    border-bottom: 1px solid #eaeeed;
    display: block;
    padding: 1px 0 20px 0;
}

.advanceSearchWrap .contentFilters .toggleNext.marked > i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDE1IDExIj4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGMDY0MDkiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgNS41MDZMNS42NjMgMTAgMTQgMSIvPjwvc3ZnPg==);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    position: static;
    width: 20px;
    height: 16px;
    border-radius: 50%;
    margin: 0 4px;
}

.advanceSearchWrap .contentFilters .toggleNext.marked > span {
}

.advanceSearchWrap .contentFilters .showFieldset {
    display: none;
}

.advanceSearchWrap p {
    font-size: 14px;
    margin: 0 0 20px 0;
}

.advanceSearchWrap .fieldsetactions {
}

.advanceSearchWrap .fieldsetactions .delete {
    opacity: 1;
    display: flex;
    align-items: center;
    margin: 10px 0 10px auto;
    width: 130px;
}

.advanceSearchWrap .fieldsetactions .delete span {
    color: #000000;
    margin: 0 0 0 4px;
}

.advanceSearchWrap .fieldsetactions .delete svg {
    fill: #000000;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    display: block;
}

.advanceSearchWrap .addMark {
    display: flex;
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: normal;
    cursor: pointer;
    align-items: center;
    opacity: 1;
    transition: all .2s ease-in-out 0s;
    background-position: 15px;
    border: 1px solid #8994a0;
    padding: 0 15px;
    margin: 20px 0 10px;
}

.advanceSearchWrap .addMark svg {
    fill: var(--seat);
    height: 13px;
    width: 13px;
    margin: 0 10px 0 0;
}

.advanceSearchWrap .listFilter {
    margin: 0;
}

.advanceSearchWrap .listFilter .field {
    margin: 0;
}

.advanceSearchWrap .listFilter .field .subTtl {
    font-size: 14px;
    margin: 20px 0;
    display: block;
    font-weight: 500;
}

.advanceSearchWrap .listFilter .field li {
    position: relative;
    display: block;
    margin: 0 10px 30px 0;
    cursor: pointer;
}

.advanceSearchWrap .listFilter .field li a::before {
    content: '';
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #8994a0;
    box-sizing: border-box;
    display: block;
    vertical-align: middle;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.advanceSearchWrap .listFilter .field li a {
    padding: 0 0 0 30px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 1.1;
    justify-content: space-between;
}

.advanceSearchWrap .listFilter .field li a span.itemField {
    font-size: 16px;
    color: #000000;
    line-height: 1.1;
}

.advanceSearchWrap .listFilter .field li a span, .advanceSearchWrap .listFilter .field li a span.quantity {
    font-size: 14px;
    padding-left: 10px;
    color: #6b6b6b;
}

.advanceSearchWrap .listFilter .field li a.on, .advanceSearchWrap .listFilter .field li a:hover {
    color: var(--seatHover);
}

.advanceSearchWrap .listFilter .field li a.on span, .advanceSearchWrap .listFilter .field li a.on span.quantity {
    color: var(--seatHover);
}

.advanceSearchWrap .listFilter .field li a.on::before {
    background-color: var(--seat);
    border-color: var(--seat);
    background-image: url('../img/interface.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.advanceSearchWrap .listFilter .field li a:hover span, .advanceSearchWrap .listFilter .field li a:hover span.quantity {
    color: var(--seatHover);
}

.advanceSearchWrap .listFilter .field.color li a {
    display: flex;
    justify-content: space-between;
    padding-left: 0;
}

.advanceSearchWrap .listFilter .field.color li a::before {
    content: none;
}

.advanceSearchWrap .listFilter .field.color li a img {
    border-radius: 5px;
    margin: 0 10px 0 0;
    width: 20px;
    height: auto;
}

.advanceSearchWrap .listFilter .field.color li a.on > div:first-child {
    position: relative;
}

.advanceSearchWrap .listFilter .field.color li a.on > div:first-child::before {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTEzNSAxMjIuOCA4LjEgNi4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xMzUgMTIyLjggOC4xIDYuMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZD0iTS0xMzQuOSwxMjYuMmMtMC4xLTAuMS0wLjEtMC4xLTAuMS0wLjJjMC0wLjEsMC0wLjEsMC4xLTAuMmwwLjQtMC40YzAuMS0wLjEsMC4zLTAuMSwwLjQsMGMwLDAsMCwwLDAsMGwwLDBsMS43LDEuOA0KCWMwLjEsMC4xLDAuMiwwLjEsMC4yLDBsNC4yLTQuM2wwLDBjMC4xLTAuMSwwLjMtMC4xLDAuNCwwYzAsMCwwLDAsMCwwbDAuNSwwLjRjMC4xLDAuMSwwLjIsMC4zLDAuMSwwLjRjMCwwLDAsMC0wLjEsMC4xbC01LDUuMQ0KCWMtMC4xLDAuMS0wLjEsMC4xLTAuMiwwLjFjLTAuMSwwLTAuMiwwLTAuMi0wLjFMLTEzNC45LDEyNi4yTC0xMzQuOSwxMjYuMnoiLz4NCjwvc3ZnPg0K");
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px;
}

.advanceSearchWrap .listFilter .field.etiqueta li {
    margin: 0 10px 20px 0;
}

.advanceSearchWrap .listFilter .field.etiqueta li > a::before {
    content: none;
}

.advanceSearchWrap .listFilter .field.etiqueta li > a {
    min-width: 180px;
    display: flex;
    flex-flow: wrap;
    padding: 6px 10px 6px 0px;
}

.advanceSearchWrap .listFilter .field.etiqueta li > a img {
    border-radius: 0;
    margin: 0 10px 0 0px;
    width: 50px;
    height: auto;
}

.advanceSearchWrap .listFilter .field.carroceria {
    margin: 0;
}

.advanceSearchWrap .listFilter .field.carroceria li {
    margin: 0 10px 20px 0;
}

.advanceSearchWrap .listFilter .field.carroceria li > a::before {
    content: none;
}

.advanceSearchWrap .listFilter .field.carroceria li > a {
    min-width: 180px;
    display: flex;
    flex-flow: wrap;
    padding: 6px 10px 6px 0px;
}

.advanceSearchWrap .listFilter .field.carroceria li > a > img {
    border-radius: 0;
    margin: 0 10px 0 0px;
    width: 50px;
    height: auto;
}

.advanceSearchWrap .listFilter .field.carroceria li > a > span.itemField {
    width: calc(100% - 90px);
}

.advanceSearchWrap .listFilter .field.carroceria li > a > span.quantity {
    padding: 0;
    width: 30px;
}

.advanceSearchWrap .grid {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.advanceSearchWrap .grid .col45 {
    width: calc(50% - 10px);
}

.advanceSearchWrap .grid .col10 {
    width: 20px;
}

.advanceSearchWrap .grid .separator > span {
    background-color: #000000;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto;
    width: 10px;
}

.advanceSearchWrap .priceFilter > p {
    color: #000000;
    font-size: 14px;
    margin: 10px 0 20px;
}

.advanceSearchWrap .priceFilter > p > b {
    font-size: 24px;
    font-weight: normal;
    line-height: 1.2;
}

.advanceSearchWrap .priceFilter > ul {
    border: 1px solid #8994a0;
    border-radius: 4px;
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
}

.advanceSearchWrap .priceFilter > ul > li {
    width: 50%;
}

.advanceSearchWrap .priceFilter > ul > li > a {
    background-color: #ffffff;
    color: var(--seat);
    display: flex;
    align-items: center;
    height: 50px;
    justify-content: center;
}

.advanceSearchWrap .priceFilter > ul > li > a.on {
    background-color: #8994a0;
    color: #ffffff;
}

.advanceSearchWrap .priceFilter > div {
    margin: 0 0 20px 0;
}

.advanceSearchWrap .priceFilter > div > p {
    font-size: 14px;
    margin: 10px 0;
}

.advanceSearchWrap .priceFilter .toggleShow {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
}

.advanceSearchWrap .priceFilter .toggleShow i {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #8994a0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    position: relative;
}

.advanceSearchWrap .priceFilter .toggleShow span {
    font-size: 14px;
    margin: 0 0 0 6px;
}

.advanceSearchWrap .priceFilter .toggleShow.on i {
    background: var(--seat);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    border-color: var(--seat);
    background-image: url('../img/interface.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.advanceSearchWrap .priceFilter .toggleShow.on + .toggleContent {
    pointer-events: inherit;;
}

.advanceSearchWrap .priceFilter .toggleShow.on + .toggleContent .ui-slider-horizontal .ui-slider-range {
    background-color: var(--seat);
}

.advanceSearchWrap .priceFilter .toggleShow.on + .toggleContent .ui-slider-horizontal .ui-slider-handle {
    border-color: var(--seat);
}

.advanceSearchWrap .priceFilter .toggleShow.on + .toggleContent .nice-select {
    color: #000000;
}

.advanceSearchWrap .priceFilter .toggleContent {
    margin: 30px 0 50px 0;
    pointer-events: none;
}

.advanceSearchWrap .priceFilter .toggleContent p {
    font-size: 13px;
}

.advanceSearchWrap .priceFilter .toggleContent .ui-slider-horizontal .ui-slider-range {
    background-color: #8994a0;
}

.advanceSearchWrap .priceFilter .toggleContent .ui-slider-horizontal .ui-slider-handle {
    border-color: #8994a0;
}

.advanceSearchWrap .priceFilter .toggleContent .nice-select {
    color: #8994a0;
    font-size: 14px;
    height: 40px;
    padding-left: 13px;
}

.advanceSearchWrap .dateFilter {
    margin: 0 10px 40px 0;
}

.advanceSearchWrap .dateFilter > div > p {
    font-size: 14px;
    margin: 10px 0;
}

.advanceSearchWrap .locationFilter {
    padding: 0;
}

.advanceSearchWrap .locationFilter .float-container label {
    top: 28px;
}

.advanceSearchWrap .locationFilter .field {
    margin: 0 0 20px 0;
    position: relative;
}

.advanceSearchWrap .locationFilter .field > input[type="text"] {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    border: solid 1px #8994a0;
    box-shadow: none;
    padding-right: 40px !important;
    outline: none;
    color: #000;
    font-size: 16px;
    font-family: 'st';
}

.advanceSearchWrap .locationFilter .field > input[type="text"]:focus {
    border-color: #8994a0;
}

.advanceSearchWrap .locationFilter .field input[type="text"]::-webkit-input-placeholder {
    color: #8994a0;
    opacity: 1;
}

.advanceSearchWrap .locationFilter .field input[type="text"]::-moz-placeholder {
    color: #8994a0;
    opacity: 1;
}

.advanceSearchWrap .locationFilter .field input[type="text"]:-ms-input-placeholder {
    color: #8994a0;
    opacity: 1;
}

.advanceSearchWrap .locationFilter .field input[type="text"]:-moz-placeholder {
    color: #8994a0;
    opacity: 1;
}

.advanceSearchWrap .locationFilter .field > a {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iIzg5OTRBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
    width: 20px;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 18px;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    z-index: 3;
}

.advanceSearchWrap .locationFilter .field > a:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gICAgPHBhdGggZmlsbD0iI0YwNjQwOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxMGMwIDUuNTIzIDQuNDc3IDEwIDEwIDEwIDUuNTIyIDAgMTAtNC40NzcgMTAtMTAgMC01LjUyMi00LjQ3OC0xMC0xMC0xMFMwIDQuNDc3IDAgMTB6bTEwLjgxMyAzLjYwNUg5LjE4NFYxOC4xYTguMTQxIDguMTQxIDAgMCAxLTcuMjgzLTcuMjg1aDQuNDk0VjkuMTg2SDEuOTAxYTguMTQxIDguMTQxIDAgMCAxIDcuMjgzLTcuMjgzdjQuNDk0aDEuNjNWMS45MDNhOC4xNCA4LjE0IDAgMCAxIDcuMjg0IDcuMjgzaC00LjQ5M3YxLjYyOWg0LjQ5M2E4LjE0IDguMTQgMCAwIDEtNy4yODUgNy4yODV2LTQuNDk1eiIvPjwvc3ZnPg==);
}

.advanceSearchWrap .locationFilter #radioSlider > div:last-of-type {
    text-align: right;
    margin: 10px 0 20px 0;
}

.advanceSearchWrap .locationFilter #map {
    background-color: #eaeeed;
    width: 100%;
    height: 300px;
    margin: 0;
    overflow: hidden;
}

.advanceSearchWrap .ui-widget.ui-widget-content {
    background-color: #8994a0;
    border: none;
    height: 8px;
    border-radius: 6px;
    margin: 20px 10px 30px 8px;
    width: calc(100% - 30px);
}

.advanceSearchWrap .ui-slider-horizontal .ui-slider-range {
    height: 8px;
    border-radius: 6px;
    background-color: var(--seat);
}

.advanceSearchWrap .ui-slider-horizontal .ui-slider-handle {
    background: #fff none;
    border: 2px solid var(--seat);
    border-radius: 50%;
    height: 28px;
    width: 28px;
    top: -10px;
}

.advanceSearchWrap .ui-slider-horizontal .ui-slider-handle.ui-state-active, .fieldsetDrop .ui-slider-horizontal .ui-slider-handle.ui-state-hover {
    border: 6px solid var(--seat);
    height: 28px;
    width: 28px;
}

.advanceSearchWrap .yearBox .fieldset {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 16px 16px 16px 0;
}

.advanceSearchWrap .yearBox .fieldset > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #8994a0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    position: relative;
}

.advanceSearchWrap .yearBox .fieldset > input[type="checkbox"]:checked {
    background: var(--seat);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-size: auto;
    border-color: var(--seat);
    background-image: url('../img/interface.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}

.advanceSearchWrap .yearBox .fieldset > label {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 0 10px;
    width: calc(100% - 76px);
}

.advanceSearchWrap .yearBox .fieldset > label > i {
    display: inline-block;
    height: 26px;
    width: 26px;
    background-color: transparent;
    background-repeat: no-repat;
    background-position: center center;
    background-size: 26px;
    vertical-align: middle;
}

.advanceSearchWrap .yearBox .fieldset > label > i.oportunidad {
    background-image: url("../img/btn-oportunidad-on.webp");
    background-image: -webkit-image-set(url("../img/btn-oportunidad-on.webp"));
    background-image: image-set(url('../img/btn-oportunidad-on.png'));
}

.advanceSearchWrap .yearBox .fieldset > label > i.seleccion {
    background-image: url("../img/btn-seleccion-on.webp");
    background-image: -webkit-image-set(url("../img/btn-seleccion-on.webp"));
    background-image: image-set(url('../img/btn-seleccion-on.png'));
}

.advanceSearchWrap .yearBox .fieldset > label > span {
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 15px;
}

.advanceSearchWrap .yearBox .fieldset > label .nmbr, .nice-select .option .nmbr {
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    color: #6b6b6b;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool {
    display: inline-block;
    position: relative;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool > .infoTool {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTkgMTEgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTkgMTEgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM4OTk0QTA7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDMxYy01LjUsMC0xMC00LjUtMTAtMTBjMC01LjUsNC41LTEwLDEwLTEwYzUuNSwwLDEwLDQuNSwxMCwxMEMxMSwyNi41LDYuNSwzMSwxLDMxeiBNMSwxMw0KCQljLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04UzUuNCwxMywxLDEzeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDE3LjJjLTAuNiwwLTEtMC41LTEtMWMwLTAuNSwwLjQtMSwxLTFjMC42LDAsMSwwLjQsMSwxUzEuNiwxNy4yLDEsMTcuMnoiLz4NCgk8cmVjdCB5PSIxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iNyIvPg0KPC9nPg0KPC9zdmc+DQo=');
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    background-color: transparent;
    border-radius: 50%;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool > .infoTool:hover, .advanceSearchWrap .yearBox .fieldset > .iconTool.on > .infoTool {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTkgMTEgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTkgMTEgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGMDY0MDk7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDMxYy01LjUsMC0xMC00LjUtMTAtMTBjMC01LjUsNC41LTEwLDEwLTEwYzUuNSwwLDEwLDQuNSwxMCwxMEMxMSwyNi41LDYuNSwzMSwxLDMxeiBNMSwxMw0KCQljLTQuNCwwLTgsMy42LTgsOHMzLjYsOCw4LDhzOC0zLjYsOC04UzUuNCwxMywxLDEzeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLDE3LjJjLTAuNiwwLTEtMC41LTEtMWMwLTAuNSwwLjQtMSwxLTFjMC42LDAsMSwwLjQsMSwxUzEuNiwxNy4yLDEsMTcuMnoiLz4NCgk8cmVjdCB5PSIxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjIiIGhlaWdodD0iNyIvPg0KPC9nPg0KPC9zdmc+DQo=');
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip {
    display: none;
    opacity: 0;
    background-color: #fff;
    position: absolute;
    width: 240px;
    height: auto;
    border-radius: 5px;
    border: solid 1px #e0e5e4;
    right: -10px;
    transition: all .2s ease-in-out;
    z-index: 3;
    top: calc(100% + 20px);
    padding: 6px 16px;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .headTooltip {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div {
    color: var(--seatHover);
    font-size: 12px;
    padding: 12px 0;
    margin: 0;
    width: calc(100% - 25px)
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div .close {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAxNSAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZS1kZWZhdWx0PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9ImNsb3NlLWRlZmF1bHQiIGZpbGw9IiM4OTk0QTAiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yLjU1LDAuNjM2IEwxMy44NjQsMTEuOTUgQzE0LjI0Mjk3MjIsMTIuMzQyMzc4OSAxNC4yMzc1NTI0LDEyLjk2NjA4NDggMTMuODUxODE4NiwxMy4zNTE4MTg2IEMxMy40NjYwODQ4LDEzLjczNzU1MjQgMTIuODQyMzc4OSwxMy43NDI5NzIyIDEyLjQ1LDEzLjM2NCBMMS4xMzYsMi4wNSBDMC44NzYwNDM0MTYsMS43OTg5MjU1MyAwLjc3MTc4NzQwMywxLjQyNzEyMjExIDAuODYzMzAyODQzLDEuMDc3NDkyNjggQzAuOTU0ODE4Mjg0LDAuNzI3ODYzMjQ0IDEuMjI3ODYzMjQsMC40NTQ4MTgyODQgMS41Nzc0OTI2OCwwLjM2MzMwMjg0MyBDMS45MjcxMjIxMSwwLjI3MTc4NzQwMyAyLjI5ODkyNTUzLDAuMzc2MDQzNDE2IDIuNTUsMC42MzYgWiIgaWQ9IlBhdGgiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMTMuODY0LDIuMDUgTDIuNTUsMTMuMzY0IEMyLjE1NzYyMTExLDEzLjc0Mjk3MjIgMS41MzM5MTUyMiwxMy43Mzc1NTI0IDEuMTQ4MTgxNDIsMTMuMzUxODE4NiBDMC43NjI0NDc2MjYsMTIuOTY2MDg0OCAwLjc1NzAyNzc5LDEyLjM0MjM3ODkgMS4xMzYsMTEuOTUgTDEyLjQ1LDAuNjM2IEMxMi43MDEwNzQ1LDAuMzc2MDQzNDE2IDEzLjA3Mjg3NzksMC4yNzE3ODc0MDMgMTMuNDIyNTA3MywwLjM2MzMwMjg0MyBDMTMuNzcyMTM2OCwwLjQ1NDgxODI4NCAxNC4wNDUxODE3LDAuNzI3ODYzMjQ0IDE0LjEzNjY5NzIsMS4wNzc0OTI2OCBDMTQuMjI4MjEyNiwxLjQyNzEyMjExIDE0LjEyMzk1NjYsMS43OTg5MjU1MyAxMy44NjQsMi4wNSBaIiBpZD0iUGF0aCI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 0 auto;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .headTooltip > div + div {
    width: 25px;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .contentTooltip {
    margin: 10px 0;
    max-height: 127px;
    overflow-y: auto;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .contentTooltip p {
    font-size: 12px;
    color: #000;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    margin: 0 0 8px 0;
    padding: 0;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip .contentTooltip p > b {
    font-size: 16px;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip > p > a {
    color: #000000;
    font-size: 13px;
    text-decoration: none;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip > p > a::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE0IDEzIj4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTQuNSAxLjVsNSA1LTUgNSIvPjwvc3ZnPg==);
    width: 12px;
    height: 12px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: bottom;
    background-size: 12px 12px;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool .newtooltip::after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 12px 12px 0;
    border-color: #ffffff transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -8px;
    left: 90%;
    transform: rotate(180deg);
    bottom: unset;
    top: -12px;
}

.advanceSearchWrap .yearBox .fieldset > .iconTool.on .newtooltip {
    display: block;
    opacity: 1;
}

.advanceSearchWrap .yearBox .fieldset.disable {
    opacity: 0.4;
    pointer-events: none;
}

.advanceSearchWrap .footerFilters {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, .1);
    padding: 6px 20px;
    transition: all .4s ease-in-out;
    z-index: 10;
    height: 100px;
}

.advanceSearchWrap .footerFilters .wrap {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1340px;
}

.advanceSearchWrap .footerFilters a {
    order: 2;
    margin: 20px 10px;
}

.advanceSearchWrap .footerFilters button {
    order: 1;
    display: inline-flex;
    font: 700 16px/18px "st";
    text-align: center;
    border-radius: 8px;
    padding: 0 16px;
    margin: 0 4px;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 220px;
    background-color: var(--seat);
    transition: all .5s ease-in-out;
    box-shadow: none;
}

.advanceSearchWrap .footerFilters .close {
    display: none;
    position: absolute;
    left: 10px;
    top: 0;
}

.advanceSearchWrap .footerFilters .close a {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.advanceSearchWrap .footerFilters .close a svg {
    transition: all .2s ease-in-out;
    margin-right: 10px;
    opacity: .4;
    height: 17px;
    width: 10px;
    transform: rotate(180deg);
}

.advanceSearchWrap.on {
    transform: translateX(0);
}

@media all and (min-width: 980px) {
    .advanceSearchWrap .desktopWrap {
        display: flex;
        flex-flow: row nowrap;
        margin-right: auto;
        margin-left: auto;
        padding-right: 50px;
        padding-left: 50px;
        width: 100%;
        max-width: 1440px;
    }

    .advanceSearchWrap .headFilters {
        width: 300px;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
    }

    .advanceSearchWrap .headFilters .wrap {
        padding: 0;
        height: auto;
    }

    .advanceSearchWrap .headFilters .dwaMark {
        margin: 20px 0;
        max-width: 164px;
    }

    .advanceSearchWrap .navFilters {
        background-color: transparent;
    }

    .advanceSearchWrap .navFilters ul {
        flex-flow: column nowrap;
        height: auto;
        margin: 20px 0 0 0;
        min-width: 0;
    }

    .advanceSearchWrap .navFilters ul li {
        margin: 10px;
    }

    .advanceSearchWrap .navFilters ul li a {
        border: none;
        display: block;
        padding: 0;
    }

    .advanceSearchWrap .navFilters ul li a.active, .advanceSearchWrap .navFilters ul li a:hover {
        border-color: transparent;
        color: var(--seat);
    }

    .advanceSearchWrap .headFilters .close {
        display: none;
    }

    .advanceSearchWrap .contentFilters {
        margin-left: 30px;
        width: calc(100% - 330px);
        margin-top: 70px;
    }

    .advanceSearchWrap .contentFilters .toggleNext {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 34px 30px 34px 0;
    }

    .advanceSearchWrap .contentFilters .fieldsetContent {
        position: relative;
    }

    .advanceSearchWrap .locationFilter {
        display: flex;
        position: relative
    }

    .advanceSearchWrap .locationFilter .float-container {
        flex-basis: 41.66667%;
        max-width: 41.66667%;
        margin-right: 30px;
    }

    .advanceSearchWrap .locationFilter #map {
        flex-basis: 58.33333%;
        max-width: 58.33333%;
    }

    .advanceSearchWrap .locationFilter #radioSlider {
        position: absolute;
        left: 0;
        top: 80px;
        flex-basis: 39.66667%;
        width: 39.66667%;
        margin-right: 30px;
    }

    .advanceSearchWrap .gridItem {
        display: flex;
        padding-right: 10px;
    }

    .advanceSearchWrap .gridItem .colGrid {
        margin: 0;
        width: calc(33% - 15px);
    }

    .advanceSearchWrap .gridItem .colGrid + .colGrid {
        margin-left: 26px;
    }

    .advanceSearchWrap .listFilter .field ul {
        display: flex;
        flex-flow: row wrap;
    }

    .advanceSearchWrap .listFilter .field li {
        width: calc(50% - 25px);
    }

    .advanceSearchWrap .listFilter .field li:nth-child(2n) {
        margin-left: 30px;
    }

    .advanceSearchWrap .footerFilters {
        height: 60px;
    }

    .advanceSearchWrap .footerFilters button:hover {
        background-color: var(--seatHover);
    }

    .advanceSearchWrap .footerFilters .wrap {
        flex-flow: row nowrap;
        position: relative;
    }

    .advanceSearchWrap .footerFilters a {
        order: 1;
    }

    .advanceSearchWrap .footerFilters button {
        order: 2;
    }

    .advanceSearchWrap .footerFilters .close {
        display: block;
    }

    .advanceSearchWrap .footerFilters .close a {
        margin: 15px 10px;
    }

    .advanceSearchWrap .footerFilters .close a:hover {
        color: #000000;
    }

    .advanceSearchWrap .footerFilters .close a:hover svg {
        opacity: 1;
    }
}

/*resultados celdas*/

.results-container {
    display: block;
    width: 100%;
}

.results-wrap .mfBreadcrumb {
    margin: 2px 0;
}

.results-wrap h1 {
    color: #000;
    margin: 6px 0 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 26px;
}

.results-wrap h1 span {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.results-wrap .btn-visualiza {
    display: none;
    text-align: left;
}

.results-wrap .btn-visualiza > a {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    width: 26px;
}

.results-wrap .btn-visualiza > a > svg {
    display: block;
    height: 26px;
    width: 26px;
    fill: #34444c;
}

.results-wrap .btn-visualiza > a.on > svg {
    display: block;
    height: 26px;
    width: 26px;
    fill: var(--seat);
}

.results-wrap .btn-visualiza > a + a {
    margin-left: 6px;
}

/*@media only screen and (min-width: 980px) {
.results-wrap .results-container .results-filter-wrap {height: auto !important;}
}*/
.results-wrap .results-container .results-item-wrap {
    width: 100%;
}

@media only screen and (min-width: 720px) {
    .results-wrap .btn-visualiza {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .results-wrap .btn-visualiza > a:hover > svg {
        fill: var(--seat);
    }
}

@media only screen and (min-width: 1024px) {
    .results-container {
        flex-grow: 1;
        flex-shrink: 1;
        padding: 0 0 0 30px;
        max-width: calc(55% + 140px);
    }

    .results-wrap h1 {
        font-size: 16px !important;
    }

    .results-wrap h1 span {
        font-size: 24px !important;
    }

    /*.results-wrap .mfBreadcrumb, .results-wrap > h1, .results-wrap .nav-pages, .results-wrap .wrapFixMensaje, .results-wrap #ad.promocion_banner {width: calc(100% - 338px);margin-left: 338px;}
  .results-wrap .results-container .results-item-wrap {width: calc(100% - 340px);margin-left: 340px;}
  .results-wrap .promos {width: calc(100% - 340px);margin-left: 340px;}
  .results-wrap .accordion {width: calc(100% - 340px);margin-left: 340px;}
  .results-wrap .bloque-cajas {width: calc(100% - 340px);margin-left: 340px;}*/
    .results-wrap .mfBreadcrumb, .results-wrap > h1, .results-wrap .nav-pages, .results-wrap .wrapFixMensaje, .results-wrap #ad.promocion_banner {
        width: 100%;
    }

    .results-wrap .results-container .results-item-wrap {
        width: 100%;
    }

    .results-wrap .promos {
        width: 100%;
    }

    .results-wrap .accordion {
        width: 100%;
    }

    .results-wrap .bloque-cajas {
        width: 100%;
    }
}

@media only screen and (min-width: 1300px) {
    .results-container {
        width: calc(100% - 380px);
        max-width: none;
    }
}

.results-container .results-item-wrap {
    margin: 0 0 30px 0;
}

.results-container .results-item-wrap #flu > div {
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 0 20px 0;
    padding: 0px;
    position: relative;
}

/*.results-container .results-item-wrap #flu > div::after {content: '';display: block;background-color: #dddddd;position: absolute;left: 10%;bottom: 0;width: 80%;height: 2px;}*/
.results-container .results-item-wrap #flu > div > article {
    border-radius: 8px;
    display: flex;
    flex-flow: column wrap;
    height: 100%;
}

.results-container .item-add.partial-add, .results-container .item-add.complete-add {
    background-color: #dedad4 !important;
}

.file-item-cell .result-file-image {
    flex: 0 0 auto;
    border-radius: 8px 8px 0 0;
    width: 100%;
}

.file-item-cell .result-file-image .swiper-container {
    border-radius: 8px 8px 0 0;
}

.file-item-cell .file-gallery {
    position: relative;
}

.file-item-cell .fille-gallery .swiper-container {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.file-item-cell .file-gallery .wrap-buttons {
    align-content: center;
    display: flex;
    flex-flow: row wrap;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.file-item-cell .file-gallery .wrap-buttons > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%;
}

.file-item-cell .file-gallery .wrap-buttons > div > a {
    margin: 8px 0 8px 8px;
}

.file-item-cell .file-gallery .wrap-buttons > div > a svg {
    fill: var(--seat);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
}

.file-item-cell .file-gallery .wrap-buttonsCta {
    align-content: center;
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 6px 0;
    min-height: 32px;
    width: 100%;
    z-index: 2;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: calc(100% - 110px);
}

.file-item-cell .file-gallery .wrap-buttonsCta > div > a {
    display: block;
    height: 22px;
    width: 22px
}

.file-item-cell .file-gallery .wrap-buttonsCta > div > a svg {
    fill: #8994a0;
    height: 22px;
    width: 22px;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div > a.btn-360 svg, .file-item-cell .file-gallery .wrap-buttonsCta > div > a.btn-zoom-video svg {
    fill: var(--seat);
}

.file-item-cell .file-gallery .wrap-buttonsCta > div > a.btn-file-baja-precio svg, .file-item-cell .file-gallery .wrap-buttonsCta > div > a.btn-file-baja-precio-no svg {
    height: 28px;
    width: 28px;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div > h5 {
    margin-left: 8px;
    text-align: left;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField {
    display: inline-flex;
    color: var(--seat);
    border-radius: 0 0 8px 0;
    background-color: transparent;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 8px;
    position: relative;
    letter-spacing: -0.3px;
    line-height: 1;
    height: 27px;
    justify-content: center;
    align-items: center;
    margin: 0 0 5px 0;
}

/*.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField::before {content: '';display: block;bottom: -5px;background: #000;z-index: 1;left: 0;position: absolute;height: 5px;width: 100%;}*/
.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField::after {
    content: '';
    display: block;
    bottom: -6px;
    background: #fff;
    z-index: 2;
    left: 0;
    position: absolute;
    height: 6px;
    width: 100%;
    border-top-left-radius: 6px;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.novedad {
    color: var(--seat);
}

/*.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.novedad::before {background-color: #000000;}*/
.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.precio {
    color: #7d8d99;
}

/*.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.precio::before {background-color: #7d8d99;}*/
.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.hibrido {
    color: #0d89ec;
}

/*.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.hibrido::before {background-color: #0d89ec;}*/
.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.hibrido svg {
    width: 8px;
    height: 14px;
    margin-right: 5px;
    fill: #0d89ec;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.mild-hybrid {
    color: #0d89ec;
}

/*.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.mild-hybrid::before {background-color: #0d89ec;}*/
.file-item-cell .file-gallery .wrap-buttonsCta > div .labelField.mild-hybrid svg {
    width: 8px;
    height: 14px;
    margin-right: 5px;
    fill: #fff;
}

.file-item-cell .file-gallery .wrap-buttonsCta > div + div {
    background-color: #fff;
    border-radius: 0 0 0 20px;
    padding: 8px 10px;
    justify-content: space-around;
    width: 110px
}

.file-item-cell .file-gallery .btn-file-comparar {
    height: 36px;
    width: 36px;
    display: block;
    position: relative;
    top: -1px;
}

.file-item-cell .file-gallery .btn-file-comparar > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.file-item-cell .file-gallery .btn-file-comparar.active > svg {
    fill: var(--seat);
}

.file-item-cell .file-gallery .btn-file-favoritos {
    height: 36px;
    width: 36px;
    display: block;
    position: relative;
    top: -1px;
}

.file-item-cell .file-gallery .btn-file-favoritos > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.file-item-cell .file-gallery .btn-file-favoritos.active > svg {
    fill: var(--seat);
}

.file-item-cell .file-gallery .btn-file-cart {
    height: 36px;
    width: 36px;
    display: block;
    z-index: 2;
}

.file-item-cell .file-gallery .btn-file-cart > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.file-item-cell .file-gallery .btn-file-cart.active > svg {
    fill: var(--seat);
}

.file-item-cell .file-gallery .btn-360 + .btn-zoom-video {
    height: 30px;
    width: 30px;
    display: block;
    z-index: 2;
}

.file-item-cell .file-gallery .btn-zoom-video {
    height: 30px;
    width: 30px;
    display: block;
    z-index: 2;
}

.file-item-cell .file-gallery .btn-zoom-video > svg {
    height: 30px;
    width: 30px;
}

.file-item-cell .file-gallery .btn-360 {
    height: 30px;
    width: 30px;
    display: block;
    z-index: 2;
}

.file-item-cell .file-gallery .btn-360 > svg {
    height: 30px;
    width: 30px;
}

.file-item-cell .file-gallery .sms-vendido {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 80%;
}

.file-item-cell .file-gallery .sms-vendido > img, .file-item-cell .file-gallery .sms-vendido > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .sms-vendido.on {
    display: block;
}

.file-item-cell .file-gallery .sms-reservado {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 80%;
}

.file-item-cell .file-gallery .sms-reservado > img, .file-item-cell .file-gallery .sms-reservado > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .sms-reservado.on {
    display: block;
}

.file-item-cell .file-gallery .sms-disponible-salon {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block;
    width: 50%;
}

.file-item-cell .file-gallery .sms-disponible-salon > img, .file-item-cell .file-gallery .sms-disponible-salon > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .sms-disponible-salon.on {
    display: block;
}

.file-item-cell .file-gallery .icon-oportunidad-resultados {
    display: none;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    left: 10px;
    bottom: 22px;
    z-index: 2;
}

.file-item-cell .file-gallery .icon-oportunidad-resultados > img, .file-item-cell .file-gallery .icon-oportunidad-resultados > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .icon-oportunidad-resultados.on {
    display: block;
}

.file-item-cell .file-gallery .oportunidad-vehicle {
    height: 60px;
    max-width: 90%;
    width: 60px;
    display: block;
    position: absolute;
    right: 14px;
    top: 14px;
    z-index: 2;
}

.file-item-cell .file-gallery .oportunidad-vehicle > img, .file-item-cell .file-gallery .oportunidad-vehicle > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .oportunidad-vehicle.on {
    display: block;
}

.file-item-cell .file-gallery .seleccion-vehicle {
    display: none;
    height: auto;
    max-width: 90%;
    width: 140px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}

.file-item-cell .file-gallery .seleccion-vehicle > img, .file-item-cell .file-gallery .seleccion-vehicle > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .file-gallery .seleccion-vehicle.on {
    display: block;
}

.file-item-cell .file-gallery h5 {
    font-family: 'st';
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    margin: 6px 0 0 0;
    text-align: right;
}

.file-item-cell .file-gallery h5 > span {
    color: #000000;
    display: inline-block;
    font-size: 12px;
}

.file-item-cell .file-gallery .tooltipLeft .itemTooltip {
    right: auto;
    left: -4px;
}

.file-item-cell .result-file-dates {
    display: flex;
    flex-flow: column nowrap;
    flex: 1 1 auto;
    padding: 2px 8px 0;
}

.file-item-cell .result-file-dates > h2 { /*flex:1 1 auto;*/
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-item-cell .result-file-dates > h2 > a {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    margin: 6px 0;
}

.file-item-cell .result-file-dates > h2 > a > span {
    display: block;
    font-family: 'st';
    font-size: 18px;
    font-weight: 700;
}

.file-item-cell .result-file-dates > p {
    flex: 1 1 auto;
    font-family: 'st';
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    margin: 8px 0;
}

.file-item-cell .result-file-dates > p > span {
    display: inline-block;
    border-left: 1px solid #999;
    padding: 0 0 0 8px;
    margin: 0 0 0 4px;
    font-size: 0.85em;
}

.file-item-cell .result-file-dates > ul.itemListDates {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 8px 0 4px;
    max-width: 380px;
}

.file-item-cell .result-file-dates > ul.itemListDates > li {
    border: none;
    margin: 0;
    padding: 0;
    flex: 1 1 auto;
}

.file-item-cell .result-file-dates > ul.itemListDates > li > i {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto 4px;
}

.file-item-cell .result-file-dates > ul.itemListDates > li > i > svg {
    fill: #8994a0;
    height: 30px;
    margin: 0 auto 4px;
    width: 30px;
}

.file-item-cell .result-file-dates > ul.itemListDates > li > span {
    background-color: #eaeeed;
    border-radius: 4px;
    color: #000000;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: st;
    font-weight: 400;
    padding: 8px 3px;
}

.file-item-cell .result-file-dates > ul.itemListDates > li + li {
    margin-left: 6px;
}

.file-item-cell .result-file-dates > ul {
    margin: 10px 0 0 0;
}

.file-item-cell .result-file-dates > ul > li {
    display: inline-block;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    margin: 0 2px 10px;
}

.file-item-cell .result-file-dates > ul > li > svg {
    fill: #000000;
    display: inline-block;
    height: 16px;
    width: 14px;
    vertical-align: bottom;
}

.file-item-cell .result-file-dates > ul > li + li {
    border-left: 1px solid #999999;
    padding-left: 6px;
}

.file-item-cell .result-file-dates > ul > li.ocult-mvl {
    display: none;
}

.file-item-cell .result-file-dates .result-file-genericos {
    display: none;
    margin: 16px 0;
    max-height: 38px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

.file-item-cell .result-file-dates .result-file-genericos div {
    display: inline-block;
    max-height: 38px;
    max-width: calc(100% - 35px);
    vertical-align: top;
}

.file-item-cell .result-file-dates .result-file-genericos div > span {
    background-color: #c1c6c8;
    display: inline-block;
    color: #000;
    padding: 8px 4px;
    font-size: 11px;
    font-family: 'st';
    font-weight: 400;
    margin: 4px 0;
}

.file-item-cell .result-file-dates .result-file-genericos > a {
    display: inline-block;
    height: 28px;
    width: 28px;
    vertical-align: top;
    margin: 4px 0 0 0;
}

.file-item-cell .result-file-dates .result-file-genericos > a > svg {
    fill: var(--seat);
    height: 30px;
    width: 30px;
}

.file-item-cell .result-file-dates .result-file-loc {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 10px 0 0 0;
}

.file-item-cell .result-file-dates .result-file-loc > div {
    width: 50%;
}

.file-item-cell .result-file-loc {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin: 6px 0 8px 0;
    padding: 0 8px;
    flex: 1 1 auto;
}

.file-item-cell .result-file-loc > a {
    width: 100%;
}

.file-item-cell .result-file-loc .distintivo b {
    color: var(--seat);
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div {
    align-content: center;
    width: 50px;
    max-width: calc(100% - 40px);
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div > img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div > span {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    margin: 4px;
    min-width: 20px;
    display: inline-block;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div > span .tooltipRight {
    height: 18px;
    width: 18px;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div > span .tooltipRight svg {
    fill: #333f48;
    height: 18px;
    width: 18px;
}

.file-item-cell .result-file-loc .distintivo .distintivo-wrap > div + div {
    width: 20px;
}

.file-item-cell .result-file-loc p {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    margin: 4px 0;
    text-align: center;
    padding: 0;
}

.file-item-cell .result-file-loc p > svg {
    fill: var(--seat);
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.file-item-cell .result-file-loc p + p {
    font-family: st;
    font-size: 13px;
    font-weight: normal;
}

.file-item-cell .result-file-dates > .compared-grid-price {
    flex: 1 1 0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 10px 0 0 0;
    min-height: 74px;
}

.file-item-cell .result-file-dates > .compared-grid-price > div {
    margin: 0;
    width: 50%;
}

.file-item-cell .result-file-dates > .compared-grid-price > div > span {
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.file-item-cell .result-file-dates > .compared-grid-price .precio > span, .file-item-cell .result-file-dates > .compared-grid-price .cuota > span {
    color: #8994A0;
    display: block;
    font-size: 13px;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit {
    color: var(--seat);
    font: 700 26px/32px "st";
    margin: 0;
    padding: 0;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit > span {
    font-size: 1em;
    letter-spacing: -1px;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit > i {
    display: block;
    font-family: 'st';
    font-style: 400;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit .iva {
    font-size: 9px;
    font-family: st;
    font-weight: 700;
    line-height: 1;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit > span.cuotaInfo {
    color: #8994A0;
    font-family: 'st';
    font-weight: normal;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin: 0 0 4px 0;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit > span.cuotaInfo > span {
    display: inline;
    line-height: 1;
    font-size: 1em;
    letter-spacing: inherit;
}

.file-item-cell .result-file-dates > .compared-grid-price .digit .tool {
    vertical-align: top;
}

.file-item-cell .result-file-dates > .compared-grid-price .tooltipRight, .file-item-cell .result-file-dates > .compared-grid-price .tooltipLeft {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}

.file-item-cell .result-file-dates > .compared-grid-price .tooltipRight svg, .file-item-cell .result-file-dates > .compared-grid-price .tooltipLeft svg {
    fill: #8994A0;
    height: 18px;
    width: 18px;
}

.file-item-cell .result-file-dates > .compared-grid-price .tooltipLeft .itemTooltip {
    left: -10px;
    right: auto;
}

.file-item-cell .result-file-dates > .compared-grid-price .tooltipRight:hover svg, .file-item-cell .result-file-dates > .compared-grid-price .tooltipLeft:hover svg {
    fill: var(--seat);
}

.file-item-cell .result-file-dates > .compared-grid-price > div.cuota .itemTooltip {
    opacity: 1;
    width: 276px;
    letter-spacing: 0;
    line-height: 1;
}

.file-item-cell .result-file-dates > .compared-grid-price > div.cuota .itemTooltip::before {
    right: 13%
}

.file-item-cell .result-file-dates > .compared-grid-price .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.file-item-cell .result-file-dates > .compared-grid-price .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 12px;
    font-family: 'st';
    font-weight: normal;
    left: -100px;
    line-height: 14px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 140px;
    z-index: 9;
}

.file-item-cell .result-file-dates > .compared-grid-price .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.file-item-cell .result-file-dates > .compared-grid-price .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.file-item-cell .result-file-dates > .compared-grid-price .tool.on > span {
    display: block;
}

.file-item-cell .result-file-dates > .compared-grid-price .cuota .digit {
    color: #8994A0;
}

.file-item-cell .result-file-dates > .compared-grid-price .pvp > span {
    display: inline-block;
    margin: 0 0 7px 0;
    vertical-align: bottom;
    line-height: 16px;
}

.file-item-cell .result-file-dates > .compared-grid-price .pvp > b {
    color: #999;
    font: 100 20px/18px "st";
    display: block;
    margin: 0 0 10px 0;
    vertical-align: bottom;
}

.file-item-cell .heightDomicilio {
    height: 30px;
    margin: 8px 0 6px 0;
}

.file-item-cell .heightDomicilio .gridDigital {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    justify-content: center;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio {
    background-color: #eaeeed;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    position: relative;
    border: none;
    border-radius: 6px;
    margin: 0 2px;
    padding: 5px 0;
    min-height: 28px;
    width: auto;
    letter-spacing: -0.5px;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio > div {
    font-family: 'st';
    color: #000;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio > div > svg {
    fill: #000;
    height: 36px;
    display: block;
    width: 36px;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio > a {
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio > a > svg {
    fill: #000;
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .domicilio .itemTooltip {
    margin-right: -27px;
    width: 120px;
    letter-spacing: 0;
}

.file-item-cell .heightDomicilio .gridDigital .visitaVirtual {
    background-color: #eaeeed;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    position: relative;
    border: none;
    border-radius: 6px;
    margin: 0 2px;
    padding: 5px 0;
    min-height: 28px;
    width: auto;
    letter-spacing: -0.5px;
}

.file-item-cell .heightDomicilio .gridDigital .visitaVirtual > div {
    font-family: 'st';
    color: #000;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
}

.file-item-cell .heightDomicilio .gridDigital .visitaVirtual > a {
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .visitaVirtual > a > svg {
    fill: #000;
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .visitaVirtual .itemTooltip {
    margin-right: -27px;
    width: 120px;
    letter-spacing: 0;
}

.file-item-cell .heightDomicilio .gridDigital .firma {
    background-color: #333f48;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    border: none;
    border-radius: 24px 24px 0 0;
    margin: 0 1%;
    padding: 6px 10px;
    width: 27%;
    min-height: 50px;
}

.file-item-cell .heightDomicilio .gridDigital .firma > div {
    width: calc(100% - 24px);
    font-family: 'st';
    color: #fff;
    font-weight: 600;
    font-size: 10px;
    line-height: 1.2;
    margin-left: 4px;
}

.file-item-cell .heightDomicilio .gridDigital .firma > a {
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .firma > a > svg {
    fill: #ffffff;
    height: 14px;
    width: 14px;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo b {
    color: var(--seat);
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 10px 0;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo-wrap {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 100%;
    justify-content: center;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo-wrap > div {
    align-content: center;
    width: 50px;
    max-width: calc(100% - 24px);
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo-wrap > div > img, .file-item-cell .result-file-loc .distintivo .distintivo-wrap > div > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo-wrap > div > span {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    margin: 4px;
    min-width: 20px;
    display: inline-block;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo-wrap > div + div {
    width: 20px;
}

.file-item-cell .heightDomicilio .gridDigital .distintivo .distintivo .tool > span {
    left: auto;
    right: 0;
}

.file-item-cell .heightDomicilio .gridDigital .entregaInmediata {
    background-color: #000000;
    color: #ffffff;
    display: flex;
    flex-flow: row wrap;
    font-size: 10px;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    position: relative;
    border: none;
    border-radius: 6px;
    margin: 0 2px;
    padding: 5px 0;
    min-height: 28px;
    width: auto;
    letter-spacing: -0.5px;
}

.file-item-cell .heightDomicilio .gridDigital .entregaInmediata > div {
    text-align: center;
    width: 100%;
    font-size: 10px;
}

@media all and (min-width: 360px) {
    .file-item-cell .heightDomicilio .gridDigital .domicilio > div > svg {
        fill: #ffffff;
        height: 36px;
        display: block;
        width: 36px;
    }
}

@media all and (min-width: 480px) {
    .file-item-cell .heightDomicilio .gridDigital .domicilio > div, .ficha .file-ttl .gridDigital .visitaVirtual > div, .file-item-cell .heightDomicilio .gridDigital .firma > div, .file-item-cell .heightDomicilio .gridDigital .entregaInmediata > div, .file-item-cell .heightDomicilio .gridDigital .entregaInmediata, .file-item-cell .heightDomicilio .gridDigital .visitaVirtual > div {
        font-size: 11px;
    }

    .file-item-cell .heightDomicilio .gridDigital .domicilio > div > svg {
        fill: #ffffff;
        height: 36px;
        display: block;
        width: 66px;
    }
}

.file-item-cell .simHeightFinance {
    padding: 4px 0;
    position: relative;
    min-height: 73px;
}

.file-item-cell .simHeightFinance .financeDates, .file-item-cell .simHeightFinance .financeDatesBis {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -.3px;
}

.file-item-cell .simHeightFinance .financeDates span, .file-item-cell .simHeightFinance .financeDatesBis span {
    color: #8994A0;
    font-family: 'st';
    font-weight: 300;
    font-size: 8px;
    line-height: 1.1;
    margin: 0 4px;
}

.file-item-cell .simHeightFinance .financeDates u, .file-item-cell .simHeightFinance .financeDatesBis u {
    color: #8994A0;
    font-weight: 300;
    text-decoration: underline;
}

.file-item-cell .simHeightFinance .financeDates b, .file-item-cell .simHeightFinance .financeDatesBis b {
    color: #8994A0;
    font-weight: 600;
}

.file-item-cell .simHeightFinance .financeDates b u, .file-item-cell .simHeightFinance .financeDatesBis b u {
    color: #8994A0;
    font-weight: 600;
}

.file-item-cell .simHeightFinance .financeDates b a, .file-item-cell .simHeightFinance .financeDatesBis b a {
    color: #8994A0;
    font-weight: 600;
}

.file-item-cell .simHeightFinance .financeDates a, .file-item-cell .simHeightFinance .financeDatesBis a {
    color: #8994A0;
    font-family: 'st';
    font-weight: lighter;
    font-size: 8px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: underline !important;
}

.file-item-cell .condicionesLayer {
    display: none;
    position: absolute;
    bottom: 9px;
    background-color: #eaeeed;
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 10px;
    box-shadow: 0 0 4px #333;
    z-index: 2;
    overflow: hidden;
}

.file-item-cell .condicionesLayer > div {
    padding: 10px;
}

.file-item-cell .condicionesLayer > div > a {
    height: 30px;
    width: 40px;
    background-color: #fff;
    border-radius: 0 0 0 36px;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.file-item-cell .condicionesLayer > div > a > svg {
    display: block;
    fill: #666;
    height: 13px;
    width: 13px;
    margin: 8px 0 0 18px;
}

.file-item-cell .condicionesLayer > div > p.ttl {
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0 0 4px 0;
    font-size: 14px;
}

.file-item-cell .condicionesLayer > div > p {
    color: #222;
    font-size: 12px;
}

.file-item-cell .condicionesLayer > div > p b {
    color: #222;
}

.file-item-cell .condicionesLayer > div > p a {
    color: #222;
}

.file-item-cell .condicionesLayer > div > p u {
    color: #222;
}

.file-item-cell .condicionesLayer > div > p .closeBtn {
    background-color: var(--seat);
    color: #ffffff;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    display: block;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}

.file-item-cell .on + .condicionesLayer {
    display: block;
}

@media only screen and (min-width: 760px) {
    .file-item-cell .condicionesLayer > div > p .closeBtn:hover {
        background-color: #000000;
    }
}

.file-item-cell .result-file-buttons {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    margin: 8px 0 0 0;
    min-height: 40px;
    display: flex;
    justify-content: center;
}

.file-item-cell .result-file-buttons .file-buttons-cta {
    background-color: transparent;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    margin: 0;
    order: 1;
    position: relative;
    overflow: hidden;
}

.file-item-cell .result-file-buttons .file-buttons-cta > span {
    display: none;
}

.file-item-cell .result-file-buttons .file-buttons-cta > div {
    display: block;
    position: relative;
    height: 100%;
    flex: 1 1 0;
}

.file-item-cell .result-file-buttons .file-buttons-cta > div + div {
    margin-left: 2px;
}

.file-item-cell .result-file-buttons .file-buttons-cta a {
    background-color: #0f0f0f;
    border-radius: 0;
    display: flex;
    height: 100%;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.file-item-cell .result-file-buttons .file-buttons-cta a > svg {
    fill: #ffffff;
    height: 22px;
    position: relative;
    width: 22px;
    margin: 0;
    z-index: 3;
}

.file-item-cell .result-file-buttons .file-buttons-cta a.show-tel {
    display: none;
}

.file-item-cell .result-file-buttons .file-buttons-cta a.btn-whatsapp {
    background-color: #2bb43e;
}

.file-item-cell .result-file-buttons .file-buttons-cta + .file-buttons-actions {
    margin-left: 2px;
    flex: 1 1 0;
}

.file-item-cell .result-file-buttons .file-buttons-actions {
    margin: 0;
    text-align: center;
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    order: 2;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart {
    display: inline-flex;
    font: 700 15px/18px "st";
    text-align: center;
    border-radius: 0;
    padding: 0 16px;
    margin: 0;
    justify-content: center;
    align-items: center;
    height: 100%;
    min-width: 140px;
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: var(--seat);
    text-transform: none;
    border-radius: 0 0 10px 0;
    border: solid 2px var(--seat);
    color: #ffffff;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction > span, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart > span {
    position: relative;
    z-index: 3;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction {
    background-color: #fff;
    display: inline-flex;
    font: 700 14px/16px "st";
    text-align: center;
    border-radius: 0;
    padding: 0 10px;
    margin: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    overflow: hidden;
    position: relative;
    color: #0f0f0f;
    border: 2px solid #0f0f0f;
    border-radius: 8px;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction > span {
    position: relative;
    z-index: 3;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction:hover {
    background-color: #000000;
    color: #ffffff;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-ubica-feria {
    display: block;
    font: 700 15px/16px "st";
    text-align: center;
    border-radius: 30px;
    padding: 10px 16px;
    margin: 0 4px;
    color: #fff;
}

.file-item-cell .result-file-buttons .file-buttons-actions .btn-ubica-feria svg {
    fill: #ffffff;
    height: 20px;
    width: 20px;
}

@media all and (min-width: 0) and (max-width: 768px) {
    .file-item-cell .result-file-buttons .file-buttons-cta a::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #0f0f0f;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .file-item-cell .result-file-buttons .file-buttons-cta a.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction::before, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #9F948E;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction.linkAnimate, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart.linkAnimate {
        background-color: #ffffff;
        color: #ffffff;
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction.linkAnimate::before, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #9F948E;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction.linkAnimate {
        background-color: #0f0f0f;
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media only screen and (min-width: 760px) {
    .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 28px;
        line-height: 32px;
    }

    .file-item-cell .result-file-dates > .compared-grid-price .digit > i {
        font-size: 16px;
    }

    .file-item-cell .result-file-dates .result-file-genericos {
        display: block;
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction:hover, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart:hover {
        background-color: rgb(234, 93, 26, 0.6);
        border: 2px solid rgb(234, 93, 26, 0.6);
    }

    .file-item-cell .file-gallery .btn-file-comparar:hover svg, .file-item-cell .file-gallery .btn-file-cart:hover svg, .file-item-cell .file-gallery .btn-file-favoritos:hover svg {
        fill: #cccccc
    }

    .file-item-cell .file-gallery .btn-zoom-video:hover, .file-item-cell .file-gallery .btn-360:hover {
        opacity: 0.8;
    }

    .file-item-cell .result-file-dates > .compared-grid-price .tool > span {
        width: 180px;
    }

    .file-item-cell .result-file-last .file-buttons > a.btn-primary-orange:hover {
        background-color: var(--seat);
    }

    .file-item-cell .file-gallery .wrap-buttonsCta > div > a:hover svg {
        fill: #000000;
    }

    .file-item-cell .result-file-buttons .file-buttons-cta a.show-tel {
        display: inline-flex;
    }

    .file-item-cell .result-file-buttons .file-buttons-cta a.btn-call {
        display: none;
    }

    .file-item-cell .result-file-buttons .file-buttons-cta a::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #494949;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .file-item-cell .result-file-buttons .file-buttons-cta a:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction::before, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: var(--seatHover);
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        border: 2px solid var(--seatHover);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction:hover, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart:hover {
        background-color: var(--seatHover);
        color: #ffffff;
        border: 2px solid var(--seatHover);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-orange.cartAction:hover::before, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #0f0f0f;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction:hover {
        background-color: #0f0f0f;
    }

    .file-item-cell .result-file-buttons .file-buttons-actions .btn-primary-dark.cartAction:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .file-item-cell .file-gallery .wrap-buttons > div > a:hover svg {
        fill: #000000;
    }

    .results-container .results-item-wrap #flu {
        display: flex;
        flex-flow: row wrap;
        position: relative;
        margin: 0 -1%;
    }

    .results-container .results-item-wrap #flu > div {
        margin: 0 1.5% 28px 1.5%;
        width: 47%
    }

    /*.file-item-cell .simHeightFinance{min-height:140px;}*/
}

@media only screen and (min-width: 980px) {
    .results-container {
        display: flex;
        flex-flow: row wrap;
    }

    .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 20px;
        line-height: 24px;
    }

    .file-item-cell .result-file-dates > .compared-grid-price .digit > i {
        font-size: 12px;
    }

    .file-item-cell .result-file-dates .result-file-genericos div > span {
        font-size: 11px;
        padding: 8px 4px;
    }

    .file-item-cell .result-file-dates > ul > li.ocult-mvl {
        display: block;
    }
}

@media only screen and (min-width: 1270px) {
    .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 24px;
        line-height: 26px;
    }

    .file-item-cell .result-file-dates > .compared-grid-price .digit > i {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1420px) {
    .results-container .results-item-wrap #flu > div {
        margin: 0 1.5% 28px 1.5%;
        width: 30.2%;
    }
}

@media only screen and (min-width: 1770px) {
    .results-container .results-item-wrap #flu > div {
        margin: 0 1.5% 28px 1.5%;
        width: 21.9%;
    }
}

/**/
.categoryLane {
    background-color: #fff;
}

.categoryLane .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--seat);
}

/*resultados lista*/
.lista .results-container .results-item-wrap #flu {
    display: block;
    margin: 0;
}

.lista .file-item-cell .result-file-image {
    width: 100%
}

.lista .file-item-cell .result-file-dates {
    width: 100%;
}

.lista .file-item-cell .result-file-last {
    margin: 10px 0 0 0;
    width: 100%;
}

.lista .file-item-cell .result-file-dates > h2, .lista .file-item-cell .result-file-dates > h2 > a {
    font-size: 18px;
    line-height: 22px
}

.lista .file-item-cell .result-file-dates > .compared-grid-price .digit {
    font-size: 24px;
    line-height: 30px;
}

.lista .file-item-cell .result-file-last .file-buttons > a.btn-ubica-feria > span {
    font-size: 14px;
}

@media only screen and (min-width: 460px) {
    .lista .file-item-cell .result-file-dates > h2, .lista .file-item-cell .result-file-dates > h2 > a {
        font-size: 21px;
        line-height: 26px
    }

    .lista .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 37px;
        line-height: 40px;
    }
}

@media only screen and (min-width: 720px) {
    .lista .results-container .results-item-wrap #flu > div > article {
        flex-flow: row wrap;
    }

    .lista .file-item-cell .result-file-image {
        width: 42%
    }

    .lista .file-item-cell .result-file-dates {
        margin: 0 0 0 4%;
        width: 54%;
    }

    .lista .file-item-cell .result-file-last {
        margin: 10px 0 0 52%;
        width: 48%;
    }

    .lista .file-item-cell .result-file-dates > h2, .lista .file-item-cell .result-file-dates > h2 > a {
        font-size: 26px;
        line-height: 30px
    }

    .lista .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 31px;
        line-height: 34px;
    }
}

@media only screen and (min-width: 780px) {
    .lista .file-item-cell .result-file-image {
        width: 32%
    }

    .lista .file-item-cell .result-file-dates {
        margin: 0 0 0 4%;
        width: 64%;
    }

    .lista .file-item-cell .result-file-dates > h2, .lista .file-item-cell .result-file-dates > h2 > a {
        font-size: 20px;
        line-height: 24px
    }

    .lista .file-item-cell .result-file-dates > .compared-grid-price .digit {
        font-size: 27px;
        line-height: 30px;
    }

    .lista .file-item-cell .result-file-dates .result-file-genericos, .lista .file-item-cell .result-file-dates > ul {
        margin: 10px 0;
    }

    .lista .file-item-cell .result-file-last {
        margin: 10px 0 0 42%;
        width: 58%;
    }
}

@media only screen and (min-width: 980px) {
    .lista .file-item-cell .result-file-image {
        width: 32%
    }

    .lista .file-item-cell .result-file-dates {
        margin: 0 0 0 2%;
        width: 44%;
    }

    .lista .file-item-cell .result-file-last {
        margin: 10px 0 0 2%;
        width: 20%;
    }

    .lista .file-item-cell .result-file-last .distintivo {
        width: 100%;
        margin-bottom: 10px;
    }

    .lista .file-item-cell .result-file-last .distintivo .distintivo-wrap > div {
        width: 80px;
    }

    .lista .file-item-cell .result-file-last .distintivo .distintivo-wrap > div + div {
        width: 20px;
    }

    .lista .file-item-cell .result-file-last .file-buttons {
        width: 100%;
    }

    .lista .file-item-cell .result-file-dates > ul > li {
        display: inline-block;
        font-family: 'st';
        font-weight: normal;
        font-size: 14px;
        margin: 0 2px 10px;
    }

    .lista .file-item-cell .result-file-dates .result-file-genericos div > span {
        font-size: 13px;
        padding: 8px 6px;
    }
}

/*buscador por texto libre*/
.new_campo-libre {
    position: relative;
}

.new_campo-libre > input[type="text"] {
    border: 2px solid #4d4d4d;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0px 27px 0px 0;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: 100%;
    vertical-align: middle;
}

.new_campo-libre > a {
    background-color: #4d4d4d;
    display: inline-block;
    height: 40px;
    width: 39px;
    vertical-align: middle;
    border-radius: 0 4px 4px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.new_campo-libre > a > svg {
    display: block;
    fill: #ffffff;
    height: 24px;
    width: 24px;
    margin: 8px auto;
}

@media only screen and (min-width: 480px) {
    .new_campo-libre > a:hover {
        background-color: var(--seat)
    }
}

@media only screen and (min-width: 980px) {
    .new_campo-libre {
        width: 100%;
    }
}

.results-wrap.favoritos .nav-pages > div, .results-wrap.compare .nav-pages > div {
    display: block;
    margin: 0 0 10px 0;
}

.results-wrap.favoritos .nav-pages > div > ul, .results-wrap.compare .nav-pages > div > ul {
    display: flex;
}

@media only screen and (min-width: 980px) {
    .results-wrap .nav-pages {
        height: auto;
        position: static;
        width: 100%;
    }
}

/**/
.results-wrap.sin-resultados .mfBreadcrumb {
    width: 100%;
    margin-left: 0;
}

.results-wrap.sin-resultados > h1 {
    width: 100%;
    margin-left: 0;
}

.results-wrap.sin-resultados .nav-pages {
    width: 100%;
    margin-left: 0;
}

.results-wrap.sin-resultados .wrapFixMensaje {
    width: 100%;
    margin-left: 0;
}

.results-wrap.sin-resultados #ad.promocion_banner {
    width: 100%;
    margin-left: 0;
}

.results-wrap.sin-resultados .results-container .results-item-wrap {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
}

.results-wrap.sin-resultados h1 {
    text-align: center;
    color: #000000 !important;
    font-size: 20px;
    line-height: 1.2;
    margin: 20px 0;
}

.results-wrap.sin-resultados h1 b {
    color: #000000;
    font-size: 1em;
    font-weight: normal;
}

.results-wrap.sin-resultados h1 + h1 {
    font-size: 18px;
    font-weight: bold;
}

.results-wrap.sin-resultados .nav-pages > div .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

.results-wrap.sin-resultados .nav-pages > div .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.results-wrap.sin-resultados .nav-pages > div .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

@media only screen and (min-width: 480px) {
    .results-wrap.sin-resultados h1 {
        font-size: 30px;
        margin: 30px 0 20px;
    }

    .results-wrap.sin-resultados h1 + h1 {
        font-size: 22px;
    }

    .results-wrap.sin-resultados .results-container .results-item-wrap {
        margin-top: 40px;
    }

    .results-wrap.sin-resultados .nav-pages > div .goBackExt:hover, .results-wrap.sin-resultados .nav-pages > div .goBackExt:hover svg {
        color: var(--seat);
        fill: var(--seat);
    }
}

/**/
.dwa-navi-res {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
    align-items: center;
}

.dwa-navi-res > p {
    border-radius: 0;
    height: 32px;
    margin: 2px;
    position: relative;
    text-indent: -10000px;
    width: 64px;
}

.dwa-navi-res > p > a {
    background-color: #eaeeed;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -552px -379px;
    background-repeat: no-repeat;
    border-radius: 5px;
    display: block;
    float: left;
    height: 30px;
    margin: 0;
    width: 47%;
}

.dwa-navi-res > p > a.first_page {
    background-position: -552px -374px
}

.dwa-navi-res > p > a.prev_page {
    background-position: -651px -278px;
}

.dwa-navi-res > p > a + a {
    border-left: 1px solid #DDDDDD;
}

.dwa-navi-res > span {
    display: block;
    text-align: center;
    width: calc(100% - 136px);
}

.dwa-navi-res > span > a {
    display: inline-block;
    line-height: 1.1;
    margin: 0;
    padding: 0 3px;
    font-family: 'st';
    font-weight: 400;
    font-size: 14px;
}

.dwa-navi-res > span > a.current {
    color: var(--seat);
}

.dwa-navi-res > span > a + a {
    padding: 0 5px;
}

.dwa-navi-res > span + p {
    float: right;
}

.dwa-navi-res > span + p > a.next_page {
    background-position: -683px -246px;
}

.dwa-navi-res > span + p > a.last_page {
    background-position: -521px -406px;
}

.dwa-navi-res > p > a.first_page:hover {
    background-position: -488px -438px;
}

.dwa-navi-res > p > a.prev_page:hover {
    background-position: -779px -150px
}

.dwa-navi-res > span + p > a.next_page:hover {
    background-position: -811px -118px
}

.dwa-navi-res > span + p > a.last_page:hover {
    background-position: -457px -470px
}

.dwa-navi-res > span.btn-visualiza {
    background-color: #eaeeed;
    border-radius: 0;
    display: inline-block;
    float: right;
    height: 32px;
    margin: 2px 6px 2px;
    position: relative;
    text-indent: -10000px;
    width: 64px;
}

.dwa-navi-res > span.btn-visualiza > a {
    background-image: url("../img/new-result-icons.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 24px;
    margin: 4px 0;
    padding: 0;
    width: 31px;
}

.dwa-navi-res > span.btn-visualiza > a.visualiza-list {
    background-position: -34px -128px;
}

.dwa-navi-res > span.btn-visualiza > a.visualiza-list.on {
    background-position: 1px -128px;
}

.dwa-navi-res > span.btn-visualiza > a.visualiza-table {
    background-position: -35px -158px;
    border-left: 1px solid #dddddd;
}

.dwa-navi-res > span.btn-visualiza > a.visualiza-table.on {
    background-position: 0px -158px;
}

.dwa-navi-res > span.btn-visualiza > a.visualiza-list.on, .dwa-navi-res > span.btn-visualiza > a.visualiza-table.on {
    cursor: default;
    pointer-events: none;
}

/**/
.bloque-cajas {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 40px 20px;
}

.bloque-cajas > div {
    margin: 0 0 40px 0;
    width: 100%;
}

.bloque-cajas > div > h3 {
    color: #000000;
    font-family: 'st';
    font-weight: 700;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.bloque-cajas > div > h3::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100px;
    left: 0;
    top: 0;
    position: absolute;
}

.bloque-cajas > div > ul {
    margin: 10px 0;
}

.bloque-cajas > div > ul > li {
    list-style: none;
    margin: 14px 0 14px 10px;
    width: calc(100% - 12px);
}

.bloque-cajas > div > ul > li > a {
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    line-height: 1.1;
}

@media only screen and (min-width: 480px) {
    .bloque-cajas > div {
        width: 45%;
    }
}

@media only screen and (min-width: 768px) {
    .bloque-cajas > div {
        width: 33%;
    }

    .bloque-cajas > div > ul > li {
        margin: 20px 0 20px 20px;
    }
}

@media only screen and (min-width: 980px) {
    .bloque-cajas > div {
        width: 25%;
    }
}

/**/
.box.links {
    margin: 40px 0;
    position: relative;
}

.box.links > h2, .box.links > h3 {
    color: #4d4d4d;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.box.links > h2::before, .box.links > h3::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100px;
    left: 0;
    top: 0;
    position: absolute;
}

.box.links > a {
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    margin: 10px 0 10px 10px;
    width: calc(100% - 12px);
    display: inline-block;
    vertical-align: middle;
    line-height: 1.5;
}

@media only screen and (min-width: 480px) {
    .box.links > a {
        width: calc(49% - 12px);
    }
}

@media only screen and (min-width: 768px) {
    .box.links > a {
        width: calc(32% - 12px);
    }
}

@media only screen and (min-width: 980px) {
    .box.links > a {
        width: calc(19% - 12px);
    }
}

/**/
.banner_alertas {
    background: none repeat-y scroll center center #e4e4e4;
    text-align: center;
}

.banner_alertas > div {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.banner_alertas > div > div {
    width: 100%
}

.banner_alertas > div > div > img, .banner_alertas > div > div > picture img {
    display: block;
    height: auto;
    width: 90%;
    margin: 0 0 0 auto;
}

.banner_alertas > div > div > p {
    color: #000000;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin: 10px;
}

.banner_alertas > div > div > p > strong {
    color: #000000;
    font: 100 20px/26px "st";
    font-weight: 400;
}

.banner_alertas > div > div > p > a {
    display: inline-block;
    background: var(--seat);
    padding: 10px 20px;
    border-radius: 50px;
    margin: 10px 0;
}

.banner_alertas > div > div > p > a > span {
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    text-align: left;
}

@media only screen and (min-width: 480px) {
    .banner_alertas > div > div > p > a:hover {
        background-color: #4d4d4d;
    }

    .banner_alertas > div > div > p > strong {
        font: 400 24px/30px "st";
    }
}

@media only screen and (min-width: 768px) {
    .banner_alertas {
        text-align: left;
    }

    .banner_alertas > div > div {
        width: 50%;
    }

    .banner_alertas > div > div > p {
        font-size: 18px;
    }

    .banner_alertas > div > div > p > strong {
        font: 400 30px/32px "st";
    }

    .banner_alertas > div > div > p:last-child {
        margin-top: 30px;
    }
}

@media only screen and (min-width: 1100px) {
    .banner_alertas > div {
        align-items: center;
    }
}

/*new banner*/
.newBanner {
    margin: 10px 0;
}

.newBanner picture {
    display: block;
    height: auto;
    width: 100%;
}

.newBanner picture img {
    display: block;
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 1100px) {
    .newBanner {
        width: calc(100% - 338px);
        margin-left: 338px;
    }
}

/**/
.promos {
    margin: 40px 0;
    position: relative;
}

.promos > div {
    color: #000 !important;
    font-family: 'st', arial, sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
}

.promos > div > p {
    color: #4d4d4d;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.promos > div > p strong {
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
}

.promos > ul {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
}

.promos > ul > li {
    width: 100%;
    margin: 0 0 20px 0;
}

.promos > ul > li > a {
    display: block;
}

.promos > ul > li > a > img {
    display: block;
    height: auto;
    width: 100%;
}

.promos > ul > li > a > span {
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    min-height: 50px;
    padding: 10px;
    background-color: #4d4d4d;
}

.promos > div h2 {
    color: #000 !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    margin: 20px 0;
}

.promos > div h3 {
    color: #000 !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    margin: 20px 0;
}

.promos > div h2 b, .promos > div h3 b {
    color: #000 !important;
    font-size: 1em;
}

.promos::before {
    background-color: #cfd7d9;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 40px auto;
    width: 90%;
}

@media only screen and (min-width: 980px) {
    .promos > ul {
        margin: 20px -2%;
    }

    .promos > ul > li {
        width: 29%;
        margin: 0px 2% 20px 2%;
    }
}

/*accordion txt*/
.accordion {
    margin: 20px;
}

.accordion .accordion-head {
    background-color: #fff;
    cursor: pointer;
    display: block;
    min-width: 0;
    max-width: 100%;
    position: relative;
    padding: 10px 30px 10px 15px;
    border-radius: 40px;
}

.accordion .accordion-head h2 {
    display: inline-block;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 400;
    font-family: 'st';
}

.accordion .accordion-head::after {
    background-position: -39px -227px;
    position: absolute;
    content: " ";
    top: 50%;
    right: 9px;
    width: 16px;
    height: 16px;
    margin-top: -5px;
    padding-right: 9px;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-repeat: no-repeat;
}

.accordion .accordion-head.on::after {
    background-position: -14px -227px;
}

.accordion .accordion-content .promos {
    margin: 0 15px;
    position: relative;
}

.accordion .accordion-content .promos::before {
    content: none;
}

@media only screen and (min-width: 480px) {
    .accordion {
        margin: 20px;
    }

    .accordion .accordion-head h2 {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) {
    .accordion .accordion-head {
        display: inline-block;
        min-width: 480px;
    }
}

/*FAVORITOS-----------------------------------------------*/
.results-wrap.favoritos .nav-pages {
    margin: 0 auto 25px;
    max-width: 1340px;
    position: static;
    width: 100%;
}

.results-wrap.favoritos > h1 {
    margin: 0 auto 40px;
    max-width: 1340px;
    position: static;
    width: 100%;
}

.results-wrap.favoritos .mfBreadcrumb {
    margin: 0 auto 35px;
    max-width: 1340px;
    position: static;
    width: 100%;
}

.results-wrap.favoritos .results-container {
    margin: 0 auto 25px;
    max-width: 1340px;
    position: static;
    width: 100%;
    padding: 0;
}

.results-wrap.favoritos .results-container .results-item-wrap {
    margin: 0 auto;
    max-width: 1340px;
    width: 100%;
}

.results-wrap.favoritos .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

.results-wrap.favoritos .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.results-wrap.favoritos .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.results-wrap.favoritos .empty {
    width: calc(100% - 20px) !important;
    margin: 0 !important;
    padding: 10px !important;
}

.results-wrap.favoritos .empty .gridAd .simAd {
    width: 100%;
}

.results-wrap.favoritos .empty .gridAd .simAd + .simAd {
    display: none;
}

@media only screen and (min-width: 480px) {
    .results-wrap.favoritos .empty .gridAd .simAd {
        width: 48%;
    }

    .results-wrap.favoritos .empty .gridAd .simAd:nth-of-type(2) {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .results-wrap.favoritos > h1 {
        font-size: 32px;
    }

    .results-wrap.favoritos .empty .gridAd .simAd {
        width: 32%;
    }

    .results-wrap.favoritos .empty .gridAd .simAd:nth-of-type(3) {
        display: block;
    }
}

@media only screen and (min-width: 980px) {
    .results-wrap.favoritos .empty .gridAd .simAd {
        width: 24%;
    }

    .results-wrap.favoritos .empty .gridAd .simAd:nth-of-type(4) {
        display: block;
    }
}

/**/
.empty {
}

.empty p {
    font-size: 16px;
    margin: 20px 0;
}

.empty .gridAd {
    display: flex;
    margin: 40px 0;
    position: relative;
    justify-content: space-between;
}

.empty .gridAd > a {
    background-color: var(--seat);
    border-radius: 30px;
    display: inline-flex;
    font: 700 18px/18px "st";
    text-align: center;
    padding: 0 16px;
    margin: 0 4px;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 200px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin: -20px 0 0 -100px;
    z-index: 3;
}

.empty .gridAd .simAd {
    border-radius: 8px;
    background-color: #ffffff;
    border-radius: 10px;
}

.empty .gridAd .simAd .image {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 170px;
    background-color: #cfd7d9;
}

.empty .gridAd .simAd .info {
    border-radius: 0 0 10px 10px;
    padding: 30px 28px 15px;
    position: relative;
}

.empty .gridAd .simAd .vehiclecard_headline {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    height: 20px;
    margin-bottom: 7px;
}

.empty .gridAd .simAd .vehiclecard_headline-2 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    height: 20px;
    margin-bottom: 7px;
}

.empty .gridAd .simAd .vehiclecard_subline {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    height: 12px;
    width: 90%;
    margin-bottom: 7px;
}

.empty .gridAd .simAd .vehiclecard_price {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    height: 30px;
    width: 40%;
    margin-top: 12px;
}

.empty .gridAd .simAd .vehiclecard_price-additional {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 15%;
    height: 15px;
    margin-left: 10px;
}

.empty .gridAd .simAd .vehiclecard_price-rate {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 35%;
    height: 15px;
    margin-top: 6px;
    margin-bottom: 18px;
}

.empty .gridAd .simAd .vehiclecard_price-rate-2 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-top: 6px;
    margin-bottom: 18px;
    margin-left: 3px;
    border-radius: 50%;
}

.empty .gridAd .simAd .vehiclecard_hightlight {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 23%;
    height: 20px;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 6px;
}

.empty .gridAd .simAd .vehiclecard_hightlight-2 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 27%;
    height: 20px;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 6px;
}

.empty .gridAd .simAd .vehiclecard_hightlight-3 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 19%;
    height: 20px;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 6px;
}

.empty .gridAd .simAd .vehiclecard_hightlight-4 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 23%;
    height: 20px;
    margin-right: 5px;
    border-radius: 10px;
    margin-bottom: 6px;
}

.empty .gridAd .simAd .vehiclecard_contact-1 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    height: 15px;
    width: 35%;
}

.empty .gridAd .simAd .vehiclecard_contact-2 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    height: 15px;
    width: 30%;
    margin-top: 4px;
}

.empty .gridAd .simAd .vehiclecard_contact-3 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 43%;
    border-radius: 50%;
}

.empty .gridAd .simAd .vehiclecard_contact-4 {
    background-color: #eaeeed;
    border-radius: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5%;
    border-radius: 50%;
}

.empty .gridAd .simAd .margin {
    margin-bottom: 91px;
}

@media only screen and (min-width: 768px) {
    .empty .gridAd > a {
        top: 36%
    }

    .empty .gridAd > a:hover {
        background-color: #000000;
    }
}

/*FICHA SIN RESULTADO-----------------------------------------------*/
.results-wrap.sin-resultados h1 {
    font-family: 'st';
    font-weight: normal;
}

.results-wrap.sin-resultados h1 > span {
    color: var(--seat);
    font-family: 'st';
    font-weight: 400;
    text-transform: uppercase;
}

.results-wrap.sin-resultados h2 {
    font-family: 'st';
    font-weight: 700;
    margin: 0 0 30px 0;
}


/*PLANTILLAS----------------------------------------------*/
.plantilla {
    width: 100%;
    padding: 20px 0
}

.plantilla > nav {
    float: none;
    width: 100%;
}

.plantilla > nav > ul {
    border-bottom: none;
    border-top: none;
    box-shadow: none;
    margin: 0 0 20px 0;
}

.plantilla > nav > ul > li {
    display: inline-block;
    border-bottom: none;
    padding: 4px 0;
}

.plantilla > nav > ul > li > a {
    color: #4d4d4d;
    font-family: 'st', arial, sans-serif;
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    margin: 5px 20px 5px 0;
}

.plantilla > nav > ul > li.active > a, .plantilla > nav > ul > li.active > a:hover {
    color: var(--seat);
}

.plantilla > nav > ul.enlaces-marcas {
    border: medium none;
    margin: 60px 0 0;
}

.plantilla > nav > ul.enlaces-marcas > li {
    border: medium none;
    margin: 0 0 4px;
    padding: 0;
}

.plantilla > nav > ul.enlaces-marcas > li > a {
    background: #eaeeed;
    border: 1px solid #eaeeed;
    box-shadow: 1px 1px 2px #ddd;
    display: block;
    padding: 2px;
}

.plantilla > nav > ul.enlaces-marcas > li > a > strong {
    font-weight: normal;
    vertical-align: middle
}

.plantilla > nav > ul.nido {
    margin-top: 30px;
}

.plantilla > div {
    width: 100%;
    float: none;
}

.plantilla > div > h5 {
    color: #4d4d4d;
    margin: 0 0 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.plantilla > div > ul {
    margin: 10px 0;
}

.plantilla > div > ul > li {
    color: #4d4d4d;
    margin: 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    position: relative;
    padding: 0 0 0 15px;
}

.plantilla > div > ul > li::before {
    background-color: var(--seat);
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

.plantilla h1 {
    color: #000000;
    margin: 0 0 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.plantilla h1 > span {
    font-family: 'st';
    font-weight: normal;
    display: block;
    font-size: 1em;
}

.plantilla p {
    color: #000000;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.plantilla p strong {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.plantilla .promos {
    margin: 40px 0;
    position: relative;
}

.plantilla .promos > div {
}

.plantilla .promos > div > h2 {
    color: var(--seat) !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0;
}

.plantilla .promos > div > p {
    color: #000000;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.plantilla .promos > ul {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
}

.plantilla .promos > ul > li {
    width: 100%;
    margin: 0 0 20px 0;
}

.plantilla .promos > ul > li > a {
    display: block;
}

.plantilla .promos > ul > li > a > img, .plantilla .promos > ul > li > a > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.plantilla .promos > ul > li > a > span {
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    min-height: 50px;
    padding: 10px;
    background-color: #4d4d4d;
}

.plantilla .promos::before {
    background-color: #cfd7d9;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 40px auto;
    width: 90%;
}

.plantilla .wrapSeo {
    margin: 40px 0;
    position: relative;
}

.plantilla .wrapSeo > div {
}

.plantilla .wrapSeo > div > h2 {
    color: var(--seat) !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0;
}

.plantilla .wrapSeo > div > p {
    color: #000000;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.plantilla .wrapSeo > ul {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
}

.plantilla .wrapSeo > ul > li {
    width: 100%;
    margin: 0 0 20px 0;
}

.plantilla .wrapSeo > ul > li > a {
    display: block;
}

.plantilla .wrapSeo > ul > li > a > img, .plantilla .wrapSeo > ul > li > a > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.plantilla .wrapSeo > ul > li > a > span {
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    min-height: 50px;
    padding: 10px;
    background-color: #4d4d4d;
}

.plantilla .wrapSeo::before {
    background-color: #cfd7d9;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 40px auto;
    width: 90%;
}

.plantilla .wrapSeo ul.grid-links {
    display: flex;
    flex-flow: row wrap;
    margin: 30px 0;
}

.plantilla .wrapSeo ul.grid-links > li {
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    width: 50%;
    margin: 0 0 24px 0;
}

.plantilla .wrapSeo ul.grid-links > li > a {
    color: #4d4d4d;
    text-decoration: none;
}

.plantilla fieldset {
    border: none;
}

@media only screen and (min-width: 768px) {
    .plantilla .wrapSeo ul.grid-links > li {
        width: 31%
    }
}

@media only screen and (min-width: 980px) {
    .plantilla > nav {
        float: left;
        width: 24%;
    }

    .plantilla > nav > ul {
        border-top: 1px solid #eaeeed;
        margin: 0;
    }

    .plantilla > nav > ul > li {
        display: block;
        border-bottom: 1px solid #eaeeed;
        padding: 8px 0;
    }

    .plantilla > nav > ul > li > a {
        color: #4d4d4d;
        font-family: 'st', arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-decoration: none;
        line-height: 1.4;
    }

    .plantilla > nav > ul > li.active > a, .plantilla > nav > ul > li.active > a:hover {
        color: var(--seat);
    }

    .plantilla > div {
        float: right;
        width: 74%
    }

    .plantilla h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .plantilla .promos > ul {
        margin: 20px -2%;
    }

    .plantilla .promos > ul > li {
        width: 29%;
        margin: 0px 2% 20px 2%;
    }

    .plantilla .wrapSeo > ul {
        margin: 20px -2%;
    }

    .plantilla .wrapSeo > ul > li {
        width: 29%;
        margin: 0px 2% 20px 2%;
    }

    .plantilla .wrapSeo ul.grid-links > li {
        width: 24%
    }

    .plantilla .wrapSeo ul.grid-links > li > a:hover {
        color: var(--seat);
    }
}

/*buscador cuota----------------------------------------*/
.plantilla .panel {
}

.plantilla .panel fieldset {
    display: none;
    border: none;
    padding: 0;
    margin: 0;
}

.plantilla .panel fieldset > h4 {
    color: #4d4d4d;
    margin: 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.plantilla .panel fieldset > h4 > span {
    font-size: 1em;
}

.plantilla .panel fieldset > h4 > span, .plantilla .panel fieldset > h4 > a {
    color: #4d4d4d;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.plantilla .panel fieldset > h4 > span::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.plantilla .panel fieldset > p {
    margin: 20px 0;
    text-align: left;
}

.plantilla .panel fieldset > p > label {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin: 10px 0;
    min-width: 80px;
}

.plantilla .panel fieldset > p > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: 400;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #111111;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    width: calc(100% - 30px);
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.plantilla .panel fieldset > p > select::-ms-expand {
    display: none;
}

.plantilla .panel fieldset.active {
    display: block;
}

.plantilla .panel fieldset.block {
    display: block;
}

.plantilla .panel > div {
    margin: 20px 0;
}

.plantilla .panel ul.nav-item {
    display: none;
    margin: 20px 0;
}

.plantilla .panel ul.nav-item > li {
    display: inline-block;
    vertical-align: bottom;
    min-width: 120px;
    margin: 6px 0;
}

.plantilla .panel ul.nav-item > li > a {
    color: #cfd7d9;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.plantilla .panel ul.nav-item > li > a.active {
    color: #4d4d4d !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
}

.plantilla .panel ul.nav-item > li > a.active::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.plantilla .panel .content-item {
}

.plantilla .panel .content-item > a {
    display: block;
    margin: 14px 0 0 0;
}

.plantilla .panel .content-item > a > span {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    vertical-align: bottom;
}

.plantilla .panel .content-item > a > span::before {
    content: none;
}

.plantilla .panel .content-item > a > i {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    line-height: 22px;
}

.plantilla .panel .content-item > a > i > svg {
    display: block;
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.plantilla .panel .content-item > a.active {
}

.plantilla .panel .content-item > a.active > span::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.plantilla .panel .content-item > a.active > span + i {
    display: none;
}

.plantilla .panel .content-item > fieldset > div {
    display: flex;
    flex-flow: row wrap;
    margin: 20px -2%;
}

.plantilla .panel .content-item > fieldset.marca > div > a {
    border: 6px solid #ffffff;
    cursor: pointer;
    width: calc(46% - 12px);
    margin: 8px 2%;
    display: block;
    text-align: center;
    box-shadow: 0 0 1px #c5c5c5;
    padding: 10px 0;
}

.plantilla .panel .content-item > fieldset.marca > div > a.active {
    box-shadow: none;
    border-color: var(--seat);
}

.plantilla .panel .content-item > fieldset.modelo > div > a, .plantilla .panel .content-item > fieldset.carroceria > div > a {
    border: 4px solid #ffffff;
    cursor: pointer;
    width: calc(46% - 8px);
    margin: 8px 2%;
    display: block;
    text-align: center;
    box-shadow: 0 0 1px #c5c5c5;
    font-size: 16px;
    padding: 10px 0;
}

.plantilla .panel .content-item > fieldset.modelo > div > a.active, .plantilla .panel .content-item > fieldset.carroceria > div > a.active {
    box-shadow: none;
    border-color: var(--seat);
}

.plantilla .panel button {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    width: 100%;
    padding: 14px 10px;
    border-radius: 30px;
    box-shadow: none;
    margin: 30px auto;
    max-width: 340px;
}

@media only screen and (min-width: 680px) {
    .plantilla .panel fieldset > p {
        text-align: center;
    }

    .plantilla .panel fieldset > p > label {
        display: inline-block;
        min-width: 80px;
    }

    .plantilla .panel fieldset > p > select {
        width: 366px;
    }

    .plantilla .panel ul.nav-item {
        display: block;
    }

    .plantilla .panel .content-item > a {
        display: none;
    }

    .plantilla .panel .content-item > fieldset.marca > div > a {
        width: calc(21% - 12px);
    }

    .plantilla .panel .content-item > fieldset.modelo > div > a {
        width: calc(29% - 8px);
    }

    .plantilla .panel .content-item > fieldset.carroceria > div > a {
        width: 29%;
    }

    .plantilla .panel .content-item > fieldset.marca > div > a:hover {
        box-shadow: 0 0 1px #333333;
    }

    .plantilla .panel .content-item > fieldset.modelo > div > a:hover {
        box-shadow: 0 0 1px #333333;
    }

    .plantilla .panel .content-item > fieldset.carroceria > div > a:hover {
        box-shadow: 0 0 1px #333333;
    }

    .plantilla .panel button:hover {
        box-shadow: 0 0 2px #666666;
    }
}

/*simulador financiero----------------------------------*/
.plantilla .simulador > div > form {
    margin: 20px 0;
}

.plantilla .simulador > div > form > fieldset {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}

.plantilla .simulador > div > form > fieldset > h4 {
    color: #4d4d4d;
    margin: 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.plantilla .simulador > div > form > fieldset > h4 > span {
    color: #4d4d4d;
    font-size: 1em;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.plantilla .simulador > div > form > fieldset > h4 > span::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.plantilla .simulador > div > form > fieldset > div {
    margin: 10px 0 30px 0;
}

.plantilla .simulador > div > form > fieldset .marca {
    display: flex;
    flex-flow: row wrap;
    margin: 20px -2% 30px;
}

.plantilla .simulador > div > form > fieldset .marca a {
    border: 6px solid #ffffff;
    cursor: pointer;
    width: calc(46% - 12px);
    margin: 8px 2%;
    display: block;
    text-align: center;
    box-shadow: 0 0 1px #c5c5c5;
    padding: 10px 0;
}

.plantilla .simulador > div > form > fieldset .marca a.active {
    box-shadow: none;
    border-color: var(--seat);
}

.plantilla .simulador > div > form > fieldset .cantidad {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 30px;
}

.plantilla .simulador > div > form > fieldset .cantidad > a {
    background-color: #cfd7d9;
    color: #ffffff;
    cursor: pointer;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    width: calc(100%);
    margin: 8px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0;
    border-radius: 30px;
}

.plantilla .simulador > div > form > fieldset .cantidad > a.active {
    background-color: var(--seat);
    color: #ffffff !important;
}

.plantilla .simulador > div > form > fieldset .cantidad > div {
    margin: 10px 2%;
    text-align: center;
    width: calc(100% - 4%);
}

.plantilla .simulador > div > form > fieldset .cantidad > div > span {
    color: #4d4d4d;
    display: block;
    margin: 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
}

.plantilla .simulador > div > form > fieldset .cantidad > div > input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #000000;
    box-shadow: none;
    color: var(--seat);
    font-family: 'stt', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    height: 40px;
    width: 220px;
}

.plantilla .simulador > div > form > fieldset .cantidad > div > i {
    color: var(--seat);
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}

.plantilla .simulador > div > form > fieldset > div > strong {
    color: var(--seat);
    display: block;
    text-align: center;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    margin: 20px 0 20px;
}

.plantilla .simulador > div > form > fieldset .meses-uno {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 30px;
    justify-content: center;
}

.plantilla .simulador > div > form > fieldset .meses-uno > a {
    background-color: #cfd7d9;
    color: #ffffff;
    cursor: pointer;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    width: 100%;
    margin: 8px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0;
    border-radius: 30px;
}

.plantilla .simulador > div > form > fieldset .meses-uno > a.active {
    background-color: var(--seat);
    color: #ffffff !important;
}

.plantilla .simulador > div > form > fieldset .meses-dos {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 30px;
}

.plantilla .simulador > div > form > fieldset .meses-dos > a {
    background-color: #cfd7d9;
    color: #ffffff;
    cursor: pointer;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    width: 100%;
    margin: 8px 0;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    padding: 10px 0;
    border-radius: 30px;
}

.plantilla .simulador > div > form > fieldset .meses-dos > a.active {
    background-color: var(--seat);
    color: #ffffff !important;
}

.plantilla .simulador > div > form > fieldset.short {
    display: block;
    vertical-align: top;
}

.plantilla .simulador > div > form > fieldset.short + .short {
    display: inline-block;
    width: 44%;
}

.plantilla .simulador > div > form > fieldset.short > div > strong {
    text-align: left;
}

.plantilla .simulador > div > form > fieldset .entrada > input[type="text"] {
    background-color: #ffffff;
    border: 1px solid #000000;
    box-shadow: none;
    color: var(--seat);
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    height: 40px;
    width: 200px;
}

.plantilla .simulador > div > form > fieldset .entrada > i {
    color: var(--seat);
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 22px;
}

.plantilla .simulador > div > form > fieldset.total {
    max-width: 200px;
    margin: 0 auto;
}

.plantilla .simulador > div > form > fieldset.total > div > strong {
    text-align: left;
}

.plantilla .simulador > div > form > button {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    width: 100%;
    padding: 14px 10px;
    border-radius: 30px;
    box-shadow: none;
    margin: 30px auto;
}

.plantilla .simulador > div > form > button b {
    font-weight: normal;
    color: #ffffff;
}

.plantilla .simulador > div > #descFinan {
    background-color: #495860;
    color: #ffffff;
    padding: 20px;
}

.plantilla .simulador > div > #descFinan > ul {
    margin: 0 0 30px 0;
    text-align: center;
}

.plantilla .simulador > div > #descFinan > ul > li {
    margin: 10px 0;
}

.plantilla .simulador > div > #descFinan > ul > li > strong {
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    display: inline-block;
}

.plantilla .simulador > div > #descFinan > ul > li > b {
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    line-height: 22px;
    color: var(--seat);
    display: inline-block;
}

.plantilla .simulador > div > #descFinan > p {
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
    margin: 10px 0;
}

@media only screen and (min-width: 980px) {
    .plantilla .simulador > div > form > fieldset .entrada > input[type="text"] {
        width: 280px;
    }
}

@media only screen and (min-width: 680px) {
    .plantilla .simulador > div > form > fieldset .marca a {
        width: calc(21% - 12px);
    }

    .plantilla .simulador > div > form > fieldset .marca a:hover {
        border-color: var(--seat);
    }

    .plantilla .simulador > div > form > fieldset .cantidad {
        margin-left: -2%;
        margin-right: -2%;
    }

    .plantilla .simulador > div > form > fieldset .cantidad a {
        width: calc(21% - 12px);
        margin-left: 2%;
        margin-right: 2%;
    }

    .plantilla .simulador > div > form > fieldset .cantidad > a:hover {
        background-color: var(--seat);
    }

    .plantilla .simulador > div > form > fieldset .cantidad > div > input[type="text"] {
        width: 300px
    }

    .plantilla .simulador > div > form > fieldset .meses-uno {
        margin-left: -2%;
        margin-right: -2%;
    }

    .plantilla .simulador > div > form > fieldset .meses-uno a {
        width: 24%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .plantilla .simulador > div > form > fieldset .meses-uno > a:hover {
        background-color: var(--seat);
    }

    .plantilla .simulador > div > form > fieldset .meses-dos {
        margin-left: -2%;
        margin-right: -2%;
    }

    .plantilla .simulador > div > form > fieldset .meses-dos a {
        width: 16%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .plantilla .simulador > div > form > fieldset .meses-dos > a:hover {
        background-color: var(--seat);
    }

    .plantilla .simulador > div > form > fieldset.short {
        display: inline-block;
        vertical-align: top;
        width: 44%;
    }

    .plantilla .simulador > div > form > fieldset.short + .short {
        width: 24%;
    }

    .plantilla .simulador > div > form > fieldset.short > div > strong {
        text-align: left;
    }
}

/*vender------------------------------------------------*/
.formulario-vender fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

.formulario-vender ul.nav-item {
    display: none;
    margin: 20px 0;
}

.formulario-vender ul.nav-item > li {
    display: inline-block;
    vertical-align: bottom;
    min-width: 120px;
    margin: 6px 0;
}

.formulario-vender ul.nav-item > li > a {
    color: #cfd7d9;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.formulario-vender ul.nav-item > li > a.active {
    color: #4d4d4d !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700
}

.formulario-vender ul.nav-item > li > a.active::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.formulario-vender .content-item > div {
    display: none;
}

.formulario-vender .content-item > div.active {
    display: block;
}

.formulario-vender .content-item > a {
    display: none;
}

.formulario-vender .vender-interes .interes-pregunta > p {
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0;
}

.formulario-vender .vender-interes .interes-pregunta > div {
    margin-left: 10px 0;
    text-align: center;
}

.formulario-vender .vender-interes .interes-pregunta > div > p {
    display: inline-block;
    min-width: 140px;
    text-align: left;
}

.formulario-vender .vender-interes .interes-pregunta > div > p > label {
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.formulario-vender .vender-interes .interes-pregunta > div > p > input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 1px #333333;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.formulario-vender .vender-interes .interes-pregunta > div > p > input[type="radio"]:checked {
    background-color: var(--seat);
}

.formulario-vender .vender-interes .interes-pregunta > ul {
    margin: 20px 0 40px;
}

.formulario-vender .vender-interes .interes-pregunta > ul > li {
    margin: 20px 0;
}

.formulario-vender .vender-interes .interes-pregunta > ul > li > label {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    min-width: 180px;
}

.formulario-vender .vender-interes .interes-pregunta > ul > li > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    width: calc(70% - 200px);
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.formulario-vender .vender-interes .interes-pregunta > ul > li > select::-ms-expand {
    display: none;
}

.formulario-vender .vender-interes > span {
    display: block;
    margin: 10px 0;
}

.formulario-vender .vender-interes > span > span {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 8px 0 0 0;
    position: relative;
    display: inline-block;
}

.formulario-vender .vender-interes > span > span::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.formulario-vender .vender-interes .interes-vehiculo {
    margin: 10px 0 40px 0;
}

.formulario-vender .vender-interes .interes-vehiculo select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    width: 320px;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    margin: 4px 10px 4px 0;
}

.formulario-vender .vender-interes .interes-vehiculo select::-ms-expand {
    display: none;
}

.formulario-vender .concesionario {
}

.formulario-vender .concesionario > p {
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0;
}

.formulario-vender .concesionario > p > strong {
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
}

.formulario-vender .concesionario > ul {
    margin: 40px 0;
}

.formulario-vender .concesionario > ul > li {
    margin: 10px 0;
}

.formulario-vender .concesionario > ul > li > label {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: inline-block;
    min-width: 240px;
}

.formulario-vender .concesionario > ul > li > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    width: 380px;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.formulario-vender .concesionario > ul > li > select::-ms-expand {
    display: none;
}

.formulario-vender .concesionario > ul > li > textarea {
    background-color: #ffffff;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    border-radius: 4px;
    width: 380px;
    resize: none;
    vertical-align: top;
    height: 140px;
}

.formulario-vender .vehiculo {
}

.formulario-vender .vehiculo > p {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0;
}

.formulario-vender .vehiculo > p > strong {
    font-family: 'st', arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}

.formulario-vender .vehiculo > ul {
    margin: 30px 0;
}

.formulario-vender .vehiculo > ul > li {
    margin: 10px 0;
}

.formulario-vender .vehiculo > ul > li > label {
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
    min-width: 240px;
}

.formulario-vender .vehiculo > ul > li > label .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.formulario-vender .vehiculo > ul > li > label .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 10px;
    font-family: 'st';
    font-weight: normal;
    left: -70px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 100px;
    z-index: 9;
}

.formulario-vender .vehiculo > ul > li > label .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.formulario-vender .vehiculo > ul > li > label .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.formulario-vender .vehiculo > ul > li > label .tool.on > span {
    display: block;
}

.formulario-vender .vehiculo > ul > li > input[type="text"] {
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    width: 380px;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.formulario-vender .vehiculo > ul > li > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    width: 380px;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.formulario-vender .vehiculo > ul > li > select::-ms-expand {
    display: none;
}

.formulario-vender .vehiculo > ul > li > button {
    color: #ffffff;
    cursor: pointer;
    background-color: var(--seat);
    border-radius: 30px;
    box-shadow: none;
    font-family: st;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 30px;
    display: block;
    margin: 20px auto;
}

.formulario-vender .vehiculo > ul > li > button:hover {
    box-shadow: 0 0 2px #999999;
}

.formulario-vender .vehiculo .tuVehiculo {
    border: 1px solid #cfd7d9;
    padding: 10px 20px;
}

.formulario-vender .vehiculo .tuVehiculo > ul {
    margin: 0 0 30px 0;
}

.formulario-vender .vehiculo .tuVehiculo > ul > li {
    color: #4d4d4d;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 15px 0;
}

.formulario-vender .vehiculo .tuVehiculo > ul > li > b {
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
}

.formulario-vender .vehiculo .tuVehiculo > p {
    color: #4d4d4d;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 15px 0;
}

.formulario-vender .datos {
}

.formulario-vender .datos > p {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px 0;
}

.formulario-vender .datos > p > strong {
    font-family: 'st', arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
}

.formulario-vender .datos > p > i {
    display: block;
    font-size: 12px;
    text-align: right;
}

.formulario-vender .datos > .grid-datos-propietario {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.formulario-vender .datos > .grid-datos-propietario select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
}

.formulario-vender .datos > .grid-datos-propietario select::-ms-expand {
    display: none;
}

.formulario-vender .datos > .grid-datos-propietario input[type="text"] {
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    display: inline-block;
    height: 39px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    padding: 0 !important;
}

.formulario-vender .datos > .grid-datos-propietario .width-20 {
    margin: 0 0 16px 0;
    width: 18%;
}

.formulario-vender .datos > .grid-datos-propietario .width-25 {
    margin: 0 0 16px 0;
    width: 24%;
}

.formulario-vender .datos > .grid-datos-propietario .width-30 {
    margin: 0 0 16px 0;
    width: 28%;
}

.formulario-vender .datos > .grid-datos-propietario .width-50 {
    margin: 0 0 16px 0;
    width: 48%;
}

.formulario-vender .botones {
    margin: 30px 0;
    text-align: center;
}

.formulario-vender .botones button, .formulario-vender .botones a {
    background-color: #4d4d4d;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px;
    min-width: 120px;
}

.formulario-vender .new-lopd .new-check {
    padding: 10px;
}

.plantilla .confirmacion {
    height: auto;
    width: auto
}

.plantilla .confirmacion > fieldset > p {
    font-size: 18px;
    margin: 10px 20px;
}

.plantilla .confirmacion > fieldset > p > strong {
    font-weight: normal;
    font-family: 'st';
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
}

.plantilla .confirmacion > fieldset > p > i {
    color: #f37e29;
    font-size: 1.1em;
    font-style: normal;
    font-weight: bold;
}

.plantilla .confirmacion > fieldset > div {
    margin: 10px 20px;
}

.plantilla .confirmacion > fieldset > div > p {
    background: transparent url("../img/icons.png") no-repeat scroll 0 -863px;
    box-sizing: initial;
    color: #555555;
    display: block;
    font-size: 18px;
    min-height: 40px;
    padding: 40px 10px 40px 140px;
    text-align: left;
}

.plantilla .confirmacion > fieldset > div > p > strong {
    color: #F37E29;
    font: 400 28px/36px 'st';
}

.plantilla .confirmacion > fieldset > div > span {
    display: block;
    font-size: 13px;
    margin: 20px 0;
}

.plantilla .confirmacion > fieldset > h4 {
    color: #404c57;
    font-size: 24px;
    margin: 15px 20px;
    text-align: center;
}

.plantilla .confirmacion > p {
    font-size: 15px;
    line-height: 1.1;
    margin: 10px 20px;
}

.plantilla .confirmacion > ul {
    font-size: 15px;
    line-height: 1.1;
    margin: 20px;
}

.plantilla .confirmacion > ul > li {
    margin: 4px 0;
}

.plantilla .confirmacion > fieldset > div.datos-concesionario-elegido > div {
    background: #eaeeed none repeat scroll 0 0;
    padding: 10px 14px;
}

.plantilla .confirmacion > fieldset > div.datos-concesionario-elegido > div > p {
    margin: 4px 0;
}

.plantilla .confirmacion > fieldset > div.datos-concesionario-elegido > div > p > strong {
    font-size: 1.2em
}

.plantilla .confirmacion > fieldset > div.datos-concesionario-elegido > div > p > b {
    display: block;
    font-size: 1.4em;
    margin: 10px 0 6px;
}

.plantilla .confirmacion > fieldset > div.datos-coche-elegido > div {
    background: #eaeeed none repeat scroll 0 0;
    padding: 10px 14px;
}

.plantilla .confirmacion > fieldset > div.datos-coche-elegido > div > p {
    margin: 4px 0;
}

.plantilla .confirmacion > fieldset > div.datos-coche-elegido > div > p > strong {
    font-size: 1.2em
}

.plantilla .confirmacion > fieldset > div.datos-coche-elegido > div > p > b {
    display: block;
    font-size: 1.4em;
    margin: 10px 0 6px;
}

.error-paso {
    color: #c03;
}

@media only screen and (min-width: 680px) {
    .formulario-vender ul.nav-item {
        display: flex;
        justify-content: space-between;
    }

    .formulario-vender .botones button:hover, .formulario-vender .botones a:hover {
        background-color: #2c2c2c;
    }

    .formulario-vender .botones button, .formulario-vender .botones a {
        min-width: 160px;
    }
}

@media only screen and (max-width: 680px) {
    .formulario-vender .vender-interes .interes-pregunta > ul > li > label {
        display: block;
        margin: 6px 0;
    }

    .formulario-vender .vender-interes .interes-pregunta > ul > li > select {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .vender-interes .interes-vehiculo select {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .concesionario > ul > li > label {
        display: block;
        margin: 6px 0;
    }

    .formulario-vender .concesionario > ul > li > select {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .concesionario > ul > li > textarea {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .vehiculo > ul > li > label {
        display: block;
        margin: 6px 0;
    }

    .formulario-vender .vehiculo > ul > li > input[type="text"] {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .datos > .grid-datos-propietario {
        display: block;
    }

    .formulario-vender .datos > .grid-datos-propietario .width-20, .formulario-vender .datos > .grid-datos-propietario .width-25, .formulario-vender .datos > .grid-datos-propietario .width-30, .formulario-vender .datos > .grid-datos-propietario .width-50 {
        width: 100%;
        margin: 6px 0;
    }

    .formulario-vender .datos > p > i {
        text-align: center;
    }

    .formulario-vender .botones {
        margin: 10px 0;
    }

    .formulario-vender ul.nav-item {
        display: none;
    }

    .formulario-vender .content-item > a {
        color: #cfd7d9;
        cursor: default;
        font-family: 'st', arial, sans-serif;
        font-size: 20px;
        font-weight: normal;
        line-height: 24px;
        margin: 10px 0;
        padding: 8px 16px 0 0;
        position: relative;
        text-decoration: none;
        display: block;
    }

    .formulario-vender .content-item > a.active {
        color: #4d4d4d !important;
        font-family: 'st', arial, sans-serif;
        font-weight: 700;
    }

    .formulario-vender .content-item > a.active::before {
        background-color: var(--seat);
        content: '';
        display: block;
        height: 3px;
        width: 100px;
        left: 0;
        top: 0;
        position: absolute;
    }
}

/*COCHE A CAMBIO---------------------------------------------------------------------------------------------------------------*/
.ofrecer-coche > div {
    float: none;
    width: 100%;
}

.ofrecer-coche .cocheInteres {
    display: flex;
    justify-content: space-between;
    margin: 0 0 40px 0;
}

.ofrecer-coche .cocheInteres > div {
    color: #000000;
    width: 48%;
}

.ofrecer-coche .cocheInteres > div h2 {
    cursor: default;
    color: #4d4d4d !important;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 3px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: block;
}

.ofrecer-coche .cocheInteres > div h2::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 80px;
    left: 0;
    top: 0;
    position: absolute;
}

.ofrecer-coche .cocheInteres > div ul {
    margin: 10px 0;
}

.ofrecer-coche .cocheInteres > div ul > li {
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 2px 0;
}

.ofrecer-coche .cocheInteres > div ul > li > h3 {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 6px 0;
}

.ofrecer-coche .cocheInteres > div ul > li > span {
    display: block;
    font-size: 12px;
    font-weight: normal;
    font-family: 'st';
    font-weight: normal;
    line-height: 14px;
}

.ofrecer-coche .cocheInteres > div ul > li > em {
    color: var(--seat);
    font-family: 'st';
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    display: block;
}

.ofrecer-coche .cocheInteres > div ul > li > em > span {
    font-size: 14px;
}

.ofrecer-coche .cocheInteres > div img {
    display: block;
    height: auto;
    width: 100%;
}

.ofrecer-coche .cocheInteres > div p {
}

.ofrecer-coche .cocheInteres > div p > a.buttonPrimary {
    border-radius: 30px;
    color: #ffffff;
    padding: 10px 18px;
    font-size: 14px;
}

.ofrecer-coche .cocheInteres > div p > a.buttonPrimary:hover {
    color: var(--seat);
}

.ofrecer-coche .cocheInteres .interesDat {
    display: flex;
    justify-content: space-between;
}

.ofrecer-coche .cocheInteres .interesDat > div {
    width: 30%;
}

.ofrecer-coche .cocheInteres .interesDat > div + div {
    width: 38%
}

.ofrecer-coche .cocheInteres .interesDat > div:last-Child {
    align-self: flex-end;
    width: 28%;
}

.ofrecer-coche .cocheInteres .interesConc {
    display: flex;
}

.ofrecer-coche .cocheInteres .interesConc > div {
}

.ofrecer-coche .cocheInteres .interesConc > div:last-Child {
    align-self: flex-end;
}

.ofrecer-coche .formulario-vender {
    padding: 20px 0;
}

.ofrecer-coche .formulario-vender ul.nav-item {
    justify-content: inherit;
}

.ofrecer-coche .formulario-vender ul.nav-item li + li {
    margin-left: 80px;
}

@media only screen and (max-width: 800px) {
    .ofrecer-coche .cocheInteres > div {
        width: 100%;
    }

    .ofrecer-coche .cocheInteres .interesConc {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    .ofrecer-coche .cocheInteres .interesDat > div + div {
        width: 68%;
    }

    .ofrecer-coche .cocheInteres .interesDat > div:last-child {
        display: none;
    }
}

/*RED DE CONCESIONARIOS----------------------------------------------------------------------------------------------------------*/
.ubicaciones {
    background-color: #FFFFFF;
    padding: 60px 0px;
    position: relative;
}

.ubicaciones h1 {
    color: #000000;
    display: block;
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    text-align: center;
    padding: 0 20px;
}

.ubicaciones .navUbica {
    margin: 30px 0 20px 0;
    padding: 0 20px;
}

.ubicaciones .navUbica > div {
}

.ubicaciones .navUbica > div > form {
    margin: 20px 0 20px auto;
    position: relative;
    max-width: 550px;
}

.ubicaciones .navUbica > div > form input[type="text"] {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
    font-size: 16px;
    box-shadow: none;
    height: 40px;
    padding: 0 90px 0 0 !important;
}

.ubicaciones .navUbica > div > form a {
    background-color: #ffffff;
    display: inline-block;
    height: 40px;
    width: 39px;
    vertical-align: middle;
    border-radius: 0;
    position: absolute;
    right: 0;
    bottom: 1px;
}

.ubicaciones .navUbica > div > form a > svg {
    display: block;
    fill: #4d4d4d;
    height: 24px;
    width: 24px;
    margin: 8px auto;
}

.ubicaciones .navUbica > div > form a.delete {
    right: 39px;
}

.ubicaciones .navUbica > div > form a.delete svg {
    height: 20px;
    margin: 10px auto 0;
    width: 20px;
}

.ubicaciones .navUbica > div > a {
    background-color: #ffffff;
    border: 1px solid;
    border-radius: 20px;
    color: #000000;
    display: inline-flex;
    padding: 10px 12px;
    font-size: 12px;
}

.ubicaciones .navUbica > div > a > span {
    display: flex;
    align-items: center;
    height: 16px;
}

.ubicaciones .navUbica > div > a > span + span {
    display: none
}

.ubicaciones .navUbica > div > a.on:not(.navMvl) {
    color: var(--seat);
    border-color: var(--seat);
}

.ubicaciones .navUbica > div > a.on > span {
    display: none
}

.ubicaciones .navUbica > div > a.on > span svg {
    fill: var(--seat);
    height: 12px;
    margin: 0 6px 0 0;
    width: 12px;
}

.ubicaciones .navUbica > div > a.on > span + span {
    display: flex;
}

.ubicaciones .navUbica > div .alert {
    position: absolute;
    top: 100%;
    background: #333f48;
    padding: 20px 10px;
    border-radius: 6px;
    width: calc(100% - 80px);
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    z-index: 9;
    margin: 6px 0;
    line-height: 1.2;
}

.ubicaciones .navUbica > div + div {
    display: flex;
    justify-content: space-between;
}

.ubicaciones .wrapUbicaciones {
    height: calc(100vh - 300px);
    min-height: 600px;
    margin: 0 0 100px 0;
}

.ubicaciones .wrapUbicaciones .map {
    background-color: #eaeeed;
    height: 100%;
    position: relative;
}

.ubicaciones .wrapUbicaciones .map #mapa {
    height: 100% !important;
    width: 100% !important;
}

.ubicaciones .wrapUbicaciones .map iframe {
    width: 100% !important;
}

.ubicaciones .wrapUbicaciones .contentList {
    height: 100%;
    display: none;
}

.ubicaciones .wrapUbicaciones.toggle .map {
    display: none;
}

.ubicaciones .wrapUbicaciones.toggle .contentList {
    display: block;
    padding: 0 20px;
}

.ubicaciones .wrapUbicaciones .filters {
    display: none;
}

.ubicaciones .wrapUbicaciones .filters form {
    padding: 10px 0;
}

.ubicaciones .wrapUbicaciones .filters form ul {
    margin-bottom: 40px;
}

.ubicaciones .wrapUbicaciones .filters form ul > li {
    display: flex;
    margin: 20px 0;
    align-items: center;
}

.ubicaciones .wrapUbicaciones .filters form ul > li input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 28px;
    width: 28px;
    background-color: #ffffff;
    border: 1px solid #000;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
    position: relative;
}

.ubicaciones .wrapUbicaciones .filters form ul > li input[type="checkbox"]:checked::after {
    display: block;
    position: absolute;
    top: 0;
    left: 7px;
    width: 8px;
    height: 18px;
    border: solid var(--seat);
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: '';
}

.ubicaciones .wrapUbicaciones .filters form ul > li label {
    color: #000000;
    font-size: 16px;
    font-family: 'st';
    margin: 0 0 0 8px;
}

.ubicaciones .wrapUbicaciones .filters form a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin: 20px auto;
}

.ubicaciones .wrapUbicaciones .filters form a svg {
    fill: #333333;
    height: 24px;
    width: 24px;
    margin: 0 4px 0 0;
}

.ubicaciones .wrapUbicaciones.searchOn .filters {
    display: block;
}

.ubicaciones .wrapUbicaciones.searchOn .listUbicaciones {
    display: none;
}

.ubicaciones .wrapUbicaciones .listUbicaciones {
    max-height: 100%;
    overflow-y: auto;
}

.ubicaciones .wrapUbicaciones .listUbicaciones > div {
    border-bottom: 1px solid #8994A0;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc {
    background-color: transparent;
    cursor: pointer;
    display: block;
    padding: 20px;
    transition: all ease-in 0.4s;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc h3 {
    color: #000000;
    font-size: 16px;
    font-family: 'st';
    margin: 8px 0 4px 0;
    text-transform: uppercase;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc .marcas {
    display: flex;
    margin: 4px 0;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc .marcas picture, .ubicaciones .wrapUbicaciones .listUbicaciones .item-conc .marcas img {
    max-height: 30px;
    margin: 4px;
    display: block;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc address {
    margin: 10px 0 0 0;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc address p {
    color: #8994A0;
    margin: 4px 0;
    padding: 0;
    font-size: 16px;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc address p span {
    display: inline-block;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc p u {
    color: #000000;
    font-size: 16px;
    text-decoration: underline;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc.on, .ubicaciones .wrapUbicaciones .listUbicaciones .item-conc.on + p {
    background-color: #eaeeed;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc + p {
    text-align: center;
    padding: 4px 0 10px 0;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc + p a {
    display: block;
    background-color: var(--seat);
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    padding: 16px;
    border-radius: 30px;
    font-size: 14px;
    min-width: 120px;
    margin: 0 auto;
    transition: all ease 0.3s;
    box-shadow: none;
    text-align: center;
    width: 150px;
}

.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc + p a
.ubicaciones .wrapUbicaciones .listUbicaciones .item-conc.on + p {
    background-color: #eaeeed;
}

.ubicaciones .wrapUbicaciones .listUbicaciones ul.filterSelected {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0;
}

.ubicaciones .wrapUbicaciones .listUbicaciones ul.filterSelected > li:first-child {
    margin: 0;
    width: auto;
}

.ubicaciones .wrapUbicaciones .listUbicaciones ul.filterSelected > li > a {
    background-color: #ffffff;
    border: 1px solid #cfd7d9;
    border-radius: 15px;
    color: #4a4a4a;
    display: block;
    position: relative;
    margin: 10px 10px 0 0;
    padding: 5px 10px 5px 25px;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px;
}

.ubicaciones .wrapUbicaciones .listUbicaciones ul.filterSelected > li > a::before {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIwIDAgOCA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPiAgICAgICAgPHRpdGxlPkdyb3VwIDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9IkJyb3dzZXJfTF9BZHZhbmNlZC1TZWFyY2giIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9InYzXzAwX0RXQS0zLjAtUmVzdWx0cGFnZS0tLURlc2t0b3AtLS1Lb250cm9sbHplbnRydW1fZGFyay0tLUZseS1PdXRfRGVmYXVsdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcxMy4wMDAwMDAsIC0yNDguMDAwMDAwKSIgZmlsbD0iIzEwMTAxMCI+ICAgICAgICAgICAgPGcgaWQ9IjAyX1RleHQtRWluc3RpZWciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMzOS4wMDAwMDAsIDk2LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iVGFncyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDE0My4wMDAwMDApIj4gICAgICAgICAgICAgICAgICAgIDxnIGlkPSJUYWciIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2My4wMDAwMDAsIDAuMDAwMDAwKSI+ICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNsb3NlX0ljbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEuMDAwMDAwLCA5LjAwMDAwMCkiPiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiI+ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuMDAwMDAwLCA0LjAwMDAwMCkgcm90YXRlKC00NS4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC00LjAwMDAwMCkgIiB4PSItMSIgeT0iMy41IiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtNC4wMDAwMDAsIC00LjAwMDAwMCkgIiB4PSItMSIgeT0iMy41IiB3aWR0aD0iMTAiIGhlaWdodD0iMSIgcng9IjAuNSI+PC9yZWN0PiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICAgICAgPC9nPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    transition: all .2s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.ubicaciones .wrapUbicaciones .backLayer {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.ubicaciones .wrapUbicaciones .ubicaInfo {
    background-color: #ffffff;
    display: none;
    height: calc(100% - 20px);
    left: 10px;
    position: absolute;
    padding: 10px 0;
    top: 220px;
    width: calc(100% - 20px);
    z-index: 2;
    box-shadow: 1px 1px 3px #666;
    border-radius: 10px;
    padding: 20px;
    overflow: hidden;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup {
    position: relative;
    height: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupHead {
    padding: 0 20px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupContent {
    height: calc(100% - 120px);
    overflow-y: auto;
    padding: 0 20px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .close {
    height: 30px;
    width: 30px;
    margin: 0 0 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .close svg {
    fill: #000000;
    height: 24px;
    width: 24px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup h3 {
    color: #000000;
    font-size: 18px;
    font-family: 'st';
    margin: 8px 0 4px 0;
    text-transform: uppercase;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .marcas {
    display: flex;
    margin: 4px 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .marcas picture, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .marcas img {
    max-height: 30px;
    margin: 4px;
    display: block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info {
    display: flex;
    margin-bottom: 20px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info address {
    margin: 10px 0;
    width: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info address p {
    color: #000000;
    margin: 4px 0;
    padding: 0;
    font-size: 14px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info address p span {
    display: inline-block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p {
    margin: 10px 0;
    width: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p > a {
    text-decoration: underline !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p > a svg {
    height: 18px;
    width: 18px;
    margin: 0 4px 0 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .link {
    margin: 20px 0 30px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .link a {
    display: block;
    background-color: var(--seat);
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    font-size: 14px;
    min-width: 160px;
    margin: 0 auto;
    transition: all ease 0.3s;
    box-shadow: none;
    text-align: center;
    width: 220px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup.hide {
    display: none;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList {
    border-top: 1px solid #8994A0;
    padding: 20px 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > p {
    color: #000000;
    font-size: 22px;
    font-family: 'st';
    margin: 0 0 20px 0;
    text-transform: none;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul {
    display: flex;
    flex-flow: row wrap;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li {
    margin: 20px 0;
    width: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li > a {
    display: block;
    padding: 10px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .gridName {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .gridName > div {
    max-width: calc(60% - 10px);
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .gridName > div img {
    max-height: 30px;
    margin: 4px;
    display: block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .gridName > div + div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 10px;
    max-width: 40%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li h5 {
    color: #000000;
    font-size: 14px;
    font-family: 'st';
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info {
    display: block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info address {
    margin: 10px 0 0 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info address p {
    color: #8994A0;
    margin: 4px 0;
    padding: 0;
    font-size: 14px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info address p span {
    display: inline-block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info p u {
    color: #8994A0;
    font-size: 14px;
    text-decoration: underline;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop {
    display: none;
    height: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopHead {
    padding: 0 20px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent {
    height: calc(100% - 120px);
    overflow-y: auto;
    padding: 0 20px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent .info {
    display: block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent .info address {
    margin: 10px 0 0 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent .info address p {
    color: #8994A0;
    margin: 4px 0;
    padding: 0;
    font-size: 14px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent .info address p span {
    display: inline-block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopContent .info p u {
    color: #8994A0;
    font-size: 14px;
    text-decoration: underline;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .close {
    height: 30px;
    width: 30px;
    margin: 0 0 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .close svg {
    fill: #000000;
    height: 24px;
    width: 24px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop h3 {
    color: #000000;
    font-size: 18px;
    font-family: 'st';
    margin: 8px 0 4px 0;
    text-transform: uppercase;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .marcas {
    display: flex;
    margin: 4px 0;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .marcas picture, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .marcas img {
    max-height: 30px;
    margin: 4px;
    display: block;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .map {
    background-color: #eaeeed;
    height: 280px;
    margin: 20px 0;
    overflow: hidden;
    width: 100%;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .link {
    margin: 20px 0 30px;
}

.ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .link a {
    display: block;
    background-color: var(--seat);
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    font-size: 14px;
    min-width: 160px;
    margin: 0 auto;
    transition: all ease 0.3s;
    box-shadow: none;
    text-align: center;
    width: 220px;
}

.ubicaciones .wrapUbicaciones .backLayer.on, .ubicaciones .wrapUbicaciones .ubicaInfo.on, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop.on {
    display: block;
}

.dwa-clustericon-1, .dwa-clustericon-2, .dwa-clustericon-3 {
    background: transparent url('../img/mapImages/icon_localizacion.png') no-repeat center center;
    background-size: auto 100%;
    color: #ffffff;
    font-family: 'st';
    font-weight: 600;
    font-size: 14px;
    padding-top: 8px;
    width: 50px !important;
    height: 50px !important;
}

.dwa-clustericon-1 > div, .dwa-clustericon-2 > div, .dwa-clustericon-3 > div {
    width: 100% !important;
}

.ubicaciones .gmnoprint.gm-bundled-control {
    left: 0;
    right: auto !important;
}

@media all and (min-width: 480px) {
    .ubicaciones {
        padding: 80px 0px;
    }
}

@media all and (min-width: 768px) {
    .ubicaciones .wrapUbicaciones {
        height: calc(100vh - 270px);
    }

    .ubicaciones .wrapUbicaciones .filters form a:hover svg {
        fill: var(--seat);
        transition: all .2s ease-in-out;
    }

    .ubicaciones .wrapUbicaciones .listUbicaciones > div {
        transition: all ease 0.3s;
    }

    .ubicaciones .wrapUbicaciones .listUbicaciones > div:hover {
        background-color: #eaeeed;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupHead, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupContent {
        padding: 0 30px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopHead {
        padding: 0 30px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info address, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p {
        width: 50%;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p > a:hover {
        color: var(--seat);
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .close:hover svg {
        fill: var(--seat);
        transition: all ease 0.4s;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info:hover > p > a svg {
        fill: var(--seat);
        transition: all .2s ease-in-out
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .link a:hover {
        background-color: #000000;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup h3, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop h3 {
        font-size: 24px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info address p, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .info > p > a {
        font-size: 16px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li .info address p {
        font-size: 16px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .link a, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .link a {
        font-size: 18px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li {
        width: 50%;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .instalacionesList > div > ul > li > a:hover {
        background-color: #eaeeed;
    }
}

@media all and (min-width: 980px) {
    .ubicaciones {
        padding: 90px 30px;
    }

    .ubicaciones .navUbica {
        align-items: center;
        display: flex;
    }

    .ubicaciones .navUbica > div {
        width: 65vw;
    }

    .ubicaciones .navUbica > div > a {
        font-size: 14px;
        margin: 0 auto;
        padding: 12px 20px;
    }

    .ubicaciones .navUbica > div > a + a {
        display: none;
    }

    .ubicaciones .navUbica > div > a:hover {
        color: var(--seat);
    }

    .ubicaciones .navUbica > div > a.on:hover {
        color: #000000;
        border-color: #000000;
    }

    .ubicaciones .navUbica > div > a.on:hover svg {
        fill: #000000;
    }

    .ubicaciones .navUbica > div + div {
        padding-left: 4vw;
        width: 31vw;
    }

    .ubicaciones .navUbica > div > form a:hover svg {
        fill: var(--seat);
    }

    .ubicaciones .wrapUbicaciones {
        display: flex;
    }

    .ubicaciones .wrapUbicaciones > div {
        flex: 1 1 auto;
        width: 65vw;
    }

    .ubicaciones .wrapUbicaciones > div + div {
        padding-left: 2vw;
        width: 33vw;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo {
        height: calc(100% - 60px);
        left: 30px;
        top: 30px;
        width: calc(100% - 60px);
        background-color: #ffffff;
        display: none;
        height: calc(100% - 20px);
        left: 10px;
        position: absolute;
        padding: 10px 0;
        top: 10px;
        width: calc(100% - 20px);
        z-index: 2;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupHead, .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoGroup .ubicaInfoGroupContent {
        padding: 0 60px;
    }

    .ubicaciones .wrapUbicaciones .ubicaInfo .ubicaInfoShop .ubicaInfoShopHead {
        padding: 0 60px;
    }

    .ubicaciones .wrapUbicaciones .map, .ubicaciones .wrapUbicaciones .contentList, .ubicaciones .wrapUbicaciones.toggle .map, .ubicaciones .wrapUbicaciones.toggle .contentList {
        display: block;
    }
}

@media only screen and (min-width: 1400px) {
    .ubicaciones .wrapUbicaciones .listUbicaciones ul.filterSelected {
        width: 100%;
    }
}

@media all and (max-width: 980px) {
    .ubicaciones .navUbica > div > form {
        margin: 20px auto;
    }

    .ubicaciones .wrapUbicaciones.toggle .contentList {
        display: block !important;
    }

    .ubicaciones .wrapUbicaciones.toggle .listUbicaciones {
        display: block !important;
    }

    .ubicaciones .wrapUbicaciones.toggle.searchOn .listUbicaciones {
        display: none !important;
    }

    .ubicaciones .wrapUbicaciones .contentList, .ubicaciones .wrapUbicaciones .map {
        width: 100% !important;
    }
}

#enlacesProvincias {
    padding: 20px;
}

#enlacesProvincias h2 {
    color: #000;
    margin: 10px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

#enlacesProvincias ul {
    display: flex;
    flex-flow: row wrap;
    margin: 30px 0;
}

#enlacesProvincias ul li {
    margin: 14px 0;
    width: 33%;
}

#enlacesProvincias ul li a {
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    line-height: 1.1;
}

@media all and (min-width: 480px) {
    #enlacesProvincias ul li {
        width: 25%;
    }
}

@media all and (min-width: 768px) {
    #enlacesProvincias h2 {
        font-size: 24px;
        line-height: 28px;
    }

    #enlacesProvincias ul li {
        width: 20%;
    }

    #enlacesProvincias ul li a:hover {
        color: var(--seat);
    }
}

@media all and (min-width: 980px) {
    #enlacesProvincias ul li {
        width: 14%;
    }

}

/*filtro concesionarios*/
.filtro-concesionarios {
    clear: both;
    float: none;
    padding: 8px 0;
}

.filtro-concesionarios > h4 {
    color: #444444;
    display: inline-block;
    font-family: arial, sans-serif;
    font-size: 1.1em;
    margin: 4px 4px 4px 0;
    vertical-align: middle;
}

.filtro-concesionarios > select {
    min-width: 160px;
    padding: 4px 5px 3px 7px;
}

/*AVANZADA-ALERTA-------------------------------------------------------------------------------------------------*/
.avanzada {
    padding: 20px 0;
}

.avanzada h1 {
    color: #4d4d4d;
    margin: 0 0 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.avanzada > p {
    color: #4d4d4d;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.avanzada form > div {
    margin: 44px 0;
}

.avanzada form > div > i {
    color: var(--seat);
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    display: block;
    font-style: normal;
    margin: 0 0 20px 0;
}

.avanzada .type-car {
    background-color: #ffffff;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 0 6px 0px;
    align-content: center;
    align-items: center;
    max-width: 300px;
}

.avanzada .type-car > li {
    width: 50%;
    margin: 0;
    padding: 0;
}

.avanzada .type-car > li > a {
    cursor: pointer;
    display: block;
    height: 45px;
    background-color: #f6f6f6;
    position: relative;
    text-align: center;
}

.avanzada .type-car > li > a span {
    display: none;
}

.avanzada .type-car > li > a.on {
    background-color: var(--seat);
}

.avanzada .type-car > li > a > svg {
    display: inline-block;
    width: 76px;
    height: 45px;
    fill: #999;
}

.avanzada .type-car > li > a.on > svg {
    fill: #ffffff;
}

.avanzada .align-r {
    text-align: right;
}

.avanzada .reset {
    display: inline-block;
    margin: 10px 20px;
    vertical-align: middle;
}

.avanzada .reset a {
    text-decoration: underline;
}

.avanzada .wrap-btn-avanzada {
    display: inline-block;
    margin: 4px 0;
    vertical-align: middle;
}

.avanzada .wrap-btn-avanzada > button {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    width: 100%;
    padding: 14px 30px;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    max-width: 340px;
}

.avanzada h4 {
    margin: 0 0 18px 0;
}

.avanzada h4 > span {
    color: #000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.avanzada h4 > span::after {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.avanzada .field-price {
}

.avanzada .field-price > ul {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 10px 0;
    justify-content: space-between;
}

.avanzada .field-price > ul > li {
    width: 48%
}

.avanzada .field-price > ul > li > a {
    background-color: #cfd7d9;
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    display: block;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}

.avanzada .field-price > ul > li.active > a {
    background-color: var(--seat);
}

.avanzada .field-price > div > div {
    display: none;
    margin: 30px 0 0 0;
}

.avanzada .field-price > div > div > p {
    margin: 14px 0;
}

.avanzada .field-price > div > div > p > strong {
    color: #111111;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.avanzada .field-price > div > div > label {
    color: #111111;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 12px 0;
}

.avanzada .field-price > div > div > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: 100%;
    vertical-align: middle;
}

.avanzada .field-price > div > div > select::-ms-expand {
    display: none;
}

.avanzada .field-price > div > div.active {
    display: block;
}

.avanzada .field-location {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0 0 10px 0;
    padding: 0px 27px 0px 0;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: calc(100% - 48px);
    vertical-align: middle;
    padding: 0 !important;
}

.avanzada .field-location + a {
    background-color: #ffffff;
    display: inline-block;
    height: 40px;
    width: 40px;
    vertical-align: middle;
    border: 1px solid #c7d7d9;
    border-radius: 4px;
    padding: 0;
    margin: 0 0 10px 0;
}

.avanzada .field-location + a > svg {
    display: block;
    height: 26px;
    width: 26px;
    margin: 6px;
}

.avanzada .grid {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.avanzada .grid .col-grid-50 {
    width: 49%;
}

.avanzada .grid .col-grid-33 {
    width: 32%;
}

.avanzada .grid .col-grid-66 {
    width: 65%;
}

.avanzada .grid .col-grid-25 {
    width: 24%;
}

.avanzada .gridList {
    display: flex;
    flex-flow: row wrap;
    margin: 0 0 26px 0;
}

.avanzada .gridList > li {
    margin: 0 0 24px 0;
    width: 25%;
}

.avanzada .gridList > li > input[type="checkbox"] {
    margin: 0 4px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    transition: all .2s ease;
    background: #fff;
    border: 1px solid #999999;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: bottom;
}

.avanzada .gridList > li > input[type="checkbox"]:checked {
    background-color: var(--seat);
}

.avanzada .gridList > li > label {
    display: inline-block;
    width: calc(100% - 40px);
    vertical-align: bottom;
}

.avanzada .gridList > li > label > img, .avanzada .gridList > li > label > picture img {
    display: inline-block;
    vertical-align: bottom;
    max-width: 49%;
}

.avanzada .gridList > li > label > img + span, .avanzada .gridList > li > label > picture img + span {
    display: inline-block;
    vertical-align: bottom;
    max-width: 49%;
}

.avanzada .gridList > li > label > span {
    color: #111111;
    font-family: 'st';
    font-weight: 700;
    font-size: 14px;
}

.avanzada .gridList.carroceria > li > label > svg {
    width: 90px;
    display: inline-block;
    height: 40px;
    vertical-align: bottom;
    margin: 0 0 -4px 0;
    fill: var(--seat);
}

.avanzada .gridList.color > li {
    position: relative;
}

.avanzada .gridList.color > li input[type="checkbox"] {
    position: absolute;
    right: 12px;
    top: 0;
    margin: 0;
    border-color: #ffffff;
}

.avanzada .gridList.color > li input[type="checkbox"]:checked + label {
    border-color: var(--seat);
}

.avanzada .gridList.color > li label {
    display: block;
    width: auto;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px #ccc;
    padding: 10px;
    margin: 0 12px 0 0;
}

.avanzada .gridList.color > li > label > img, .avanzada .gridList.color > li > label > picture img {
    width: 56px;
    border-radius: 4px;
    vertical-align: top;
}

.avanzada .gridList.color > li > label > span {
    vertical-align: top;
    margin-left: 4px;
}

.avanzada .gridList.cajaCambio > li > label > svg {
    height: 40px;
    display: inline-block;
    width: 40px;
    vertical-align: middle;
}

.avanzada .gridList.cajaCambio > li > label > span {
    display: block;
}

/*.avanzada .gridList.color > li:first-child {width: 100%;}*/
.avanzada .gridList.distintivo > li > label > img, .avanzada .gridList.distintivo > li > label > picture img {
    width: 50px;
}

.avanzada select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: 100%;
    vertical-align: middle;
    margin: 0 0 14px 0;
}

.avanzada select::-ms-expand {
    display: none;
}

.avanzada .promos {
    margin: 40px 0;
    position: relative;
}

.avanzada .promos > div {
}

.avanzada .promos > div > h2 {
    color: var(--seat) !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    margin: 20px 0;
}

.avanzada .promos > div > p {
    color: #4d4d4d;
    margin: 20px 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.avanzada .promos > ul {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0;
}

.avanzada .promos > ul > li {
    width: 100%;
    margin: 0 0 20px 0;
}

.avanzada .promos > ul > li > a {
    display: block;
}

.avanzada .promos > ul > li > a > img, .avanzada .promos > ul > li > a > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.avanzada .promos > ul > li > a > span {
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    min-height: 50px;
    padding: 10px;
    background-color: #4d4d4d;
}

.avanzada .promos::before {
    background-color: #cfd7d9;
    content: '';
    display: block;
    height: 1px;
    margin: 0 auto 40px auto;
    width: 90%;
}

.avanzada .centro > div > div {
}

.avanzada .centro > div > div label {
    color: #111111;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin: 12px 0;
}

.avanzada .centro > div > div input[type="text"] {
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    display: inline-block;
    height: 40px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    width: 100%;
}

.avanzada .fix-bottom {
    background: #ffffff;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    bottom: 0;
    z-index: 99;
}

.avanzada .new-lopd .new-check {
    color: #4d4d4d;
    padding: 10px;
}

.avanzada .new-lopd .new-check .flexCheck > div > b {
    color: #4d4d4d;
}

.avanzada .new-lopd .new-check .flexCheck > div > span label {
    color: #4d4d4d;
}

@media only screen and (min-width: 980px) {
    .avanzada h1 {
        font-size: 24px;
        line-height: 28px;
    }

    .avanzada .promos > ul {
        margin: 20px -2%;
    }

    .avanzada .promos > ul > li {
        width: 29%;
        margin: 0px 2% 20px 2%;
    }
}

@media only screen and (min-width: 768px) {
    .avanzada .wrap-btn-avanzada > button:hover {
        box-shadow: 0 0 2px #666666;
    }
}

@media only screen and (max-width: 980px) {
    .avanzada .grid .col-grid-50 {
        width: 49%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-33 {
        width: 49%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-66 {
        width: 49%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-25 {
        width: 49%;
        margin-bottom: 20px;
    }

    .avanzada .field-location, .avanzada .field-location + a {
        margin-bottom: 0;
    }

    .avanzada .gridList > li {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .avanzada form > div {
        margin: 30px 0;
    }

    .avanzada .grid .col-grid-50 {
        width: 100%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-33 {
        width: 100%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-66 {
        width: 100%;
        margin-bottom: 20px;
    }

    .avanzada .grid .col-grid-25 {
        width: 100%;
        margin-bottom: 20px;
    }

    .avanzada .gridList > li {
        width: 100%;
    }
}

/*COMPARATIVA----------------------------------------------------------------------------------------------------------*/
/**/
.nav-pages {
    margin: 0 0 10px 0;
}

.nav-pages > div {
    display: block;
    margin: 10px 0;
}

.nav-pages > div .btn-primary-dark {
    display: inline-block;
    font-family: 'st';
    font-weight: 700
}

.nav-pages > div > ul {
    margin: 16px 0;
    text-align: left;
}

.nav-pages > div > ul > li {
    display: inline-block;
    margin: 4px 8px 4px 0;
    vertical-align: middle;
}

.nav-pages > div > ul > li > a {
    color: #000000;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
}

.nav-pages > div > ul > li > span.ordenacion {
    display: inline-block;
    background-color: transparent;
    border-radius: 5px;
    height: auto;
    padding: 8px 10px 0 10px;
    position: relative;
    z-index: 999;
}

.nav-pages > div > ul > li > span.ordenacion > label {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0;
}

.nav-pages > div > ul > li > span.ordenacion > label > svg {
    display: block;
    fill: #000000;
    height: 20px;
    margin: 0;
    width: 20px;
}

.nav-pages > div > ul > li > span.ordenacion > label > i {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    display: block;
    width: 12px;
    height: 14px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    background-size: 12px 14px;
    background-repeat: no-repeat;
}

.nav-pages > div > ul > li > span.ordenacion > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: none;
    background: transparent no-repeat;
    box-shadow: none;
    font-size: 12px;
    color: #000000;
    font-family: 'st';
    font-weight: normal;
    max-width: 110px;
    margin: 0;
    padding: 0;
    line-height: 12px;
    vertical-align: middle;
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.nav-pages > div > ul > li > span.ordenacion > select::-ms-expand {
    display: none;
}

.nav-pages > div > ul > li > span.ordenacion > select > option {
    color: #000000;
}

.nav-pages > div > ul > li > span.ordenacion > span {
    font-size: 12px;
    color: #000000;
    font-family: 'st';
    font-weight: normal;
    max-width: 110px;
    margin: 0 10px 0 4px;
    padding: 0;
    line-height: 12px;
    vertical-align: middle;
}

.nav-pages > div > ul > li > span.ordenacion > i {
    cursor: default;
    display: none;
    position: absolute;
    left: 0;
    top: calc(100% + 8px);
}

.nav-pages > div > ul > li > span.ordenacion > i > span {
    background-color: #2C2C2C;
    color: #fff;
    padding: 7px;
    font-style: normal;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    border-radius: 7px;
}

.nav-pages > div > ul > li > span.ordenacion > i > span::after {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #2C2C2C transparent;
}

.nav-pages > div > ul > li > span.ordenacion:hover > i {
    display: block;
}

.nav-pages > div > ul > li .numAnuncios {
    color: #000000;
    font-family: 'st';
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    line-height: 1;
}

.nav-pages > div > ul > li .numAnuncios > span {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}

.nav-pages li svg {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: #000;
    vertical-align: middle;
}

.nav-pages > div > ul > li > a.misPedidos {
    display: block;
    max-width: 100px;
    text-align: center;
}

.nav-pages > div > ul > li > a.misPedidos svg {
    fill: #000000;
}

.nav-pages {
    align-items: center;
    background-color: #ffffff;
}

.nav-pages .cartIcon > svg {
    display: block;
    height: 20px;
    margin: 0 auto 4px;
    width: 20px;
    fill: var(--seat);
}

.nav-pages li {
    position: relative;
}

.nav-pages li#pestana_fav a > span, .nav-pages li#pestana_comp a > span {
    border: 2px solid #32424B;
    color: #4d4d4d;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    padding: 0px;
    position: absolute;
    top: -4px;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275) 0s;
    text-indent: 0;
    height: 16px;
    width: 16px;
    text-align: center;
    background-color: #fff;
    left: 70%;
}

.nav-pages li svg {
    display: block;
    height: 20px;
    margin: 0 auto 4px;
    width: 20px;
    fill: #000000;
}

@media only screen and (min-width: 980px) {
    .nav-pages > div.nav-pages-grid {
        min-height: 100px;
    }
}

@media only screen and (min-width: 980px) {
    .nav-pages > div > ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
        margin: 0;
    }

    .nav-pages > div > ul > li {
        margin: 4px 3px;
    }
}

@media only screen and (min-width: 1088px) {
    .nav-pages > div > ul > li {
        margin: 4px 8px 4px 5px;
    }
}

/**/
.nav-pages > div > p {
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #000000;
    display: block;
    font-weight: normal;
    margin: 0;
}

.nav-pages.fileNavPages {
    margin-bottom: 20px;
}

.nav-pages.fileNavPages > div:first-child {
    align-items: center;
    display: block;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
}

.nav-pages.fileNavPages > div:first-child > a {
    margin-bottom: 0;
}

.nav-pages.fileNavPages > div:first-child > p {
    margin: 10px 0 0 0;
    width: 100%;
}

@media only screen and (min-width: 1300px) {
    .nav-pages.fileNavPages > div:first-child {
        display: flex;
    }

    .nav-pages.fileNavPages > div:first-child > p {
        margin: 0;
        width: auto;
    }
}

/**/
@media only screen and (min-width: 768px) {
    .nav-pages {
        display: flex;
        flex-flow: row wrap;
    }

    .nav-pages > div {
        width: 50%;
    }

    .nav-pages > div > ul {
        margin: 0;
        text-align: flex-end;
    }

    .nav-pages > div > ul > li {
        margin: 4px 8px;
    }

    .nav-pages > div > ul > li > a:hover {
        color: var(--seat);
    }

    .nav-pages > div + div {
        width: 50%;
    }

    /**/
    .nav-pages > div > p {
        display: inline-block;
        margin: 0 20px;
    }
}

@media only screen and (min-width: 980px) {
    .nav-pages > div > ul > li > span.ordenacion {
        display: inline-block;
    }
}

/**/
/*comparativa-----------------------------------------------*/
.greyContainer {
    background-color: #dedad4;
}

.wrapComparativa {
    background-color: #dedad4;
    padding: 60px 20px;
    position: relative;
    z-index: 2;
    max-width: 1430px;
    margin: 0 auto;
}

.wrapComparativa .nav-pages {
    background-color: transparent;
    margin: 0 auto 10px;
}

.wrapComparativa > h1 {
    margin: 0 auto 40px;
    position: static;
}

.wrapComparativa .mfBreadcrumb {
    margin: 0 auto 10px;
    position: static;
}

.wrapComparativa .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal !important;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

.wrapComparativa .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.wrapComparativa .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.comparativa {
    padding: 20px 0;
}

.comparativa > h1 {
    padding: 10px 0;
    font-size: 24px;
    color: #000000;
    clear: both;
    float: none;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
}

.comparativa > .dwa-options {
    float: left;
    margin: 10px 0 0;
    padding: 10px 0;
    text-align: right;
    width: 66.6667%;
}

.comparativa > .dwa-options > li {
    display: inline;
}

.comparativa > .dwa-options > li > a {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -821px -127px;
    background-repeat: no-repeat;
    display: inline-block;
    color: #4d4d4d;
    margin-left: 10px;
    padding: 0 20px 0 21px;
}

.comparativa > .dwa-options > li > a:hover {
    background-position: -693px -255px;
    text-decoration: none;
}

.comparativa > .compared_date > div > div > a {
    display: block;
    margin: 14px 0 0 0;
}

.comparativa > .compared_date > div > div > a > span {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    padding: 8px 16px 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    vertical-align: bottom;
}

.comparativa > .compared_date > div > div > a > i {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    line-height: 22px;
}

.comparativa > .compared_date > div > div > a > i > svg {
    display: block;
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.comparativa > .compared_date > div > div > a.actual > span::before {
    background-color: var(--seat);
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.comparativa > .compared_date > div > div > a.actual > span + i {
    display: none;
}

.comparativa > .dwa-navi > ul > li > a.disable {
    cursor: default;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.comparativa > .to_compare {
    background-color: #ffffff;
    border-radius: 10px;
    clear: both;
    padding: 16px;
    margin: 30px 0;
}

.comparativa > .to_compare > p {
    display: none;
}

.comparativa > .to_compare > ul {
    height: auto;
    margin-bottom: 10px;
    display: flex;
    flex-flow: row nowrap;
    overflow-x: auto;
}

.comparativa > .to_compare > ul:after {
    clear: both;
    content: '';
    display: block;
}

.comparativa > .to_compare > ul > li {
    background: none repeat scroll 0 0 #C3C3C3;
    background-color: rgb(195, 195, 195);
    border-radius: 10px;
    display: block;
    float: left;
    height: auto;
    position: relative;
    width: 10.4%;
    padding: 2px 2px 24px 2px;
    min-width: 60px;
    overflow: hidden;
}

.comparativa > .to_compare > ul > li + li {
    margin: 0 0 0 6px;
}

.comparativa > .to_compare > ul > li.clear {
    display: none
}

.comparativa > .to_compare > ul > li > img, .comparativa > .to_compare > ul > li > picture img {
    height: auto;
    vertical-align: inherit;
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.comparativa > .to_compare > ul > li > span {
    display: none;
}

.comparativa > .to_compare > ul > li > span {
    background: transparent url(../img/dwa_icon_newsprite_seat.png) no-repeat -277px -209px;
    bottom: 0;
    height: 26px;
    display: block;
    left: 50%;
    position: absolute;
    width: 26px;
    z-index: 1;
    margin: 0 0 0 -13px;
}

.comparativa > .to_compare > ul > li.actual {
    background-color: var(--seat);
}

.comparativa > .to_compare > ul > li.actual > span {
    background-position: -430px -79px;
}

.comparativa > .to_compare > ul > li > a {
    border-radius: 0 8px;
    content: "";
    background-image: url("../img/dwa_icon_newsprite.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: -528px 3px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgb(255, 255, 255);
}

.comparativa > .to_compare > ul > li > div {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -593px -731px;
    background-repeat: no-repeat;
    border-radius: 2px;
    content: " ";
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 21px
}

.comparativa > .to_compare > ul > li > div > a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.comparativa > .to_compare > ul > li > div > div {
    display: none;
    height: 100%;
    position: relative;
    width: 100%;
}

.comparativa > .to_compare > ul > li > div > div > div {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px #999999;
    left: 41px;
    min-width: 170px;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 100;
}

.comparativa > .to_compare > ul > li > div > div > div > span {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -912px -1041px;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: -15px;
    position: absolute;
    top: 0;
    width: 15px;
}

.comparativa > .to_compare > ul > li > div > div > div > a {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -690px -634px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
}

.comparativa > .to_compare > ul > li > div > div > div > ul {
}

.comparativa > .to_compare > ul > li > div > div > div > ul > li > a {
    background-repeat: no-repeat;
    color: var(--seat);
    display: inline-block;
    margin: 0 15px 10px 0;
    padding: 5px 0 6px 25px;
}

.comparativa > .to_compare > ul > li > div > div > div > ul > li > a:hover {
    color: #4d4d4d;
}

.comparativa > .to_compare > ul > li .add-vehiculo {
    background: transparent no-repeat;
    display: block;
    height: 100%;
    width: 100%;
    position: static;
}

.comparativa > .to_compare > ul > li .add-vehiculo > img, .comparativa > .to_compare > ul > li .add-vehiculo > picture img {
    display: block;
    height: auto;
    width: 50%;
    margin: 4px auto 8px;
}

.comparativa > .to_compare > ul > li .add-vehiculo > span {
    display: block;
    text-align: center;
}

.comparativa > .to_compare > ul > li:not(.actual) {
    cursor: pointer;
}

.comparativa > .to_compare > a {
    clear: both;
    margin: 20px 0 5px;
    display: inline-block;
    color: var(--seat);
}

.comparativa > .floatResume {
    background-color: #ffffff;
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    z-index: 9;
    padding: 10px 0;
}

.comparativa > .floatResume > div {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0;
}

.comparativa > .floatResume > div > div {
    display: flex;
    padding: 0;
    width: calc(33.333% - 1px);
    padding: 0 1%;
    position: relative;
}

.comparativa > .floatResume > div > div > div, .comparativa > .floatResume > div > div > h2 {
    width: calc(50% - 20px);
}

.comparativa > .floatResume > div > div > div picture, .comparativa > .floatResume > div > div > div picture img {
    border-radius: 10px;
    display: block;
    height: auto;
    width: 90%;
}

.comparativa > .floatResume > div > div > h2 {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 0;
}

.comparativa > .floatResume > div > div > h2 a {
    color: #000000;
}

.comparativa > .floatResume > div > div > h2 a span {
    font-size: 16px;
}

.comparativa > .floatResume > div > div > div a.delete {
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    right: 7px;
    top: 4px;
    background-color: #eaeeed;
    padding: 0 0 4px 4px;
    border-radius: 0 0 0 30px;
}

.comparativa > .floatResume > div > div > div a.delete > svg {
    display: block;
    fill: #8994AC;
    height: 18px;
    margin: 11px;
    width: 18px;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn {
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    right: 7px;
    bottom: 4px;
    background-color: #fff;
    padding: 4px 0 0 4px;
    border-radius: 20px 0 0 0;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn > svg {
    display: block;
    fill: #8994AC;
    height: 27px;
    margin: 6px;
    width: 27px;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn:hover > svg {
    fill: var(--seat);
}

.comparativa > .floatResume > div > div > div a.favoritos-btn.on > svg {
    fill: var(--seat);
}

.comparativa > .floatResume > div > div > div a.favoritos-btn .fav-st1 {
    fill: #cccccc;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn .fav-st0 {
    fill: #ffffff;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn:hover > svg .fav-st0 {
    fill: #4d4d4d;
}

.comparativa > .floatResume > div > div > div a.favoritos-btn.on > svg .fav-st0 {
    fill: var(--seat);
}

@media all and (min-width: 768px) {
    .comparativa > .floatResume.on {
        display: block;
    }
}

.comparativa > .compared {
    background-color: #ffffff;
    border-radius: 10px;
    clear: both;
    padding: 16px;
    margin: 30px 0;
    overflow-x: auto;
}

.comparativa > .compared > div {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    min-width: 670px;
}

.comparativa > .compared > div > div {
    float: left;
    padding: 0;
    width: calc(33.333% - 1px);
    padding: 0 1%;
}

.comparativa > .compared > div > div + div {
    border-left: 1px solid #eeeeee;
}

.comparativa > .compared > div > div > div {
    position: relative;
    padding: 5px 8px 12px;
}

.comparativa > .compared > div.compared_car_img > div > div > img, .comparativa > .compared > div.compared_car_img > div > div > picture img, .comparativa > .compared > div.compared_car_img > div > div > a > img, .comparativa > .compared > div.compared_car_img > div > div > a > picture img, .comparativa > .compared > div.compared_car_img > div > div > a:hover > img, .comparativa > .compared > div.compared_car_img > div > div > a:hover > picture img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
    border-radius: 10px;
}

.comparativa > .compared > div.compared_car_img > div > div > div {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -593px -731px;
    background-repeat: no-repeat;
    border-radius: 2px;
    content: " ";
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 21px
}

.comparativa > .compared > div.compared_car_img > div > div > a.delete {
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    right: 7px;
    top: 4px;
    background-color: #fff;
    padding: 0 0 4px 4px;
    border-radius: 0 0 0 20px;
}

.comparativa > .compared > div.compared_car_img > div > div > a.delete > svg {
    display: block;
    fill: #8994AC;
    height: 18px;
    margin: 11px;
    width: 18px;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn {
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    right: 7px;
    bottom: 4px;
    background-color: #fff;
    padding: 4px 0 0 4px;
    border-radius: 20px 0 0 0;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn > svg {
    display: block;
    fill: #8994AC;
    height: 27px;
    margin: 6px;
    width: 27px;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn:hover > svg {
    fill: var(--seat);
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn.on > svg {
    fill: var(--seat);
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn .fav-st1 {
    fill: #cccccc;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn .fav-st0 {
    fill: #ffffff;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn:hover > svg .fav-st0 {
    fill: #4d4d4d;
}

.comparativa > .compared > div.compared_car_img > div > div > a.favoritos-btn.on > svg .fav-st0 {
    fill: var(--seat);
}

.comparativa > .compared > div.compared_car_img > div > div > div > a {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div {
    display: none;
    height: 100%;
    position: relative;
    width: 100%;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div > div {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 1px 2px #999999;
    left: -130px;
    min-width: 170px;
    padding: 10px;
    position: absolute;
    top: 40px;
    z-index: 100;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div > div > span {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -708px -1180px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    left: 120px;
    position: absolute;
    top: -18px;
    width: 40px;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div > div > a {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -690px -634px;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 20px;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div > div > ul > li > a {
    background-repeat: no-repeat;
    color: var(--seat);
    display: inline-block;
    margin: 0 15px 10px 0;
    padding: 5px 0 6px 25px;
}

.comparativa > .compared > div.compared_car_img > div > div > div > div > div > ul > li > a:hover {
    color: #4d4d4d;
}

.comparativa > .compared > div.compared_car_model h2, .comparativa > .compared > div.compared_car_model h2 a {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 10px 0;
}

.comparativa > .compared > div.compared_car_model h2 span, .comparativa > .compared > div.compared_car_model h2 a > span {
    display: block;
    font-family: 'st';
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.comparativa > .compared > div.compared_car_cost .compared-grid-price {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.comparativa > .compared > div.compared_car_cost .compared-grid-price > div {
    width: 45%;
}

.comparativa > .compared > div.compared_car_cost .compared-grid-price > div > span {
    color: #8994A0;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
}

.comparativa > .compared > div.compared_car_cost .compared-grid-price > div + div {
    width: 55%;
}

.comparativa > .compared > div.compared_car_cost .digit {
    color: var(--seat);
    font: 700 21px/26px "st";
}

.comparativa > .compared > div.compared_car_cost .digit > i {
    display: inline-block;
    font-style: normal;
    font-size: 12px;
}

.comparativa > .compared > div.compared_car_cost .digit .iva {
    font-size: 10px;
    font-family: st;
    line-height: 1;
    font-weight: normal;
}

.comparativa > .compared > div.compared_car_cost .digit .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.comparativa > .compared > div.compared_car_cost .digit .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 10px;
    font-family: 'st';
    font-weight: normal;
    left: -70px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 100px;
    z-index: 9;
}

.comparativa > .compared > div.compared_car_cost .digit .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.comparativa > .compared > div.compared_car_cost .digit .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.comparativa > .compared > div.compared_car_cost .digit .tool.on > span {
    display: block;
}

.comparativa > .compared > div.compared_car_cost .tooltipRight, .comparativa > .compared > div.compared_car_cost .tooltipLeft {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}

.comparativa > .compared > div.compared_car_cost .tooltipRight svg, .comparativa > .compared > div.compared_car_cost .tooltipLeft svg {
    fill: #8994A0;
    height: 18px;
    width: 18px;
}

.comparativa > .compared > div.compared_car_cost .tooltipLeft .itemTooltip {
    left: -10px;
    right: auto;
}

.comparativa > .compared > div.compared_car_cost .tooltipRight:hover svg, .comparativa > .compared > div.compared_car_cost .tooltipLeft:hover svg {
    fill: var(--seat);
}

.comparativa > .compared > div.compared_car_cost .cuota .itemTooltip {
    opacity: 1;
    width: 290px;
    letter-spacing: 0;
    line-height: 1;
}

.comparativa > .compared > div.compared_car_cost .cuota .itemTooltip::before {
    right: 9%
}

.comparativa > .compared > div.compared_car_cost .cuota .digit {
    color: #8994A0;
}

.comparativa > .compared > div.compared_car_cost .cuota .cuotaInfo {
    color: #8994A0;
    font-family: 'st';
    font-weight: normal;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin: 0 0 4px 0;
}

.comparativa > .compared > div.compared_car_cost .cuota .cuotaInfo > span {
    display: inline;
    line-height: 1;
    font-size: 1em;
}

.comparativa > .compared div.compared_car_locate p {
    font-family: 'st';
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}

.comparativa > .compared div.compared_car_locate svg {
    display: inline-block;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}

.comparativa > .compared div.compared_car_contact a {
    border-radius: 30px;
    color: #ffffff;
    display: block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0;
    padding: 16px 0;
}

.comparativa > .compared_date > div {
    overflow-x: auto;
}

.comparativa > .compared_date > div > div {
    background-color: #ffffff;
    border-radius: 10px;
    clear: both;
    padding: 16px;
    margin: 30px 0;
    min-width: 670px;
}

.comparativa > .compared_date > div > div > a {
    display: flex;
    position: relative;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    height: 30px;
    margin: 10px 0;
    align-items: center;
}

.comparativa > .compared_date > div > div > a > svg {
    fill: #8994a0;
    transform: rotate(90deg);
    height: 18px;
    width: 18px;
    display: block;
    position: absolute;
    right: 10px;
    top: 6px;
}

.comparativa > .compared_date > div > div > a.on > svg {
    transform: rotate(-90deg);
}

.comparativa > .compared_date > div > div > a.on + div {
    display: block;
}

.comparativa > .compared_date > div > div > div {
    display: none;
    margin: 30px 0;
}

.comparativa > .compared_date > div > div > div > ul {
    display: flex;
    flex-flow: row wrap;
    padding: 10px 20px;
}

.comparativa > .compared_date > div > div > div > ul > li {
    color: #000000;
    margin: 10px 0 20px 0;
    width: 100%;
}

.comparativa > .compared_date > div > div > div > ul > li + li {
    width: calc(33.333% - 1px);
    padding: 0 1%;
}

.comparativa > .compared_date > div > div > div > ul > li:nth-of-type(3), .comparativa > .compared_date > div > div > div > ul > li:nth-of-type(4) {
    border-left: 1px solid #eeeeee;
}

.comparativa > .compared_date > div > div > div > ul + ul > li {
    border-top: none
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .tooltipRight {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    display: inline-block;
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .tooltipRight svg {
    fill: #8994A0;
    height: 18px;
    width: 18px;
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .tooltipRight:hover svg {
    fill: var(--seat);
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .itemTooltip {
    opacity: 1;
    width: 120px;
    letter-spacing: 0;
    line-height: 1;
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .itemTooltip em {
    color: var(--seatHover);
}

.comparativa > .compared_date > div > div > div > ul + ul > li.campo_garantia .itemTooltip ul li {
    list-style: disc outside none;
    margin: 10px 0 10px 18px !important;
}

.comparativa > .compared_date > div > div > div > ul > li > span > i {
    display: block;
    font-style: normal;
}

.comparativa > .compared_date > div > div > div > ul > li > span {
    padding: 0 5px;
    font-style: normal;
    display: inline-block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

.comparativa > .compared_date > div > div > div > ul > li > span > strong {
    color: #000000;
    font-size: 12px;
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
}

.comparativa > .compared_date > div > div > div > ul > li > span > strong > em {
    color: var(--seat);
}

.comparativa > .compared_date > div > div > div > ul > li:first-child > span {
    font-family: 'st';
    font-weight: normal;
    font-size: 16px;
}

.comparativa > .compared_date > div > div > div > ul > li > u {
    display: none;
    text-indent: -9999em;
}

.comparativa > .compared_date > div > div > div > ul > li.no-check {
    text-align: center;
}

.comparativa > .compared_date > div > div > div > ul > li.no-check::after {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    background: #ddd;
    border-radius: 50%;
}

.comparativa > .compared_date > div > div > div > ul > li.check {
    text-align: center;
}

.comparativa > .compared_date > div > div > div > ul > li.check::after {
    width: 24px;
    height: 24px;
    display: inline-block;
    content: "";
    background-image: url("../img/dwa_icon_newsprite.png");
    background-repeat: no-repeat;
    background-position: -318px -176px;
    background-color: #ddd;
    border-radius: 50%;
}

.comparativa > .compared_date > div > div > div > ul > li.no-brd {
    border: none;
}

.comparativa > .compared_date > div > div > div > ul > li .arrow {
    margin-top: 10px;
}

.comparativa .campo_garantia .tooltip > div {
    bottom: 30px;
    left: -90px;
    top: auto
}

.comparativa .campo_garantia .tooltip > div > div > span {
    display: none;
}

.comparativa .empty {
    overflow-x: auto;
}

.comparativa > h6 {
    color: #000000;
    font-size: 16px;
    margin: 20px 0;
}

.comparativa .empty .gridAd {
    background-color: #ffffff;
    padding: 20px;
    min-width: 560px;
}

.comparativa .empty .gridAd .simAd {
    width: 31%;
    position: relative;
}

.comparativa .empty .gridAd .simAd .image {
    border-radius: 10px;
    position: relative;
    height: 130px
}

.comparativa .empty .gridAd .simAd .image::before {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 2px;
    height: 24px;
}

.comparativa .empty .gridAd .simAd .image::after {
    content: "";
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 2px;
    width: 24px;
}

.comparativa .empty .gridAd > a {
    top: 45%;
    left: 40%;
}

.comparativa .empty .gridAd .simAd + .simAd::before {
    background-color: #cfd7d9;
    content: '';
    display: block;
    height: 100%;
    width: 1px;
    position: absolute;
    left: -6%;
    top: 0;
    z-index: 2;
}

@media all and (min-width: 480px) {
    .wrapComparativa {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 681px) {
    .comparativa .comp-navi {
        display: block;
    }

    .comparativa .comp-navi > ul {
        display: flex;
    }

    .comparativa .comp-navi > ul li + li {
        margin-left: 30px;
    }

    .comparativa > .compared > .compared_car_contact > div > div > .btn-call {
        display: none;
    }

    .comparativa > .compared div.compared_car_contact a:hover {
        color: var(--seat);
    }
}

@media only screen and (min-width: 768px) {
    .comparativa > h1 {
        font-size: 32px;
    }

    .comparativa .empty .gridAd .simAd .image {
        height: 190px
    }

    .comparativa .empty .gridAd > a {
        top: 50%;
        left: 50%;
    }
}

@media all and (min-width: 980px) {
    .wrapComparativa {
        padding-top: 90px;
    }
}

@media only screen and (max-width: 1200px) {
    .comparativa > .compared > div.compared_car_cost .compared-grid-price > div {
        width: 100%;
    }
}

/* FICHA -------------------------------------------------------------------------------------------*/
.fileWrap {
    padding: 60px 20px;
}

.wrapFicha {
    border-top: 20px solid #f1f4f3;
    position: relative;
    z-index: 2;
}

.wrapFicha::before {
    background-color: #dedad4;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    z-index: -1;
    width: 149vw;
    height: 149vw;
    transform: translate(-60%, 0) scale(1);
    top: calc(-149vw / 2);
}

.wrapFicha > .ficha {
    margin: 0 auto;
    padding: 60px 10px 30px 10px;
    max-width: 1200px
}

.ficha .mfBreadcrumb {
    margin-bottom: 10px;
}

.ficha .nav-pages.fileNavPages {
    margin-bottom: 10px;
}

.ficha .nav-pages {
    background-color: transparent;
    display: flex;
    flex-flow: row nowrap;
}

.ficha .nav-pages > div {
    width: 50%;
}

.ficha .nav-pages > div > .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

.ficha .nav-pages > div > .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.ficha .nav-pages > div > .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.ficha .nav-pages > div > .interfiles {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.ficha .nav-pages > div > .interfiles span {
    font-size: 14px;
    margin: 0 10px;
}

.ficha .nav-pages > div > .interfiles .goPrev {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.ficha .nav-pages > div > .interfiles .goPrev svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
}

.ficha .nav-pages > div > .interfiles .goNext {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.ficha .nav-pages > div > .interfiles .goNext svg {
    fill: #8994a0;
    height: 13px;
    width: 13px;
    display: block;
}

@media all and (min-width: 768px) {
    .ficha .mfBreadcrumb {
        margin-bottom: 20px;
    }

    .ficha .nav-pages.fileNavPages {
        margin-bottom: 20px;
    }

    .ficha .nav-pages > div > .goBackExt:hover, .ficha .nav-pages > div > .goBackExt:hover svg, .ficha .nav-pages > div > .interfiles a:hover svg {
        color: var(--seat);
        fill: var(--seat);
    }
}

.ficha .nav-pages > div + div {
}

.ficha .file-gallery {
    width: 100%;
    margin: 0;
}

.ficha .file-gallery .wrap-buttons {
    align-content: center;
    display: flex;
    flex-flow: row wrap;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.ficha .file-gallery .wrap-buttons > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    width: 100%;
}

.ficha .file-gallery .wrap-buttons > div > a {
    margin: 8px 0 8px 8px;
    height: 40px;
    width: 40px;
}

.ficha .file-gallery .wrap-buttons > div > a svg {
    fill: #4d4d4d;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    height: 40px;
    width: 40px;
}

.ficha .file-gallery .file_img {
    position: relative;
}

.ficha .file-gallery .file_img .btn-file-comparar {
    height: 36px;
    width: 36px;
    display: block;
    position: absolute;
    left: 36px;
    top: -1px;
    z-index: 2;
}

.ficha .file-gallery .file_img .btn-file-comparar > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.ficha .file-gallery .file_img .btn-file-comparar.active > svg {
    fill: var(--seat);
}

.ficha .file-gallery .file_img .btn-file-favoritos {
    height: 36px;
    width: 36px;
    display: block;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2;
}

.ficha .file-gallery .file_img .btn-file-favoritos > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.ficha .file-gallery .file_img .btn-file-favoritos.active > svg {
    fill: var(--seat);
}

.ficha .file-gallery .file_img .btn-file-cart {
    height: 36px;
    width: 36px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.ficha .file-gallery .file_img .btn-file-cart > svg {
    display: block;
    fill: #4d4d4d;
    height: 36px;
    width: 36px;
}

.ficha .file-gallery .file_img .btn-file-cart.active > svg {
    fill: var(--seat);
}

.ficha .file-gallery .file_img .sms-vendido {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 300px;
    left: 0;
    margin: 0;
}

.ficha .file-gallery .file_img .sms-vendido > img, .ficha .file-gallery .file_img .sms-vendido > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .file_img .sms-reservado {
    position: absolute;
    bottom: 0;
    z-index: 2;
    width: 300px;
    left: 0;
    margin: 0;
}

.ficha .file-gallery .file_img .sms-reservado > img, .ficha .file-gallery .file_img .sms-reservado > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .file_img .sms-reservado.on, .ficha .file-gallery .file_img .sms-vendido.on {
    display: block;
}

.ficha .file-gallery .file_img .sms-disponible-salon {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 50%;
}

.ficha .file-gallery .file_img .sms-disponible-salon > img, .ficha .file-gallery .file_img .sms-disponible-salon > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .file_img .sms-disponible-salon.on {
    display: block;
}

.ficha .file-gallery .file_img .gallery-top {
    border-radius: 10px;
}

.ficha .file-gallery .file_img .gallery-top .swiper-button-prev, .ficha .file-gallery .file_img .gallery-top .swiper-button-next {
    background-size: 30px 30px;
}

.ficha .file-gallery .file_img .gallery-thumbs .swiper-slide {
    border: none !important;
    border-radius: 6px;
    overflow: hidden; /*pointer-events: none !important*/;
    opacity: 1 !important;
}

.ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    position: static;
    width: 130px;
    z-index: 1;
    margin-top: 0;
}

.ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video span {
    margin-left: 10px;
    width: calc(100% - 50px);
}

.ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video svg {
    fill: var(--seat);
    height: 30px;
    width: 30px;
}

.ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-gallery {
    display: none;
}

@media all and (min-width: 768px) {
    .ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(20% - 8px);
        z-index: 1;
        margin: 0;
    }

    .ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video svg {
        height: 50px;
        width: 50px;
    }

    .ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-video span {
        display: none;
    }

    .ficha .file-gallery .file_img .gallery-thumbs .btn-zoom-gallery {
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: calc(20% - 8px);
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.5);
        color: #fff;
        text-transform: uppercase;
    }
}

.ficha .file-gallery .icon-oportunidad-resultados {
    display: none;
    height: 30px;
    width: 30px;
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}

.ficha .file-gallery .icon-oportunidad-resultados > img, .ficha .file-gallery .icon-oportunidad-resultados > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .icon-oportunidad-resultados.on {
    display: block;
}

.ficha .file-gallery .oportunidad-vehicle {
    display: none;
    height: auto;
    max-width: 90%;
    width: 100px;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
}

.ficha .file-gallery .oportunidad-vehicle > img, .ficha .file-gallery .oportunidad-vehicle > picture img {
    display: none;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .oportunidad-vehicle.on > img, .ficha .file-gallery .oportunidad-vehicle.on > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .file-gallery .oportunidad-vehicle.on {
    display: block;
}

.ficha .file-gallery .gallery-thumbs {
    margin: 10px 0;
}

.ficha .file-gallery .gallery-thumbs .swiper-wrapper {
    transition: none !important;
    transform: none !important;
}

.ficha .file-gallery .btn-actions {
    margin: 40px 0;
    text-align: center;
}

.ficha .file-gallery .btn-actions > a {
    display: inline-block;
    vertical-align: middle;
    min-width: 180px;
}

.ficha .file-gallery .btn-actions > a > svg {
    display: inline-block;
    height: 36px;
    width: 36px;
    fill: var(--seat);
    vertical-align: middle;
}

.ficha .file-gallery .btn-actions > a > span {
    display: inline-block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    vertical-align: middle;
}

.ttl-campana {
    background-color: transparent !important;
    text-align: center;
    color: #111;
}

.ttl-campana h2 {
    color: #111 !important;
    font-size: 24px;
    margin: 30px 0 !important;
    font-weight: bold;
}

.ttl-campana h2 span {
    color: var(--seat);
    font-size: 1em;
}

.ttl-campana h2::before {
    content: none !important;
}

/*.ficha .file-gallery .btn-actions > a.btn-ubica-feria {display: block;margin: 20px 0 0 0;font-size: 14px;padding: 20px 0 0 0;position: relative;}
.ficha .file-gallery .btn-actions > a.btn-ubica-feria > svg {height: 30px;width: 30px;}
.ficha .file-gallery .btn-actions > a.btn-ubica-feria > span {font-size: 18px;font-weight: normal;}
.ficha .file-gallery .btn-actions > a.btn-ubica-feria::before {content: '';display: block;width: 80%;height: 1px;background-color: #dddddd;position: absolute;top: 0;left: 10%;}*/
.ficha .file-car {
    float: none;
    position: static;
    width: 100%;
    margin: 0 0 20px 0;
    z-index: 2;
}

.ficha .file-ttl {
    margin: 10px 10px 4px;
    position: relative;
}

.ficha .file-ttl h1 {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 14px 0;
}

.ficha .file-ttl h1 span {
    display: block;
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 4px 0;
}

.ficha .file-ttl p {
    flex: 1 1 auto;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    margin: 8px 0;
}

.ficha .file-ttl p > span {
    display: inline-block;
    border-left: 1px solid #999;
    padding: 0 0 0 8px;
    margin: 0 0 0 4px;
    font-size: 0.8em;
}

.ficha .file-ttl ul.itemListDates {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: flex-start;
    margin: 16px 0;
    max-width: 380px;
}

.ficha .file-ttl ul.itemListDates > li {
    border: none;
    margin: 0;
}

.ficha .file-ttl ul.itemListDates > li > i {
    display: block;
    height: 28px;
    width: 28px;
    margin: 0 auto 4px;
}

.ficha .file-ttl ul.itemListDates > li > i > svg {
    fill: #8994a0;
    height: 28px;
    margin: 0 auto;
    width: 28px;
}

.ficha .file-ttl ul.itemListDates > li > span {
    color: #000000;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: st;
    font-weight: 400;
}

.ficha .file-ttl .ref {
    display: block;
    font-family: 'st';
    font-size: 11px;
    font-weight: normal;
    color: #666;
    line-height: 1.2;
    margin: 8px 0 10px 0;
}

.ficha .file-ttl .itemLocation {
    margin: 20px 0;
    text-align: left;
}

.ficha .file-ttl .itemLocation p {
    color: #000000;
    display: block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 8px 0;
    padding: 0;
}

.ficha .file-ttl .itemLocation p svg {
    fill: var(--seat);
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.ficha .file-ttl .itemLocation p + p {
    font-family: 'st';
    font-size: 14px;
    font-weight: 500;
}

.ficha .file-ttl .gridDigital {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    margin: 20px 0;
}

.ficha .file-ttl .gridDigital > div {
    background-color: #eaeeed;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    border: none;
    border-radius: 6px;
    margin: 0;
    margin-left: 0px;
    padding: 5px 6px;
    min-height: 28px;
    width: 33%;
    letter-spacing: -0.5px;
}

.ficha .file-ttl .gridDigital > div > div {
    width: calc(100% - 20px);
    font-family: 'st';
    color: #000;
    font-weight: 400;
    font-size: 10px;
    line-height: 1.2;
}

.ficha .file-ttl .gridDigital > div > div > svg {
    fill: #000;
    height: 28px;
    display: block;
    width: 28px;
}

.ficha .file-ttl .gridDigital > div > a {
    height: 18px;
    width: 18px;
}

.ficha .file-ttl .gridDigital > div > a > svg {
    fill: #000;
    height: 18px;
    width: 18px;
}

.ficha .file-ttl .gridDigital > div + div {
    margin-left: 8px;
}

@media all and (min-width: 360px) {
    .ficha .file-ttl .gridDigital .domicilio > div, .ficha .file-ttl .gridDigital .visitaVirtual > div, .ficha .file-ttl .gridDigital .firma > div {
        font-size: 12px;
    }

    .ficha .file-ttl .gridDigital .domicilio > div > svg {
        fill: #ffffff;
        height: 36px;
        display: block;
        width: 36px;
    }
}

@media all and (min-width: 480px) {
    .ficha .file-ttl .gridDigital .domicilio > div, .ficha .file-ttl .gridDigital .visitaVirtual > div, .ficha .file-ttl .gridDigital .firma > div {
        font-size: 13px;
    }

    .ficha .file-ttl .gridDigital .domicilio > div > svg {
        fill: #ffffff;
        height: 36px;
        display: block;
        width: 66px;
    }
}

@media all and (min-width: 520px) {
    .ficha .file-ttl h1 {
        font-size: 18px;
        margin: 20px 0;
    }

    .ficha .file-ttl h1 span {
        font-size: 22px;
    }
}

.ficha .file-cost .simHeightFinance {
    position: static;
}

.ficha .file-cost .simHeightFinance p > span {
    font-size: 11px;
    border: none;
    padding: 0;
    margin: 0;
}

.ficha .file-cost .simHeightFinance p > span a {
    display: inline-block;
}

.ficha .file-cost .simHeightFinance p > span b, .ficha .file-cost .simHeightFinance p > span b u {
    font-weight: bold;
}

.ficha .file-cost .condicionesLayer {
    right: 0;
    z-index: 1;
}

.ficha .file-cost {
}

.ficha .file-cost .grid-nav {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row nowrap;
    margin: 20px 0;
}

.ficha .file-cost .grid-nav > div {
    flex: 1 1 0;
    margin: 0 0 2px 0;
    padding: 0;
}

.ficha .file-cost .grid-nav > div > span {
    color: #000000;
    display: block;
    font-family: 'st';
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    min-height: 28px;
}

.ficha .file-cost .grid-nav > div .digit, .ficha .file-cost .grid-nav > div .digit > span, .ficha .file-cost .grid-nav > div + div > .digit > strong {
    color: var(--seat);
    font: 700 24px/36px "st";
    border: none;
    padding: 0;
    margin: 0;
}

.ficha .file-cost .grid-nav > div .digit > i {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
    line-height: 1;
}

.ficha .file-cost .grid-nav > div .digit .iva {
    font-size: 10px;
    font-family: st;
    font-weight: normal;
    line-height: 1;
}

.ficha .file-cost .grid-nav > div .tool, .ficha .file-cost .grid-nav > div .show_advise-prof {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    width: 20px;
    vertical-align: bottom;
}

.ficha .file-cost .grid-nav > div .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 12px;
    font-family: 'st';
    font-weight: normal;
    left: -200px;
    line-height: 13px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 230px;
    z-index: 9;
}

.ficha .file-cost .grid-nav > div .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.ficha .file-cost .grid-nav > div .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.ficha .file-cost .grid-nav > div .tool.on > span {
    display: block;
}

.ficha .file-cost .grid-nav > div.pvp b {
    color: #ffffff;
    font: 400 25px/41px "st";
    display: block;
}

.ficha .file-cost .grid-nav > div .cuotaInfo {
    color: #8994AC;
    font-family: 'st';
    font-weight: normal;
    font-size: 12px;
    display: block;
    line-height: 1.2;
    margin: 0;
}

.ficha .file-cost .grid-nav > div .cuotaInfo > span {
    display: inline;
}

.ficha .file-cost .grid-nav > div > .digit > i > a {
    height: 20px;
    width: 20px;
}

.ficha .file-cost .grid-nav > div > .digit > i > a svg {
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.ficha .file-cost .grid-nav > div > .digit > i > a .itemTooltip span {
    display: block;
    font-size: 11px;
}

.ficha .file-cost .grid-nav > div + div {
    padding-left: 30px;
}

.ficha .file-cost .grid-nav > div + div > .digit {
    position: relative;
}

.ficha .file-cost .grid-nav > div + div > .digit > a {
    background-color: #8994AC;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 26px;
    position: absolute;
    left: -30px;
    top: 6px;
}

.ficha .file-cost .grid-nav > div + div > .digit > a > svg {
    fill: #ffffff;
    height: 20px;
    width: 20px;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong {
    color: #8994AC;
    line-height: 1;
    display: block;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > a {
    height: 20px;
    width: 20px;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > a svg {
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > a > span {
    width: 170px;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > a > span::before {
    right: 12%;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > span {
    color: #8994AC;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
    display: block;
}

.ficha .file-cost .grid-nav > div + div > .digit > strong > span > b {
    color: #8994AC;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
}

.ficha .file-cost .advise-prof {
    background-color: #eaeeed;
    text-align: center;
    padding: 10px;
    margin: 10px;
    font-style: italic;
    font-size: 12px;
}

.ficha .file-cost .advise-prof > span {
    color: #4d4d4d;
    font-family: st;
    font-weight: normal;
    display: block;
    text-align: center;
}

.ficha .file-cost .advise-prof.on {
    background-color: var(--seat);
}

.ficha .file-cost .advise-prof.on > span {
    color: #ffffff;
}

.ficha .file-cost .wrap-content {
}

.ficha .file-cost .wrap-content > div {
    margin: 10px;
    display: none;
}

.ficha .file-cost .wrap-content > div form > fieldset {
    margin: 0 0 8px 0;
}

.ficha .file-cost .wrap-content > div form > fieldset > label {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
}

.ficha .file-cost .wrap-content > div form > fieldset > input[type="text"] {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-style: 400;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff none;
    display: inline-block;
    height: 32px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 6px 0;
    width: 100%;
}

.ficha .file-cost .wrap-content > div form > fieldset > select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    font-weightline-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background: #ffffff url(../img/arrow-select.jpg) no-repeat 99% center;
    display: inline-block;
    height: 32px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 6px 0;
    width: 100%;
}

.ficha .file-cost .wrap-content > div form > fieldset > select::-ms-expand {
    display: none;
}

.ficha .file-cost .wrap-content > div form > fieldset input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 1px #333333;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.ficha .file-cost .wrap-content > div form > fieldset input[type="radio"]:checked {
    background-color: var(--seat);
}

.ficha .file-cost .wrap-content > div form > fieldset > b {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 14px;
    margin: 10px 0;
}

.ficha .file-cost .wrap-content > div form > fieldset > p {
    color: #4d4d4d;
    text-align: center;
    display: block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    margin: 10px 0;
}

.ficha .file-cost .wrap-content > div form > fieldset > p > span {
    color: #4d4d4d;
    display: inline-block;
    width: 100px;
}

.ficha .file-cost .wrap-content > div form > fieldset > p > span label {
    color: #4d4d4d;
    display: inline-block;
    font-family: 'stt';
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.ficha .file-cost .wrap-content > div form > fieldset > label {
}

.ficha .file-cost .wrap-content > div form > i {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-size: 11px;
    font-weight: normal;
    font-style: 400;
    line-height: 11px;
    margin: 6px 0;
}

.ficha .file-cost .wrap-content > div form > b {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 14px;
    margin: 6px 0;
}

.ficha .file-cost .wrap-content > div form .finance-dat {
    display: flex;
    flex-flow: row wrap;
    margin: 10px 0;
}

.ficha .file-cost .wrap-content > div form .finance-dat > div {
    width: 50%
}

.ficha .file-cost .wrap-content > div form .finance-dat > div > p {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    font-style: 700;
    line-height: 14px;
    margin: 4px 0;
}

.ficha .file-cost .wrap-content > div form .two-cols {
}

.ficha .file-cost .wrap-content > div form .two-cols > div {
    display: flex;
    flex-flow: row wrap;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p {
    color: #4d4d4d;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 16px;
    margin: 6px 0;
    width: calc(100% - 100px);
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p > b {
    font-size: 18px;
    font-weight: normal;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p label {
    color: #4d4d4d;
    display: inline-block;
    font-family: 'st';
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    max-width: calc(100% - 60px);
    vertical-align: middle;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p input[type="checkbox"] {
    margin: 0 4px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    transition: all .2s ease;
    background: #fff;
    background-color: rgb(255, 255, 255);
    border: 1px solid #999999;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p input[type="checkbox"]:checked {
    background-color: var(--seat);
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p + p {
    text-align: right;
    width: 100px;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    width: 20px;
    vertical-align: middle;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 10px;
    font-family: 'st';
    font-weight: 400;
    left: -150px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 270px;
    z-index: 9
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.ficha .file-cost .wrap-content > div form .two-cols > div > p .tool.on > span {
    display: block;
}

.ficha .file-cost .wrap-content > div form hr {
    width: 80%;
    margin: 10px auto;
    height: 1px;
}

.ficha .file-cost .wrap-content > div.on {
    display: block;
}

.ficha .contentCampaign {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

.ficha .contentCampaign dl {
    width: 100%;
}

.ficha .contentCampaign dl > dt {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 12px 0;
}

.ficha .contentCampaign dl > dt > div {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: calc(100% - 120px);
}

.ficha .contentCampaign dl > dt > div > span {
    background-color: #ffffff;
    border: 2px solid #333f48;
    cursor: pointer;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin: 0 6px 6px 0;
}

.ficha .contentCampaign dl > dt > div > b {
    color: #333f48;
    display: block;
    text-align: center;
    font-size: 13px;
    font-family: st;
    font-weight: bold;
    line-height: 1.3;
    margin: 1px 0 0 0;
}

.ficha .contentCampaign dl > dt > div > b .tooltipRight {
    height: 16px;
    width: 16px;
    margin: 0 0 0 4px;
}

.ficha .contentCampaign dl > dt > div > b .tooltipRight svg {
    display: inline-block;
    fill: var(--seat);
    height: 16px;
    width: 16px;
}

.ficha .contentCampaign dl > dt > div > b .tooltipRight .itemTooltip {
    font-family: 'st';
    font-weight: 500;
    font-size: 11px;
    width: 260px;
    right: 50%;
    margin-right: -130px;
    padding: 8px;
}

.ficha .contentCampaign dl > dt > div > b .tooltipRight .itemTooltip::before {
    right: 50%;
}

.ficha .contentCampaign dl > dt > div:first-of-type > b {
    width: calc(100% - 28px);
    text-align: left;
    display: inline-flex;
    justify-content: space-between;
}

.ficha .contentCampaign dl > dt > div + div {
    justify-content: flex-end;
    width: 110px;
}

.ficha .contentCampaign dl > dd {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    font-family: 'st';
    margin: 12px 0;
    opacity: 0.5;
    pointer-events: none;
}

.ficha .contentCampaign dl > dd > div {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    width: calc(100% - 120px);
}

.ficha .contentCampaign dl > dd > div > span {
    background-color: #ffffff;
    border: 2px solid #333f48;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    margin: 0 6px 6px 0;
    opacity: 0.4;
}

.ficha .contentCampaign dl > dd > div > b {
    color: #333f48;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: 'st';
    font-weight: 600;
    line-height: 1.3;
    margin: 1px 0 0 0;
}

.ficha .contentCampaign dl > dd > div > b .tooltipRight {
    height: 16px;
    width: 16px;
    margin: 0 0 0 4px;
}

.ficha .contentCampaign dl > dd > div > b .tooltipRight svg {
    fill: var(--seat);
    height: 16px;
    width: 16px;
}

.ficha .contentCampaign dl > dd > div > b .tooltipRight .itemTooltip {
    font-family: 'st';
    font-weight: 500;
    font-size: 12px;
    width: 150px;
}

.ficha .contentCampaign dl > dd > div:first-of-type > b {
    width: calc(100% - 28px);
    text-align: left;
    display: inline-flex;
    justify-content: space-between;
}

.ficha .contentCampaign dl > dd > div + div {
    justify-content: flex-end;
    width: 110px;
}

.ficha .contentCampaign.on dl > dd {
    pointer-events: initial;
}

.ficha .contentCampaign.on dl > dt > div > span, .ficha .contentCampaign.on dl > dd > div > span {
    background-color: #333f48;
    position: relative;
}

.ficha .contentCampaign.on dl > dd > div > span {
    background-color: #8994a0;
    border-color: #8994a0;
}

.ficha .contentCampaign.on dl > dt > div > span::before, .ficha .contentCampaign.on dl > dd > div > span::before {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background: transparent url('../img/interface.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -1px;
}

.ficha .contentCampaign.on dl > dd, .ficha .contentCampaign.on dl > dd, .ficha .contentCampaign.on dl > dd > div > span {
    opacity: 1;
}

.ficha .contentCampaign.on dl > dd.off > div > span {
    background-color: #ffffff;
    border: 2px solid #333f48;
}

.ficha .contentCampaign.on dl > dd.off > div > span::before {
    content: none;
}

.ficha .bannerCampaign {
    background-color: #333f48;
    color: #ffffff;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 3px 0;
}

.ficha .bannerCampaign b {
    color: #ffffff;
    display: block;
    text-align: center;
    font-size: 16px;
    font-family: 'st';
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
}

.ficha .bannerCampaign b .tooltipRight {
    height: 16px;
    width: 16px;
    margin: 0 0 2px 4px;
    display: none;
    vertical-align: bottom;
}

.ficha .bannerCampaign b .tooltipRight svg {
    display: block;
    fill: var(--seat);
    height: 16px;
    width: 16px;
}

.ficha .bannerCampaign b .tooltipRight .itemTooltip {
    font-family: 'st';
    font-weight: 500;
    font-size: 12px;
    width: 150px;
}

.ficha .contentCampaign.on + .bannerCampaign b .tooltipRight {
    display: inline-block;
}

.ficha #simuladorFinanciero {
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

.ficha #simuladorFinanciero .rango {
}

.ficha #simuladorFinanciero .rango > p {
    text-align: left;
    font-family: 'st';
    font-weight: 600;
    font-size: 12px;
    margin: 10px 0;
}

.ficha #simuladorFinanciero .rango > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.ficha #simuladorFinanciero .rango > div > div {
    width: 54%;
}

.ficha #simuladorFinanciero .rango > div .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    background: #ccc;
    border-radius: 8px;
}

.ficha #simuladorFinanciero .rango > div .ui-slider-range {
    height: 8px;
    border-radius: 6px;
    background-color: var(--seat);
}

.ficha #simuladorFinanciero .rango > div .ui-slider-horizontal .ui-slider-handle {
    background: #fff none;
    border: 2px solid var(--seat);
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: -6px;
}

.ficha #simuladorFinanciero .rango > div input[type="text"] {
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #8994a0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 34%;
    align-items: center;
}

.ficha #simuladorFinanciero > p {
    font-family: 'st';
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    margin: 20px 0;
}

.ficha #simuladorFinanciero > p > strong {
    font-size: 16px;
    font-weight: 600;
}

.ficha #simuladorFinanciero > p > b {
    font-size: 14px;
    font-weight: 600;
}

.ficha #simuladorFinanciero > .showFinance {
    display: block;
    font-size: 13px;
    text-align: center;
    font-family: 'st';
    font-weight: 600;
    opacity: 0.8;
    width: 200px;
    margin: 20px auto;
    padding: 0 0 20px 0;
    position: relative;
}

.ficha #simuladorFinanciero > .showFinance > span + span {
    display: none;
}

.ficha #simuladorFinanciero > .showFinance::before {
    content: '';
    display: block;
    height: 16px;
    width: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAKcklEQVR4nO3WS64caRWF0S0YCHscSDURBGLMSLQpzwG6PBq2i7LrXt98RET+j7Wk00wpFArltxMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGA8PyX506sfAmBjf0nyx1c/BHv5Kcm/kvw7yZ9f/CwAO/prkv8k+WeMAC7yNf7//XJGAMC1vsb/6/+wEcDpvo+/EQBwre/jbwRwuvfibwQAXOO9+BsBnOaj+BsBAOf6KP5GAIe7Nf5GAMA5bo2/EcBh7o2/EQBwrHvjbwTwtEfjbwQAHOPR+BsBPOzZ+BsBAM95Nv5GAHc7Kv5GAMBjjoq/EcDNjo6/EQBwn6PjbwTwobPibwQA3Oas+BsBvOvs+BsBAD92dvyNAH7jqvgbAQBvuyr+RgC/uDr+RgDAt66OvxHAy+JvBAB89qr4GwEbe3X8jQBgd6+OvxGwoVHibwQAuxol/kbARkaLvxEA7Ga0+BsBGxg1/kYAsItR428ELGz0+BsBwOpGj78RsKBZ4m8EAKuaJf5GwEJmi78RAKxmtvgbAQuYNf5GALCKWeNvBExs9vgbAcDsZo+/ETChVeJvBACzWiX+RsBEVou/EQDMZrX4GwETWDX+RgAwi1XjbwQMbPX4GwHA6FaPvxEwoN8n+Xte/1EYAcCudon/1/tbkt8d8uZ4WpN8yus/CiMA2M1u8f9Hkj8c8uY4TGMEAFxJ/BlGYwQAXEH8GU5jBACcSfwZVmMEAJxB/BleYwQAHEn8mUZjBAAcQfyZTmMEADxD/JlWYwQAPEL8mV5jBADcQ/xZRmMEANxC/FlOYwQA/Ij4s6zGCAB4i/izvMYIAPg18WcbjREAkIg/G2qMAGBv4s+2GiMA2JP4s73GCAD2Iv7wRWMEAHsQf/hOYwQAaxN/eEdjBABrEn/4QGMEAGsRf7hRYwQAaxB/uFNjBABzE394UGMEAHMSf3hSYwQAcxF/OEhjBABzEH84WGMEAGMTfzhJYwQAYxJ/OFljBABjEX+4SGMEAGMQf7hYYwQAryX+8CKNEQC8hvjDizVGAHAt8YdBNEYAcA3xh8E0RgBwLvGHQTVGAHAO8YfBNUYAcCzxh0k0RgBwDPGHyTRGAPAc8YdJNUYA8Bjxh8k1RgBwH/GHRTRGAHAb8YfFNEYA8GPiD4tqjADgbeIPi2uMAOBb4g+baIwA4DPxh800RgDsTvxhU40RALsSf9hcYwTAbsQfSGIEwE7EH/hGYwTA6sQfeFNjBMCqxB/4ocYIgNWIP3CTxgiAVYg/cJfGCIDZiT/wkMYIgFmJP/CUxgiA2Yg/cIjGCIBZiD9wqMYIgNGJP3CKxgiAUYk/cKrGCIDRiD9wicYIgFGIP3CpxgiAVxN/4CUaIwBeRfyBl2qMALia+ANDaIwAuIr4A0NpjAA4m/gDQ2qMADiL+ANDa4wAOJr4A1NojAA4ivgDU2mMAHiW+ANTaowAeJT4A1NrjAC4l/gDS2iMALiV+ANLaYwA+Ij4A0tqjAB4j/gDS2uMAPie+ANbaIwA+Er8ga00RgCIP7ClxghgX+IPbK0xAtiP+APECGAv4g/wK40RwPrEH+ANjRHAusQf4AcaI4D1iD/ADRojgHWIP8AdGiOA+Yk/wAMaI4B5iT/AExojgPmIP8ABGiOAeYg/wIEaI4DxiT/ACRojgHGJP8CJGiOA8Yg/wAUaI4BxiD/AhRojgNcTf4AXaIwAXkf8AV6oMQK4nvgDDKAxAriO+AMMpDECOJ/4AwyoMQI4j/gDDKwxAjie+ANMoDECOI74A0ykMQJ4nvgDTKgxAnic+ANMrDECuJ/4AyygMQK4nfgDLKQxAviY+AMsqDECeJ/4AyysMQL4LfEH2EBjBPB/4g+wkcYIQPwBttQYATsTf4CNNUbAjsQfACNgM+IPwC8aI2AH4g/AbzRGwMrEH4B3NUbAisQfgA81RsBKxB+AmzVGwArEH4C7NUbAzMQfgIc1RsCMxB+ApzVGwEzEH4DDNEbADMQfgMM1RsDIxB+A0zRGwIjEH4DTNUbASMQfgMs0RsAIxB+AyzVGwCuJPwAv0xgBryD+ALxcYwRcSfwBGEZjBFxB/AEYTmMEnEn8ARhWYwScQfwBGF5jBBxJ/AGYRmMEHEH8AZhOYwQ8Q/wBmFZjBDxC/AGYXmME3EP8AVhGYwTcQvwBWE5jBPyI+AOwrMYIeIv4A7C8xgj4NfEHYBuNEZCIPwAbavYeAeIPwLaaPUeA+AOwvWavEbDbiT8A72qMgBVP/AH4UGMErHTiD8DNGiNghRN/AO7WGAEzn/gD8LDGCJjxxB+ApzVGwEwn/gAcpjECZjjxB+BwjREw8ok/AKdpjIART/wBOF1jBIx04g/AZRojYIQTfwAu1xgB4g/AlhojQPwB2FJjBIg/AFtqjADxB2BLjREg/gBsqTECxB+ALTVGgPgDsKXGCBB/ALbUGAHiD8CWGiNA/AHYUmMEiD8AW2qMAPEHYEuNESD+AGypMQLEH4AtNUaA+AOwpcYIEH8AttTsPQLEH4BtNXuOAPEHYHvNXiNA/AHgi2aPESD+APCdZu0RIP4A8I5mzREg/gDwgWatESD+AHCjZo0RIP4AcKdm7hEg/gDwoGbOESD+APCkZq4RIP4AcJBmjhEg/gBwsGbsESD+AHCSZswRIP4AcLJmrBEg/gBwkWaMESD+AHCx5rUjQPwB4EWa14wA8QeAF2uuHQHiDwCDaK4ZAeIPAINpzh0B4g8Ag2rOGQE/R/wBYGjNsSNA/AFgEs0xI0D8AWAyzXMjQPwBYFLNYyPg5y+/BQAm1dw3AsQfABbR3DYCxB8AFtP8eAR8ivgDwJKat0fAp4g/ACyt+XYEfIr4A8AWms/h/xTxB4CtNOIPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADCd/wEZ8DUJaDBjPAAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 0 -8px;
}

.ficha #simuladorFinanciero > .showFinance.on::before {
    transform: rotate(180deg);
}

.ficha #simuladorFinanciero > .showFinance.on > span {
    display: none;
}

.ficha #simuladorFinanciero > .showFinance.on > span + span {
    display: block;
}

.ficha #simuladorFinanciero > ul {
    display: none;
    font-family: 'st';
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0;
}

.ficha #simuladorFinanciero > ul > li {
    font-size: 13px;
    margin: 8px 0;
    text-align: center;
}

.ficha #simuladorFinanciero > .showFinance.on + ul {
    display: block;
}

.ficha .grid-actions {
    margin: 0 10px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    width: calc(100% - 20px);
}

.ficha .grid-actions .wrapRadius {
    min-height: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
}

.ficha .grid-actions .file-buttons-cta {
    background-color: transparent;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    margin: 0;
    order: 1;
    position: relative;
    overflow: hidden;
}

.ficha .grid-actions .file-buttons-cta > span {
    display: none;
}

.ficha .grid-actions .file-buttons-cta > div {
    display: block;
    position: relative;
    min-height: 40px;
    flex: 1 1 0;
}

.ficha .grid-actions .file-buttons-cta > div + div {
    margin-left: 8px;
}

.ficha .grid-actions .file-buttons-cta a {
    background-color: #0f0f0f;
    border-radius: 4px;
    display: flex;
    min-height: 40px;
    margin: 0;
    position: relative;
    width: 100%;
    z-index: 2;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.ficha .grid-actions .file-buttons-cta a > svg {
    fill: #ffffff;
    height: 22px;
    position: relative;
    width: 22px;
    margin: 0;
    z-index: 3;
}

.ficha .grid-actions .file-buttons-cta a.show-tel {
    display: none;
}

.ficha .grid-actions .file-buttons-cta a.btn-whatsapp {
    background-color: #2bb43e;
}

.ficha .grid-actions .file-buttons-cta + .file-buttons-actions {
    margin-left: 8px;
    flex: 1 1 0;
}

.ficha .grid-actions .file-buttons-actions {
    margin: 0;
    text-align: center;
    flex: 1 1 auto;
    width: auto;
    margin: 0;
    order: 2;
}

.ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart {
    display: inline-flex;
    font: 700 15px/18px "st";
    text-align: center;
    border-radius: 4px;
    padding: 0 16px;
    margin: 0;
    color: #fff;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    min-width: 140px;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 2px solid var(--seat);
    color: #ffffff;
    background-color: var(--seat);
    text-transform: none;
}

.ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction > span, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart > span {
    position: relative;
    z-index: 3;
}

.ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction {
    background-color: #ffffff;
    border: 2px solid #0f0f0f;
    color: #0f0f0f;
    display: inline-flex;
    font: 700 14px/16px "st";
    text-align: center;
    border-radius: 4px;
    padding: 0 10px;
    margin: 0;
    height: 100%;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 120px;
    position: relative;
    overflow: hidden;
}

.ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction > span {
    color: #0f0f0f;
    position: relative;
    z-index: 3;
}

.ficha .grid-actions .file-buttons-actions .btn-ubica-feria {
    display: block;
    font: 700 15px/16px "st";
    text-align: center;
    border-radius: 4px;
    padding: 10px 16px;
    margin: 0 4px;
    color: #fff;
}

.ficha .grid-actions .file-buttons-actions .btn-ubica-feria svg {
    fill: #ffffff;
    height: 20px;
    width: 20px;
}

.ficha .grid-actions.onlybtn {
    border-top: 1px solid #dddddd;
    display: block;
    margin: 20px;
    padding: 10px 0;
}

.ficha .grid-actions.onlybtn a {
    background-color: var(--seat);
    color: #fff;
    display: block;
    text-align: center;
    margin: 4px auto 6px auto;
    font-family: 'st';
    font-weight: 700;
    padding: 10px 4px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 4px;
    max-width: 260px;
}

.ficha .grid-actions.onlybtn a.dark {
    background-color: #4d4d4d;
    color: var(--seat);
}

.ficha .file-car .file-car-wrap {
    background-color: #ffffff;
}

@media all and (max-width: 768px) {
    .ficha .file-car .grid-actions {
        position: fixed;
        bottom: 0;
        z-index: 9;
        background-color: #fff;
        margin: 0;
        width: 100%;
        left: 0;
        padding: 2px 10px;
    }
}

.ficha .wrap-buttonsCta {
    align-content: center;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 20px 0;
    min-height: 32px;
    width: 100%;
}

.ficha .wrap-buttonsCta > div {
    border-top: 2px solid #eaeeed;
    border-bottom: 2px solid #eaeeed;
    padding: 10px;
    justify-content: space-around;
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
}

.ficha .wrap-buttonsCta > div > a {
    display: block;
    flex: 1 1 auto;
}

.ficha .wrap-buttonsCta > div > a.btn-file-baja-precio-no {
    cursor: default !important;
}

.ficha .wrap-buttonsCta > div > a.btn-file-baja-precio-no:hover {
    color: #000 !important;
}

.ficha .wrap-buttonsCta > div > a.btn-file-baja-precio-no:hover svg {
    fill: #8994AC !important;
}

.ficha .wrap-buttonsCta > div > a svg {
    display: block;
    fill: #8994AC;
    height: 24px;
    width: 24px;
    margin: 0 auto;
}

.ficha .wrap-buttonsCta > div > a span {
    display: block;
    font-size: 12px;
    margin: 8px 0;
    text-align: center;
}

.ficha .wrap-buttonsCta > div > a.btn-file-baja-precio svg, .ficha .wrap-buttonsCta > div > a.btn-file-baja-precio-no svg {
    height: 34px;
    width: 34px;
    margin-bottom: -8px;
}

.ficha .wrap-buttonsCta > div > a.active svg {
    fill: var(--seat);
}

@media only screen and (min-width: 460px) {
    .ficha .file-ttl p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 480px) {
    .ficha .file-ttl .gridDigital > div br {
        display: none;
    }

    .ficha .contentCampaign dl > dt > div > b .tooltipRight .itemTooltip {
        width: 290px;
    }

    .ficha .contentCampaign dl > dt > div > b .tooltipRight .itemTooltip::before {
        right: 45%;
    }
}

@media all and (min-width: 0) and (max-width: 768px) {
    .ficha .file-car .grid-actions {
        background-color: transparent;
        padding: 0 4px;
    }

    .ficha .grid-actions .wrapRadius {
        background-color: #ffffff;
        border-radius: 0 0 8px 8px;
        overflow: hidden;
    }

    .ficha .grid-actions .file-buttons-cta > div + div, .ficha .grid-actions .file-buttons-cta + .file-buttons-actions {
        margin-left: 2px;
    }

    .ficha .grid-actions .file-buttons-cta a, .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction, .file-item-cell .result-file-buttons .file-buttons-actions .deleteCart, .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction {
        border-radius: 0;
    }

    .ficha .grid-actions .file-buttons-cta a::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #000000;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .ficha .grid-actions .file-buttons-cta a.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction::before, .ficha .grid-actions .file-buttons-actions .deleteCart::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #000000;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction.linkAnimate, .ficha .grid-actions .file-buttons-actions .deleteCart.linkAnimate {
        background-color: #ffffff;
        color: #ffffff
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction.linkAnimate::before, .ficha .grid-actions .file-buttons-actions .deleteCart.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #0f0f0f;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction.linkAnimate {
        background-color: #0f0f0f;
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction.linkAnimate::before {
        transition: all 0.1s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }
}

@media only screen and (min-width: 760px) {
    .wrapFicha::before {
        width: 110vw;
        height: 110vw;
        transform: translate(-25%, 0) scale(1);
        top: -280px;
    }

    .ficha .file-car {
        top: 110px;
    }

    .ficha .file-gallery .file_img .btn-file-comparar {
        height: 46px;
        width: 46px;
        left: 46px;
    }

    .ficha .file-gallery .file_img .btn-file-comparar > svg {
        height: 46px;
        width: 46px;
    }

    .ficha .file-gallery .file_img .btn-file-favoritos {
        height: 46px;
        width: 46px;
    }

    .ficha .file-gallery .file_img .btn-file-favoritos > svg {
        height: 46px;
        width: 46px;
    }

    .ficha .file-gallery .icon-oportunidad-resultados {
        height: 40px;
        width: 40px;
        left: 10px;
        bottom: 50px;
    }

    .ficha .file-gallery .icon-oportunidad-resultados > img, .ficha .file-gallery .icon-oportunidad-resultados > picture img {
        height: 40px;
        width: 40px;
    }

    .ficha .file-gallery .file_img .btn-file-cart {
        height: 46px;
        width: 46px;
    }

    .ficha .file-gallery .file_img .btn-file-cart > svg {
        height: 46px;
        width: 46px;
    }

    .ficha .file-cost .grid-nav {
        margin: 30px 0;
    }

    .ficha .file-cost .grid-nav > div > span {
        font-size: 14px;
        min-height: 36px;
    }

    .ficha .file-cost .grid-nav > div + div > .digit > strong > span {
        font-size: 14px;
    }

    .ficha .file-cost .grid-nav > div + div > .digit > strong > span > b {
        font-size: 18px;
    }

    .ficha .file-ttl .gridDigital {
        margin: 30px 0;
    }

    .ficha .grid-actions.onlybtn a:hover {
        background-color: var(--seat);
    }

    .ficha .grid-actions.onlybtn a.dark:hover {
        background-color: #2C2C2C;
    }

    .ficha .wrap-buttonsCta > div > a:hover svg {
        fill: var(--seat);
    }

    .ficha .grid-actions .file-buttons-cta a.show-tel {
        display: block;
    }

    .ficha .grid-actions .file-buttons-cta a.btn-call {
        display: none;
    }

    .ficha .grid-actions .file-buttons-cta a.show-tel {
        display: inline-flex;
    }

    .ficha .grid-actions .file-buttons-cta a.btn-call {
        display: none;
    }

    .ficha .grid-actions .file-buttons-cta a::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #494949;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .ficha .grid-actions .file-buttons-cta a:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction::before, .ficha .grid-actions .file-buttons-actions .deleteCart::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: var(--seatHover);
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        border: 2px solid var(--seatHover);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction:hover, .ficha .grid-actions .file-buttons-actions .deleteCart:hover {
        background-color: var(--seatHover);
        color: #ffffff;
        border: 2px solid var(--seatHover);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-orange.cartAction:hover::before, .ficha .grid-actions .file-buttons-actions .deleteCart:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction::before {
        content: "";
        position: absolute;
        width: 500px;
        height: 500px;
        background-color: #000000;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction:hover {
        background-color: #0f0f0f;
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction:hover > span {
        color: #ffffff;
    }

    .ficha .grid-actions .file-buttons-actions .btn-primary-dark.cartAction:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .ficha .contentCampaign dl > dt > div:first-of-type > b {
        display: inline;
    }

    .ficha .contentCampaign dl > dd > div:first-of-type > b {
        display: inline;
    }
}

@media only screen and (min-width: 980px) {
    .fileWrap, .wrapFicha {
        padding: 20px 0 0;
    }

    .wrapFicha::before {
        width: 53vw;
        height: 53vw;
        transform: translate(-30%, -18%) scale(1);
        top: 0;
    }

    .ficha .file-gallery {
        float: left;
        width: calc(100% - 460px);
    }

    .ficha .file-car {
        float: right;
        position: static;
        width: 420px;
    }

    .ficha .file-cost .grid-nav > div + div {
        padding-left: 40px;
    }

    .ficha .file-cost .grid-nav > div + div > .digit > a {
        left: -38px;
    }

    .ficha .file-cost .grid-nav > div > span {
        min-height: 0;
    }

    .ficha .file-ttl ul {
        margin: 10px 0;
    }

    .ficha .file-ttl ul > li {
        font-size: 14px;
    }

    .ficha .file-sticky > div > div.file-cost .grid-nav > div .digit, .ficha .file-sticky > div > div.file-cost .grid-nav > div .digit > span, .ficha .file-sticky > div > div.file-cost .grid-nav > div + div > .digit > strong, .ficha .file-sticky > div > div.file-cost .grid-nav > div + div > .digit > strong em {
        font: 700 34px/1.2 "st";
    }

    .ficha .file-gallery .btn-actions > a {
        min-width: 210px;
    }

    .ficha .file-gallery .btn-actions > a > span {
        font-size: 20px;
        line-height: 20px;
    }

    .ficha .file-gallery .file_img .btn-file-favoritos:hover > svg {
        fill: #cccccc;
    }

    .ficha .file-gallery .file_img .btn-file-comparar:hover > svg {
        fill: #cccccc;
    }

    .ficha .file-gallery .file_img .btn-file-cart:hover > svg {
        fill: #cccccc;
    }

    .ficha .grid-actions > div .telefono-concesion {
        margin: 20px 8px 12px 0;
    }

    .ficha .file-gallery .oportunidad-vehicle {
        max-width: 60%;
    }
}

@media only screen and (max-width: 980px) {
    .ficha .file-gallery .oportunidad-vehicle {
        max-width: 50%;
        width: 70px
    }
}

@media only screen and (min-width: 1073px) {
    .ficha .file-car {
        top: 90px;
    }
}

/**/
.ficha .file-sticky {
    background-color: #dedad4;
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    z-index: 9;
    padding: 6px 0 0 0;
    transform: translateY(-300px);
    transition: all ease 0.6s;
}

.ficha .file-sticky > div {
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    padding: 5px 20px;
}

.ficha .file-sticky > div > div {
    flex: 1 1 0;
}

.ficha .file-sticky > div > div .nombre {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 0 20px 0 0;
}

.ficha .file-sticky > div > div .nombre > span {
    display: block;
    font-family: 'st';
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 7px 0;
}

.ficha .file-sticky > div > div.file-cost {
    display: flex;
}

.ficha .file-sticky > div > div.file-cost .grid-nav {
    margin: 10px 0 0 0;
}

.ficha .file-sticky > div > div.file-cost .grid-nav > div {
    flex: 1 1 auto;
}

.ficha .file-sticky > div > div.file-cost .grid-nav > div > span {
    font-size: 13px;
}

.ficha .file-sticky > div > div.file-cost .grid-nav > div .digit, .ficha .file-sticky > div > div.file-cost .grid-nav > div .digit > span, .ficha .file-sticky > div > div.file-cost .grid-nav > div + div > .digit > strong, .ficha .file-sticky > div > div.file-cost .grid-nav > div + div > .digit > strong em {
    font: 700 28px/1.2 "st";
}

.ficha .file-sticky > div > div.file-actions {
    margin-bottom: 0;
}

.ficha .file-sticky > div > div.grid-actions {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-flow: row wrap;
}

/*.ficha .file-sticky > div > div.grid-actions .file-buttons-actions {order:1;}*/
@media all and (min-width: 980px) {
    .ficha .file-sticky.on {
        transform: translateY(0);
    }
}

/**/
.ficha .file-dates {
    float: none;
    clear: both;
    margin: 0 auto;
    max-width: 800px;
    padding: 10px 0;
}

.ficha .file-dates > div {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 0 10px 10px;
}

.ficha .file-dates > div > h2 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    padding: 10px 0 0 0;
    text-decoration: none;
    margin: 0 0 20px 0;
}

.ficha .file-dates > div > ul.grid-gen {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 0;
    padding: 10px 0 0;
}

.ficha .file-dates > div > ul.grid-gen > li {
    width: 48%;
    margin: 0 0 24px 0;
}

.ficha .file-dates > div > ul.grid-gen > li > i.icon {
    display: block;
    background-color: var(--seat);
    fill: #fff;
    height: 46px;
    width: 46px;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 50%;
    padding: 10px;
}

.ficha .file-dates > div > ul.grid-gen > li > i.icon svg {
    fill: #fff;
    height: 26px;
    width: 26px;
}

.ficha .file-dates > div > ul.grid-gen > li.eco > i.icon {
    background-color: #4f95eb;
}

.ficha .file-dates > div > ul.grid-gen > li.hibrid > i.icon {
    background: -moz-linear-gradient(left, rgba(79, 149, 235, 1) 50%, rgba(79, 149, 235, 1) 50%, rgba(240, 100, 9, 1) 50%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(79, 149, 235, 1) 50%, rgba(79, 149, 235, 1) 50%, rgba(240, 100, 9, 1) 50%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(79, 149, 235, 1) 50%, rgba(79, 149, 235, 1) 50%, rgba(240, 100, 9, 1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.ficha .file-dates > div > ul.grid-gen > li > span {
    display: block;
    font-family: 'st';
    line-height: 1.2;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 6px 0 0 0;;
}

.ficha .file-dates > div > ul.grid-gen > li > span > img, .ficha .file-dates > div > ul.grid-gen > li > span > picture img {
    height: 50px;
    width: 50px;
}

.ficha .file-dates > div > ul.grid-gen > li.distintivo > span {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    margin: 10px 10px 10px;
    min-width: 40px;
    display: inline-block;
}

.ficha .file-dates > div > ul.grid-gen > li.distintivo i {
    display: block;
    margin: 0 auto;
    width: 50px;
}

.ficha .file-dates > div > ul.grid-gen > li.distintivo i picture, .ficha .file-dates > div > ul.grid-gen > li.distintivo i img {
    display: block;
    height: auto;
    max-width: 100%;
}

.ficha .file-dates > div > ul.grid-gen > li.distintivo .tool {
    background-position: -852px -507px;
}

.ficha .file-dates > div > .dropDown {
}

.ficha .file-dates > div > .dropDown > a {
    display: flex;
    color: #4d4d4d;
    font-weight: bold;
    font-size: 16px;
    position: relative;
    margin: 14px 0;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between;
}

.ficha .file-dates > div > .dropDown > a > i {
    display: block;
    height: 20px;
    width: 20px;
}

.ficha .file-dates > div > .dropDown > a > i svg {
    display: block;
    fill: #8994a0;
    height: 20px;
    width: 20px;
    transform: rotate(90deg);
    transition: all ease 0.3s;
}

.ficha .file-dates > div > .dropDown > a.on > i svg {
    transform: rotate(-90deg);
}

.ficha .file-dates > div > .dropDown > a.on + div {
    display: block;
}

.ficha .file-dates > div > .dropDown > div {
    border-bottom: 1px solid #dddddd;
    display: none;
    padding: 0 10px 20px;
    margin: 10px 0 20px 0;
}

.ficha .serie ul {
    display: flex;
    flex-flow: row wrap;
}

.ficha .serie ul > li {
    font-size: 14px;
    line-height: 1.2;
    margin: 8px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: calc(100% - 20px);
}

.ficha .serie ul > li::before {
    background-color: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

@media all and (min-width: 480px) {
    .ficha .file-dates > div > ul.grid-gen > li {
        width: 33%;
    }
}

@media all and (min-width: 550px) {
    .ficha .file-dates > div > ul.grid-gen > li {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .ficha .file-dates > div > ul.grid-gen > li > i.icon {
        margin: 0 8px 0 0;
    }

    .ficha .file-dates > div > ul.grid-gen > li > span {
        margin: 0;
        width: calc(100% - 68px);
        text-align: left;
    }

    .ficha .file-dates > div > ul.grid-gen > li.distintivo i {
        margin: 0;
    }
}

@media all and (min-width: 768px) {
    .ficha .file-dates {
        padding: 40px 0;
    }

    .ficha .file-dates > div > h2 {
        font-size: 30px;
    }

    .ficha .file-dates > div > ul.grid-gen {
        margin: 20px 0;
        padding: 10px 0;
    }

    .ficha .file-dates > div > ul.grid-gen > li {
        width: 25%;
    }

    .ficha .file-dates > div > .dropDown > a {
        margin: 30px 0 10px;
    }
}

.ficha .prestaciones ul {
    display: flex;
    flex-flow: row wrap;
}

.ficha .prestaciones ul > li {
    font-size: 14px;
    line-height: 1.2;
    margin: 8px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: calc(100% - 20px);
}

.ficha .prestaciones ul > li strong {
    font-weight: normal;
}

.ficha .prestaciones ul > li::before {
    background-color: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

@media all and (min-width: 500px) {
    .ficha .prestaciones ul > li {
        margin-right: 20px;
        width: calc(50% - 40px);
    }
}

.ficha .motor ul {
    display: flex;
    flex-flow: row wrap;
}

.ficha .motor ul > li {
    font-size: 14px;
    line-height: 1.2;
    margin: 8px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: calc(100% - 20px);
}

.ficha .motor ul > li strong {
    font-weight: normal;
}

.ficha .motor ul > li::before {
    background-color: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

.ficha .motor h2 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    padding: 20px 0 0 0;
    text-decoration: none;
    margin: 20px 0;
}

.ficha .motor ul.grid-gen {
    display: flex;
    flex-flow: row wrap;
    margin: 20px 0 0;
    padding: 10px 0 0;
}

.ficha .motor ul.grid-gen > li {
    width: 48%;
    margin: 0 0 24px 0;
    padding: 0;
}

.ficha .motor ul.grid-gen > li::before {
    content: none;
}

.ficha .motor ul.grid-gen > li > i.icon {
    display: block;
    background-color: var(--seat);
    fill: #fff;
    height: 46px;
    width: 46px;
    vertical-align: middle;
    margin: 0 auto;
    border-radius: 50%;
    padding: 10px;
}

.ficha .motor ul.grid-gen > li > i.icon svg {
    fill: #fff;
    height: 26px;
    width: 26px;
}

.ficha .motor ul.grid-gen > li.eco > i.icon {
    background-color: #4f95eb;
}

.ficha .motor ul.grid-gen > li > span {
    display: block;
    font-family: 'st';
    line-height: 1.2;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    margin: 6px 0 0 0;;
}

.ficha .motor ul.grid-gen > li > span > span {
    display: block;
}

.ficha .motor ul.grid-gen > li > span > img, .ficha .motor ul.grid-gen > li > span > picture img {
    height: 50px;
    width: 50px;
}

.ficha .motor ul.grid-gen > li.distintivo > span {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    margin: 10px 10px 10px;
    min-width: 40px;
    display: inline-block;
}

.ficha .motor ul.grid-gen > li.distintivo i {
    display: block;
    margin: 0 auto;
    width: 50px;
}

.ficha .motor ul.grid-gen > li.distintivo i picture, .ficha .motor ul.grid-gen > li.distintivo i img {
    display: block;
    height: auto;
    max-width: 100%;
}

.ficha .motor ul.grid-gen > li.distintivo .tool {
    background-position: -852px -507px;
}

@media all and (min-width: 480px) {
    .ficha .motor ul.grid-gen > li {
        width: 33%;
    }
}

@media all and (min-width: 500px) {
    .ficha .motor ul > li {
        margin-right: 20px;
        width: calc(50% - 40px);
    }
}

@media all and (min-width: 550px) {
    .ficha .motor ul.grid-gen > li {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .ficha .motor ul.grid-gen > li > i.icon {
        margin: 0 8px 0 0;
    }

    .ficha .motor ul.grid-gen > li > span {
        margin: 0;
        width: calc(100% - 68px);
        text-align: left;
    }

    .ficha .motor ul.grid-gen > li.distintivo i {
        margin: 0;
    }
}

@media all and (min-width: 768px) {
    .ficha .motor ul.grid-gen {
        margin: 20px 0;
        padding: 10px 0;
    }

    .ficha .motor ul.grid-gen > li {
        width: 25%;
    }
}

.ficha .dimensiones ul {
    display: flex;
    flex-flow: row wrap;
}

.ficha .dimensiones ul > li {
    font-size: 14px;
    line-height: 1.2;
    margin: 8px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: calc(100% - 20px);
}

.ficha .dimensiones ul > li strong {
    font-weight: normal;
}

.ficha .dimensiones ul > li::before {
    background-color: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

.ficha .dimensiones .image_dim {
    display: block;
    position: relative;
    width: 100%;
    max-width: 420px
}

.ficha .dimensiones .image_dim > img, .ficha .dimensiones .image_dim > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.ficha .dimensiones .image_dim > .dim_01 {
    left: 9%;
    position: absolute;
    top: 45%;
    font-size: 11px
}

.ficha .dimensiones .image_dim > .dim_02 {
    left: 58%;
    position: absolute;
    top: 45%;
    font-size: 11px
}

.ficha .dimensiones .image_dim > .dim_03 {
    left: 57%;
    position: absolute;
    top: 70%;
    font-size: 11px
}

@media all and (min-width: 500px) {
    .ficha .dimensiones ul > li {
        margin-right: 20px;
        width: calc(50% - 40px);
    }
}

.ficha .consumos p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.ficha .consumos dl dt {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    margin: 8px 0;
}

.ficha .consumos dl dd {
    font-size: 14px;
    line-height: 1.2;
    margin: 8px 0;
}

.ficha .extra dl {
    margin: 0 0 40px 0
}

.ficha .extra dl > dt {
    color: #000;
    font-family: 'st';
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 20px 0;
}

.ficha .extra dl > dd {
    color: #000;
    font-family: 'st';
    font-size: 14px;
    line-height: 1.2;
    margin: 14px 0;
    padding: 0 0 0 20px;
    position: relative;
    width: calc(100% - 20px);
}

.ficha .extra dl > dd::before {
    background-color: #000000;
    border-radius: 50%;
    content: '';
    display: block;
    height: 8px;
    position: absolute;
    left: 0;
    top: 4px;
    width: 8px;
}

.ficha .extra dl > dd .tooltipRight.extra svg {
    fill: var(--seat);
}

/**/
.ficha .file-dates .wrap-location {
}

.ficha .file-dates .wrap-location > dl {
    margin: 20px;
}

.ficha .file-dates .wrap-location > dl > dt {
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #222222;
    margin: 0 0 8px 0;
}

.ficha .file-dates .wrap-location > dl > dd {
    font-family: 'st';
    font-size: 16px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: none;
    color: #222222;
    margin: 0 0 4px 0;
}

.ficha .file-dates .wrap-location > p {
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    color: #222222;
    margin: 1px 0;
}

.ficha .file-dates .wrap-location > p {
    margin: 10px;
}

.ficha .file-dates .wrap-location > p > a.icon-tel {
    color: #4d4d4d;
    display: inline-block;
}

.ficha .file-dates .wrap-location > p > a.icon-tel > svg {
    display: inline-block;
    height: 24px;
    width: 24px;
    fill: var(--seat);
    vertical-align: middle;
}

.ficha .file-dates .wrap-location > p > a.icon-tel > span {
}

.ficha .file-dates .wrap-location > p > a.arrow {
    text-transform: none;
    font-size: 14px;
    margin: 0 0 0 7px;
}

.ficha .file-dates .wrap-location > .location-map {
    margin: 10px;
}

.ficha .file-dates .wrap-location > .location-map > p {
    margin: 20px 0;
    text-align: center;
}

.ficha .file-dates .wrap-location > .location-map > p > a {
    border-radius: 5px;
    font-family: 'st';
    font-weight: 700;
    color: var(--seat);
}

.ficha .file-dates .wrap-location > .location-map > .map {
    border-top: 1px solid var(--seat)
}

.ficha .file-dates .wrap-location > .location-map > .map #map_canvas {
    width: 100% !important
}

/**/
.ficha .boxFinanciacion {
    border: 1px solid #8994a0;
    border-radius: 10px;
    box-shadow: 0 0 2px #999;
    padding: 10px 20px;
    margin: 30px 0 40px;
}

.ficha .boxFinanciacion > h3 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    margin: 0 0 20px 0;
}

.ficha .boxFinanciacion > dl {
    display: flex;
    flex-flow: row wrap;
}

.ficha .boxFinanciacion > dl > dt {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    text-decoration: none;
    margin: 10px 0;
    width: 50%;
}

.ficha .boxFinanciacion > dl > dd {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    text-align: right;
    text-decoration: none;
    margin: 10px 0;
    width: 50%;
}

.ficha .boxFinanciacion > p {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    margin: 20px 0;
}

.ficha .boxFinanciacion > .total {
    border-top: 1px solid #dddd;
    border-bottom: 1px solid #dddd;
    margin: 20px 0;
    padding: 4px 0;
}

.ficha .boxFinanciacion > .total dt, .ficha .boxFinanciacion > .total dd {
    font-size: 16px;
    font-weight: bold;
}

.ficha .boxFinanciacion > a {
    color: #8994a0;
    display: flex;
    align-items: center;
    margin: 20px 0;
    width: 160px;
}

.ficha .boxFinanciacion > a > svg {
    fill: #8994a0;
    height: 26px;
    width: 26px;
    margin-right: 6px;
}

.ficha .boxFinanciacion > a.on + div {
    display: block;
}

.ficha .boxFinanciacion > div.calcula {
    display: none;
}

.ficha .boxFinanciacion > div.calcula .gridCuota {
    padding: 0 10px;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div {
    display: flex;
    flex-flow: row wrap;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div {
    margin: 10px 0;
    width: 50%;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div > p {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    text-decoration: none;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div > p span.fontLegal {
    color: #8994a0;
    display: block;
    font-size: 0.9em;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div > input[type="text"] {
    background-color: #ffffff;
    border: solid 1px #8994a0;
    border-radius: 4px;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    height: 30px;
    text-align: center;
    width: 120px;
    padding: 5px 14px 5px 0 !important;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div > select {
    background-color: #ffffff;
    border: solid 1px #8994a0;
    border-radius: 4px;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    height: 30px;
    width: 120px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDIwIDIwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzkyOTI5Mjt9DQo8L3N0eWxlPg0KPHBhdGggaWQ9IlhNTElEXzE5XyIgY2xhc3M9InN0MCIgZD0iTTEuMyw1LjNjMC4xLDAsMC4yLDAsMC4zLDBDMiw1LjQsMi4zLDUuNiwyLjUsNS44YzIuMywyLjMsNC42LDQuNyw3LDdjMC4yLDAuMiwwLjMsMC4zLDAuNSwwLjUNCgljMC0wLjEsMC4xLTAuMSwwLjEtMC4yYzIuNC0yLjQsNC45LTQuOSw3LjMtNy4zYzAuMi0wLjIsMC40LTAuMywwLjctMC40YzAuMSwwLDAuMiwwLDAuMy0wLjFjMC4xLDAsMC4yLDAsMC4zLDBjMCwwLDAuMSwwLDAuMSwwDQoJYzAuNywwLjEsMS4xLDAuNywxLjIsMS40YzAsMC41LTAuMiwwLjktMC41LDEuMmMtMi43LDIuNy01LjQsNS40LTguMSw4LjFjLTAuMywwLjMtMC42LDAuNi0xLjEsMC43Yy0wLjIsMC0wLjMsMC0wLjUsMA0KCWMtMC4zLTAuMS0wLjYtMC4yLTAuOS0wLjVDNi42LDE0LDQuMywxMS43LDIuMSw5LjVDMS41LDguOSwwLjksOC4zLDAuNCw3LjdjLTAuNi0wLjYtMC41LTEuNiwwLjItMi4xQzAuOCw1LjUsMSw1LjQsMS4zLDUuM3oiLz4NCjwvc3ZnPg0K);
    background-repeat: none;
    background-position: 94% center;
    background-repeat: no-repeat;
    background-size: 14px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    text-align: center;
}

.ficha .boxFinanciacion > div.calcula .gridCuota .nice-select {
    font-size: 14px;
    width: 120px;
    height: 30px;
    text-align: center !important;
    padding-left: 26px;
}

.ficha .boxFinanciacion > div.calcula .gridCuota > div > div + div {
    text-align: right;
}

.ficha .boxFinanciacion > div.calcula .cuotaMensual {
    border-top: 1px solid #dddd;
    display: flex;
    flex-flow: row wrap;
    padding: 10px 0;
}

.ficha .boxFinanciacion > div.calcula .cuotaMensual dt {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    margin: 10px 0;
    width: 50%;
}

.ficha .boxFinanciacion > div.calcula .cuotaMensual dd {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-align: right;
    text-decoration: none;
    margin: 10px 0;
    width: 50%;
}

@media all and (min-width: 500px) {

}

/**/
.concesionarioFileContent > h2 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 0 20px;
    text-decoration: none;
    margin: 0 auto 20px auto;
    max-width: 830px;
}

.concesionarioFileContent .wrap-location {
    display: flex;
    flex-flow: column nowrap;
    position: relative;
}

.concesionarioFileContent .location-tool {
    order: 2;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.concesionarioFileContent .location-tool > div {
    margin: 0 auto;
    max-width: 800px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.concesionarioFileContent .location-tool > div > div {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 1px 1px 3px #666;
    max-width: 100%;
    margin: -120px 40px 10px 40px;
    position: static;
}

.concesionarioFileContent .location-tool h3 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    padding: 0;
    text-decoration: none;
    margin: 0 0 20px 0;
}

.concesionarioFileContent .location-tool h3 > a {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
}

.concesionarioFileContent .location-tool > div > div > p {
    text-align: center;
}

.concesionarioFileContent .location-tool > div > div > p a {
    display: inline-flex;
    background-color: transparent;
    color: #000000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
    text-decoration: underline !important;
    margin: 10px 0;
}

.concesionarioFileContent .location-tool > div > div > p a i {
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: bottom;
    height: 13px;
    width: 13px;
}

.concesionarioFileContent .location-tool > div > div > p a i svg {
    fill: #eaeeed;
    height: 13px;
    width: 13px;
    display: block;
}

.concesionarioFileContent .location-tool > div > div > a.on + div {
    display: block;
}

.concesionarioFileContent .location-tool > div > div > div { /*display: none;*/
}

.concesionarioFileContent .location-tool > div > div > div dl {
    margin: 20px 0;
}

.concesionarioFileContent .location-tool > div > div > div dl > dt {
    display: none;
    font-family: 'st';
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #222222;
    margin: 0 0 8px 0;
}

.concesionarioFileContent .location-tool > div > div > div dl > dd {
    display: inline-block;
    font-size: 14px;
    line-height: 1.1;
    text-transform: none;
    color: #222222;
    margin: 0 6px 4px 0px;
}

.concesionarioFileContent .location-tool > div > div > div p {
    font-family: 'st';
    font-size: 20px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #222222;
    margin: 1px 0;
    text-align: center;
}

.concesionarioFileContent .location-tool > div > div > div p {
    margin: 10px;
}

.concesionarioFileContent .location-tool > div > div > div p > a.icon-tel {
    color: #fff;
    display: inline-flex;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    background: var(--seat);
    padding: 16px 24px;
    border-radius: 8px;
    align-items: center;
}

.concesionarioFileContent .location-tool > div > div > div p > a.icon-tel > svg {
    display: inline-block;
    height: 20px;
    width: 20px;
    fill: #ffffff;
    vertical-align: middle;
    order: 2;
    margin: 0 0 0 10px;
}

.concesionarioFileContent .location-map {
    order: 1;
    height: 400px !important;
    width: 100% !important;
}

.concesionarioFileContent .location-map .map {
    height: 400px !important;
    width: 100% !important;
}

.concesionarioFileContent .location-map .map > div {
    height: 400px !important;
    width: 100% !important;
}

@media all and (min-width: 768px) {
    .concesionarioFileContent > h2 {
        font-size: 30px;
    }

    .concesionarioFileContent .wrap-location {
        display: block;
    }

    .concesionarioFileContent .location-tool > div > div {
        width: 300px;
        max-width: 100%;
        margin: 10px;
        position: absolute;
        top: 66px;
    }
}

/**/
.ficha .wrap-accesorios {
    font-size: 12px;
    padding: 0 0 20px 0;
}

.ficha .wrap-accesorios > ul {
    display: flex;
    margin: 20px 0;
}

.ficha .wrap-accesorios > ul > li {
    width: 33%;
    margin: 6px 0;
}

.ficha .wrap-accesorios > ul > li > a {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    position: relative;
    text-decoration: none;
    display: inline-block;
    background-color: #eaeeed;
    padding: 8px;
    border-radius: 30px;
}

.ficha .wrap-accesorios > ul > li > a > i {
    display: none;
}

.ficha .wrap-accesorios > ul > li.present > a {
    font-family: 'st';
    font-weight: 700;
    color: #ffffff;
    background-color: var(--seat);
}

.ficha .wrap-accesorios > div {
    padding: 10px 0 0;
}

.ficha .wrap-accesorios > div > div {
    display: none;
}

.ficha .wrap-accesorios > div > div.present {
    display: block;
}

.ficha .wrap-accesorios > div > div > span {
    font-size: 12px;
    line-height: 14px;
    font-family: 'st';
    font-weight: 400;
    display: block;
    padding: 20px 0;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody.oculta {
    display: none;
}

.ficha .wrap-accesorios > div > div > div.recomendados > p > strong {
    color: #4d4d4d;
    display: block;
    font-weight: normal;
    padding: 0 0 14px 0;
    text-align: left;
    font-family: 'st';
    font-weight: 400;
}

.ficha .wrap-accesorios > div > div > div.recomendados > ul {
    display: flex;
    margin: 20px 0;
}

.ficha .wrap-accesorios > div > div > div.recomendados > ul > li {
    width: 33%;
    margin: 6px 0;
}

.ficha .wrap-accesorios > div > div > div.recomendados > ul > li > a {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    padding: 8px 0 0 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table {
    border-collapse: collapse;
    color: #333333;
    margin: 20px 0;
    width: 100%;
    font-family: 'st';
    font-weight: 400;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > thead {
    display: none;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > thead > tr > th {
    font-family: st;
    font-weight: 700;
    padding: 4px 5px;
    text-align: left;
    width: 60%;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > thead > tr > th + th {
    text-align: right;
    width: auto;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > thead > tr > th.detalle {
    text-align: center;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table img {
    width: 50px
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td {
    font-family: 'st';
    font-weight: normal;
    padding: 4px 5px;
    text-align: left;
    width: 60%;
    vertical-align: middle
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td + td {
    text-align: right;
    width: 19%;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td.detalle {
    text-align: center;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td strong {
    display: block;
    margin: 16px 0;
    font-family: 'st';
    font-size: 14px;
    font-weight: bold;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td label, .ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td label a {
    font-family: 'st';
    font-weight: normal;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td input[type="checkbox"] {
    margin: 0 4px 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
    transition: all .2s ease;
    background: #fff;
    background-color: rgb(255, 255, 255);
    border: 1px solid #999999;
    border-radius: 2px;
    overflow: hidden;
    vertical-align: middle;
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td input[type="checkbox"]:checked {
    background-color: var(--seat);
}

.ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td label {
    display: inline-block;
    margin: 4px 0 0 0;
    max-width: calc(100% - 30px);
    vertical-align: top;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > table {
    display: none;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p {
    font-family: 'st';
    font-weight: normal;
    padding: 4px 0;
    text-align: left;
    margin: 6px 0 0 0;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p > a {
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    display: block;
    color: #333f48;
    padding: 10px 10px 10px 0;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p > a > span {
    color: #333f48;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 28px);
    font-family: 'st';
    font-size: 14px;
    font-weight: bold;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p > a > i {
    height: 22px;
    width: 22px;
    display: inline-block;
    vertical-align: middle;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p > a > i > svg {
    display: block;
    fill: #333f48;
    height: 22px;
    width: 22px;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p > a > i > svg + svg {
    display: none;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p.on > a > i > svg {
    display: none;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p.on > a > i > svg + svg {
    display: block;
}

.ficha .wrap-accesorios > div > div > div.recomendados.completo > form > p.on + table {
    display: table;
}

.ficha .wrap-accesorios td, .ficha .wrap-accesorios p {
    font-family: 'st';
    font-weight: normal;
}

.ficha .wrap-accesorios p b {
    font-weight: normal;
    font-family: 'st';
    font-weight: 400;
}

.ficha .wrap-accesorios .accesorios_superior {
    height: 16px;
}

.ficha .wrap-accesorios .accesorios_superior > p {
    display: block;
    float: left;
    margin-left: 15px;
    width: 220px;
}

.ficha .wrap-accesorios .accesorios_superior > p + p {
    width: 320px;
}

.ficha .wrap-accesorios .top {
    background-image: url("../img/brd-table.png");
    background-position: center top;
    background-repeat: no-repeat;
    padding: 1px 0 0;
}

.ficha .wrap-accesorios .secuence::after {
    content: '';
    display: block;
    clear: both;
}

.ficha .wrap-accesorios .secuence {
    border-collapse: collapse;
    margin-bottom: 20px;
    padding: 3px 0 0;
    width: 100%;
}

.ficha .wrap-accesorios .secuence > div {
    float: left;
    width: 225px
}

.ficha .wrap-accesorios .secuence > div + div {
    background: none repeat scroll 0 0 transparent;
    margin: 10px 0 10px 15px;
    width: 434px;
}

.ficha .wrap-accesorios .secuence > div + div > table {
    width: 100%;
}

.ficha .wrap-accesorios .secuence > div + div > table td {
    padding: 5px 8px 10px;
    vertical-align: top;
    width: 33%
}

.ficha .wrap-accesorios .secuence > div + div > table td a img {
    width: 100%
}

.ficha .wrap-accesorios .secuence > div + div > table td a span {
    font-weight: normal;
    display: block;
    margin: 10px 0;
}

.ficha .wrap-accesorios .secuence > div + div > table td a span > b {
    font-weight: normal;
}

.ficha .wrap-accesorios .miga {
    margin: 5px 0 10px;
    padding: 5px 10px;
}

.ficha .wrap-accesorios .miga li {
    float: left;
    height: auto;
    margin: 0 3px 0 0;
    padding: 0;
    width: auto;
}

.ficha .wrap-accesorios .miga > li > a, .miga > li > span {
    color: var(--seat);
    text-decoration: none;
}

.ficha .wrap-accesorios .listado_accesorios {
    margin: 5px 0 10px;
    padding: 5px;
}

.ficha .wrap-accesorios .listado_accesorios li {
    float: left;
    margin: 2px 0;
    max-height: 13px;
    overflow: hidden;
    padding-left: 1%;
    width: 47%;
}

.ficha .wrap-accesorios .ordenar {
    margin: 0 0 5px;
}

.ficha .wrap-accesorios .ordenar li {
    float: left;
    line-height: 18px;
    margin: 0;
    padding: 1px 0;
    text-align: center;
    width: 33%;
}

.ficha .wrap-accesorios .ordenar li + li > a {
    background: url("../img/accesorios/arrow_l.png") no-repeat scroll center center transparent;
    display: inline-block;
    height: 10px;
    width: 15px;
}

.ficha .wrap-accesorios .ordenar li + li > span {
    border: 1px solid #CCCCCC;
    padding: 2px;
}

.ficha .wrap-accesorios .ordenar li + li > span + a {
    background: url("../img/accesorios/arrow_r.png") no-repeat scroll center center transparent;
}

.ficha .wrap-accesorios .ordenar li.last {
    text-align: right;
}

.ficha .wrap-accesorios .ordenar li.last > label:after {
    display: inline;
}

.ficha .wrap-accesorios .secuence > div + div > table > tbody > tr > td > span {
    display: block;
    margin: 5px 0;
    font-weight: normal;
    font-family: 'st';
    font-weight: 400;
}

.ficha .wrap-accesorios .secuence > div + div > table > tbody > tr > td > span b {
    font-weight: normal;
}

.ficha .wrap-accesorios .vw_product > a {
    display: block;
    float: left;
    margin: 20px 0 0 20px;
    width: 128px;
}

.ficha .wrap-accesorios .vw_product > a > img, .ficha .wrap-accesorios .vw_product > a > picture img {
    height: auto;
    width: 100%;
}

.ficha .wrap-accesorios .prod_id {
    clear: none;
    display: block;
    float: right;
    margin: 12px 10px 0 0;
    width: 255px;
}

.ficha .wrap-accesorios .vw_product p {
    padding: 3%
}

.ficha .wrap-accesorios .vw_product li {
    list-style: none outside none;
    margin: 3px 0 10px;
}

.ficha .wrap-accesorios .vw_product ul + ul {
    clear: both;
    display: block;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 15px;
    font-size: 13px;
    line-height: 1.1;
}

.ficha .wrap-accesorios .vw_product ul b {
    font-weight: normal;
    font-size: 14px;
    font-family: 'st';
    font-weight: 700;
    display: inline-block;
    margin: 0 0 10px 0;
}

.ficha .wrap-accesorios .vw_product button {
    background-color: #333333;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 2px #999999;
    color: var(--seat);
    display: inline-block;
    font-size: 11px;
    height: auto;
    min-width: 0;
    padding: 4px 10px;
    text-decoration: none;
}

.ficha .wrap-accesorios .vw_product label:after {
    clear: none;
    display: inline;
}

.ficha .wrap-accesorios .listado_cesta {
    margin: 2%;
    text-align: left;
    width: 97%;
}

.ficha .wrap-accesorios .listado_cesta > thead > tr > th {
    font-weight: bold;
    padding: 5px 0 0 5px;
    text-align: left
}

.ficha .wrap-accesorios .listado_cesta > thead > tr > th + th {
    text-align: center;
    min-width: 69px;
}

.ficha .wrap-accesorios .listado_cesta > tbody > tr > td {
    width: 240px !important;
    padding: 8px 0;
}

.ficha .wrap-accesorios .listado_cesta > tbody > tr > td + td {
    width: auto !important;
    min-width: 69px;
}

.ficha .wrap-accesorios .listado_cesta > tbody > tr > td + td, .listado_cesta > thead > tr > th + th {
    text-align: center;
    width: auto;
}

.ficha .wrap-accesorios .listado_cesta > tbody > tr > td img {
    float: left;
    margin: 0 10px 0 0;
    width: 70px;
}

.ficha .wrap-accesorios .confirmar_cesta {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    left: 75%;
    margin: 10px 0 10px -90px;
    padding: 10px;
    position: relative;
    width: 170px;
}

.ficha .wrap-accesorios .confirmar_cesta ul {
    padding: 5px 0 0;
}

.ficha .wrap-accesorios .confirmar_cesta ul li {
    list-style: none outside none;
    margin: 0 0 5px;
}

.ficha .wrap-accesorios .confirmar_cesta ul li span {
    display: inline-block;
    width: 85px;
}

.ficha .wrap-accesorios .confirmar_cesta ul li button {
    background-color: #333333;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 2px #999999;
    color: var(--seat);
    display: inline-block;
    font-size: 11px;
    height: auto;
    min-width: 0;
    padding: 4px 10px;
    text-decoration: none;
}

.ficha .wrap-accesorios .propuesta p {
    margin: 5px 0 0 12px;
    width: auto
}

.ficha .wrap-accesorios .propuesta p > strong {
    font-weight: normal;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px;
}

.ficha .wrap-accesorios .propuesta ul {
    display: block;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-top: 5px;
}

.ficha .wrap-accesorios .propuesta ul li {
    float: none;
    font-size: 11px;
    margin-bottom: 3px;
    margin-left: 12px;
    margin-right: 0;
}

.ficha .wrap-accesorios .propuesta > form, .propuesta > div {
    border-top: 1px solid #CCCCCC;
}

.ficha .wrap-accesorios .propuesta form > h5, .propuesta div > h5 {
    color: #000000;
    font-weight: normal;
    font-family: 'st', sans-serif;
    font-size: 11px;
    font-weight: 400;
    margin: 15px 5px 5px 15px;
}

.ficha .wrap-accesorios .propuesta form > ul > li > label {
    display: inline-block;
    vertical-align: top;
    width: 80px;
}

.ficha .wrap-accesorios .propuesta form > ul > li > input, .propuesta form > ul > li > select, .propuesta textarea {
    resize: none;
    width: 170px
}

.ficha .wrap-accesorios .propuesta button {
    background-color: #333333;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 2px #999999;
    color: var(--seat);
    display: inline-block;
    font-size: 11px;
    height: auto;
    min-width: 0;
    padding: 4px 10px;
    text-decoration: none;
}

.ficha .wrap-accesorios .propuesta label:after {
    display: inline;
    clear: none;
}

.ficha .wrap-accesorios .propuesta .obl label {
    width: auto;
}

.ficha .wrap-accesorios .miga, .listado_accesorios, .ordenar {
    float: none;
    overflow: hidden;
}

.ficha .wrap-accesorios .bottom {
    background-image: url("../img/brdr-orange.png");
    background-position: center bottom;
    background-repeat: repeat-x;
}

.ficha .wrap-accesorios .left {
    background-color: #FFFFFF;
    border: medium none;
    width: 225px;
}

.ficha .wrap-accesorios .buscador_libre {
    background: url("../img/accesorios/layer_libre.jpg") no-repeat scroll center bottom transparent;
    height: 50px;
    margin: 2px 2px 2px 10px;
    padding: 5px;
    position: relative;
    width: 213px;
}

.ficha .wrap-accesorios .buscador_libre > form > label {
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
}

.ficha .wrap-accesorios .buscador_libre > form > input {
    border: 1px solid #CCCCCC;
    bottom: 7px;
    height: 18px;
    padding: 0;
    position: absolute;
    width: 173px;
}

.ficha .wrap-accesorios .buscador_libre > form > button {
    background: url("../img/accesorios/btn_acc.png") no-repeat scroll 0 0 transparent;
    bottom: 7px;
    display: inline;
    height: 20px;
    position: absolute;
    right: 16px;
    width: 20px
}

.ficha .wrap-accesorios .carrito {
    background-color: #ffffff;
    margin: 15px 2px 2px 10px;
    padding: 0;
    width: 216px;
}

.ficha .wrap-accesorios .carrito > .cont {
    padding: 4px 7px
}

.ficha .wrap-accesorios .carrito > div > p {
}

.ficha .wrap-accesorios .carrito > div > p > strong {
    background-image: url("../img/accesorios/bg_carrito.png");
    background-position: 150px 0;
    background-repeat: no-repeat;
    display: block;
    font-weight: normal;
    font-family: 'st';
    font-size: 11px;
    font-weight: 400;
    height: 35px;
    line-height: 10px;
    min-height: 10px;
    padding: 0;
}

.ficha .wrap-accesorios .carrito > div > div {
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
    padding: 5px 0;
}

.ficha .wrap-accesorios .carrito img {
    float: left;
    margin: 0 10px 0 0;
    width: 70px
}

.ficha .wrap-accesorios .carrito > div > div > ul {
    float: right;
    width: 120px;
}

.ficha .wrap-accesorios .carrito ul li {
    height: auto;
    margin: 0 3px 0 0;
    padding: 0;
    width: auto;
}

.ficha .wrap-accesorios .carrito ul + p {
}

.ficha .wrap-estado {
    margin: 0 0 40px 0;
}

.ficha .wrap-estado > div {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    width: 100%;
}

.ficha .wrap-estado > div > div {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 6px 0;
    margin: 0 0 16px 0;
}

.ficha .wrap-estado > div > div > div {
    margin: 0 0 10px 0;
}

.ficha .wrap-estado > div > div > div p {
    font-family: 'st';
    font-weight: normal;
    margin: 4px 0;
}

.ficha .wrap-estado > div > div > div p span {
    color: #666666;
    font-family: 'st';
    font-weight: 400;
}

.ficha .wrap-estado > div > div > div p b {
    font-family: 'st';
    font-weight: 400;
    font-size: 18px;
}

.ficha .wrap-estado > ul {
    color: #000000;
    margin: 10px 10px 20px 0;
    text-align: right;
}

.ficha .wrap-estado > ul > li {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    font-family: 'st', sans-serif;
    font-weight: 400;
    margin: 20px 0 10px 10px;
}

.ficha .wrap-estado > ul > li > b {
    color: #4d4d4d;
    font-size: 18px;
    font-weight: normal;
    font-family: 'st', sans-serif;
    font-weight: 400;
}

@media only screen and (min-width: 1100px) {
    .ficha .wrap-estado {
        margin: 20px 0 40px 0;
    }

    .ficha .wrap-estado > div {
        color: #000000;
        margin: 20px 0;
        display: table;
        width: 100%;
    }

    .ficha .wrap-estado > div > div {
        display: table-row;
    }

    .ficha .wrap-estado > div > div > div:nth-child(1) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 19%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(2) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 37%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(3) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 18%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(4) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        text-align: right;
        width: 22%;
    }

    .ficha .wrap-estado > div > div + div > div p:first-child {
        display: none;
    }

    .ficha .wrap-estado > div > div > div p span {
        color: #fff;
        background-color: #bab9b9;
        display: block;
        padding: 4px;
        margin: 0 0 10px 0;
    }

    .ficha .wrap-estado > ul {
        border-top: 1px solid #000000;
    }
}

@media only screen and (min-width: 1251px) {
    .ficha .wrap-estado > div > div > div:nth-child(1) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 18%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(2) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 42%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(3) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 18%;
    }

    .ficha .wrap-estado > div > div > div:nth-child(4) {
        display: table-cell;
        font-size: 14px;
        line-height: 1.2;
        padding: 6px 1% 6px 0;
        width: 18%;
    }
}

.ficha .coche_deseado {
    padding: 0 10px 10px;
}

.ficha .coche_deseado h3 {
    font-weight: normal;
    font-family: 'st', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ficha .coche_deseado table {
    background: none repeat scroll 0 0 transparent;
    width: 100%;
    margin-bottom: 20px;
}

.ficha .coche_deseado table > tbody > tr > td {
    font-size: 14px;
    padding: 10px 0;
    text-align: left;
    vertical-align: top;
    width: 14%;
}

.ficha .coche_deseado table > tbody > tr > td + td {
    font-size: 14px;
    text-align: left;
    width: 77%;
}

.ficha .coche_deseado table > tbody > tr > td.cost {
    text-align: right;
}

.ficha .coche_deseado table img {
    width: 100%;
}

.ficha .coche_deseado p {
    display: block;
    margin: 5px 0 0;
    text-align: right;
}

.ficha .coche_deseado p > b {
    font-weight: bold;
}

.ficha .coche_deseado p > span {
    display: inline-block;
    min-width: 120px;
}

.ficha .coche_deseado p > em {
    color: #EB6909;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    min-width: 120px;
}

.ficha .coche_deseado .resume-acc {
    background-color: transparent;
    margin: 30px 0;
}

.ficha .coche_deseado .resume-acc .grid {
    display: flex;
    flex-flow: row wrap;
}

.ficha .coche_deseado .resume-acc .grid.col-4 > div {
    width: 100%
}

.ficha .coche_deseado .resume-acc .grid.col-3 > div {
    width: 100%
}

.ficha .coche_deseado .resume-acc .grid > div > .cost {
}

.ficha .coche_deseado .resume-acc .grid > div > .cost > span {
    color: #333;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: normal;
    line-height: 16px
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 {
    color: #ffffff;
    font: 700 21px/26px "st";
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 > i {
    display: inline-block;
    font-style: normal;
    font-size: 22px;
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 10px;
    font-family: 'st';
    font-weight: 100;
    left: -70px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 100px;
    z-index: 9;
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.ficha .coche_deseado .resume-acc .grid > div > .cost h3 .tool.on > span {
    display: block;
}

.ficha .coche_deseado .resume-acc .grid > div > p {
    font-family: 'st';
    font-size: 12px;
    font-weight: 400;
    line-height: 1.1;
}

.ficha .coche_deseado .resume-acc .grid > div > p > b {
    color: var(--seat);
    font-size: 16px;
    font-weight: normal;
}

.ficha .coche_deseado .resume-acc .grid + .grid > div > .cost h3 {
    color: #ffffff;
    font: 700 26px/26px "st";
}

@media only screen and (min-width: 768px) {
    .ficha .coche_deseado .resume-acc .grid.col-4 > div {
        width: 23%;
        margin: 10px 1%;
    }

    .ficha .coche_deseado .resume-acc .grid.col-3 > div {
        width: 31%;
        margin: 10px 1%;
    }
}

.nav-inter-file {
    background-color: #ffffff;
    margin: 0 0 10px 0;
    padding: 0;
    position: sticky;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    top: 60px;
    z-index: 99;
    width: 100%;
}

.nav-inter-file > div {
    border-radius: 6px;
    display: flex;
    flex-flow: row wrap;
    overflow: hidden;
}

.nav-inter-file > div > a {
    font-size: 10px;
    line-height: 14px;
    padding: 10px 0;
    display: block;
    color: #ffffff;
    background-color: #4d4d4d;
    border-radius: 0;
    cursor: pointer;
    text-align: center;
    width: 20px;
    margin: 0 2px 0 0;
}

.nav-inter-file > div > div {
    display: flex;
    flex-flow: row wrap;
    width: calc(100% - 22px);
}

.nav-inter-file > div > div > a {
    background: #F1F4F3;
    border-bottom: 2px solid #F1F4F3;
    color: #333;
    font-family: 'st';
    font-weight: 400;
    padding: 14px 0;
    display: block;
    flex: 1 1 0;
    text-align: center;
    font-size: 10px;
    line-height: 14px;
}

.nav-inter-file > div > div > a.on {
    border-color: var(--seat);
}

@media only screen and (min-width: 480px) {
    .nav-inter-file {
        top: 60px;
    }

    .nav-inter-file > div > a {
        font-size: 12px;
    }

    .nav-inter-file > div > div > a {
        font-size: 10px
    }
}

@media only screen and (min-width: 660px) {
    .nav-inter-file {
        top: 60px;
    }
}

@media only screen and (min-width: 758px) {
    .nav-inter-file {
        top: 76px;
    }

    .nav-inter-file > div > div {
        width: calc(100% - 32px);
    }

    .nav-inter-file > div > a {
        font-size: 14px;
        width: 30px;
    }

    .nav-inter-file > div > div > a {
        font-size: 14px;
        flex: 1 1 auto;
    }
}

@media only screen and (min-width: 960px) {
    .nav-inter-file {
        top: 80px;
    }
}

@media only screen and (min-width: 980px) {
    .nav-inter-file {
        background-color: #eaeeed;
        margin: 10px 0;
        padding: 2px 0;
        position: sticky;
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        z-index: 99;
        width: 100%;
    }
}

@media only screen and (min-width: 1073px) {
    .nav-inter-file {
        top: 80px;
    }
}

@media only screen and (max-width: 768px) {
    .ficha .file-gallery .btn-actions {
        text-align: left;
    }

    .ficha .file-gallery .btn-actions > a {
        min-width: 0;
        margin: 0 10px 10px 0;
    }

    .ficha .file-gallery .btn-actions > a > span {
        font-size: 12px;
        line-height: 14px
    }

    .ficha .file-gallery .btn-actions > a > svg {
        width: 26px;
        height: 26px;
    }

    .ficha .wrap-accesorios > ul {
        display: block;
    }

    /*.ficha .wrap-accesorios > ul > li:nth-child(2) {display: none;}*/
    .ficha .wrap-accesorios > ul > li {
        display: block;
        width: auto;
    }

    .ficha .wrap-accesorios > ul > li > a {
        font-size: 12px;
        line-height: 14px;
        margin: 0 8px 0 0;
    }

    .ficha .wrap-accesorios > ul > li > a > i {
        display: inline-block;
        vertical-align: middle;
        height: 20px;
        width: 20px;
        line-height: 22px;
    }

    .ficha .wrap-accesorios > ul > li > a > i > svg {
        display: block;
        fill: var(--seat);
        height: 20px;
        width: 20px;
    }

    .ficha .wrap-accesorios > ul > li.present > a > i {
        display: none;
    }

    .ficha .wrap-accesorios > div > div > div.recomendados > ul {
        display: none;
    }

    .ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td {
        width: 50%;
    }

    .ficha .wrap-accesorios > div > div > div.recomendados > form > table > tbody > tr > td + td {
        width: 20%;
    }

    .ficha .file-dates .wrap-location > dl > dt {
        font-size: 18px;
    }

    .ficha .file-dates .wrap-location > p, .ficha .file-dates .wrap-location > dl > dd {
        font-size: 14px;
    }

    .ficha .file-gallery .gallery-thumbs .swiper-wrapper {
        display: none;
    }

    .ficha .file-gallery {
        margin-bottom: 10px;
    }

    .ficha .file-gallery .btn-actions {
        margin: 20px 0
    }

    .ficha .file-gallery {
        float: none;
    }

    .ficha .file-car {
        border: none;
    }
}

@media only screen and (max-width: 580px) {
    .ficha .file-cost .grid-nav > div .digit {
        font-size: 24px
    }

    .ficha .file-cost .grid-nav > div .digit > i {
        font-size: 10px;
    }

    .ficha .file-cost .grid-nav > div .digit > i span {
        font-size: 9px;
    }

    .ficha .file-cost .grid-nav > div.pvp b {
        font: 400 16px/38px "st";
    }
}

@media only screen and (max-width: 480px) {
    .ficha .file-gallery .btn-actions > a {
        min-width: 0;
        margin: 0 10px 10px 0;
    }

    .ficha .file-gallery .btn-actions > a > span {
        font-size: 10px;
        line-height: 14px
    }

    .ficha .file-gallery .btn-actions > a > svg {
        width: 20px;
        height: 20px;
    }
}

.ficha .simHeightFinance {
    position: relative;
}

.ficha .financeDatesBis {
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -.3px;
}

.ficha .financeDatesBis span {
    color: #8994A0;
    font-family: 'st';
    font-weight: normal;
    font-size: 11px;
    line-height: 1.2;
    margin: 0 4px;
    z-index: 1;
}

.ficha .financeDatesBis u {
    color: #8994A0;
    font-weight: normal;
    text-decoration: underline;
}

.ficha .financeDatesBis a {
    color: #8994A0;
    font-family: 'st';
    font-weight: normal;
    font-size: 11px;
    line-height: 1.2;
    font-weight: bold;
    text-decoration: underline !important;
}

.ficha .condicionesLayer {
    display: none;
    position: absolute;
    bottom: 9px;
    background-color: #eaeeed;
    width: calc(100% - 20px);
    margin: 0 10px;
    border-radius: 10px;
    box-shadow: 0 0 4px #333;
}

.ficha .condicionesLayer > div {
    padding: 10px;
}

.ficha .condicionesLayer > div > a {
    height: 30px;
    width: 40px;
    background-color: #fff;
    border-radius: 0 0 0 36px;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.ficha .condicionesLayer > div > a > svg {
    display: block;
    fill: #666;
    height: 13px;
    width: 13px;
    margin: 8px 0 0 18px;
}

.ficha .condicionesLayer > div > p.ttl {
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0 0 4px 0;
    font-size: 14px;
}

.ficha .condicionesLayer > div > p {
    color: #222;
    font-size: 12px;
}

.ficha .condicionesLayer > div > p b {
    color: #222;
}

.ficha .condicionesLayer > div > p a {
    color: #222;
}

.ficha .condicionesLayer > div > p u {
    color: #222;
}

.ficha .condicionesLayer > div > p .closeBtn {
    background-color: var(--seat);
    color: #ffffff;
    font-weight: bold;
    padding: 10px 20px;
    border-radius: 30px;
    display: block;
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
}

.ficha .on + .condicionesLayer {
    display: block;
}

@media only screen and (min-width: 760px) {
    .ficha .condicionesLayer > div > p .closeBtn:hover {
        background-color: #000000;
    }
}

/*zoom img ficha*/
.zoomImg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    width: 100%;
}

.zoomImg > div {
    visibility: visible;
    position: relative;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.zoomImg > div > a {
    cursor: pointer;
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #fff;
    top: 34px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.zoomImg > div > a svg {
    width: 13px;
    height: 13px;
    fill: #000000;
}

.zoomImg > div > div {
    visibility: visible;
    opacity: 1;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100% - 80px);
    position: relative;
    padding-top: 80px;
}

.zoomImg > div .swiper-container {
    box-sizing: border-box;
    display: block;
    height: inherit;
    -moz-box-sizing: border-box;
    position: relative;
    min-height: 90vh;
    height: 90%;
    width: 100%;
}

.zoomImg .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.zoomImg .swiper-pagination {
    position: absolute;
    bottom: auto;
    top: 48px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    font-family: st;
}

.zoomImg .swiper-container picture, .zoomImg .swiper-container picture img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    object-fit: contain;
}

.zoomImg .swiper-button-prev, .zoomImg .swiper-button-next {
    background-size: 40px 40px;
    margin-top: 20px;
}

.zoomImg.on {
    display: block;
}

@media all and (min-width: 480px) {
    .zoomImg > div {
        padding: 40px 0 0;
    }

    .zoomImg .swiper-pagination {
        top: 10px;
    }
}

@media all and (min-width: 768px) {
    .zoomImg > div {
        padding: 60px 0 0;
    }

    .zoomImg > div > a {
        top: 23px;
        right: 41px;
    }

    .zoomImg .swiper-pagination {
        top: -20px;
    }
}

@media all and (min-width: 1100px) {
    .zoomImg > div {
        padding: 0 100px;
    }

    .zoomImg > div > a {
        top: 53px;
        right: 61px;
    }

    .zoomImg .swiper-pagination {
        top: 40px;
        left: -20px;
        right: auto;
        width: auto;
    }
}

/*destacados*/
.destacados {
    background-color: #dedad4;
    padding: 20px 0;
}

.destacados .wrapDestacados {
}

.destacados .wrapDestacados > h2 {
    color: #000000;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 20px;
    text-decoration: none;
    margin: 20px auto 40px auto;
    max-width: 800px;
}

.destacados .wrapDestacados .swiper-container {
    padding: 0 30px;
}

.destacados .wrapDestacados .swiper-container::before {
    background-color: #dedad4;
    content: '';
    display: block;
    height: 100%;
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.destacados .wrapDestacados .swiper-container::after {
    background-color: #dedad4;
    content: '';
    display: block;
    height: 100%;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.destacados .wrapDestacados .swiper-button-prev {
    background-color: #0f0f0f;
    border-radius: 50%;
    background-size: 10px;
    box-shadow: 1px 1px 4px #000;
    left: 5px;
}

.destacados .wrapDestacados .swiper-button-next {
    background-color: #0f0f0f;
    border-radius: 50%;
    background-size: 10px;
    box-shadow: 1px 1px 4px #000;
    right: 5px;
}

.destacados .wrapDestacados .file-item-cell {
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.destacados .wrapDestacados .file-item-cell .result-file-dates > .compared-grid-price .precio > span, .destacados .wrapDestacados .file-item-cell .result-file-dates > .compared-grid-price .cuota > span {
    font-size: 12px;
}

.destacados .wrapDestacados .file-item-cell .result-file-dates > .compared-grid-price .digit {
    font: 700 20px/32px "st";
}

.destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .domicilio {
    width: 33%
}

.destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .domicilio > div {
    width: calc(100% - 20px);
    text-align: left;
}

.destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .visitaVirtual {
    width: 33%
}

.destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .visitaVirtual > div {
    width: calc(100% - 20px);
    text-align: left;
}

.destacados .wrapDestacados .file-item-cell .result-file-loc {
    margin: 10px 0 8px 0;
}


@media all and (min-width: 768px) {
    .destacados {
        padding: 20px 40px;
    }

    .destacados .wrapDestacados > h2 {
        font-size: 30px;
    }

    .destacados .wrapDestacados .swiper-button-prev, .destacados .wrapDestacados .swiper-button-next {
        height: 60px;
        width: 60px;
    }

    .destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .domicilio {
        width: auto;
    }

    .destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .domicilio > div {
        width: calc(128px - 22px);
        text-align: center;
    }

    .destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .visitaVirtual {
        width: auto;
    }

    .destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .visitaVirtual > div {
        width: calc(106px - 22px);
        text-align: center;
    }

    .destacados .wrapDestacados .file-item-cell .heightDomicilio .gridDigital .firma {
        width: auto;
    }
}

@media all and (min-width: 1080px) {
    .destacados .swiper-slide {
        opacity: 0.7;
        transform: scale(0.98)
    }

    .destacados .swiper-slide.swiper-slide-next {
        opacity: 1;
        transform: none;
    }
}

@media all and (min-width: 1360px) {
    .destacados .swiper-slide {
        opacity: 0.7;
        transform: scale(0.98)
    }

    .destacados .swiper-slide.swiper-slide-next {
        opacity: 1;
        transform: none;
    }

    .destacados .swiper-slide.swiper-slide-next + .swiper-slide {
        opacity: 1;
        transform: none;
    }
}

/* FLOTANTE ------------------------------------------------------------------------------------------*/
.floatSmsLayer {
    position: fixed;
    top: 90px;
    right: 0;
    z-index: 999;
    transform: translateX(100%);
}

.floatLayer {
    background-color: #fff;
    margin: 20px 0;
    border-radius: 10px;
    overflow: hidden;
    width: 330px;
    max-width: 100%;
    transition: all ease 0.3s;
    transform: translateX(100%);
}

.floatLayer .ttl {
    background-color: rgba(10, 150, 5, 0.2);
    position: relative;
}

.floatLayer .ttl .close-modal {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 0 0 0 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.floatLayer .ttl .close-modal > svg {
    display: block;
    fill: #666;
    height: 14px;
    width: 14px;
    margin: 0;
}

.floatLayer .ttl > div {
    display: flex;
    align-items: center;
    padding: 4px 30px 4px 10px;
}

.floatLayer .ttl > div svg {
    fill: rgba(10, 150, 5, 1);
    height: 24px;
    width: 24px;
}

.floatLayer .ttl > div p {
    font-size: 14px;
    margin: 0 0 0 10px;
}

.floatLayer .vehicle {
    display: flex;
    padding: 20px 10px;
}

.floatLayer .vehicle > div {
    width: 80px;
    margin: 0 20px 0 0;
}

.floatLayer .vehicle > div picture, .floatLayer .vehicle > div img {
    display: block;
    height: auto;
    width: 100%;
}

.floatLayer .vehicle > div p {
    font-size: 14px;
}

.floatLayer .vehicle > div + div {
    margin: 0;
    width: calc(100% - 100px);
}

.floatLayer .cta {
    padding: 10px;
    text-align: right;
}

.floatLayer .cta a {
    font-size: 12px;
    padding: 0 20px 0 0;
    position: relative;
}

.floatLayer .cta a::before {
    background: transparent url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyIDMyIiBoZWlnaHQ9IjMycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAzMiAzMiIgd2lkdGg9IjMycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik0yNC4yOTEsMTQuMjc2TDE0LjcwNSw0LjY5Yy0wLjg3OC0wLjg3OC0yLjMxNy0wLjg3OC0zLjE5NSwwbC0wLjgsMC44Yy0wLjg3OCwwLjg3Ny0wLjg3OCwyLjMxNiwwLDMuMTk0ICBMMTguMDI0LDE2bC03LjMxNSw3LjMxNWMtMC44NzgsMC44NzgtMC44NzgsMi4zMTcsMCwzLjE5NGwwLjgsMC44YzAuODc4LDAuODc5LDIuMzE3LDAuODc5LDMuMTk1LDBsOS41ODYtOS41ODcgIGMwLjQ3Mi0wLjQ3MSwwLjY4Mi0xLjEwMywwLjY0Ny0xLjcyM0MyNC45NzMsMTUuMzgsMjQuNzYzLDE0Ljc0OCwyNC4yOTEsMTQuMjc2eiIgZmlsbD0iIzUxNTE1MSIvPjwvc3ZnPg==') no-repeat center center;
    background-size: 100%;
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 4px;
    top: 2px;
}

.floatLayer.remove .ttl {
    background-color: rgba(15, 105, 220, 0.2);
}

.floatSmsLayer.visible {
    transform: translateX(0);
}

.floatLayer.on {
    transform: translateX(-20px);
}

/*CTA FIX*/
.ctaFix {
    bottom: 12%;
    right: 10px;
    position: fixed;
    width: auto;
    z-index: 9;
}

.ctaFix ul {
    display: block;
    text-align: left;
}

.ctaFix ul li {
    margin: 10px 0;
}

.ctaFix ul li a {
    background-color: var(--seatHover);
    color: #ffffff;
    display: flex;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    border-radius: 50px;
    color: #ffffff;
    height: 64px;
    right: 10px;
    overflow: hidden;
    padding: 15px;
    width: 64px;
    transition: all .4s ease-in-out;
}

.ctaFix ul li a svg {
    display: block;
    height: 28px;
    width: 28px;
    float: left;
    fill: #ffffff;
    vertical-align: middle;
    margin: 0 auto;
}

.ctaFix ul li a span {
    display: none;
    float: right;
    font-size: 14px;
    height: 14px;
    margin-left: 10px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
    width: 0;
    visibility: hidden;
    transition: all ease 1.2s;
    line-height: 1;
    opacity: 0;
}

.ctaFix ul li a.showWhatsAppLayer {
    background-color: #2bb43e; /*height: 64px !important;width: 64px !important;margin: 0 0 0 auto*/;
}

.ctaFix ul:hover li a {
    width: 200px;
}

.ctaFix ul:hover li a span {
    display: block;
    width: calc(98% - 30px);
    visibility: visible;
    opacity: 1;
}

.ctaFix > a {
    display: none;
}

@media all and (max-width: 768px) {
    .ctaFix > a {
        background-color: var(--seatHover);
        color: #ffffff;
        display: flex;
        align-items: center;
        font-size: 12px;
        text-decoration: none;
        border-radius: 50px;
        color: #ffffff;
        height: 64px;
        right: 10px;
        overflow: hidden;
        padding: 15px;
        width: 64px;
        transition: all .4s ease-in-out;
        margin: 0 0 0 auto;
    }

    .ctaFix > a > svg {
        display: block;
        height: 28px;
        width: 28px;
        float: left;
        fill: #ffffff;
        vertical-align: middle;
        margin: 0 auto;
    }

    .ctaFix > a > svg + svg {
        display: none;
    }

    .ctaFix.on > a > svg {
        display: none;
    }

    .ctaFix.on > a > svg + svg {
        display: block;
    }

    .ctaFix > ul {
        display: none;
    }

    .ctaFix.on > ul {
        display: block;
    }

    .ctaFix ul li a {
        width: 200px;
    }

    .ctaFix ul li a span {
        display: block;
        width: calc(98% - 30px);
        visibility: visible;
        opacity: 1;
    }
}

@media all and (min-width: 768px) {
    .ctaFix ul li.onlymvl {
        display: none;
    }
}

@media all and (min-width: 980px) {
    .ctaFix {
        bottom: 4%;
    }
}

/* MODALES -------------------------------------------------------------------------------------------*/
.cover-modal {
    display: none;
}

.cover-modal.on {
    display: block;
}

.cover-modal > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
}

.cover-modal > div > div.bg-modal {
    background-color: rgba(0, 0, 0, 0.63);
    border-radius: 0;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.cover-modal > div > div {
    max-width: 100%;
    max-height: 100%;
    background-color: #f1f4f3;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 0;
    position: relative;
    z-index: 999;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

.cover-modal > div > div > div.closeModalWrap {
    background-color: transparent;
    position: sticky;
    position: -webkit-sticky;
    right: 0;
    top: 0;
    z-index: 9;
}

.cover-modal > div > div > div.closeModalWrap .close-modal {
    height: 40px;
    width: 50px;
    background-color: #fff;
    border-radius: 0 0 0 36px;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.cover-modal > div > div > div.closeModalWrap .close-modal > svg {
    display: block;
    fill: #666;
    height: 20px;
    width: 20px;
    margin: 8px 0 0 18px;
}

.cover-modal > div > div > div.closeModalWrap .back-modal {
    height: 40px;
    width: 50px;
    background-color: #fff;
    border-radius: 0 0 36px 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.cover-modal > div > div > div.closeModalWrap .back-modal > svg {
    display: block;
    fill: #666;
    height: 20px;
    width: 20px;
    margin: 8px 0 0 10px;
}

.cover-modal > div > div > div.contentModalWrap.gridItemReservar {
    background-color: transparent;
}

.cover-modal > div > div > div.contentModalWrap {
    clear: both;
    background-color: #ffffff;
    max-height: 100%;
    overflow: auto;
    padding: 0;
    position: relative;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid > div {
    width: 100%
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid > div > h2 {
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid > div > h2 > span {
    font-family: 'st';
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid > div > p {
    font-family: 'st';
    font-size: 14px;
    line-height: 18px;
    margin: 8px 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid > div > p > span {
    display: inline-block;
    border-left: 1px solid #999;
    padding: 0 0 0 8px;
    margin: 0 0 0 4px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price > div {
    margin: 6px 0;
    width: 50%;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price > div > span {
    display: block;
    font-family: 'st';
    font-size: 14px;
    line-height: 16px
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 {
    color: var(--seat);
    font: 100 18px/22px "st";
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 > i {
    display: inline-block;
    font-style: normal;
    font-size: 16px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    top: 5px;
    width: 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 10px;
    font-family: 'st';
    left: -70px;
    line-height: 10px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 100px;
    z-index: 9;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block;
    position: relative;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-grid .compared-grid-price h3 .tool.on > span {
    display: block;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl {
    background-color: #dedad4;
    color: #4d4d4d;
    font-family: 'st';
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    padding: 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl > h2 {
    text-align: left;
    color: #4d4d4d !important;
    font-family: 'st';
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car {
    background-color: #dedad4;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 10px 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div {
    width: 80px;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div > img, .cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div > p {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div > p > span {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-ttl-car > div + div {
    padding-left: 20px;
    width: calc(100% - 100px);
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido {
    background-color: #ffffff;
    padding: 10px 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .add-to-compare {
    display: block;
    margin: 0 0 20px 0;
    text-align: right;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .add-to-compare > a {
    display: inline-block;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .add-to-compare > a > svg {
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    fill: var(--seat);
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .add-to-compare > a > span {
    color: #4d4d4d;
    font-family: 'st';
    font-size: 14px;
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .add-to-compare > a.on > span {
    color: var(--seat);
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .file-genericos {
    margin: 10px 0;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .file-genericos > div > span {
    background-color: #c1c6c8;
    display: inline-block;
    color: #000;
    padding: 8px 6px;
    font-size: 14px;
    font-family: 'st';
    font-weight: normal;
    margin: 6px 2px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .share-wrap {
    padding: 20px 10px;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .share-wrap > a {
    display: inline-block;
    vertical-align: middle;
    height: 60px;
    width: 60px;
    margin: 10px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .share-wrap > a > svg {
    height: 60px;
    width: 60px;
    fill: #4d4d4d;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .phone-wrap {
    padding: 20px 10px;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .phone-wrap > span {
    font-size: 20px;
    line-height: 1.1;
    color: #4d4d4d;
    font-family: 'st';
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .video-360-wrap {
    padding: 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .video-360-wrap > video {
    width: 100%;
    height: auto;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .video-360-wrap > iframe {
    width: 100%;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido > p {
    color: #4d4d4d;
    font-size: 14px;
    margin: 0 4px;
    text-align: left;
}

#modal-login.cover-modal > div > div > div.contentModalWrap .modal-contenido > div.content-forms h4 {
    color: #333;
    font-size: 15px;
}

.cover-modal > div > div > div.contentModalWrap .modal-footer {
    background-color: #dddddd;
    padding: 6px;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-footer > a {
    color: var(--seat);
    display: inline-block;
    font-family: 'st';
    font-size: 14px;
    margin: 4px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal {
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p {
    color: #000000;
    font-family: 'st';
    font-size: 18px;
    margin: 30px 0;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p .icon-check {
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p .icon-check > svg {
    fill: #5fc829;
    display: block;
    height: 60px;
    width: 60px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p .icon-nocheck {
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p .icon-nocheck > svg {
    fill: #cc0000;
    display: block;
    height: 60px;
    width: 60px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p a {
    background-color: var(--seat);
    color: #fff;
    display: inline-block;
    font-family: 'st', arial, sans-serif;
    padding: 18px 20px;
    border-radius: 30px;
    font-size: 18px;
    margin: 8px 4px;
    min-width: 150px;
    transition: all ease 0.3s;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido.legalFeria p {
    font-size: 16px;
    margin: 30px 20px;
    text-align: justify;
    line-height: 1.4;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reservado {
    padding: 0 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reservado h3 {
    color: #000000;
    font-size: 24px;
    line-height: 1.4;
    margin: 20px 0;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reservado h3 b {
    font-weight: bold;
    color: #000000;
    font-size: 1em;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reservado p {
    line-height: 1.6;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reservado p a {
    padding: 5px 60px;
    font-weight: bold;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir {
    padding: 0 20px;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir h3 {
    color: #000000;
    font-size: 24px;
    line-height: 1.4;
    margin: 20px 0;
    text-align: center;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir h3 b {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir p {
    line-height: 1.6;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir p b {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir picture {
    display: flex;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir picture img {
    max-width: 100%;
    height: auto;
}

.cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal.aviso-reserva-cancelada-seguir p a {
    padding: 5px 60px;
    font-weight: bold;
}

.cover-modal.thnkUFlex > div > div > div.contentModalWrap .modal-contenido {
    background-color: #3CAAA4;
    border-radius: 10px;
    padding: 40px 0;
}

.cover-modal.thnkUFlex > div > div > div.contentModalWrap .modal-contenido .txt-modal p .icon-check > svg {
    fill: #f6b841;
}

.cover-modal.thnkUFlex > div > div > div.contentModalWrap .modal-contenido .txt-modal p {
    color: #ffffff;
}

.cover-modal.thnkUFlex > div > div > div.contentModalWrap .modal-contenido .txt-modal p:nth-child(2) b {
    font-size: 40px;
    color: #ffffff;
}

#modal-aviso-coche-reservado.cover-modal > div > div:not(.bg-modal) {
    width: 680px;
}

.cancelacionModal {
    padding: 20px !important;
}

.cancelacionModal h3 {
    color: #000000;
    font-size: 18px;
    line-height: 1.4;
    margin: 20px 0;
    text-align: center;
}

.cancelacionModal h3 b {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}

.cancelacionModal p {
    font-size: 16px !important;
    font-weight: normal !important;
    line-height: 1.4;
    margin: 20px 0 !important;
    text-align: center !important;
    color: #000 !important;
}

.cancelacionModal p b {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
}

.cancelacionModal form {
    padding: 1px 0;
}

.cancelacionModal form .fieldset {
    margin: 30px 0;
}

.cancelacionModal form label, .cancelacionModal form .label {
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-family: 'st';
    margin: 14px 0;
}

.cancelacionModal form .nice-select {
    border-radius: 0;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #8994A0;
    padding-left: 0;
}

.cancelacionModal form ul.list {
    width: calc(100% + 2px);
    left: -1px;
}

.cancelacionModal form textarea {
    height: 90px;
    width: 100%;
    border: 1px solid #8994a0;
    padding: 10px 16px;
    box-shadow: none;
    border-radius: 8px;
    resize: none;
    font-size: 16px;
    line-height: 1.4;
    color: #000;
}

.cancelacionModal form .advsError {
    display: none;
}

.cancelacionModal form .alertField .advsError {
    color: #c00;
    font-weight: normal;
    font-size: 14px;
    margin: 10px 0;
    display: block;
}

.cancelacionModal .cancelar-pedido {
    background-color: var(--seat);
    display: inline-flex;
    font: 700 18px/18px "st";
    text-align: center;
    border-radius: 30px;
    padding: 0 16px;
    margin: 0 4px;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 60px;
    width: 290px;
    transition: all ease 0.4s
}

.cancelacionModal #stars {
    display: flex;
    list-style-type: none;
    padding: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.cancelacionModal #stars > li.star {
    margin: 10px 14px 10px 0
}

.cancelacionModal #stars > li.star svg {
    fill: #ffffff;
    stroke: var(--seat);
    height: 22px;
    width: 22px;
}

.cancelacionModal #stars > li.star:hover svg, .cancelacionModal #stars > li.star.hover svg {
    fill: #eaeeed;
}

.cancelacionModal #stars > li.star.selected svg {
    fill: var(--seat);
}

.cancelacionModal form .alertField .advsError {
    fill: #c00;
    stroke: #c00;
}

.cancelacionModal .error, .cancelacionModal .error label, .cancelacionModal .error textarea, .cancelacionModal .error select, .cancelacionModal .error .nice-select {
    color: #c00;
    border-color: #c00;
}

@media all and (min-width: 480px) {
    .cancelacionModal h3 {
        font-size: 24px;
    }

    .cancelacionModal p {
        font-size: 18px !important;
    }

    .cancelacionModal .cancelar-pedido:hover {
        background-color: #000000;
    }

    .cancelacionModal form .fieldset {
        margin: 30px 20px;
    }

    .cancelacionModal #stars > li.star svg {
        height: 26px;
        width: 26px;
    }
}

#modal-thanku.cover-modal > div > div > div .modal-contenido .txt-modal p {
    font-size: 26px;
}

#modal-cancelacion-error.cover-modal > div > div + div, #modal-pedido-error.cover-modal > div > div + div {
    width: 420px;
}

/*modal reserva*/
#modal-reservarTask.cover-modal > div > div {
    border-radius: 0;
}

.gridItemReservar {
}

.gridItemReservar .itemReservarCar h3 {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    margin: 0 0 20px;
}

.gridItemReservar .itemReservarCar img {
    display: block;
    height: auto;
    max-width: 340px;
    width: 100%;
}

.gridItemReservar .itemReservarDates .itemTtlDates {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.1;
}

.gridItemReservar .itemReservarDates .itemTtlDates > span {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    margin: 6px 0 0 0;
}

.gridItemReservar .itemReservarDates .itemListDates {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 14px 0;
}

.gridItemReservar .itemReservarDates .itemListDates > li > span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: st;
    font-weight: normal;
}

.gridItemReservar .itemReservarDates .compared-grid-price {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 18px 0;
}

.gridItemReservar .itemReservarDates .compared-grid-price > div {
    margin: 0 0 6px 0;
    width: 48%;
}

.gridItemReservar .itemReservarDates .compared-grid-price > div > span {
    display: block;
    font-family: 'st';
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 4px 0;
}

.gridItemReservar .itemReservarDates .compared-grid-price > div > p {
    font-family: 'st';
    font-size: 28px;
    line-height: 28px;
}

.gridItemReservar .itemReservarDates .compared-grid-price > div > p span {
    font-weight: bold;
}

.gridItemReservar .itemReservarDates .compared-grid-price > div + div > p {
    color: var(--seat);
}

.gridItemReservar .itemReservarDates .explainReserva {
    margin: 30px 0 0 0;
}

.gridItemReservar .itemReservarDates .explainReserva p {
    margin: 0 0 14px 0;
}

.gridItemReservar .itemReservarDates .explainReserva p b {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li {
    padding: 4px 0 4px 36px;
    position: relative;
    font-size: 14px;
    font-weight: normal;
    font-family: 'st';
    color: #000;
    margin: 6px 0;
    line-height: 1.2;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li i {
    display: block;
    height: 26px;
    left: 0;
    position: absolute;
    top: 0;
    width: 26px;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li i svg {
    fill: var(--seat);
    height: 26px;
    width: 26px;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li .tooltipRight {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li .tooltipRight svg {
    height: 18px;
    width: 18px;
    fill: var(--seat);
    display: block;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li .tooltipRight .itemTooltip {
    padding: 5px;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li .tooltipRight .itemTooltip a {
    color: #000000;
    font-size: 1em;
    text-decoration: underline !important;
}

.gridItemReservar .itemReservarDates .explainReserva ul > li .tooltipRight .itemTooltip {
    width: 210px;
    margin-right: -49px;
}

.gridItemReservar .itemReservarDates .link {
    margin: 20px 0 0 0;
    text-align: center;
}

.gridItemReservar .itemReservarDates .link > a {
    background-color: var(--seat);
    color: #ffffff;
    display: inline-block;
    font-family: 'st', arial, sans-serif;
    padding: 20px;
    border-radius: 4px;
    font-size: 18px;
    min-width: 160px;
    transition: all ease 0.3s;
    font-weight: bold;
}

@media only screen and (min-width: 768px) {
    #modal-reservarTask.cover-modal > div > div {
        border-radius: 10px;
    }

    .gridItemReservar {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .gridItemReservar .itemReservarDates .compared-grid-price {
    }

    .gridItemReservar .itemReservarDates .link > a:hover {
        background-color: #000000;
    }

    /**/
    .cover-modal > div > div > div.contentModalWrap .modal-contenido .txt-modal p a:hover {
        background-color: #000000;
    }

    /**/
    #modal-reservarTask.cover-modal > div > .bg-modal + div {
        background-color: transparent;
        position: relative;
    }

    #modal-reservarTask.cover-modal > div > .bg-modal + div::before {
        background-color: #dedad4;
        content: '';
        display: block;
        height: 56%;
        width: 100%;
        position: absolute;
        border-radius: 10px;
        min-height: 360px;
    }
}

#pagoSeguroCheckout {
    min-height: 680px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#pagoSeguroCheckout iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (min-width: 840px) {
    #pagoSeguroCheckout {
        min-height: 580px;
    }
}

/*modal reserva FW*/
#modal-reservaFw .goBackWrap {
    margin: 15px 0 -10px 15px;
}

#modal-reservaFw .goBackWrap .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
}

#modal-reservaFw .goBackWrap .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

#modal-reservaFw .goBackWrap .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.cover-modal.fw > div > div {
    border-radius: 0;
    height: 100%;
    overflow-y: auto;
    width: 100%;
}

.reservaFwContainer {
    margin: 0 auto;
    max-width: 100%;
    padding: 20px 10px;
    width: 930px;
}

.reservaFwContainer .logoPage {
    margin: 0 0 20px 0;
    text-align: center;
}

.reservaFwContainer .logoPage > img, .reservaFwContainer .logoPage > picture img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

.reservaFwContainer .itemReservado {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px;
}

.reservaFwContainer .itemReservado .grid {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.reservaFwContainer .itemReservado .grid > div {
    width: 38%;
}

.reservaFwContainer .itemReservado .grid > div:nth-child(2) {
    margin: 0 0 0 4%;
    width: 58%;
}

.reservaFwContainer .itemReservado .grid > div:nth-child(3) {
    width: 100%;
}

.reservaFwContainer .itemReservado .grid > div > img, .reservaFwContainer .itemReservado .grid > div > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.reservaFwContainer .itemReservado .grid > div .itemTtlDates {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
    margin: 0;
}

.reservaFwContainer .itemReservado .grid > div .itemTtlDates > span {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.reservaFwContainer .itemReservado .grid > div .itemListDates {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 10px 0 20px 0;
    max-width: 380px;
}

.reservaFwContainer .itemReservado .grid > div .itemListDates > li > i {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto 10px;
}

.reservaFwContainer .itemReservado .grid > div .itemListDates > li > i > svg {
    fill: #8994a0;
    height: 30px;
    margin: 0 auto 10px;
    width: 30px;
}

.reservaFwContainer .itemReservado .grid > div .itemListDates > li > span {
    display: block;
    text-align: center;
    font-size: 14px;
    font-family: st;
    font-weight: normal;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price {
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 10px 0 0;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price > div {
    margin: 0 0 6px 0;
    width: 55%;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price > div > span {
    color: #8994a0;
    display: block;
    font-family: 'st';
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price > div > p {
    font-family: 'st';
    font-size: 22px;
    line-height: 1.2;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price > div + div {
    width: 45%;
}

.reservaFwContainer .itemReservado .grid > div .compared-grid-price > div + div > p {
    color: var(--seat);
}

.reservaFwContainer .itemReservado .grid > div .location {
    margin: 20px 0 0 0;
    font-size: 15px;
}

.reservaFwContainer .itemReservado .grid > div .location span {
    color: #000000;
    display: inline;
    font-family: 'st';
    vertical-align: middle;
}

.reservaFwContainer .itemReservado .grid > div .location b {
    color: #000000;
    font-family: 'st';
    font-weight: normal;
}

.reservaFwContainer .itemReservado .grid > div .location svg {
    fill: var(--seat);
    display: inline-block;
    height: 26px;
    vertical-align: middle;
    width: 26px;
}

.reservaFwContainer .formContainer {
    background-color: #ffffff;
    border-radius: 10px;
    display: none;
    overflow: hidden;
    margin: 20px 0;
    transition: all ease 0.3s;
}

.reservaFwContainer .formContainer .ttl {
    background-color: #8994a0;
    color: #ffffff;
    position: relative;
}

.reservaFwContainer .formContainer .ttl p {
    color: #ffffff;
    font-family: 'st';
    text-align: left;
    font-size: 20px;
    line-height: 22px;
    padding: 16px 20px;
}

.reservaFwContainer .formContainer .ttl .close-modal {
    height: 40px;
    width: 50px;
    background-color: #fff;
    border-radius: 0 0 0 36px;
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}

.reservaFwContainer .formContainer .ttl .close-modal > svg {
    display: block;
    fill: #666;
    height: 20px;
    width: 20px;
    margin: 8px 0 0 18px;
}

.reservaFwContainer .formContainer .contenido {
    background-color: #ffffff;
}

.reservaFwContainer .formContainer .contenido .aviso-reservado {
    padding: 10px 20px;
}

.reservaFwContainer .formContainer .contenido .aviso-reservado h3 {
    color: #000000;
    font-size: 24px;
    line-height: 1.4;
    margin: 20px 0;
    text-align: center;
}

.reservaFwContainer .formContainer .contenido .aviso-reservado h3 b {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
}

.reservaFwContainer .formContainer .contenido .aviso-reservado p {
    color: #000000;
    font-family: 'st';
    font-size: 18px;
    line-height: 1.6;;
    margin: 30px 0;
    text-align: center;
}

.reservaFwContainer .formContainer .contenido .aviso-reservado p a {
    background-color: var(--seat);
    color: #fff;
    display: inline-block;
    font-family: 'st', arial, sans-serif;
    padding: 18px 20px;
    border-radius: 30px;
    font-size: 18px;
    margin: 8px 4px;
    min-width: 150px;
    transition: all ease 0.3s;
}

.reservaFwContainer .formContainer .contenido .content-forms {
    margin: 0;
    padding: 10px;
}

.reservaFwContainer .formContainer .contenido .content-forms > div {
    display: block;
}

.reservaFwContainer .formContainer .contenido .content-forms .dark_link {
    display: block;
    background-color: var(--seat);
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
}

.reservaFwContainer .formContainer.on {
    display: block;
}

.reservaFwContainer .steps {
    text-align: center;
    margin: 20px 0 0;
}

.reservaFwContainer .steps ul {
    display: inline-flex;
    position: relative;
    list-style: none;
    flex-flow: row wrap;
}

.reservaFwContainer .steps ul > li {
    flex: 1 1 0;
}

.reservaFwContainer .steps ul > li > i {
    height: 40px;
    width: 40px;
    display: block;
    border-radius: 50%;
    background-color: #8994a0;
    margin: 8px auto;
    position: relative;
    z-index: 2;
}

.reservaFwContainer .steps ul > li > i svg {
    fill: #ffffff;
    height: 30px;
    width: 30px;
    margin: 5px;
}

.reservaFwContainer .steps ul > li > span {
    display: block;
    text-align: center;
    margin: 10px 0 6px;
    font-size: 11px;
    min-width: 110px;
}

.reservaFwContainer .steps ul::after {
    content: '';
    display: block;
    height: 2px;
    left: 20%;
    margin: -2px 0 0 0;
    position: absolute;
    bottom: 28px;
    width: 60%;
    background-color: #8994a0;
    z-index: 1;
}

.reservaFwContainer .steps ul::before {
    content: '';
    display: block;
    height: 2px;
    left: 20%;
    margin: -2px 0 0 0;
    position: absolute;
    bottom: 28px;
    width: 13%;
    background-color: var(--seat);
    z-index: 2;
}

.reservaFwContainer .steps ul.mid::before {
    width: 30%;
}

.reservaFwContainer .steps ul.complete::before {
    width: 60%;
}

.reservaFwContainer .steps ul > li.complete > i {
    background-color: var(--seat);
}

@media only screen and (min-width: 480px) {
    .reservaFwContainer .itemReservado .grid > div .itemTtlDates {
        font-size: 18px;
        margin: 10px 0;
    }

    .reservaFwContainer .itemReservado .grid > div .itemTtlDates > span {
        font-size: 16px;
    }

    .reservaFwContainer .itemReservado .grid > div .compared-grid-price {
        margin: 20px 0 0 0;
    }

    .reservaFwContainer .itemReservado .grid > div .compared-grid-price > div > span {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .reservaFwContainer {
        padding: 20px 10px;
    }

    .reservaFwContainer .itemReservado .grid > div {
        width: 22%;
    }

    .reservaFwContainer .itemReservado .grid > div:nth-child(2) {
        margin: 0 2%;
        width: 34%;
    }

    .reservaFwContainer .itemReservado .grid > div:nth-child(3) {
        width: 40%;
    }

    .reservaFwContainer .itemReservado .grid > div + div {
        margin-top: 0;
    }

    .reservaFwContainer .formContainer {
        margin: 30px 0;
    }

    .reservaFwContainer .formContainer .contenido .content-forms .dark_link:hover {
        background-color: #000000;
    }

    .reservaFwContainer .formContainer .contenido .aviso-reservado p a:hover {
        background-color: #000000;
    }

    #modal-reservaFw .goBackWrap .goBackExt:hover, #modal-reservaFw .goBackWrap .goBackExt:hover svg, #modal-reservaFw .goBackWrap .goBackExt:hover svg {
        color: var(--seat);
        fill: var(--seat);
    }
}

@media only screen and (min-width: 980px) {
    .reservaFwContainer {
        padding: 20px 10px;
    }
}

/*modals width*/
#modal-avisame.cover-modal > div > div:not(.bg-modal) {
    max-height: 590px;
    width: 620px
}

#modal-bajaPrecio.cover-modal > div > div:not(.bg-modal) {
    height: 700px;
    width: 620px;
}

#modal-login.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-olvido.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

/*#modal-confirmacion.cover-modal > div > div:not(.bg-modal){width: 450px}*/
#modal-cambio-password-success.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-olvido-password-success.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-pedido-error.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-pedido-coche-reservado-devolucion.cover-modal > div > div:not(.bg-modal) {
    width: 520px
}

#modal-pedido-coche-reservado-devolucion.cover-modal > div > div > div.contentModalWrap .modal-contenido {
    padding: 10px 20px;
}

#modal-registro-success.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-thanku-pedidos.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-thanku.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-telefono.cover-modal > div > div:not(.bg-modal) {
    width: 450px
}

#modal-compartir.cover-modal > div > div:not(.bg-modal) {
    width: 500px
}

/*modals height*/
#modal-contacto.cover-modal > div > div > div.contentModalWrap {
    min-height: 350px;
}

#modal-contacto .tooltipCenter .itemTooltip {
    margin-right: -60px;
    width: 120px;
}

/**/
.formTtl {
    margin: 20px 0;
    text-align: center;
}

.formTtl h3, .formTtl h4 {
    color: #4d4d4d;
    font-family: 'st';
    font-size: 20px;
    font-weight: 600;
    margin: 6px 0;
    text-align: center;
}

.formTtl p {
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    margin: 6px 0;
    text-align: center;
}

.nav-forms {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    border-bottom: 10px solid #f1f4f3;
    padding-bottom: 20px;
}

.nav-forms > div {
    background-color: #ffffff;
    border: 1px solid #8994A0;
    border-radius: 8px;
    color: #4d4d4d;
    cursor: pointer;
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: center;
    max-width: 160px;
    padding: 10px 14px;
    width: 30%;
}

.nav-forms > div > span {
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 6px 0;
    text-align: center;
}

.nav-forms > div .tooltipCenter {
    height: 20px;
    width: 20px;
}

.nav-forms > div .tooltipCenter svg {
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.nav-forms > div.on {
    border-color: var(--seat);
}

.content-forms {
    margin: 8px 14px;
}

.content-forms > h2 {
    color: #333f48;
    font-family: 'st';
    font-weight: 600;
    font-size: 20px;
}

.content-forms > div {
    display: none;
}

.content-forms > div form {
    padding: 10px;
}

.content-forms > div form h3, .content-forms > div h3 {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    font-style: normal;
    margin: 0 0 20px 0;
}

.content-forms > div form select {
    appearance: none;
    -webkit-appearance: none !important;
    -moz-appearance: none;
    border: 1px solid #cfd7d9;
    box-shadow: none;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    padding: 0px 27px 0px 0;
    background-color: #fff;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 8px 0;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiBoZWlnaHQ9IjUwcHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MCA1MCIgd2lkdGg9IjUwcHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxyZWN0IGZpbGw9Im5vbmUiIGhlaWdodD0iNTAiIHdpZHRoPSI1MCIvPjxwb2x5Z29uIHBvaW50cz0iNDcuMjUsMTUgNDUuMTY0LDEyLjkxNCAyNSwzMy4wNzggNC44MzYsMTIuOTE0IDIuNzUsMTUgMjUsMzcuMjUgIi8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 18px;
}

.content-forms > div form select::-ms-expand {
    display: none;
}

.content-forms > div form input[type="text"], .content-forms > div form input[type="password"] {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 10px;
    outline: none !important;
    vertical-align: middle;
    margin: 8px 0;
}

.content-forms > div form textarea {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0px 27px 0px 0;
    display: inline-block;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    resize: none;
    height: 90px;
    margin: 8px 0;
}

.content-forms > div form .grid-fieldset {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.content-forms > div form .grid-fieldset .col-10 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-25 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-32 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-40 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-50 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-55 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-67 {
    width: 100%;
}

.content-forms > div form .grid-fieldset .col-100 {
    width: 100%;
}

.content-forms > div form .grid-fieldset.align-right {
    justify-content: flex-end;
}

.content-forms > div form .grid-fieldset .adTxt {
    display: block;
    font-size: 12px;
    color: #8994AC;
    margin: -10px 0 0 0;
}

.content-forms > div form .grid-fieldset .alertField .adTxt {
    margin: 4px 0 0 0;
}

.content-forms > div form .grid-fieldset .nice-select.disabled {
    opacity: 0.5;
    overflow: hidden;
}

.content-forms > div form .llamame p.simLabel {
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    text-align: left;
    font-size: 17px;
    color: #000;
    padding: 0 0 0 4px;
}

.content-forms > div form .llamame select {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #999999;
    border-radius: 0;
    width: 100%;
    color: #000;
    font-size: 17px;
    text-indent: 0;
}

.content-forms > div form .posiciono-label {
    display: block;
    padding: 20px 0;
    position: relative;
}

.content-forms > div form .posiciono-label label {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: 'st', arial, sans-serif;
    font-stretch: normal;
    line-height: 16px;
    letter-spacing: normal;
    color: #8994A0;
    position: absolute;
    left: 0;
    top: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity: 1;
    z-index: -1;
}

.content-forms > div form .posiciono-label textarea, .content-forms > div form .posiciono-label input, .content-forms > div form .posiciono-label select {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    border-color: #8994A0;
    color: #8994A0;
    font-size: 16px;
    margin: 0;
}

.content-forms > div form .posiciono-label input:not(:focus) + label {
    top: 21px;
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    padding: 6px 0;
    opacity: 0
}

.content-forms > div form .posiciono-label input:focus + label {
    opacity: 1;
    z-index: 1;
}

.content-forms > div form .posiciono-label input::-webkit-input-placeholder {
    color: #8994A0;
    opacity: 1;
}

.content-forms > div form .posiciono-label input::-moz-placeholder {
    color: #8994A0;
    opacity: 1;
}

.content-forms > div form .posiciono-label input:-ms-input-placeholder {
    color: #8994A0;
    opacity: 1;
}

.content-forms > div form .posiciono-label input[type="password"] {
    font-family: arial;
    font-size: 16px;
    line-height: 16px;
}

.content-forms > div form .posiciono-label .toolinput {
    position: absolute;
    height: 20px;
    width: 20px;
    right: 0;
    bottom: 30px;
}

.content-forms > div form .posiciono-label .toolinput svg {
    fill: var(--seat);
    height: 20px;
    width: 20px;
}

.content-forms > div form .posiciono-label .toolinput .itemTooltip {
    width: 120px;
}

.content-forms > div form .posiciono-label .toolinput .itemTooltip::before {
    right: 18%;
}

.content-forms > div form .posiciono-label .smsError {
    color: #c00;
    display: none;
    position: absolute;
    bottom: 2px;
    font-size: 13px;
}

.content-forms > div form .posiciono-label input:focus {
    border-bottom: 2px solid #39484F;
}

.content-forms > div form .posiciono-label.alertField .smsError {
    display: block;
}

.content-forms > div form .posiciono-label.alertField input, .content-forms > div form .posiciono-label.alertField select, .content-forms > div form .posiciono-label.alertField textarea {
    border-bottom: 2px solid #c00;
    color: #c00;
}

.content-forms > div form .posiciono-label.alertField label, body .content-forms > div form .posiciono-label.alertField label {
    color: #39484F;
    opacity: 1;
    visibility: visible;
    top: 4px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    line-height: 1;
}

.content-forms > div form .posiciono-label.alertField input:focus {
    border-color: #c00;
}

.content-forms > div form .posiciono-label.validField input {
    padding-right: 30px !important;
    background: transparent url('../img/interface_negative.png') no-repeat center right;
    background-size: 24px;
}

.content-forms > div form .posiciono-label.validField .toolinput {
    right: 34px;
}

.content-forms > div form .posiciono-label.validField label, body .content-forms > div form .posiciono-label.validField label {
    color: #39484F;
    opacity: 1;
    visibility: visible;
    top: 4px;
    z-index: 1;
    font-size: 14px;
    padding: 0;
    line-height: 1;
}

.content-forms > div form .cocheCambioCheck {
    margin: 30px 0;
}

.content-forms > div form .cocheCambioCheck > div {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.content-forms > div form .cocheCambioCheck > div > input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px solid #333f48;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 0 2px 1px 0;
    opacity: 0.4;
    vertical-align: middle;
    position: relative;
    outline: none;
}

.content-forms > div form .cocheCambioCheck > div > input[type="checkbox"]:hover {
    border-color: #333f48;
    opacity: 1;
}

.content-forms > div form .cocheCambioCheck > div > input[type="checkbox"]:checked {
    background-color: #333f48;
    border-color: #333f48;
    opacity: 1;
}

.content-forms > div form .cocheCambioCheck > div > input[type="checkbox"]:checked::before {
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    background: transparent url('../img/interface.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -1px;
}

.content-forms > div form .cocheCambioCheck > div > label {
    width: calc(100% - 58px);
    text-align: left;
    margin: 0 0 0 10px;
}

.content-forms > div form .cocheCambioCheck > div > label > span {
    color: #4d4d4d;
    display: block;
    margin: 4px 0;
    font-family: 'st';
    font-size: 16px;
    line-height: 1;
}

.content-forms > div form .cocheCambioCheck > div > label > i {
    color: #8994A0;
    display: block;
    margin: 4px 0;
    font-family: 'st';
    font-size: 14px;
    font-style: normal;
}

.content-forms > div form .cocheCambioWrap {
    border: 1px solid #8994a0;
    padding: 4px 20px 10px;
    border-radius: 8px;
    margin: 0 0 30px 0;
}

.content-forms > div form .date {
    margin: 0 0 20px 0;
}

.content-forms > div form .date p {
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #8994A0;
    font-size: 18px;
    margin: 20px 0 14px 0;
}

.content-forms > div form .date p.error {
    color: #c00;
}

.content-forms > div form .date ul li {
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #8994A0;
    font-size: 18px;
    margin: 10px 0;
}

.content-forms > div form .date ul li input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px solid #333f48;
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    margin: 0 2px 1px 0;
    opacity: 0.4;
    vertical-align: middle;
    position: relative;
}

.content-forms > div form .date ul li input[type="radio"]:hover {
    border-color: #333f48;
    opacity: 1;
}

.content-forms > div form .date ul li input[type="radio"]:checked {
    background-color: #333f48;
    border-color: #333f48;
    opacity: 1;
}

.content-forms > div form .date ul li input[type="radio"]:checked::before {
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    background: transparent url('../img/interface.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -1px;
}

.content-forms > div form .date ul li label {
    font-family: 'st', arial, sans-serif;
    width: calc(100% - 58px);
    text-align: left;
    margin: 0 0 0 10px;
    color: #333f48;
}

.content-forms > div form #datepicker {
    margin: 20px auto;
    max-width: 400px
}

.content-forms > div form .ui-widget.ui-widget-content {
    background-color: transparent;
    border: none;
    display: block;
    font-family: 'st';
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.content-forms > div form .ui-widget-header {
    background-color: transparent;
    border: 1px solid #dddddd;
}

.content-forms > div form .ui-datepicker table thead th {
    color: #8994A0;
    font-size: 12px;
    padding: 10px 0;
    font-weight: normal;
}

.content-forms > div form .ui-datepicker .ui-datepicker-title {
    text-align: center;
    color: #8994A0;
    font-size: 14px
}

.content-forms > div form .ui-datepicker td a {
    background-color: transparent;
    color: #8994A0;
    border: none;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: 'st';
    line-height: 1.5;
    font-weight: 700;
    padding: 8px 4px;
}

.content-forms > div form .ui-datepicker td.ui-datepicker-unselectable span {
    background-color: #f3f3f3;
    color: #999;
    border: none;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: 'st';
    line-height: 1.5;
    font-weight: 700;
    padding: 6px 4px;
}

.content-forms > div form .ui-datepicker td:last-child, .content-forms > div form .ui-datepicker td:last-child a {
    background-color: #f6f6f6;
    color: #cdd8da;
    pointer-events: none;
}

.content-forms > div form .ui-widget-content .ui-state-highlight {
    background-color: rgba(255, 255, 255, .7);
    color: #001e50
}

.content-forms > div form .ui-widget-content .ui-state-active {
    background-color: var(--seat);
    color: #ffffff
}

.content-forms > div form .ui-datepicker .ui-datepicker-next {
    background: transparent url('../img/arrow-top.png') no-repeat center center;
    background-size: 94%;
    border: none;
    transform: rotate(90deg);
    top: 5px
}

.content-forms > div form .ui-datepicker .ui-datepicker-prev {
    background: transparent url('../img/arrow-top.png') no-repeat center center;
    background-size: 94%;
    border: none;
    transform: rotate(-90deg);
    top: 5px
}

.content-forms > div form .ui-datepicker td {
    padding: 0;
    border: 1px solid #ddd;
}

.content-forms > div form .ui-datepicker .ui-datepicker-prev span, .content-forms > div form .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.content-forms > div form .callQuestion {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 10px 0;
}

.content-forms > div form .callQuestion label {
    color: #4d4d4d;
    display: inline-block;
    font-weight: 600;
    font-size: 18px;
    font-family: 'st';
}

.content-forms > div form .callQuestion input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 4px;
    box-shadow: 0 0 1px #333333;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.content-forms > div form .callQuestion input[type="checkbox"]:checked {
    background-color: #4d4d4d;
}

.content-forms > div form .showPass {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 6px;
    bottom: 30px;
}

.content-forms > div form .showPass svg {
    fill: #000000;
    height: 20px;
    width: 20px;
}

.content-forms > div form .showPass svg + svg {
    display: none;
}

.content-forms > div form .showPass.on svg {
    display: none;
}

.content-forms > div form .showPass.on svg + svg {
    display: block;
}

.content-forms > div form .showPass + input {
    padding-right: 40px !important;
}

.content-forms > div form .fieldInput {
    display: inline-block;
    margin: 10px 10px 10px 0;
}

.content-forms > div form .fieldInput label {
    color: #000000;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.content-forms > div form .fieldInput input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 1px #000, 0 1px 3px #000, 0 -1px 3px #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.content-forms > div form .fieldInput input[type="radio"]:checked {
    background-color: #4d4d4d;
}

.content-forms > div form .fieldInput .radio_list li {
    display: inline-block;
    margin: 0 0 10px 0;
    vertical-align: bottom;
}

.content-forms > div form .fieldInput .radio_list li + li {
    margin-left: 10px;
}

.content-forms > div form p {
    margin: 16px 0;
    text-align: right;
}

.content-forms > div form p > i {
    font-family: 'St';
    color: #4d4d4d;
}

.content-forms > div form p > a {
    border-bottom: 1px solid;
    color: #8994A0;
    font-family: 'St';
    font-size: 14px;
    font-weight: 700;
    padding: 0;
}

.content-forms > div form p.dark_link {
    border-radius: 4px;
}

.content-forms > div form .new-lopd p > a {
    border: none;
}

.content-forms > div form p.centerField {
    margin-top: 0;
    text-align: center;
}

.content-forms > div form p.centerField > a {
    color: #8994A0;
    text-decoration: underline;
    font-size: 14px;
}

.content-forms > div form p.userOk {
    color: #8994A0;
    display: block;
    font-size: 14px;
    font-family: 'st';
    font-weight: 600;
    margin: 0 0 18px 0;
    text-align: left;
}

.content-forms > div form p.userOk > a {
    color: var(--seat);
}

.content-forms > div form > ul {
    margin: 20px 0 0 0;
}

.content-forms > div form > ul > li {
    margin: 8px 0;
}

.content-forms > div form > ul > li > a {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.content-forms > div form input:focus::-webkit-input-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.content-forms > div form input:focus:-moz-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.content-forms > div form input:focus::-moz-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.content-forms > div form input:focus:-ms-input-placeholder {
    color: transparent;
    -webkit-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.content-forms .new-lopd {
    background-color: transparent;
    color: #000000;
}

.content-forms .new-lopd > h5 {
    color: #000000;
}

.content-forms .new-lopd .new-check {
    background-color: transparent;
    color: #8994A0;
}

.content-forms .new-lopd .new-check > div > b {
    color: #8994A0;
}

.content-forms .new-lopd .new-check > div > span label {
    color: #8994A0;
}

.content-forms .new-lopd .new-check .flexCheck > div > b {
    color: #8994A0;
    font-weight: normal;
    font-family: 'st';
    display: inline-block;
    max-width: calc(100% - 56px);
}

.content-forms .new-lopd .new-check .flexCheck > div > span label {
    color: #8994A0;
    font-weight: normal;
    font-family: 'st';
}

.content-forms .new-lopd > .new-legal-txt {
    color: #8994A0;
    font-family: 'st';
    font-weight: normal;
    margin-top: 40px;
}

.content-forms .new-lopd > .new-legal-txt > span b {
    color: #8994A0;
    font-family: 'st';
    font-weight: 600;
}

.content-forms .new-lopd > .center-txt {
    color: #8994A0;
    font-family: 'st';
    margin: 20px;
}

.content-forms .new-lopd > .center-txt a {
    display: inline-block;
    text-decoration: underline !important;
}

.content-forms .new-lopd p a {
    font-family: 'st';
}

.content-forms .new-lopd p a:hover {
    color: var(--seat) !important;
}

.new-lopd .btnConfirm {
    border: 2px solid #8994a0;
    background-color: #fff;
    color: #8994a0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    height: 34px;
    flex: 0 1 auto;
    width: 100px;
    margin: 0 0 15px 0;
    order: 1;
    position: relative;
    overflow: hidden;
}

.new-lopd .btnConfirm span {
    font-weight: 700;
    font-size: 12px;
    position: relative;
    z-index: 1;
}

.new-lopd .btnConfirm.on {
    border-color: #0000;
    background-color: #000;
    color: #ffffff;
}

.new-lopd .btnConfirm.on::before {
    background-color: #000;
}

.new-lopd .btnConfirm::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: #8994a0;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
}

@media all and (min-width: 768px) {
    .new-lopd .btnConfirm:hover {
        border-color: #8994a0;
        color: #ffffff;
    }

    .new-lopd .btnConfirm:hover::before {
        transition: all .8s ease-in-out;
        transform: translate(-50%, -50%) scale(1);
    }

    .new-lopd .btnConfirm.on:hover {
        border-color: #000000;
    }
}

.sms-error {
    display: block;
    padding: 20px 0;
    color: #ffffff;
    text-align: center;
    font-family: 'st';
    font-size: 16px;
    font-weight: 600;
    background-color: #c00;
    line-height: 1.3;
    margin: 10px 0;
}

.sms-send {
    display: block;
    padding: 20px 0;
    color: #ffffff;
    text-align: center;
    font-family: 'st';
    font-size: 16px;
    font-weight: 600;
    background-color: green;
    line-height: 1.3;
    margin: 10px 0;
}

.content-forms > div.on {
    display: block;
}

.content-forms > div.on, #modal-avisame .content-forms > div, #modal-bajaPrecio .content-forms > div, #modal-login .content-forms > div, #modal-registro .content-forms > div, #modal-olvido .content-forms > div {
    display: block;
}

#modal-olvido .content-forms > div .dark_link, #modal-login .content-forms > div .dark_link, #modal-registro .content-forms > div .dark_link {
    display: block;
    background-color: var(--seat);
    color: #ffffff;
    font-family: 'St', arial, sans-serif;
    font-weight: 600;
    padding: 14px 20px;
    border-radius: 4px;
    font-size: 18px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
}

#modal-olvido .content-forms > div form p {
    margin: 20px 0;
    text-align: center;
}

#modal-olvido .content-forms > div form p a {
    display: inline-block;
}

#modal-olvido .content-forms > div form .goBack {
    display: block;
    background-color: #4d4d4d;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    padding: 21px 20px;
    min-width: 120px;
    text-align: center;
    margin: 8px 4px;
}

#modal-olvido .content-forms > div form .btn-primary-dark {
    background-color: var(--seat);
    border-radius: 4px;
    color: #ffffff;
    display: block;
    text-align: center;
    font-family: 'st', arial, sans-serif;
    margin: 8px 4px;
}

#modal-olvido .content-forms > div form .dark_link {
    display: block;
    width: 98%;
    margin: 0 auto;
}

#modal-confirmacion .modal-contenido p {
    color: #4d4d4d;
    font-family: 'st';
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
    text-align: center;
}

#modal-confirmacion .modal-contenido .goBack {
    display: block;
    background-color: #4d4d4d;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    padding: 21px 20px;
    min-width: 120px;
    text-align: center;
    margin: 8px 4px;
}

#modal-confirmacion .modal-contenido .btn-primary-dark {
    display: block;
    background-color: var(--seat);
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
}

#modal-thanku.cover-modal > div > div > div .modal-contenido .txt-modal p {
    font-size: 26px;
}

.cover-modal > div > div > div .modal-ttl .back_step {
    display: inline-block;
    background-color: var(--seat);
    border-radius: 4px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 16px;
    min-width: 90px;
    text-align: center;
    margin: 0;
    position: absolute;
    top: 4px;
    right: 50px;
    border-radius: 30px;
}

#modal-avisame .content-forms > div .new-lopd {
    margin: 30px 0 0 0;
    padding: 0 !important;
}

#modal-avisame .content-forms > div .new-lopd .new-check {
    padding: 6px 0;
}

#modal-avisame .content-forms > div .new-lopd .toggleLegal {
    margin-top: 20px;
}

#modal-bajaPrecio .content-forms > div .new-lopd {
    margin: 30px 0 0 0;
    padding: 0 !important;
}

#modal-bajaPrecio .content-forms > div .new-lopd .new-check {
    padding: 6px 0;
}

#modal-bajaPrecio .content-forms > div .new-lopd .toggleLegal {
    margin-top: 20px;
}

@media only screen and (min-width: 480px) {
    .cover-modal > div > div > div .modal-ttl > h2 {
        font-size: 30px;
        line-height: 34px;
    }

    .cover-modal > div > div > div .modal-contenido {
        padding: 20px;
    }

    .nav-forms {
        border-bottom: 30px solid #f1f4f3;
    }

    .nav-forms > div {
        padding: 14px 20px;
    }

    .nav-forms > div > span {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) {
    .content-forms > div form .grid-fieldset .col-10 {
        width: 12%;
    }

    .content-forms > div form .grid-fieldset .col-25 {
        width: 24%;
    }

    .content-forms > div form .grid-fieldset .col-32 {
        width: 32%;
    }

    .content-forms > div form .grid-fieldset .col-40 {
        width: 34%;
    }

    .content-forms > div form .grid-fieldset .col-50 {
        width: 48%;
    }

    .content-forms > div form .grid-fieldset .col-55 {
        width: 50%;
    }

    .content-forms > div form .grid-fieldset .col-67 {
        width: 66%;
    }

    .content-forms > div form .grid-fieldset .col-100 {
        width: 100%;
    }

    .content-forms > div form > ul > li > a:hover {
        color: var(--seat);
    }

    .content-forms > div form p.userOk {
        text-align: right;
    }

    #modal-registro .content-forms > div form .grid-fieldset .col-50 {
        width: 49%;
    }

    #modal-registro .content-forms > div form .grid-fieldset .col-25 {
        width: 23%;
    }

    .nav-forms > a {
        width: calc(25% - 16px);
    }

    .cover-modal > div > div > div .modal-ttl-grid {
        padding: 2px 30px 10px 30px;
    }

    .cover-modal > div > div > div .modal-ttl-grid > div {
        width: 50%
    }

    .cover-modal > div > div > div .modal-ttl-grid > div > h2 {
        font-size: 20px
    }

    .cover-modal > div > div > div .modal-ttl-grid .compared-grid-price h3 {
        font-size: 22px;
    }

    .cover-modal > div > div > div .modal-ttl-grid .compared-grid-price > div {
        width: 50%;
    }

    .cover-modal > div > div > div .modal-contenido .share-wrap > a:hover > svg {
        fill: var(--seat);
    }

    #modal-confirmacion .modal-contenido .goBack, #modal-confirmacion .modal-contenido .btn-primary-dark, #modal-olvido .content-forms > div form .goBack, #modal-olvido .content-forms > div form .btn-primary-dark {
        display: inline-block;
    }

    #modal-confirmacion .modal-contenido .goBack:hover, #modal-confirmacion .modal-contenido .btn-primary-dark:hover, #modal-olvido .content-forms > div form .goBack:hover, #modal-olvido .content-forms > div .dark_link:hover, #modal-login .content-forms > div .dark_link:hover, #modal-registro .content-forms > div .dark_link:hover {
        background-color: #000000;
    }

    #modal-olvido .content-forms > div form .dark_link {
        display: inline-block;
        width: auto;
        margin: 0;
    }
}

/**/
#rxp-overlay-ba923770 {
    z-index: 9999 !important
}

/**/
.thankContainer {
    max-width: 1000px;
    margin: 20px auto;
    padding: 20px 0;
}

.thankContainer .txtContainer {
    width: calc(100% - 120px);
}

.thankContainer .txtContainer > h2 {
    text-align: center;
    color: #4d4d4d !important;
    font-size: 20px;
    line-height: 1.2;
    margin: 20px 0;
}

.thankContainer .txtContainer > p {
    color: #4d4d4d;
    font-family: 'st';
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0;
    text-align: center;
}

.thankContainer .bgContainer {
    padding: 0;
    position: relative;
    margin: 20px 0;
}

.thankContainer .bgContainer > img, .thankContainer .bgContainer > picture img {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 20px auto;
    position: relative;
    z-index: 2;
}

.thankContainer .bgContainer > i {
    position: absolute;
    width: 120px;
    right: 0;
    top: -100px;
    z-index: 1;
}

.thankContainer .bgContainer > i > svg {
    fill: var(--seat);
    height: 120px;
    width: 120px;
}

.thankContainer > div > p {
    color: #000000;
    font-family: 'st';
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0;
    text-align: center;
}

.thankContainer > div > p > i {
    display: block;
    height: 60px;
    width: 60px;
    margin: 20px auto;
}

.thankContainer > div > p > i > svg {
    fill: #5fc829;
    display: block;
    height: 60px;
    width: 60px;
}

.thankContainer > div > p .btn-primary-dark {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    margin: 18px 0;
    min-width: 160px;
    transition: all ease 0.3s;
    text-align: center;
}

.thankContainer > div > p .goBack {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    margin: 18px 0;
    min-width: 160px;
    transition: all ease 0.3s;
    text-align: center;
}

@media only screen and (min-width: 480px) {
    .thankContainer {
        padding: 40px 0 60px;
    }

    .thankContainer .txtContainer {
        width: calc(100% - 280px);
    }

    .thankContainer .txtContainer > h2 {
        font-size: 30px;
        margin: 40px 0;
    }

    .thankContainer .txtContainer > p {
        font-size: 20px;
        margin: 30px 0;
    }

    .thankContainer .bgContainer > i {
        top: -160px;
        width: 280px;
    }

    .thankContainer .bgContainer > i > svg {
        height: 280px;
        width: 280px;
    }

    .thankContainer > div > p > i, .thankContainer > div > p > i > svg {
        height: 100px;
        width: 100px;
    }

    .thankContainer > div > p .btn-primary-dark:hover {
        background-color: #000000;
    }

    .thankContainer > div > p .goBack:hover {
        background-color: #000000;
        color: #ffffff;
    }

    .thankContainer > div > p .btn-primary-dark, .thankContainer > div > p .goBack {
        display: inline-block;
        vertical-align: middle;
    }
}

/* nueva lopd -------------------------------------------------------------------------------------------*/
.new-lopd {
    background: #ffffff;
    margin: 0;
    padding: 10px 0 0 !important;
}

.new-lopd > h5 {
    color: #333333;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    font-size: 1.4em;
    margin: 14px 0;
}

.new-lopd > .center-txt {
    font-size: 13px !important;
    margin: 30px 0;
    text-align: center;
}

.new-lopd > .center-txt > a {
    font-size: 13px !important;
}

.new-lopd .toggleLegal {
    margin-top: 40px;
    text-align: left;
}

.new-lopd .toggleLegal > a {
    color: #8994A0;
    display: inline-block;
    font-family: 'st', arial, sans-serif !important;
    font-weight: 600;
    text-decoration: none;
}

.new-lopd .toggleLegal > a > span {
    color: var(--seat)
}

/* .new-lopd > .new-legal-txt {display: none;} */
.new-lopd > .new-legal-txt.on {
    display: block;
}

.new-lopd > .new-legal-txt > span {
    display: block;
    line-height: 1.2;
    margin: 10px 0;
    text-align: justify;
    font-size: 12px;
}

.new-lopd > .new-legal-txt > span a {
    color: #8994A0;
    font-size: 12px;
    text-decoration: none;
}

.new-lopd > .new-legal-txt > span b {
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
}

.new-lopd > p > button {
    display: block;
    background-color: #cdd8da;
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: bold;
    padding: 20px;
    border-radius: 4px;
    font-size: 18px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
    pointer-events: none;
}

.new-lopd > p > button.active {
    display: block;
    background-color: var(--seat);
    pointer-events: initial;
}

.new-lopd .new-check {
    background: #eaeeed;
    padding: 4px 0;
    position: relative;
    margin: 0;
}

.new-lopd .new-check > div {
    display: inline-block;
    vertical-align: top;
    width: 74%;
}

.new-lopd .new-check > div > b {
    display: inline-block;
    width: calc(100% - 60px);
    vertical-align: top;
    font-weight: normal;
    font-family: 'st';
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
}

.new-lopd .new-check > div > a {
    cursor: pointer;
    color: var(--seat);
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    font-family: 'st';
    font-weight: 600;
}

.new-lopd .new-check > div > a .svg-icon {
    fill: #000000;
}

.new-lopd .new-check > div > a .svg-icon .st0 {
    fill: #ffffff;
}

.new-lopd .new-check > div > span {
    display: inline-block;
}

.new-lopd .new-check > div > span input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 1px #000, 0 1px 3px #000, 0 -1px 3px #000;
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.new-lopd .new-check > div > span input[type="radio"]:checked {
    background-color: var(--seat);
}

.new-lopd .new-check > div > span label {
    font-weight: normal;
    font-family: 'st';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}

.new-lopd .new-check > div > span + span {
    margin: 0 0 0 10px;
}

.new-lopd .new-check > div + div {
    text-align: right;
    width: 24%
}

.new-lopd .new-check > div + div > label {
    color: #ffffff;
}

.new-lopd .new-check > div.fullWrap {
    width: 100%;
    display: block;
    text-align: left;
}

.new-lopd .new-check > div.fullWrap > b {
    display: block;
    line-height: 1.2;
    margin: 14px 0 10px 0;
}

.new-lopd.seatstyle .new-check > .tooltip-txt {
    display: none;
    background: transparent;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    z-index: 9;
    margin: 10px 0;
}

.new-lopd.seatstyle .new-check > .tooltip-txt > div {
    padding: 10px;
    position: relative;
    background-color: #eaeeed;
}

.new-lopd.seatstyle .new-check > .tooltip-txt > div b {
    color: #000000;
}

.new-lopd.seatstyle .new-check > .on + .tooltip-txt {
    display: block;
}

.new-lopd .new-check .clear {
    display: block;
    float: none;
    clear: both;
}

.new-lopd .new-check .break {
    margin: 14px 0;
}

.new-lopd .new-check .break + div {
    text-indent: 20px;
}

.new-lopd .new-check .flexCheck {
}

.new-lopd .new-check .flexCheck > div {
    margin: 0 0 12px 0;
}

.new-lopd .new-check .flexCheck > div > b {
    color: #ffffff;
    display: inline;
    vertical-align: top;
    font-weight: normal;
    font-family: 'st';
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
}

.new-lopd .new-check .flexCheck > div > span {
    display: inline-block;
}

.new-lopd .new-check .flexCheck > div > span input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px solid #333f48;
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin: 0 2px 1px 0;
    opacity: 0.4;
    vertical-align: middle;
    position: relative;
    outline: none;
}

.new-lopd .new-check .flexCheck > div > span input:hover {
    border-color: #333f48;
    opacity: 1;
}

.new-lopd .new-check .flexCheck > div > span input[type="radio"]:checked {
    background-color: #333f48;
    border-color: #333f48;
    opacity: 1;
}

.new-lopd .new-check .flexCheck > div > span input[type="radio"]:checked::before {
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    background: transparent url('../img/interface.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -1px;
}

.new-lopd .new-check .flexCheck > div > span label {
    color: #ffffff;
    font-weight: normal;
    font-family: 'st';
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 24px 0 0;
    vertical-align: middle;
    display: inline-block;
}

/*.new-lopd .new-check .flexCheck > div + div {width: 124px;}*/
.new-lopd .new-check .link-txt {
    cursor: pointer;
    color: #333F48;
    display: inline-block;
    font-size: 14px;
    margin: 0 0 0 10px;
    width: 30px;
    vertical-align: middle;
    font-family: 'st';
}

.new-lopd .new-check .link-txt svg {
    fill: #4d4d4d;
    height: 20px;
    width: 20px;
}

.new-lopd .new-check .on .link-txt svg {
    fill: var(--seat);
}

/*.new-lopd .new-check .stroke {border-top:1px solid #CCCCCC}*/
@media (min-width: 768px) {
    .new-lopd .new-check .link-txt:hover {
        color: var(--seat);
    }

    .new-lopd .new-check .link-txt:hover svg {
        fill: var(--seat);
    }

    .new-lopd > p > button:hover {
        background-color: var(--seatHover);
    }
}

@media (max-width: 940px) {
    .new-lopd .new-check > div, .new-lopd .new-check > div + div {
        display: block;
        width: auto;
        text-align: left;
    }

    .new-lopd .new-check > div + div {
        margin-top: 10px;
    }
}

/**/
.lopd-txt-2 {
    font-size: 12px;
    line-height: 15px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.lopd-txt-2 > span {
    display: block;
    margin: 4px 0;
    text-align: justify;
}

.lopd-txt-2 > span > a {
    color: var(--seat);
    text-decoration: underline;
}

.lopd-txt-2.center, .lopd-txt-2.center > span {
    text-align: center;
}

/**/
.new-lopd.seatstyle .new-check > div {
    vertical-align: top;
    width: 100%;
    margin: 0;
}

.new-lopd.seatstyle .new-check > div > a {
    width: 60px;
    text-align: center;
}

.new-lopd.seatstyle .new-check > div.fullWrap > b {
    width: calc(100% - 120px);
}

.new-lopd.seatstyle .new-check > div > span {
    width: 50px;
}

.new-lopd.seatstyle .new-check > div > span input[type="radio"] {
    height: 13px;
    width: 13px;
    border: 2px solid #fff;
}

.new-lopd.seatstyle .new-check .tooltip-txt > div b {
    color: #000000;
    font-weight: normal;
    font-family: st;
    font-size: 1.1em;
}

/**/
#ad.promocion_banner {
    height: auto !important;
    margin: 0 0 10px 0;
}

#ad.promocion_banner > div > img, #ad.promocion_banner > div > picture img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_banner > div > img.mvl, #ad.promocion_banner > div > picture img.mvl, #ad.promocion_banner > div > a.mvl {
    display: none;
}

#ad.promocion_banner > div > img.mvl-dos, #ad.promocion_banner > div > picture img.mvl-dos {
    display: none;
}

#ad.promocion_banner > div img, #ad.promocion_banner > div picture img {
    display: block;
    height: auto;
    width: 100%;
}

#ad.promocion_banner .legal {
    color: #111111;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 10px auto 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_banner .legal:hover span {
    display: block
}

#ad.promocion_banner .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_banner > div {
    position: relative;
}

#ad.promocion_banner > div > div {
    bottom: 5px;
    position: absolute;
    right: 43%;
}

#ad.promocion_banner.caravelle > div > div {
    right: 6px;
    top: 3px;
}

#ad.promocion_banner.caravelle > div > div > span {
    margin: 0;
}

#ad.promocion_banner.caravelle .legal {
    color: #ffffff;
    margin: 0 6px 4px 0;
    text-align: right;
}

#ad.promocion_banner.caravelle .legal > span {
    bottom: auto;
    left: auto;
    right: 0;
    top: 12px;
}

@media (max-width: 825px) {
    #ad.promocion_banner > div > img, #ad.promocion_banner > div > picture img, #ad.promocion_banner > div > a {
        display: none;
    }

    #ad.promocion_banner > div > img.mvl, #ad.promocion_banner > div > picture img.mvl, #ad.promocion_banner > div > a.mvl {
        display: block;
    }

    #ad.promocion_banner > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_banner .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 4px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_banner .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_banner > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_banner .legal {
        font-size: 9px;
    }
}

/*loading resultados*/
.loading-results {
    background: none repeat scroll 0 0 #eaeeed;
    clear: both;
    float: none;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
}

/*.box.elementFixed {position: fixed;top: 1290px;width: 224px;}*/
.goTop {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 22px;
    bottom: 45px;
    box-shadow: 0 0 2px #999;
    box-sizing: unset;
    color: var(--seat);
    cursor: pointer;
    display: none;
    font-size: 22px;
    height: 32px;
    line-height: 38px;
    padding: 0;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    width: 32px;
}

/*aviso*/
.aviso {
    padding: 10px;
}

.aviso h1 {
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    float: none;
    margin-bottom: 15px;
    width: 100%
}

.aviso p {
    line-height: 20px;
    padding: 10px 0;
}

/*genericas*/
.resultados h1, .resultados h2, .resultados h3, .resultados h4, .resultados h5, .ficha h1, .ficha h2, .ficha h3, .ficha h4, .ficha h5 {
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
}

.dwa-navi > ul {
    border-bottom: 1px solid #EAEEED;
}

.dwa-navi > ul > li {
    display: inline;
}

.dwa-navi > ul > li > a {
    background-color: #EAEEED;
    border-bottom: 1px solid #eaeeed;
    border-collapse: separate;
    border-radius: 0;
    box-shadow: 0px 0 1px #cccccc;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 1em;
    line-height: 120%;
    padding: 0.909em;
    position: relative;
    top: 1px;
    text-decoration: none;
}

.dwa-navi > ul > li > a:hover {
    color: var(--seat);
    text-decoration: none
}

.dwa-navi > ul > li > a.actual {
    background: #ffffff;
    border-bottom: 1px solid #ffffff;
    color: var(--seat);
}

.dwa-navi > ul > li > a.disable {
    cursor: default;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}

.box {
    position: relative;
}

.box > div {
    padding: 10px;
}

.box.potenciar-modelo > h2 {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    padding: 8px;
}

.box.potenciar-modelo > p {
    padding: 8px;
}

.box > div strong {
    font-weight: normal;
}

hr {
    background-color: #cccccc !important;
    margin: 5px 0;
}

a.arrow {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -821px -125px;
    background-repeat: no-repeat;
    color: #4d4d4d;
    display: inline-block;
    padding: 0 20px 0 21px;
    text-decoration: none;
}

a.arrow:hover {
    background-position: -693px -253px;
    text-decoration: none;
}

b {
    color: #4d4d4d;
}

.tooltip {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    color: #333333;
    content: " ";
    display: inline-block;
    font-size: 11px;
    height: 20px;
    position: relative;
    text-align: left;
    vertical-align: bottom;
    width: 20px;
}

.tooltip > a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}

.tooltip > div {
    display: none;
    left: 41px;
    position: absolute;
    top: 0;
    z-index: 100;
}

.tooltip > div > div {
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    box-shadow: 0 1px 2px #777777;
    padding: 10px 30px 15px 15px;
    position: relative;
    width: 200px;
}

.tooltip > div > div > span {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -912px -1041px;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    left: -15px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 15px;
}

.tooltip > div > div > a {
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -682px -634px;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 30px;
}

.tooltip > div li {
    list-style: disc outside none;
    margin: 2px 0 2px 13px !important;
}

.tooltip > div > div > p > strong {
    display: block;
    font-weight: bold;
    color: #000000;
    font-size: 12px;
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
}

.tooltip > div > div > p > strong > em {
    color: var(--seat)
}

.add_fav, .del_fav {
    background-color: #FFFFFF;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -812px -506px;
    background-repeat: no-repeat;
    color: var(--seat);
    padding: 5px 0 6px 25px;
    margin: 0 15px 10px 0;
}

.add_comp, .del_comp, .sup_comp {
    background-color: #FFFFFF;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -719px -602px;
    background-repeat: no-repeat;
    color: var(--seat);
    padding: 5px 0 6px 25px;
    margin: 0 15px 10px 0;
}

.go_comp {
    background-color: #FFFFFF;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -528px -795px;
    background-repeat: no-repeat;
    color: var(--seat);
    margin: 0 15px 10px 0;
    padding: 5px 0 6px 25px;
}

.go_comp:hover {
    color: #4d4d4d;
    text-decoration: none !important;
}

.conce_contact {
    background-color: #FFFFFF;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -719px -984px;
    background-repeat: no-repeat;
    color: rgb(51, 67, 76);
    display: block;
    margin: 0 15px 0 0;
    padding: 5px 0 6px 25px;
}

.tel_contact {
    background-color: #ffffff;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -6px -81px;
    background-repeat: no-repeat;
    color: rgb(51, 67, 76);
    display: block;
    margin: 0 15px 0 0;
    padding: 5px 0 6px 25px;
}

.print {
    background-color: #FFFFFF;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -750px -572px;
    background-repeat: no-repeat;
    color: var(--seat);
    padding: 5px 0 6px 25px;
    margin: 0 15px 10px 0;
}

.add_comp:hover, .add_fav:hover, .print:hover, .conce_contact:hover, .del_fav:hover, .add_comp:hover, .go_comp:hover, .del_comp:hover {
    color: #4d4d4d !important;
    text-decoration: none !important;
}

.campo_garantia > strong {
    display: inline-block;
    font-family: 'st', arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.campo_garantia > strong > em {
    color: var(--seat);
}

.dark_link {
    background-color: var(--seat);
    background-image: none;
    display: block;
    font: 700 1.2em/120% "st";
    margin: 14px 0;
    padding: 10px;
    color: #ffffff;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
}

.dark_link:hover {
    background-color: var(--seat);
    text-decoration: none !important;
}

.clear {
    clear: both;
    display: block;
}

.send_sms {
    color: #0F5A00;
    font-size: 10px;
    font-weight: normal;
    margin: 10px 0;
}

.ocult, #vw_locate .input_medium.ocult {
    display: none;
}

.senderror_sms {
    color: #FF0000;
    font-size: 10px;
    font-weight: normal;
    margin: 10px 0;
}

.search_politica .error {
    color: #FF0000 !important;
}

.error label {
    color: #FF0000 !important;
}

.error input[type="text"], .error select, .error textarea, .error input[type="checkbox"] {
    border-color: #FF0000 !important;
}

.error input[type="checkbox"] {
    box-shadow: 0 0 1px #FF0000;
}

input[type="text"].error, select.error {
    border-color: #FF0000 !important;
    color: #FF0000 !important;
}

input[type="text"].error::placeholder {
    color: #FF0000 !important;
    opacity: 1;
}

input[type="password"].error, select.error {
    border-color: #FF0000 !important;
    color: #FF0000 !important;
}

input[type="password"].error::placeholder {
    color: #FF0000 !important;
    opacity: 1;
}

.disable {
    opacity: 0.6 !important;
    filter: Alpha(opacity=60) !important;
    pointer-events: none !important;
}

button {
    border: none;
}

.plantilla, .contacto, .aviso {
    clear: both;
    float: none;
    width: auto !important;
    padding: 60px 20px;
}

@media only screen and (min-width: 480px) {
    .plantilla, .contacto, .aviso {
        padding: 60px 30px;
    }
}

@media only screen and (min-width: 980px) {
    .plantilla, .contacto, .aviso {
        padding: 90px 30px;
    }
}

input[type="text"] {
    display: inline-block;
    padding: 5px 0 !important;
    text-indent: 10px;
}

textarea {
    padding: 0;
}

.flash_notice {
    padding: 10px;
    box-shadow: 0 1px 2px #777777;
    color: #FF0000;
    margin: 0 auto;
}

/*slider*/
.layout-slider {
    margin: 10px auto;
    width: 90% !important;
}

.layout-slider > div {
    margin: 5px 0;
}

.layout-slider > div > span {
    display: inline-block;
    left: -2px;
    text-align: left;
    position: relative;
    width: 31%;
}

.layout-slider > div > span + span {
    text-align: right;
}

.layout-slider > div > span > strong {
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.layout-slider .noUi-target, .noUi-background {
    background-color: #FFFFFF !important;
    border-radius: 0 !important;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.5) inset !important;
}

.layout-slider .noUi-handle {
    background: var(--seat) !important;
    border: 5px solid #FFFFFF;
    border-radius: 50% !important;
    box-shadow: 0 0px 1px #333;
    content: " ";
    display: block;
    height: 21px !important;
    left: -11px !important;
    top: -4px !important;
    width: 21px !important;
}

.noUi-handle:before, .noUi-handle:after {
    background: transparent none !important
}

.layout-slider .noUi-horizontal {
    height: 15px;
    border-radius: none !important;
}

.layout-slider .noUi-connect {
    background-color: #999;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.5) inset;
    height: 13px;
}

.layout-slider .error .noUi-connect {
    background-color: #CC0000;
}

strong.logo_dwa {
    display: inline-block;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 1em;
}

strong.logo_dwa > em {
    color: var(--seat);
    font-size: 1em;
}

.aviso_leg {
    clear: both;
    color: #8994A0;
    padding: 35px 0;
}

.cover {
    display: none;
}

#zoom_layer {
    width: 640px;
}

#zoom_layer > img, #zoom_layer > picture img {
    height: auto;
    width: 100%
}

/*MODAL BAJA PRECIO*/
#baja-precio {
    height: auto;
    width: 580px;
}

#baja-precio > p {
    color: #000000;
    font: 400 14px/18px "st";
    margin: 10px 0 20px;
    text-align: center;
}

#baja-precio > p > strong {
    background: transparent url("../img/ring.png") no-repeat scroll left center;
    font: 400 16px/20px "st";
    padding: 8px 0 8px 40px;
}

#baja-precio > form {
    margin: 26px 0;
}

#baja-precio > form > fieldset {
    margin: 0 0 12px 0;
    text-align: left;
}

#baja-precio > form > fieldset > label {
    color: #000000;
    display: inline-block;
    font: 400 14px/16px "st";
    text-align: right;
    width: 120px;
}

#baja-precio > form > fieldset > input[type="text"] {
    border-radius: 4px;
    padding: 10px !important;
    width: 64%;
}

#baja-precio > form > p {
    margin: 10px auto;
    max-width: 80%
}

#baja-precio > form > p label:after {
    display: inline-block;
}

#baja-precio > form > p a {
    text-decoration: underline;
}

#baja-precio > form > button {
    display: block;
    margin: 20px auto;
}

/*TXT SEO*/
.info-modelo {
    background: #eaeeed none repeat scroll 0 0;
    border-radius: 0;
    margin: 24px 0;
    padding: 6px 14px;
    text-align: left;
}

.info-modelo p {
    color: #444444;
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0;
}

.info-modelo h2 {
    color: #333333;
    font-size: 14px;
    margin: 10px 0;
}

.info-avanzado {
    clear: both;
    float: none;
    padding: 30px 10px;
}

.info-avanzado h2 {
    color: #111111;
    font: 700 12px/14px st;
    margin: 30px 0 10px;
}

.info-avanzado p {
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    margin: 8px 0;
}

/*BANNER SEAT AGENCIA*/
#ad strong {
    font-weight: normal;
}

.swiper-container {
    cursor: url('../img/cursor.cur'), default !important;
}

/*miga*/
div.miga-nw {
    color: var(--seat);
    margin: 20px 0 0
}

div.miga-nw *, div.miga-nw > a, div.miga-nw > div {
    display: inline-block;
}

div.miga-nw a {
    color: var(--seat)
}

/*cabecera salon ocasion*/
.h-salon-ocasion {
    margin: 14px 0 0 0;
    padding: 10px;
}

.h-salon-ocasion > div {
    float: left;
}

.h-salon-ocasion > p {
    float: right;
    font-family: "st", arial, sans-serif;
    font-size: 1.8em;
    font-weight: 700;
    line-height: 2em;
    margin: 0 10px 0 0;
}

.h-salon-ocasion::after {
    clear: both;
    content: '';
    display: block;
}

@media (max-width: 650px) {
    .h-salon, .dwa_grid_outline .dwa_grid_container.h-salon {
        padding: 0;
    }

    .h-salon-ocasion {
        margin: 0;
        padding: 0;
    }

    .h-salon-ocasion > div {
        background: rgba(0, 0, 0, 0) linear-gradient(#fff, #f1f1f1) repeat scroll 0 0;
        border-bottom: 1px solid #fbfbfb;
        box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.5);
        float: none;
        padding: 10px;
        position: relative;
        z-index: 900;
    }

    .h-salon-ocasion > p {
        float: none;
        font-size: 1.4em;
        line-height: 1em;
        margin: 20px 10px 0;
    }
}

/*confirmacion modal*/
.confirmacion {
    height: auto;
    width: 580px;
}

.confirmacion p {
    color: #000000;
    font: 400 14px/18px "st";
    margin: 10px 0 20px;
    text-align: center;
}

.confirma-concesionario > div {
    float: left;
    width: 45%;
}

.confirma-concesionario > div > img {
    border: 2px solid var(--seat);
    height: auto;
    max-width: 96%;
}

.confirma-concesionario > div > p {
    margin: 0 0 6px;
}

.confirma-concesionario > div > p > b {
    color: #111111;
    display: block;
    font-family: "stt", arial, sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1em;
    margin-bottom: 5px;
    text-align: left;
}

.confirma-concesionario > div > p.price {
    border-bottom: 1px solid var(--seat);
    border-top: 1px solid var(--seat);
    color: #000000;
    font: 2.18182em "st", Arial, Helvetica, sans-serif;
    font-weight: 700;
    padding: 4px 8px;
    text-align: left;
}

.confirma-concesionario > div > p > strong {
    font-family: 'st';
    font-size: 16px;
    font-weight: 400;
}

.confirma-concesionario > div > p > em {
    float: right;
    font-size: 25px;
    font-weight: normal;
    margin-left: 20px;
}

.confirma-concesionario > div > ul > li {
    font-family: 'st';
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    margin: 4px 0;
}

.confirma-concesionario > div > ul > li > b {
    color: #111111;
    font-family: 'st';
    font-weight: 700;
}

.confirma-concesionario > div + div {
    float: right;
    width: 54%;
}

.confirma-datos {
    padding: 10px 0;
}

.confirma-datos > p {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle;
    width: 26%;
}

.confirma-datos > p + p {
    font-size: 14px;
    text-align: left;
    width: 60%;
}

.confirma-mensaje {
}

.confirma-mensaje > p {
    font-size: 16px;
    margin: 10px 0;
}

.confirma-mensaje > p > b {
    background: transparent url("../img/check.png") no-repeat scroll 0 0;
    color: #c5d400;
    display: inline-block;
    font-family: 'st';
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 6px;
    padding: 14px 0 14px 70px;
    text-align: left;
}

.confirma-concesionario:after, .confirma-datos:after, .confirma-mensaje:after {
    clear: both;
    content: '';
    display: block;
}

@media (max-width: 700px) {
    .confirmacion {
        height: auto;
        width: 380px;
    }

    .confirma-concesionario > div, .confirma-concesionario > div + div {
        float: none;
        margin: 10px 0;
        width: auto;
    }

    .confirma-datos > p, .confirma-datos > p + p {
        display: block;
        text-align: left;
        width: auto;
    }
}

@media (max-width: 420px) {
    .confirmacion {
        height: auto;
        width: 220px;
    }

    .confirma-concesionario > div, .confirma-concesionario > div + div {
        margin-bottom: 0;
    }

    .confirma-concesionario > div > p > strong {
        position: relative;
        top: -7px;
    }
}

/**/
.anti-alias {
    font-smooth: always;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.comunArrows {
    width: 0;
    height: 0;
    position: relative;
    line-height: 0px;
}

.anti-alias {
    font-smooth: always;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.fontNormal {
    font-family: 'st', Arial;
    font-weight: 400;
}

.fontBold {
    font-family: 'st', Arial;
    font-weight: 400;
}

/*------------------------------------- procomion volkswagen ---------------------------------------*/

#ad.promocion_banner {
    height: auto !important
}

#ad.promocion_banner > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_banner > div > img.mvl {
    display: none;
}

#ad.promocion_banner > div > img.mvl-dos {
    display: none;
}

#ad.promocion_banner .legal {
    color: #111111;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 10px auto 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_banner .legal:hover span {
    display: block
}

#ad.promocion_banner .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_banner > div {
    position: relative;
}

#ad.promocion_banner > div > div {
    bottom: 5px;
    position: absolute;
    right: 43%;
}

#ad.promocion_banner.caravelle > div > div {
    right: 6px;
    top: 3px;
}

#ad.promocion_banner.caravelle > div > div > span {
    margin: 0;
}

#ad.promocion_banner.caravelle .legal {
    color: #ffffff;
    margin: 0 6px 4px 0;
    text-align: right;
}

#ad.promocion_banner.caravelle .legal > span {
    bottom: auto;
    left: auto;
    right: 0;
    top: 12px;
}

@media (max-width: 825px) {
    #ad.promocion_banner > div > img {
        display: none;
    }

    #ad.promocion_banner > div > img.mvl {
        display: block;
    }

    #ad.promocion_banner > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_banner .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 4px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_banner .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_banner > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_banner .legal {
        font-size: 9px;
    }
}

#ad.promocion_volkswagen {
    overflow: hidden;
    position: relative;
    background-image: url('../img/bg.jpg');
    background-color: #ef7c11;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 100%;
}

#ad.promocion_volkswagen .left {
    background-image: url('../img/fnd-banner-i.jpg');
    background-color: #ef7c11;
    background-position: bottom;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    min-height: 176px;
    width: 50%;
}

#ad.promocion_volkswagen .left a {
    display: block;
    color: #ffffff;
}

#ad.promocion_volkswagen .left img {
    border: medium none;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 360px;
    width: 90%;
}

#ad.promocion_volkswagen .right {
    background-image: url('../img/fnd-banner-d.jpg');
    background-color: #EE6728;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #ffffff;
    display: block;
    float: left;
    font-family: "st", Arial;
    font-weight: 400;
    min-height: 176px;
    text-align: center;
    text-rendering: optimizelegibility;
    width: 50%;
}

#ad.promocion_volkswagen .right p {
    font-family: 'st', Arial;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2.6%;
}

#ad.promocion_volkswagen .right p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

#ad.promocion_volkswagen .right ul {
    font-family: 'st', Arial;
    font-weight: 400;
    font-size: 17px;
    margin: 2px 0;
}

#ad.promocion_volkswagen .right li {
    padding: 1px 0 1px 41px;
    margin-bottom: 2%;
}

#ad.promocion_volkswagen .right strong {
    color: #000000;
    display: block;
    font-family: "st", Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    padding: 13px 0 0;
}

#ad.promocion_volkswagen .right em {
    color: #ffffff;
    display: block;
    font-family: "st", Arial;
    font-weight: 400;
    font-size: 31px;
    line-height: 31px;
    padding: 20px 0;
}

#ad.promocion_volkswagen .right em strong {
    color: #ffffff;
    display: inline-block;
    font-size: 38px;
    line-height: 38px;
    padding: 0;
}

#ad.promocion_volkswagen .right em + strong {
    display: block;
    font-size: 15px;
    padding: 0;
}

#ad.promocion_volkswagen .legal {
    bottom: 10px;
    color: #000000;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    left: 10px;
    padding: 0;
    position: absolute;
    text-decoration: underline;
    width: 35.5%;
}

#ad.promocion_volkswagen .legal:hover span {
    display: block
}

#ad.promocion_volkswagen .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-size: 9px;
    left: 0;
    line-height: 12px;
    padding: 6px;
    position: absolute;
    width: 150%;
}

@media (max-width: 950px) {
    #ad.promocion_volkswagen .left {
        width: 45%;
    }

    #ad.promocion_volkswagen .left img {
        margin-top: 20px;
        max-width: 300px;
        width: auto;
    }

    #ad.promocion_volkswagen .right {
        width: 55%;
    }
}

@media (max-width: 820px) {
    #ad.promocion_volkswagen * {
        transition: all 0.3s ease 0s;
    }

    #ad.promocion_volkswagen .left {
        width: 40%;
    }

    #ad.promocion_volkswagen .right {
        width: 60%;
    }
}

@media (max-width: 740px) {
    #ad.promocion_volkswagen .left img {
        margin-top: 50px;
        max-width: 220px;
        width: auto;
    }

    #ad.promocion_volkswagen {
        height: 176px !important
    }

    #ad.promocion_volkswagen .right strong {
        padding: 8px
    }

    #ad.promocion_volkswagen .right em {
        padding: 14px 0
    }
}

@media (max-width: 710px) {
    #ad.promocion_volkswagen .right strong {
        padding: 6px 8px;
    }

    #ad.promocion_volkswagen .right em {
        padding: 6px 0;
    }
}

@media (max-width: 590px) {
    #ad.promocion_volkswagen {
        height: auto !important;
    }

    #ad.promocion_volkswagen .left {
        background-size: cover;
        float: none;
        position: relative;
        width: 100%;
    }

    #ad.promocion_volkswagen .left a img {
        margin: 0 auto;
        max-width: none;
        min-height: 130px;
        width: 80%;
    }

    #ad.promocion_volkswagen .right {
        float: none;
        min-height: 130px;
        padding: 6px 0;
        width: 100%
    }

    #ad.promocion_volkswagen .right p {
        margin: 0
    }

    #ad.promocion_volkswagen .legal span {
        width: 280px
    }

    #ad.promocion_volkswagen .right strong {
        padding: 8px
    }

    #ad.promocion_volkswagen .right em {
        padding: 14px 0
    }

    #ad.promocion_volkswagen .right strong {
        padding-bottom: 8px;
    }
}

@media (max-width: 460px) {
    #ad.promocion_volkswagen .left a {
        padding-top: 25px
    }

    #ad.promocion_volkswagen .left a img {
        width: 100%;
    }
}

/*------------------------------------- procomion seminuevos ---------------------------------------*/

#ad.promocion_seminuevos {
    background-color: #bababa;
    background-image: url("../img/bg-promos.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#ad.promocion_seminuevos .left {
    float: left;
    margin: 0;
    min-height: 176px;
    width: 50%;
}

#ad.promocion_seminuevos .left a {
    display: block;
    color: #ffffff;
    cursor: default;
}

#ad.promocion_seminuevos .left img {
    border: medium none;
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 330px;
    width: 90%;
}

#ad.promocion_seminuevos .left strong {
    color: #000000;
    display: block;
    font-family: "st";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 21px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    line-height: 21px;
    margin: 10px 0 6px;
    text-align: center;
}

#ad.promocion_seminuevos .right {
    color: #ffffff;
    display: block;
    float: left;
    font-family: "st", Arial;
    font-weight: 400;
    min-height: 176px;
    text-align: center;
    text-rendering: optimizelegibility;
    width: 50%;
}

#ad.promocion_seminuevos .right p {
    font-family: 'st', Arial;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2.6%;
}

#ad.promocion_seminuevos .right p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

#ad.promocion_seminuevos .right ul {
    font-family: 'st', Arial;
    font-size: 17px;
    font-weight: 400;
    margin: 2px 0;
}

#ad.promocion_seminuevos .right li {
    padding: 1px 0 1px 41px;
    margin-bottom: 2%;
}

#ad.promocion_seminuevos .right strong {
    color: #000000;
    display: block;
    font-family: "st", Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 13px 0 0;
}

#ad.promocion_seminuevos .right em {
    color: #ffffff;
    display: block;
    font-family: "st", Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 0;
}

#ad.promocion_seminuevos .right em strong {
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
    padding: 0;
}

#ad.promocion_seminuevos .right em + strong {
    display: block;
    font-size: 15px;
    padding: 0;
}

#ad.promocion_seminuevos .legal {
    color: #000000;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
    width: 35.5%;
}

#ad.promocion_seminuevos .legal:hover span {
    display: block
}

#ad.promocion_seminuevos .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-size: 9px;
    left: 11%;
    line-height: 12px;
    padding: 6px;
    position: absolute;
    width: 80%;
}

#ad.promocion_seminuevos .right > div {
}

#ad.promocion_seminuevos .right > div > div {
    border-collapse: collapse;
    display: table;
    width: 100%;
}

#ad.promocion_seminuevos .right > div > div > div {
    display: table-cell;
    height: 150px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#ad.promocion_seminuevos .right > div > div > div .turn-left {
    -ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}

#ad.promocion_seminuevos .right > div > div > div .turn-right {
    -ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}

#ad.promocion_seminuevos .right > div > div > div .orange {
    background: #e68722 none repeat scroll 0 0;
    display: inline-block;
    font: 100 23px/26px "st";
    font-weight: 400;
    margin: 0;
    max-width: 90%;
    padding: 2px 20px;
}

#ad.promocion_seminuevos .right > div > div > div .grey {
    background: #546168 none repeat scroll 0 0;
    display: inline-block;
    font: 100 23px/26px "st";
    font-weight: 400;
    margin: 0;
    max-width: 90%;
    padding: 4px 16px;
    position: relative;
    z-index: 1;
}

#ad.promocion_seminuevos a:hover {
    text-decoration: none;
}

@media (max-width: 950px) {
    #ad.promocion_seminuevos .left {
        width: 45%;
    }

    #ad.promocion_seminuevos .left img {
        margin-top: 10px;
        max-width: 300px;
        width: auto;
    }

    #ad.promocion_seminuevos .right {
        width: 55%;
    }

    #ad.promocion_seminuevos .right > div > div > div .orange, #ad.promocion_seminuevos .right > div > div > div .grey {
        font: 400 23px/26px "st";
    }
}

@media (max-width: 820px) {
    #ad.promocion_seminuevos * {
        transition: all 0.3s ease 0s;
    }

    #ad.promocion_seminuevos .left {
        width: 40%;
    }

    #ad.promocion_seminuevos .right {
        width: 60%;
    }
}

@media (max-width: 780px) {
    #ad.promocion_seminuevos .left img {
        margin-top: 20px;
        max-width: 220px;
        width: auto;
    }

    #ad.promocion_seminuevos {
        height: 176px !important
    }

    #ad.promocion_seminuevos .right strong {
        padding: 8px
    }

    #ad.promocion_seminuevos .right em {
        padding: 14px 0
    }
}

@media (max-width: 710px) {
    #ad.promocion_seminuevos .right strong {
        padding: 6px 8px;
    }

    #ad.promocion_seminuevos .right em {
        padding: 6px 0;
    }
}

@media (max-width: 590px) {
    #ad.promocion_seminuevos {
        height: auto !important;
        background-size: cover;
    }

    #ad.promocion_seminuevos .left {
        background-size: cover;
        float: none;
        position: relative;
        width: 100%;
    }

    #ad.promocion_seminuevos .left a img {
        margin: 0 auto;
        max-width: none;
        width: 80%;
    }

    #ad.promocion_seminuevos .right {
        float: none;
        min-height: 130px;
        padding: 6px 0;
        width: 100%
    }

    #ad.promocion_seminuevos .right p {
        margin: 0
    }

    #ad.promocion_seminuevos .legal span {
        width: 280px
    }

    #ad.promocion_seminuevos .right strong {
        padding: 8px
    }

    #ad.promocion_seminuevos .right em {
        padding: 14px 0
    }

    #ad.promocion_seminuevos .right strong {
        padding-bottom: 8px;
    }

    #ad.promocion_seminuevos .right > div > div > div {
        padding: 20px 0;
    }
}

@media (max-width: 460px) {
    #ad.promocion_seminuevos .left a {
        padding-top: 5px
    }

    #ad.promocion_seminuevos .left a img {
        width: 100%;
    }
}

/*------------------------------------- procomion seminuevos golf ---------------------------------------*/

#ad.promocion_seminuevos.golf {
    height: auto !important
}

#ad.promocion_seminuevos.golf > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_seminuevos.golf > div > img.mvl {
    display: none;
}

#ad.promocion_seminuevos.golf > div > img.mvl-dos {
    display: none;
}

#ad.promocion_seminuevos.golf .legal {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_seminuevos.golf .legal:hover span {
    display: block
}

#ad.promocion_seminuevos.golf .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_seminuevos.golf > div {
    position: relative;
}

#ad.promocion_seminuevos.golf > div > div {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

@media (max-width: 825px) {
    #ad.promocion_seminuevos.golf > div > img {
        display: none;
    }

    #ad.promocion_seminuevos.golf > div > img.mvl {
        display: block;
    }

    #ad.promocion_seminuevos.golf > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.golf .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 2px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_seminuevos.golf .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_seminuevos.golf > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.golf .legal {
        font-size: 9px;
    }
}

/*------------------------------------- procomion seminuevos comerciales ---------------------------------------*/

#ad.promocion_seminuevos.comerciales {
    height: auto !important
}

#ad.promocion_seminuevos.comerciales > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_seminuevos.comerciales > div > img.mvl {
    display: none;
}

#ad.promocion_seminuevos.comerciales > div > img.mvl-dos {
    display: none;
}

#ad.promocion_seminuevos.comerciales .legal {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_seminuevos.comerciales .legal:hover span {
    display: block
}

#ad.promocion_seminuevos.comerciales .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_seminuevos.comerciales > div {
    position: relative;
}

#ad.promocion_seminuevos.comerciales > div > div {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

@media (max-width: 825px) {
    #ad.promocion_seminuevos.comerciales > div > img {
        display: none;
    }

    #ad.promocion_seminuevos.comerciales > div > img.mvl {
        display: block;
    }

    #ad.promocion_seminuevos.comerciales > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.comerciales .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 2px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_seminuevos.comerciales .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }

    #ad.promocion_seminuevos.comerciales .legal.white-movil {
        color: #ffffff;
    }
}

@media (max-width: 510px) {
    #ad.promocion_seminuevos.comerciales > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.comerciales .legal {
        font-size: 9px;
    }
}

/*----------------------------------- promocion fenomenos ---------------------------------*/

#ad.promocion_fenomenos {
    background-color: transparent;
    background-image: url("../img/fnd-banner-fenomenos.jpg");
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: cover;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#ad.promocion_fenomenos .left {
    background: transparent none;
    float: left;
    margin: 0;
    min-height: 176px;
    width: 60%;
}

#ad.promocion_fenomenos .left a {
    display: block;
    color: #ffffff;
}

#ad.promocion_fenomenos .left img {
    border: medium none;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 330px;
    width: 30%;
}

#ad.promocion_fenomenos .left strong {
    color: #000000;
    display: inline-block;
    font-family: "st";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 28px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    line-height: 32px;
    padding: 0 8%;
    text-align: left;
    vertical-align: middle;
    width: 64%;
}

#ad.promocion_fenomenos .right {
    background: transparent none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    float: left;
    font-family: "st", Arial;
    font-weight: 400;
    min-height: 176px;
    padding: 0 0 0 2%;
    text-align: left;
    text-rendering: optimizelegibility;
    width: 38%;
}

#ad.promocion_fenomenos .right p {
    font-family: 'st', Arial;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2.6%;
}

#ad.promocion_fenomenos .right p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

#ad.promocion_fenomenos .right ul {
    font-family: 'st', Arial;
    font-weight: 400;
    font-size: 17px;
    margin: 2px 0;
}

#ad.promocion_fenomenos .right li {
    padding: 1px 0 1px 41px;
    margin-bottom: 2%;
}

#ad.promocion_fenomenos .right strong {
    color: #000000;
    display: block;
    font-family: "st", Arial;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 0 10px;
}

#ad.promocion_fenomenos .right span {
    color: #000000;
    display: block;
    font-family: "st", Arial;
    font-weight: 400;
    font-size: 19px;
}

#ad.promocion_fenomenos .right span > em {
    color: var(--seat);
    padding: 0;
}

#ad.promocion_fenomenos .right em {
    color: #ffffff;
    display: inline-block;
    font-family: "st", Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 0;
}

#ad.promocion_fenomenos .right em strong {
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
    padding: 0;
}

#ad.promocion_fenomenos .right em + strong {
    display: block;
    font-size: 15px;
    padding: 0;
}

#ad.promocion_fenomenos .right .legal {
    color: #000000;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    padding: 10px 10px 0;
    text-align: right;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_fenomenos .right .legal:hover span {
    display: block
}

#ad.promocion_fenomenos .right .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-size: 9px;
    left: 11%;
    line-height: 12px;
    padding: 6px;
    position: absolute;
    width: 80%;
}

#ad.promocion_fenomenos a:hover, #ad.promocion_fenomenos a:hover *, #ad.promocion_fenomenos a:hover strong {
    text-decoration: none !important;
}

@media (max-width: 950px) {
    #ad.promocion_fenomenos .left {
        width: 56%;
    }

    #ad.promocion_fenomenos .left strong {
        font-size: 26px;
        padding: 0 4%;
    }

    #ad.promocion_fenomenos .right {
        width: 43%;
    }
}

@media (max-width: 820px) {
    #ad.promocion_fenomenos * {
        transition: all 0.3s ease 0s;
    }

    #ad.promocion_fenomenos .left {
        width: 50%;
    }

    #ad.promocion_fenomenos .right {
        width: 50%;
    }

    #ad.promocion_fenomenos .left strong {
        display: block;
        line-height: 26px;
        padding: 8px 0;
        text-align: center;
        width: auto;
    }

    #ad.promocion_fenomenos .left img {
        display: block;
        margin: 0 auto;
    }

    #ad.promocion_fenomenos .right strong {
        padding: 10px 0;
    }
}

@media (max-width: 780px) {
    #ad.promocion_fenomenos {
        height: 176px !important
    }
}

@media (max-width: 710px) {
}

@media (max-width: 590px) {
    #ad.promocion_fenomenos {
        height: auto !important;
    }

    #ad.promocion_fenomenos .left {
        float: none;
        position: relative;
        width: 100%;
    }

    #ad.promocion_fenomenos .left a img {
        margin: 0 auto;
        max-width: none;
        max-width: 150px;
        min-height: 130px;
        width: 80%;
    }

    #ad.promocion_fenomenos .right {
        float: none;
        min-height: 130px;
        padding: 6px 18px;
        width: auto
    }

    #ad.promocion_fenomenos .right p {
        margin: 0
    }

    #ad.promocion_fenomenos .legal span {
        width: 280px
    }

    #ad.promocion_fenomenos .right strong {
        padding-bottom: 8px;
    }
}

@media (max-width: 460px) {
    #ad.promocion_fenomenos .left a {
        padding-top: 25px
    }

    #ad.promocion_fenomenos .left a img {
        width: 100%;
    }
}

/*----------------------------------- promocion fenomenos verano ---------------------------------*/

#ad.promocion_fenomenos.verano {
    background-color: transparent;
    background-image: url("../img/verano-back.jpg");
    background-position: center top;
    background-repeat: none;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#ad.promocion_fenomenos.verano .left {
    background-color: transparent;
    background-image: url("../img/verano.png");
    background-position: 10px 0;
    background-repeat: no-repeat;
    float: left;
    margin: 0;
    min-height: 176px;
    position: relative;
    width: 50%;
}

#ad.promocion_fenomenos.verano .left a {
    bottom: 0;
    color: #ffffff;
    display: block;
    position: absolute;
    right: 5px;
    text-align: right;
    width: 98%;
}

#ad.promocion_fenomenos.verano .left img {
    border: medium none;
    display: inline-block;
    height: auto;
    margin: 0 auto;
    max-width: 330px;
    width: 30%;
}

#ad.promocion_fenomenos.verano .left strong {
    color: #000000;
    display: inline-block;
    font-family: "st";
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: 28px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    line-height: 32px;
    padding: 0 8%;
    text-align: left;
    vertical-align: middle;
    width: 64%;
}

#ad.promocion_fenomenos.verano .right {
    background: transparent none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    float: left;
    font-family: "st", Arial;
    font-weight: 400;
    min-height: 176px;
    padding: 0 0 0 2%;
    text-align: center;
    text-rendering: optimizelegibility;
    width: 48%;
}

#ad.promocion_fenomenos.verano .right p {
    font-family: 'st', Arial;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2.6%;
}

#ad.promocion_fenomenos.verano .right p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

#ad.promocion_fenomenos.verano .right p a strong, #ad.promocion_fenomenos.verano .right p a span {
    text-shadow: 1px 1px 1px #888;
}

#ad.promocion_fenomenos.verano .right p a span.legal {
    text-shadow: none;
}

#ad.promocion_fenomenos.verano .right ul {
    font-family: 'st', Arial;
    font-size: 17px;
    font-weight: 400;
    margin: 2px 0;
}

#ad.promocion_fenomenos.verano .right li {
    padding: 1px 0 1px 41px;
    margin-bottom: 2%;
}

#ad.promocion_fenomenos.verano .right strong {
    color: #ffffff;
    display: block;
    font-family: "st", Arial;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0 8px;
    text-decoration: underline !important;
}

#ad.promocion_fenomenos.verano .right span {
    color: #ffffff;
    display: block;
    font-family: "st", Arial;
    font-size: 19px;
    font-weight: 400;
    margin: 0;
}

#ad.promocion_fenomenos.verano .right span > em {
    color: var(--seat);
    padding: 0;
}

#ad.promocion_fenomenos.verano .right em {
    color: #ffffff;
    display: inline-block;
    font-family: "st", Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    padding: 16px 0;
}

#ad.promocion_fenomenos.verano .right em strong {
    color: #ffffff;
    display: inline-block;
    font-size: 28px;
    line-height: 28px;
    padding: 0;
}

#ad.promocion_fenomenos.verano .right em + strong {
    display: block;
    font-size: 15px;
    padding: 0;
}

#ad.promocion_fenomenos.verano .right .legal {
    color: #000000;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 10px;
    font-weight: 400;
    height: auto;
    padding: 40px 10px 0;
    text-align: center;
    text-decoration: underline !important;
    width: auto;
}

#ad.promocion_fenomenos.verano .right .legal:hover span {
    display: block
}

#ad.promocion_fenomenos.verano .right .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-size: 9px;
    left: 11%;
    line-height: 12px;
    padding: 6px;
    position: absolute;
    width: 80%;
}

#ad.promocion_fenomenos.verano a:hover, #ad.promocion_fenomenos.verano a:hover *, #ad.promocion_fenomenos.verano a:hover strong {
    text-decoration: none !important;
}

@media (max-width: 950px) {
    #ad.promocion_fenomenos.verano .left {
        background-size: 80% auto;
        width: 56%;
    }

    #ad.promocion_fenomenos.verano .left strong {
        font-size: 26px;
        padding: 0 4%;
    }

    #ad.promocion_fenomenos.verano .right {
        width: 43%;
    }
}

@media (max-width: 820px) {
    #ad.promocion_fenomenos.verano * {
        transition: all 0.3s ease 0s;
    }

    #ad.promocion_fenomenos.verano .left {
        width: 50%;
    }

    #ad.promocion_fenomenos.verano .right {
        width: 50%;
    }

    #ad.promocion_fenomenos.verano .left strong {
        display: block;
        line-height: 26px;
        padding: 8px 0;
        text-align: center;
        width: auto;
    }
}

@media (max-width: 780px) {
    #ad.promocion_fenomenos.verano {
        height: 176px !important
    }
}

@media (max-width: 710px) {
}

@media (max-width: 590px) {
    #ad.promocion_fenomenos.verano {
        background-image: url("../img/verano-back-mvl.jpg");
        background-color: #ffead2;
        background-size: cover;
        height: auto !important;
    }

    #ad.promocion_fenomenos.verano .left {
        float: none;
        min-height: 242px;
        position: relative;
        width: 100%;
    }

    #ad.promocion_fenomenos.verano .left a {
        bottom: auto;
        top: 80px;
    }

    #ad.promocion_fenomenos.verano .left a img {
        margin: 0 auto;
        max-width: none;
        min-height: 0;
        width: auto;
    }

    #ad.promocion_fenomenos.verano .right {
        float: none;
        min-height: 130px;
        padding: 6px 18px;
        width: auto
    }

    #ad.promocion_fenomenos.verano .right p {
        margin: 0
    }

    #ad.promocion_fenomenos.verano .right .legal {
        padding-top: 30px;
    }

    #ad.promocion_fenomenos.verano .legal span {
        width: 280px
    }

    #ad.promocion_fenomenos.verano .right strong {
        padding-bottom: 8px;
    }
}

@media (max-width: 460px) {
    #ad.promocion_fenomenos.verano .left {
        min-height: 180px
    }

    #ad.promocion_fenomenos.verano .left a {
        bottom: 0;
        top: auto;
    }

    #ad.promocion_fenomenos.verano .right span > em {
        display: block;
    }
}

/*----------------------------------- promocion seat -------------------------------------*/
#ad.promocion_seat {
    overflow: hidden;
    position: relative;
    background-image: url('../img/bg.jpg');
    background-color: #ef7c11;
    background-position: bottom;
    background-repeat: repeat-x;
    width: 100%;
}

#ad.promocion_seat .left {
    float: left;
    margin: 0 0 0 6%;
    width: 43.8%;
}

#ad.promocion_seat .left a {
    display: block;
    color: #ffffff;
}

#ad.promocion_seat .left img {
    border: medium none;
    height: auto;
    width: 90%;
}

#ad.promocion_seat .right {
    position: absolute;
    top: 9%;
    right: 0%;
    display: block;
    color: #ffffff;
    font-family: 'st', Arial;
    font-weight: 400;
    text-align: left;
    text-rendering: optimizelegibility;
    width: 39.9%;
}

#ad.promocion_seat .right p {
    font-family: 'st', Arial;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 2.6%;
}

#ad.promocion_seat .right p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 18px;
}

#ad.promocion_seat .right ul {
    font-family: 'st', Arial;
    font-weight: 400;
    font-size: 17px;
    margin: 2px 0;
}

#ad.promocion_seat .right li {
    padding: 1px 0 1px 41px;
    margin-bottom: 2%;
}

#ad.promocion_seat .right strong {
    font-family: 'st', Arial;
    font-weight: 400;
}

#ad.promocion_seat .legal {
    font-family: 'st', Arial;
    font-weight: 400;
    font-size: 9px;
    height: auto;
    width: 35.5%;
    padding: 0;
    position: relative;
    text-decoration: underline;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    bottom: 11%;
    right: 0%;
    display: block;
}

#ad.promocion_seat .legal:hover span {
    display: block;
}

#ad.promocion_seat .legal span {
    position: absolute;
    bottom: 11%;
    right: 10%;
    display: block;
    display: none;
    font-size: 9px;
    background: #ffffff;
    color: black;
    width: 150%;
    padding: 6px;
    line-height: 12px;
}

@media (max-width: 864px) {
    #ad.promocion_seat .legal {
        width: 41.2%;
    }

    #ad.promocion_seat .right {
        right: 6%;
    }
}

@media (max-width: 680px) {
    #ad.promocion_seat {
        height: 200px;
    }

    #ad.promocion_seat .legal {
        width: 43.5%;
    }

    #ad.promocion_seat .right li {
        padding-left: 14px;
    }
}

@media (max-width: 550px) {
    #ad.promocion_seat {
        height: 297px;
    }

    #ad.promocion_seat .right {
        top: 52%;
        top: 130px;
        right: 0;
        left: 8%;
        width: auto;
    }

    #ad.promocion_seat .right li {
        padding-left: 41px;
    }

    #ad.promocion_seat .left {
        width: 52.8%;
        width: 250px;
        margin-top: 0 !important;
    }

    #ad.promocion_seat .legal {
        bottom: 4%;
        right: 0;
        left: 16%;
    }

    #ad.promocion_seat .legal span {
        left: -20px;
        width: 280px;
        bottom: 0;
    }
}

@media (max-width: 399px) {
    #ad.promocion_seat .right {
        top: 40%;
    }
}

/*------------------------------------- procomion seat ---------------------------------------*/

#ad.promocion_fenomenos_new {
    height: auto !important
}

#ad.promocion_fenomenos_new > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_fenomenos_new > div > img.mvl {
    display: none;
}

#ad.promocion_fenomenos_new > div > img.mvl-dos {
    display: none;
}

#ad.promocion_fenomenos_new .legal {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 10px auto 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_fenomenos_new .legal:hover span {
    display: block
}

#ad.promocion_fenomenos_new .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_fenomenos_new > div {
    position: relative;
}

#ad.promocion_fenomenos_new > div > div {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

@media (max-width: 825px) {
    #ad.promocion_fenomenos_new > div > img {
        display: none;
    }

    #ad.promocion_fenomenos_new > div > img.mvl {
        display: block;
    }

    #ad.promocion_fenomenos_new > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_fenomenos_new .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 10px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_fenomenos_new .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_fenomenos_new > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_fenomenos_new .legal {
        font-size: 9px;
    }
}

/*------------------------------------- procomion acelerador ---------------------------------------*/

#ad.promocion_acelerador_new {
    height: auto !important
}

#ad.promocion_acelerador_new > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_acelerador_new > div > img.mvl {
    display: none;
}

#ad.promocion_acelerador_new > div > img.mvl-dos {
    display: none;
}

#ad.promocion_acelerador_new .legal {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 10px auto 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_acelerador_new .legal:hover span {
    display: block
}

#ad.promocion_acelerador_new .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_acelerador_new .seat-legal .legal {
    color: #111111;
}

#ad.promocion_acelerador_new > div {
    position: relative;
}

#ad.promocion_acelerador_new > div > div {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

@media (max-width: 825px) {
    #ad.promocion_acelerador_new > div > img {
        display: none;
    }

    #ad.promocion_acelerador_new > div > img.mvl {
        display: block;
    }

    #ad.promocion_acelerador_new > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_acelerador_new .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 4px 0;
        text-align: right;
        width: 99%
    }

    #ad.promocion_acelerador_new .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_acelerador_new > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_acelerador_new .legal {
        font-size: 8px;
        text-align: right;
    }
}

@media (max-width: 360px) {
    #ad.promocion_acelerador_new .legal {
        letter-spacing: -0.5px;
    }
}

#ad.promocion_seat_new {
    height: auto !important
}

#ad.promocion_seat_new > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_seat_new > div > img.mvl {
    display: none;
}

#ad.promocion_seat_new > div > img.mvl-dos {
    display: none;
}

#ad.promocion_seat_new .legal {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 10px auto 0;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_seat_new .legal:hover span {
    display: block
}

#ad.promocion_seat_new .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: o;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: auto;
    width: 400px;
}

#ad.promocion_seat_new > div {
    position: relative;
}

#ad.promocion_seat_new > div > div {
    bottom: 5px;
    left: 5px;
    position: absolute;
    right: auto;
}

@media (max-width: 825px) {
    #ad.promocion_seat_new > div > img {
        display: none;
    }

    #ad.promocion_seat_new > div > img.mvl {
        display: block;
    }

    #ad.promocion_seat_new > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seat_new .legal {
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 4px 0;
        text-align: center;
        width: 100%
    }

    #ad.promocion_seat_new .legal > span {
        left: 50%;
        margin: 0 0 0 -130px;
        width: 260px;
    }
}

@media (max-width: 510px) {
    #ad.promocion_seat_new > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seat_new .legal {
        font-size: 9px;
    }
}

/*acelerador seat*/
#ad.promocion_acelerador_new > div > div.seat-legal {
    bottom: 5px;
    left: 36.5%;
    position: absolute;
    right: auto;
}

#ad.promocion_acelerador_new > div > div.seat-legal .legal {
    text-decoration: none;
}

@media (max-width: 825px) {
    #ad.promocion_acelerador_new > div > div.seat-legal {
        bottom: 45%;
        left: auto;
        right: auto;
        text-align: center;
        width: 100%;
    }

    #ad.promocion_acelerador_new > div > div.seat-legal .legal {
        font-size: 10px;
        text-align: center;
    }
}

/*------------------------------------- procomion seminuevos golf ---------------------------------------*/

#ad.promocion-concentracion-furgos {
    height: auto !important
}

#ad.promocion-concentracion-furgos > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion-concentracion-furgos > div > img.mvl {
    display: none;
}

#ad.promocion-concentracion-furgos > div > img.mvl-dos {
    display: none;
}

@media (max-width: 825px) {
    #ad.promocion-concentracion-furgos > div > img {
        display: none;
    }

    #ad.promocion-concentracion-furgos > div > img.mvl {
        display: block;
    }
}

/*------------------------------------- procomion seminuevos polo ---------------------------------------*/

#ad.promocion_seminuevos.polo {
    height: auto !important
}

#ad.promocion_seminuevos.polo > div > img {
    display: block;
    height: auto;
    width: 100%
}

#ad.promocion_seminuevos.polo > div > img.mvl {
    display: none;
}

#ad.promocion_seminuevos.polo > div > img.mvl-dos {
    display: none;
}

#ad.promocion_seminuevos.polo .legal {
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: "st", Arial;
    font-size: 9px;
    font-weight: normal;
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-decoration: underline;
    width: auto;
}

#ad.promocion_seminuevos.polo .legal:hover span {
    display: block
}

#ad.promocion_seminuevos.polo .legal span {
    background: #ffffff none repeat scroll 0 0;
    bottom: 12px;
    color: black;
    display: none;
    font-family: arial;
    font-size: 9px;
    left: auto;
    line-height: 11px;
    padding: 6px;
    position: absolute;
    right: 0;
    width: 400px;
}

#ad.promocion_seminuevos.polo > div {
    position: relative;
}

#ad.promocion_seminuevos.polo > div > div {
    bottom: 9px;
    position: absolute;
    right: 10%;
}

@media (max-width: 825px) {
    #ad.promocion_seminuevos.polo > div > img {
        display: none;
    }

    #ad.promocion_seminuevos.polo > div > img.mvl {
        display: block;
    }

    #ad.promocion_seminuevos.polo > div > div {
        bottom: 4px;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.polo .legal {
        color: #111111;
        font-size: 10px;
        line-height: 12px;
        margin: 0 0 4px 14px;
        text-align: left;
        width: 100%;
    }

    #ad.promocion_seminuevos.polo .legal > span {
        bottom: 20px;
        left: 10px;
        margin: 0;
        width: 260px;
    }

    #ad.promocion_seminuevos.polo .legal.white-movil {
        color: #000000;
    }
}

@media (max-width: 510px) {
    #ad.promocion_seminuevos.polo > div > div {
        bottom: 0;
        right: 0;
        width: 100%;
    }

    #ad.promocion_seminuevos.polo .legal {
        font-size: 9px;
    }
}

/*caddy*/
#ad.promocion_acelerador_new.caddy > div > div.seat-legal {
    bottom: 5px;
    left: 10px;
    position: absolute;
    right: auto;
}

#ad.promocion_acelerador_new.caddy > div > div.seat-legal .legal {
    color: #ffffff;
}

#ad.promocion_acelerador_new.caddy > div > div.seat-legal .legal > span {
    left: 0;
    right: auto;
    text-decoration: none;
}

@media (max-width: 825px) {
    #ad.promocion_acelerador_new.caddy > div > div.seat-legal {
        bottom: 0;
        left: auto;
        right: auto;
        text-align: center;
        width: 100%;
    }

    #ad.promocion_acelerador_new.caddy > div > div.seat-legal .legal {
        font-size: 10px;
        text-align: center;
    }

    #ad.promocion_acelerador_new.caddy > div > div.seat-legal .legal > span {
        bottom: 30px;
        left: 50%;
        right: auto;
        text-decoration: none;
    }
}

/*nuevo legal para seminuevos con gif*/
#ad.promocion_banner > div > div.gif {
    bottom: 8px;
    left: 1.4%;
    position: absolute;
    right: auto;
}

#ad.promocion_banner .gif .legal {
    color: #ffffff;
    font-size: 10px;
    text-decoration: none;
}

#ad.promocion_banner .gif .legal > span {
    bottom: 18px;
    left: 0;
    right: auto;
}

@media (max-width: 825px) {
    #ad.promocion_banner > div > div.gif {
        bottom: 0;
    }

    #ad.promocion_banner .gif .legal {
        text-align: left;
        width: auto;
    }

    #ad.promocion_banner .gif .legal > span {
        bottom: 18px;
        left: 0;
        margin: 0;
        width: 260px;
    }
}

#ad.promocion_banner.seminuevos-seat-new > div > div.gif {
    left: auto;
    right: 1.4%;
}

#ad.promocion_banner.seminuevos-seat-new .gif .legal > span {
    left: auto;
    right: 0;
}

@media (max-width: 825px) {
    #ad.promocion_banner.seminuevos-seat-new .gif .legal {
        text-align: right;
    }
}

#ad.promocion_banner.left > div > div.gif {
    right: auto;
    left: 1.4%;
}

#ad.promocion_banner.left .gif .legal > span {
    right: auto;
    left: 0;
}

@media (max-width: 825px) {
    #ad.promocion_banner.left .gif .legal {
        text-align: right;
    }
}

#ad.promocion_banner.right > div > div.gif {
    left: auto;
    right: 1.4%;
}

#ad.promocion_banner.right .gif .legal > span {
    left: auto;
    right: 0;
}

@media (max-width: 825px) {
    #ad.promocion_banner.right .gif .legal {
        text-align: right;
    }
}

#ad.promocion_banner.black .gif .legal, #ad.black .legal {
    color: #111111;
}

#ad.promocion_banner.black .gif .legal > span, #ad.black .legal > span {
    color: #111111;
}

#ad.promocion_banner.white .gif .legal, #ad.white .legal {
    color: #ffffff;
}

#ad.promocion_banner.white .gif .legal > span, #ad.white .legal > span {
    color: #111111;
}

/*------------------------------------- mp4 ---------------------------------------*/
#ad.mp4 {
    height: auto !important
}

#ad.mp4 > div > span {
    display: block;
    height: auto;
    width: 100%
}

#ad.mp4 > div > span + span {
    display: none;
}

#ad.mp4 > div > span > video {
    height: auto;
    width: 100%;
}

@media (max-width: 825px) {
    #ad.mp4 > div > span {
        display: none;
    }

    #ad.mp4 > div > span + span {
        display: block;
    }
}

/*----------------- color y ubica span condiciones legales -------------------*/
#dwa_content .resultados #ad.right > div > div {
    left: auto;
    right: 1%;
}

#dwa_content .resultados #ad.right > div > div > span > span {
    left: auto;
    right: 0;
}

#dwa_content .resultados #ad.center > div > div {
    left: auto;
    right: 43%;
}

#dwa_content .resultados #ad.center > div > div > span > span {
    left: 50%;
    right: 0;
    margin: 0 0 0 -200px;
}

#dwa_content .resultados #ad.left > div > div {
    left: 1%;
    right: auto;
}

#dwa_content .resultados #ad.left > div > div > span > span {
    left: 0;
    right: auto;
}

#dwa_content .resultados #ad.black > div > div > span.legal {
    color: #000000;
}

#dwa_content .resultados #ad.white > div > div > span.legal {
    color: #ffffff;
}

#dwa_content .resultados #ad.black > div > div > span.legal > span {
    background-color: #ffffff;
    color: #000000;
}

#dwa_content .resultados #ad.white > div > div > span.legal > span {
    background-color: #ffffff;
    color: #000000;
}

@media (max-width: 825px) {
    #dwa_content .resultados #ad.right > div > div {
        left: auto;
        padding: 0 2%;
        right: auto;
        text-align: right;
        width: 96%;
    }

    #dwa_content .resultados #ad.center > div > div {
        left: auto;
        padding: 0 2%;
        right: auto;
        text-align: center;
        width: 96%;
    }

    #dwa_content .resultados #ad.left > div > div {
        left: auto;
        padding: 0 2%;
        right: auto;
        text-align: left;
        width: 96%;
    }

    #dwa_content .resultados #ad.right > div > div > span.legal {
        text-align: right;
    }

    #dwa_content .resultados #ad.center > div > div > span.legal {
        text-align: center;
    }

    #dwa_content .resultados #ad.left > div > div > span.legal {
        text-align: left;
    }

    #dwa_content .resultados #ad.right > div > div > span > span {
        left: auto;
        margin: 0;
        right: 6px;
        width: 260px;
    }

    #dwa_content .resultados #ad.center > div > div > span > span {
        left: 50%;
        margin: 0 0 0 -130px;
        right: auto;
        width: 260px;
    }

    #dwa_content .resultados #ad.left > div > div > span > span {
        left: 6px;
        margin: 0;
        right: auto;
        width: 260px;
    }
}

/*--------------------------------- 404 ficha -----------------------------------------*/
.plantilla-error {
    width: 100%;
    padding: 20px 0
}

.plantilla-error h1, .plantilla-error h2 {
    clear: both;
    color: rgb(0, 0, 0);
    float: none;
    font-family: "st", arial, sans-serif;
    font-weight: 700;
    padding: 30px 20px 10px;
    width: auto;
    font-size: 2.4em;
    line-height: 1.8em;
}

.plantilla-error > nav {
    float: left;
    width: 24%;
}

.plantilla-error > nav > ul {
    border-top: 1px solid #eaeeed;
}

.plantilla-error > nav > ul > li {
    border-bottom: 1px solid #eaeeed;
    padding: 10px 0;
}

.plantilla-error > nav > ul > li > a {
    color: var(--seat);
    font-family: 'st', arial, sans-serif;
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none;
}

.plantilla-error > nav > ul > li > a > span {
    color: #4d4d4d;
}

.plantilla-error > nav > ul > li.active > a, .plantilla > nav > ul > li.active > a:hover {
    color: var(--seat);
}

.plantilla-error > div {
    float: right;
    width: 74%;
    min-height: 500px;
    background-size: 70% auto;
}

.plantilla-error > div.bg-vw {
    background: #ffffff url('../img/error/coche_vw_con_error_404.png') no-repeat right top;
}

.plantilla-error > div.bg-vwc {
    background: #ffffff url('../img/error/coche_vw_comerciales_con_error_404.png') no-repeat right top;
}

.plantilla-error > div.bg-seat {
    background: #ffffff url('../img/error/coche_seat_con_error_404.png') no-repeat right top;
}

.plantilla-error > div.bg-skoda {
    background: #ffffff url('../img/error/coche_seat_con_error_404.png') no-repeat right top;
}

@media (max-width: 890px) {
    .plantilla-error > nav {
        float: none;
        width: auto;
        padding: 10px 20px;
    }

    .plantilla-error > div {
        float: none;
        min-height: 170px;
        width: auto;
        background-size: auto 150px !important;
    }

    .plantilla-error h1, .plantilla-error h2 {
        padding: 40px 200px 40px 20px;
    }
}

@media (max-width: 800px) {
    .plantilla-error h1, .plantilla-error h2 {
        font-size: 1.4em;
        line-height: 1.6em;
    }
}

@media (max-width: 480px) {
    .plantilla-error h1, .plantilla-error h2 {
        font-size: 1.2em;
        line-height: 1.2em;
        padding: 40px 130px 40px 20px;
    }
}

/*-------------------------------- te llamamos --------------------------------------*/
.llamame {
}

.llamame .bgstage * {
    transition: all 0.5s ease;
}

.llamame .bgstage {
    position: relative;
}

.llamame .bgstage > div {
    position: absolute;
    left: 15%;
    top: 6%;
    text-align: center;
    width: 60%;
}

.llamame .bgstage > div > h1 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2
}

.llamame .bgstage > div > form {
}

.llamame .bgstage > div > form > fieldset {
    margin: 8px 0;
    position: relative;
}

.llamame .bgstage > div > form > fieldset input[type="tel"], .llamame .bgstage > div > form > fieldset input[type="text"] {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    max-width: 100%;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 8px 0;
    width: 260px;
}

.llamame .bgstage > div > form > fieldset button {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    max-width: 140px;
    display: block;
    margin: 0 auto;
}

.llamame .bgstage > div > form > fieldset .error-sms {
    background-color: #c00;
    color: #ffffff;
    display: none;
    position: absolute;
    bottom: 100%;
    font-size: 14px;
    left: 34%;
    padding: 8px 10px;
    border-radius: 6px;
}

.llamame .bgstage > div > form > fieldset .error-sms::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #c00 transparent transparent transparent;
}

.llamame .bgstage > div > form > fieldset.error .error-sms {
    display: block;
}

.llamame .bgstage > div > form > fieldset.error input[type="tel"], .llamame .bgstage > div > form > fieldset.error input[type="text"] {
    border-color: #c00;
}

.llamame .bgstage > picture, .llamame .bgstage > picture img {
    display: block;
    height: auto;
    width: 100%;
}

@media only screen and (min-width: 480px) {
    .llamame .bgstage > div {
        position: absolute;
        left: 16%;
        top: 8%;
        text-align: center;
        width: 54%;
    }

    .llamame .bgstage > div > h1 {
        font-size: 16px
    }

    .llamame .bgstage > div > form > fieldset {
        margin: 14px 0;
    }

    .llamame .bgstage > div > form > fieldset button {
        font-size: 16px;
    }
}

@media only screen and (min-width: 600px) {
    .llamame .bgstage > div {
        position: absolute;
        left: 10%;
        top: 12%;
        text-align: center;
        width: 68%;
    }

    .llamame .bgstage > div > h1 {
        font-size: 24px
    }

    .llamame .bgstage > div > form > fieldset {
        margin: 14px 0;
    }
}

@media only screen and (min-width: 788px) {
    .llamame .bgstage > div {
        left: 17%;
        top: 6%;
        width: 40%;
    }

    .llamame .bgstage > div > h1 {
        font-size: 20px;
    }

    .llamame .bgstage > div > form > fieldset {
        margin: 10px 0;
    }

    .llamame .bgstage > div > form > fieldset button:hover {
        background-color: #2C2C2C;
    }
}

@media only screen and (min-width: 980px) {
    .llamame .bgstage > div {
        left: 17%;
        top: 8%;
    }

    .llamame .bgstage > div > h1 {
        font-size: 26px;
    }

    .llamame .bgstage > div > form > fieldset {
        margin: 14px 0;
    }

}

@media only screen and (min-width: 1300px) {
    .llamame .bgstage > div {
        left: 17%;
        top: 14%;
    }

    .llamame .bgstage > div > h1 {
        font-size: 34px;
    }

    .llamame .bgstage > div > form > fieldset {
        margin: 18px 0;
    }

}

/*--------------------------------- 404 new -----------------------------------------*/
.new-error {
    background-color: #DEDAD4;
    padding: 40px 0;
    height: 1000px;
}

.new-error > div {
    margin: 0 auto;
    max-width: 300px;
    position: relative;
    transition: all 0.5s ease;
}

.new-error > div .stageTop {
    margin: 0 0 0 auto;
    width: 300px;
    transition: all 0.5s ease;
}

.new-error > div .stageTop > svg {
    display: none;
    width: 300px;
    height: 174px;
    transition: all 0.5s ease;
}

.new-error > div .stageTop > svg + svg {
    display: block;
}

.new-error > div .stage {
    position: absolute;
    top: 44px;
    left: 0;
    height: 280px;
    width: 300px;
    z-index: 1;
}

.new-error > div .stage .position-square {
    height: 100%;
    position: relative;
}

.new-error > div .stage .position-square .squareTop {
    background-color: #82235F;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 0;
}

.new-error > div .stage .position-square .squareContent {
    background-color: #ffffff;
    border-radius: 50%;
    height: 260px;
    overflow: hidden;
    padding: 30px 0;
    width: 260px;
    margin: 0 0 0 10px;
}

.new-error > div .stage .position-square .squareContent > div {
}

.new-error > div .stage .position-square .squareContent > div p {
    padding: 0;
    text-align: center;
}

.new-error > div .stage .position-square .squareContent > div p strong {
    color: #000000;
    display: block;
    font-family: "St", arial, sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    height: 36px;
    margin: 0 0 6px 0;
}

.new-error > div .stage .position-square .squareContent > div p em {
    color: #ffffff;
    display: block;
    font-family: "St", arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    height: 20px;
    margin: 9px 0;
}

.new-error > div .stage .position-square .squareContent > div p span {
    color: #000000;
    display: block;
    font-family: "St", arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.1;
    font-weight: normal;
}

.new-error > div .stage .position-square .squareContent > div p a {
    color: #000000;
    border: 2px solid #000000;
    display: block;
    font-family: "St", arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent;
    padding: 14px 0;
    border-radius: 6px;
    max-width: 160px;
    margin: 12px auto 0 auto;
}

.new-error > div .stage .position-square .squareContent > div .jack {
    margin: 0px 0 4px 0;
    overflow: hidden;
    height: 40px;
    display: flex;
    flex-flow: row nowrap;
}

.new-error > div .stage .position-square .squareContent > div .jack > span {
    flex: 1 1 0;
    position: relative;
    animation-name: desplaza-x;
    animation-duration: 2s;
    animation-timing-function: linear;
    -webkit-animation-name: desplaza-x;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    transform: translateX(calc(-100% + 37px));
}

.new-error > div .stage .position-square .squareContent > div .jack > span > svg {
    display: block;
    height: 36px;
    margin: 0 0 0 auto;
    position: absolute;
    right: -24px;
    top: 2px;
    width: 40px;
}

.new-error > div .stage .position-square .squareContent > div .jack > span + span {
    animation-name: desplaza;
    animation-duration: 2s;
    animation-timing-function: linear;
    -webkit-animation-name: desplaza;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    transform: translateX(calc(100% - 37px));
}

.new-error > div .stage .position-square .squareContent > div .jack > span + span > svg {
    height: 36px;
    left: -3px;
    margin: 0 auto 0 0;
    position: absolute;
    top: 2px;
    width: 28px;
}

.new-error > div .stage .position-square .squareContent > div .jack > span::before {
    background-color: #000000;
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    top: 18px;
    width: 100%;
}

.new-error > div .stage .position-square .squareBottom {
    background-color: #82235F;
    bottom: 0;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
}

.new-error > div .stageBottom {
    margin: 0;
    width: 300px;
    position: relative;
    top: -12px;
    transition: all 0.5s ease;
}

.new-error > div .stageBottom > svg {
    display: none;
    width: 194px;
    height: 260px;
    transition: all 0.5s ease;
}

.new-error > div .stageBottom > svg + svg {
    display: block;
}

.new-error > div .stageBottom .tyre {
    fill: var(--seat);
}

.new-error > div .stageBottom .stroke {
    fill: #000000;
}

@media only screen and (min-width: 520px) {
    .new-error > div {
        max-width: 480px;
    }

    .new-error > div .stageTop {
        margin: 0 0 0 auto;
        width: 300px;
    }

    .new-error > div .stageTop > svg {
        display: none;
        width: 300px;
        height: 173px;
        transition: all 0.5s ease;
    }

    .new-error > div .stageTop > svg + svg {
        display: block;
    }

    .new-error > div .stage {
        left: 90px;
    }

    .new-error > div .stageBottom {
        margin: 0;
        width: 300px;
        position: relative;
        top: -11px;
    }

    .new-error > div .stageBottom > svg {
        display: none;
        width: 195px;
        height: 263px;
    }

    .new-error > div .stageBottom > svg + svg {
        display: block;
    }
}

@media only screen and (min-width: 768px) {
    .new-error > div .stage .position-square .squareContent > div p a:hover {
        background-color: transparent;
        border-color: #666;
        color: #000;
    }
}

@media only screen and (min-width: 980px) {
    .new-error > div {
        max-width: 1000px;
    }

    .new-error > div .stageTop {
        width: 500px;
    }

    .new-error > div .stageTop > svg {
        width: 500px;
        height: 277px;
        display: block;
    }

    .new-error > div .stageTop > svg + svg {
        display: none;
    }

    .new-error > div .stage {
        top: 90px;
        left: 420px;
        height: 420px;
        width: 380px;
    }

    .new-error > div .stage .position-square .squareTop {
        height: 80px;
        width: 80px;
    }

    .new-error > div .stage .position-square .squareContent {
        height: 380px;
        padding: 60px 0;
        width: 380px;
    }

    .new-error > div .stage .position-square .squareContent > div p strong {
        font-size: 56px;
        height: 56px;
    }

    .new-error > div .stage .position-square .squareContent > div p em {
        color: #000000;
        font-size: 26px;
        height: 26px;
        margin: 8px 0 9px;
    }

    .new-error > div .stage .position-square .squareContent > div p span {
        font-size: 16px;
    }

    .new-error > div .stage .position-square .squareContent > div p a {
        font-size: 14px;
        font-weight: bold;
        padding: 18px 10px;
        border-radius: 6px;
        max-width: 200px;
        margin: 14px auto 0 auto;
    }

    .new-error > div .stage .position-square .squareContent > div .jack {
        margin: 0 0 16px 0;
        height: 50px;
    }

    .new-error > div .stage .position-square .squareContent > div .jack > span > svg {
        height: 45px;
        right: -24px;
        top: 2px;
        width: 57px;
    }

    .new-error > div .stage .position-square .squareContent > div .jack > span + span > svg {
        height: 50px;
        left: -3px;
        top: 0;
        width: 38px;
    }

    .new-error > div .stage .position-square .squareContent > div .jack > span::before {
        height: 5px;
        top: 22px;
    }

    .new-error > div .stage .position-square .squareBottom {
        height: 50px;
        width: 50px;
        left: 0;
    }

    .new-error > div .stageBottom {
        width: 580px;
        top: -6px;
    }

    .new-error > div .stageBottom > svg {
        width: 600px;
        height: 280px;
        display: block;
    }

    .new-error > div .stageBottom > svg + svg {
        display: none;
    }
}

@-moz-keyframes desplaza-x {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% + 37px));
    }
}

@-webkit-keyframes desplaza-x {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% + 37px));
    }
}

@keyframes desplaza-x {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% + 37px));
    }
}

@-moz-keyframes desplaza {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(100% - 37px));
    }
}

@-webkit-keyframes desplaza {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(100% - 37px));
    }
}

@keyframes desplaza {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(100% - 37px));
    }
}

/*------------------------------- prelanding marcas -----------------------------------*/
.landing-intermedia {
}

.landing-intermedia .banner {
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

.landing-intermedia .banner picture, .landing-intermedia .banner img {
    display: block;
    height: auto;
    width: 100%;
}

.landing-intermedia .premarca-two-cols {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 20px 0;
}

.landing-intermedia .premarca-two-cols .col-out {
    display: flex;
    flex-flow: column wrap;
    padding: 0 0 10px 0;
    width: 22%;
}

.landing-intermedia .premarca-two-cols .col-out > div {
    width: 100%
}

.landing-intermedia .premarca-two-cols .col-out > div > a {
    display: block;
}

.landing-intermedia .premarca-two-cols .col-out > div > a > img {
    display: block;
    height: auto;
    width: 100%;
}

.landing-intermedia .premarca-two-cols .col-out > div > a > strong {
    display: block;
    font-family: 'st', arial, sans-serif;
    margin: 0 0 6px 0;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    color: #000;
}

.landing-intermedia .premarca-two-cols .col-out > div > a > em {
    color: #666666;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: normal;
    margin: 0 auto 6px auto;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    max-width: 148px;
}

.landing-intermedia .premarca-two-cols .col-out > div > a > b {
    background-color: #eaeeed;
    color: #333333;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto;
    max-width: 90%;
    padding: 10px 8px 10px 40px;
    position: relative;
}

.landing-intermedia .premarca-two-cols .col-out > div > a > b::before {
    background: transparent url('../img/dwa_icon_sprite_seat.png') no-repeat -818px -123px;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin: -11px 0 0 0;
}

.landing-intermedia .premarca-two-cols .col-out > div > a:hover {
    text-decoration: none;
}

.landing-intermedia .premarca-two-cols .col-out > div > a:hover > b {
    color: var(--seat);
}

.landing-intermedia .premarca-two-cols .enlaces-modelos {
    width: 74%;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos h1 {
    font-size: 36px;
    margin: 0 0 20px 0;
    text-align: center;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0;
    align-items: flex-start;
    width: 100%;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div {
    padding: 0 0 10px;
    width: 30%;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a {
    display: block;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a > img {
    display: block;
    height: auto;
    width: 100%;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a > b {
    background-color: #eaeeed;
    color: #333333;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px auto;
    max-width: 80%;
    padding: 10px 8px 10px 40px;
    position: relative;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a > b::before {
    background: transparent url('../img/dwa_icon_sprite_seat.png') no-repeat -818px -123px;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 12px;
    top: 50%;
    margin: -11px 0 0 0;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a:hover {
    text-decoration: none;
}

.landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div > a:hover > b {
    color: var(--seat);
}

@media (max-width: 768px) {
    .landing-intermedia .premarca-two-cols .col-out {
        width: 30%;
    }

    .landing-intermedia .premarca-two-cols .enlaces-modelos {
        width: 68%;
    }

    .landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div {
        width: 48%;
    }

    .landing-intermedia .premarca-two-cols .enlaces-modelos h1 {
        font-size: 20px;
    }
}

@media (max-width: 480px) {
    .landing-intermedia .premarca-two-cols .col-out {
        width: 100%;
    }

    .landing-intermedia .premarca-two-cols .enlaces-modelos {
        width: 100%;
    }

    .landing-intermedia .premarca-two-cols .enlaces-modelos .grid-enlaces-modelos > div {
        width: 100%;
    }
}

#rgpd_checks button {
    display: block;
    margin: 20px auto;
}

/*------------------------------- FLOTAINTERNA -----------------------------------*/
.loginTemplate {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../img/flotainterna/bg_login.jpg);
    background-color: #ffffff;
    background-position: center center;
    padding: 40px 0;
}

.loginTemplate .wrap-form-colectivo p.pass-send {
    margin: 20px 0;
    text-align: center;
    background-color: #333F48;
    color: #fff;
    padding: 10px;
}

.loginTemplate .wrap-form-colectivo {
    background-color: #eaeeed;
    padding: 16px;
    margin: 0 auto;
    max-width: 440px;
    width: 90%;
}

.loginTemplate .wrap-form-colectivo h1 {
    font-family: "st", Arial;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    color: #111;
}

.loginTemplate .wrap-form-colectivo h2 {
    font-family: "st", Arial;
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    color: #111 !important;
}

.loginTemplate .wrap-form-colectivo h2 em {
    color: var(--seat);
}

.loginTemplate .wrap-form-colectivo form {
    margin: 20px 0;
}

.loginTemplate .wrap-form-colectivo form p {
    font-family: "st", Arial;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.loginTemplate .wrap-form-colectivo form fieldset {
    display: block;
}

.loginTemplate .wrap-form-colectivo form fieldset input[type="text"], .loginTemplate .wrap-form-colectivo form fieldset input[type="password"] {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 8px 0;
    width: 100%;
}

.loginTemplate .wrap-form-colectivo form fieldset input[type="text"]:focus, .loginTemplate .wrap-form-colectivo form fieldset input[type="password"]:focus {
    border-color: var(--seat)
}

.loginTemplate .wrap-form-colectivo form p {
    margin: 20px 0;
    text-align: center;
}

.loginTemplate .wrap-form-colectivo form p button {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    padding: 10px 30px;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    max-width: 240px;
    display: block;
    margin: 0 auto !important;
}

.loginTemplate .wrap-form-colectivo form ul {
    margin: 20px 0;
}

.loginTemplate .wrap-form-colectivo form ul > li {
    font-size: 14px;
    text-align: right;
}

.loginTemplate .wrap-form-colectivo form ul > li > a {
    color: #000000;
    font-family: "st", Arial;
    font-weight: 400;
    text-decoration: underline;
}

.loginTemplate .wrap-form-colectivo p {
    font-size: 14px;
    margin: 20px 0;
    text-align: center;
}

.loginTemplate .wrap-form-colectivo p .goBack {
    display: block;
    background-color: #4d4d4d;
    border-radius: 4px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    padding: 8px 20px;
    min-width: 120px;
    text-align: center;
    margin: 8px 4px;
}

.loginTemplate .wrap-form-colectivo p .btn-primary-dark {
    background-color: var(--seat);
    border-radius: 4px;
    color: #ffffff;
    display: block;
    text-align: center;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    margin: 8px 4px;
}

@media only screen and (min-width: 980px) {
    .loginTemplate {
        min-height: 600px;
        padding: 60px 0;
    }

    .loginTemplate .wrap-form-colectivo {
        margin: 0 0 0 50px;
    }

    .loginTemplate .wrap-form-colectivo p .goBack, .loginTemplate .wrap-form-colectivo p .btn-primary-dark {
        display: inline-block;
    }
}

/*bloque emergente mi zona*/
.miColectivo {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 10px 0;
}

.miColectivo > div {
    width: 50%;
}

.miColectivo > div > p {
}

.miColectivo > div > p > b {
    color: #000000;
    display: block;
    margin: 2px 0 0 0;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
}

.miColectivo > div > .logWrap {
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #000;
    text-align: right;
}

.miColectivo > div > .logWrap > div {
    display: inline-block;
    width: auto;
    position: relative;
    margin: 0 10px 6px 0;
    vertical-align: bottom;
}

.miColectivo > div > .logWrap > div > a {
    display: block;
    font-size: 12px;
    color: #000000;
}

.miColectivo > div > .logWrap > div > a > span {
    display: inline-block;
    vertical-align: middle;
}

.miColectivo > div > .logWrap > div > a > svg {
    display: inline-block;
    height: 20px;
    width: 20px;
    fill: #000;
    vertical-align: middle;
}

.miColectivo > div > .logWrap > div > a.on {
    color: var(--seat);
}

.miColectivo > div > .logWrap > div > a.on > svg {
    fill: var(--seat);
    transform: rotate(-180deg);
}

.miColectivo > div > .logWrap > div > a.cartIcon > span {
    color: #666666;
    font-family: 'st';
    font-weight: normal;
}

.miColectivo > div > .logWrap > div > ul {
    background-color: #ffffff;
    box-shadow: 0 0 4px #cccccc;
    display: none;
    padding: 10px;
    position: absolute;
    top: 110%;
    left: 0;
    right: auto;
    z-index: 9999;
    width: 160px;
}

.miColectivo > div > .logWrap > div > ul > li {
    margin: 10px 4px;
    text-align: left;
}

.miColectivo > div > .logWrap > div > ul > li > a {
    display: block;
    color: #000000;
    font-size: 14px;
}

.miColectivo > div > .logWrap > div > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
    text-decoration: underline;
}

.miColectivo > div > .logWrap > div > ul > li > a > svg {
    display: inline-block;
    height: 20px;
    width: 20px;
    fill: #000;
    vertical-align: middle;
}

.miColectivo > div > .logWrap > div > ul > li > a.logout {
    font-size: 16px;
}

.miColectivo > div > .logWrap > div > ul > li + li {
    margin-top: 16px;
}

.miColectivo > div > .logWrap > div > a.on + ul {
    display: block;
}

.miColectivo > div > .logWrap > div + div {
    margin-right: 0;
}

@media only screen and (min-width: 480px) {
    .miColectivo > div > p > b {
        font-size: 16px;
    }

    .miColectivo > div > .logWrap > div {
        margin: 0 20px 6px 0;
    }

    .miColectivo > div > .logWrap > div > a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) {
    .miColectivo > div {
        width: 50%;
    }

    .miColectivo > div > p > b {
        font-size: 24px;
    }

    .miColectivo > div > .logWrap {
        text-align: right;
    }

    .miColectivo > div > .logWrap > div {
        margin: 8px 10px 6px 10px;
    }

    .miColectivo > div > .logWrap > div > a:hover, .miColectivo > div > .logWrap > div > ul > li > a:hover {
        color: var(--seat);
    }

    .miColectivo > div > .logWrap > div > a:hover svg {
        fill: var(--seat)
    }

    .miColectivo > div > .logWrap > div > ul {
        left: auto;
        right: 0;
    }

    .miColectivo > div > .logWrap > div > ul > li {
        text-align: right;
    }

    .miColectivo > div > .logWrap > div > ul > li > a:hover > svg {
        fill: var(--seat)
    }
}

/*cesta*/
.results-wrap.cesta h1 {
    margin: 14px 0;
}

.results-wrap.cesta .nav-pages > div {
    display: block;
}

.results-right-wrap {
    width: 100%;
    margin: 0 0 20px 0;
}

.results-cart-wrap {
    background-color: #4d4d4d;
    color: #fff;
}

.results-cart-wrap > dl {
    align-items: baseline;
    display: flex;
    flex-flow: row wrap;
    font-family: 'st';
    font-weight: 700;
    font-size: 14px;
    margin: 0 0 15px 0;
    padding: 10px 10px 0 10px;
}

.results-cart-wrap > dl > dt {
    color: #888d8f;
    margin: 8px 0;
    text-align: left;
    width: 40%
}

.results-cart-wrap > dl > dt > em {
    color: var(--seat);
    display: inline-block;
    font-size: 15px;
    font-family: 'st';
    font-weight: 700;
    margin-top: 10px;
}

.results-cart-wrap > dl > dd {
    color: #ffffff;
    margin: 8px 0;
    text-align: right;
    width: 60%;
}

.results-cart-wrap > dl > dd > b {
    color: #ffffff;
    font-family: 'st';
    font-weight: 700;
    font-size: 16px;
}

.results-cart-wrap > dl > dd > strong {
    display: inline-block;
    font-family: 'st';
    font-weight: 700;
    font-size: 22px;
    margin-top: 10px;
}

.results-cart-wrap .tramitar {
    background-color: #ffffff;
    margin: 15px 0 0 0;
    padding: 0 10px 10px 10px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9
}

.results-cart-wrap .tramitar > a {
    background-color: var(--seat);
    color: #fff;
    display: block;
    text-align: center;
    margin: 4px auto 6px auto;
    font-family: 'st';
    font-weight: 700;
    padding: 10px 4px;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 4px;
}

.results-cart-wrap .explain_reserva {
    background-color: #888d8f;
    padding: 10px;
    margin: 10px;
    font-size: 12px;
    line-height: 1.2;
}

.results-cart-wrap .explain_login {
    color: #ccc;
    padding: 10px;
    position: relative;
    margin: 0;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
}

.results-cart-wrap .explain_login::before {
    content: '';
    display: block;
    height: 1px;
    width: 70%;
    background: #888888;
    position: absolute;
    left: 15%;
    top: 0;
}

@media only screen and (min-width: 980px) {
    .results-right-wrap {
        order: 1;
        width: 292px;
    }

    .results-cart-wrap {
        border-top: none;
        display: block;
        padding: 0;
        position: sticky;
        position: -webkit-sticky;
        top: 80px;
        margin-bottom: 20px;
        z-index: 9;
    }

    .cesta .results-container .results-item-wrap {
        margin-left: 0;
        margin-right: 2%;
        order: 0;
    }

    .results-cart-wrap .tramitar {
        background-color: transparent;
        margin: 15px 0 0 0;
        padding: 0 10px 10px 10px;
        position: static;
        width: auto;
    }
}

/*pedidos*/
.headReserva {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1200px;
}

.headReserva > div {
    width: 100%;
}

.headReserva > div > h1 {
    display: block;
    font-family: 'st';
    font-size: 22px;
    font-weight: 700;
    margin: 20px 0;
}

.headReserva > div .closeSession {
    display: inline-block;
    font-family: "st";
    z-index: 1;
    padding: 8px 10px 8px 30px;
    line-height: 24px;
    font-size: 16px;
    height: 43px;
    color: #4d4d4d;
    border: 2px solid #4d4d4d;
    border-radius: 30px;
    width: 150px;
    text-align: center;
    position: relative;
}

.headReserva > div .closeSession svg {
    display: inline-block;
    height: 26px;
    width: 26px;
    position: absolute;
    left: 4px;
    top: 6px;
    fill: #4d4d4d;
}

.pedidos {
    background-color: #dedad4;
}

.pedidos h1 {
    margin: 14px 0;
}

.pedidos .nav-pages li {
    margin: 4px 8px 4px 5px;
    position: relative;
}

.pedidos .nav-pages li a {
    font-family: 'st';
}

.pedidos .nav-pages li svg {
    display: block;
    height: 20px;
    margin: 0 auto 4px;
    width: 20px;
    fill: var(--seat);
}

.pedidos .sinPedidos {
    background-color: #ffffff;
    overflow: hidden;
    position: relative;
    padding: 10px 30px;
    min-height: 340px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.pedidos .sinPedidos p {
    position: relative;
    text-align: center;
    z-index: 2;
}

.pedidos .sinPedidos p > b {
    display: block;
    font-size: 20px;
    font-family: 'st';
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #000;
    margin: 10px 0 26px;
}

.pedidos .sinPedidos p > a {
    display: block;
    background-color: var(--seat);
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    padding: 20px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    width: 230px;
    margin: 20px auto;
    transition: all ease 0.3s;
    box-shadow: none;
}

.pedidos .sinPedidos p > a:hover {
    background-color: #000000;
}

.pedidos .sinPedidos::before {
    background: transparent url('../img/503-image-1800x1000.png') no-repeat center center;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pedidos .sinPedidos::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -10%;
    width: 1000px;
    height: 1000px;
    transform: translateY(-30%);
    padding-top: 100%;
    border-radius: 50%;
    background-color: #f1f4f3;
    z-index: 0;
}

.pedidos-container {
    margin: 20px auto;
    max-width: 1200px;
}

.pedidos-container .pedidos-title {
    padding: 14px 0 0 0;
}

.pedidos-container .pedidos-title {
    display: flex;
    flex-flow: row wrap;
}

.pedidos-container .pedidos-title > div {
    width: 33%;
}

.pedidos-container .pedidos-title > div > b {
    color: #111111;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px;
    background-color: #eaeeed;
}

.pedidos-container .pedidos-title > div:nth-child(3) {
    width: 33%
}

.pedidos-container .pedidos-title > div:nth-child(4), .pedidos-container .pedidos-title > div:nth-child(5), .pedidos-container .pedidos-title > div:nth-child(6) {
    display: none;
}

.pedidos-container .pedidos-title > div + div {
    padding-left: 1%;
}

.pedidos-container .pedidos-content {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    padding: 14px 0;
}

.pedidos-container .pedidos-content > div {
    color: #000000;
    width: 33%;
    text-align: center;
    padding: 12px 0;
    font-family: 'st';
    font-weight: 400;
    font-size: 16px;
}

.pedidos-container .pedidos-content > div > a {
    color: var(--seat);
    text-decoration: underline;
    font-size: 18px;
}

.pedidos-container .pedidos-content > div > p {
    display: flex;
    flex-flow: row wrap;
}

.pedidos-container .pedidos-content > div > p > span {
    font-family: 'st';
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    width: 99%;
}

.pedidos-container .pedidos-content > div > p > span > a {
    border: 1px solid #000000;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 6px;
}

.pedidos-container .pedidos-content > div > p > span > a > svg {
    display: block;
    fill: #000000;
    height: 16px;
    width: 16px;
}

.pedidos-container .pedidos-content > div > p > span > a > span {
    display: none;
}

.pedidos-container .pedidos-content > div > p > span + span {
    text-align: center;
    width: 30%;
}

.pedidos-container .pedidos-content > div > p > a {
    font-family: 'st';
    font-weight: 400;
}

.pedidos-container .pedidos-content > div > p.estado > span, .pedidos-container .pedidos-content > div > p.estado > span + span {
    text-align: center;
    font-size: 12px;
    margin: 0 0 16px 0;
}

.pedidos-container .pedidos-content > div .cancelar-pedido {
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.pedidos-container .pedidos-content > div:nth-child(3) {
    width: 33%
}

.pedidos-container .pedidos-content > div:nth-child(4), .pedidos-container .pedidos-content > div:nth-child(5), .pedidos-container .pedidos-content > div:nth-child(6) {
    width: 50%
}

.pedidos-container .pedidos-content > div:nth-child(4) p {
    display: block;
}

.pedidos-container .pedidos-content > div:nth-child(4) span:first-child {
    background-color: #eaeeed;
    color: #111111;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px; /*background-color: #eaeeed;*/
    line-height: 12px;
}

.pedidos-container .pedidos-content > div:nth-child(4) span + span {
    display: block;
    text-align: center;
    margin: 10px 0;
    width: 99%;
}

.pedidos-container .pedidos-content > div:nth-child(5) p {
    display: block;
}

.pedidos-container .pedidos-content > div:nth-child(5) span:first-child {
    background-color: #eaeeed;
    color: #111111;
    display: block;
    text-align: center;
    padding: 10px 0;
    font-family: 'st';
    font-weight: 400;
    font-size: 12px; /*background-color: #eaeeed;*/
    line-height: 12px;
}

.pedidos-container .pedidos-content > div:nth-child(5) span + span {
    display: block;
    text-align: center;
    margin: 10px 0;
    width: 99%;
}

.pedidos-container .pedidos-content > div:nth-child(6) p {
    display: block;
}

.pedidos-container .pedidos-content > div:nth-child(6) span:first-child {
    display: none;
}

.pedidos-container .pedidos-content > div:nth-child(6) span + span {
    display: block;
    text-align: right;
    margin: 0;
    width: auto;
}

.pedidos-container .pedidos-content > div + div {
    padding-left: 1%;
}

.pedidos-container .pedidos-content .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    margin: 10px 0 0 0;
    width: 20px;
}

.pedidos-container .pedidos-content .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 12px;
    font-family: 'st';
    font-weight: normal;
    left: 0;
    line-height: 14px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 140px;
    z-index: 9;
}

.pedidos-container .pedidos-content .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block !important;
    position: relative;
}

.pedidos-container .pedidos-content .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.pedidos-container .pedidos-content .tool > span > span::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 4px);
    left: 7;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
}

.pedidos-container .pedidos-content .tool:hover > span, .pedidos-container .pedidos-content .tool.on > span {
    display: block !important;
}

.pedidos-container .pedidos-content .show-more {
    display: none;
    text-align: center;
    padding: 14px 0;
    width: 100%;
    line-height: 1.2;
    font-size: 18px;
    font-family: 'st';
    font-weight: 400;
}

.pedidos-container .pedidos-content .show-more > span {
    color: #000000;
    cursor: pointer;
    display: inline-block;
    border-top: 4px solid #fff;
}

.pedidos-container .pedidos-content .show-more > span + span {
    display: none;
}

.pedidos-container .pedidos-content .btn-primary-dark {
    border-radius: 8px;
    font-size: 16px;
}

.pedidos-container .pedidos-content.active .show-more > span {
    display: none;
}

.pedidos-container .pedidos-content.active .show-more > span + span {
    display: inline-block;
    border-color: var(--seat);
}

.pedidos-container .pedidos-content.active > div:nth-child(4), .pedidos-container .pedidos-content.active > div:nth-child(5) {
    display: block;
    width: 100%;
    padding: 10px 0;
    text-align: left;
}

.pedidos-container .historial {
    background-color: #ffffff;
    border: 3px solid #eaeeed;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 20px 0;
    padding: 10px;
    border-radius: 8px;
}

.pedidos-container .historial > div {
    margin: 10px 0;
    position: relative;
    width: 100%;
}

.pedidos-container .historial > div h2 {
    color: #000000 !important;
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    line-height: 1.1;
}

.pedidos-container .historial > div h2 > span {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.pedidos-container .historial > div > img, .pedidos-container .historial > div > picture img {
    display: block;
    height: auto;
    width: 100%;
}

.pedidos-container .historial > div .smsDemo {
    position: absolute;
    right: 0px;
    bottom: 0%;
    width: 66%;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    font-family: st;
    font-size: 10px;
    padding: 8px;
    text-align: right;
    border-radius: 30px 0 0 0;
    z-index: 4;
}

.pedidos-container .historial > div .price {
}

.pedidos-container .historial > div .price > span {
    color: #8994a0;
    display: block;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.pedidos-container .historial > div .price > b {
    font-family: 'st';
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

.pedidos-container .historial > div .price > i {
    color: var(--seat);
    font-family: 'st';
    font-size: 22px;
    font-style: 700;
    font-weight: normal;
    line-height: 1.2;
}

.pedidos-container .historial > div .date > span {
    color: #8994a0;
    display: block;
    font-family: 'st';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
}

.pedidos-container .historial > div .date > b {
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.pedidos-container .historial > div .stateAction > button {
    display: inline-block;
    background-color: #4d4d4d;
    border-radius: 30px;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    padding: 10px 20px;
    width: 160px;
    text-align: center;
    margin: 8px 4px 8px 0;
    max-width: calc(100% - 40px);
    vertical-align: middle;
}

.pedidos-container .historial > div .stateAction .tool {
    background-color: transparent;
    background-image: url("../img/dwa_icon_sprite_seat.png");
    background-position: -852px -476px;
    background-repeat: no-repeat;
    border-radius: 2px;
    clear: none !important;
    content: " ";
    display: inline-block !important;
    height: 20px;
    position: relative;
    margin: 0;
    width: 20px;
    vertical-align: middle;
}

.pedidos-container .historial > div .stateAction .tool > span {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cccccc;
    color: #000000;
    display: none;
    font-size: 12px;
    font-family: 'st';
    font-weight: normal;
    right: 0;
    line-height: 14px;
    padding: 3px;
    position: absolute;
    text-align: left;
    top: 30px;
    width: 140px;
    z-index: 9;
}

.pedidos-container .historial > div .stateAction .tool > span > span {
    padding: 18px 2px 2px 2px;
    display: block !important;
    position: relative;
}

.pedidos-container .historial > div .stateAction .tool > span > span > a {
    background-color: #4d4d4d;
    color: #ffffff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    position: absolute;
    top: -2px;
    right: -2px;
}

.pedidos-container .historial > div .stateAction .tool > span > span::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 4px);
    right: 2px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
}

.pedidos-container .historial > div .stateAction .tool:hover > span, .pedidos-container .historial > div > .stateAction .tool.on > span {
    display: block !important;
}

.pedidos-container .historial > div .stateAction .alert {
    font-size: 12px;
    text-align: center;
    color: #f00;
}

.pedidos-container .historial > div .stateAction .alert.blackfont {
    color: #000;
}

.pedidos-container .historial > div .itemListDates {
    display: flex;
    flex: 1 1 auto;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 4px 0;
    max-width: 380px;
}

.pedidos-container .historial > div .itemListDates > li {
    border: none;
    margin: 0;
}

.pedidos-container .historial > div .itemListDates > li > i {
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 auto 10px;
}

.pedidos-container .historial > div .itemListDates > li > i > svg {
    fill: #8994a0;
    height: 30px;
    margin: 0 auto 10px;
    width: 30px;
}

.pedidos-container .historial > div .itemListDates > li > span {
    color: #000000;
    display: block;
    text-align: center;
    font-size: 12px;
    font-family: st;
    font-weight: 400;
}

.pedidos-container .historial > div .gridPrice {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.pedidos-container .historial > div .gridPrice > p {
    margin: 0 0 10px 0;
    width: 48%;
}

.pedidos-container .historial > div .gridPrice > p:last-child {
    width: 100%;
}

.pedidos-container .historial > div .location {
    margin: 0 0 10px 0;
}

.pedidos-container .historial > div .location p {
    color: #000000;
    font-family: 'st';
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 4px 0;
}

.pedidos-container .historial > div .location p > svg {
    fill: var(--seat);
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.pedidos-container .historial > div .location p + p {
    font-family: st;
    font-weight: normal;
}

.pedidos-container .historial > div .estado span {
    color: #000000;
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: st;
    font-weight: normal;
    margin: 4px 0;
}

.pedidos-container .historial > div .estado b {
    color: #000000;
    display: block;
    text-align: left;
    font-size: 14px;
    font-family: st;
    font-weight: 700;
    margin: 4px 0;
    text-transform: uppercase;
}

.pedidos-container .historial > div a.download {
    border: 1px solid #000;
    color: #000000;
    padding: 10px;
    display: inline-block;
    border-radius: 8px;
    margin: 10px 0 0 0;
    text-decoration: none;
}

.pedidos-container .historial > div a.download > svg {
    display: inline-block;
    fill: #000000;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.pedidos-container .historial > div a.download > span {
    color: #000000;
    display: inline-block;
    font-family: 'st';
    font-size: 16px;
    font-weight: 700;
    vertical-align: middle;
    margin-left: 10px;
}

.pedidos-container .historial > div + div > div {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.pedidos-container .historial > div + div > div > div {
    margin: 10px 0;
    width: 100%;
}

@media only screen and (min-width: 510px) {
    .pedidos-container .pedidos-content .tool > span {
        left: -100px;
    }

    .pedidos-container .pedidos-content .tool > span > span::before {
        left: auto;
        right: 20px;
    }
}

@media only screen and (min-width: 768px) {
    .headReserva > div {
        width: 50%;
    }

    .headReserva > div + div {
        text-align: right;
    }

    .headReserva > div .closeSession:hover {
        background-color: #4d4d4d;
        color: #ffffff;
    }

    .headReserva > div .closeSession:hover svg {
        fill: #ffffff;
    }

    .pedidos .sinPedidos {
        min-height: 540px;
    }

    .pedidos .sinPedidos p > b {
        font-size: 36px;
    }

    .pedidos-container .pedidos-title {
        padding: 0;
    }

    .pedidos-container .pedidos-title > div {
        width: 16%;
    }

    .pedidos-container .pedidos-title > div:nth-child(3) {
        width: 18%
    }

    .pedidos-container .pedidos-title > div:nth-child(4), .pedidos-container .pedidos-title > div:nth-child(5), .pedidos-container .pedidos-title > div:nth-child(6) {
        display: block;
        width: 16%;
    }

    .pedidos-container .pedidos-title > div > b {
        font-size: 14px
    }

    .pedidos-container .pedidos-content + .pedidos-title {
        display: none;
    }

    .pedidos-container .pedidos-content > div {
        width: 16%;
        padding: 20px 0;
    }

    .pedidos-container .pedidos-content > div:nth-child(3) {
        width: 18%
    }

    .pedidos-container .pedidos-content > div:nth-child(4), .pedidos-container .pedidos-content > div:nth-child(5), .pedidos-container .pedidos-content > div:nth-child(6) {
        display: block;
        width: 16%;
    }

    .pedidos-container .pedidos-content > div:nth-child(4) span:first-child, .pedidos-container .pedidos-content > div:nth-child(5) span:first-child {
        display: none;
    }

    .pedidos-container .pedidos-content > div:nth-child(5) span + span {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: auto;
    }

    .pedidos-container .pedidos-content > div:nth-child(6) span + span {
        display: block;
        text-align: center;
        margin: 10px 0 10px auto;
        width: auto;
    }

    .pedidos-container .pedidos-content > div > p {
        display: block;
    }

    .pedidos-container .pedidos-content > div > p > span:first-child {
        display: none;
    }

    .pedidos-container .pedidos-content > div > p > span + span {
        text-align: center;
        width: 100%;
    }

    .pedidos-container .pedidos-content > div > p > span > a > svg {
        display: inline-block;
    }

    .pedidos-container .pedidos-content > div > p > span > a > span {
        display: inline-block;
        vertical-align: middle;
        color: #000;
    }

    .pedidos-container .pedidos-content > div > p > span > a:hover {
        background-color: #eaeeed;
    }

    .pedidos-container .pedidos-content > div > p.estado > span, .pedidos-container .pedidos-content > div > p.estado > span + span {
        font-size: 14px;
        margin: 0 0 8px 0;
    }

    .pedidos-container .pedidos-content .tool > span > span {
        padding: 2px;
    }

    .pedidos-container .pedidos-content .tool > span > span > a {
        display: none;
    }

    .pedidos-container .pedidos-content .show-more {
        display: none;
    }

    .pedidos-container .historial > div p.state > button:hover {
        background-color: #000000;
    }
}

@media only screen and (min-width: 980px) {
    .pedidos-container .historial > div {
        width: 20%;
    }

    .pedidos-container .historial > div .gridPrice > p {
        margin: 0 0 10px 0;
        width: 32%;
    }

    .pedidos-container .historial > div .gridPrice > p:last-child {
        width: 32%;
    }

    .pedidos-container .historial > div .location {
        display: inline-block;
        margin: 10px 0 10px 10px;
        vertical-align: top;
    }

    .pedidos-container .historial > div .stateAction {
        text-align: right;
    }

    .pedidos-container .historial > div a {
        float: right;
    }

    .pedidos-container .historial > div + div {
        margin-left: 2%;
        width: 78%;
    }

    .pedidos-container .historial > div + div > .gridDates_02 > div + div {
        width: 50%;
    }
}

@media only screen and (min-width: 1240px) {
    .pedidos-container .historial > div + div > div > div {
        width: calc(42% - 120px);
    }

    .pedidos-container .historial > div + div > div > div + div {
        width: calc(52% - 120px);
    }

    .pedidos-container .historial > div + div > .gridDates_02 > div + div {
        width: calc(52% - 120px);
    }

    .pedidos-container .historial > div + div > div > div:last-child, .pedidos-container .historial > div + div > .gridDates_02 > div:last-child {
        width: 240px;
        text-align: right;
    }

    .pedidos-container .historial > div .estado b, .pedidos-container .historial > div .estado span {
        text-align: right;
    }

}

/*micuenta*/
.datosColectivo h1 {
    margin: 14px 0;
}

.datosColectivo h2 {
    margin: 14px 0;
}

.datosColectivo .wrap-mis-datos {
    background-color: #d0d3d5;
    padding: 10px;
    margin-bottom: 30px;
}

.datosColectivo .wrap-mis-datos dl {
    display: flex;
    flex-flow: row wrap;
    font-family: st;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}

.datosColectivo .wrap-mis-datos dl dt {
    color: #000000;
    font-family: st;
    font-weight: 400;
    width: 100%;
    margin: 10px 0;
}

.datosColectivo .wrap-mis-datos dl dd {
    width: 100%;
    margin: 10px 0;
}

.datosColectivo .wrap-mis-datos dl dd > a.show-form {
    background-color: var(--seat);
    color: #fff;
    display: block;
    text-align: center;
    margin: 4px auto 6px auto;
    font-family: 'st';
    font-weight: 400;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    margin: 10px 0;
    max-width: 180px;
}

.datosColectivo .wrap-mis-datos dl dd > a.show-form.on {
    background-color: #4d4d4d;
}

.datosColectivo .wrap-mis-datos dl dd > form {
    display: none;
    margin: 20px 0;
}

.datosColectivo .wrap-mis-datos dl dd > form label {
    cursor: default !important;
    display: block;
    color: #000000;
    font-family: st;
    font-weight: normal;
    font-size: 14px;
    margin: 0 0 6px 0;
}

.datosColectivo .wrap-mis-datos dl dd > form input[type="text"] {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 6px 0 10px 0;
}

.datosColectivo .wrap-mis-datos dl dd > form button {
    background-color: var(--seat);
    color: #fff;
    display: block;
    text-align: center;
    margin: 4px auto 6px auto;
    font-family: 'st';
    font-weight: 400;
    padding: 8px 14px;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 4px;
    margin: 10px 0;
    max-width: 180px;
}

.datosColectivo .wrap-mis-datos dl dd > a.on + form {
    display: block;
}

@media only screen and (min-width: 768px) {
    .datosColectivo .wrap-mis-datos {
        padding: 10px 20px;
    }

    .datosColectivo .wrap-mis-datos dl dt {
        width: 200px;
    }

    .datosColectivo .wrap-mis-datos dl dd {
        width: calc(100% - 200px);
    }
}

/**/
.formRecupera {
    background-color: rgb(241, 244, 243);
    padding: 60px 20px;
}

.formRecupera .wrapRecupera {
    background-color: #ffffff;
    border-radius: 20px;
    padding: 16px;
    margin: 30px auto;
    max-width: 440px;
}

.formRecupera .wrapRecupera h3 {
    color: #4d4d4d;
    cursor: default;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    display: block;
    font-style: normal;
    margin: 10px 0;
}

.formRecupera .wrapRecupera .grid-fieldset {
    margin: 0 0 30px 0;
}

.formRecupera .wrapRecupera .grid-fieldset input[type="password"] {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    box-shadow: none;
    width: 100%;
    border-color: #8994A0;
    color: #8994A0;
    font-size: 16px;
    margin: 0;
}

.formRecupera .wrapRecupera .posiciono-label {
    display: block;
    padding: 20px 0;
    position: relative;
}

.formRecupera .wrapRecupera .posiciono-label .showPass {
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 6px;
    bottom: 30px;
}

.formRecupera .wrapRecupera .posiciono-label .showPass svg {
    fill: #000000;
    height: 20px;
    width: 20px;
}

.formRecupera .wrapRecupera .posiciono-label .showPass svg + svg {
    display: none;
}

.formRecupera .wrapRecupera .posiciono-label .showPass.on svg {
    display: none;
}

.formRecupera .wrapRecupera .posiciono-label .showPass.on svg + svg {
    display: block;
}

.formRecupera .wrapRecupera p button {
    display: block;
    background-color: var(--seat);
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 600;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    min-width: 160px;
    margin: 10px auto;
    transition: all ease 0.3s;
    box-shadow: none;
}

@media only screen and (min-width: 480px) {
    .formRecupera {
        padding: 80px 30px;
    }
}

@media only screen and (min-width: 768px) {
    .formRecupera .wrapRecupera p button:hover {
        background-color: #000000;
    }
}

@media only screen and (min-width: 980px) {
    .formRecupera {
        padding: 90px 30px;
    }
}

/*recuperar pass*/
.recuperaColectivo {
    margin: 0 auto;
    max-width: 800px;
    text-align: center;
}

.recuperaColectivo h1 {
    margin: 20px 0;
}

.recuperaColectivo h2 {
    margin: 20px 0;
}

.recuperaColectivo p {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.2;
}

.recuperaColectivo .invalid {
    background-color: #c03;
    color: #ffffff;
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding: 10px;
    max-width: 300px;
    margin: 20px auto;
}

.recuperaColectivo .wrap-recupera-colectivo {
    background-color: #eaeeed;
    padding: 16px;
    margin: 30px auto;
    max-width: 440px;
}

.recuperaColectivo .wrap-recupera-colectivo form fieldset {
    display: block;
}

.recuperaColectivo .wrap-recupera-colectivo form fieldset input[type="text"], .recuperaColectivo .wrap-recupera-colectivo form fieldset input[type="password"] {
    border: 1px solid #cfd7d9;
    box-shadow: none !important;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    text-align: left;
    color: #4d4d4d;
    margin: 0;
    padding: 0 !important;
    display: inline-block;
    height: 36px;
    border-radius: 4px;
    text-indent: 4px;
    outline: none !important;
    vertical-align: middle;
    margin: 8px 0;
    width: 100%;
}

.recuperaColectivo .wrap-recupera-colectivo form fieldset input[type="text"]:focus, .recuperaColectivo .wrap-recupera-colectivo form fieldset input[type="password"]:focus {
    border-color: var(--seat)
}

.recuperaColectivo .wrap-recupera-colectivo form p {
    margin: 20px 0;
    text-align: center;
}

.recuperaColectivo .wrap-recupera-colectivo form p button {
    background-color: var(--seat);
    color: #ffffff;
    display: block;
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: 100%;
    padding: 10px 30px;
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    max-width: 240px;
    display: block;
    margin: 0 auto !important;
}

/*confirmacion de pedido*/
.confirmacionPedido {
    margin: 20px 0 60px 0;
    background-color: #eaeeed;
    padding: 20px 0;
}

.confirmacionPedido h1 {
    color: #000000 !important;
    font-size: 20px;
    line-height: 1.2;
    margin: 0 0 20px 0;
    text-align: center;
}

.confirmacionPedido h2 {
    color: #000000 !important;
    font-family: 'st';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    margin: 20px 0 30px;
    text-align: center;
}

.confirmacionPedido p {
    font-size: 14px;
    line-height: 1.2;
    margin: 20px 0;
    text-align: center;
}

.confirmacionPedido p .icon-check {
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.confirmacionPedido p .icon-check svg {
    display: block;
    fill: var(--seat);
    height: 60px;
    width: 60px;
}

.confirmacionPedido p.wrap-btns {
    margin: 20px 0 0 0;
}

.confirmacionPedido p.wrap-btns a {
    display: block;
    font-family: 'st', arial, sans-serif;
    font-weight: 400;
    margin: 10px;
}

@media only screen and (min-width: 480px) {
    .confirmacionPedido h1 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }

    .confirmacionPedido h2 {
        font-size: 22px;
        margin: 20px 0 40px 0;
    }

    .confirmacionPedido p.wrap-btns {
        margin: 30px 0 0 0;
    }

    .confirmacionPedido p.wrap-btns a {
        display: inline-block;
    }
}

/*modal pago*/
.modalPago {
    z-index: 9999 !important;
}

/**/
.tooltipLeft, .tooltipLeftTop, .tooltipRight, .tooltipRightTop, .tooltipCenter {
    position: relative;
}

.tooltipLeft .itemTooltip {
    visibility: hidden;
    width: 90px;
    background-color: #eaeeed;
    color: #000000;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 3;
    top: 125%;
    right: 50%;
    margin-right: -21px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    line-height: 1;
}

.tooltipLeft .itemTooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 23%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #eaeeed transparent;
}

.tooltipLeft:hover .itemTooltip {
    visibility: visible;
    opacity: 1;
}

.tooltipLeftTop .itemTooltip {
    visibility: hidden;
    width: 90px;
    background-color: #eaeeed;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 3;
    bottom: 125%;
    left: 50%;
    margin-left: -21px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    line-height: 1;
}

.tooltipLeftTop .itemTooltip::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 23%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #eaeeed transparent transparent transparent;
}

.tooltipLeftTop:hover .itemTooltip {
    visibility: visible;
    opacity: 1;
}

.tooltipRight .itemTooltip {
    visibility: hidden;
    width: 90px;
    background-color: #eaeeed;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 3;
    top: 125%;
    right: 50%;
    margin-right: -21px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    line-height: 1;
}

.tooltipRight .itemTooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 23%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #eaeeed transparent;
}

.tooltipRight:hover .itemTooltip {
    visibility: visible;
    opacity: 1;
}

.tooltipRightTop .itemTooltip {
    visibility: hidden;
    width: 90px;
    background-color: #eaeeed;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 3;
    bottom: 125%;
    right: 50%;
    margin-right: -21px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    line-height: 1;
}

.tooltipRightTop .itemTooltip::before {
    content: "";
    position: absolute;
    top: 100%;
    right: 23%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #eaeeed transparent transparent transparent;
}

.tooltipRightTop:hover .itemTooltip {
    visibility: visible;
    opacity: 1;
}

.tooltipCenter .itemTooltip {
    visibility: hidden;
    width: 90px;
    background-color: #eaeeed;
    color: #000000;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 3;
    top: 125%;
    right: 50%;
    margin-right: -45px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 11px;
    line-height: 1;
}

.tooltipCenter .itemTooltip::before {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 50%;
    margin-right: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #eaeeed transparent;
}

.tooltipCenter:hover .itemTooltip {
    visibility: visible;
    opacity: 1;
}

.itemTooltip {
    font-weight: 400;
}

.itemTooltip b, .itemTooltip strong {
    font-weight: 600;
    font-size: 1em;
    color: #000000;
}

.itemTooltip u {
    font-size: 1em;
    color: #000000;
    text-decoration: underline;
}

.itemTooltip i, .itemTooltip em {
    font-size: 1em;
    color: #000000;
    font-style: italic;
}

.itemTooltip a {
    color: #000000;
}

@media only screen and (max-width: 768px) {
    .tooltipLeft .itemTooltip, .tooltipLeftTop .itemTooltip, .tooltipRight .itemTooltip, .tooltipRightTop .itemTooltip {
        display: none !important;
    }

    .tooltipLeft.on .itemTooltip, .tooltipLeftTop.on .itemTooltip, .tooltipRight.on .itemTooltip, .tooltipRightTop.on .itemTooltip {
        display: block !important;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 550px) {
    .btn-file-favoritos.on .itemTooltip, .btn-file-comparar.on .itemTooltip {
        display: none !important;
    }
}

/**/
.stockNotice {
    background-color: #eaeeed;
    clear: both;
    color: #000000;
    float: none;
    padding: 8px 12px;
    width: auto;
}

.stockNotice i {
    display: inline-block;
    height: 18px;
    margin: 0 8px 0 0;
    vertical-align: middle;
    width: 18px;
}

.stockNotice i svg {
    display: block;
    fill: var(--seat);
    height: 18px;
    width: 18px;
}

.stockNotice span {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 30px);
}

/**/
.tool {
    cursor: pointer;
}

/*PLUGIN*/
/*scroll*/
.lb-v-dummy {
    width: 100%;
    display: block;
    height: 1px;
}

.lb-h-dummy {
    height: 100%;
    display: block;
    width: 1px;
}

.lb-clear {
    clear: both;
}

.lb-wrap {
    z-index: 0;
    overflow: auto;
    padding: 0 !important;
    position: relative;
    height: 100% !important;
    width: calc(100% + 40px) !important;
}

.lb-v-scrollbar {
    z-index: 1;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 10px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    height: 99% !important
}

.lb-h-scrollbar {
    z-index: 1;
    position: absolute;
    bottom: 2px;
    left: 2px;
    width: 100%;
    height: 7px;
    background: #cfcfcf;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.lb-v-scrollbar-slider {
    position: absolute;
    width: 10px;
    height: 50px;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

.lb-h-scrollbar-slider {
    position: absolute;
    height: 7px;
    width: 50px;
    left: 0;
    top: 0;
    background: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

/*select*/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #8994a0;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 16px;
    font-weight: normal;
    height: 48px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    align-items: center;
}

.nice-select:hover {
    border-color: #8994a0;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: var(--seat);
}

.nice-select:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSIgdmlld0JveD0iMCAwIDExIDE5Ij4gICAgPHBhdGggZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4OTk0QTAiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTIuNSAyLjVsNyA3LTcgNyIvPjwvc3ZnPg==);
    content: '';
    display: block;
    width: 11px;
    height: 19px;
    cursor: pointer;
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
    position: absolute;
    right: 14px;
}

.nice-select.open:after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nice-select.open .list {
    height: auto;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none;
}

.nice-select.disabled:after {
    border-color: #cdd5de;
}

.nice-select.wide {
    width: 100%;
}

.nice-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.nice-select.right {
    float: right;
}

.nice-select.right .list {
    left: auto;
    right: 0;
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px;
}

.nice-select.small:after {
    height: 4px;
    width: 4px;
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px;
}

.nice-select .list {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 0;
    margin-top: -2px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9;
    width: 100%;
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0;
}

.nice-select .option:hover {
    background-color: #f1f4f3;
}

.nice-select .option.selected {
    color: var(--seat);
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #90a1b5;
    cursor: default;
}

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.listaAcabados.disabled {
    opacity: 0.5;
    overflow: hidden;
    pointer-events: none;
}

/*float label*/
.float-container {
    position: relative;
}

.float-container label {
    font-size: 14px;
    position: absolute;
    transform-origin: top left;
    transform: translate(0, 0px) scale(1);
    transition: all .1s ease-in-out;
    font-family: 'st';
    font-weight: normal;
    color: #6b6b6b;
    line-height: 1em;
    left: 10px;
    top: 50%;
    margin: -7px 0 0 0;
    opacity: 0;
    z-index: 1;
    transition: all ease 0.3s;
}

.float-container.active label {
    transform: translate(0, -16px) scale(.75);
    opacity: 1;
    z-index: 3;
}

.float-container input[type="text"] {
    position: relative;
    z-index: 2;
}

.float-container select {
    position: relative;
    z-index: 2;
}


/* Swiper 4.4.1 * Released on: September 14, 2018*/
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0; /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left;
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.4);
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    left: 0;
    right: auto;
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
    right: 0;
    left: auto;
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

/* Common styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    -ms-transform: scale(0.66);
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    -ms-transform: scale(0.33);
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 0;
    background: #000;
    opacity: 0.2;
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top, 200ms -webkit-transform;
    transition: 200ms top, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top;
    transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left, 200ms -webkit-transform;
    transition: 200ms left, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left;
    transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right, 200ms -webkit-transform;
    transition: 200ms right, 200ms -webkit-transform;
    -o-transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right;
    transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000000;
}

.swiper-pagination-lock {
    display: none;
}

/* Scrollbar */
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* a11y */
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube {
    overflow: visible;
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
    pointer-events: auto;
    visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0;
}

.swiper-container-flip {
    overflow: visible;
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
}

.swiper-slide img {
    display: block;
    height: auto;
    width: 100%;
}

.wrap-miniaturas .swiper-slide.swiper-slide-thumb-active {
    pointer-events: none;
}

.wrap-miniaturas .swiper-slide.swiper-slide-thumb-active img {
    border-color: #ffffff !important;
    opacity: 0.95;
}

.swiper-wrapper {
    align-items: center;
}

.swiper-slide img {
    display: block;
    height: auto;
    width: 100%;
}

.swiper-button-prev, .swiper-button-next {
    background-color: transparent;
}

.gallery-thumbs .swiper-slide {
    opacity: 0.8
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--seat);
    opacity: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .results-filter-wrap.pos-fix {
        position: fixed;
        top: 140px;
        right: auto;
    }

    .results-filter-wrap.pos-fix.pos-fix-max {
        position: absolute;
        top: auto;
        bottom: 0;
    }

    .results-left-wrap, .results-right-wrap {
        position: relative;
    }

    .results-wrap .nav-pages.pos-fix {
        position: fixed;
        top: 80px;
        right: auto;
    }
}

/*mensaje covid*/
body .dwacms_content {
    padding-top: 0;
}

.wrapFixMensaje {
    background-color: #7d8d99;
    padding: 10px 0;
    margin: 0 0 10px 0;
}

.wrapFixMensaje .container {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 1180px;
    padding: 0 10px;
}

.wrapFixMensaje .container > div {
    width: 140px;
}

.wrapFixMensaje .container > div > img, .wrapFixMensaje .container > div > picture img {
    display: block;
    height: auto;
    margin: 10px 0 0 0;
    width: 100%;
}

.wrapFixMensaje .container > div > p {
    color: #ffffff;
    font-family: 'st';
    font-size: 12px;
    line-height: 1.2;
    text-align: left;
}

.wrapFixMensaje .container > div > p > b {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.wrapFixMensaje .container > div > a {
    border: 1px solid #ffffff;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-family: 'st';
    padding: 10px 24px;
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0 0 0;
    position: relative;
    overflow: hidden;
}

.wrapFixMensaje .container > div > a span {
    position: relative;
    z-index: 2;
}

.wrapFixMensaje .container > div > a::before {
    content: '';
    position: absolute;
    width: 500px;
    height: 500px;
    background-color: #000;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 1;
    transition: all 0.4s ease;
}

.wrapFixMensaje .container > div:nth-child(2) {
    margin: 0 0 0 20px;
    width: calc(100% - 160px);
}

.wrapFixMensaje .container > div:nth-child(3) {
    text-align: center;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .wrapFixMensaje .container {
        align-items: center;
    }

    .wrapFixMensaje .container > div > p {
        font-size: 14px;
        line-height: 1.4;
        text-align: center;
    }

    .wrapFixMensaje .container > div > p b {
        font-size: 16px;
    }

    .wrapFixMensaje .container > div > img, .wrapFixMensaje .container > div > picture img {
        margin: 0;
        width: 100%;
    }

    .wrapFixMensaje .container > div {
        width: 154px;
    }

    .wrapFixMensaje .container > div:nth-child(2) {
        margin: 0;
        width: calc(100% - 310px);
    }

    .wrapFixMensaje .container > div:nth-child(3) {
        text-align: right;
        width: 140px;
    }

    .wrapFixMensaje .container > div > a:hover {
        border-color: #000000;
    }

    .wrapFixMensaje .container > div > a:hover::before {
        transform: translate(-50%, -50%) scale(1);
    }
}

/*dummy*/
.file-item-cell .file-gallery .logoMin {
    left: 50%;
    top: 7%;
    position: absolute;
    width: 36%;
    margin: 0 0 0 -18%;
    z-index: 4;
}

.file-item-cell .file-gallery .logoMin img {
    display: block;
    height: auto;
    width: 100%;
    background-color: #fff;
    padding: 4px 10px;
}

.file-item-cell .file-gallery .smsDemo {
    position: absolute;
    right: 0px;
    bottom: 0%;
    width: 66%;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
    font-family: st;
    font-size: 10px;
    padding: 8px;
    text-align: right;
    border-radius: 30px 0 0 0;
    z-index: 4;
}

.ficha .file_img .logoMin {
    left: 50%;
    top: 7%;
    position: absolute;
    width: 36%;
    margin: 0 0 0 -18%;
    z-index: 4;
}

.ficha .file_img .logoMin img {
    display: block;
    height: auto;
    width: 100%;
    max-width: 194px;
    margin: 0 auto;
    background-color: #fff;
    padding: 4px 10px;
}

.ficha .smsDemo {
    background-color: #7d8d99;
    color: #ffffff;
    display: block;
    margin: 10px 0 0 0;
    text-align: center;
    padding: 6px 8px;
    font-size: 14px;
    line-height: 1.3;
}

@media only screen and (min-width: 768px) {
    .ficha .smsDemo {
        font-size: 16px;
        padding: 10px;
    }

    .ficha .smsDemo br {
        display: none;
    }
}

/*newAlertas*/
.alert .nav-pages {
    margin: 0 auto;
    position: static;
    width: 100%;
}

.alert .nav-pages > div {
}

.alert .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
    font-weight: normal !important;
}

.alert .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.alert .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.alert .newAlertas {
    margin: 0 auto;
    max-width: 1400px;
    background-color: #ffffff;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.alert .newAlertas > div {
    width: 100%;
    display: block;
    margin: 0;
}

.alert .newAlertas > div > picture, .newAlertas > div > picture img {
    width: 100%;
}

.alert .newAlertas > div:first-of-type {
    display: none;
}

.alert .newAlertas > div > div {
    display: block;
}

.alert .newAlertas h2 {
    color: #000000;
    display: block;
    font-family: 'st';
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
}

.alert .newAlertas p {
    color: #8994AC;
    display: block;
    font-family: 'st';
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 7px 0;
    text-align: left;
}

.alert .newAlertas .dropdown-check-list {
    display: inline-block;
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    color: #8994A0;
    font-size: 16px;
    margin: 0;
}

.alert .newAlertas .dropdown-check-list .anchor { /*position: relative;*/
    cursor: pointer;
    display: inline-block;
    padding: 5px 50px 5px 0;
    font-family: st, Arial, Helvetica, sans-serif;
    font-display: swap;
    font-size: 1.6rem;
    line-height: 1.3em;
    font-variant: normal;
    font-weight: 400;
    box-sizing: border-box;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: block !important;
    font-size: 16px !important;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #8994A0;
}

.alert .newAlertas .dropdown-check-list .anchor:after {
    position: absolute;
    content: "";
    border-left: 1px solid black;
    border-top: 1px solid black;
    padding: 5px;
    right: 13px;
    top: 30px;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.alert .newAlertas .dropdown-check-list ul.items {
    padding: 2px 20px;
    display: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-top: -2px;
}

.alert .newAlertas .dropdown-check-list ul.items li {
    list-style: none;
    margin: 25px 0;
}

.alert .newAlertas .dropdown-check-list.visible .items {
    display: block;
}

.alert .newAlertas .dropdown-check-list input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 3px;
    overflow: hidden;
}

.alert .newAlertas .dropdown-check-list input[type="checkbox" i] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: initial;
    cursor: default;
    box-sizing: border-box;
    margin: 0px 10px 0px 0px;
    padding: initial;
    border: initial;
    height: 24px;
    width: 24px;
    background-color: #ffffff;
    border: 1px solid #8994A0;
    border-radius: 4px;
}

.alert .newAlertas .dropdown-check-list input[type="checkbox" i]:checked::after {
    display: block;
    position: absolute;
    top: -2px;
    left: 6px;
    width: 7px;
    height: 16px;
    border: solid var(--seat);
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    content: '';
}

.alert .newAlertas .dropdown-check-list input:not([type="image" i]) {
    box-sizing: border-box;
}

.alert .newAlertas .dropdown-check-list input:not(:focus) + label {
    opacity: 1;
    font-size: 16px;
}

.alert .newAlertas .dropdown-check-list label {
    font-family: 'st', arial, sans-serif;
    color: #8994A0;
    font-size: 16px;
    z-index: 0;
    top: 0;
    position: inherit;
}

.alert .newAlertas .nice-select {
    border-radius: 0;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    width: 100%;
    border-color: #8994A0;
    color: #8994A0;
    font-size: 16px;
    margin: 0;
    padding-left: 0;
}

.alert .newAlertas .nice-selec.disabled {
    opacity: 0.5;
}

.alert .content-forms .new-lopd > .center-txt {
    margin: 20px 0;
}

.alert .content-forms .new-lopd > .center-txt br {
    display: none;
}

.alert .newAlertas .dropdown-check-list .anchor {
    outline: none;
}

.alert .newAlertas .dropdown-check-list .anchor:focus {
    border: none !important;
    outline: none !important;
}

.alert .newAlertas input[type="text"] {
    padding-left: 0 !important;
    text-indent: 0;
}

.alert *:focus {
    outline: none;
}

@media all and (min-width: 768px) {
    .alert .newAlertas > div {
        width: 48%;
    }

    .alert .newAlertas > div:first-of-type {
        display: block;
    }
}

.swiper-button-prev, .swiper-button-next {
    background-size: contain;
}

/**/
.nice-select span.current {
    overflow: hidden;
    width: 100%;
}

.alertField .nice-select {
    color: #c00 !important;
    border-color: #c00 !important;
}

.alertField input, .error input {
    color: #c00 !important;
}

#list2.alertField, #list3.alertField, #list4.alertField {
    color: #c00 !important;
    border-color: #c00 !important;
}

/*filtro concesionarios*/
.filtro-concesionarios {
    clear: both;
    float: none;
    padding: 8px 0;
}

.filtro-concesionarios > h4 {
    color: #444444;
    display: inline-block;
    font-family: arial, sans-serif;
    font-size: 1.1em;
    margin: 4px 4px 4px 0;
    vertical-align: middle;
}

.filtro-concesionarios > select {
    min-width: 160px;
    padding: 4px 5px 3px 7px;
}

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

.chatLayer > div {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99999999;
}

.chatLayer .bg {
    background-color: rgba(0, 0, 0, 0.63);
    border-radius: 0;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.chatLayer .wrap {
    max-width: 100%;
    max-height: 100%;
    background-color: #f1f4f3;
    border-radius: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 380px;
    padding: 0;
    position: relative;
    z-index: 999;
    display: flex;
    flex-flow: column nowrap;
    overflow: hidden;
}

.chatLayer .head {
    background: rgba(0, 0, 0, 0) linear-gradient(rgb(58, 58, 58) 50px, rgb(255, 255, 255) 51px, rgb(255, 255, 255) 100%) repeat scroll 0% 0%;
    position: relative;
}

.chatLayer .head p {
    color: #ffffff;
    text-align: center;
    padding: 16px 20px 16px 20px;
    font-size: 16px;
}

.chatLayer .head .close {
    position: absolute;
    right: 13px;
    top: 15px;
}

.chatLayer .head .close svg {
    fill: #fff;
    height: 20px;
    width: 20px;
}

.chatLayer .content {
    padding: 10px 20px;
}

.chatLayer .content p {
    color: #8b96a2;
    font-family: 'st';
    font-size: 14px;
    line-height: 1.4;
    padding: 0;
    margin: 16px 0;
}

.chatLayer .content form {
}

.chatLayer .content form .fieldset {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 16px 0 0 0;
}

.chatLayer .content form .fieldset > div {
    margin: 4px 20px 4px 0;
}

.chatLayer .content form .fieldset > div input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-color: #ffffff;
    border: 2px solid #333f48;
    display: inline-block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    margin: 0 2px 1px 0;
    opacity: 0.4;
    vertical-align: middle;
    position: relative;
    outline: none;
}

.chatLayer .content form .fieldset > div input[type="radio"]:checked {
    background-color: #333f48;
    border-color: #333f48;
    opacity: 1;
}

.chatLayer .content form .fieldset > div input[type="radio"]:checked::before {
    content: '';
    display: block;
    height: 18px;
    width: 18px;
    background: transparent url('../img/interface.png') no-repeat center center;
    background-size: 100%;
    position: absolute;
    right: -3px;
    top: -1px;
}

.chatLayer .content form .fieldset > div input[type="radio"]:hover {
    border-color: #333f48;
    opacity: 1;
}

.chatLayer .content form .fieldset > div label {
    color: #8b96a2;
    font-family: 'st';
    font-size: 14px;
}

.chatLayer .content form p {
    text-align: center;
}

.chatLayer .content form p a {
    display: inline-block;
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: 500;
    padding: 20px;
    border-radius: 30px;
    font-size: 18px;
    min-width: 160px;
    margin: 20px auto;
    transition: all ease 0.3s;
    box-shadow: none;
    pointer-events: none;
    opacity: 0.5;
}

.chatLayer .content form p a.active {
    opacity: 1;
    pointer-events: inherit;
}

.chatLayer.on {
    display: block;
}

@media all and (min-width: 380px) {
    .chatLayer {
        margin: 0px 42px 36px 0px;
    }

    .chatLayer .content {
        padding: 10px 30px;
    }

    .chatLayer .content p {
        margin: 20px 0;
    }
}

/**/
body .dwa-ui-header.noBorder {
    border: none;
}

.listLink::before {
    width: 1px;
    background-color: #8994a0;
    height: 36px;
    margin-left: 0;
    z-index: 2;
    content: '';
    display: block;
    position: relative;
}

.listLink {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.listLink > a {
    color: #000;
    font-size: 12px;
    position: relative;
    z-index: 2;
    padding: 10px 0 10px 10px;
    width: 70px;
}

@media all and (min-width: 768px) {
    .listLink::before {
        height: 46px;
    }

    .listLink > a {
        font-size: 14px;
        width: auto;
    }

    .listLink > a:hover {
        color: var(--seat);
    }

    .results-wrap .nav-pages > div .recommendations ul li a:hover {
        color: var(--seat);
    }
}

.dwa-cms-ui-footer .legalFeria {
    color: #8994A0;
    font-size: 12px;
    font-family: st;
    text-align: justify;
}

.dwa-cms-ui-footer .legalFeria b {
    color: #8994A0;
    font-weight: bold;
}

.dwa-cms-ui-footer .legalFeria u {
    color: #8994A0;
    text-decoration: underline;
}

/**/
.floatingSearch .navSearch a.active {
    color: var(--seat);
}

.floatingSearch .navSearch::after {
    background-color: var(--seat);
    color: var(--seat);
}

.toggleSearch > .newSearch .footerFilters button {
    background-color: var(--seat);
}

/**/
.filterResume .wrapBtns a {
    border: 2px solid #0f0f0f;
    color: #0f0f0f;
    border-radius: 8px;
}

.filterResume .wrapBtns a + a {
    background-color: var(--seat);
    border-radius: 8px;
}

@media all and (min-width: 768px) {
    .filterResume .filterSelected > li > a:hover {
        color: var(--seat);
        border-color: var(--seat);
    }

    .filterResume .filterSelected > li > a:hover svg {
        fill: var(--seat);
    }
}

/*Aviso legal,cookies,privacidad,condiciones de reserva*/
.legalesSalon h2, .legalesSalon h3 {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: unset;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.legalesSalon p {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.legalesSalon p b {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.legalesSalon table td, .legalesSalon table th {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.legalesSalon .pcookies tr:nth-of-type(odd) {
    background-color: #dedad4;
}

/*Landings*/
.contenidos .simH1, .contenidos h1 {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .simH1 span, .contenidos h1 span {
    color: #000000;
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos p {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos p a {
    color: #7d8d99;
    text-decoration: none !important;
    border-bottom: 2px solid;
    display: inline-block;
    padding: 0 0 4px 0;
    font-weight: 600;
    line-height: 1;
    font-size: 1em;
}

.contenidos p b {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos li {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .simH2, .contenidos .simH3, .contenidos h2, .contenidos h3 {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .simH4, .contenidos h4 {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .simh1 {
    font-family: 'st', arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.contenidos .simh2 {
    font-family: 'st', arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.contenidos .simh1 b {
    font-weight: bold;
    font-size: 20px;
}

.contenidos .simh2 b {
    font-weight: bold;
    font-size: 18px;
}

.contenidos .simh2 b.blueColor {
    display: block;
    font-weight: bold;
    font-size: 18px;
    margin: 20px 0;
}

.contenidos .orangeLink {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
    background-color: var(--seat);
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    padding: 14px 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
}

.contenidos .orangeLink:hover {
    background-color: var(--seatHover);
}

.contenidos .orangeLink:after {
    display: none;
}

.contenidos .orangeLink:hover:after {
    transform: none;
    transition: none;
}

.contenidos .orangeLink span {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .accordeon .dropNext span {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
    max-width: calc(100% - 40px);
}

.contenidos .destBrardsDist > div > a > div + div, .contenidos .destBrardsDist > div > div > div + div {
    background-color: #dedad4;
}

.contenidos .itemBox .txt {
    background: #dedad4;
}

.contenidos .brandList p a {
    text-transform: uppercase;
    background-color: #fff;
    border: 1px solid #cfd7d9;
    border-radius: 15px;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 15px;
    margin-bottom: 10px;
    margin-right: 5px;
    padding: 5px 10px;
    position: relative;
    transition: all .2s cubic-bezier(.785, .135, .15, .86);
    white-space: nowrap;
}

.contenidos .brandList p a.linkAll {
    text-transform: unset;
}

.contenidos .orange {
    color: var(--seat) !important;
}

.contenidos .grayGrid > a .txt, .contenidos .grayGrid > div .txt {
    background-color: #dedad4;
}

.contenidos .grayGrid > a .txt p strong, .contenidos .grayGrid > div .txt p strong {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .grayGrid > a .txt .simLink, .contenidos .grayGrid > div .txt .simLink {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .destBrardsDist > div > a > div p.link .simLink, .contenidos .destBrardsDist > div > a > div p.link a, .contenidos .destBrardsDist > div > div > div p.link .simLink, .contenidos .destBrardsDist > div > div > div p.link a {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .destBrardsDist > div > a > div p b, .contenidos .destBrardsDist > div > a > div p strong, .contenidos .destBrardsDist > div > div > div p b, .contenidos .destBrardsDist > div > div > div p strong {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .itemBox .txt p strong {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .itemBox .txt p .simLink {
    font-family: 'st', Tahoma, Helvetica, sans-serif;
}

.contenidos .dwa-cms-ui-table table tr {
    border-radius: 0;
}

.contenidos .dwa-cms-ui-table table td:nth-of-type(2n+1) {
    background-color: #dfdad4;
}

.contenidos .sim-cms-table > div {
    background-color: #dfdad4;
}

.contenidos .tease-grid > a, .contenidos .tease-grid > a .txt {
    background-color: #dfdad4;
}

.contenidos .itemBox .txt p .simLink:hover::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODk5NEEwIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0yLjUgMi41IDcgNy03IDciLz48L3N2Zz4=);
}

@media only screen and (min-width: 768px) {
    .contenidos .simh1 {
        font-size: 32px;
    }

    .contenidos .simh2 {
        font-size: 26px;
    }

    .contenidos .simh1 b {
        font-size: 32px;
    }

    .contenidos .simh2 b {
        font-size: 26px;
    }

    .contenidos .grayGrid > a .simLink:hover, .contenidos .grayGrid > div .simLink:hover {
        color: var(--seat);
    }

    .contenidos .destBrardsDist > div > a > div p.link .simLink:hover, .contenidos .destBrardsDist > div > a > div p.link a:hover, .contenidos .destBrardsDist > div > div > div p.link .simLink:hover, .contenidos .destBrardsDist > div > div > div p.link a:hover {
        color: var(--seat);
    }

    .contenidos .itemBox .txt .simLink:hover {
        color: var(--seat);
    }

    .contenidos .dwa-cms-ui-table table tr:nth-of-type(2n+1) {
        background-color: #dfdad4;
    }

    .contenidos .dwa-cms-ui-table table td:nth-of-type(2n+1) {
        background-color: transparent;
    }

    .contenidos .itemBox .txt p .simLink:hover::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxOSI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjODk5NEEwIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Im0yLjUgMi41IDcgNy03IDciLz48L3N2Zz4=);
    }

    .contenidos .accordeon .dropNext span {
        font-size: 18px
    }
}

/**/
.serviciosSalon h1 {
    color: #0f0f0f;
    font-size: 30px;
    font-weight: bold;
}

.serviciosSalon .serviceBox .itemBox .txt p a {
    font: 700 16px/18px "st";
    text-align: center;
    border-radius: 8px;
    padding: 0 16px;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 48px;
    width: 220px;
    background-color: var(--seat);
    transition: all .5s ease-in-out;
    box-shadow: none;
}

.serviciosSalon .serviceBox .itemBox .txt p a::after {
    content: none;
}

.serviciosSalon .serviceBox .itemBox .txt p a {
    width: 260px;
}

.serviciosSalon .serviceBox .itemBox .txt p strong {
    font-size: 18px;
}

.serviciosSalon p {
    font-size: 16px;
}

@media only screen and (min-width: 768px) {
    .serviciosSalon h1 {
        font-size: 38px;
    }

    .serviciosSalon .serviceBox .itemBox .txt p a:hover {
        background-color: var(--seatHover);
    }
}

/*vender*/
.vender-wrap {
    background-color: #DEDAD4;
}

.vender-wrap .nav-pages > div .btn-primary-dark {
    display: inline-block;
    font-family: 'st';
    font-weight: 700
}

.vender-wrap .goBackExt {
    background-color: transparent;
    color: #000;
    font-weight: normal;
    font-size: 14px;
    padding: 0;
    border-radius: 0;
    font-weight: normal !important;
}

.vender-wrap .goBackExt i {
    height: 13px;
    vertical-align: middle;
    width: 13px;
}

.vender-wrap .goBackExt svg {
    fill: #8994a0;
    transform: rotate(180deg);
    height: 13px;
    width: 13px;
    display: block;
    vertical-align: middle;
}

.vender-wrap h1 {
    font-family: 'st';
    font-size: 38px;
}

.vender-wrap h1 span {
    color: var(--seat)
}

.landingVender .claim h2 {
    font-family: 'st';
}

.landingVender .claim p {
    font-family: 'st';
    font-size: 18px;
}

.landingVender .claim p b.orange {
    color: var(--seat);
    font-family: 'st';
}

.landingVender .claim ul.discsteps li {
    background-color: #DEDAD4;
    font-family: 'st';
    color: #000000
}

.landingVender .claim .btn-primary-orange {
    display: block;
    background-color: var(--seat);
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: bold;
    padding: 20px;
    border-radius: 4px;
    font-size: 18px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
}

.landingVender .claim .btn-primary-orange::before {
    display: none;
    content: none;
}

.landingVender .claim .btn-primary-orange:hover {
    background-color: var(--seatHover);
}

.formVender *, .formVender .ttl p, .formVender .ttl p b, .formVender .stepWrap p {
    font-family: 'st';
}

.formVender .steps ul > li {
    border-color: #DEDAD4;
}

.formVender .steps ul > li > i {
    background-color: #DEDAD4;
}

.formVender .steps ul > li.active {
    border-color: var(--seat)
}

.formVender .steps ul > li.active > i {
    background-color: #ffffff;
    box-shadow: 0 0 0 1px var(--seat);
}

.formVender .steps ul > li.active > i > svg {
    fill: var(--seat);
}

.formVender .steps ul > li.active > span {
    color: var(--seat)
}

.formVender .steps ul > li.complete > i {
    background-color: var(--seat)
}

.navegasteps a, .navegasteps button {
    background-color: var(--seat);
    color: #ffffff !important;
    font-family: 'st', arial, sans-serif;
    font-weight: bold;
    padding: 20px;
    border-radius: 4px;
    font-size: 14px;
    min-width: 160px;
    margin: 30px auto 20px;
    transition: all ease 0.3s;
    box-shadow: none;
}

.navegasteps a::before, .navegasteps button::before {
    display: none;
    content: none;
}

.navegasteps a:hover, .navegasteps button:hover {
    background-color: var(--seatHover) !important;
    border-color: var(--seatHover) !important;
}

.image-fieldset #moreImg span {
    font-size: 13px;
}

#contentModalCookie {
    display: none;
}