/*#ff0000, #222222*/
.config-select {
    padding-bottom: 43px;
}

.config-select__sub-title {
    margin-bottom: 30px;
}

.lineup__model .card {
    border: none;
    transition: .2s ease;
    margin: 10px;
}


.lineup__model .card:hover {
    box-shadow: 0 0 13px -7px #000000;
}

.lineup__model .card:hover .lineup__name {
    color: #FF0000
}

.lineup__model * {
    color: #222222;
    transition: .2s ease
}

.lineup__model *:hover {
    text-decoration: none;
}

.icomoon-slider-prev, .icomoon-slider-next {
    background-image: url(../../img/lexus/slider-arrow_blue.svg);
}

.car-config__tab.active, .car-config__tab:hover {
    color: #222222;
    background-color: #fff;
    -webkit-box-shadow: 0 -12px 0 -10px #ff0000 inset;
    box-shadow: inset 0 -12px 0 -10px #ff0000;
}

.box_hovered:hover, .config-select__title span::after, .config-slider .slick-dots li {
    border-color: #FF0000
}

.color__name #colorPrice, .form__title span,
.config-select__car:hover .lineup__name, .car-config__car-info b,
.pop-up__body-text > span, .config-pop__card-left span, .config-pop__card-price {
    color: #222222
}

.box__select .selected {
    color: #fff
}

.box__price b {
    color: #FF0000;
}

.box__select [type=checkbox]:checked + label, .box__select [type=radio]:checked + label,
.form__radio-box [type=checkbox]:checked + label, .form__radio-box [type=radio]:checked + label,
.form__radio-box label:hover, .icomoon-slider-next:hover, .box__select .selected {
    background-color: #222222
}

.loan__ranger::-webkit-slider-thumb {
    background-color: #ff0000;
}

.loan__ranger::-moz-range-thumb {
    background-color: #ff0000;
}

.loan__ranger::-ms-thumb {
    background-color: #ff0000;
}

.color__var [type=radio]:checked + label {
    -webkit-box-shadow: 0 0 0 2px #222222 inset;
    box-shadow: inset 0 0 0 2px #222222;
}

.loan__ranger::-webkit-slider-runnable-track {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger::-moz-range-track {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger::-ms-fill-upper {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger:focus::-ms-fill-lower {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger:focus::-webkit-slider-runnable-track {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger:focus::-ms-fill-upper {
    background-color: rgba(34, 34, 34, 0.78)
}

.loan__ranger::-ms-fill-lower {
    background-color: rgba(34, 34, 34, 0.78)
}

.config-slider .slick-dots li.slick-active, .form__options [type=checkbox]:checked + label:before,
.form__radio-inline [type=radio]:checked + label:after {
    background-color: #ff0000;
    border-color: #ff0000;
}

@media (max-width: 768px) {
    .form__options [type=checkbox]:checked + label:after {
        background-color: #ff0000;
        border-color: #ff0000;
    }
}

.btn-brand-mode {
    background-color: #222222;
    border-color: #222222;
    color: #fff;
    border-radius: 3px;
    transition: .3s ease-out;
}

.btn-brand-mode:hover {
    background-color: transparent;
    color: #222222;
}

.btn-brand-transparent {
    background-color: transparent !important;
    color: #222222 !important;
}

.btn-brand-transparent:hover {
    background-color: #222222 !important;
    color: #fff !important;
}

.car-config__step-tabs .nav-link {
    position: relative;
    color: #7E7E7E;
    font-weight: bold;
    text-transform: uppercase;
    transition: .5s ease;
}

.car-config__step-tabs .nav-link:hover, .car-config__step-tabs .nav-link.active {
    color: #000
}

.car-config__step-tabs .nav-link:after {
    content: "";
    width: 100%;
    height: .15em;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: transparent;
    -webkit-transition: .2s ease;
    transition: .2s ease;
}

.car-config__step-tabs .nav-link.active:after, .car-config__step-tabs .nav-item:hover .nav-link:after {
    background: #495057;
}

/**/

.btn-outline-secondary:hover, .btn-outline-secondary.active {
    background-color: rgba(69, 137, 206, 0.15) !important;
    color: #ff0000 !important
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(69, 137, 206, 0.15) !important;
}


.box__select label {
    border: 1px solid #ff0000;
}

.car-config__modif-icon {
    color: #ffffff;
}

.item .val {
    color: #ffffff;
}

.complect__tab .name {
    color: #ffffffc2;
}

hr {
    border-top: 1px solid rgb(255 255 255 / 33%);
}

.color__name #colorName {
    color: #ffffff;
}

.color__name > span {
    color: #ffffff!important;
}

.config-select__sub-title {
    margin: 30px 0px !important;
}

.btn-brand-mode {
    background-color: transparent;
    border-color: #ff0000;
    color: #ffffff;
}

.btn-brand-transparent {
    color: #ffffff !important;
}

.form__radio-box label {
    border: 1px solid #ff0000;
}

.form__options label:before {
    border: 1px solid #fff;
}

.finish__result-price b {
    color: #fff;
}

.loan__result b {
    color: #fff;
}

body .form-control, .modal-fw-window .forms input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), .modal-fw-window .forms select, body .modal-fw.modal .form-control, body .call-wrap-form input {
    background: #ffffff;
    border: 1px solid #474747;
    border-radius: 6px;
    color: #000;
}

.config-pop__card-right span:first-child {
    color: #000000;
}

.car-config__car-name {
    color: #000000;
}

.btn-brand-mode {
    background-color: transparent;
    border-color: #ff0000;
    color: #ff0000;
}

.btn {
    min-height: 45px;
    min-width: 45px;
    padding: 5px 20px 4px;
}

.config-go__back-btn {
    color: rgb(255 255 255);
    margin: 10px 0px;
}

.config-go__back-btn:hover {
    color: rgb(255 255 255 / 75%);
    text-decoration: none;
}

.form__title span {
    color: #ffffff;
}