/* Start:/local/components/carville/cars.select.form/templates/.default/style.css?17766844285633*/
.select-form {
    position: relative
}

.select-form--loader {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.select-form--loader i {
    position: absolute;
    background-color: #ff6e00;
    padding: 5px 10px;
    top: 50%;
    left: calc(50% - 110px)
}

.select-form--step {
    margin-bottom: 20px
}

.select-form--step .title {
    font-size: .875rem;
    display: block;
    margin-bottom: 10px
}

.select-form--step .box {
    display: flex;
    flex-direction: column
}

.select-form--step .box--left {
    order: 2
}

.select-form--step .box--left p {
    color: #8b8d8e;
    font-size: .75rem;
    margin-top: 0;
    margin-bottom: 15px
}

.select-form--step .box--left .field {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.select-form--step .box--left .field--content {
    width: calc(100% - 40px)
}

.select-form--step .box--left .field--content .cars input[type="radio"] {
    display: none
}

.select-form--step .box--left .field--content .cars input[type="radio"] + label {
    margin-right: 15px;
    cursor: pointer
}

.select-form--step .box--left .field--content .cars input[type="radio"]:checked + label #svg-passenger, .select-form--step .box--left .field--content .cars input[type="radio"]:checked + label #svg-truck {
    fill: #ff6e00
}

.select-form--step .box--left .field--content .cars #type-car-text {
    color: #ff6e00;
    font-size: .875rem;
    font-weight: 700
}

.select-form--step .box--left .field--content select, .select-form--step .box--left .field--content input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 10px;
    border: 1px solid #979797;
    background-color: #fff;
    border-radius: 0
}

.select-form--step .box--left .field--content select:disabled, .select-form--step .box--left .field--content input[type="text"]:disabled {
    background-color: #dedede;
    cursor: default
}
/*
.select-form--step .box--left .field--content select {
    text-transform: uppercase
}
*/
.select-form--step .box--left .field--content.br {
    position: relative
}

.select-form--step .box--left .field--content.br .js-search-results {
    width: 100%;
    max-height: 300px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    position: absolute;
    overflow: auto;
    z-index: 9
}

.select-form--step .box--left .field--content.br .js-search-results a {
    display: block;
    border: 0
}

.select-form--step .box--left .field--content.br .js-search-results a:not(:last-child) {
    margin-bottom: 5px
}

.select-form--step .box--left .field--content.br::after {
    position: absolute;
    width: 16px;
    height: 17px;
    content: "";
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI0OCIgdmlld0JveD0iMCAwIDQ4IDQ4IiB3aWR0aD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDIwbDEwIDEwIDEwLTEweiIvPjxwYXRoIGQ9Ik0wIDBoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==) center/cover no-repeat;
    right: 0;
    top: 10px;
    pointer-events: none
}

.select-form--step .box--left .field--check {
    width: 40px;
    min-width: 40px;
    height: 40px
}

.select-form--step .box--left .field--check.active {
    position: relative
}

.select-form--step .box--left .field--check.active::after {
    content: '';
    width: 18px;
    min-width: 18px;
    height: 14px;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCI+PGRlZnM+PHBhdGggaWQ9Im56cGxhIiBkPSJNMTA2NSA2ODNsLTcuMDU4IDctMy45NDItMy45MSIvPjwvZGVmcz48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1MyAtNjgyKSI+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iI2YxNWEyNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiBzdHJva2Utd2lkdGg9IjMiIHhsaW5rOmhyZWY9IiNuenBsYSIvPjwvZz48L2c+PC9zdmc+") center/cover no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -7px
}

.select-form--step .box--right {
    color: #8b8d8e;
    font-size: .75rem;
    order: 1;
    margin-bottom: 15px
}

.select-form--step table#Mods {
    max-width: 800px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 15px
}

.select-form--step table#Mods thead tr th {
    font-size: .75rem;
    text-align: left
}

.select-form--step table#Mods thead tr th:first-child {
    width: 60%
}

.select-form--step table#Mods thead tr th:last-child {
    width: 40%;
    text-align: right
}

.select-form--step table#Mods tbody tr td {
    font-size: .875rem;
    padding: 10px 5px
}

.select-form--step table#Mods tbody tr td:last-child {
    text-align: center
}

.select-form hr {
    border: 0;
    height: 1px;
    background-color: #dedede
}

@media all and (min-width: 640px) {
    .select-form--step .box {
        flex-direction: row
    }

    .select-form--step .box--left {
        width: 100%;
        order: 1
    }

    .select-form--step .box--right {
        width: 280px;
        min-width: 280px;
        margin-left: 40px;
        margin-bottom: 0;
        order: 2
    }
}

@media all and (min-width: 1000px) {
    .select-form--step .box--right {
        margin-left: 80px
    }
}

.select-form--step .box--left .field--content.br .js-search-results .top-brand {
    font-weight: bold;
    color: black;
}

.select-form--step .box--left .field--content select option.op.top-brand {
    font-weight: bold;
    color: black;
}
.no-select {
    pointer-events:none;
}
/* End */


/* Start:/local/components/carville/cars.list/templates/.default/style.css?17766844282873*/
.my-auto{order:1;min-width:280px;background-color:#f8f8f8;border-top:14px solid #ff6e00;padding:0 20px 20px;box-sizing:border-box;position:relative}.my-auto p{color:#8b8d8e;font-size:.75rem}.my-auto h5{margin-top:0;margin-bottom:10px}.my-auto hr{border:0;height:1px;background:#dedede}.my-auto label.checkbox{display:flex;align-items:center;cursor:pointer}.my-auto label.checkbox input{display:none}.my-auto label.checkbox input+b{width:17px;min-width:17px;height:17px;display:inline-block;background-color:#d8d8d8;border:1px solid #979797;margin-right:10px}.my-auto label.checkbox input:checked+b{position:relative;background-color:#f8f8f8}.my-auto label.checkbox input:checked+b::before{content:'';width:14px;min-width:14px;height:11px;background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTMiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMyAxMCI+PGRlZnM+PHBhdGggaWQ9Im56cGxhIiBkPSJNMTA2NSA2ODNsLTcuMDU4IDctMy45NDItMy45MSIvPjwvZGVmcz48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1MyAtNjgyKSI+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iI2YxNWEyNCIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiBzdHJva2Utd2lkdGg9IjMiIHhsaW5rOmhyZWY9IiNuenBsYSIvPjwvZz48L2c+PC9zdmc+") center/cover no-repeat;position:absolute;left:50%;margin-left:-7px;top:20%}.my-auto .toggleUl+label{position:relative}.my-auto .toggleUl+label::after{content:'';border:4px solid transparent;border-top:4px solid #000;position:absolute;top:50%;margin:-3px 0 0 7px}.my-auto .toggleUl ~ ul{display:none}.my-auto .toggleUl:checked+label::after{border:4px solid transparent;border-bottom:4px solid #000;margin:-8px 0 0 7px}.my-auto .toggleUl:checked ~ ul{display:block}.my-auto ul .h4,.my-auto ul .h5{margin:0}.my-auto ul .h4:hover,.my-auto ul .h5:hover{color:#ff6e00}.my-auto ul.types h3{margin-bottom:5px}.my-auto ul.brands{margin-left:7px}.my-auto ul.brands>li{border-bottom:1px solid #dedede;margin-bottom:6px}.my-auto ul.brands .h4{margin-bottom:5px}.my-auto ul.models{margin-left:10px;margin-bottom:15px}.my-auto ul.models>li:not(:last-child){margin-bottom:10px;border-bottom:1px solid #dedede;padding-bottom:5px}.my-auto ul.models>li label.checkbox{display:inline;vertical-align:sub;float:left}.my-auto ul.models>li label.checkbox input+b{margin-right:5px}.my-auto ul.modifications{margin-left:20px}.my-auto ul.modifications li p{display:flex;align-items:center;margin:5px 0}.my-auto ul.modifications li p .delete{margin-left:15px}.my-auto .stretch{margin-bottom:25px}.my-auto #clear-my-auto{display:inline-flex;align-items:center;cursor:pointer;margin:20px 0 0}.my-auto #clear-my-auto button{margin-right:7px}.my-auto .flag{position:absolute;width:39px;height:43px;background:url(/includes/svg/car_icon.svg) bottom/cover no-repeat;top:-10px;right:0px}@media all and (min-width: 900px){.my-auto{max-width:280px}}

/* End */
/* /local/components/carville/cars.select.form/templates/.default/style.css?17766844285633 */
/* /local/components/carville/cars.list/templates/.default/style.css?17766844282873 */