﻿.hidden-engine { display:none; }
.dealerItem { display:none; }
#errorCity, #errorModelCar, #errorDealer { display: none; margin-bottom: 15px; color: #e63a2b }
.form-control-feedback-2 .error { display:none; }
#test-drive-success { text-align:center; }
.test-drive-succes-title { margin-top: 25px }
#test-drive-success .modal-body .error-icon img { width: 50% !important }
#test-drive-success .modal-body { margin-top: 50px }
.text-area-field {
    font-size: 16px;
    width: 100%;
    font-family: "seatBcnBook", Arimo, sans-serif;
    padding-top: 10px;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #979797;
    height: 73px
}
.contact-form { margin-left: 20px; margin-right: 20px; }
span[data-related='checkbox-female'] { padding-right: 16px; padding-left: 16px; }
.permission-checkbox { margin-top: 10px }
#contact-success { text-align: center; }
.contact-success-title { margin-top: 25px }
#contact-success .modal-body .error-icon img { width: 50% !important }
#contact-success .modal-body { margin-top: 50px }
#contact-error .error-message , #test-drive-error .error-message, #campaign-error .error-message { max-height: unset !important}
.contact-form label {
    font-family: "seatBcnBold", Arimo, sans-serif;
    font-size: 16px !important;
    line-height: 17px;
    color: #6f6f6f;
}
#campaign-success, .service-appointment-section .modal-body, .test-drive-section .modal-body { text-align: center; }
.campaign-success-title { margin-top: 25px }
#campaign-success .modal-body .error-icon img, .service-appointment-section .modal-body .error-icon img , .test-drive-section .modal-body .error-icon img { width: 50% !important }
#campaign-success .modal-body, .service-appointment-section .modal-body , .test-drive-section .modal-body { margin-top: 50px }
.seat-rootDomainMaster__outerContent { padding-top: 0 !important }
.mapLocation { display:none }
.dealerCountrySelect { min-width: 250px; background: #fff; height: 46px; margin-right: 15px; padding-top: 13px; padding-left: 15px; }
.seat-dealerSearchWebPage__filter { margin-left: 20px; }
.seat-dealerSearchWebPage__dealerDetails { margin-left: 15px; }
.dealerCountrySelect {
    border-radius: 4px !important;
    font-family: seat-seatBcn,sans-serif;
    font-size: 14px !important
}
.item-loading { margin: 0 auto; text-align: center; margin-top: 50px; margin-bottom: 50px; display:none }
.play-block a img { left: calc(63% - 6px) !important; top: calc(60% - 6px) !important; }
p.intro { margin-left: 20px; margin-right: 20px; margin-bottom: 4%; }
div .form-group label { top: -15px !important; }
.form-group { margin-bottom: 3rem !important; }
.NewKVKKText {
    font-family: 'seatBcnBold', Arimo, sans-serif;
    font-size: 16px !important;
    color: #6f6f6f;
}
.generalModalBody {
    font-family: SeatRegular,sans-serif;
    margin: 5px;
}
.contact-section .radio label {font-size: 15px}
.test-drive-section .dynamic-form-multi-step .newBookTestDrive .vehicle li:focus, .test-drive-section .dynamic-form-multi-step .newBookTestDrive .vehicle li img:focus { outline: none; }
.dynamicformbuilder form { margin-top: 64px; }
.service-appointment-section div button[type="submit"], .contact-section div button[type="submit"] , .test-drive-section div button[type="submit"] ,  .campaign-section div button[type="submit"] { padding: 11px 120px 11px; }
.service-appointment-section .bootstrap-datetimepicker-widget table td.new { color: unset; }
.service-appointment-form div .form-group label, #form-cancel-service-appointment div .form-group label,.contact-form-container div .form-group label, .test-drive-form-container div .form-group label , .campaign-form-container div .form-group label {top:0!important}
.service-appointment-form .form-group label.active, .service-appointment-form .dropdownlistComponent .filterDropDown .form-group .uplabelTransition, #form-cancel-service-appointment .form-group label.active,
.contact-form-container .form-group label.active, .contact-form-container .dropdownlistComponent .filterDropDown .form-group .uplabelTransition ,
.test-drive-form-container .form-group label.active, .test-drive-form-container .dropdownlistComponent .filterDropDown .form-group .uplabelTransition , 
.campaign-form-container  .form-group label.active, .campaign-form-container .dropdownlistComponent .filterDropDown .form-group .uplabelTransition  { top: -24px !important }
.service-appointment-form .form-group,#form-cancel-service-appointment .form-group,.contact-form-container .form-group, .test-drive-form-container .form-group, .campaign-form-container .form-group {margin-bottom:calc(40px + 24px)!important}
.service-appointment-form .service-section-title,  #form-cancel-service-appointment .service-section-title,.contact-form-container .contact-section-title, .test-drive-form-container .test-drive-section-title, .campaign-form-container .campaign-section-title  {text-transform:uppercase}
.service-appointment-form .service-appointment-title, #form-cancel-service-appointment .service-appointment-title, .contact-form-container .contact-section-title, .test-drive-form-container .test-drive-title, .campaign-form-container .campaign-section-title {
    font-family: "seatBcnBold",Arimo, sans-serif;
    font-weight: 400;
    color: #000
}
.disclaimer-component .container-fluid .container .row .col-12 .seo-text {column-count: 1 !important;text-align: justify;padding: 0 48px 24px 48px !important;}
.disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .seo-text p,.disclaimer-component.shortDisclaimer .container-fluid .container .row .col-12 .seo-text a{font-size:9px;line-height:1.78}
.homepage-teaser .container-fluid .center.col-12 .cont-module, .homepage-teaser .container-fluid .right.col-12 .cont-module {cursor:auto;}
.step-car-alert, .service-appointment-loading, .cancel-service-appointment-loading, #service-car-step, #service-personalr-step, #service-appointment-step, #service-appointment-summary , #test-drive-model-step { display: none; }
.dynamic-form-multi-step .newBookTestDrive .vehicle li.selected, .dynamic-form-multi-step .newBookTestDrive .vehicle li:hover{ border: 1px solid #ea5d1a;}
.features .feature-details .play-block a img { left: calc(50% - 7px) !important; top: calc(50% - 7px) !important; }
.findDealerRating .dealerInfoWrapper .dealerInfoSkeleton .acciones a{ width:50%; }
.eyebrow {
    color: inherit;
}
.two-columns-slider.full-bleed .cont-module.background-transparent::before {
    opacity: 0.8;
    background: linear-gradient(-180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%);
}
.new-button {
    max-width: 288px !important;
    border: 2px solid #0f0f0f !important;
    color: #0f0f0f !important;
    font-weight: 700 !important;
    font-family: "SeatBold", sans-serif !important;
}
@media (min-width: 1016px) {
    .service-appointment-section .panel-body, .test-drive-section .panel-body { padding: 50px 0 0 0; }
}

.service-appointment-section .panel-heading .panel-title, .test-drive-section .panel-heading .panel-title {
    cursor: default !important;
}

.service-appointment-section .panel-heading .panel-title > span:before, .test-drive-section .panel-heading .panel-title > span:before {
    content: unset !important;
}

.service-appointment-section .step-number.step-active, .test-drive-section .test-drive-step-number.step-active {
    background-color: #000000 !important;
    color: #fff !important;
}

.service-step-by-step, .test-drive-step-by-step {
    border: 0 !important;
    padding: 0 !important;
}

.service-appointment-section fieldset, .test-drive-section fieldset {
    border: 0;
}

.service-appointment-form .panel-collapse.active:before, #form-cancel-service-appointment .cancel-service-container.active:before, .test-drive-form-container .panel-collapse.active:before {
    content: '';
    position: absolute;
    opacity: 0.2;
    background-color: #000000;
    width: 100%;
    height: 75%;
    z-index: 999;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: absolute;
    animation: sk-chase 2.5s infinite linear both;
    margin: auto;
    left: 0;
    right: 0;
    top: 10%;
    bottom: 0;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}

    .sk-chase-dot:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: black;
        border-radius: 100%;
        animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1) {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2) {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3) {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4) {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5) {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6) {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1):before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2):before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3):before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4):before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5):before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6):before {
        animation-delay: -0.6s;
    }


@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}

@media (min-width: 1016px) {
    .service-appointment-section .modal-body .message {
        max-height: unset;
    }
}

#cookieseal-banner button {
    max-width: 288px !important;
    color: #fff !important;
    width: 100% !important;
    padding: 8px 16px !important;
    margin: auto !important;
    margin-bottom: 24px !important;
    font-family: seatBold !important;
    font-size: 14px !important;
    line-height: 29px !important;
    margin-right: 10px !important;
    margin-top: 30px !important;
    background-color: transparent !important;
    border: solid 2px rgba(255,255,255,0.8) !important;
}

#cookieseal-banner .cookieseal-banner-body p {
    font-family: "SeatRegular",sans-serif;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin: 0;
    align-self: center !important;
    padding-top: 8px;
    margin-right: 10px;
}

#cm-popup-allow-all, #cm-popup-save {
    font-family: "SeatRegular",sans-serif;
    background-color: #FF0036 !important
}

.cm-popup-content .worko-tabs #tab-1:checked ~ .tabs #tab-1-label,
.cm-popup-content .worko-tabs #tab-2:checked ~ .tabs #tab-2-label,
.cm-popup-content .worko-tabs #tab-3:checked ~ .tabs #tab-3-label,
.cm-popup-content .worko-tabs #tab-4:checked ~ .tabs #tab-4-label,
.cm-popup-content .worko-tabs #tab-5:checked ~ .tabs #tab-5-label {
    font-family: "SeatRegular",sans-serif;
    border-left-color: #ea5d1a !important;
}

.cm-popup-content .brand h1 {
    font-family: "SeatRegular",sans-serif;
}

.cm-popup-content .worko-tabs .flex-tabs .panel .content .header h3 {
    font-family: "SeatRegular",sans-serif;
}

.cm-popup-content .worko-tabs .flex-tabs .panel .description p {
    font-family: "SeatRegular",sans-serif;
}

.cm-popup-content .worko-tabs .flex-tabs .panel .content .header .switch-title.active {
    color: #ea5d1a !important;
}

.cm-popup-content .worko-tabs .flex-tabs .panel .cookies h4 {
    color: #ea5d1a !important;
}

.cm-popup-content input:checked + .slider {
    background-color: #ea5d1a !important;
}

@media (min-width: 1436px) {
    .dynamic-form-confirmation-screen { padding: 200px 0; }
    .two-columns-generic-50-50 .title { max-height: calc(60px*2 + 3px); padding-top: 5px; }
    .two-columns-generic-50-50 .description { max-height: 226px; }
	.findDealerRating .cont-module .searcherBox .searcherBoxInputs input[type="text"] { width: 100%;}
}

@media (max-width: 763px) and (min-width: 320px) {
    .seat-dealerSearchWebPage__filter__button { margin-top: 15px; width: 94% !important; }
    .seat-dealerSearchWebPage__dealersList { margin-left: 15px; }
    .seat-dealerSearchWebPage__mapWrapper { position: inherit !important;}
    #gmap { margin-left: -15px !important }
    .seat-dealerSearchWebPage__mapWrapper { width: 99vw; }
    #cookieseal-banner button {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }
    #cookieseal-banner .cookieseal-banner-body p {
        margin-bottom: 10px !important;
    }

    #cookieseal-banner .cookieseal-banner-body {
        display: block !important;
        text-align: center !important;
    }
}

#cm-banner-close { display:none !important }