/* CONFIGURE COMMON STYLING START */
#new-car-page.vw_config .new-cars-order-form-section {
    margin-top: 22px;
    background: var(--white);
    border-radius: 3px;
    border: 1px solid #B7B7B7;
    padding: 20px 22px;
    font-size: 14px;
}

#new-car-page.vw_config .new-cars-order-form-section h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.2px;
    text-align: center;
    margin-bottom: 25px;
}

#new-car-page.vw_config #enquiry_form_1 hr{
    display: none;
}
#new-car-page.vw_config .form__total{
    text-align: center;
}
#new-car-page.vw_config .choose__engine p, .choose__trim p {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 9px;
    text-align: center;
}

#new-car-page.vw_config #enquiry_form_1 .select_wrapper select,
#new-car-page.vw_config .choose__trim select {
    width: 100%;
    height: 52px;
    border: 1px solid #B7B7B7;
    padding: 10px;
    border-radius: 3px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 700;
    background-image: url(/images/common/dropdown-arrow.svg);
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 12px;
    padding-left: 12px;
    background-color: var(--white);
    padding-right: 40px;
}

#new-car-page.vw_config .choose__trim {
    text-align: center;
    margin: 10px 0 10px;
}

#new-car-page.vw_config .new-cars-order-form-section .new-cars-order-form-section__img {
    border: 1px solid #B7B7B7;
    width: 100%;
}

#new-car-page.vw_config .new-cars-order-form-section__img {
    margin: 20px 0;
    margin-top: 12px;
}

#new-car-page.vw_config .color-selected-for-car {
    margin: 20px 0 10px;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 20px;
}

#new-car-page.vw_config .color-selected-for-car p {
    font-size: 14px;
    line-height: 22px;
    color: var(--primary-color);
    font-weight: 400;
    margin-top: -20px;
}

#new-car-page.vw_config .color-selected-for-car .swiper-button-prev {
  left: 0px;
}
#new-car-page.vw_config .color-selected-for-car .swiper-button-next {
  right: 0px;
}
#new-car-page.vw_config .color-selected-for-car .swiper-button-prev img {
  transform: rotate(90deg);
  width: 12px;
}
#new-car-page.vw_config .color-selected-for-car .swiper-button-next img {
  transform: rotate(-90deg);
  width: 12px;
}
#new-car-page.vw_config .swiper-button-next,
#new-car-page.vw_config .swiper-button-prev{
  display: block;
}
#new-car-page.vw_config .mySwiperNewCars {
    width: 338px;
    height: 58px;
    margin-bottom: 20px;
    padding: 1px;
}

#new-car-page.vw_config .checkbox__variant p,
#new-car-page.vw_config .checkbox__variant .form-check-label,
#new-car-page.vw_config #enquiry_form_1 .extra_protection-flex p, #enquiry_form_1 .extra_protection-flex label {
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}

#new-car-page.vw_config .new-cars-order-form-section .form-check-input {
    position: relative;
    margin: 0;
    border: 2px solid #9FB8D4;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    min-width: 24px;
}

#new-car-page.vw_config .checkbox__variant .checkbox__row,
#new-car-page.vw_config #enquiry_form_1 .extra_protection-flex {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
    gap: 0;
}

#new-car-page.vw_config .color-selected-for-car .swiper-button-next,#new-car-page.vw_config .color-selected-for-car .swiper-button-prev {
    top: 0;
}
#new-car-page.vw_config .checkbox__variant p {
    margin-right: 9px;
    margin-left: 4px;
}

#new-car-page.vw_config .checkbox__variant-pack{
    padding-top: 20px;
    padding-bottom: 0;
}

#new-car-page.vw_config .pay-by-radio-buttons h4, .trade-in-radio-buttons h4 {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    padding: 19px 0;
    padding-left: 8px;
    padding-bottom: 7px;
}

#new-car-page.vw_config .pay-by-radio-buttons-group {
    display: flex;
    align-items: center;
    gap: 25px;
    border-bottom: 1px solid #B7B7B7;
    padding-bottom: 21px;
    padding-left: 6px;
    flex-wrap: wrap;
    row-gap: 5px;
}

#new-car-page.vw_config .pay-by-radio-buttons-group label p.trade-in-added {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 500;
    line-height: auto;
    padding-left: 21px;
    display: none;
}

#new-car-page.vw_config .pay-by-radio-buttons-group label {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
}

#new-car-page.vw_config .form__total p.total__price{
    margin-top: 0;
}
#new-car-page.vw_config .form__total p {
    margin-top: 26px;
}

#new-car-page.vw_config .form__total .total__price {
    letter-spacing: -0.8px;
    font-weight: 800;
    font-size: 40px;
    line-height: 45px;
    color: var(--primary-color);
    margin-bottom: 15px;
}

#new-car-page.vw_config #payment-form #mb_submit_payment-info,
#new-car-page.vw_config .form-1__btn {
    width: 290px ;
    height: 52px;
    border-radius: 3px;
    background: var(--button-color);
    padding: 7px 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border: none;
    color: white;
    margin-bottom: 0px;
    text-transform: none;
    position: relative;
    border: none;
}

#new-car-page.vw_config #payment-form #agree-terms.form-check {
    grid-template-columns: 100%;
    padding-left: 0;
}

#new-car-page.vw_config #last_form_total__final-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: var(--button-color);
}
#new-car-pay-by-modal.common-vw .selling-checkbox,
#new-car-page.vw_config #payment-form #agree-terms.form-check .selling-checkbox {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    display: grid;
    grid-template-columns: 48px auto;
    margin-bottom: 25px;
}

#new-car-page.vw_config .last_form_total__label {
    font-size: 18px;
    line-height: 24px;
    color: var(--primary-color);
    margin-bottom: 3px;
}

#new-car-pay-by-modal.common-vw .selling-checkbox input,
#new-car-page.vw_config #payment-form #agree-terms.form-check .selling-checkbox input {
    width: 30px;
    height: 30px;
}
#new-car-page.vw_config .new-cars-order-form-section .order-bottom-hr.last {
    margin-top: 20px;
    margin-bottom: 30px;
}
#new-car-page.vw_config .new-cars-order-form-section .last_form_details h3 {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0;
}
#new-car-page.vw_config #payment-form .pay-by__method {
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}

#new-car-page.vw_config .new-cars-order-form-section #payment-form h3.final-form-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    text-align: left;
}
#new-car-page.vw_config .new-cars-order-form-section #payment-form h3.final-form-title #engine__selected {
    font-size: 15px;
    line-height: 20px;
}

#new-car-page.vw_config .new-cars-order-form-section .order-bottom-hr {
    background-color: #B7B7B7;
    display: block;
    margin-top: 0;
    margin-bottom: 7px;
}

#new-car-page.vw_config #enquiry_form_1 .checkbox__variant.checkbox__variant-pack .checkbox__row:first-child{
    border-top: 1px solid #B7B7B7;
    padding-top: 20px;
}
#new-car-page.vw_config #enquiry_form_1 .checkbox__variant{
    padding: 0;
}
#new-car-page.vw_config .checkbox__variant{
    border: none;
    margin: 0;
}
#new-car-page.vw_config .mySwiperNewCars .swiper-slide > div {
  width: 100%;
  height: 100%;
}
#new-car-page.vw_config #enquiry_form_3 p{
    margin: 30px auto;
    font-size: 18px;
}
#new-car-page.vw_config #enquiry_form_3 {
    text-align: center;
}
#new-car-page.vw_config #enquiry_form_3 hr.last-thank-you{
    display: none;
}

#new-car-page.vw_config .trade-in-radio-buttons{
    border-top: 1px solid #B7B7B7;
}
#new-car-page.vw_config .new-cars-order-form-section img.main__logo {
    width: 50px;
    margin-right: 0;
}
#new-car-page.vw_config .new-cars-order-form-section hr{
    display: none;
}
#new-car-page.vw_config .last_form_extras-part{
    font-size: 16px;
}
#new-car-test-drive-modal.new-cars-unique.vw-common-style textarea {
  margin-top: 0px;
  margin-bottom: 15px;
}

#EnquireModal.common-styles .common-styles-last-section .common_flex-for-radio {
  display: flex;
  margin-top: 5px;
  gap: 20px;
}

#EnquireModal.common-styles .common-styles-last-section .common_flex-for-radio label {
  display: flex;
  align-items: center;
  gap: 2px;
  width: auto;
  height: auto;
  cursor: pointer;
}

#new-car-finance-enquiry-modal.vw-common-style h6.second-title-modal{
    margin-bottom: 25px;
}
#new-car-finance-enquiry-modal.vw-common-style h7,
#new-car-test-drive-modal.new-cars-unique.vw-common-style h7{
    margin-bottom: 15px;
    display: inline-block;
}
#new-car-finance-enquiry-modal.vw-common-style textarea{
    margin-top: 0;
}
#new-car-finance-enquiry-modal.vw-common-style .margin-top {
  margin-top: 50px;
}
@media screen and (min-width:992px) and (max-width:1199px) {
    #new-car-finance-enquiry-modal.vw-common-style .modal-dialog{
        max-width: 98%;
    }
}
@media screen and (max-width:992px) {
    #new-car-page.vw_config .mySwiperNewCars {
        padding: 1px;
    }
}
@media screen and (max-width:767px) {
    #new-car-page.vw_config .mySwiperNewCars {
        width: 100%;
        max-width: 270px
    }
    #new-car-page.vw_config .last_form_extras-part,
    #new-car-page.vw_config .pay-by-radio-buttons-group label,
    #new-car-page.vw_config .checkbox__variant p, #new-car-page.vw_config .checkbox__variant .form-check-label, #new-car-page.vw_config #enquiry_form_1 .extra_protection-flex p, #enquiry_form_1 .extra_protection-flex label,
    #new-car-page.vw_config .pay-by-radio-buttons h4, .trade-in-radio-buttons h4{
        font-size: 14px;
    }
    #new-car-page.vw_config .new-cars-order-form-section {
        padding: 20px 13px;
    }
    #new-car-page.vw_config .pay-by-radio-buttons-group{
        gap: 12px;
        position: relative;
    }
    #new-car-page.vw_config .pay-by-radio-buttons-group label input{
        max-width: 20px;
    }
    #new-car-pay-by-modal.common-vw .selling-checkbox input,
    #new-car-page.vw_config #payment-form #agree-terms.form-check .selling-checkbox input,
    #new-car-page.vw_config .new-cars-order-form-section .form-check-input{
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
    #new-car-page.vw_config .new-cars-order-form-section h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #new-car-page.vw_config .form__total .total__price {
        font-size: 36px;
    }
    #new-car-page.vw_config .color-selected-for-car p{
        width: 100%;
        line-height: 17px;
        padding: 0 35px;
        margin-top: -25px;
    }
   
    #new-car-page.vw_config .last_form_total__label{
        font-size: 16px;
    }
    #new-car-page.vw_config #last_form_total__final-price {
        font-size: 18px;
    }
    #new-car-page.vw_config .new-cars-order-form-section img.main__logo {
        width: 40px;
    }
    #new-car-page.vw_config .pay-by-radio-buttons-group label p.trade-in-added {
        font-size: 13px;
        position: absolute;
        right: 0;
    }
    #new-car-finance-enquiry-modal.vw-common-style .margin-top,
    #new-car-test-drive-modal.new-cars-unique.vw-common-style textarea {
        margin-top: 0px;
    }
    #new-car-finance-enquiry-modal.vw-common-style h6.second-title-modal {
        margin-bottom: 16px;
    }
    #new-car-page.vw_config .color-selected-for-car {
        margin: 25px 0 15px;
    }
}

@media screen and (max-width:369px){
    #new-car-page.vw_config #payment-form #mb_submit_payment-info, #new-car-page.vw_config .form-1__btn{
        width: 100%;
    }
}
@media screen and (max-width:350px){
    #new-car-page.vw_config #payment-form #mb_submit_payment-info, #new-car-page.vw_config .form-1__btn{
        width: 100%;
    }
    #new-car-page.vw_config .mySwiperNewCars {
        width:195px;
    }
    #new-car-page.vw_config .pay-by-radio-buttons-group label p.trade-in-added{
        position: unset;
        text-align: center;
        padding-left: 10px;
        line-height: 15px;
    }
}

/* CONFIGURE COMMON STYLING END */

/* CONFIGURE TRADE-IN MODAL STYLING START */

#new-car-pay-by-modal.common-vw .modal-header .close ,
#trade-in-modal.new-cars-trade-in.vw .modal-header .close {
    color: #000;
}
@media screen and (min-width: 767px) {
    #new-car-test-drive-modal.new-cars-unique #mobile_enquiry_form_test {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    #new-car-test-drive-modal.new-cars-unique #mobile_enquiry_form_test .col-md-4 {
        width: 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    #trade-in-modal.new-cars-trade-in.vw .modal-dialog {
        max-width: 884px;
    }
    #trade-in-modal.new-cars-trade-in.vw .modal-dialog .modal-body {
        padding: 28px 40px 45px 50px;
    }
}

#trade-in-modal.new-cars-trade-in.vw label{
    color: var(--primary-color);
}
#trade-in-modal.new-cars-trade-in.vw .modal-header .modal-title{
    margin-left: 20px;
    padding: 5px 0;
    line-height: normal;
    text-transform: none;
    color: var(--primary-color);
}

#trade-in-modal.new-cars-trade-in.vw h6 {
    margin-bottom: 10px;
    font-size: 20px;
}

#trade-in-modal.new-cars-trade-in.vw .form-group.estimated-value-margin {
    margin-bottom: 30px;
}

#trade-in-modal.new-cars-trade-in.vw .upload__trade-in-photos {
    margin-bottom: 0;
    display: grid;
    grid-template-columns: 30% 70%;
}

#trade-in-modal.new-cars-trade-in.vw .form-check{
    margin-top: 0;
}

#trade-in-modal.new-cars-trade-in.vw .selling-checkbox input, #new-car-pay-by-modal .selling-checkbox input{
    width: 30px;
    height: 30px;
}
#trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio{
    text-transform: capitalize;
}
#trade-in-modal.new-cars-trade-in.vw .selling-checkbox{
    font-size: 14px;
    line-height: 16px;
    display: grid;
    font-weight: 400;
    grid-template-columns: 48px auto;
    width: 95%;
    margin-top: 35px;
    margin-bottom: 24px;
}

#trade-in-modal.new-cars-trade-in.vw .new-cars-trade-in #mb_submit_tradein {
    height: 60px;
}

#new-car-pay-by-modal.common-vw #mb_submit_pay_by,
#trade-in-modal.new-cars-trade-in.vw #mb_submit_tradein {
    font-size: 16px;
    height: 60px;
    text-transform: uppercase;
    width: 100%;
    background: var(--button-color);
    padding: 7px 16px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border: none;
    color: white;
    margin-bottom: 0px;
}

#trade-in-modal.new-cars-trade-in.vw .upload__trade-in-photos__text p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px;
    color: var(--primary-color);
}

@media screen and (min-width:768px) and (max-width:992px) {
    #trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio .container.mileage-radio{
        margin-top: 0;
    }
    #trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio{
        display: flex;
        align-items: center;
        margin: 20px 0 0 7px;
    }
    
}

@media (max-width:767px) {
    #trade-in-modal.new-cars-trade-in.vw .modal-dialog .modal-body {
        padding: 20px 0 30px;
    }
    #trade-in-modal.new-cars-trade-in.vw h6 {
        font-size: 18px;
    }
    #trade-in-modal.new-cars-trade-in.vw label{
        font-size: 14px;
    }
    #trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio label:last-child{
        margin-left: 0;
    }
    #trade-in-modal.new-cars-trade-in.vw #mb_submit_tradein{
        margin: 0;
        width: 100%;
    }
    #trade-in-modal.new-cars-trade-in.vw .modal-header h4{
        text-transform: none;
        font-size: 16px;
    }
    #trade-in-modal.new-cars-trade-in.vw .upload__trade-in-photos__text p {
        font-size: 14px;
        line-height: 17px;
    }
    #trade-in-modal.new-cars-trade-in.vw .upload__trade-in-photos {
        grid-template-columns: auto auto;
        column-gap: 25px;
    }
    #trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio{
        display: flex;
        align-items: center;
        margin: 20px 0 0;
    }
    #trade-in-modal.new-cars-trade-in.vw .form-group.vw-radio .container.mileage-radio{
        margin-top: 0;
    }
}

/* CONFIGURE TRADE-IN MODAL STYLING END */

/* CONFIGURE TRADE-IN-PHOTO MODAL STYLING START */

@media screen and (min-width:767px){
    #trade-in-photo-modal.new-cars.vw .modal-dialog {
        max-width: 526px;
    }
}

#trade-in-photo-modal.new-cars.vw .modal-header h4 {
    font-size: 24px;
    color: var(--primary-color);
    text-transform: none;
}

#trade-in-photo-modal.new-cars.vw .trade-in-photo-header p{
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    color: var(--primary-color);
}

#trade-in-photo-modal.new-cars.vw .trade-in-photos-upload-row {
    grid-gap: 30px;
}

#trade-in-photo-modal.new-cars.vw .modal-header .close {
    color: #000;
}
#trade-in-photo-modal.new-cars.vw .trade-in-upload-photos {
    margin-bottom: 40px;
}

#trade-in-photo-modal.new-cars.vw #trade-in-photos-submit-all-btn {
    width: 442px;
    height: 60px;
    font-size: 16px;
    text-transform: uppercase;
}

@media screen and (min-width:768px) and (max-width:992px) {
    #trade-in-photo-modal.new-cars.vw .modal-body {
        padding: 31px 23px;
    }
    #trade-in-photo-modal.new-cars.vw .trade-in-photos-upload-row {
        grid-gap: 20px;
        grid-template-columns: repeat(3, 1fr);
    }
    #trade-in-photo-modal.new-cars.vw{
        padding: 0;
    }
}

@media screen and (max-width:767px) {
    #trade-in-photo-modal.new-cars.vw #trade-in-photos-submit-all-btn {
        width: 100%;
        font-size: 14px; 
         min-width: 240px;
    }
    #trade-in-photo-modal.new-cars.vw .modal-header h4 {
        font-size: 20px;
    }
    #trade-in-photo-modal.new-cars.vw .trade-in-photo-header p{
        text-align: center;
        margin-right: 10px;
        margin-left: 10px;
        font-size: 15px;
        margin-top: 10px;
        line-height: 19px;
    }
    
    #trade-in-photo-modal.new-cars.vw .trade-in-photos-upload-row {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    #new-car-page.vw_config #enquiry_form_3 p{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 7px;
    }
}

@media screen and (max-width:330px) {
    #trade-in-photo-modal.new-cars.vw .trade-in-photos-upload-row {
        grid-gap: 15px;
    }
    #trade-in-photo-modal.new-cars.vw .trade-in-photos-upload-row .dropzone{
        width: 100%;
        margin: 0;
    }
}


/* CONFIGURE TRADE-IN-PHOTO MODAL STYLING END */

/* CONFIGURE PAY-BY MODAL STYLING START */

@media screen and (min-width: 1500px) {
    #new-car-pay-by-modal.common-vw .modal-dialog{
        max-width: 1396px;
    }
}

#new-car-pay-by-modal.common-vw .modal-header h4.modal-title {
    width: 100%;
    color: var(--primary-color);
    text-transform: none;
    margin-bottom: 0;
}

#new-car-pay-by-modal.common-vw h6.second-title-modal{
    margin-bottom: 24px;
    font-size: 22px;
    color: var(--primary-color);
    line-height: 30px;
}

#new-car-pay-by-modal.common-vw h4{
    font-size: 16px;
    padding: 0;
    margin: 3px 0 12px;
    color: var(--primary-color);
}
#new-car-pay-by-modal.common-vw input{
    margin-top: 4px;
}
#new-car-pay-by-modal.common-vw label{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-color);
}
#new-car-pay-by-modal.common-vw h6 {
    font-size: 20px;
    line-height: 30px;
    color: var(--primary-color);
}

#new-car-pay-by-modal .form-check{
    padding-left: 0;
    margin-top: 15px;
}
#new-car-pay-by-modal label.textarea-margin-top textarea{
    margin-top: 5px;
}
#new-car-pay-by-modal label.textarea-margin-top {
  margin-top: 30px;
}

#new-car-pay-by-modal.common-vw .selling-checkbox {
    grid-template-columns: 48px auto;
}

#new-car-pay-by-modal.common-vw .selling-checkbox input{
    margin-top: 0;
}

#new-car-page.vw_config .new-cars-order-form-section {
    display: none;
}

#new-car-page.vw_config .new-cars-order-form-section.show {
    display: block;
}

#new-car-page.vw_config .last_form_total {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 3px;
}
#new-car-page.vw_config .last_form_details-grid-part {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 10px;
    margin-bottom: 0px;
}
#new-car-page.vw_config .last_form_extras__value {
  text-align: right;
}
.new-cars-order-form-section__tabs {
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	grid-gap:10px;
	width:59px;
	margin:auto;
	margin-bottom:30px;
}
.new-cars-order-form-section__tab-1,.new-cars-order-form-section__tab-2,.new-cars-order-form-section__tab-3 {
	width:16px;
	height:4px;
	background:#BFBFBF;
}
.new-cars-order-form-section__tab-1.active, .new-cars-order-form-section__tab-2.active, .new-cars-order-form-section__tab-3.active {
    background: var(--primary-color);
}
#new-car-page.vw_config .last_form_extras-part {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-weight: 400;
  font-size: 16px;
  font-family: var(--body-font);
  line-height: 23px;
  color: var(--primary-color);
    margin-bottom: 2px;
}
#thank-you-modal.vw-common-style .thank-you-modal-content__desktop img.vw-tick{
    width: 50px;
    margin-bottom: 30px;
}
#new-car-page.vw_config #payment-form .last_form_total__price{
    display: flex;
    justify-content: flex-end;
}

.mySwiperNewCars .swiper-slide {
    cursor: pointer;
}

@media screen and (max-width: 992px) {
    #new-car-header.bayon {
        display: none;
    }
    #EnquireModal.common-styles .common-styles-last-section .common_flex-for-radio label{
        width: auto !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1599px) {
    #new-car-page.vw_config #payment-form #mb_submit_payment-info, 
    #new-car-page.vw_config .form-1__btn,
    #new-car-page.vw_config .mySwiperNewCars {
        width:238px;
    }
    #new-car-pay-by-modal.common-vw .selling-checkbox,
    #new-car-page.vw_config #payment-form #agree-terms.form-check .selling-checkbox {
        grid-template-columns: 45px auto;
    }
}
@media screen and (min-width:1200px) and (max-width:1399px) {
    #new-car-page.vw_config .color-selected-for-car p{
        width: 200px;
        line-height: 16px;
    }
    #new-car-page.vw_config .pay-by-radio-buttons-group label p.trade-in-added {
        font-size: 14px;
    }
    #new-car-page.vw_config .new-car-offers .text-center{
        font-size: 22px;
    }
}
@media screen and (min-width:992px) and (max-width:1199px) {
    #new-car-pay-by-modal.common-vw .modal-dialog{
        max-width: 97%;
    }
    #new-car-pay-by-modal.common-vw .selling-checkbox input {
        width: 20px;
        height: 20px;
    }
    #new-car-page.vw_config .new-car-offers .text-center{
        font-size: 22px;
    }
    #new-car-page.vw_config #payment-form #mb_submit_payment-info, 
    #new-car-page.vw_config .form-1__btn,
    #new-car-page.vw_config .mySwiperNewCars {
        width: 225px;
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    #new-car-pay-by-modal.common-vw .modal-body .col-md-4.span-grid-column{
        grid-column: span 2;
        margin-bottom: 15px;
    }
    #new-car-pay-by-modal.common-vw .modal-body{
        display: grid;
        padding-bottom: 30px;
        grid-template-columns: 1fr 1fr;
    }
    #new-car-pay-by-modal .modal-body .col-md-4{
        max-width: 100%;
    }
    #thank-you-modal.vw-common-style .thank-you-modal-content__desktop img.vw-tick{
        margin-top: 0;
    }
}

@media screen and (max-width:767px) {
    #new-car-page.vw_config .last_form_details-grid-part {
        display: flex;
        flex-wrap: wrap;
        row-gap: 0;
    }
    #new-car-page.vw_config .last_form_details-grid-part p {
        min-width: 45px;
    }
    #new-car-pay-by-modal.common-vw .modal-body{
       flex-direction: column;
       padding-top: 15px;
       padding-bottom: 25px;
    }
    #new-car-page.vw_config .last_form_extras-part,
    #new-car-pay-by-modal.common-vw label{
        font-size: 14px;
    }
    #new-car-pay-by-modal.common-vw .modal-body .col-md-4.span-grid-column{
        margin-bottom: 15px;
    }
    #new-car-pay-by-modal label.textarea-margin-top {
        margin-top: 0;
    }
    #new-car-pay-by-modal.common-vw h6.second-title-modal {
        margin-bottom: 12px;
        font-size: 18px;
    }
    #new-car-page.vw_config .new-cars-order-form-section #payment-form h3.final-form-title{
        font-size: 16px;
        line-height: 20px;
    }
    #new-car-page.vw_config .swiper-button-next img, #new-car-page.vw_config .swiper-button-prev img {
        display: block;
    }
    #new-car-page.vw_config #enquiry_form_1 .select_wrapper select,
    #new-car-page.vw_config .choose__trim select{
        font-size: 14px;
    }
    #new-car-page.vw_config .new-car-offers .text-center{
        font-size: 20px;
    }
    #new-car-page.vw_config #payment-form #agree-terms.form-check .selling-checkbox,
    #trade-in-modal.new-cars-trade-in.vw .selling-checkbox, 
    #new-car-pay-by-modal.common-vw .selling-checkbox {
        grid-template-columns: 35px auto;
    } 
    #trade-in-modal.new-cars-trade-in.vw .selling-checkbox input, 
    #new-car-pay-by-modal .selling-checkbox input {
        width: 20px;
        height: 20px;
        min-width: 20px;
    }
}

@media screen and (min-width:992px) {
    #trade-in-modal.new-cars-trade-in.vw .modal-header .modal-title,
    #new-car-pay-by-modal.common-vw .modal-header h4.modal-title {
        font-size: 24px;
    }
}

/************** Configurator Colours ************/

.abyss-black{background-color: #161616;border:1px solid black;}
.abyss-black-pearl{background-color: #262626;border:1px solid black;}
.aconite {background-color:#33016B;border:1px solid black;}
.aero-grey {background-color:#a9aaae;border:1px solid black;}
.agueda-yellow {background-color: #90b645;border:1px solid black;}
.agueda-yellow-black-roof {background:linear-gradient(134deg, #90b645 0%, #90b645 50%, #303030 50%, #303030 100%);border:1px solid black;}
.agueda-yellow-nera-black {background:linear-gradient(134deg, #90b645 0%, #90b645 50%, #303030 50%, #303030 100%);border:1px solid black;}
.airstream-blue {background-color:#c2d1dc;border:1px solid black;}
.akatsuki-copper-pearl-black {background:linear-gradient(134deg, #a77f69 0%, #a77f69 50%, #303030 50%, #303030 100%);border:1px solid black;}
.alice-blue{background-color: #7995b8;border:1px solid black;}
.aluminium-grey {background-color: #a0aeba;border:1px solid black;}
.aluminium-grey-black-roof {background:linear-gradient(134deg, #a0aeba 0%, #a0aeba 50%, #303030 50%, #303030 100%);border:1px solid black;}
.aluminium-grey-nera-black {background:linear-gradient(134deg, #a0aeba 0%, #a0aeba 50%, #303030 50%, #303030 100%);border:1px solid black;}
.amazon-grey{background-color: #4A4A4A;border:1px solid black;}
.amazonite-grey {background-color: #6b706b;border:1px solid black;}
.amazonite-grey-black-roof {background:linear-gradient(134deg, #6b706b 0%, #6b706b 50%, #303030 50%, #303030 100%);border:1px solid black;}
.amazonite-grey-nera-black {background:linear-gradient(134deg, #6b706b 0%, #6b706b 50%, #303030 50%, #303030 100%);border:1px solid black;}
.aqua-turquoise{background-color: #00637c;border:1px solid black;}
.arctic-steel {background-color: #9DBED4;border:1px solid black;}
.arctic-steel-black-roof {background:linear-gradient(134deg, #9DBED4 0%, #9DBED4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.arctic-steel-nera-black {background:linear-gradient(134deg, #9DBED4 0%, #9DBED4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.arctic-white {background-color: #f6f6f6;border:1px solid black;}
.arizona-orange {background-color:#e1955f;border:1px solid black;}
.artense-grey {background-color: #e1e3e4;border:1px solid black;}
.artense-grey-black-roof {background:linear-gradient(134deg, #e1e3e4 0%, #e1e3e4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.artense-grey-nera-black {background:linear-gradient(134deg, #e1e3e4 0%, #e1e3e4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.artisan-red {background-color:#85333a;border:1px solid black;}
.astro-grey {background-color: #767676;border:1px solid black;}
.atlantis-turquoise {background-color:#5b8fa9;border:1px solid black;}
.atlantis-turquoise-cosmic-black {background:linear-gradient(134deg, #5b8fa9 0%, #5b8fa9 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.atlas-white{background-color: #d1d2d4;border:1px solid black;}
.aurora-black{background-color: #0e0f11;border:1px solid black;}
.aurora-green {background-color:#446166;border:1px solid black;}
.aurora-grey{background-color: #30363e;border:1px solid black;}
.azzuro-blue {background-color: #97aab5;border:1px solid black;}
.bianca-white {background-color: #eef7ff;border:1px solid black;}
.bianca-white-black-roof {background:linear-gradient(134deg, #90b645 0%, #90b645 50%, #303030 50%, #303030 100%);border:1px solid black;}
.bianca-white-nera-black {background:linear-gradient(134deg, #90b645 0%, #90b645 50%, #303030 50%, #303030 100%);border:1px solid black;}
.biophillic-blue-pearl{background-color: #001632;border:1px solid black;}
.black-mica {background-color:#0f0f0f;border:1px solid black;}
.black-pearl, .black, .pearl-black { background-color:#333438;border:1px solid black;}
.blade-silver {background-color: #bec0c4;border:1px solid black;}
.blade-silver-pearl-black {background:linear-gradient(134deg, #bec0c4 0%, #bec0c4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.blue-celadon {background-color:#059DAE;border:1px solid black;}
.blue-flame {background-color: #54749b;border:1px solid black;}
.blue-grey {background-color:#464f5f;border:1px solid black;}
.blue-pearl {background-color:#212f5e;border:1px solid black;}
.blue-pearl-pearl-black {background:linear-gradient(134deg, #212f5e 0%, #212f5e 50%, #303030 50%, #303030 100%);border:1px solid black;}
.blue-reflex{background-color: #74889e;border:1px solid black;}
.brass{background-color: #808080;border:1px solid black;}
.bright-red-cosmic-black {background:linear-gradient(134deg, #c11f33 0%, #c11f33 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.brilliant-blue{background-color: #0f52a2;border:1px solid black;}
.brilliant-silver {background-color:#dfdfdf;border:1px solid black;}
.burgundy {background-color: #732d35;border:1px solid black;}
.burgundy-blade-silver {background:linear-gradient(134deg, #732d35 0%, #732d35 50%, #bec0c4 50%, #bec0c4 100%);border:1px solid black;}
.burgundy-pearl-black {background:linear-gradient(134deg, #732d35 0%, #732d35 50%, #303030 50%, #303030 100%);border:1px solid black;}
.burning-red {background-color:#c11f33;border:1px solid black;}
.burning-red-super-black {background:linear-gradient(134deg, #c11f33 0%, #c11f33 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.caravan-ivory-dual-tone {background:linear-gradient(134deg, #e2e3dc  0%, #e2e3dc  50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.carmin-red {background-color:#A30C0C;border:1px solid black;}
.casa-white { background-color:#d1d7da;border:1px solid black;}
.cedar-green {background-color:#293230;border:1px solid black;}
.celebes-blue {background-color: #43546c;border:1px solid black;}
.ceramic-grey {background-color: #6c737a;border:1px solid black;}
.ceramic-grey-diamond-black {background:linear-gradient(134deg, #AAAAAA 0%, #AAAAAA 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.ceramic-grey-metallic-black {background:linear-gradient(134deg, #6c737a 0%, #6c737a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.ceramic-grey-pearl-black {background:linear-gradient(134deg, #6c737a 0%, #6c737a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.ceramic-metallic{background-color: #cdcdcd;border:1px solid black;}
.ceramic-metallic-multitone {background:linear-gradient(134deg, #cdcdcd 0%, #cdcdcd 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.ceramic-white {background-color:#dadada;border:1px solid black;}
.champagne-silver {background-color:#cfccc7;border:1px solid black;}
.champagne-silver-metallic-black {background:linear-gradient(134deg, #cfccc7 0%, #cfccc7 50%, #303030 50%, #303030 100%);border:1px solid black;}
.champion-blue{background-color: #294993;border:1px solid black;}
.charcoal-grey {background-color: #767676;border:1px solid black;}
.cityscape-green {background-color: #353a33;border:1px solid black;}
.clear-white {background-color: #dadada;border:1px solid black;}
.cool-yellow {background-color:#d3d8b6;border:1px solid black;}
.cool-yellow-mineral-grey {background:linear-gradient(134deg, #d3d8b6 0%, #d3d8b6 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.cosmic-black {background-color:#0f0f0f;border:1px solid black;}
.cosmic-silver {background-color: #838488;border:1px solid black;}
.cumulus-blue {background-color:#5697D0;border:1px solid black;}
.cumulus-grey {background-color: #dee0e1;border:1px solid black;}
.cumulus-grey-black-roof {background:linear-gradient(134deg, #dee0e1 0%, #dee0e1 50%, #303030 50%, #303030 100%);border:1px solid black;}
.cumulus-grey-opal-white {background:linear-gradient(134deg, #dee0e1 0%, #dee0e1 50%, #eeeeee 50%, #eeeeee 100%);border:1px solid black;}
.cumulus-grey-nera-black {background:linear-gradient(134deg, #dee0e1 0%, #dee0e1 50%, #303030 50%, #303030 100%);border:1px solid black;}
.curated-silver-metallic{background-color: #9c9c9c;border:1px solid black;}
.cyber-grey{background-color: #a6a8a8;border:1px solid black;}
.cyber-grey-metallic{background-color: #b5b5b5;border:1px solid black;}
.dark-blue-mica {background-color:#2b2f61;border:1px solid black;}
.dark-knight{background-color: #5e5e66;border:1px solid black;}
.deep-crimson{background-color: #56252b;border:1px solid black;}
.deep-crystal-blue{background-color: #364759;border:1px solid black;}
.deluxe-white{background-color: #d0d1d5;border:1px solid black;}
.denim-blue-pearl{background-color: #24253a;border:1px solid black;}
.desert-orange {background-color:#a97b1c;border:1px solid black;}
.diamond-black {background-color:#000000;border:1px solid black;}
.diamond-black-shadow-grey {background:linear-gradient(134deg, #1F1F1E 0%, #1F1F1E 50%, #636363 50%, #636363 100%);border:1px solid black;}
.diamond-red {background-color:#911316;border:1px solid black;}
.digital-green-pearl{background-color: #455044;border:1px solid black;}
.dive-in-blue{background-color: #50a0ef;border:1px solid black;} 
.dragon-red{background-color: #901216;border:1px solid black;}
.dusky-black {background-color:#000000;border:1px solid black;}
.dusty-grey {background-color:#767b75;border:1px solid black;}
.dynamic-red{background-color: #b72128;border:1px solid black;}
.eclipse-blue {background-color: #103c73;border:1px solid black;}
.eclipse-blue-black-roof {background:linear-gradient(134deg, #103c73 0%, #103c73 50%, #303030 50%, #303030 100%);border:1px solid black;}
.eclipse-blue-nera-black {background:linear-gradient(134deg, #103c73 0%, #103c73 50%, #303030 50%, #303030 100%);border:1px solid black;}
.ecotronic-grey-pearl{background-color: #5b5c61;border:1px solid black;}
.electric-blue {background-color:#1c3f8a;border:1px solid black;}
.electric-blue-metallic-black {background:linear-gradient(134deg, #1c3f8a 0%, #1c3f8a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.elemental-brass{background-color: #808080;border:1px solid black;}
.elixir-red {background-color: #72000c;border:1px solid black;}
.elixir-red-black-roof {background:linear-gradient(134deg, #72000c 0%, #72000c 50%, #303030 50%, #303030 100%);border:1px solid black;}
.elixir-red-opal-white {background:linear-gradient(134deg, #72000c 0%, #72000c 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.elixir-red-nera-black {background:linear-gradient(134deg, #72000c 0%, #72000c 50%, #303030 50%, #303030 100%);border:1px solid black;}
.energetic-red {background-color:#c11f33;border:1px solid black;}
.engine-red{background-color: #C50000;border:1px solid black;}
.eternal-blue{background-color: #658ab6;border:1px solid black;}
.experience-green {background-color:#556351;border:1px solid black;}
.fervent-red {background-color:#c40530;border:1px solid black;}
.fervent-red-dual-tone {background:linear-gradient(134deg, #c40530 0%, #c40530 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.flame-orange {background-color: #ce5019;border:1px solid black;}
.flame-orange-super-black {background:linear-gradient(134deg, #ce5019 0%, #ce5019 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.flame-red {background-color: #bd2825;border:1px solid black;}
.flame-red-diamond-black {background:linear-gradient(134deg, #BB2626 0%, #BB2626 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.flame-red-shadow-grey {background:linear-gradient(134deg, #BB2626 0%, #BB2626 50%, #636363 50%, #636363 100%);border:1px solid black;}
.formal-red{background-color: #b72128;border:1px solid black;}
.fresca-white {background-color:#F6F7EB;border:1px solid black;}
.fuji-sunset-red {background-color: #fc2e2a;border:1px solid black;}
.fuji-sunset-red-blade-silver {background:linear-gradient(134deg, #fc2e2a 0%, #fc2e2a 50%, #bec0c4 50%, #bec0c4 100%);border:1px solid black;}
.fuji-sunset-red-pearl-black {background:linear-gradient(134deg, #fc2e2a 0%, #fc2e2a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.fusion-red {background-color:#850311;border:1px solid black;}
.galactic-grey {background-color: #686b6d;border:1px solid black;}
.galactic-grey-cosmic-black {background:linear-gradient(134deg, #686b6d 0%, #686b6d 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.glacier-white {background-color:#DAD8D0;border:1px solid black;}
.glacier-white-diamond-black {background:linear-gradient(134deg, #DAD8D0 0%, #DAD8D0 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.glacier-white-shadow-grey {background:linear-gradient(134deg, #DAD8D0 0%, #DAD8D0 50%, #636363 50%, #636363 100%);border:1px solid black;}
.graphite-grey {background-color: #5b5f6a;border:1px solid black;}
.graphite-grey-black-roof {background:linear-gradient(134deg, #5b5f6a 0%, #5b5f6a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.graphite-grey-nera-black {background:linear-gradient(134deg, #5b5f6a 0%, #5b5f6a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.gravity-blue {background-color: #101f32;border:1px solid black;}
.gravity-gold{background-color: #b2b3b3;border:1px solid black;}
.gravity-gold-matte{background-color: #b2b3b3;border:1px solid black;}
.grey-silver {background-color:#ABA8A2;border:1px solid black;}
.grey-silver-pearl-black {background:linear-gradient(134deg, #ABA8A2 0%, #ABA8A2 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.gun-metallic {background-color: #67696b;border:1px solid black;}
.gun-metallic-fuji-sunset-red {background:linear-gradient(134deg, #67696b 0%, #67696b 50%, #fc2e2a 50%, #fc2e2a 100%);border:1px solid black;}
.gun-metallic-pearl-black {background:linear-gradient(134deg, #67696b 0%, #67696b 50%, #303030 50%, #303030 100%);border:1px solid black;}
.highland-grey {background-color:#D2D1CE;border:1px solid black;}
.highland-grey-pearl-black {background:linear-gradient(134deg, #D2D1CE 0%, #D2D1CE 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.ice-greyish-blue-cosmic-black {background:linear-gradient(134deg, #9ca9b0 0%, #9ca9b0 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.icy-white {background-color: #f5f6f8;border:1px solid black;}
.icy-white {background-color: #ffffff;border:1px solid black;}
.icy-white-black-roof {background:linear-gradient(134deg, #ffffff 0%, #ffffff 50%, #303030 50%, #303030 100%);border:1px solid black;}
.icy-white-nera-black {background:linear-gradient(134deg, #ffffff 0%, #ffffff 50%, #303030 50%, #303030 100%);border:1px solid black;}
.ignite-flame{background-color: #e71616;border:1px solid black;}
.infra-red { background-color:#681114;border:1px solid black;}
.ingaro-blue{background-color:#505d6f;border:1px solid black;}
.ink-blue {background-color:#043199;border:1px solid black;}
.intense-blue{background-color: #0f2697;border:1px solid black;}
.interstellar-grey {background-color: #2a2b2f;border:1px solid black;}
.iron-blue {background-color:#223161;border:1px solid black;}
.iron-blue-alabaster-white {background:linear-gradient(134deg, #0419A3 0%, #0419A3 50%, #EBEEF7 50%, #EBEEF7 100%);border:1px solid black;}
.iron-blue-diamond-black {background:linear-gradient(134deg, #0419A3 0%, #0419A3 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.jet-black {background-color:#333438;border:1px solid black;}
.jet-black-silver {background:linear-gradient(134deg, #1F1F1E 0%, #1F1F1E 50%, #ABA8A2 50%, #ABA8A2 100%);border:1px solid black;}
.jungle-green{background-color: #72897d;border:1px solid black;}
.khaki-grey {background-color: #6a7170;border:1px solid black;}
.khaki-grey-nera-black {background:linear-gradient(134deg, #6a7170 0%, #6a7170 50%, #191919 50%, #191919 100%);border:1px solid black;}
.lagoon-blue{background-color: #193E64;border:1px solid black;}
.lead-grey{background-color: #8f9299;border:1px solid black;}
.lucid-blue{background-color: #68839b;border:1px solid black;}
.lucid-lime{background-color: #dfdd68;border:1px solid black;}
.lumen-grey{background-color: #cacbd0;border:1px solid black;}
.lunar-silver { background-color:#88898e;border:1px solid black;}
.lunar-white{background-color: #d0cfcd;border:1px solid black;}
.machined-bronze {background-color:#674d38;border:1px solid black;}
.machine-grey{background-color: #b5b9bb;border:1px solid black;}
.magnetic-blue {background-color: #0f3d91;border:1px solid black;}
.magnetic-blue-black-roof, .black-magnetic-blue {background:linear-gradient(134deg, #0f3d91 0%, #0f3d91 50%, #303030 50%, #303030 100%);border:1px solid black;}
.magnetic-blue-pearl-black {background:linear-gradient(134deg, #0f3d91 0%, #0f3d91 50%, #303030 50%, #303030 100%);border:1px solid black;}
.magnetic-blue-nera-black {background:linear-gradient(134deg, #0f3d91 0%, #0f3d91 50%, #303030 50%, #303030 100%);border:1px solid black;}
.magnetic-force{background-color: #4E5862;border:1px solid black;}
.magnetic-red-pearl-black {background:linear-gradient(134deg, #a31217 0%, #a31217 50%, #303030 50%, #303030 100%);border:1px solid black;}
.mangrove-green{background-color: #43a880;border:1px solid black;}
.maroon-rouge-multitone {background:linear-gradient(134deg, #c11f33 0%, #c11f33 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.matte-shadow-grey-diamond-black {background:linear-gradient(134deg, #636363 0%, #636363 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.melting-copper{background-color:#e0b8a5;border:1px solid black;}
.meta-blue{background-color: #9da6cb;border:1px solid black;}
.meta-blue-pearl{background-color: #8890cc;border:1px solid black;}
.midnight-blue {background-color:#000F70;border:1px solid black;}
.midnight-blue-diamond-black {background:linear-gradient(134deg, #000F70 0%, #000F70 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.midnight-blue-shadow-grey {background:linear-gradient(134deg, #000F70 0%, #000F70 50%, #636363 50%, #636363 100%);border:1px solid black;}
.mineral-blue {background-color: #3b4f6a;border:1px solid black;}
.mineral-blue-aurora-black {background:linear-gradient(150deg, rgba(59,79,106,1) 55%, rgba(14,15,17,1) 70%, rgba(59,79,106,1) 100%);}
.mineral-grey {background-color:#77767b;border:1px solid black;}
.mineral-white {background-color:#ebebeb;border:1px solid black;}
.mirage-green{background-color: #889a94;border:1px solid black;}
.monument-bronze{background-color: #beb595;border:1px solid black;}
.monument-silver{background-color: #6f6e73;border:1px solid black;}
.moonstone-grey {background-color:#858786;border:1px solid black;}
.mystic-olive{background-color: #716462;border:1px solid black;}
.neon-blue {background-color:#509aae;border:1px solid black;}
.neon-blue-dual-tone {background:linear-gradient(134deg, #509aae 0%, #509aae 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.nera-black {background-color: #000000;border:1px solid black;}
.nera-black-black-roof {background:linear-gradient(134deg, #000000 0%, #000000 50%, #303030 50%, #303030 100%);border:1px solid black;}
.nera-black-perla-nera-black {background:linear-gradient(134deg, #000000 0%, #000000 50%, #303030 50%, #303030 100%);border:1px solid black;}
.nimbus-grey {background-color: #6e6e6e;border:1px solid black;}
.nocturne-grey-matte{background-color: #616161;border:1px solid black;}
.non-metallic {background-color:#c2c2c2;border:1px solid black;}
.northern-white-pearl{background-color: #ddded9;border:1px solid black;}
.obsession-blue {background-color: #00b7d3;border:1px solid black;}
.obsession-blue-black-roof {background:linear-gradient(134deg, #00b7d3 0%, #00b7d3 50%, #303030 50%, #303030 100%);border:1px solid black;}
.obsession-blue-nera-black {background:linear-gradient(134deg, #00b7d3 0%, #00b7d3 50%, #303030 50%, #303030 100%);border:1px solid black;}
.ocean-blue{background-color: #0073e6;border:1px solid black;}
.okenite-white {background-color: #e0ecfc;border:1px solid black;}
.okenite-white-black-roof {background:linear-gradient(134deg, #e0ecfc 0%, #e0ecfc 50%, #303030 50%, #303030 100%);border:1px solid black;}
.okenite-white-nera-black {background:linear-gradient(134deg, #e0ecfc 0%, #e0ecfc 50%, #303030 50%, #303030 100%);border:1px solid black;}
.olbia-blue {background-color: #def3f6;border:1px solid black;}
.olbia-blue-black-roof {background:linear-gradient(134deg, #def3f6 0%, #def3f6 50%, #191919 50%, #191919 100%);border:1px solid black;}
.olivine-green {background-color: #203c0b;border:1px solid black;}
.olivine-grey{background-color: #62665F;border:1px solid black;}
.opera-black{background-color: #333333;border:1px solid black;}
.orange-fusion {background-color: #b24724;border:1px solid black;}
.oxide-bronze {background-color:#72705d;border:1px solid black;}
.pearl-black {background-color: #303030;border:1px solid black;}
.pearl-black-blade-silver {background:linear-gradient(134deg, #303030 0%, #303030 50%, #bec0c4 50%, #bec0c4 100%);border:1px solid black;}
.pearl-black-fuji-sunset-red {background:linear-gradient(134deg, #303030 0%, #303030 50%, #fc2e2a 50%, #fc2e2a 100%);border:1px solid black;}
.pearl-black-grey {background:linear-gradient(134deg, #bec0c4 0%, #bec0c4 50%, #303030 50%, #303030 100%);border:1px solid black;}
.pearlescent-white {background-color: #f0f0f2;border:1px solid black;}
.pearl-white {background-color: #dbdad6;border:1px solid black;}
.pearl-white-black-roof {background:linear-gradient(134deg, #dbdad6 0%, #dbdad6 50%, #303030 50%, #303030 100%);border:1px solid black;}
.pearl-white-diamond-black, .pearl-white-pearl-black {background:linear-gradient(134deg, #F6F7EB 0%, #F6F7EB 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.pearl-white-opal-white {background:linear-gradient(134deg, #ebeaed 0%, #ebeaed 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.pearl-white-nera-black {background:linear-gradient(134deg, #dbdad6 0%, #dbdad6 50%, #303030 50%, #303030 100%);border:1px solid black;}
.penta-metal { background-color:#5b5a5f;border:1px solid black;}
.pepper-red {background-color: #943444;border:1px solid black;}
.pepper-red-nera-black {background:linear-gradient(134deg, #943444 0%, #943444 50%, #191919 50%, #191919 100%);border:1px solid black;}
.perennial-grey {background-color: #6e6f73;border:1px solid black;}
.performance-blue{background-color: #93afd4;border:1px solid black;}
.perla-nera-black {background-color: #191919;border:1px solid black;}
.perla-nera-black-black-roof {background-color: #191919;border:1px solid black;}
.perla-nera-black-opal-white {background:linear-gradient(134deg, #191919 0%, #191919 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.perla-nera-black-perla-nera-black {background:linear-gradient(134deg, #000000 0%, #000000 50%, #303030 50%, #303030 100%);border:1px solid black;}
.perla-nera-black-roof {background:linear-gradient(134deg, #000000 0%, #000000 50%, #303030 50%, #303030 100%);border:1px solid black;}
.phantom-black{background-color: #010101;border:1px solid black;} 
.phantom-brown {background-color:#524740;border:1px solid black;}
.platinum-black {background-color: #000000;border:1px solid black;}
.platinum-grey {background-color:#676664;border:1px solid black;}
.platinum-grey-black-roof {background:linear-gradient(134deg, #676664 0%, #676664 50%, #303030 50%, #303030 100%);border:1px solid black;}
.platinum-grey-opal-white {background:linear-gradient(134deg, #676664 0%, #676664 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.platinum-grey-nera-black {background:linear-gradient(134deg, #676664 0%, #676664 50%, #303030 50%, #303030 100%);border:1px solid black;}
.platinum-quartz{background-color: #d4cdc4;border:1px solid black;}
.platinum-silver{background-color: #B0B2B3;border:1px solid black;}
.platinum-white {background-color:#edede1;border:1px solid black;}
.polar-white {background-color: #ffffff;border:1px solid black;}
.polar-white-black-roof {background:linear-gradient(134deg, #ffffff 0%, #ffffff 50%, #303030 50%, #303030 100%);border:1px solid black;}
.polar-white-nera-black {background:linear-gradient(134deg, #ffffff 0%, #ffffff 50%, #303030 50%, #303030 100%);border:1px solid black;}
.polar-white-opal-white {background:linear-gradient(134deg, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ffffff 100%);border:1px solid black;}
.polymetal-grey{background-color: #7a7f85;border:1px solid black;}
.premium-silver {background-color:#8a8b8f;border:1px solid black;}
.pulse-red{background-color: #c10a0a;border:1px solid black;}
.pure-white-dual-tone {background:linear-gradient(134deg, #e0e4e7 0%, #e0e4e7 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.pure-white-mineral-grey {background:linear-gradient(134deg, #e0e4e7 0%, #e0e4e7 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.rhodium-white{background-color: #a6a8a8;border:1px solid black;}
.rich-oak {background-color: #4c433e;border:1px solid black;}
.runway-red {background-color: #930a1c;border:1px solid black;}
.savannah-ivory-cosmic-black {background:linear-gradient(134deg, #c5bfad 0%, #c5bfad 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.selenium-grey {background-color: #5f646a;border:1px solid black;}
.selenium-grey-black-roof {background:linear-gradient(134deg, #5f646a 0%, #5f646a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.selenium-grey-nera-black {background:linear-gradient(134deg, #5f646a 0%, #5f646a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.serenity-white-pearl{background-color: #7C7E81;border:1px solid black;}
.shadow-grey {background-color:#636363;border:1px solid black;}
.shadow-grey-diamond-black {background:linear-gradient(134deg, #636363 0%, #636363 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.shimmering-silver{background-color: #C4C1C6;border:1px solid black;}
.shiny-red {background-color: #a43a3c;border:1px solid black;}
.shooting-star-matte{background-color: #38393f;border:1px solid black;}
.signal-red {background-color: #90000a;border:1px solid black;}
.silky-bronze{background-color: #857875;border:1px solid black;}
.silky-silver {background-color: #838488;border:1px solid black;}
.silver-grey {background-color:#c4c0c0;border:1px solid black;}
.silver-metallic {background-color:#bfbdb6;border:1px solid black;}
.silver-multitone{background-color: #F3F2EA;border:1px solid black;}
.slate-blue{background-color: #B7C5CC;border:1px solid black;}
.slate-grey {background-color:#646464;border:1px solid black;}
.sleek-silver{background-color: #C4C1C6;border:1px solid black;}
.smokey-blue {background-color:#3a4656;border:1px solid black;}
.smokey-blue-pearl-black {background:linear-gradient(134deg, #3a4656 0%, #3a4656 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.snowflake-white-pearl, .snowflake-white{background-color: #dde1e4;border:1px solid black;}
.snow-white-pearl {background-color: #d2d5d8;border:1px solid black;}
.snow-white-pearl-steel-grey {background:linear-gradient(150deg, rgba(212,213,217,1) 55%, rgba(126,127,131,1) 70%, rgba(212,213,217,1) 100%);}
.soft-sand {background-color: #b1ada9;border:1px solid black;}
.soft-sand-black-roof {background:linear-gradient(134deg, #b1ada9 0%, #b1ada9 50%, #303030 50%, #303030 100%);border:1px solid black;}
.soft-sand-opal-white {background:linear-gradient(134deg, #b1ada9 0%, #b1ada9 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.soft-sand-nera-black {background:linear-gradient(134deg, #b1ada9 0%, #b1ada9 50%, #303030 50%, #303030 100%);border:1px solid black;}
.solar-yellow-cosmic-black {background:linear-gradient(134deg, #ecb535 0%, #ecb535 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.solid-white {background-color:#f8f8f8;border:1px solid black;}
.sonic-silver{background-color: #cccfd4;border:1px solid black;}
.soul-red {background-color: #d02324;border:1px solid black;}
.soul-red-crystal{background-color: #d02324;border:1px solid black;}
.soul-red-crystal-multitone{background-color: #d02324;border:1px solid black;}
.soul-red-multitone {background:linear-gradient(134deg, #920F2E 0%, #920F2E 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.sparkling-silver {background-color: #b3b4b8;border:1px solid black;}
.speedy-blue {background-color:#29588e;border:1px solid black;}
.speedy-blue-super-black {background:linear-gradient(134deg, #29588e 0%, #29588e 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.sphere-blue {background-color:#122745;border:1px solid black;}
.sphere-blue-cosmic-black {background:linear-gradient(134deg, #122745 0%, #122745 50%, #303030 50%, #303030 100%);border:1px solid black;}
.sporty-blue {background-color: #346394;border:1px solid black;}
.spring-blue {background-color: #5b97a0;border:1px solid black;}
.spring-blue-black-roof {background:linear-gradient(134deg, #5b97a0 0%, #5b97a0 50%, #303030 50%, #303030 100%);border:1px solid black;}
.spring-blue-opal-white {background:linear-gradient(134deg, #5b97a0 0%, #5b97a0 50%, #d5d7d4 50%, #d5d7d4 100%);border:1px solid black;}
.spring-blue-nera-black {background:linear-gradient(134deg, #5b97a0 0%, #5b97a0 50%, #303030 50%, #303030 100%);border:1px solid black;}
.star-dust{background-color: #323338;border:1px solid black;}
.star-silver {background-color:#9c9c9c;border:1px solid black;}
.steel-grey {background-color: #7e7f83;border:1px solid black;}
.stellar-blue{background-color: #364759;border:1px solid black;}
.storm-white {background-color: #f6f3f0;border:1px solid black;}
.storm-white-metallic-black, .storm-white-pearl-black {background:linear-gradient(134deg, #f6f3f0 0%, #f6f3f0 50%, #303030 50%, #303030 100%);border:1px solid black;}
.stormy-silver{background-color: #b6b5bb;border:1px solid black;}
.sunset-red{background-color: #88021A;border:1px solid black;}
.super-black {background-color:#1F1F1E;border:1px solid black;}
.super-white {background-color:#ebebeb;border:1px solid black;}
.surfey-blue{background-color: #0073e6;border:1px solid black;}
.suzuki-white {background-color:#edede1;border:1px solid black;}
.szzuro-blue {background-color: #a2bac6;border:1px solid black;}
.szzuro-blue-black-roof {background:linear-gradient(134deg, #a2bac6 0%, #a2bac6 50%, #303030 50%, #303030 100%);border:1px solid black;}
.szzuro-blue-nera-black {background:linear-gradient(134deg, #a2bac6 0%, #a2bac6 50%, #303030 50%, #303030 100%);border:1px solid black;}
.teal{background-color: #3F4752;border:1px solid black;}
.teal-green{background-color: #076074;border:1px solid black;}
.terracotta-bronze {background-color:#8e5237;border:1px solid black;}
.thunder-grey {background-color: #61646d;border:1px solid black;}
.thunder-grey-black-roof {background:linear-gradient(134deg, #61646d 0%, #61646d 50%, #303030 50%, #303030 100%);border:1px solid black;}
.thunder-grey-nera-black {background:linear-gradient(134deg, #61646d 0%, #61646d 50%, #303030 50%, #303030 100%);border:1px solid black;}
.titan-dark-grey {background-color:#424443;border:1px solid black;}
.titane-grey {background-color: #74767f;border:1px solid black;}
.titanium-flash{background-color: #534a42;border:1px solid black;}
.tomato-red{background-color: #B60000;border:1px solid black;}
.tough-khaki {background-color:#93966d;border:1px solid black;}
.tough-khaki-dual-tone {background:linear-gradient(134deg, #93966d 0%, #93966d 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}
.transmission-blue-pearl{background-color: #8c9ba0;border:1px solid black;}
.typhoon-silver{background-color: #c1c7c4;border:1px solid black;}
.ultimate-red-metallic{background-color: #a90202;border:1px solid black;}
.universal-white {background-color:#EBEEF7;border:1px solid black;}
.urban-grey {background-color:#4A4E4A;border:1px solid black;}
.valencia-orange {background-color:#D87A00;border:1px solid black;}
.vertigo-blue {background-color: #0c9cfe;border:1px solid black;}
.vertigo-blue-black-roof {background:linear-gradient(134deg, #0c9cfe 0%, #0c9cfe 50%, #303030 50%, #303030 100%);border:1px solid black;}
.vertigo-blue-nera-black {background:linear-gradient(134deg, #0c9cfe 0%, #0c9cfe 50%, #303030 50%, #303030 100%);border:1px solid black;}
.volcano-orange{background-color: #b24724;border:1px solid black;}
.volga-blue {background-color:#182243;border:1px solid black;}
.voltaic-blue {background-color: #4f549f;border:1px solid black;}
.voltaic-blue-nera-black {background:linear-gradient(134deg, #4f549f 0%, #4f549f 50%, #191919 50%, #191919 100%);border:1px solid black;}
.warm-silver {background-color:#b5b1ab;border:1px solid black;}
.warm-silver-pearl-black {background:linear-gradient(134deg, #b5b1ab 0%, #b5b1ab 50%, #303030 50%, #303030 100%);border:1px solid black;}
.white-pearl-pearl-black {background:linear-gradient(134deg, #e2e6e0 0%, #e2e6e0 50%, #303030 50%, #303030 100%);border:1px solid black;}
.yacht-blue {background-color: #2b3769;border:1px solid black;}
.yuka-steel-grey {background-color:#465056;border:1px solid black;}
.zanzibar-blue {background-color:#2D6BA1;border:1px solid black;}
.zircon-sand{background-color: #8a8373;border:1px solid black;}
.zircon-sand-multitone {background:linear-gradient(134deg, #8a8373 0%, #8a8373 50%, #1F1F1E 50%, #1F1F1E 100%);border:1px solid black;}

.metallic-silver {background-color:#9c9ea2;border:1px solid black;}
.metallic-grey {background-color:#595959;border:1px solid black;}
.deep-ocean {background-color:#004747;border:1px solid black;}
.black-fuji-sunset-red {background:linear-gradient(134deg, #fc2e2a 0%, #fc2e2a 50%, #303030 50%, #303030 100%);border:1px solid black;}
.black-pearl-white {background:linear-gradient(134deg, #dbdad6 0%, #dbdad6 50%, #303030 50%, #303030 100%);border:1px solid black;}
.black-deep-ocean {background:linear-gradient(134deg, #004747 0%, #004747 50%, #303030 50%, #303030 100%);border:1px solid black;}
.black-ceramic-grey {background:linear-gradient(134deg, #6c737a 0%, #6c737a 50%, #303030 50%, #303030 100%);border:1px solid black;}

.deep-black{background-color: #1a2029;border:1px solid black;}
.kings-red{background-color: #7d1c33;border:1px solid black;}
.reef-blue{background-color: #354071;border:1px solid black;}
.reflex-silver{background-color: #898f98;border:1px solid black;}
.smoke-grey{background-color: #636471;border:1px solid black;}
.vibrant-violet{background-color: #383963;border:1px solid black;}
.ascot-grey{background-color: #9c9e99;border:1px solid black;}
.kings-red-metallic-black{background:linear-gradient(134deg, #7d1c33 0%, #7d1c33 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.reef-blue-metallic-black{background:linear-gradient(134deg, #354071 0%, #354071 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.reflex-silver-metallic-black{background:linear-gradient(134deg, #898f98 0%, #898f98 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.smoke-grey-black{background:linear-gradient(134deg, #636471 0%, #636471 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.pure-white-black{background:linear-gradient(134deg, #a9acaf 0%, #a9acaf 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}

.anemone-blue{background-color: #536388;border:1px solid black;}
.crystal-ice-blue{background-color: #98a6b3;border:1px solid black;}
.dolphin-grey{background-color: #57585c;border:1px solid black;}
.grenadila-black, .grenadil-black, .grenadilla-black, .grenadill-black {background-color: #0a0f1a;border:1px solid black;}
.lapiz-blue{background-color: #2b2c75;border:1px solid black;}
.oyster-silver{background-color: #afb3ba;border:1px solid black;}
.oryx-white{background-color: #d4d4d4;border:1px solid black;}
.moonstone-grey{background-color: #434348;border:1px solid black;}
.urano-grey {background-color: #404143;border:1px solid black;}
.lapiz-blue-black-roof {background:linear-gradient(134deg, #2b2c75 0%, #2b2c75 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}

.mythos-black {background-color: #0a0f1a;border:1px solid black;}
.costa-azul {background-color: #67829d;border:1px solid black;}
.dark-olivine-green {background-color: #787968;border:1px solid black;}
.scale-silver {background-color: #959ba4;border:1px solid black;}

.blue-dusk-black-roof {background:linear-gradient(134deg, #202755 0%, #202755 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.costa-azul-black-roof {background:linear-gradient(134deg, #67829d 0%, #67829d 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.glacier-white-black-roof {background:linear-gradient(134deg, #DAD8D0 0%, #DAD8D0 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.kings-red-black-roof {background:linear-gradient(134deg, #7d1c33 0%, #7d1c33 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.scale-silver-black-roof {background:linear-gradient(134deg, #959ba4 0%, #959ba4 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.blue-dusk {background-color: #202755;border:1px solid black;}
.moonstone-grey-black-roof {background:linear-gradient(134deg, #434348 0%, #434348 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}

.clear-blue {background-color: #7685ac;border:1px solid black;}
.grape-yellow {background-color: #c9c33e;border:1px solid black;}

.visual-green {background-color: #575f33;border:1px solid black;}

.indium-grey {background-color: #68696a;border:1px solid black;}
.petroleum-blue {background-color: #61686b;border:1px solid black;}
.pyrite-silver {background-color: #aaaab2;border:1px solid black;}
.ravenna-blue {background-color: #354f82;border:1px solid black;}
.indium-grey-black-roof {background:linear-gradient(134deg, #68696a 0%, #68696a 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.petroleum-blue-black-roof {background:linear-gradient(134deg, #61686b 0%, #61686b 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.pyrite-silver-black-roof {background:linear-gradient(134deg, #aaaab2 0%, #aaaab2 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.ravenna-blue-black-roof {background:linear-gradient(134deg, #354f82 0%, #354f82 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.ascot-grey-black-roof {background:linear-gradient(134deg, #9c9e99 0%, #9c9e99 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.pure-white-black-roof {background:linear-gradient(134deg, #d4d4d4 0%, #d4d4d4 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.indium-grey-white-roof {background:linear-gradient(134deg, #68696a 0%, #68696a 50%, #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}
.petroleum-blue-white-roof {background:linear-gradient(134deg, #61686b 0%, #61686b 50%, #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}
.pyrite-silver-white-roof {background:linear-gradient(134deg, #aaaab2 0%, #aaaab2 50%, #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}
.ravenna-blue-white-roof {background:linear-gradient(134deg, #354f82 0%, #354f82 50%, #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}
.ascot-grey-white-roof {background:linear-gradient(134deg, #9c9e99 0%, #9c9e99 50%, #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}
.deep-black-indium-grey-roof {background:linear-gradient(134deg, #1a2029 0%, #1a2029 50%, #68696a 50%, #68696a 100%);border:1px solid black;}
.deep-black-white-roof {background:linear-gradient(134deg, #1a2029 0%, #1a2029 50%,  #d4d4d4 50%, #d4d4d4 100%);border:1px solid black;}

.cipressino-green {background-color: #4f5648;border:1px solid black;}
.nightshade-blue {background-color: #427489;border:1px solid black;}
.persimmon-red {background-color: #a94345;border:1px solid black;}

.ultraviolet {background-color: #3a2e43;border:1px solid black;}

.meloe-blue {background-color: #203152;border:1px solid black;}
.chilli-red {background-color: #a63140;border:1px solid black;}
.sechura-beige {background-color: #c3c0b8;border:1px solid black;}
.tamarind-brown {background-color: #2e2d2f;border:1px solid black;}
.silicon-grey {background-color: #42484b;border:1px solid black;}
.silicon-grey-matte {background-color: #42484b;border:1px solid black;}

.aquamarine-blue {background-color: #415365;border:1px solid black;}
.stonewashed-blue {background-color: #52697e;border:1px solid black;}
.aquamarine-blue-black-roof {background:linear-gradient(134deg, #415365 0%, #415365 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}
.stonewashed-blue-black-roof {background:linear-gradient(134deg, #52697e 0%, #52697e 50%, #1a2029 50%, #1a2029 100%);border:1px solid black;}

/************** Configurator Colours ************/

.abyss-black{background-color: #161616;}
.alice-blue{background-color: #7995b8;}
.amazon-grey{background-color: #4A4A4A;}
.aqua-turquoise{background-color: #00637c;}
.arctic-white{background-color: #d5d5d5;}
.astro-grey {background-color: #767676;}
.atlas-white{background-color: #d1d2d4;}
.aurora-black{background-color: #0e0f11;}
.aurora-grey{background-color: #30363e;}
.blue-flame {background-color: #54749b;}
.blue-reflex{background-color: #74889e;}
.black-pearl {background-color: #333438;}
.brass{background-color: #808080;}
.brilliant-blue{background-color: #0f52a2;}
.ceramic-metallic{background-color: #cdcdcd;}
.ceramic-metallic-multitone{background-color: #cdcdcd;}
.champion-blue{background-color: #294993;}
.charcoal-grey {background-color: #767676;}
.cosmic-silver {background-color: #838488;}
.cyber-grey{background-color: #a6a8a8;}
.dark-knight{background-color: #5e5e66;}
.deep-crimson{background-color: #56252b;}
.deep-crystal-blue{background-color: #364759;}
.dive-in-blue{background-color: #50a0ef;} 
.dragon-red{background-color: #901216;}
.dynamic-red{background-color: #b72128;}
.electric-blue{background-color: #658ab6;}
.elemental-brass{background-color: #808080;}
.engine-red{background-color: #C50000;}
.eternal-blue{background-color: #658ab6;}
.formal-red{background-color: #b72128;}
.galactic-grey{background-color: #686b6d;} 
.glacier-white{background-color: #f1f1f1;}
.gravity-gold-matte{background-color: #b2b3b3;}
.ignite-flame{background-color: #e71616;}
.intense-blue{background-color: #0f2697;}
.jet-black{background-color: #303030;}
.jungle-green{background-color: #72897d;}
.lagoon-blue{background-color: #193E64;}
.lead-grey{background-color: #8f9299;}
.lucid-blue{background-color: #68839b;}
.lunar-white{background-color: #d0cfcd;}
.machine-grey{background-color: #b5b9bb;}
.magnetic-force{background-color: #4E5862;}
.mangrove-green{background-color: #43a880;}
.monument-bronze{background-color: #beb595;}
.monument-silver{background-color: #6f6e73;}
.mystic-olive{background-color: #716462;}
.northern-white-pearl{background-color: #ddded9;}
.ocean-blue{background-color: #0073e6;}
.olivine-grey{background-color: #62665F;}
.opera-black{background-color: #333333;}
.performance-blue{background-color: #93afd4;}
.phantom-black{background-color: #010101;} 
.platinum-silver{background-color: #B0B2B3;}
.platinum-quartz{background-color: #d4cdc4;}
.polar-white{background-color: #F3F2EA;}
.polymetal-grey{background-color: #7a7f85;}
.pulse-red{background-color: #c10a0a;}
.rhodium-white{background-color: #a6a8a8;}
.shadow-grey{background-color: #7C7E81;}
.shimmering-silver{background-color: #C4C1C6;}
.shooting-star-matte{background-color: #38393f;}
.silky-bronze{background-color: #857875;}
.silver-multitone{background-color: #F3F2EA;}
.slate-blue{background-color: #B7C5CC;}
.sleek-silver{background-color: #C4C1C6;}
.snowflake-white-pearl{background-color: #dde1e4;}
.sonic-silver{background-color: #cccfd4;}
.soul-red-crystal{background-color: #d02324;}
.soul-red-crystal-multitone{background-color: #d02324;}
.star-dust{background-color: #323338;}
.stormy-silver{background-color: #b6b5bb;}
.stellar-blue{background-color: #364759;}
.sunset-red{background-color: #88021A;}
.surfey-blue{background-color: #0073e6;}
.teal{background-color: #3F4752;}
.teal-green{background-color: #076074;}
.titanium-flash{background-color: #534a42;}
.tomato-red{background-color: #B60000;}
.typhoon-silver{background-color: #c1c7c4;}
.urban-grey{background-color: #2a2b2f;}
.volcano-orange{background-color: #b24724;}
.zircon-sand{background-color: #8a8373;}
.zircon-sand-multitone{background-color: #8a8373;}
.casa-white {background-color: #d1d7da;}
.cityscape-green {background-color: #353a33;}
.clear-white {background-color: #dadada;}
.deluxe-white{background-color: #d0d1d5;}
.experience-green {background-color:#556351;}
.infra-red {background-color: #681114;}
.interstellar-grey {background-color: #2a2b2f;}
.gravity-blue {background-color: #101f32;}
.lunar-silver {background-color: #88898e;}
.machined-bronze {background-color:#674d38;}
.mineral-blue {background-color: #3b4f6a;}
.mineral-blue-aurora-black {background:linear-gradient(150deg, rgba(59,79,106,1) 55%, rgba(14,15,17,1) 70%, rgba(59,79,106,1) 100%);}
.orange-fusion {background-color: #b24724;}
.penta-metal {background-color: #5b5a5f;}
.perennial-grey {background-color: #6e6f73;}
.runway-red {background-color: #930a1c;}
.shiny-red {background-color: #a43a3c;}
.signal-red {background-color: #90000a;}
.silky-silver {background-color: #838488;}
.smokey-blue {background-color: #3a4656;}
.snow-white-pearl {background-color: #d2d5d8;}
.snow-white-pearl-steel-grey {background:linear-gradient(150deg, rgba(212,213,217,1) 55%, rgba(126,127,131,1) 70%, rgba(212,213,217,1) 100%);}
.sparkling-silver {background-color: #b3b4b8;}
.sporty-blue {background-color: #346394;}
.steel-grey {background-color: #7e7f83;}
.yacht-blue {background-color: #2b3769;}
.yuka-steel-grey {background-color:#465056;}

/* New VW Configurator Colors */
.canary-yellow {
    background-color: #DDAF5D;
}
.pure-white {
    background-color: #EDE9E8;
}
.canary-yellow-black-roof {
    background: linear-gradient(134deg, #DDAF5D 0%, #DDAF5D 50%, #1a2029 50%, #1a2029 100%);
}
.pure-white-black-roof {
    background: linear-gradient(134deg, #EDE9E8 0%, #EDE9E8 50%, #1a2029 50%, #1a2029 100%);
}
.celestial-blue-metallic {
    background-color: #415F9B;
}
.celestial-blue-metallic-black-roof {
    background: linear-gradient(134deg, #415F9B 0%, #415F9B 50%, #1a2029 50%, #1a2029 100%);
}
.flame-red-metallic {
    background-color: #B64C45;
}
.flame-red-metallic-black-roof {
    background: linear-gradient(134deg, #B64C45 0%, #B64C45 50%, #1a2029 50%, #1a2029 100%);
}
.grenadilla-black-metallic {
    background-color: #172031;
}
.wolf-grey-metallic {
    background-color: #7C7479;
}
.wolf-grey-metallic-black-roof {
    background: linear-gradient(134deg, #7C7479 0%, #7C7479 50%, #1a2029 50%, #1a2029 100%);
}