/*CHOOSE CAR FIRST STEEP*/
.calculation-valuation-row-car{
    margin-bottom: 30px;
}
.calculation-valuation-select-car{
    padding: 25px 25px 28px;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
}
.calculation-valuation-select-car:hover {
    cursor: pointer;
}
.calculation-valuation-select-car-img{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    width: 100%;
    max-width: 220px;
    height: 156px;
    overflow: hidden;
}
.calculation-valuation-select-car-img img{
    max-width: 100%;
}
.calculation-valuation-select-car-name{
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #343434;
}

.calc-val-selected-item{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-left: 6px;
    margin-right: 6px;
}
.calc-val-selected-item:hover{
    cursor: pointer;
}

.calculation-valuation-row-year{
    margin-bottom: 30px;
}
.calculation-valuation-sel-year {
    display: flex;
    flex-wrap: wrap;
}
.calculation-valuation-year-btn {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
    padding: 8px 0;
    background: transparent;
    flex-basis: 79px;
    min-width: 79px;
    margin-right: 17px;
    margin-bottom: 20px;
    cursor: pointer;
}
.calculation-valuation-year-btn:focus {
    outline: none;
    box-shadow: none;
}
.calculation-valuation-year-btn:hover, .calculation-valuation-year-btn.active {
    color: #fff;
}
.calculation-valuation-row-modification {
    margin-bottom: 30px;
}
.calc-val-modification-item{
    padding: 25px 17px 10px;
    border: 1px solid #DFDFDF;
    border-radius: 10px;
}
.calc-val-modification-item:hover{
    cursor: pointer;
}
.calc-val-modification-line{
    display: flex;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #343434;
    height: 24px;
    overflow: hidden;
}

.calc-val-millege{
    flex-basis: 92px;
    min-width: 92px;
}
.calculation-valuation-row-modification .mobile-scroll,
.calculation-valuation-row-car .mobile-scroll{
    display: flex;
    flex-wrap: wrap;
}
.calculation-valuation-select-car {
    flex-basis: 24%;
    max-width: 270px;
}
.calc-val-modification-item {
    flex-basis: 33%;
    max-width: 365px;
}
.calculation-valuation-select-car, .calc-val-modification-item {
    margin-right: 20px;
    margin-bottom: 20px;
}
.calculation-valuation-row-modification .mobile-scroll, .calculation-valuation-row-car .mobile-scroll{
    margin-right: 0px;
}
@media (min-width: 992px) {
    .calculation-valuation-select-car:nth-child(4n+4) {
        margin-right: 0;
    }
    .calc-val-modification-item:nth-child(3n+3) {
        margin-right: 0;
    }
}
@media (min-width: 1200px) {
    /*.calculation-valuation-year-btn:nth-child(12) {*/
        /*margin-right: 0;*/
    /*}*/
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .calculation-valuation-select-car, .calc-val-modification-item {
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .calculation-valuation-select-car {
        max-width: 221px;
    }
    .calc-val-modification-item {
        flex-basis: 33%;
        max-width: 295px;
    }
    .calculation-valuation-year-btn {
        margin-right: 14px;
    }
}
@media (max-width: 991.98px){
    .mobile-scroll {
        flex-direction: row;
        flex-wrap: nowrap!important;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .calculation-valuation-select-car {
        min-width: 270px;
        margin-bottom: 0;
    }
    .calc-val-modification-item {
        min-width: 310px;
        margin-bottom: 0;
    }
    .calculation-valuation-year-btn:nth-child(12){
        margin-right: 17px;
    }
    .calculation-valuation-year-btn {
        margin-bottom: 0px;
    }
}


.calculation-valuation{
    padding: 40px 0;
}

.calculation-valuation-label{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: #404040;
    margin-bottom: 18px;
    display: block;
}
.calculation-valuation-btn {
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 11px 0 12px;
    cursor: pointer;
}
.calculation-valuation .form-control, .calculation-valuation option {
    border: 1px solid #BFBFBF;
    border-radius: 2px;
    margin-bottom: 28px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: normal;
    color: #8C8C8C;
    text-transform: none;
    letter-spacing: 0;
    padding: 10px 22px 9px;
}
.calculation-valuation .form-control:focus{
    outline: none;
    box-shadow: none;
    border: 1px solid #000;
}
.calculation-form-table {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    padding: 10px 0 30px;
    overflow: hidden;
    /*margin-top: 48px;*/
}
.calculation-option{
    /*padding: 10px 0 9px 25px;*/
    padding: 20px 31px;

    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A9A9A9;
}
.calculation-option b, .calculation-price b{
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    /*padding-top: 8px;*/

    font-style: normal;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.03em;
    color: #343434;
}
.calculation-price{
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    text-align: right;
    /*padding: 10px 25px 9px 0px;*/
    padding: 20px 31px;
}
.calculation-order-to {
    margin-left: 25px;
}
.calculation-order-to{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    padding: 11px 0 12px;
    max-width: 236px;
    width: 100%;
    /*margin-right: 24px;*/
    display: inline-block;
    text-decoration: none;
}
.calculation-btn:before{
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACdSURBVHgBtVC7DcMgEPXDHsSjQE/DCJkk2cTJBAQxQDwCIzBCagQihyVHGMWSXeQ13L2fTqCrYK3N9Q7gLqW8rDvrTuB/ZtCdPOc8LgswNfpM2qMMfd+7IcboaZjIOP4o48Rzel0IQaAwWuuRAq+dgKNCoZR6Y2V2Al/jcmZd0QQ2xoLNb5DgU0qCxmdrPA0YY26HjIAfGGPX7hjmD5Z6RBVnl4DTAAAAAElFTkSuQmCC');
    width: 11px;
    height: 13px;
    display: inline-block;
    margin-right: 12px;
    vertical-align: sub;
}
.calculation-btn{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #8C8C8C;
    cursor: pointer;
}
.calculation-btn:hover{
    color: #8C8C8C;
}
.calculation-btn:hover, .calculation-order-to:hover{
    text-decoration: none;
}

/*TABLE calculation to*/
.reglament__to .table-responsive {
    border: 1px solid #E7E7E7;
    overflow-x: auto;
}
.reglament__to table{
    /*border: 1px solid #E7E7E7;*/
    margin-bottom: 30px;
    width: 100%;
}
.reglament__to thead th {
    min-width: 116px;
    width: 116px;
    padding: 36px 10px 23px;
}
.reglament__to .reglament__to-title {
    padding: 36px 50px 23px 32px;
}

.reglament__to .table tbody+tbody,
.reglament__to th,
.reglament__to td,
.reglament__to thead th {
    border: none;
}
.reglament__to thead th:first-child,
.reglament__to tbody td:first-child {
    min-width: 290px;
    width: 290px;
}
.reglament__to .reglament__to-variant-result {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #343434;
    padding: 20px 10px;
    text-align: center;
}
.reglament__to-title{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #343434;
}
.reglament__to-variant {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #CFCFCF;
    text-align: center;
}
.reglament__to-variant-title{
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #A9A9A9;
    text-transform: lowercase;
}
.reglament__to-variant-title:first-letter {
    text-transform: uppercase;
}
.table .reglament__to-variant-title {
    padding: 20px 31px;
}
.reglament__to tfoot .reglament__to-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    padding: 20px 10px 36px;
    text-align: center;
}
.reglament__to-btnwrap {
    margin-top: 0;
    margin-bottom: 30px;
}
.reglament__to-orderto{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 15px 38px 12px;
    border-radius: 5px;
}

.reglament__to-orderto:hover, .reglament__to-downloadbtn:hover{
    text-decoration: none;
    background: transparent;
}
.reglament__to-downloadbtn{
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #A9A9A9;
    margin-left: 32px;
}
.reglament__to-downloadbtn:before{
    content: '';
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADmSURBVHgB7ZS9DYMwEIUdiwoamCCMkBGyBqKI2AQmyAiEAiGQEMoEJBOQETICFaIB8i6SU1gGO0qb19g+332+H8mMaVSWZVfX9V7nx5leroGPEchIf5ABKM/zA/tBaZq+p8oty+rky6qq2qIofDmA7PLDjuM08D0qS5umKeOcf2DjOHq2bbew38MwfKhilKAgCC7zPCcEw9FF1g3OV9hjtqLVZgsYgbBmW5BNkIANw+DpIALUi86rFEVRvwVYlsVHxj3HJqFGylPSiR7Hz3BG/JMGsCMjIDEae8LW/4JFmd5QekRZvwCUiWuTHv9ZRwAAAABJRU5ErkJggg==');
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: text-bottom;
}
.reglament__to-downloadbtn:hover{
    color: #A9A9A9;
}
@media (max-width: 480px){
    .calculation-option {
        padding-left: 15px;
        font-size: 14px;
        line-height: 20px;
    }
    .calculation-price {
        padding-right: 15px;
        font-size: 14px;
    }
    .calculation-btn-wrap a {
        display: block;
        text-align: center;
    }
    .calculation-order-to {
        margin: 0 auto 20px;
    }
    .reglament__to thead th:first-child, .reglament__to tbody td:first-child {
        min-width: 260px;
        width: 260px;
    }
    .table .reglament__to-variant-title {
        padding: 20px 15px;
    }
    .reglament__to .reglament__to-title, .reglament__to tfoot td {
        padding: 28px 15px 23px 15px!important;
    }
    .reglament__to-btnwrap {
        flex-direction: column;
    }
    .reglament__to-btnwrap a {
        display: block;
        text-align: center;
        max-width: 300px;
        margin: 0 auto 15px;
    }
    .calculation-btn.calculation-order-to.color {
        margin: 0 auto;
        display: block;
        max-width: 268px;
    }
    .calculation-order-to {
        max-width: 268px!important;
    }
}
.calculation-btn-wrap {
    margin-top: 15px;
}
.calculation-table-bg {
    background: transparent;
}
.calculation-form-table .row:nth-child(odd) {
    background: #fff;
}
.calculation-form-table .row:nth-child(even) {
    background: #F8F8F8;
}
.reglament__to table tbody tr:nth-child(even) {
    background: #F8F8F8;
}
.reglament__to tfoot .reglament__to-title {
    padding: 20px 0px 34px 32px;
}

/*ONE COL TABLE*/
.one-col .reglament__to-variant-result,
.one-col .reglament__to-variant,
.one-col tfoot .reglament__to-price{
    width: 146px;
    float: right;
}

.one-col .reglament__to-title, .one-col
.reglament__to-variant-title{
    width: 75%;
}