:root {
  --opt-base-font-size: calc( (100vw - 300px)/(1920 - 300) * (18 - 16) + 16px);
  --opt-h2-font-size: calc( (100vw - 300px)/(1920 - 300) * (40 - 22) + 22px);
  --paramount-color: #0632ad;
  --secondary-color: #e8eaf9;
  --sale-time-color: #D8091E;
  --standard-color: #000000;
  --mt-check: 0;
}

html, body{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;  
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px; line-height: 16px; 
  min-width: 320px;
}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -safari-box-sizing: border-box; box-sizing: border-box;}
body {background: #ffffff; overflow-x: hidden;}
.bodyFx {background: #ffffff}
html.fancybox-lock {overflow: visible !important;}

mark {
    background: none;
}

ul {list-style: disc outside; margin:0;}
ul, ol {
    margin: 0 0 8px 25px;
    padding: 0;
}
.about-slider, .about_us-slider{
    max-width: calc(100vw - 20px);
    margin: auto;
    text-align: center;
 }
.tbl {display: table; width:100%; margin-bottom:20px;}
.row {display: table-row; width:100%}
.row:before, .row:after {content: ""; line-height: 0; display: table-row;}
.row:after {clear: both;}

.cel { display:table-cell; }
.cel2 { padding-left:25px;}

ul.uln { list-style:none; margin:0; padding:0; }

table {background-color: transparent; border-collapse: collapse; border-spacing: 0; width: 100%!important;}
table th, table td {border: 1px solid #dddddd; line-height: 16px; padding: 4px 5px; text-align: left; vertical-align: top;}

    table.parttbl tr td:first-child, table.parttbl tr th:first-child {color:#929292;}
table.tbl-rgt tr td:last-child { text-align:right; font-weight:bold;}

table.partgrid, table.cargrid .popup-bl { text-align:left;}
table.partgrid th, table.cargrid th, table.grid th {vertical-align:middle; border: 1px solid #dddddd;}

table.partgrid td:first-child img { width:88px; height:65px; display:block; max-width:none;}

table.partgrid button, table.cargrid button {float:left; margin-left:2px;}
table.partgrid td:last-child, table.cargrid td:last-child { min-width:160px; padding-right: 0; }
table.partgrid.api td:last-child, table.cargrid td:last-child { min-width:auto; padding-right: 0; text-align:center; min-width: 160px;}
table.partgrid.api th:last-child, table.cargrid th:last-child {text-align:center;}

table.partgrid th:last-child, table.partgrid td:last-child { text-align:center;}
table.partgrid td:last-child div, table.cargrid td:last-child div { display:inline-block; vertical-align: top; }

table.partgrid.ru td:nth-last-child(1), table.partgrid.ru td:nth-last-child(2),
table.partgrid.ru th:nth-last-child(1), table.partgrid.ru th:nth-last-child(2),
table.partgrid.ru th:nth-last-child(3), table.partgrid.ru td:nth-last-child(3) { white-space:nowrap; text-align:center; padding: 4px 5px; }



/*table tbody tr:hover td, .grid-new table tr:hover td {background-color: #f5f5f5;} !*, table tbody tr:hover th*!*/
table.partgrid td, table.cargrid td, table.grid td {border: 1px solid #dddddd;}



table td.price span, table td.price strike { padding-left:2px; font-family: arial; font-size:12px; }
table td.price div { display:inline-block;}
.partgrid td.price div { display:block;}

table.parttbl-one {width:auto;}
table.parttbl-one tr td { padding-right:50px;}

.grid-hidden {display: none !important;}
.filter-additional__hidden {
    display: none;
}


img {
    border: 0;
    margin: 0;
    padding: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

p {margin: 0 0 8px;}


h1 { font-size:22px;  line-height: 24px; margin:0; padding:0; }
h3, .h3 {font-size: 21px; line-height: 25px; font-weight: bold; margin: 8px 0 5px 0; color: #333333;}
h4, .h4 {font-size: 17px; line-height: 19px; font-weight: bold; margin: 2px 0; color: #333333;}
strong, .strong {font-weight: bold;}

.nw { white-space:nowrap;}
.pt-10 { margin-top:10px;}
.pt-20 { margin-top:20px;}
.mt-10 {margin-top:10px !important;}
.mt-10_error {color: red; margin-top:10px !important;}
.mt-10_success {color: green; margin-top: 10px !important;}
.mt-15 {margin-top :15px}
.mt-20 {margin-top :20px}
.mt-30 {margin-top :30px}
.mt-5 {margin-top:5px}
.mt-3 {margin-top:3px}
.mt-2 {margin-top:2px}
.mb-10 {margin-bottom :10px}
.mb-15 {margin-bottom :15px}
.mb-20 {margin-bottom :20px}
.mb-30 {margin-bottom :30px}
.mb-40 {margin-bottom :40px}
.mb-5 {margin-bottom:5px}
.mr-5 {margin-right:5px}
.mr-10 {margin-right:10px}
.mr-20 {margin-right:20px}
.mr-30 {margin-right:30px}
.mr-35 {margin-right:35px}
.mr-55 {margin-right:55px}
.ml-30 {margin-left :30px}
.pb-15 {padding-bottom: 15px;}
.pb-30 {padding-bottom: 30px;}
.pb-50 {padding-bottom: 50px;}
.ph-20 { /*ph - padding horizontal*/
    padding-left: 20px;
    padding-right: 20px;
}
.p-5
.red { color: red !important;}
.w-max-50p{
    max-width: 50%;
    width: 100%;
}
.w-max-450{
    max-width: 450px;
    width: 100%;
}
.w-max-700{
    max-width: 700px;
    width: 100%;
}

.w-100p {
    width: 100%;
}

.mess {padding: 20px 0; display:inline-block; font-weight:normal; font-size: 15px; color:red;}
.mess-info {padding:20px 0; display:block; font-weight:bold; font-size: 14px; color:#666666; width:100%; text-align:center;}
.mess-pt-20 .mess {padding: 20px 0 0 0;}
.clr {clear:both; height:0; line-height:0}
.f-rgt, .right { float:right !important;}
.f-lft, .left { float:left !important;}
.tright {text-align:right !important;}
.imgleft {float:left !important; padding: 0 20px 20px 0 !important;}
.imgleft a { display:block; padding:5px;}
.t-rgt {text-align: right !important;}
.t-center {text-align: center !important;}

hr { background: #eeeeee; height:1px; width:100%; border:0; margin: 0 0 10px 0; padding:0;}

a {color:#0632AD; text-decoration:none;}
a:hover { color:#05288a; text-decoration:underline;}

.bl {clear:both; display:inline-block; width: 100%;}
.bl-row2 { width:50%; float:left;}
.bl-row2 .wr { margin:0 30px 0 0;}

.hd, .cont, counters {  margin:20px auto 15px auto; padding: 0 10px; width: 100%; max-width: 1730px;}

.hd {color: #999999; min-height: 75px}
@media(max-width: 1770px){
    .hd {min-height: 95px} 
}
@media(max-width: 1680px){
    .hd {min-height: 108px}
}
@media(max-width: 1225px){
    .hd {min-height: 126px}
}
@media(max-width: 845px){
    .hd {min-height: 234px}
}
@media(max-width: 480px){
    .hd {min-height: 280px}
}
.autot p span {cursor: pointer; color: #000;}
.autot p span:hover {text-decoration:underline; color: #0632AD;}

.autot p a {cursor: pointer; color: #000;}
.autot p a:hover {text-decoration:underline; color: #0632AD;}

.viki-tabs-frames .autot{
    padding: 0 1em;
}



.hd .logo {width:23%; float:left; display: inline-block;}
.hd .hd2 {width:50%; float:left; margin:0 2%; display: inline-block;}
.hd .hd3 {float:right; display: inline-block; position:relative;}

.hd .logo .logo_text {font-size: 14px; font-weight: bold; text-align: left; margin:5px 0 0 0; color: #333333; letter-spacing:2px; line-height: 16px;}
.hd .hd2 .mn {font-size: 12px; font-weight: bold;}
.hd .hd2 .calc {font-size: 11px;}


.hd .hd3 .account { float:right; width: 100%; display:inline-block;}

.hd .search{float:right; position: relative;}
.hd .search { /*clear:both; position:absolute; right:0; top:33px; width: 100%;*/margin-top: 8px; width: 23%;}
.hd .search input { float:right; width: 255px; height: 26px; }

.hd .search button
{
    border: 0 none;
    box-shadow: none !important; -webkit-box-shadow:none !important;-moz-box-shadow:none !important;
    cursor: pointer;
    height: 24px;
    padding: 0;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 26px;
    border-left:1px solid #cccccc;
    border-radius: 0 4px 4px 0;
}


.hd .hd3 .account .bt-menu { width: auto; margin-right: 5px;}
.hd .hd3 .account .bt-ru { width:255px; }
.hd .hd3 .account .bt-ru a { display:block; }

.login-row { float:left;}

ul.lst { list-style:none; margin:0; padding:0;}
ul.lst li { padding:15px 0; border-bottom:1px dotted #cccccc;}
ul.lst li:last-child {}
.news-date { font-weight:bold;}
ul.news li {padding:3px 0; border-bottom:none;}

/*--viki-tabs--*/
ul.viki-tabs-buttons { line-height: 1.3; list-style: none outside none; margin: 0; outline: 0 none; padding: 0; text-decoration: none; border-bottom: 2px solid #E7E8E8; }
ul.viki-tabs-buttons:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
  ul.viki-tabs-buttons li {
    border-bottom: 0 none !important;
    float: left;
    list-style: none outside none;
    margin: 0 0 1px 0;
    padding: 0;
    position: relative;
    top: 1px;
    white-space: nowrap;
    border: 2px solid #fff;
    border-radius: 4px 4px 0 0;
    color: #0632ad;
    font-weight: normal;
    background: #fff;
  }
    ul.viki-tabs-buttons li.white {
      display: flex;
    }
ul.viki-tabs-buttons li:not(.act):hover a{color: #000;}
ul.viki-tabs-buttons li a {float: left; padding: 0.5em 1em; text-decoration: none; cursor: pointer; color: #000;}
ul.viki-tabs-buttons li a.big {padding: 0.5em 3em;}
ul.viki-tabs-buttons li.act { margin-bottom: 0; padding-bottom: 1px; background:#fff; border: 2px;}
ul.viki-tabs-buttons li.act a, ul.viki-tabs-buttons li.act a:hover {cursor: text;}
ul.viki-tabs-buttons li.act.white {
    border-color: #E7E8E8;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 0px;
    border-left-width: 2px;
    color: #000;
    position: relative;
}
ul.viki-tabs-buttons li.act.white:before{
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;
    bottom: -2px;
    background-color: #fff;
}
.viki-tabs-frames {clear:both; margin: 10px 0 0 0;}
.viki-tabs-frames .viki-tab {display:none;}
.viki-tabs-frames .act {display:block;}
.viki-tabs-frames .grid, .viki-tabs-frames .grid thead tr { border-top:0;}
.viki-tabs-frames .grid thead th {background:#D2DEE6;}
.viki-tabs-frames .grid {margin: -10px 0 0 0;}

@media(max-width: 768px){
    ul.viki-tabs-buttons{
        border-bottom: none;
    }
    ul.viki-tabs-buttons li.white {
        border: 2px solid #e8eaf9!important;
        border-radius: 4px;
        width: 100%;
        margin: 5px 0;
    }
    ul.viki-tabs-buttons li.act.white {
        border: 2px solid #fff!important;
        color: #000;
        font-weight: bold;
    }
    ul.viki-tabs-buttons li.act:before{
        display: none;
    }
}

.form-actions {display: inline-block; width:100%; background-color: #f5f5f5; padding: 15px 20px 16px 0;  border-top: 1px solid #e5e5e5; margin-bottom: 16px; }
.form-actions button, .form-actions .button { margin:5px 0 5px 0px; float:right;}
.form-actions .acc-button{ margin-right: 10px;}


input, button, select, textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/*
#form-filter .form-actions button .btn_show_1 { display:none;}
#form-filter .form-actions button .btn_show_2 { display:inline;}
#form-filter .form-actions button.tab2 .btn_show_1 { display:inline;}
#form-filter .form-actions button.tab2 .btn_show_2 { display:none;}
*/

/*.login-cont, .login-cont-desc { float:left; display:table-cell;}*/
.login-cont-desc, .cont-desc { padding-left:20px;}
.cont-desc { padding-top:27px;}

label {display: block; margin: 0 10px 5px 0; float: left; padding-top: 8px; text-align: right; width: 160px;}

body > .select2-container--open{
    width: auto!important;
}

.account-default{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    margin-bottom: 15px;
}

.account-info {
    margin: 0 0 20px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--standard-color);
}

.account-sale-content {
    display: flex;
}

.account-sale-item {
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 10px;
}

.account-sale-header {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: var(--standard-color);
}

.account-sale-progress {
    height: 10px;
    width: 100%;
    background-color: #D9D9D9;
    border: 0;
    border-radius: 10px;
}

.account-sale-progress::-webkit-progress-bar {
    background-color: #D9D9D9;
    border-radius: 10px;
    border: 0;
}

.account-sale-progress::-webkit-progress-value {
    background-color: #585CE0;
    border: 0;
    border-radius: 10px;
}

.account-sale-progress::-moz-progress-bar {
    background-color: #585CE0;
    border-radius: 10px;
    border: 0;
}

.account-sale-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: var(--standard-color);
}

.account-links {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: bold;
    margin: 30px 0 30px 0;
}

.account-links li {
    margin-bottom: 25px;
    margin-right: 50px;
}


@media (max-width: 768px) {
    .account-links {
        display: block;
        font-size: 16px;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

    .account-links li {
         margin-bottom: 10px;
        margin-right: 12px;
        display: inline-block;
    }
    .account-links::-webkit-scrollbar {
        height: 10px;
    }

    .account-links::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #e8eaf9;
    }
    .account-links {
        scrollbar-color: #e8eaf9 #fff;
        scrollbar-width: thin;
    }

    .account-sale-content {
        flex-direction: column;
    }

    .account-sale-item {
        width: 100%;
    }
}

.account-links li a {
    color: #c3c5ca;
}

.account-links li.cur a {
    color: #000;
}

#AccountType-2 {
    flex-wrap: wrap;
    gap: 15px 10px;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .account-default > *:not(:last-child){
        margin-bottom: 15px;
    }
}

[mobile-phone-region-text] {
    margin-bottom: 10px;
    color: #000;
    font-size: 11px;
    display: none;
}

.new-field label {
    float: none;
    width: auto;
    color: #000;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 0;
    text-align: left;
    /*min-width: 100%;*/
    font-size: 15px;
}

.new-field > div {
    display: flex;
    flex-direction: column;
}

.new-field input[type=text],
.new-field input[type=password],
.new-field textarea,
.new-field .select2-container--default .select2-selection--single {
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #E8EAF9 !important;
    outline: none;
    box-shadow: none !important;
    height: 40px;
}

.new-field input[type=text],
.new-field input[type=password],
.new-field textarea {
    padding: 10px 15px;
}

.new-field input[type=text]:active, .new-field input[type=password]:active, .new-field textarea:active{
    border: 2px solid var(--secondary-color)!important;
}

.new-field input[type=text]:focus, .new-field input[type=password]:focus, .new-field textarea:focus{
    border: 2px solid var(--paramount-color)!important;
}

.new-field .select2-container--default .select2-selection--single .select2-selection__rendered, 
.new-field .select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 35px;
    height: 35px;
}

.new-field__row-gap-10{
    flex: 1 1 calc((100% / 2) - 20px);
}

.toggleWrapper {
  display: inline-block;
  min-width: 50px;
  cursor: pointer;
  width: fit-content;
}
.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}
.toggleWrapper input.mobileToggle + label {
    position: relative;
    display: inline-block;
    user-select: none;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-tap-highlight-color: transparent;
    height: 30px;
    min-width: calc(100% + 40px);
    border-radius: 60px;
    font-size: 15px;
    font-weight: bold;
    text-align: right!important;
}
.toggleWrapper input.mobileToggle + label:before {
    content: "";
    position: absolute;
    display: block;
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 30px;
    width: 50px;
    top: 0;
    left: 0;
    border-radius: 30px;
    background-color: #CACACA;
    border: 2px solid #CACACA;
}
.toggleWrapper input.mobileToggle + label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: whitesmoke;
    height: 28px;
    width: 28px;
    top: 3px;
    left: 3px;
    border-radius: 60px;
}
.toggleWrapper input.mobileToggle:checked + label:before {
    background: var(--paramount-color);
    border: 2px solid var(--paramount-color);
    -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.toggleWrapper input.mobileToggle:checked + label:after {
    left: 22px;
}
.toggleWrapper-small input.mobileToggle + label:after {
  height: 15px;
  width: 15px;
}
.toggleWrapper-small input.mobileToggle + label:before {
  height: 18px;
  width: 31px;
}
.toggleWrapper-small input.mobileToggle:checked + label:after {
  left: 16px;
}
.toggleWrapper-small input:disabled.mobileToggle + label:after,
.toggleWrapper-small input:disabled.mobileToggle:checked + label:after {
  background-color: #c9c9c9;
}
.toggleWrapper input:disabled.mobileToggle:checked + label:before {
  background-color: #c9c9c9;
  border-color: #c9c9c9;
}
.toggleWrapper-small input:disabled.mobileToggle + label {
  cursor: default !important;
}
.comm { font-size:11px; font-style: italic; font-weight:normal; clear: both; display: block; }

.field .comm {margin-left: 180px;}
.fld-line {margin: 0 0 20px;}
.fld-line label {text-align: left; float:none; clear:both; margin-bottom: 2px; margin-right: 0;}
.fld-line .comm {margin-left: 0;}
.fld-left .field, .fld-left .field-2, .fld-left .field-4 { float:left; margin: 0 20px 0 0;}
.fld-line-title { background-color:#f5f5f5; font-weight:bold; text-align:center; padding:5px;}

.form-actions .checkbox {margin: 0 0 10px 10px; width:auto; clear: both; display: inline-block; width: 100%;}
.form-actions .checkbox label {display: inline; float:none; margin: 0 20px 5px 5px;}


.fld-line .checkbox {margin: 0;}
.fld-line .checkbox input {float:left; clear:none; margin-right:5px;}
.fld-line .checkbox label {float:left; clear:none; padding-top: 3px;}

/*--feedbacks--*/
.feedbacks {}
.feedback { }

.feedback_message,
.feedback_answer {
    position: relative;
    padding: 15px;
    box-shadow: 0px 0px 20px rgba(0,0,0,.2);
    border-radius: 15px;
    margin-bottom: 50px;
    font-size: 15px;
    line-height: normal;
}

.feedback_answer{
    background: #E8EAF9;
}

.feedback_message:before,
.feedback_answer:before{
    content: '';
    position: absolute; 
    left: 20px; bottom: -30px; 
    border: 15px solid transparent;
    border-top: 15px solid #fff;
}

.feedback_answer:before{
    border-top-color: #E8EAF9;
    right: 20px;
    left: auto;
}


.feedback_message {}
.arrow_box {position: relative; } 

.feedback:last-child .feedback_message, .feedback:last-child .feedback_answer {border-bottom:none;}
.feedback_message .author-rating { font-weight:bold; clear:both; display:inline-block; width: 100%; margin-bottom: 12px; color: #999999;}
.feedback_message .author-rating .review-rating{ margin-left: -2px;}
.feedback_message .author-rating .author-name{ font-weight:bold; color: #000; margin-bottom: 8px;}
.feedback_message .author-rating span { float:left; display:block;}
.feedback_message .author-rating i { float:right;  display:block; font-style:normal;}

.flex-fld {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  }
  
.reg-light {margin: 0 0 0 0 !important;}
.reg-light .field { margin-bottom:10px;}
.reg-light select { width:120px;}
.reg-light label { width: auto}
.reg-light input { width:140px !important;}

#pickup-bl { clear:both; margin:0;}
#pickup-estimate { clear:both; margin:5px 0 0 0;}
#pickup-cost { clear:both; margin:10px 0 20px 0;}
#map {margin-bottom: 20px;}

/* Validator */
.required {color:Red; padding-left:3px;}
.error { color:Red; padding: 10px 0 10px 0; margin: 0;}
.error li { background:url(../UI/Viki/images/warning.png) 0 0 no-repeat; margin: 0; padding: 0 0 0 20px; min-height: 24px; }
.err-field label {color:Red;}
.err-field input, .err-field select, .err-field textarea { border: solid 1px Red !important; }

a.viki-ajax-worked { color: Gray; }
.viki-ajax-wait { z-index: 30; display:none; background:url(../UI/Viki/images/icon_wait.gif) 0 0 no-repeat; position:absolute; overflow:hidden; height: 24px; width: 24px; }



#boxfixed-wr {z-index: 1012; position: relative;}
#boxfixed {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #000;
    border-radius: 6px 6px 6px 6px;
    min-width:50px;
    min-height:50px;
    left: 50%;    
    margin: -10% 0 0 -25%;    
    position: fixed;
    top: 50%;
    z-index: 102;
}
#boxfixed-close { background: url("images/close2.png") no-repeat scroll 0 0 transparent; display: block; height: 34px; position: absolute; right: -17px; top: -17px; width: 34px; z-index: 103;}
#boxfixed-overlay { opacity: 0.6; background: none repeat scroll 0 0 #000000; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 100;}
#boxfixed-loading { background: url("images/preloader-big2.gif") no-repeat scroll 0 0 transparent; width:80px; height:80px;}
#boxfixed .box {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;}
#boxfixed-cont { padding:0; color:#000; font-size:12px; width:400px;}
#boxfixed-cont .title { padding:20px; font-size:16px; font-weight:bold; border-radius: 6px 6px 0 0; border-bottom-color: #e5e5e5;}
#boxfixed-cont .form-actions { border-radius: 0 0 6px 6px; margin-bottom: 0; background-color:transparent; border-top:0;}
#boxfixed-cont .box-cont {padding:20px;}

#boxfixed-cont .box-cont .field { width:100%;}
#boxfixed-cont .box-cont .field label, #boxfixed-cont .box-cont input, #boxfixed-cont .box-cont select  { width:100%; float:none; text-align:left;}
#boxfixed-cont .box-cont .field textarea {height: 100px; width: 100%;}


.flex-center {align-items: center;}
.flex-flstart {align-items: flex-start;}

#tires_callback  div {width: 100%;}
.flex-wrap {flex-wrap: wrap;}
#tires_callback .callback-field input[type=text] {width: 95%;}
#tires_callback .callback-button {height: 30px; width: 100%;}
.tires_callback-inputs .callback-field:nth-child(2){margin: 0 10px 0 0;}
.callback-field label {width: 26%; text-align: left; font-size: 18px;}
.callback-field input[type=text] {width: 70%; margin-bottom: 5px;}
.news-callback-inputs div{
    width: 100%;
}
.news-callback-inputs .callback-field input[type=text] {width: 100%; margin-bottom: 5px;}
.parts-callback-inputs{
    flex-wrap: wrap;
    justify-content: space-between;
}
#parts-callback  div{
    width: auto;
}
#parts-callback  > div{
    width: 100%;
}
.parts-callback-text {
    font-size: calc(0.75em + 2vmin);
    line-height: initial;
    color: #3b3836!important;
}
.parts-callback-inputs > *{
    margin: 10px;
    flex-grow: 1;
}
.parts-callback-inputs .callback-field input[type=text]{ border-radius: 30px; border: 3px solid #5aae3f; font-size: 22px; padding: 10px 20px; height: auto;}
.parts-callback-inputs .callback-field input[type=submit]{ border-radius: 30px; border: 3px solid #5aae3f; background: #5aae3f; color: #fff; font-size: 22px; padding: 10px; height: auto;}
#boxfixed-cont .callback-button {
    height: 30px;
    width: 100%;
    border-radius: 5px;
}
.callback-button {
    height: 40px;
    width: 150px;
    border-radius: 4px;
}
.callback-box {
    padding: 10px 50px !important;
}

.callback-box h3 {
    text-align: center;
    margin-bottom: 15px; 
    font-size: 21px !important;
}

.boxfixed-callback {
    margin-left: -200px !important;
}

.boxabs-wr { width:100% !important;}
.boxabs {position: absolute !important; left:2.5% !important; width:95% !important; margin:0 !important;}
.boxabs-cont {position:relative !important; margin:0 auto !important; width:100% !important;}

.mp-callback-button{
    padding: 6px 12px;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
}
.mp-callback-button:hover{
    text-decoration: none;
}
.callback-captcha {
    margin: 10px 0 10px 0;
    display: flex;
    flex-direction: column;
}
.callback-captcha .captcha-box label {
    font-size: 18px;
    width: 100%;
    text-align: center;
    margin: 0 0 5px 0;
    padding: 0;
}
.captcha-box {
    margin-bottom: 8px;
}
.callback-captcha .captcha-box input {
    width: 100%;
}
.relative {
    position: relative;
}

.construction-number-link { margin: 0px 0; display: inline-block; text-decoration: underline;}

.rating_stars{
    align-items:flex-start;
}
.rating_star{
    max-width:20px;
}  
.rating_star:nth-child(5){
    margin-right:10px;
}  
select, input[type=text], input[type=password], textarea {display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 220px;
    border-radius: 4px;
    color: #555555;
    font-size: 12px;
    padding:6px 12px;
    height: 31px;
    line-height: 16px;
    -moz-box-sizing: border-box; box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;    
    -webkit-padding-end: 12px;
    -moz-padding-end: 12px;
    -webkit-padding-start: 12px;
    -moz-padding-start: 8px;
    background-image: url(images/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    position:relative;
}

select:focus { background-image: url(images/select-arrow-1.png); border-radius: 4px 4px 0px 0px; }    


input[type=text] {}

select:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus 
{  
  outline: 0 none;border-color:#66afe9;outline:0;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
}


.cart input[type=text] {width:100px;}
.cart select {width:auto;}

.field { margin:0 0 10px 0; display:table;}
.new-field {
    display: flex;
    flex-direction: column;
}

.viki-tabs.api .field { float:left;}

.max-width { width:100%;}
.max-width label { width:100%;}
.max-width input { width:100%;}
.max-width textarea { width:100%;}

.field-2 label { width: 100px; margin-right: 0;}
.field-2 input, .field-2 select { width: 100px;}  
.field-4 input, .field-4 select { width: 400px;}

.field-3 label { width: 50px; margin-right: 0;}
.field-3 input, .field-3 select { width: 50px;} 

.field-auto label {width: auto; margin-right: 0;}
.field-auto input, .field-auto select { width: auto;}  

.field-noname { padding-top:23px;}

button, .button {
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    overflow: hidden;
    position: relative;
    transition: 0.7s;
}

a.btn-paramount:hover,
input.btn-paramount:hover,
.btn__form:hover {
    box-shadow: inset 100px 100px 1px rgba(0,0,0,.2);
    color: #fff;
    text-decoration: none;
}
a.btn-secondary:hover, input.btn-secondary:hover{
    box-shadow: inset 100px 100px 1px rgba(255,255,255,.2) ;
    color: #0632ad;
    text-decoration: none;
}

a.text-paramount{
    color: #0632ad;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.biggest-btn{
    border-radius: 6px;
    font-size: 15px;
    height: 38px;
    line-height: normal;
    padding: 0;
    min-width: 200px;
}

.button.btn-secondary:before,
button.btn-secondary:before,
.button.btn-paramount:before,
button.btn-paramount:before,
.btn-third:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  width: 60px;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0.5;
  filter: blur(30px);
  transform: translateX(-100px) skewX(-15deg);
}
.button.btn-secondary:after,
button.btn-secondary:after,
.button.btn-paramount:after,
button.btn-paramount:after,
.btn-third:after{
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  width: 50px;
  height: 100%;
  left: 30px;
  top: 0;
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100px) skewX(-15deg);
}
.button.btn-secondary:hover,
button.btn-secondary:hover,
.button.btn-paramount:hover,
button.btn-paramount:hover,
.btn-third:hover {
  cursor: pointer;
}
.button.btn-secondary:hover:before, 
button.btn-secondary:hover:before, 
.button.btn-paramount:hover:before, 
button.btn-paramount:hover:before,
.btn-third:hover:before {
    transform: translateX(300px) skewX(-15deg);
    opacity: 0.6;
    transition: 0.7s;
}
.button.btn-secondary:hover:after, 
button.btn-secondary:hover:after, 
.button.btn-paramount:hover:after, 
button.btn-paramount:hover:after,
.btn-third:hover:after{
    transform: translateX(300px) skewX(-15deg);
    opacity: 1;
    transition: 0.7s;
}

button:hover, button:focus, .button:hover, .button:focus {}

button, .button, .gray, .bt-menu ul {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
     white-space:nowrap;    
    background-repeat: repeat-x;
    border: none;
    border-radius: 4px;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    padding: 4px 6px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    font-weight:normal;
}

.bt-menu ul{
    background-color: #f5f5f5;
}


.btn-small {border-radius: 3px; font-size: 10.2px; padding: 6px 10px;}
.btn-big {padding: 4px 30px;}


@-webkit-keyframes color_change {from { background-color: #ff3333; } to { background-color: #cc0000; }}
@-moz-keyframes color_change {from { background-color: #ff3333; } to { background-color: #cc0000; }}
@-ms-keyframes color_change {from { background-color: #ff3333; } to { background-color: #cc0000; }}
@-o-keyframes color_change {from { background-color: #ff3333; }	to { background-color: #cc0000; }}
@keyframes color_change {from { background-color: #ff3333; } to { background-color: #cc0000; }}		
.btn-red 
{
    background-color: #cc0000;
    filter: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    
    color:#ffffff;
    border-color:#cc0000;
    
    -webkit-animation: color_change 1s infinite alternate;
	-moz-animation: color_change 1s infinite alternate;  
	-ms-animation: color_change 1s infinite alternate;  
	-o-animation: color_change 1s infinite alternate;  
	animation: color_change 1s infinite alternate; 
}


    

.viki-gallery { margin:0 0 15px 0; display:inline-block;}
.viki-gallery a  { margin-right:4px; border: 1px solid rgba(0, 0, 0, 0.2); display:block; float:left; padding:4px; background:#ffffff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);   
}
.viki-gallery a:hover { border: 1px solid #005580; opacity:1;}

.viki-gallery a img {
    object-fit: cover;
    width: 100%;
}

.viki-gallery.part-carousel a img {
    max-height: 370px;
}

.viki-gallery.car-carousel a img {
    max-height: 485px;
}

.car-card_photos .viki-gallery a img {
    max-height: 370px;
}

.box 
{
    display: block;
    width:auto;
    background: none;
    border: none;
    border-radius: 3px;
    padding:18px 9px 9px;
    margin-bottom: 20px;    
    text-align: left;
    display: block;
}
.box .wr {}

.popup-bl { position:relative; }
.viki-popup { z-index:10; top: 25px; right:0; position:absolute; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); background:#ffffff; padding:5px 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);   }
.popt {padding:0;}


.pqb { display: inline-block;}
.pqb h3 {padding:2px 20px; margin:0; font-size:18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;}
.pqb .pqb-cont {padding:10px 20px; display: inline-block;}
.pqb button { margin:7px 0 0 0;}

[data-viki-menu] { position:relative; z-index: 50; width: 100%; max-width: 1730px; top:0; margin: 0 auto;}
[data-viki-menu] ul { 
    margin: 0;
    padding: 0 12px;
    list-style:none;
    display: flex;
    justify-content: space-between;
    min-width: 200px;
    max-width: 1100px;        
}

[data-viki-menu] ul li { padding: 0; display:inline-block; float:left; position: relative;   width: fit-content;}
[data-viki-menu] ul li:nth-child(1) { display: none;}
[data-viki-menu] ul li a { color: rgba(0,0,0,.9); font-size: 19px; text-align: center; padding: 12px 25px 12px 0; margin: 0; border-radius: 5px; display:block; white-space: nowrap; text-decoration: none;}
.menu-img {
    max-height: 30px;
    padding: 5px;
    position: absolute;
    z-index: 9999999;
    top: 4px;
    left: 10px;
    width: 30px;
    height: 30px;
}
[data-viki-menu] ul li ul {background:#f3f1f6; position:absolute; min-width: 100%; display:none; z-index:50; width:auto; top: 100%; right: 0; max-height: 700px; overflow-y: auto;}
[data-viki-menu] ul li ul li, .bt-menu ul li { display:block; float:none; clear:both;}
[data-viki-menu] ul li ul li{ width: 100%;}
[data-viki-menu] ul li ul a, .bt-menu ul li a { text-shadow: none; display:block; padding:5px 10px 5px 18px; height:auto; text-align:left; text-transform:none; }

[data-viki-menu] .menu-hidden {display: none !important;}
[data-viki-menu] .menu-close { background: url("images/close2.png") no-repeat scroll 0 0 transparent; display: none; height: 34px; position: absolute; right: 7px; top: 3px; width: 34px; z-index: 103;}

.bt-menu { display:inline-block; position:relative;}
.bt-menu ul { display:none; z-index:100;  border-radius:0 0 4px 4px; border-top:0; padding:5px 0; margin:-2px 0 0 1px; position:absolute; min-width:100%; text-align:left; }
.bt-menu:hover ul { display:block;}
.bt-menu ul li a {color:#333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);}
.bt-menu ul li a:hover { background:#ffffff; text-decoration:none; }


.border {border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 16px; padding:20px;}

.accordion-group { border-radius: 4px; margin-bottom: 10px;}
.accordion-heading {display: block; padding: 12px 15px; cursor: pointer; border-radius: 4px 4px 2px 2px; background-color: rgb(232, 234, 249);}
.accordion-heading a{
    font-weight: bold;
}
.accordion-inner { padding: 9px 15px; border-radius: 0 0 4px 4px;}
.accordion-inner a{ color: #000; }
.accordion-inner a:hover{ color: #05288a; }
.column300 { -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px;}
.column220 { -webkit-column-width: 220px; -moz-column-width: 220px; column-width: 220px; clear:both; list-style:none; margin:0; padding:0;}
.column180 { -webkit-column-width: 180px; -moz-column-width: 180px; column-width: 180px; clear:both; list-style:none; margin:0; padding:0;}
.column100 { -webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px;}
.column110 { -webkit-column-width: 110px; -moz-column-width: 110px; column-width: 110px;}
.viki-tabs .accordion-group {margin-top:2px;}

.group-cat .accordion-heading {background-color: #f5f5f5; border-color: #ddd; color: #333;}
.group-cat .accordion-inner {background-color: #ffffff;}
.group-cat .accordion-group {margin-bottom: 5px;}


.other_details {display:none;}


ul.brands-logo {
    list-style: none;
    margin: 0;
    padding: 5px 0;
    display: grid;
    text-align: center;
    margin: 0 0 10px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 35px 1px;
}

.brands-logo-button {
     display: none;
    background: rgb(232, 234, 249);
    color: #0632ad;
    width: 90px;
    margin: auto;
}

ul.brands-logo li { display:inline-block; vertical-align: top;}
ul.brands-logo li a img {vertical-align: bottom;}
ul.brands-logo li a:hover { text-decoration:none;}

ul.brands-logo li a span { border-radius: 2px; 
	display: table-cell;  vertical-align: middle;
    border-radius: 4px; font-size: 16px; font-weight: 500	; 
    word-wrap:break-word; }
ul.brands-logo li .auto-name__count span:nth-child(1){
	text-align: left;
	color: #000;
	padding-right:10px;
}  
ul.brands-logo li .auto-name__count span:nth-child(2){
	text-align: left;
	color: rgba(0,0,0,.5);
}   
 
ul.brands-logo li .auto-name__count:hover span:nth-child(1){
	color: #0632AD;
}

ul.breadcrumbs {
    list-style: none;
    color: #999999;
    text-shadow: 0 1px 0 #ffffff;
    display: block;
    width: 100%;
    margin: 5px 0 20px;
    border-radius: 4px;
    padding: 10px 0px;
}
ul.breadcrumbs li {display: inline-block; padding:0;}
ul.breadcrumbs li:before{content:" / "; padding:0 7px;}
ul.breadcrumbs li:first-child{padding:0; content: "";}
ul.breadcrumbs li:first-child:before{content: ""; padding:0;}

ul.breadcrumbs span { }
.auto-name__count{
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.phone {
    background-image: url("images/phone.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 15px;
    line-height: 14px;
    margin-top: 0;
    vertical-align: text-top;
    width: 14px;
}

.badge-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.badge {
    color: #777; 
    display: inline-block;
    font-size: 15px;
    white-space: nowrap; 
}

.pgngwr {width: 100%; height: auto; clear:both; margin: 20px 0; display: inline-block;}
.pgng { font: 11px arial,sans-serif; margin: 0 auto; width: auto; display: table; width: auto;}
.pgng a, .pgng .on {
    font: 11px arial,sans-serif; 
    text-decoration:none; 
    padding:5px 10px; 
    float:left; 
    margin:0 2px;    
    cursor: pointer;
    font-size: 11px; 
    font-weight: bold;
    border-radius: 2px 2px 2px 2px;
    background: rgb(232, 234, 249);
    color: #0632ad;
}
.pgng span {float:left; line-height:26px; padding:0 7px; font-weight:bold}
.pgng a:hover {box-shadow: inset 100px 100px 1px rgb(255 255 255 / 20%); }
.pgng .on {cursor:default; color: #a7a7ab;}

.show-more, .show-more-other{
  text-align: center;
  display: flex;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  justify-content: center;
  width: fit-content;
  margin: auto;
  font-size: 16px;
}
.show-more-other {
  overflow: initial;
  background-color: transparent;
  color: #0632AD!important;
  border-radius: initial;
  padding: 0;
}
.show-more .loader, .show-more-other .loader{
    background-image: url(images/preloader-big2.gif);
    background-size: contain;
    width: 17px;
    height: 17px;
    position: absolute;
    left: -22px;
    display: none;
}
	
[data-viki-menu] ul li.on ul a:hover, [data-viki-menu] ul li.cur a, [data-viki-menu] ul li.cur li.cur a{
    background: #f4f4f4; 
    background-repeat: repeat-x;        
    color: #000;
    text-decoration: none;  
    text-shadow:none;
}
[data-viki-menu] ul li.cur a{
    background: none;
    font-weight: bold;
}
[data-viki-menu] ul li ul li a {
    margin-top: 3px!important;
    padding: 10px 20px!important;
    border-radius: 0!important;
    background: #E4E3E5 !important;
}
[data-viki-menu] ul li ul li.on a {
    background: #F3F1F6 !important;
    color: rgba(0, 0, 0, .9)!important;
}
[data-viki-menu] ul li.cur li.cur a {
    background: #0093D0  !important;
    color: rgba(255, 255, 255, 1)!important;

}
.gray:hover, .gray:focus {
    background-color: #e6e6e6;
    color: #333333;
    filter:none;
    background-image:none;
    text-decoration:none;    
    border-color: #b3b3b3;
}

[data-viki-menu] ul li.on a {
    color: #0632AD;
    background: none;
}
.footer {
    width: 100%;
    margin-bottom: 0;
}
.footer .box {
    padding: 0;
    margin-bottom: 0;
    margin: auto;
}
.footer-top .cont{
    align-items: flex-start;
}
.footer-top .payment-methods-info {
    font-weight: 600;
    color: #333333;
    font-size: 20px;
    margin-right: 20px;
}
.footer-menu {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 30px 0;
    border-top: 2px solid #bababa;
    gap: 10px 95px;
}
.footer-menu li {
    display: block;
}
.footer-menu > li > a,
.footer-menu > li > span {
    font-weight: 600;
    color: rgba(0,0,0,.9);
    font-size: 16px;
}
.footer-menu > li ul {
    margin: 10px 0 0 0;
}
.footer-menu li ul li:not(:last-child){
    margin-bottom: 10px;
}
.footer-menu li ul li a {
    color: #000;
    font-size: 16px;
}
.footer-menu li ul li a[href^="tel:"] { text-decoration: underline; }
.footer-menu li ul li a[href^="tel:"]:hover { text-decoration: none; }
.footer .custom-select { display: none; }
.footer .phone-region-up {
    flex-direction: column;
	display: flex;
    margin-top: 7px;
    align-items: normal;
}
.footer .phone-region-phone {
    flex-direction: column;
    align-items: flex-start;
}
.footer .phone-region-phone a {
    font-weight: 400;
    background: none;
    padding: 0;
    margin: 0;
    white-space: pre;
}
.footer .phone-region-phone a:hover {
    text-decoration: underline;
}
.footer .phone-region-phone *, .footer .phone-region-address, .footer .phone-region-address * {
    color: #000;
    font-size: 16px!important;
    max-width: 280px;
    line-height: 19px;
    white-space: normal;
}

.footer-info {
    padding: 20px 0%;
    background-color: #E8E8E8;
}
.footer .phone-region-dn {
    margin-right: 0px;
    margin-top: 0px;
}
.footer .phone-region-phone {
  margin-right: 0;
  padding: 0;
  display: flex;
  gap: 3px;
}

.footer .news-callback-inputs .callback-field input[type=text] {
    width: 300px;
    margin-bottom: 0px;
    height: 40px;
}
.footer .news-callback-inputs .callback-field .callback-button {
  margin-left: 40px;
}


.max-w-1000{
    max-width: 1000px;
}
#add-reviews, #add-user-reviews { width: 100%; margin-bottom: 20px}
#add-review-form textarea { width:100%; height:200px; padding: 50px 15px 15px 17px; border: none; box-shadow: 0px 0px 20px rgba(0,0,0,.2); font-size: 15px;}   
#add-review-form label {width:auto;}

#add-review-form .login-cont{
    position: relative;
}

#add-review-form .login-cont #review-rating{
    top: 15px;
    left: 15px!important;
    position: absolute!important;
}
#add-reviews .auth-form {max-width: 400px;}
#add-reviews .auth-form form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#add-reviews .auth-form form button {
  font-size: 15px;
  padding: 10px;
}
.back-top {
    position: absolute!important;
    display: none;
    top: -52px!important;
    padding: 8px 8px!important;
    text-align: center!important;
    text-decoration: none!important;
    cursor: pointer!important;
}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-moz-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-ms-keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
@-o-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}
@keyframes progress-bar-stripes{from{background-position:40px 0;} to{background-position:0 0;}}
.viki-redirect-progress { display:none; overflow:hidden;height:16px;margin-bottom:16px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.viki-redirect-progress .bar{ width:100%; height:100%;color:#ffffff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease; background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}

.CartItem { position:relative;}
.CartItem span { display:none;}
.cargrid .CartItem span { display:inline-block;}
.onepart .CartItem span { display:inline; padding-left: 5px;}
.onepart .CartItem button.price-query {padding: 4px 12px 5px 12px;}
.onepart .CartItem button.price-query span { display:none; padding-left: 5px;}
.video {margin: 20px 0 0 0;}

a.del 
{
    display:block;
    background-image: url("images/icons.png"); background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; vertical-align: text-top; width: 14px;
    float:left;
    margin: 1px 5px 0 0;
    background-position: -312px 0;
}

.cart_verif { text-transform:uppercase; font-size:16px; padding:20px;}
.cart_verif p { color:#999999;}
.cart_verif a { display:block; margin:25px auto 0 auto; width:70%; text-align:center; border:2px solid red; padding:20px 0;}
.cart_verif a.cart_verif-tocart { color:red;}
.cart_verif a.cart_verif-continue { border:none; margin-top:0;}


.alert-error {
    background-color: #fcecec;
    color: #d41031;
    border-radius: 4px;
    margin: 25px 0;
    padding: 10px 15px;
    font-size: 15px;
    width: fit-content;
}
.hd .alert-error { margin: 0; text-align: center; padding:8px 0 6px 0;}

.header_alert-error.alert-error,
.mobile_alert-error.alert-error {
    max-width: 1730px;
    margin: 0 auto 30px auto;
    width: 100%;
    border-radius: 0;
}
.mobile_alert-error.alert-error {
    display: none;
}
.branch .add-info .alert-error {
    margin: 0 0 20px 0;
    padding: 10px;
}
.label {
    border-radius: 3px;
    background-color: #999;
    color: #fff;
    display: inline-block;
    font-size: 10.152px;
    font-weight: bold;
    line-height: 14px;
    padding: 2px 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align: baseline;
    white-space: nowrap;
}

table.gr {
    border-collapse: collapse;    
    font-style: normal;
    width: 100%;
    margin: 0 0 20px 0;
}
table.gr tr td, table.gr tr th {
    border: 1px solid #cccccc;
    padding: 2px 5px;
    vertical-align: middle;    
}
table.gr tr td {vertical-align: top;}
table.gr tr th {background-color: #f5f5f5; color: #000000;}
/*table.gr tr td {position:relative;}*/
table.gr tr:hover td {background-color: #f5f5f5;}
table.gr tr td ul.hl { list-style:none; margin:0; padding:0; min-height: 15px;}
table.gr tr td ul.hl li {border-top: 1px solid #f5f5f5;}
table.gr tr td ul.hl li:first-child {border-top:0;}

table.gr tr td .status {position:relative; width:100%; }
table.gr tr td .label { margin-right:0px;}
table.gr tr td .label-bl { margin-right:20px; font-style:normal;}

table.gr tr.add-info td { position:relative; min-height:30px;}

table.gr td .open, table.gr .close {background-image: url("images/icons.png"); background-position: -288px -120px; background-repeat: no-repeat; display: inline-block; position:absolute; top:0px; right:0px; height: 14px; width: 14px;}
table.gr td .open {background-position: -313px -119px;}

table.gr tr.add-info:hover td {background-color: transparent;}

table.gr tr td table.hl td { vertical-align:top;}

.phone-region-add {}
.phone-region-select select { font-size:14px; font-weight:bold; padding: 3px 5px 2px 5px; width:auto; height:auto;}
.phone-region-map {display: inline-block; width: auto; height: 25px; background: url(images/map.png) no-repeat; padding-left:25px;}
.phone-region span {white-space:nowrap;}
.phone-region-dn-name { margin-right:25px;}

.payment-methods-ru {
    background: url("images/payment-methods1-ru.png") top center no-repeat;
    width: 100%;
    height: 40px;
    background-size: 100%;
    min-width: 300px;
    filter: grayscale(100%);
}
.payment-methods-by {
    background: url("images/payment-methods-by.png") top center no-repeat;
    width: 100%;
    height: 40px;
    background-size: 100%;
    min-width: 300px;
    filter: grayscale(100%);
}
@media screen and (max-width: 650px) {
    .payment-methods-ru {
        background-size: contain;
        min-width: 275px;
    }
}
@media screen and (max-width: 450px) { .payment-methods-by {background-size: contain; }}


/*--------------------------------- chat start -------------------------*/
#chat24 {
    z-index: 1012!important;
}

#chat24 input {
    height: auto !important;
    width: 100% !important;
    margin-bottom: 15px !important;
    padding: 12px 16px !important;
}
#chat24 textarea:focus{
    border-color: transparent !important;
    box-shadow: none !important;
}
#chat24 button {
    background-image: none !important;
    transition: .1s all ease;
}
#chat24 button:after {
    display: none !important;
}
#chat24 button:hover{
    background-image: none !important;
    background-color: transparent !important;
    /* color: rgb(15, 157, 45) !important; */
    color: inherit !important;
}
#chat24 button:focus{
    background-image: none !important;
    background-color: rgba(0,0,0,0) !important;
}

@media (max-width: 1024px){
    #chat24 div[class*="startBtn___"]{ /* содержит в названии класса */
        bottom: 150px;
    }
} 
/* .Buttons-module__submit___2zTV6 { */
/*     background-color: rgb(15, 157, 45)!important; */
/*     background-image: none; */
/* } */
/* .Buttons-module__submit___2zTV6:hover { */
/*     background-color: rgb(6 123 31)!important; */
/*     background-image: none; */
/* } */
/* .Buttons-module__submit--light___RkB0H:not(:disabled)::after { */
/*     content: none!important; */
/* } */
/*--------------------------------- chat end -------------------------*/
.label-important {background-color: #b94a48;}
.label-warning {background-color: #f89406;}
.label-success {background-color: #468847;}
.label-info {background-color: #3a87ad;}
.label-inverse {background-color: #333;}

[class^="icon-"] {background-image: url("images/icons.png"); background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 0px; vertical-align: text-top; width: 14px;}
.icon-glass {background-position: 0 0;} .icon-music {background-position: -24px 0;} .icon-search {background-position: -48px 0;}
.icon-envelope {background-position: -72px 0;} .icon-heart {background-position: -96px 0;} .icon-star {background-position: -120px 0;}
.icon-star-empty {background-position: -144px 0;} .icon-user {background-position: -168px 0;} .icon-film {background-position: -192px 0;}
.icon-th-large {background-position: -216px 0;} .icon-th {background-position: -240px 0;} .icon-th-list {background-position: -264px 0;}
.icon-ok {background-position: -288px 0;} .icon-remove {background-position: -312px 0;} .icon-zoom-in {background-position: -336px 0;}
.icon-zoom-out {background-position: -360px 0;} .icon-off {background-position: -384px 0;} .icon-signal {background-position: -408px 0;}
.icon-cog {background-position: -432px 0;} .icon-trash {background-position: -456px 0;} .icon-home {background-position: 0 -24px;}
.icon-file {background-position: -24px -24px;} .icon-time {background-position: -48px -24px;} .icon-road {background-position: -72px -24px;}
.icon-download-alt {background-position: -96px -24px;} .icon-download {background-position: -120px -24px;} .icon-upload {background-position: -144px -24px;}
.icon-inbox {background-position: -168px -24px;} .icon-play-circle {background-position: -192px -24px;} .icon-repeat {background-position: -216px -24px;}
.icon-refresh {background-position: -240px -24px;} .icon-list-alt {background-position: -264px -24px;} .icon-lock {background-position: -287px -24px;} 
.icon-flag {background-position: -312px -24px;} .icon-headphones {background-position: -336px -24px;} .icon-volume-off {background-position: -360px -24px;}
.icon-volume-down {background-position: -384px -24px;} .icon-volume-up {background-position: -408px -24px;} .icon-qrcode {background-position: -432px -24px;}
.icon-barcode {background-position: -456px -24px;} .icon-tag {background-position: 0 -48px;} .icon-tags {background-position: -25px -48px;}
.icon-book {background-position: -48px -48px;} .icon-bookmark {background-position: -72px -48px;} .icon-print {background-position: -96px -48px;}
.icon-camera {background-position: -120px -48px;} .icon-font {background-position: -144px -48px;} .icon-bold {background-position: -167px -48px;}
.icon-italic {background-position: -192px -48px;} .icon-text-height {background-position: -216px -48px;} .icon-text-width {background-position: -240px -48px;}
.icon-align-left {background-position: -264px -48px;} .icon-align-center {background-position: -288px -48px;} .icon-align-right {background-position: -312px -48px;}
.icon-align-justify {background-position: -336px -48px;} .icon-list {background-position: -360px -48px;} .icon-indent-left {background-position: -384px -48px;}
.icon-indent-right {background-position: -408px -48px;} .icon-facetime-video {background-position: -432px -48px;} .icon-picture {background-position: -456px -48px;}
.icon-pencil {background-position: 0 -72px;} .icon-map-marker {background-position: -24px -72px;} .icon-adjust {background-position: -48px -72px;}
.icon-tint {background-position: -72px -72px;} .icon-edit {background-position: -96px -72px;} .icon-share {background-position: -120px -72px;}
.icon-check {background-position: -144px -72px;} .icon-move {background-position: -168px -72px;} .icon-step-backward {background-position: -192px -72px;}
.icon-fast-backward {background-position: -216px -72px;} .icon-backward {background-position: -240px -72px;} .icon-play {background-position: -264px -72px;}
.icon-pause {background-position: -288px -72px;} .icon-stop {background-position: -312px -72px;} .icon-forward {background-position: -336px -72px;}
.icon-fast-forward {background-position: -360px -72px;} .icon-step-forward {background-position: -384px -72px;} .icon-eject {background-position: -408px -72px;}
.icon-chevron-left {background-position: -432px -72px;} .icon-chevron-right {background-position: -456px -72px;} .icon-plus-sign {background-position: 0 -96px;}
.icon-minus-sign {background-position: -24px -96px;} .icon-remove-sign {background-position: -48px -96px;} .icon-ok-sign {background-position: -72px -96px;}
.icon-question-sign {background-position: -96px -96px;} .icon-info-sign {background-position: -120px -96px;} .icon-screenshot {background-position: -144px -96px;}
.icon-remove-circle {background-position: -168px -96px;} .icon-ok-circle {background-position: -192px -96px;} .icon-ban-circle {background-position: -216px -96px;}
.icon-arrow-left {background-position: -240px -96px;} .icon-arrow-right {background-position: -264px -96px;} .icon-arrow-up {background-position: -289px -96px;}
.icon-arrow-down {background-position: -312px -96px;} .icon-share-alt {background-position: -336px -96px;} .icon-resize-full {background-position: -360px -96px;}
.icon-resize-small {background-position: -384px -96px;} .icon-plus {background-position: -408px -96px;} .icon-minus {background-position: -433px -96px;}
.icon-asterisk {background-position: -456px -96px;} .icon-exclamation-sign {background-position: 0 -120px;} .icon-gift {background-position: -24px -120px;}
.icon-leaf {background-position: -48px -120px;} .icon-fire {background-position: -72px -120px;} .icon-eye-open {background-position: -96px -120px;}
.icon-eye-close {background-position: -120px -120px;} .icon-warning-sign {background-position: -144px -120px;} .icon-plane {background-position: -168px -120px;}
.icon-calendar {background-position: -192px -120px;} .icon-random {background-position: -216px -120px; width: 16px;} .icon-comment {background-position: -240px -120px;}
.icon-magnet {background-position: -264px -120px;} .icon-chevron-up {background-position: -288px -120px;} .icon-chevron-down {background-position: -313px -119px;}
.icon-retweet {background-position: -336px -120px;} .icon-shopping-cart {background-position: -360px -120px;} .icon-folder-close {background-position: -384px -120px; width: 16px;}
.icon-folder-open {background-position: -408px -120px; width: 16px;} .icon-resize-vertical {background-position: -432px -119px;} .icon-resize-horizontal {background-position: -456px -118px;}
.icon-hdd {background-position: 0 -144px;} .icon-bullhorn {background-position: -24px -144px;} .icon-bell {background-position: -48px -144px;}
.icon-certificate {background-position: -72px -144px;} .icon-thumbs-up {background-position: -96px -144px;} .icon-thumbs-down {background-position: -120px -144px;}
.icon-hand-right {background-position: -144px -144px;} .icon-hand-left {background-position: -168px -144px;} .icon-hand-up {background-position: -192px -144px;}
.icon-hand-down {background-position: -216px -144px;} .icon-circle-arrow-right {background-position: -240px -144px;} .icon-circle-arrow-left {background-position: -264px -144px;}
.icon-circle-arrow-up {background-position: -288px -144px;} .icon-circle-arrow-down {background-position: -312px -144px;} .icon-globe {background-position: -336px -144px;}
.icon-wrench {background-position: -360px -144px;} .icon-tasks {background-position: -384px -144px;} .icon-filter {background-position: -408px -144px;} .icon-briefcase {background-position: -432px -144px;}

a.gray {padding:5px 12px;}
a.gray [class^="icon-"] { margin-right:4px;}
a.gray.big {padding:5px 30px;}

.bodyFxApi {min-height:400px;}
.bodyFxApi h3.api-h3 { margin: 0 0 10px 0; }
.bodyFxApi h3.api-h3 a.button { margin: -5px 0 0; }


.text-center{text-align: center;}
.onepart-left-col, 
.car-card_left-col {
    float: left;
    min-width: 650px;
    width: 650px;
}
.onepart-right-col{float:right; width: calc(100% - 465px);}

.page-product.new {
    display: flex;
    padding-top: 20px;
}

.flex .onepart-left-col,
.flex .car-card_left-col{float: none;}
.flex .onepart-right-col{flex-grow: 1;float:none; width: auto;}


.gallery-big{width: 100%; max-width: 650px;/*margin-left: -4px;margin-right: -4px;*/}
.gallery-big a{border: none; box-shadow: none; padding: 0 4px 0 0;margin: 0 0 8px 0;}
.gallery-big a:hover{border:none;}
.gallery-img-big{width: 100%;}
.gallery-img img{ max-width: 100%; height: auto; }
.gallery-img-thumb {width: 33.33333%;}

.onepart-buy,.onepart-contacts{text-align: center;vertical-align: top;width: 315px;margin-right: 15px; position: relative;}
.onepart-contacts{color:#999999;font-size: 16px	}
.onepart-contacts strong{color:#000;display: inline-block;font-weight: 400;}

.page-product .onepart-prices{
  position: relative;
}
.page-product .onepart-prices .icon__new{
  position: absolute;
  top: -12px;
  right: 0;
}
.page-product__photo-main{position: relative;padding: 0;}
.page-product__photo-main .icon__new{
  width: 60px;
  position: absolute;
  top: 5px;
  right: 5px;
}

.page-product ul.viki-tabs-buttons:after {
  display: none;
}

.onepart-prices{vertical-align: top;}
.onepart-prices__assembled{width: 100%;max-width: 170px;}
.onepart-prices__unassembled{margin-left: 50px;width: 100%;max-width: 170px;}
.price .price__title{ color:#7A7A78;margin-bottom: 10px;display: block; }
.price .price__first{font-size: 14px;font-weight: bold;color: #9F9FA0; padding: 0 0 0 6px;}
.price .price__first .price__first-br{position: relative;}
.price .price__first .price__first-br:before{content:"";display: inline-block;width: 110%;height: 2px;background: #9F9FA0;position: absolute;right: -5%;top: 7px;}
.price .price__second{position: relative; display: inline-block; font-size: 30px; font-weight: bold;line-height: 30px;}
.onepart-prices__assembled,.onepart-prices__unassembled{display: inline-block;}
/*.onepart-prices__inner-wrap{margin-bottom: 10px;}*/
/*.onepart-right-col .onepart-prices.cel .cel{margin-top: 10px;}*/
.onepart-right-col .onepart-prices.cel .cel:nth-child(2){margin-top: 10px;}

/*.onepart-prices .tbl {margin-bottom: 0;}*/
.onepart-prices .price{white-space: nowrap;}
.onepart-prices .cel:not(:last-of-type){padding-right: 3px;}
.installation-tab .box-sm {
    box-shadow: none;
    margin-bottom: 10px;
    border-radius: 3px;
}
.installation-tab .box-sm  span {
    margin-right: 10px;
}
.onepart-buy button,
.contacts-form .button-submit{
	border:none;box-shadow: none;text-shadow: none;
	padding: 0 10px;line-height: 48px;font-size: 18px;min-width: 160px;
    width: unset; border-radius: 5px;
    cursor: pointer;
}
.contacts-videos iframe{
    width: 100%;
    max-width: 560px;
}
.onepart-buy button:hover,
.onepart-buy button:focus,
.contacts-form .button-submit:hover,
.contacts-form .button-submit:focus{background:#0632AD; color:#fff;}
.onepart-buy button span{display: inline;}
.onepart-buy button i{display: none;}

.btn-simple{border:none;box-shadow: none;text-shadow: none;background: none; cursor: pointer;}

.btn-green{}
.btn-blue{}
.btn-third {
  background: #ffffff;
  color: #000000;
  border: 1px solid var(--paramount-color);
}
.btn-secondary{
    background: rgb(232, 234, 249); color:#0632ad;
}

.btn-secondary[disabled] {
    background: rgb(232, 234, 249);
    color: #ababb0 !important;
    pointer-events: none;
}
.branch .add-info .btn-secondary {
    font-size: 15px;
    line-height: 18px;
    padding: 5px 10px;
    border-radius: 5px;
}
.branch .add-info .btn-secondary:hover {
    cursor: pointer;
    text-decoration: underline;
}
.btn-paramount {
    background: #0632ad;
    color: #fff;
}

  .btn-paramount[disabled], .btn-paramount.disabled{
    background: rgb(232, 234, 249);
    color: #ababb0 !important;
    pointer-events: none;
  }
.btn-paramount.disabled {
  position: relative;
}
  .btn-paramount.disabled .viki-ajax-wait {
    overflow: visible;
    display: block;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
  }
  .btn-large {
    min-width: 200px;
    height: 45px;
    font-size: 20px;
  }

a.btn-large{
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-delete {
    background-image: url(images/icon-delete.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    display: block;
    padding: 12px!important;
}

.btn-lg{padding: 0 10px!important;line-height: 40px;font-size: 18px;min-width: 130px;}
.btn-blue-border{color:#0632AD;border:solid 1px #0632AD; padding:5px 10px; display:inline-block; border-radius: 4px;}
a.btn-blue-border:hover {
    text-decoration: none;
}
.btn-callback { margin-top: 5px; width: 160px; text-align: center; }
.big-btn {
    border-radius: 30px; font-size: 22px; padding: 10px 20px; height: auto;
}
.onepart td{border:none;padding: 10px 0;}
.onepart tr{border-bottom:1px solid #dddddd;}

.onepart-main-price{margin:10px 0 10px 0;font-size: 20px;}
.onepart-main-price strong{font-size: 30px;}

.tabs-big {/*display: table;*/width: 100%;}
.tabs-big .tbl{margin: 0;padding: 0;}
.tabs-big ul.viki-tabs-buttons{display: table-row;z-index: 3;}

.tabs-big ul.viki-tabs-buttons li{display: table-cell;border: none;float: none;text-align: center;overflow: hidden;background: none;}
.tabs-big ul.viki-tabs-buttons li:not(:last-child){padding-right: 2px;}
.tabs-big ul.viki-tabs-buttons li a{padding: 12px;font-size: 16px;width: 100%;background: none;background-color: #e8e8e8;border-radius: 4px 4px 0 0;color:#999999;}

.tabs-big ul.viki-tabs-buttons li.act a{color:#fff;background-color: #0632AD;}
.tabs-big ul.viki-tabs-buttons:after{display: none;}
.tabs-big .viki-tabs-frames{margin-top: -2px;padding: 15px;border-radius: 4px; border:solid 1px #dcdcdc;width: 100%;z-index: 0;position: relative;background-color: #fff;}

.features {grid-area: features;}
.installation  {grid-area: installation ;}
.garanties {grid-area: garanties;}
.delivery {grid-area: delivery;}
.installment {grid-area: installment;}

.oper-part__tabs ul.viki-tabs-buttons {
    display: grid;
    grid-template-areas: "features installation garanties delivery installment";
    grid-template-columns: minmax(200px, 1fr) minmax(140px, 1fr) minmax(125px, 1fr) minmax(155px, 1fr) minmax(240px, 1fr);
    align-items: center;
    padding: 0px 10px;
}
.oper-part__tabs ul.viki-tabs-buttons li:not(:first-child) a{ height: 100%; line-height: 40px;}
.oper-part__tabs ul.viki-tabs-buttons li.act {color:#000; cursor: default;}
.oper-part__tabs ul.viki-tabs-buttons li{cursor: pointer; display: table-cell;border: none;float: none;text-align: center;overflow: hidden;}
.oper-part__tabs ul.viki-tabs-buttons li {padding: 6px 12px;font-size: 17px;width: 100%;background: none; background-color: #fff; border: none; border-radius: 10px 10px 0 0;color:#878787;}
.oper-part__tabs ul.viki-tabs-buttons li:not(:last-child) {
    padding-right: 12px;
}


.video{position: relative; display: block; overflow: hidden; padding-bottom: 56%; height: 0;}
.video iframe{position: absolute; top: 0; left: 0; border: none; width: 100%; max-width: 100%; height: 100%;}

.cont-sm{max-width: 890px;}
.mp-section{margin: 0 auto 80px auto;}
.mp-header{font-size: 24px;text-align: center;margin-bottom: 40px;font-weight: 600;}
.mp-header-normal{font-weight: 400;}
.mp-subheader{font-size: 18px;text-align: center;line-height: 1.65;margin-bottom: 20px;}

.mp-search{color:#6f6f6f;}
.mp-search, .mp-search .btn, .mp-search input[type=text], .mp-search select{font-size: 14px;box-shadow: none;}
.mp-search select{padding-top: 0; padding-bottom: 0; -webkit-padding-end: 19px; -moz-padding-end: 15px;}
.mp-search, input[type=text],select{color:#6f6f6f;}
.mp-search .btn{line-height: 31px; padding: 0 40px;}
.mp-search input[type=text], .mp-search select{width: 100%;}
.mp-search .field{display: block;}
.mp-search-fast{position: relative;}
/*.mp-search-fast .btn{position: absolute;right: 0;top:0;}*/

.mp-search .tabs-big ul.viki-tabs-buttons li a{padding: 0 40px;line-height: 31px;color:#000;}
.mp-search .tabs-big ul.viki-tabs-buttons li.act a{color:#fff;}
.mp-search .tabs-big .viki-tabs-frames{padding:20px 0;}
.mp-search .field{width: 33.33333%;float: left;padding-right: 7px;/*padding-left: 7px;*/}
.mp-search .field input[type="checkbox"] {margin-top: 10px;}

.mp-search .form-actions,.mp-search .accordion-heading {background:none; border:none; padding-left:0px; padding-right:0; display: flex; justify-content: space-between;}
.mp-search .accordion-group{border:none;}
.mp-search .accordion-inner {padding: 9px 0;}
/*.mp-search .viki-tabs-frames .viki-tab{margin-left: -7px; margin-right: -7px;}*/
.mp-search .viki-tabs-frames{border:none;border-top: solid 1px #dcdcdc;}
.mp-search .accordion-inner{border-top: none; /*padding-left: 0; padding-right: 0; margin-left: -10px; margin-left: -10px;*/}
.mp-search label{text-align: left;width: auto;}
.mp-search .accordion-heading a{text-decoration: underline;}
.mp-search .accordion-heading a:hover{text-decoration: none;}
.link-gray{color:#6f6f6f;}
.mp-search .form-actions{text-align: right;line-height: 31px; padding-right:0;  display: flex; width: 100%; justify-content: space-between; align-items:flex-end; flex-direction:column;}
.mp-search .form-actions div {margin-bottom: 15px; width: 100%; }
.mp-search .form-actions div button{margin: 0px;}
.mp-search-txt{ color:#6f6f6f; font-size: 18px; line-height: 18px;    margin-bottom: 60px;}
.mp-search-txt header{font-size: 16px; font-weight: 600;margin-bottom: 20px;text-align: center;}
.search-title {
    display: inline-block;
    padding: 15px 60px 15px 15px;
    border-radius: 15px;
    background-color: #0632AD;
    color: #fff;
    background-image: url(images/search.svg);
    background-position: 95% center;
    background-size: 9%;
    background-repeat: no-repeat;
}
.pos-center {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.mp-cols{margin-left: -10px; margin-right: -10px;}
.mp-cols .col{padding-left:10px;padding-right: 10px;font-size: 18px;line-height: 1.65;display: inline-block;margin-left: -0.25em;margin-bottom: 20px;vertical-align: top;}
.mp-cols .col b{display: block; }

.mp-cols .col:first-of-type {margin-left: 0;}
.col-6{width:16.666%;}
.col-4{width:25%;}
.col-2{width:50%;}

.benefit figure {	line-height: 100px;}
.step-num{ width: 45px;height:45px;line-height: 41px;color:#5aae3f;border:solid 2px #5aae3f; border-radius: 50%;font-size: 24px;margin:20px auto;background: #fff;}
.steps{position: relative;text-align: center;}
.steps:before{ content: ""; display: block; position: absolute; width: 75%; height: 2px; background: #5aae3f; top: 42px; left: 12.5%;z-index: -1;}
.step{ text-align: center; word-wrap: break-word;}
.page-top{background-color: #f5f5f5;}
.page-top .cont{margin: 0 auto;}
.page-top .action{font-size: 24px;line-height: 1.65;text-align: center;color:#000;text-decoration: none;}
.page-top .action:hover{text-decoration: none;}

.box-simple{background: #f5f5f5;padding: 10px;}

.mp-slider-items{position: relative;}
.cols-wrap .tbl{border-collapse: separate; border-spacing: 10px 0; margin-left: -20px;  width: calc(100% + 40px);}


.mp-slider-items .mp-header{margin-bottom: 20px;}
.mp-slider-items .owl-slider{margin-bottom: 40px;}
.mp-slider-items .owl-carousel{position:static;}

.owl-slider {
    padding: 0 50px;
}

.owl-slider .owl-nav button.owl-next, .owl-slider .owl-nav button.owl-prev {
        outline: none !important;
        position: absolute;
        width: 21px;
        height: 44px;
        top: calc(50% - 22px);
        background-repeat: no-repeat;
        background-size: cover;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        box-shadow: none;
    }

.owl-slider .owl-nav button.owl-next {
        background-image: url(images/arrow-right.png);
        right: 10px;
    }

.owl-slider .owl-nav button.owl-prev {
        background-image: url(images/arrow-left.png);
        left: 10px;
    }

.black-arrow .owl-slider {
    padding: 0;
}
.black-arrow .owl-slider.cars-slider {
    padding: 0 25px;
}

.black-arrow .owl-slider .owl-nav button.owl-next, .black-arrow .owl-slider .owl-nav button.owl-prev {
    outline: none !important;
    position: absolute;
    width: 11px;
    height: 34px;
    top: calc(50% - 4px);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: none;
}
.black-arrow .owl-slider .owl-nav button.owl-next {
    background-image: url(images/icons/icon-arrow.svg);
    right: 0;
    transform: rotate(180deg);
}
.black-arrow .owl-slider .owl-nav button.owl-prev {
    background-image: url(images/icons/icon-arrow.svg);
    left: 0;
}
.black-arrow .cars-slider.owl-slider .owl-nav button.owl-next, .black-arrow .cars-slider.owl-slider .owl-nav button.owl-prev {
    top: calc(50% - 40px);
}
.mp-slider-items .date{color:#6f6f6f;font-style: italic;display: block;margin-top: 10px;}
.mp-slider-items .more{color:#000;font-style: italic;display: block;}
.mp-slider-items .link-gray{display: block;}
.cols-wrap{overflow: hidden;}
.cols-wrap .tbl{table-layout: fixed;}

.cars-slider{ width: calc(100% - 340px); position: relative;}

.footer-top {
    margin-top: 40px;
    gap: 15px;
}
.go-garage {
    padding: 10px;
    width: 320px;
    margin-left: 20px;
}
.go-garage-title {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
}
.go-garage-subtitel {
    font-size: 15px;
    margin: 0 0 10px;
}
.go-garage .btn-simple.btn-secondary.mp-callback-button {
    max-width: 170px;
    padding: 15px 0;
    max-height: 45px;
}
.car-item {
    font-size: 18px;
    line-height: 1.65;
}
.item.car-item img {
    max-height: 160px;
    object-fit: cover;
}
.item.car-item p{
    padding: 10px 0 0 0;
    text-align: center;
}

.car-item a {
    font-weight: 600;
}
.car-item figure{margin: 0 0 10px 0;}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{ -ms-touch-action: auto; touch-action: auto;}

a[href^="tel:"]{color:inherit;text-decoration: none;}

.tooltip {display: inline-block; position: relative;}
.tooltip-btn {
	display: inline-block; background: white; width: 16px; text-align: center; border-radius: 50%; line-height: 11px; width: 11px; cursor:pointer;  position: relative; top: -5px; font-size: 10px;
}
.tooltip-body{
	display: none; position: absolute; background: #fff; padding: 10px; top: 0; left: 100%; border: 1px solid #eeeeee; border-radius: 4px; width:auto; border: 1px solid #d4d4d4; box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.1); z-index: 10;
}
.tooltip:hover .tooltip-body{
	display: block;
}

.order-wrapper label {
    width: auto;
}

.cont-md{max-width: 1130px;}
.cont-xs{max-width: 800px;}
.figure-block{border-top: double 4px #b8b8b8;padding: 30px 0;font-size: 14px;}
.figure-block-figure{float:left;margin-right: 50px;}
.years-lg{font-size: 60px;font-weight: 700;text-align: center;line-height: 60px;position: relative;}
.years-lg-year{display: block;}
.years-lg-year:first-of-type:after{content:"";display: block;width: 35px;height: 4px;background-color: #333333;margin: 5px auto;/*position: absolute; top: calc(50% - 2px);right: calc(50% - 17.5px);*/}
.figure-block-right .figure-block-figure{ float:right; margin-left: 50px; margin-right: 0; }

.gallery-grid{margin:20px -2px;}
.gallery-grid-col{float: left;width: 50%;padding-right: 4px; padding-bottom: 4px;}
.gallery-grid-col .figure img{width: auto;width: 100%;}
.gallery-grid .viki-gallery a{border: 0;padding: 0;box-shadow: none;margin: 0;}

.clearfix:after { content: ""; display:table; clear:both;}
.nums-col{float: left;}
.nums-col3{width: 30%;}
.nums-col5{width: 50%;}
.nums-col7{width: 70%;}
.nums-col10{width: 100%;}
.nums-row{clear:both;float:none;margin-bottom: 2px;}
.nums-col1{height: 300px;}
.nums-col2{height: 300px;}
.nums-col:not(:last-child) { padding-right: 2px;}
.nums-block{background-color: #e8e8e8;background-repeat: no-repeat;background-position:100% 100%;position: relative;}
.nums-block1,.nums-block2{height: 300px;}
.nums-block1{background-color:#e8e8e8; background-image: url('images/nums1.png');}
.nums-block2{background-color: #c4c4c4;background-image: url('images/nums2.png');}
.nums-block2-ru{background-image: url('images/nums2ru.png');}
.nums-block3{height: 155px; background-color: #dcdcdc;background-image: url('images/nums3.png');}
.nums-block4,.nums-block5{height: 150px;}
.nums-block4{background-color: #b8b8b8;background-image: url('images/nums4.png');background-position:30% 50%;}
.nums-block5{background-color: #a0a0a0;background-image: url('images/nums5.png');background-position:90% 100%;}
.nums-block6{height: 302px;background-color: #c4c4c4;background-image: url('images/nums6.png');background-position:10% 50%;}

.nums-num, .nums-txt{position: absolute;}
.nums-num{font-size: 120px;font-weight: 700;line-height: 120px;}
.nums-txt{font-size: 36px; font-weight: 700;line-height:1;}

.nums-num-green{color:#5aae3f;}
.nums-num-white{color:#fff;}
.nums-num-blue{color:#0632AD;}
.nums-num-gray{color:#d0d0d0;}
.nums-num-txt, .nums-num-txt2{font-size:36px;}


.nums-block1 .nums-num{top:20px;left:40px;}
.nums-block1 .nums-txt{top:140px;left:160px;}
.nums-block2 .nums-num{top:10px;left:30px;}
.nums-block2-ru .nums-num{left: 65px; top: 20px;}
.nums-block2 .nums-txt{top: 90px; left: 180px;max-width: 200px;}
.nums-block2-ru .nums-txt{top: 170px; left: 70px; max-width: 230px;} 
.nums-block3 .nums-num{top: 20px; left: 130px;}
.nums-block3 .nums-txt{top: 90px; left: 640px;}

.nums-block5 .nums-num{left: 40px; top: 20px;}
.nums-block5 .nums-txt{top: 90px; left: 320px;}    
.nums-block6 .nums-num{left: 360px; top: 49px;}
.nums-block6 .nums-txt{top: 170px; left: 270px;}  

.nums-block4 .nums-txt{top: 40px;left:20px;}
.nums-block4 .nums-num{left: 230px;top:10px;}
.nums-block4 .nums-num-txt{top: -25px; position: relative; left: 25px;}
.nums-block4 .nums-num-txt2{position: relative; right: 30px;}

.video-w{margin: 0;}
.video-slider{width: 1px;min-width: 100%;}


.grid-new {
    margin: 20px 0 20px 0;
}

.grid-new-item{
	margin-top: 5px;
	border: solid 1px #ddd;
	display: table;
	width:100%;
    position: relative;
	min-height: 140px;
	margin-left: 0px;
	margin-right: 0px;  
}

.inner-block-left{
	margin:12px 5px;
	display: block;
	float: left;
  position: relative;
    max-width: 30%;
}

.icon__new{
  position: absolute;
  top: 0px;
  right: 0px;
  height: 50px!important;
  width: auto !important;
  z-index: 10;
}

.inner-block-right{
	margin:12px 5px 0 2px;
	display: inline-block;
    position: absolute;
    top: 0;
    height:calc(100% - 24px);
    right: 0;
    width: 30%;
}

.inner-block-right .right-col,.inner-block-right .right-col_wd {
	display: inline-block;
	
    position: absolute;
    float: right;
    width: 60%;
    height: 100%;
}

.inner-block-right .right-col_wd {width: 49%;}
.inner-block-right .bottomize { position: absolute; width: 100%; bottom: 0;}
.inner-block-right .bottomize:nth-child(2) { position: absolute; width: 100%; bottom: 0px;}
.block-post-date { width: 10%;}
.block-post-date_favorites { width: calc(10% - 10px);}
.inner-block-right .right-col-consult,.inner-block-right .right-col-consult_wd{
	display: inline-block;
    position: relative;
	margin-right: 3px;
	margin-left: 5px;
    float: right;
    width: 30%;
    height: 100%;
}
.inner-block-right .right-col-consult_wd {width: 49%;}
.inner-block-right .right-col-favorite {
    display: inline-block;
    position: relative;
    float: right;
    height: 100%;
    width: 40px;
}
.inner-block-right .cost-row .cost{	display: table-cell; padding-right: 15px;}
.grid-new strike { padding-left: 2px;}
.new-grid__item  .consultation-button, .inner-block-right .consultation-button,  .favorites-delete-button{
	  background: #B8B8B8;
    display: block;
    height: 38px;
    width: 100%;
    border-radius: 5px;
    position: relative;
    text-align: center;
    color: white;
    font-size: 15px;
    /* margin-top: 41px; */
    text-shadow: none;
    border: none;
}

.new-grid__item  .consultation-button .consult-text, .inner-block-right .consultation-button .consult-text {
    display: inline;
    position:relative;
    padding-left:27px;
}
.inner-block-right .buy-button, .favorites-grid__item .buy-button, .new-grid__item .buy-button{ 
  display: inline-block;
  height: 45px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  font-size: 15px;
  text-shadow: none;
  border: none;
}
.inner-block-right .buy-button:focus, .favorites-buy-button:focus{outline:none;}
.favorites-buy-button:focus{background: #3fbf19;}
.favorites-buy-button:hover { background: #3fbf19;}
.inner-block-right .buy-button-disabled, .new-grid__item .buy-button-disabled {
  background: #fff;
  color: #000;
  border: none;
  box-shadow: none;
  white-space: nowrap!important;
}
.inner-block-right .buy-button-disabled:hover .new-grid__item .buy-button-disabled {background: #c15252;}
.inner-block-right  .consultation-button:hover, .favorites-delete-button:hover { background-color: #a9a3a3; background-image: unset;}
.favorites-delete-button:focus{ background-color: #a9a3a3; background-image: unset;}
.grid-new-item-name{font-size: 18px; font-weight: 700;}
.grid-new-item-name a { color:#333;}
.grid-new-item-model{	margin: 10px 0;	font-weight: 600;}
.grid-new-item-post-date td{
    border-top:  1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: none;
    border-right: none;
    width: 70%;
    padding: 1px;
}
.grid-new-item-post-date th{
    border-top:  1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left: none;
    border-right: none;
    width: 30%;
    padding: 1px;
}
.adapting-characteristics_lg{width: 35%;}
.adapting-characteristics caption,
.grid-new-item-post-date caption{	text-align: left;	color: #969696;}
.adapting-characteristics td, .adapting-characteristics th {
 border-top:  1px solid #ddd;
 border-bottom: 1px solid #ddd;
 border-left: none;
 border-right: none;
 padding: 1px; 
}
.adapting-characteristics th {width: 130px; }
.cost {padding-left: 3px; padding-bottom: 16px; font-weight:bold; text-align:center;}
.cost-raz {padding-left: 0px;font-weight: bold;}
.cost-raz__info {
    display: flex;
    width: 140%;
}
.white-space__normal {
    white-space: normal;
}
.num-cost, .num-cost-cart, .count-cart{display: inline-block ;font-weight: 700;	font-size: 16px;}

.num-cost .checkbox {
    font-weight: 700;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

.num-cost .checkbox .disassembled-text{
    font-size: 10px;
    font-weight: normal;
    margin: 0 0 0 5px;
}
/*.num-cost{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}*/
.num-cost__first {
    position: relative;
    display: inline-block;
    font-size: 1em;
}
.num-cost__second
{
    position: relative;
    display: inline-block;
    color: #D32432;
    font-size: 1em;
}
.num-cost_left, .num-cost_right {width: auto; position: relative;}
.num-cost_left { margin-right: 5px;}

.num-cost__first_border:before{
    content: "";
    width: 100%;
    height: 2px;
    background: red;
    display: block;
    right: 0;
    top: 7px;
    position: absolute;
}
.num-cost-cart {
    width: 100%;
    padding-left: 20px;
}
.type-cost{	font-size:11px;	color:#969696;}
.sto-cost{	font-size:14px;	color:#969696; font-weight:normal;  width: 100%; text-decoration: underline;}
.sto-cost button { width: 100%; margin-top: 2px;}
.install-price__info{ display: flex; flex-direction: column; text-align: center; width: 105%;}
.install-price__info span{ color: #333333!important}
.rub{	display: inline-block; font-weight:700;	font-size: 15px;}
.grid-new-item-picture,
.grid-new-item-picture-empty{ display: block; width: 100%;}
.grid-new-item-main-description { width: calc(30% - 155px);}
.old-info { width: 100%;}
.old-info-header { font-size: 16px; text-align: left; color: #969696;}
.buy-button .icon-ok { display:none;}
.about-info{ list-style-type: none;}
.about-info li:before{
    content: '';
    display: inline-block;
    height:10px;
    width: 10px;
    vertical-align: middle;
    background-color:#3555A2;
    margin-right:5px;
}

.about-info-text,
.about-info li{
    color: rgb(51, 51, 51);
    font-family: Helvetica, sans-serif;
    font-size: medium;
    line-height: 23px;
}

.about-info-header{
    display: inline-block;
    background: #EB3446;
    color: #FFFFFF;
    min-width: 150px;
    font-size: 17px;
    padding-left: 2px;
    font-weight: 700;
    line-height: 19px;
    border: 2px solid #EB3446;
    margin-bottom: 5px;
}
.count-col{text-align:center;}
.price-col label{padding-top:0;}
.new-cart-items{border: 1px solid #b8b8b8; margin-bottom: 20px;}
.new-cart-items td,.new-cart-items th{
	border-left: none !important;
	border-right:none !important;
	/*position: relative;*/
	font-weight: 500;
}
.new-cart-items th {	line-height: 35px; padding: 0px 32px; font-weight: bold; font-size: 14px; white-space:nowrap;}
.new-cart-items td {padding: 25px 5px;}

a.new-del 
{
  display: block;
  background-image: url(images/trash-button.svg);
  background-repeat: no-repeat;
  display: inline-block;
  background-position: center;
  height: 30px;
  line-height: 14px;
  margin-top: 1px;
  vertical-align: text-top;
  width: 30px;
  float: left;
  z-index: 1000;
  margin-top: auto;
}
.checkbox, .favorites-checkbox {
  display: block;
  width: 100%;
  text-align: unset;
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkbox input {
  position: absolute;
  left: 0;
}
.checkmark {
  position: absolute;
  left: 0;
  bottom: 1px;
  height: 12px;
  width: 12px;
  border:0.8px solid #b8b8b8;
  border-radius: 50%;
}
.checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkbox input:checked ~ .checkmark:after {
  display: block;
}
.checkbox .checkmark:after {
  top: calc(50% - 4px);
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: black;
}
.items-number{width: 80%; margin: 0 10% 0 10%; font-size: 18px; text-align: center; font-weight: 700;}


.cart-raz-text{
	padding-left: 25px;
    font-weight: 600;
    font-size: 12px;
}
.raz-checkbox{margin-bottom: 0;}
.stepper{position: relative;}
.stepper .headers,
.stepper .bodies{
	display: block;
	width: 100%;
}
.stepper .header{
	display: inline-block;
	height: 36px;
	width: 50%;
	border: 1px solid #b8b8b8 ;
	border-left: none;
	background-color: #f3f3f3;
	margin:0;
	position: relative;
	text-align: center;
	line-height: 36px;
    align-items: center;
    margin-left: -0.4em;
    font-size: 15px;
}
.stepper .header:after, 
.stepper .header:before{
	content: "";
	position: absolute;
}
.stepper .header:after{
	border:17px solid transparent;
	border-left: 30px solid #f3f3f3;
	right: -44px;
	z-index: 2;
}
.stepper .header:before{
	border:18px solid transparent;
	border-left: 31px solid #b8b8b8;
	left: 0;
	top:-1px;
}
.stepper .headers .first{border-left: 1px solid #b8b8b8 ;}

.stepper .headers .first:before,
.stepper .headers .last:after{border:none;}

.stepper .headers .last{border-right: 1px solid #b8b8b8 ;}
.stepper .headers .active{
		background-color: #5aae3f;
		color:white;
}
.stepper .headers .active:after{border-left-color: #5aae3f;}
.stepper .bodies .body{
	display: none;
	width:100%;
}
.stepper .bodies .active{
	display: block;
	width: 100%;
	position: relative;
}

.stepper .bodies .active.flex {
    display: flex;
}

.stepper .field{
	width: 100%;
	padding-top: 15px;
}
.stepper .body-header{
	color: black;
	font-size: 18px;
	font-weight: 700;
	margin:25px 0;
}
.stepper .field .stepper-label,
.stepper .field .data{
	display: inline-block;
}
.stepper .field .stepper-label{
	width: 250px;
	margin:0;
	font-size: calc( (100vw - 300px)/(1920 - 300) * (18 - 12) + 12px);
	color: black;
	padding-left: 10px;
	text-align: left !important;
}
.stepper .field .data{
	width: calc(100% - 250px);
	/*min-width: 450px;*/
	position: relative;
	/*margin-left: -0.6em;*/
}
.stepper .field .data-right{
    float: right;
}
.stepper .field input,
.stepper .field .comment,
.stepper .field select{
	display: block;
	width :100%;
	/*margin-left: -0.3em;*/
}
.stepper .field .comment{min-height: 135px;}
.stepper .field .hint{
	display: block;
	width: 100%;
	font-size: 12px;
	color: #919191;
	text-align: left;
	padding-left: 10px;
	font-style: italic;
}
.stepper .tooltip-btn{
	border: 1px solid #919191;
    color: #919191;
    width: 20px;
    height: 20px;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    padding-right: 1px;
    top:unset;
}
.stepper .tooltip-body{font-size: 11px;}
.stepper .addition-info{font-size: 11px;}
.stepper-footer{
	width:100%;
	display: block;
	position: relative;
}

.stepper-next-button{
	border-radius: 5px;
	border: none;
	background: #5aae3f;
	color:white;
	height: 40px;
	width:100%;
	font-size: 18px;
  display: block;
  text-align: center;
  text-shadow:none;
  padding-left:30px;
  padding-right:30px;
}
.stepper-next-button:focus{
    background: #5cbb3d;
    border-color: #5aae3f;
    outline: none;
}
.stepper-next-button:hover{background: #5cbb3d; text-decoration: none; color: white;}
.stepper-cost{
	font-size: 22px;
	font-weight: 500;
	color:black;
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
  font-weight: 700;
}
.stepper-cost span{
	font-size: 28px;
	color: #000;
	
}
.stepper-footer-right-block .stepper-cost span{font-size: 22px; white-space: nowrap; line-height: 22px;}
.stepper-footer-right-block .stepper-cost{width: 100%; margin-top:10px;	margin-bottom:20px;
    
}
.stepper .cost-center{text-align: center;}
.stepper-footer{margin-top: 40px;}
.stepper-footer-right-block{
    display: flex;
    flex-direction: column;
}
.cart-controls{
    font-size: 16px;
    color:#0632AD;
    margin-left: 50px;
}

@media (max-width: 768px){
    .cart-controls{
        margin-left: 30px;
        margin-bottom: 20px;
    }
}

@media (max-width: 700px){
    .cart-controls{
        margin-left: 0px;
    }
}

.cart-controls a
{
  text-decoration:none;
}
.cart-controls a span
{
  text-decoration:underline;
}
.cart-controls a span:hover
{
  text-decoration:none;
}
.stepper .thanks{
	color: black;
	width: 100%;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin:50px 0 30px 0;
	line-height: 32px;
}
.stepper .thanks span{font-size: 18px;}
.stepper .thanks .number{
	color: #59af40;
	font-size: 17px;
}
.stepper .thanks-text{
	font-size: 16px;
	color: black;
	text-align: center;
	width: 100%;
	line-height: 30px;
	margin-top: 20px;
}
/*#map{margin-left: calc(50% - 200px);}*/
.cart-map{margin-left: calc(50% - 200px);/*padding: 0 15px;*/margin-left: 15px;}
.stepper .stepper-contacts{
	width: 100%;
	font-style: italic;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
	line-height: 30px;
	color: black;
}
.stepper .stepper-contacts a{color:#408dbb;}



.contacts-page h2{	margin-bottom: 15px;font-size: 22px;}
.branch{ overflow: hidden;  color: #000000;}
.select-big .custom-select{
	background-color: #0632AD;
	color:#fff;
	font-size: 22px;
	font-weight: 700;
	border:none;
	height: 40px;
	line-height: 40px;
	width: 100%;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}
.select-big .custom-select:after{
    content:">";
    display: inline-block;
    position: absolute;
    top:0;
    right: 10px;
    transform: rotate(90deg);
    font-weight: 400;
}
.select-big .custom-select__dropdown{
    color:#3d3d3d;
    font-size: 17px;
    position: relative;
    z-index: 10;
    border-radius: 4px;
    overflow: hidden;
    background-color: #e8e8e8;
}
.select-big .custom-select__list{
    list-style: none;
    margin-left: 0;
}


.select-big .custom-select__gap{ padding: 0 30px;}
.select-big .custom-select__item{ padding:3px 30px; line-height: 1.4;}
.select-big .custom-select__item:hover{  background-color: #0632AD; color:#fff;}
.contacts-phone{font-weight: 700;font-size: 22px;}
.contacts-phone span{font-size: 18px;}
.contacts-top{margin-bottom: 15px;}
.cols .col{display: inline-block; margin-right: -0.25em;vertical-align: top;}
.contacts-cols{margin-left: -15px; margin-right: -15px;}
.contacts-cols .col{padding-left: 15px;padding-right: 15px;}
.col3{	width: 25%;}
.col4{width: 33.333333%;}
.col5{width: 41.666667%;}
.col6{width: 50%;}
.col8{width: 66.666667%;}
.contacts-phone{border:solid 2px #5aae3f;padding: 9.5px 35px;border-radius:4px;display: inline-block;white-space: nowrap;float: left;}
.contacts-top-txt{display: inline-block;float: left;font-size: 16px; line-height: 1.2;color:#626262;  margin-left: 10px;}
.contacts-top .contacts-top-txt {width: calc(100% - 560px);max-width: 410px;}
.contacts-top-txt.cel{display: table-cell;vertical-align: middle;float: none;padding-left: 15px;width: 100%;}

.branch{margin-bottom: 45px;}
.branch-info{background-color: #f4f4f4;padding: 20px 30px;padding-bottom: 0;border-radius: 4px;}
.branch-title{font-size: 30px;font-weight: 700;line-height: 1; margin-right: 30px;}
.link-big{font-size: 15px;}
.link-underline{text-decoration: underline;}
.link-big:hover{text-decoration: none;}
.branch-info-item{position: relative;padding-left: 40px;margin-bottom: 40px;}
.branch-info-item-header{font-size: 22px; font-weight: 700;color:#626262;margin-bottom: 20px;line-height: 1;padding-top: 5px;}
.branch-info-item img{position: absolute;left:0;}
.branch-info-item p {line-height:1.4;font-size: 16px;color:#282828;}

.branch-info-item:before{
    content:"";
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center;
    position: absolute;
    left:0;
}
.branch-info-item-address:before{ background-image: url('images/icon-address.png'); }
.branch-info-item-time:before{ background-image: url('images/icon-time.png'); }
.branch-info-item-phone:before{ background-image: url('images/icon-phone.png'); }
.branch-info-item-stock:before{ background-image: url('images/icon-stock.png'); }
.branch-info-item-email:before{ background-image: url('images/icon-email.png'); }

.contacts-map{margin-bottom: 45px;}
.map{width: 100%;height: 395px;background-color: #f4f4f4;}
.map-wrapper iframe{width: 100%;border:none;}
.contacts-info{font-size: 14px;line-height: 1.5;}
.contacts-info h3{font-size: 16px;margin-bottom: 30px;}
.contacts-info{margin-bottom: 50px;}

.contacts-form .field{display: block; margin-bottom: 10px;clear: both;}
.contacts-form label{font-size: 18px;text-align: left;}
.contacts-form .input{width: calc(100% - 170px);float: left;}
.contacts-form input,
.contacts-form textarea{width: 100%;}
.contacts-form textarea{height: 130px;}
.contacts-form .required{color: #333333;}
.contacts-form span{margin-left: unset !important;font-size: 12px;color:#888888;font-style: italic;padding: 3px 5px;display: inline-block;}
.contacts-form .field-checkbox {text-align: right;}
.contacts-form .field-checkbox label{display: inline;width: auto;float: none;margin: 0;}
.contacts-form .field-checkbox input{width: auto;}
.contacts-form .mt-30{margin-top: 30px;}
.contacts-form .field-buttons{text-align: right;}
.link-red{color:#bd272b;}
.contacts-form textarea{resize: none;}
.contacts-gallery{
	margin-left: -2.5px;
	margin-right: -2.5px;
    display: unset;
}
.contacts-gallery-item{
	width: 20%;
	padding: 2.5px;
	float: left;
	text-align: center;
}
.contacts-gallery-item img{
	max-width: 100%;
}

.branch-hidden{ opacity: 0; display: none; transition: 0.8s;}
.branch-active{ opacity: 1; display: block; transition: 0.8s;}
.branch-header{background-color: #f4f4f4; padding:20px 30px 0 30px ;}

#FilMap{
   height: 300px !important; width: 100%;
}
#YmapPickupDelivery, #YmapOnTheWayDelivery{
    height: 100%;
}
#FilMap>ymaps, #YmapPickupDelivery>ymaps, #YmapOnTheWayDelivery>ymaps,
#FilMap>ymaps>ymaps, #YmapPickupDelivery>ymaps>ymaps, #YmapOnTheWayDelivery>ymaps>ymaps{ width: 100% !important;}


.stepper .checkbox input {
    width: unset; margin-left: unset;
    opacity: 1; position: absolute; left: 5px; top: 22px; cursor: pointer;
}
.stepper .checkbox label{ float: unset;display: inline-block; padding-left: 30px; width: 100%; text-align: left;}
.stepper .checkbox{ cursor: unset;}
.stepper .checkbox{ padding-left: unset;}
.stepper #pickup-cost { margin-bottom: 0;}
.stepper .checkbox > span {
    padding-left: 6px;
}

.cart-map>ymaps,
.cart-map>ymaps>ymaps{ width: 100% !important;}

.cart-map{width:calc(100% - 15px) !important;}
.stepper .headers{margin-left: 8px;}

.phone-region-up {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 3px;
    align-items: center;
}

.phone-region-phone span{
    font-size: 13px;
    font-weight: 400;
    white-space: normal;
}
.phone-region-phone-add{
    padding-top: 10px;
}

.tires-main-block {
    border-radius: 3px;
    background-color: #0077AC;
    padding: 15px;
    padding-bottom: 0;
    width: 200px;
    width: 35%;
    float: left;
    margin-right: 3%;
}

.tires-parts{
    width: 35%;
    margin-bottom: 10px;
}


.tires-secondary-block {
    width: 62%;
    float: left;
    position: relative;
}

.tires-main-field {
    margin-bottom: 15px;
}

.checkbox-button {
    display: inline-block;
    width: 33%;
    height: 30px;
    text-align: center !important;
    position: relative;
    float: left;
    margin-top: 15px;  
}

.checkbox-button label{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #C7C7C7; 
    padding: 0;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    cursor:pointer;
    margin:0;
}

.checkbox-button input {
    position: absolute;
    opacity: 0;
}

.checkbox-button:hover label{
    background-color: #E4E4E4;
}

.checkbox-button input:checked + label {
    background-color: #E4E4E4;
}

.tires-additional-info {
    width: 100%;
    margin-top: 15px;
    overflow: auto;
}

.tires-field-article {
    width: calc(100% - 140px);
    float: left;
}

.tires-field-isfoto {
    width: 140px;
    float: left;
}

.tires-field-isfoto label{
    width: auto;
    margin: 0;
}

.tires-field-isfoto input{
    float: left;
    margin: 10px 7px auto 13px;
}
/*.mp-search .tires-block .btn,
.mp-search .tires-block input[type=text], .mp-search .tires-block select,  .mp-search .tires-block label {
     font-size: 14px;
 }*/

.tires-field-r2 {
    width: 49%;
    margin-top: 15px;
    margin-right: 1%;
    float: left;
}

.part-flt-manufacturer-tires {
    width: 49%;
    margin-top: 15px;
    margin-left: 1%;
    float: left;
}

.hd .search input{
    width: 100%;
}

.cart-new-icon, .personal-account i, .favorites-new-icon, .favorites-new-icon-submited{
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: bottom;
}
.favorites-new-icon, .favorites-new-icon-submited {
    background-image: url("images/favorites-icon.png");
    height: 25px;
    width: 26px;
    background-position: 0 0;
}
.favorites-new-icon-submited {background-position: 4.5px -29.5px !important;}
.favorites-new-icon:hover {background-position: -36px 0;}
i.favorites-new-icon-submited {background-position: 0 -36px !important;}
i.favorites-new-icon-submited:hover {background-position: -36px -36px !important;}
.favorites-new-icon-submited:hover {background-position: -31.5px -29.5px !important;}
.right-col-favorite i.favorites-new-icon, .right-col-favorite i.favorites-new-icon-submited{ height: 21px; width: 22px; background-size: 52px 50px;}
.right-col-favorite .favorite:hover i.favorites-new-icon{background-position: -30.5px 0;}
.right-col-favorite i.favorites-new-icon-submited { background-position: 0 -29.5px !important;}
.right-col-favorite .favorite:hover i.favorites-new-icon-submited {background-position: -30.5px -29.5px !important;}
.onepart-contacts .favorite i{ margin-right: 6px;}
.cart-new-icon {
    background-image: url("images/shoping-cart-icon.png");
    height: 25px;
    width: 30px;
    background-position: 0 0;
    margin: 0 3px 0 3px;
}
.cart-new-icon:hover {background-position: -32px 0;}
.personal-account:hover i.not-authorized {background-position: -27px 0;}
.personal-account:hover p {color: #a3a3a3;}
.personal-account i.not-authorized {
    background-image: url("images/user-new-icon1.png");
    height: 25px;
    width: 26px;
    top: 2px;
    background-position: 0 0;
}

span.index-icon-blue {
    position: absolute;
    bottom: 12px;
    right: 5px;
    width: 16px;
    height: 11px;
    font-size: 10px;
    line-height: 13px;
    background-color: #0632AD;
    border-radius: 5px;
    text-align: center;
    color: white;
}
.favorite{
  border: 1px solid #b8b8b8;
  border-radius: 5px;
  background-position: 4.5px 5.5px;
  background-color: unset;
  padding: 6px 3.5px!important;
  background-image: unset;
  background-size: cover;
  width: 45px;
  height: 45px;
}
.favorite:hover,.favorite:focus {
    background-repeat: no-repeat;
    background-color: unset;
    border-color: #b8b8b8;
    background-image: unset;
}
.onepart__comment {
  text-align: start;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 400px;
}
.onepart__comment .auth-form form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.onepart__comment .auth-form form button {
  font-size: 15px;
  padding: 10px;
}
.onepart__comment .auth-form .error,
.onepart__comment .auth-form .form__checkbox label {font-size: 12px;}
.onepart__comment .button {
    margin-left: 15px;
  }
.comment-form{
    width: 500px;
    margin-top: 15px;
}
.comment-form ul.error{
    text-align: left;
}
.comment-form__comment-wrap{
    width: 100%;
    max-width: 50%;
    margin-right: 15px;
}
.comment-form__textarea{
    width: 100%;
    margin-bottom: 15px;
    height: 140px;
}
.comment-form button{
    float: right;
    padding: 4px 30px;
}
.message_ok{
    color: #0632AD;
}

.message_ok__green{
    color: #5EB00B;
}
.message_error{
    color: red;
}
.onepart-contacts .favorite:hover:after, .onepart-controls .favorite:hover:after {color: #aeaeae;}
.favorite:hover i.favorites-new-icon {background-position: -36px 0;}
.favorite:hover i.favorites-new-icon-submited {background-position: -36px -36px !important;}
#Cart, #Favorites {display: inline-block;vertical-align: bottom;}
.onepart-contacts .favorite {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 160px !important;
    padding-right: 23px;
    color: #b8b8b8;
    font-weight: 600;
    background-position: 5px;
    align-self: center;
    margin-right: 0;
    background-image: unset;
    padding-left: 12px;
    padding-top: 5px;
}
.onepart-contacts .favorite:after, .onepart-controls .favorite:after {content: attr(title);line-height: 24px;}
.popup-favorites {
    z-index:10; bottom: 35px; left:calc(50% - 95px); position:absolute; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.2); background:#ffffff; padding:5px 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    height: auto;
    width: 180px;
    text-align: center;
}
.onepart-contacts .popup-favorites {
    bottom: unset;
    width: 240px;
    left: calc(50% - 120px);
    top: 50px;  
}
.onepart-contacts .popup-favorites-submited {
    top: 80px;
    left: calc(50% - 90px);
    width: 180px;
}

.popup-favorites-submited{ left: calc(50% - 67px); width: 130px;}
.favorites-example-image {
    width: 49%;
    margin: 0 0.3% 0 0.3%;
    border: 1px solid #a3a3a34d;
}
a.del-favorite {
    position: absolute;
    right: 3px;
    float: right;
    z-index: 10;
}
.favorites-checkbox {
    margin-top: 12px;
    float: left;
    display: inline-block;
    width: unset;
    padding-left: 12px;
}
.favorites-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.favorites-checkbox .favorites-checkmark {
    position: absolute;
    top: 0;
    left: 4px;
    height: 16px;
    width: 16px;
    background-color: white;
    border: 0.8px solid #ddd;
}
.favorites-checkbox:hover input ~  .favorites-checkmark {
    border-color: #9d9d9d;
}
.favorites-checkbox .favorites-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.favorites-checkbox input:checked ~ .favorites-checkmark:after {
    display: block;
}
.favorites-checkbox .favorites-checkmark:after {
    left: 5.5px;
    top: 1.5px;
    width: 3px;
    height: 8px;
    border: solid #5aad41;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.favorites-filter-box {
    margin: 15px 0;
    border: 1px solid #dcdcdc;
    width: 100%;
    position: relative;
    min-height: 50px;
}
.favorites-filter-box label {
    margin-top: 16px;
    text-align: center;
    padding-left: 25px;
    font-size: 16px;
    line-height: 0;
    margin-right: 100px;
}
.favorites-delete-button, .favorites-buy-button {
    width: 11%;
    margin-top: 5px;
    display: inline-block;
    margin-right: 5px;
}
.favorites-error 
{
    margin-left: 50px;
    display: inline-block;
    background: url(../UI/Viki/images/warning.png) 0 0 no-repeat;
    margin: 0;
    padding: 0 0 0 20px;
    min-height: 24px;
    font-size: 15px;
    color: Red;
    vertical-align: sub;
}
.node-element,
.block-links_element {
    border: 1px solid #fff;
    border-radius: 24px;
    min-width: 100px;
    width: max-content;
    height: 40px;
    text-align: center;
    line-height: 39px;
    position: relative;
    display: inline-block;
    white-space: normal;
    color: #000;
    cursor: pointer;
    padding: 0px 10px;
    background: #F1F1F1;
}

.node-element:after {
    content: '';
    position: absolute;
    opacity: 0;
    border: 20px solid transparent;
    border-bottom: 20px solid #fff;
    top: calc(50% + 2px);
    left: calc(50% - 20px);
}

.node-element:before {
    content: '';
    position: absolute;
    opacity: 0;
    border: 20px solid transparent;
    border-bottom: 20px solid var(--paramount-color);
    top: calc(50% + 1px);
    left: calc(50% - 20px);
}

.node-element:hover {
    border: 1px solid var(--paramount-color);
}

.block-links_element:hover {
    border: 1px solid var(--paramount-color);
    color: var(--paramount-color);
}
span.block-links_element:hover {
    text-decoration: underline;
}
.node-checked {
    background: var(--paramount-color);
    color: #fff;
    border-color: var(--paramount-color);
}

.node-checked:after, .node-checked:before {
    transition: 0.5s;
    opacity: 1;
}

.node-element p {
    display: inline-block;
    line-height: 13px;
    vertical-align: middle;
    margin: 0;
}

.nodes-box {
    background-color: #fff;
    border: 1px solid var(--paramount-color);
    display: none;
    padding: 20px 15px 20px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    margin-top: -1px;
}

.nodes-box a{
  color: #000;
}

.owl-carousel .owl-stage:after {
  content: '';
  display: none;
}

.about-slider .owl-item img {
    display: block;
    width: auto;
    height: 110px;
    margin: auto;
    object-fit: contain;
}
.about-slider a {
    text-decoration: none;
    color: #000;
}
.about-slider b, .about-slider span {
    text-align: center;
}
.about-slider span {
    color: rgba(0, 0, 0, .5);
}
.about-slider .benefit {
    text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about-slider .benefit p{
  max-width: 210px;
}
.about-slider .owl-item {
    text-align: center;
}

.nodes-box .column220{ margin-right: auto; margin-left: auto;}
.nodes-box p { margin: 0 0 7px 0; line-height: 12px;}
.node-slider,
.block-links {
    min-width: 100%;
    width: 0;
}

.block-links {
    padding: 0;
}

@media(max-width: 768px) {
    .node-slider,
    .block-links {
        padding: 0;
    }
    .header_alert-error.alert-error {
        display: none;
    }

    .mobile_alert-error.alert-error {
        display: block;
    }
}

.nodes-container,
.block-links_container {
    width: 100%;
    clear: both;
    display: table;
}
.node-slider .owl-nav button.owl-next,
.node-slider .owl-nav button.owl-prev,
.block-links .owl-nav button.owl-next,
.block-links .owl-nav button.owl-prev {
    top: 0;
}
.block-links .owl-stage-outer,
.node-slider .owl-stage-outer {
    padding-bottom: 15px;
}
.node-slider .owl-stage,
.block-links .owl-stage {
    margin: 0 auto;
    padding: 4px;
    display: flex;
    list-style: none;
}
.node-slider .owl-item,
.block-links .owl-item {
    text-align: center;
}
.viki-popup-button-consult_api:focus + .viki-popup{ display: block !important;}
.strict-search {position: absolute; right: 200px; top: 0;}
.strict-search select{ background-color: unset; border: none;}
.strict-search .select2-container--default .select2-selection--single {
     background-color: rgba(0,0,0,0);
     border: none;
     border-radius: 4px;
}

.boxfixed-instruction#boxfixed{
    margin-left: -400px ;
    top: 30% ;
}
.instruction-box#boxfixed-cont {
    width: 800px ;
    padding: 20px ;
    font-size: 18px ;
    color: unset ;
    line-height: 23px;
}   
.instruction-button, .instruction-button_comm {
    color: #A9A9A9;
    text-decoration: underline;
    float: right;
    padding-top: 10px;
    cursor: pointer;
}
.instruction-button:hover {
    color: #9a9a9a;
}
#review-rating
{
    letter-spacing: -6px;
    line-height: 25px;
    font-size: 35px;
    left: 12px;
    position: absolute;
}
.review-rating
{
    display: inline-block;
    float: left;
    letter-spacing: -2px;
    line-height: 15px;
    font-size: 24px;
    margin-right: 15px;
    }
#add-review-form .form-actions{ padding-left: 160px; position: relative;}
#review-rating span,.review-rating span{  color: #c3c3c3; transition: 0.1s; cursor:pointer;}
#review-rating .hovered, .review-rating .hovered{ color: #FFED00;}
#add-review-form .rate-text{ line-height: 26px; color: #adadad; }
.footer-rating-box{text-align:center; color:#8d8a8a; font-size: 13px; margin-top: 0px; display: flex; align-items: center;}
.footer-rating-box span {margin-right:15px; margin-top:7px;}
.footer-rating-box .review-rating{ float: unset; vertical-align: text-bottom; line-height: unset;}
.footer-rating-box .review-rating span{margin-right:0; cursor:unset;}
.stepper-footer-right-block label
{   
    width: 100%;
    margin-right:0;
    float: right;
    font-size: 13px;
    text-align: left;
}
.account-page{

}
.account__section{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 5px;
}

@media (max-width: 768px) {
    .account__section {
        justify-content: center;
        align-items: center;
    }
}
.account-banner{
    margin-left: 70px;
    margin-top: 20px;
    max-width: 580px;
}
.account-banner__title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 23px;
  display: block;
  line-height: 100%;
}
.account-banner__list{
    list-style: none;
    margin-left: 0;
}
.account-banner__list-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    font-size: 15px;
}
.account-banner__list-item i{
    margin-right: 10px;
    font-size: 24px;
    color: var(--paramount-color);
}
.account-banner__bottom{
    margin-top: 40px;
}
.account-banner__descr{
    padding: 16px 24px;
    border: 3px dashed #0632AD;
    border-radius: 5px;
    font-size: 18px;
    /*font-weight: bold;*/
    text-align: center;
    line-height: 22px;
}
.account-banner__tel{
    display: block;
    font-size: 24px;
    font-weight: bold;
}
.form{
    width: 325px;
    display: inline-block;
}
.form form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 5px;
}
.form__head, .form__head{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 40px;
    background-color: #0632AD;
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.form__title, .form__title{        
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.form__body {
    width: 100%;
    padding: 16px 20px 0;
    text-align: center;
    min-height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #F5F5F5;
    border-radius: 0 0 5px 5px;
}
#authorize .form__body .error{ padding: 0;}
#recoverpass .error{padding: 10px 0 0;}
.form__field, .form__field{
    position: relative;
    width: 100%;
    margin-bottom: 16px;
}
.form__field select, .form__field input:not([type="checkbox"]), .form__field .password-wrap,
.form__field select, .form__field .password-wrap{width: 100%;}
.form__field #Password{padding-right: 25px;}
.form__field label{
    margin: 0 0 5px;
    float: none;
    text-align: left;
    padding-top: 0;
}
.form__tabs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}
.form__tab{
    cursor: pointer;
    padding: 5px 18px;
    background: #DCDCDC;
    border-radius: 5px;
    margin-right: 5px;
}
.form__tab.active{
    background: #B8B8B8;
}
.form__tab-item-descr{
    padding: 0px 24px;
    display: inline-block;
    font-style: italic;
    color: #929292;
    font-size: 15px;
}
#recoverpass .mess{
    font-style: italic;
    color: #929292;
}
.btn__form {
    width: 100%;
    height: 44px;
    background: #0632AD;
    color: #fff;
    font-size: 20px;
    border: 0;
    margin: 5px 0 10px 0;
    outline: none;
    transition: none;
}

.btn__form.reg__btn {
    background: rgb(232, 234, 249);
    color: #0632ad;
}

.form__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #B6B6B6;
    align-items: center;
}
  .form__checkbox input:not([type="checkbox"]) {
    width: auto;
    margin-left: 0;
    margin-right: 5px;
  }
.form__checkbox label { width: auto; margin-bottom: 0;}

  .form__link {
    color: #333;
    font-size: 14px;
    text-decoration: underline;
    margin-bottom: 15px;
    display: inline-block;
  }
.form__link:hover{
    color: #333;
    text-decoration: none;
}
.password-wrap{
    display: inline-block;
    position: relative;
}
.password-wrap .i-lock{
    position: absolute;
    right: 3px;
    top: 2px;
    font-size: 30px;
    color: #d1d1d1;
}
.password-wrap .i-lock:hover{
    cursor: pointer;
}

.banner__wrap{

}
.dis-flx-cntr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.text-support{
    line-height: 20px;
}
.text-support__phone,.text-support__email{
    font-weight: bold;
}
.expected-parts__parts-list-wrapper{
    padding: 0 22px 22px;
    position: relative;
}
.expected-parts .expected-parts-list .btn-close_table{
    right: 23px;
    top: 2px;
}
.table-expected-part{
    background-color:#fff;
    border-radius: 5px;
}
.expected-parts__title{
    color: #2d2d2d;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}
.table-expected-part thead th{text-align: center;}
.table-expected-part .table-expected-part__item .btn-close{
    position: relative;
    top: 0;
    right: 0;
}
.table-expected-part .table-expected-part__item .btn-close:after{
    left:0;
}
.table-expected-part .table-expected-part__item .btn-close:before{
    left:0;
}
.table-expected-part .table-expected-part__item .btn-close:hover:after{
    transform: rotate(45deg);
}
.table-expected-part .table-expected-part__item .btn-close:hover:before{
    transform: rotate(-45deg);
}
.table-expected-part__cell_close {text-align: center;}

.table-expected-part .table-expected-part__item:hover td,
.table-expected-part .table-expected-part__item:hover th{
    background-color: #f5f5f5;
}


/*--------------------------------- garage ------------------------- */

.garage__subtitle{color:#0632AD;}
.car-list{list-style: none;margin: 0;}
.car-list__wrap-car{
    background-color: #F1F1F1;
    height: auto;
    max-width: 962px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.car-list__wrap-car .message-car{
    display: block;
    padding: 0 22px 22px;
}
.car-list__block-car{
    padding: 22px;    
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;    
    position: relative;
}
.car-list__car .btn-close{
    position: absolute;
    top: 6px;
    right: -17px;
}
.car-list__car:last-child{
    margin-bottom: 0;
}
.car-list__img-car{
    background-position: center!important;
    background-size: cover!important;
    background-color: #fff!important;
    border-radius: 5px;
    width: 250px;
    height: 168px;
    overflow: hidden;    
}
.car-list__data-car{
    width: calc(100% - 272px);
    position: relative;
}
.car-list__title-name-car{
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 15px;
    color: #2d2d2d;
}
.car-list__info-about-car{
    margin-bottom: 20px;
}
.list-info{
    list-style: none;
    margin-left: 0;
}
.list-info__item{
    color: #7b7b7b;
}
.list-info__item_key{
    font-weight: 600;
    min-width: 90px;
    display: inline-block;
}
.car-list__subtitle-car{
    color: #2d2d2d;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px;
}
.car-list__search{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.list-btns{
    list-style: none;
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: start;
    display: flex;
}
.list-btns__item,.car-list__btns-item{
    border: 1px solid #0632AD;
    width: 127px;
    height: 27px;
    border-radius: 5px;
    font-weight: 600;
    color: #0632AD;
    transition: .3s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.list-btns__item{
    margin-right: 5px;
}
.list-btns__item:hover{
    text-decoration: none;
    color: #333;
    border: 1px solid #333;
}
.car-list__btns{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
}
.car-list__btns-item{
    margin-bottom: 5px;
    border: 1px solid #333;
    color: #333;
    background-color: #F1F1F1;
    outline: none;
    font-size: 12px;
    background-image:none;
}
.car-list__btns-item:nth-child(2){
    margin-bottom: 5px;
}
.car-list__btns-item:hover{
    border: 1px solid #333;
    color: #fff;
    background: #0632AD;
    text-decoration: none;
}
.btn-1{
    height: 27px;
    width: 186px;
    font-size: 15px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.btn-1:hover{
    text-decoration: none;
    color:#fff;
}
.btn-1_green{
    background: #00B030;
    color: #fff;
    font-weight: 600;
}
.btn-1_green:hover{background: #009212;}
button.btn-1{
    border:none;
    text-shadow:none;
    vertical-align: baseline;
}
.btn-1_gray{
    background: #888888;
    color: #fff;
    font-weight: 600;
}
.btn-1_gray:hover{background: #5F5F5F;}
.btn-close{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    position: relative;
}
.btn-close:before{
    content: '';
    width: 100%;
    top: 5px;
    position: absolute;
    height: 3px;
    background: #333;
    transition: 1s;
    transform: rotate(-45deg);
}
.btn-close:after{
    content: '';
    width: 100%;
    top: 5px;
    position: absolute;
    height: 3px;
    background: #333;
    transition: 1s;
    transform: rotate(45deg);
}
.btn-close:hover:after{transform: rotate(-135deg);}
.btn-close:hover:before{transform: rotate(-225deg);}
.garage .btn-1{margin-bottom: 10px;}
#add-car-garage{margin-bottom: 10px;}
.form-add-garage{max-width: 962px;}
.form-add-garage__wrap-fields{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
    min-width: 30vw;
}
.form-add-garage__wrap-fields .error, .form-expected-parts .error{
    width: 100%;
    padding: 0;
}
.form-add-garage__wrap-fields input[type=text]{width:100%;}
.car-list__block-expected-parts .form-add-garage__wrap-fields>div{
    width: calc(33.3% - 6px);
    margin-right: 9px;
}
.car-list__block-expected-parts .form-add-garage__wrap-fields>div:nth-child(3n){
    margin-right: 0px;
}
.form-add-garage__wrap-fields>.field, .form-add-garage__wrap-fields .part-flt-model{ width: calc(33.3% - 6px);}
.form-add-garage__wrap-fields .part-flt-model .field{ width: 100%;}
.form-add-garage__wrap-fields select{ width: 100%; color:#333;}
.garage__subtitle{
    margin-bottom: 10px;
    display: inline-block;
}
.garage-form-edited-car{
    padding: 0 22px 22px;
}
.expected-parts-list .message-car-wrap .message-car{
    padding: 22px 0 0;
}
.garage-form-edited-car .btn-1{margin-bottom: 0;}
#message-garage{ margin-bottom: 10px;}
.message-car_green{color: #00b030;}
.message-car_red{color: red;}

.expected-part .message-car{}

.expected-part__subtitle{
    color: #2d2d2d;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}
.expected-part__btn{
    border: 1px solid #0632AD;
    width: 127px;
    height: 27px;
    border-radius: 5px;
    font-weight: 600;
    color: #0632AD;
    transition: .3s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
}
.expected-part__btn:hover{
    text-decoration: none;
    color: #333;
    border: 1px solid #333;
}
.expected-part__btns{
    list-style: none;
    margin-left: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.expected-part__btns li{
    margin-right: 5px;
}
.expected-part__btns li:last-child{
    margin-right: 0px;
}
.expected-parts__list{
    padding: 22px;
    list-style: none;
    margin: 0;
}
.expected-parts .field{
    width: calc(33.3% - 6px);
    margin-right: 9px;
}
.form-expected-parts__additional-characteristics{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;  
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}
.expected-parts .field:nth-child(3n){
    margin-right: 0px;
}
.form-expected-parts{
    padding: 0 22px 22px;
}
.form-expected-parts__title{
    color: #0632AD;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

.form-expected-parts .btn-1{
    margin-bottom: 0;
}
.form-expected-parts .field>select{width: 100%;color:#333;}

.table-expected-part thead tr th{
    vertical-align: middle;
}
.table-expected-part__head-name-part{
    width: 150px;
}
.table-expected-part__head-link{

}
.table-expected-part__head-add-prop{
    width: 150px;
}
.table-expected-part__head-count{
    width: 55px;
}
.table-expected-part__head-delete{
    width: 80px;
}
.table-expected-part__body-count{
    text-align: center;
}
/*--------------------------------- garage end ------------------------- */


/*--------------------------------- new garage start ------------------------- */

.garage-start__info-clip {
    max-width: 450px;
    width: 100%;
    filter: drop-shadow(2px 4px 6px rgba(0,0,0,.2));
    margin-bottom: 20px;
}

.garage-start__info {
    padding: 70px 20px 20px 20px;
    clip-path: polygon(50% 0%, 100% 25%, 100% 100%, 0 100%, 0 25%);
    background: #fff;
}

.garage-start__info-title-container {
    text-align: center;
    margin-bottom: 40px;
}

.garage-start__info-title-container h2{
    font-weight: 700;
    font-size: 18px;
}

.garage-start__info-title-container p{
    font-size: 12px;
}

.garage-advantages {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    place-items: center;
}

.garage-advantages li {
    display: grid;
    grid-template-columns: 40px minmax(auto, 270px);
    grid-gap: 20px;
    font-size: 15px;
}

.garage-advantages__image-container {
    max-width: 40px;
    width: 100%;
    max-height: 40px;
}

.garage-advantages__image-container img{
    max-height: 100%;
}
/*--------------------------------- new garage end ------------------------- */
/*--------------------------------- oplata start -------------------------*/
.flex-row {
    display: flex;
}

[mobile-menu], [fullscreen-popup] {
    overflow: hidden !important;
}

.overflow-hidden {
    overflow: hidden!important;
}

.align-end {
    align-items: flex-end;
}

.align-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-start {
    justify-content: flex-start;
}

.gap-5 {
  gap: 5px;
}

.gap-10{
    gap: 10px;
}
.gap-15 {
  gap: 15px;
}
.gap-20{
    gap: 20px;
}
.gap-25 {
  gap: 25px;
}
.gap-40 {
  gap: 40px;
}
.span-w-200 > span {
  width: 200px !important;
}

.query-result {
  color: gray;
  font-size: 12px;
}

.span-w-200 > label {
  width: auto !important;
  text-align: left;
}

.flex-col{
    display: flex;
    flex-direction: column;
}

.ml-10 {
  margin-left: 10px !important;
}

.category-title, .category-title_blue{
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: #5aae3f;
    padding: 15px 20px 10px 20px;
    max-width: 450px;
}
.category-title_blue{
    padding: 10px 20px 5px 20px;
    background-color: #0632AD;
}
.category-text{
    font-size: 14px;
    color: #000;
    font-weight: 400;
    padding: 20px;
}
.category-images{
    max-width: 180px; 
    margin-right: 15px;
}
.small{
    font-size: 14px;
}
.italic{
    font-style: italic;
}
.category-list_item{
    align-items: flex-start;
    padding:5px 0px;
}
.list-num{
    position: relative;
    margin-right: 15px;
    color: #5aae3f;
    font-weight: 400;
    font-size: 16px;
    width: 10px;
    height: 10px;
    border: 3px solid #5aae3f;
    border-radius: 50%;
    padding: 12px;
}
.list-text{
    margin-top: 10px;
    font-weight: 500;
}
.list-num span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.credit-card{
    width: 300px;
    margin: 30px 30px 30px 0;
    position: relative;
}
.credit-card img{
    width:100%;
}
.credit-card_month{
    position: absolute;
    bottom:  -5%;
    right: -5%;
    background-color: #0632AD;
    color: #fff;
    text-align: center;
    width: 80px;
    height: 80px;
    z-index: 9999;
    border-radius: 50%;
    border: 3px solid #fff;
}
.credit-card_month div{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.credit-card_month div p:nth-child(1){
    font-size: 35px;
    font-weight: 600;
    margin: 0;
}
.credit-card_month div p:nth-child(2){
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0 0;
}
.category-rules{
    width: 50%;
    border: 2px dashed #5aae3f;
    border-radius: 5px;
    padding: 10px;
}
.category-rules p{
    margin: 2px;
}
.category-rules p:nth-child(1){
    font-weight: 600;
}
.or{
    font-weight: 700;
    margin: 15px 0;
}
.left-padding{
    padding-left: 20px;
}

.h-35{ height: 35px !important;}


/*--------------------------------- oplata end -------------------------*/



body .yButton{
    position:fixed!important;
}
.callback_and_yclients{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.callback_and_yclients button{margin:3px 0;}
.onepart-buy .CartItem button{margin:3px;}
.onepart-contacts .favorite{bottom:3px;}
.yclients-trigger__button{padding: 3px 28px 3px 28px !important; margin-bottom:4px; margin-top:4px; line-height: 26px!important; max-width: 100%; width: 100%;}
.onepart-buy .yclients-trigger__button{line-height: 20px!important;}
.parent{position:relative;}
.phone-channel{
    margin: 8px 0 8px 0; 
    color:#000;
}
.phone-channel a{
    color:#000;
}
.price-discount {background-image: url("images/discount-1.png"); background-repeat: no-repeat; background-size:100%; display: block; position:absolute; top:-15px; left:100%; margin-left:-3px; width:100px; height: 50px; }
.discount-popup{z-index:9999; display:none; position:absolute; top:0%; right:101%;  text-align:left; width:100%; min-width:230px; background-color:rgba(255,255,255,1); padding: 10px 20px; box-shadow:8px 13px 16px rgba(0,0,0,.2);}
.discount-popup__trigger:hover + .discount-popup{
    display:block;
    
}
.orders-table__container{
    max-width:100%;
    overflow-x:auto;
}

.parts_counter .counter_letter {
    background-color: #ccc;
    color: #000;
    padding: 2px;
}
.cart-box__price {
    font-weight: 600;
    font-size: 16px;
}

.error-popup-text {
  text-align: left;
  line-height: 21px;
  font-size: 21px !important;
  padding: 20px !important;
}
[data-viki-href] {
    cursor: pointer;
}

.present_car_img {
  overflow: hidden;
}

.present_car_img img {
  width: 100%;
}

.present_car {
  position: relative;
}

.present_car .card_city {
  z-index: 100;
  top: auto;
  bottom: 0px;
}

.present_car:hover .card_city {
  display: none;
}

.present_car_img {
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
}

.present_car_img img {
  height: auto;
  display: none;
}

.present_car_img img.active {
  display: inline-block;
  vertical-align: bottom;
  transition: .2s all ease;
}

.present_car_blocks_abs {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.present_car:hover .present_car_blocks_abs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.present_car_blocks_abs div {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  /* float: left */
}

.present_car_blocks_abs div:not(:last-child) {
  margin-right: 1px;
}

.present_car_blocks_abs:hover div {
  border-bottom: 5px solid rgba(255, 255, 255, 0.3);
  -webkit-transition: border-bottom 0.3s ease-in-out 0s;
  -o-transition: border-bottom 0.3s ease-in-out 0s;
  transition: border-bottom 0.3s ease-in-out 0s;
}

.present_car_blocks_abs div:hover {
  border-bottom: 5px solid #ec1f36;
  -webkit-transition: border-bottom 0.3s ease-in-out 0s;
  -o-transition: border-bottom 0.3s ease-in-out 0s;
  transition: border-bottom 0.3s ease-in-out 0s;
}

#recoverpass {
  width: 100%;
}

.decorated-link {
  text-decoration: underline;
  font-style: italic;
}

/* new cart page */

.personal-discount{
    display: inline-flex;
    align-items: center;
    margin: 40px 0;
}

.personal-discount .red{
    font-size: 40px;
    margin-right: 10px;
}

.new-grid__item.new-cart-item {
    display: grid;
    grid-template-columns: 20px 250px auto 160px 160px;
    grid-template-areas: "select item-title item-title item-title item-title"
        "select image characteristics item-article item-article"
        "select image characteristics price-default price-unassembled"
        "select image delete . . ";
    grid-gap: 10px;
    margin-bottom: 20px;
    padding: 20px;
}

.new-grid__item.new-cart-item input[type=checkbox]{
    accent-color: var(--paramount-color);
    transform: scale(1.2);
}

#NewCartGrid #selectedItemsInfo div{
    margin-left: 50px;
    padding: 10px;
    background: #fff0f2;
    border-radius: 8px;
    color: #da2f4c;
    font-size: 16px;
    background: url('images/icons/warning.svg'), #fff0f2;
    background-position: 10px center;
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 40px;
    margin-bottom: 20px;
    margin-right: 15px;
}

#NewCartGrid #selectedItemsCount{
    margin-left: 15px;
}

@media (max-width: 768px){
    #NewCartGrid #selectedItemsInfo div{
        margin-left: 30px;
    }

    #NewCartGrid #selectedItemsCount{
        margin-left: 5px;
    }
}

@media (max-width: 700px){
    #NewCartGrid #selectedItemsInfo div{
        margin-left: 0px;
    }
}

.new-grid__item.new-cart-item.install-price {
    grid-template-columns: 20px 250px minmax(200px, 700px) 160px 160px auto 230px;
    grid-template-areas: "select item-title item-title item-title item-title item-title item-title"
                         "select image characteristics item-article item-article . installation"
                         "select image characteristics  price-default price-unassembled . installation"
                         "select image delete . . . installation";
}

.new-grid__item.new-cart-item.install-price.install-price-popup {
    grid-template-columns: minmax(130px, 200px) 45px auto 230px;
    grid-template-areas:
                       "item-title item-title item-title item-title"
                       "item-article item-article item-article item-article"
                       "image image characteristics installation"
                       "image image . installation"
                       "price-default price-unassembled price-unassembled .";
    margin-bottom: 30px;
    padding: 10px 0;
}

.new-cart-item-photo {
    grid-area: photo;
}

.new-cart-item-photo a{
  display: block;
}

.new-cart-item-photo a img{
  width: 100%;
}

.new-cart-item-description{
    grid-area: description;
    font-size: 15px;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.new-cart-item-description > * {
  margin-bottom: 6px;
}

.new-cart-item-price{
    grid-area: price;
}

.new-cart-item-delete{
    grid-area: delete;
}

.new-cart-item-select{
    grid-area: select;
}

.new-cart-item-installation {
    grid-area: installation;
    align-items: flex-start;
    display: flex;
    border: 1px solid #0632ad;
    border-radius: 5px;
    padding: 20px 20px 15px 5px;
    gap: 3px;
}

.new-grid__item.new-cart-item .item-article {
    padding: 0;
}

.item-installation-checkbox {
    display: flex;
    align-items: center;
}

.new-cart-item.new-grid__item .price-unassembled,
.new-cart-item.new-grid__item .price-default {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.new-cart-item.new-grid__item .price-before-discount {
    color: #B1B1B1;
    text-decoration: line-through;
    font-size: 14px;
    font-weight: 700;
}

.new-cart-item.new-grid__item .price-percentage_difference {
    font-weight: 700;
}

.item-installation-info-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.new-cart-item.new-grid__item input[type='radio']:before {
  left: 0;
}
.item-installation-info-container.on-select {
  max-width: 180px;
}

.item-installation-info-container .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 5px 0 5px; }

.item-installation-info-container .select2-selection__arrow { display: none; }

.item-installation_info,
.item-installation_price {
    color: #000000;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    margin: 0;
}

.delivery-terminal_info {
    font-size: 14px;
    margin-left: 5px;
    padding: 2px;
    color: #111111;
}

.new-cart-item-delete .delete-from-cart-before {
    background-image: url(images/icon-delete.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 15px;
    width: 15px;
    display: block;
}

.cart-item__title {
  color: #0632AD;
  font-size: 15px;
}

.cart-item__article-number {
  color: #686565;
}

.new-cart .checkbox,
.delivery-install_price .checkbox {
    padding: 0;
    margin: 0;
    outline: none;
    width: auto;
    display: flex;
    gap: 10px;
}

.new-cart .checkbox .price-text,
.delivery-install_price .checkbox .price-text {
    font-size: 18px;
    font-weight: 700;
}

.new-cart .checkbox .price-text span,
.delivery-install_price .checkbox .price-text span{
    font-size: 14px;
}

.cart-pay__radio .checkbox {
    padding-left: 0;
}

.cart-pay__radio .checkbox section span {
    padding-left: 6px;
}

.new-cart .checkbox input,
.install-price .checkbox input {
    visibility: hidden;
    margin-left: 0;
    margin-top: 1px;
}
/*.new-cart .checkbox input, 
.install-price .checkbox input{
    visibility: hidden;
    margin-left: 0;
    margin-top: 1px;
}

.new-cart .checkbox input[type='radio']:before,
.cart-pay__radio .checkbox input[type='radio']:before,
.delivery-install_price .checkbox input[type='radio']:before{
    width: 15px;
    height: 15px;
    border-radius: 50px;
    top: -2px;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #686565;
}


.new-cart .checkbox input[type='radio']:checked:before,
.cart-pay__radio .checkbox input[type='radio']:checked:before,
.delivery-install_price .checkbox input[type='radio']:checked:before {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    top: -2px;
    left: 0;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #0632ad;
}

.new-cart .checkbox input[type='radio']:checked:after,
.cart-pay__radio .checkbox input[type='radio']:checked:after,
.delivery-install_price .checkbox input[type='radio']:checked:after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 3.5px;
    left: 5.5px;
    position: absolute;
    background-color: #0632ad;
    content: '';
    display: inline-block;
    visibility: visible;
}*/

.new-cart-item .disassembled-text {
    font-size: 11px;
    position: absolute;
    top: 100%;
    width: max-content;
    color: gray;
}
@media(min-width: 769px) {
  .form__checkbox input {
    width: auto;
    margin-left: 0;
    margin-right: 5px;
  }
}
@media(max-width: 768px) {
    .new-cart-item.install-price {
        grid-template-areas:
                   "photo description description"
                   "photo delete delete"
                   "price price price"
                   "installation installation .";
        grid-template-columns: 170px 30px auto;
    }
  input[type="checkbox"] {
    min-width: 16px;
    min-height: 16px;
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
  }
}

@media(max-width: 450px){
    .new-cart-item {
        grid-template-areas: "photo description description"
                             "photo description description"
                             "price price delete";
        grid-template-columns: 170px auto 25px;
    }

    .new-cart-item.install-price {
        grid-template-areas: "photo description description"
            "photo description description"
            "price price delete"
            "installation installation installation";
    }
}

.cart-pay__radio .checkbox input {
    position: relative;
    top: 0;
    left: 0;
}

.cart-pay__radio .checkbox > .flex-row > input{
    visibility: hidden;
    opacity:1;
}

.payment-form .stepper .cart-pay__radio .login-cont label {
    min-width: 150px;
    width: 150px;
}

.payment-form .stepper .cart-pay__radio .login-cont input,
.payment-form .stepper .cart-pay__radio .login-cont textarea {
    width: 200px;
}

.cart-pay__radio .register-title {
    color: #0632ad;
    font-size: 20px;
    font-weight: bold;
}

.edit-register-btn,
.update-register-btn {
    background: none;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #000;
    display: block;
    font-size: 22px;
    height: 56px;
    max-width: 260px;
    text-align: center;
    width: 100%;
}

.payment-form .stepper .cart-pay__radio .login-cont label {
    min-width: 150px;
    width: 150px;
}

.payment-form .stepper .cart-pay__radio .login-cont input,
.payment-form .stepper .cart-pay__radio .login-cont textarea {
    width: 200px;
}

.cart-pay__radio .register-title {
    color: #0632ad;
    font-size: 20px;
    font-weight: bold;
}

.edit-register-btn,
.update-register-btn {
    background: none;
    border: 1px solid transparent;
    border-radius: 14px;
    color: #000;
    display: block;
    font-size: 22px;
    height: 56px;
    max-width: 260px;
    text-align: center;
    width: 100%;
}

.edit-register-btn,
.update-register-btn  {
    border-color: #707070;
}

[data-viki-payment-info] {
    display: none;
    padding: 10px 30px;
    line-height: normal;
    font-weight: 400;
}

[data-viki-payment-info] *:not(.bank-transfer-info *){
    margin: 0;
}

.checkbox-container{
    display: flex;
    align-items: center;
}

.checkbox-container label{
   width: auto;
}

@media screen and (max-width: 810px) {
  .stepper-footer-right-block {
    width: 100%;
  }
  
  .accordion-group .accordion-inner {
    display: none;
  }
  /*others grid*/
  .others-grid-parts .accordion-group .accordion-inner {
    display: block;
  }
  /*others grid*/
}


/* orders */

.order-spec {
  grid-area: order-spec;
}

.order-delivery {
  grid-area: order-delivery;
}

.order-payment {
  grid-area: order-payment;
}

.order-status {
  grid-area: order-status;
}

.order-cost {
  grid-area: order-cost;
  font-size: 25px; 
  font-weight: 700
}

.new-orders .new-order {
    background: #fff;
    border-radius: 5px;
    /* box-shadow: 0px 0px 18px rgba(0, 0, 0, .2); */
    padding: 30px 0px;
    display: grid;
    grid-template-areas: "order-spec order-delivery order-payment order-status order-cost" "order-spec order-delivery order-note order-status order-cost";
    grid-template-columns: 2.5fr 1.6fr 1fr 210px 170px;
    grid-gap: 20px;
    font-size: 17px;
    line-height: normal;
    margin-bottom: 30px;
}

.new-order .order-spec__info-desc:not(:last-child) {
  margin-bottom: 20px;
}

.new-order .order-spec__info-desc .img {
  min-width: 120px!important; 
  max-width: 120px; 
  height: 70px; 
  margin-right: 15px;
  text-align: center;
}

.new-order .order-spec__info-desc .img img {
  max-width: 100%;
  max-height: 100%;
}

.new-orders .new-order a { display: inline-block; }

.order-number {
  font-weight: 700; 
  margin-right: 20px;
}

.order-delivery span:nth-child(1), .order-payment span:nth-child(1), .order-note span:nth-child(1) {
  font-weight: 700; 
  color: #186097; 
  margin-bottom: 10px;
}

.get-order-invoice__button{
    padding: 5px 15px;
    background: #fff;
    border: 2px solid #0632AD;
    border-radius: 15px;
    display: inline-block;
    width: max-content;
    font-size: 14px;
    font-weight: 700;
    margin-top: 10px;
}

.order-status__label {
  color: #fff;
  padding: 15px 20px;
  border-radius: 25px;
  max-width: 210px;
  width: 210px;
  margin-bottom: 5px;
  text-align: center;
}

.order-status__label::first-letter {
    text-transform: uppercase;
}

.order-status__label.on-verification {
  background: #F5B50E;
}

.order-status__label.available-for-payment{
  background: #FF6700;
}

.order-status__label.on-pick-up-point{
  background: #00AAE7;
}

.order-status__label.delivery-expected{
  background: #00AAE7;
}

.order-status__label.received{
  background: #009B32;
}

.order-status__label.canceled {
  background: #F31D11;
}


.order-status.on-verification {
    color: #F5B50E;
}

.order-status.available-for-payment {
    color: #FF6700;
}

.order-status.on-pick-up-point {
    color: #00AAE7;
}

.order-status.delivery-expected {
    color: #00AAE7;
}

.order-status.received {
    color: #009B32;
}

.order-status.canceled {
    color: #F31D11;
}

.status-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background: #F5B50E;
}

.status-dot.status-4 {
  background: #00AAE7;
}

.status-dot.status-5 {
  background: #F31D11;
}

.status-dot.status-7 {
  background: #009B32;
}

.cancel-link__container {
  text-align: center;
  max-width: 210px;
}

.checkout-button {
    border-radius: 25px;
    padding: 8px 30px;
    background: #fff;
    color: #0632AD;
    border: 1px solid #0632AD;
    font-size: 14px;
    font-weight: 500;
    transition: .2s all ease;
    text-decoration: none !important;
}

.checkout-button:hover {
  background: #0632AD;
  color: #fff!important;
}

.checkout-button:hover span{
  color: #fff!important;
}



@media screen and (max-width: 1200px) {
  .new-orders .new-order {
    grid-template-areas: "order-spec order-spec"
                         "order-delivery order-payment"
                         "order-status order-cost";
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .new-orders .new-order {
    grid-template-areas: "order-spec"
                         "order-delivery"
                         "order-payment"
                         "order-cost"
                         "order-status";
    grid-template-columns: 1fr;
  }

  .order-status {
    margin: auto;
  }
}

@media screen and (max-width: 350px) {

    .new-order .order-spec__info-desc {
      flex-direction: column;
    }

    .new-order .order-spec__info-desc .img {
        max-width: none;
        height: 130px;
        margin-right: 0;
    }
}

@media screen and (max-width: 1700px) {
    .inner-block-right {width: 36%;}
    .adapting-characteristics_lg {width: 30%;}
}

@media screen and (max-width: 1600px) {	
    .viki-tabs .tbl{display: table;	}
	.viki-tabs .row{display: table-row;}
	.viki-tabs .cel{display: table-cell;}
    .onepart-buy, .onepart-contacts{width: 200px;}
    .onepart-prices .cel {width: 100%;float: left;padding: 2px;}    
    .phone-region-phone-add a {
        white-space: normal;
    }
    
}

@media screen and (max-width: 1480px) {
    .mp-search .form-actions{flex-direction:column-reverse; align-items:flex-end;}
    .mp-callback-button{ margin-top: 5px;}
    .instruction-button_comm {
        float: left;
        padding-top:0;
        padding-bottom: 5px;
        width: 100%;
        text-align:left;
    }

    .mp-search .tabs-big {
        margin-top: 20px;
    }
    .grid-new-item .num-cost{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .num-cost_left, .num-cost_right{
        width: 100%;
    }
    .inner-block-right .consultation-button, .inner-block-right .buy-button, .favorites-buy-button {
        font-size:13px
    }
    .hd .hd2 {
        width: 44%;
    }
}

@media screen and (max-width: 1300px) {
    .onepart-buy,.onepart-contacts{width: 100%;display: block;float: none;clear: both;}
    .onepart-right-col .tbl,.onepart-right-col .row, .onepart-right-col .cel{display: block;}

    .onepart-main-price {text-align: center;margin: 20px 0;}
    .onepart-buy{padding-top: 10px;}
    .onepart-contacts .popup-favorites {top: unset;bottom: 60px;  }
    .page-product .onepart-prices .icon__new{ top: 0;}
    .inner-block-right .consultation-button, .inner-block-right .buy-button, .favorites-buy-button {
        font-size:12px
    }
} 
@media screen and (max-width: 1225px) {
    .inner-block-right .consultation-button {
        width: 98%;
        margin-bottom: 3px;
    }
}
@media screen and (max-width: 1220px) {
    .hd .logo .logo_text {letter-spacing:0;}
	.col-6{	width: 33.333333%;}
	.mp-slider-items{font-size: 16px;}
	.mp-slider-items .date, .mp-slider-items .more{font-size: 14px;}

    .nums-col{width: 100%;padding: 0;margin-bottom: 4px;}

    .contacts-top .col8{width: 100%;margin-top: 20px;}

    .favorites-delete-button, .favorites-buy-button {width: 125px;}

}
@media screen and (max-width: 1125px) {
    .hd .hd2 {
        width: 40%;
    }
}

@media screen and (max-width: 1000px) {
    .tires-main-block {
        width: 100%;
        margin-left: 0;
    }

    .tires-parts{
        width: 100%;
        margin-bottom: 10px;
    }


    .tires-secondary-block {
        width: 100%;
    }
    .hd .hd3 .account{ text-align: center;}
    #review-rating { display: block;  position: relative; left:0; }
    #add-review-form .form-actions{ padding-left: 15px; }
    .price .price__title{margin-bottom: 5px;}
    .price .price__second{font-size: 1.5em;line-height: 1;}
    .price .price__first{font-size: 1em;}
    .onepart-prices__assembled,.onepart-prices__unassembled{max-width: 120px;}
    .price .price__first .price__first-br:before{top:6px;}
    /*.onepart-prices__unassembled*/
    .hd .hd2 {
        width: 38%;
    }

    .footer-menu{
        gap: 30px 40px;
    }

    .new-grid__item.new-cart-item {
        grid-template-columns: 20px minmax(140px, 200px) 50px auto;
        grid-template-areas: "select item-title item-title item-title"
            "item-article item-article item-article item-article"
            "image image image characteristics"
            "image image image characteristics"
            "image image image delete"
            "price-default price-default price-unassembled price-unassembled";
        grid-gap: 15px;
    }
}
@media screen and (max-width: 960px) {
    .hd .hd2 {
        width: 36%;
    }

    .footer .news-callback-inputs .callback-field .callback-button {
        margin-left: 20px;
    }
}
@media screen and (max-width: 900px) 
{
    .hd .logo{width: 100%; text-align: center;}
    .hd .logo .logo_text {
        text-align: center;
    }
    .hd .hd2 {
        width: 50%;
    }
    .account .account-col__mobile {
        flex-direction: column-reverse;
    }
    label {text-align: left;}

	.mp-search .viki-tabs-frames .viki-tab{margin-right: 0; margin-left: 0;}
	.mp-search .field{width: 100%;padding-left: 0;padding-right: 0;}
	.mp-search .accordion-inner{margin-left: 0;	margin-right: 0;	padding-left: 0;	padding-right: 0;}
	.mp-search .btn {width: 100%;position: relative;margin-right: 0;margin-left: 0;}

	.col-2{width: 100%;}

	.tabs-big ul.viki-tabs-buttons li{display: table-cell;}
	.tabs-big .tbl{display: table;}

    .nums-num, .nums-txt{position: static;display: block;}
    .nums-block{padding: 15px;height: auto;}
    .nums-block .nums-txt{max-width: 100%;}
    .nums-num{font-size: 60px;font-weight: 700;line-height: 1;}
    .nums-txt{font-size: 28px; font-weight: 700;line-height:1;}
    .nums-num-txt, .nums-num-txt2{font-size:36px;}


    .gallery-grid>.gallery-grid-col{width: 100%;}

    .onepart-left-col,
    .car-card_left-col {
        text-align: center;
    }

    .onepart-right-col,
    .onepart-left-col,
    .car-card_left-col {
        width: 50%;
    }

	.onepart-right-col{padding-left: 15px;}

    .contacts-page .col4{width: 50%;}
	.contacts-phone{width: 100%;text-align: center;}
	.contacts-top  .contacts-top-txt{width: 100%; text-align: center;margin: 10px 0;max-width: 100%;}
	.contacts-form .col6{width: 100%;}

	.contacts-phone.cel{margin-bottom: 10px;}
	.contacts-top-txt.cel{display: block;}
    .pay-cols .col{width:100%}
    .cart-map{margin-left: 0px; width: 100%  !important;}

    .phone-region-phone-add{display: none;}
    .strict-search { right: 1px;}
    .boxfixed-instruction#boxfixed{
        margin-left: -300px ;
        top: 20%;
    }
    .instruction-box#boxfixed-cont {
        width: 600px ;
        overflow-y: scroll;
        max-height: 80vh;
    }
    .account__form-wrapp{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .account__form-wrapp .form{
        margin-bottom: 25px;
    }
    .account-banner{
        margin-left: 0;
    }
    .account-banner__title{
        text-align: center;
    }
    .car-list__block-car{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        height: auto;
        -ms-align-items: center;
        align-items: center;
    }
    .car-list__data-car{
        margin-top: 20px;
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .car-list__info-about-car{
        margin-bottom: 10px;
    }
    .car-list__btns{
        order: 1;
    }
    .car-list__search{
        position: relative;
        order: 2;
        margin-top: 10px;
    }
    .car-list__car .btn-close{
        top: 10px;
        right: 10px;
    }
    .car-list__expected-part{
        order: 2;
        margin-top: 10px;
    }
    .expected-part__btns{
        margin-bottom: 0;
    }
    .art-buttons button {
        font-size: 14px!important;
    }
    #artDescription .new-art_description {
        font-size: 13px!important;
    }
}


@media screen and (max-width: 885px) {
    [data-viki-menu] ul {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

[data-viki-menu] ul li ul.sub-menu-visible{
    display: block;
}

.w-280 { width: 280px !important; }
.checkbox-check {
  width: 20px;
  display: inline-block;
  padding-top: 8px;
}
@media screen and (max-width: 855px) {
    .inner-block-right .consultation-button {
        width: 99%;
        margin-bottom: 3px;
    }

    .mp-search .form-actions div {
        width:100%;
    }

    .footer .news-callback-inputs .callback-field input[type=text] {
        width: 200px;
    }
}
@media screen and (max-width: 810px) {
    .new-cart-items thead {display: none;}
    .new-cart-items{
        border:none;
        border-collapse: separate;
        border-spacing: 0 5px;
    }
    .new-cart-items tr{
        display: block;
        border-right: 1px solid #b8b8b8;
        border-left: 1px solid #b8b8b8;
        border-top: 1px solid #b8b8b8;
        margin-top: 5px;
    }
    .new-cart-items td{
        display: block;
        position: relative;
        padding-left: 110px;
    }
    .raz-checkbox .checkmark:after{
        left:2px;
    }
    .new-cart-items td:before {
        display: block;
        border-right: 1px solid #b8b8b8 !important;
        position: absolute;
        content: attr(data-label);
        float: left;
        left: 0;
        height: calc(100% - 20px);
        top: 0;
        width: 95px;
        padding-top: 20px;
        padding-left: 5px;
    }
    .new-cart-items td,.new-cart-items th{
        border-bottom: 1px solid #b8b8b8 !important;
        border-top:0px solid #b8b8b8 !important;
    }
    .new-cart-items td{
        width:100%;
        overflow: auto;
    }
  .new-del{float:right !important;}
  .raz {
        display: inline-block;
        width: 50%;
    }
  .items-number {
        width: 50%;
        margin:0 25% 0 25%;
    }
    .count-col{text-align:left;}
    .num-cost-cart{padding-left:0;}
}
@media only screen and (max-width:770px) 
{
    table.grid, .grid thead, .grid tbody, .grid th, .grid td, .grid tr {display:block}
  .grid thead tr{position:absolute;top:-9999px;left:-9999px}
  .grid tr{border:1px solid #ccc;border-radius:3px;margin:0 0 15px 0}
  .grid td{border:0 !important; border-bottom:1px solid #eee !important;position:relative;padding-left:50%;white-space:normal;text-align:left; min-height:10px;}
  .grid td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold}
  .grid td:before{content:attr(data-title)}
    
  .grid th:last-child, .grid td:last-child {text-align: left; float: none;}
  table.grid td:last-child div, table.grid td:last-child div {float: none;}
  table.grid th:last-child, table.grid td:last-child {text-align: left !important;}
  .grid td.price {text-align: left !important;}
  .grid td.price div {display: inline;}    
  .grid-hidden {display: inline-block !important;}
  
  table.partgrid.ru td:nth-last-child(1), table.partgrid.ru td:nth-last-child(2),
  table.partgrid.ru th:nth-last-child(1), table.partgrid.ru th:nth-last-child(2),
  table.partgrid.ru th:nth-last-child(3), table.partgrid.ru td:nth-last-child(3) { padding-left: 50% !important; text-align:left !important; min-width:auto !important;}
  
  
  .cel { display:block;}
  .cel2 { padding-left:0; padding-top:20px;}

  .col-6{width: 50%;}
  .col-4{width: 50%;}
  
  .steps:before{display: none;}
  .mp-cols .col,.mp-subheader{
      font-size: 14px;
       text-align: left;
  }
    .mp-header {
        font-size: 17px;
        text-align: left;
        margin-bottom: 20px;
    }
    .search-title {
        margin-bottom: 0;
        margin-top: 20px;
    }
   .cars-slider {
       width: 100%;
   }
    .go-garage {
        width: 100%;
        padding: 0;
        margin: 15px 0 0 0;
    }
    .go-garage-title {
        font-size: 17px;
    }
    .mp-section {margin: 0 auto 40px auto;}
    .rewiew-slider {
        padding: 0;
    }

    .go-garage .btn-simple.btn-secondary.mp-callback-button {
        padding: 10px 0;
    }
    .page-top .action {
        font-size: 14px;
        line-height: 1.4;
    }

  .mp-slider-items{width: 100%;}
  .owl-slider .owl-nav button.owl-next{right: 20px;}
	.owl-slider .owl-nav button.owl-prev{left:20px;}

	.cars-slider{padding: 0 20px;}
	.car-item{font-size: 14px;}
    .cars-slider .owl-nav button.owl-next {
        right: -10px;
    }
	.cars-slider .owl-nav button.owl-prev{left:-10px;}
    .item.feedback {
        margin: 10px;
    }

	.tabs-big .tbl{width: 100% !important;}

	.tooltip{display: none;}

	.order-wrapper{float: none;}
	.contacts-page .col4{width: 100%;}
	.contacts-phone span{display: block;padding-top: 10px;}
    .instruction-button {
        float: left;
        padding-top: 0px;
        padding-bottom: 10px;        
        width: 100%;
        text-align:left;        
    }
  
    .comment-form{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .comment-form__comment-wrap{
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }
  .onepart__wrap-form, .comment-form{
        width: 100%;
    }
    .inner-block-right  .consultation-button{
        width: 98%;
    }
    
    .footer-top .payment-methods-info {
        font-size: 16px;
    }
    .payment-methods-by {
        min-width: 265px;
    }
}

@media screen and (max-width: 790px) {
    /*.stepper .field .data{
        min-width: unset;
        width: calc(100% - 250px);
    }*/

    .stepper .cost{font-size: 16px;	}
    .stepper .cost span{font-size: 18px;}
  .favorites-example-image {width: 100%;margin: 5px  0 5px 0;}
}
@media only screen and (max-width:780px){
    .onepart-prices__unassembled{
        margin-left: 20px;
    }
    .table-expected-part thead{display: none;}
    .table-expected-part .table-expected-part__item th:before,
    .table-expected-part .table-expected-part__item td:before{
        content: attr(data-label);
    }
    .table-expected-part__body-link:before{
        width: 100%;
        text-align: left;
    }
    .table-expected-part__body-link a{
        margin-right: 5px;
    }
    .table-expected-part .table-expected-part__item th,
    .table-expected-part .table-expected-part__item td{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        text-align: right;
    }
    .table-expected-part__body-link{
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .table-expected-part__item{
        display: block;
        margin-bottom: 8px;
        background: #fff;
    }
    .table-expected-part__item:last-child{margin-bottom: 0;}
    .table-expected-part tbody{background: #f1f1f1;}
}
@media screen and (max-width: 680px)
{
    .bl-row2 .wr { margin:0;}
    .category-rules {
        width: 100%;
    }
    .credit-cards{
        flex-direction: column;
    }
    .credit-card{
        max-width: 100%;
    }
    .inner-block-right  .consultation-button{
        width: 97%;
    }
}

@media screen and (max-width: 650px) {
  .hd .logo .logo_text {font-size: 10px; line-height:12px;}
  /*.hd .hd2 {float: right; margin: 0; text-align: right; width: 70%;}
  .hd .hd3 {float: right; margin: 0; text-align: right; width: 100%; height: 50px; margin:5px 0;}
  .hd .hd3 .search input {width: 100%;}
  .hd .hd3 .account {float:none;}*/
 
  .hd .hd2, .hd .search{width: 50%;margin: 0;}
  .hd .search{margin-top: 5px;}
  .hd .hd2{float: left; text-align: left;}
  .hd .hd3{ float: none;}
  .hd {text-align:center;}
  .hd .logo .logo_text{text-align: center;}
  
  .bl-row2 { clear:both; float:none; width:100%}
  
  .login-cont-desc, .cont-desc { padding-left:0;}
  .cont-desc { padding-top:0;}
  
  .feedbacks {display:block;}
  .feedback { text-align:left; display:block; }   
  .feedback_message, .feedback_answer {display:block;}
    .feedback_answer { clear:both; border-left:0;}
  .arrow_box:after, .arrow_box:before {right:auto;	top:auto; bottom: 100%; left: 50%; border-right-color:transparent; margin-top:auto;}
  .arrow_box:after {border-bottom-color: #f5f5f5; border-width: 30px; margin-left: -30px;}
  .arrow_box:before {border-bottom-color: #e5e5e5; border-width: 31px; margin-left: -31px;}

    .onepart-right-col,
    .onepart-left-col,
    .car-card_left-col {
        width: 100%;
        float: none;
        clear: both;
        padding: 0;
    }
  .branch-title{display: block;}
  .contacts-cols{margin-right: 0;  margin-left: 0;}
  .contacts-cols .col{padding-right: 0;  padding-left: 0;}
  .branch-info{padding-left: 10px;  padding-right: 10px;}
  .branch-info-item p{font-size: 16px;}
  .branch-info-item-header{font-size: 18px;}
  .contacts-info .col{width: 100%;margin-bottom: 20px;}
  .contacts-info h3{margin-bottom: 10px;}
  .contacts-phone{padding: 10px;font-size: 18px;}
  .contacts-phone span{font-size: 18px;white-space: normal;line-height: 1;}
    #review-rating { position: absolute; left:15; }
  #add-review-form .form-actions{ padding-left: 140px; }
  .onepart-prices__inner-wrap{
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
  }
  .onepart-prices__assembled{margin-bottom: 0;}
  .onepart-prices__unassembled{margin-left: 20px;}
  .oper-part__tabs ul.viki-tabs-buttons{grid-template-columns: 1fr;}
  .oper-part__tabs ul.viki-tabs-buttons li:not(:first-child) a {
    height: 100%;
    line-height: 15px;
  }
}
@media screen and (max-width: 640px) {
  embed, iframe { width:100%; }
  .favorites-filter-box label{ margin-right: 5px;}
  .favorites-buy-button, .favorites-delete-button{ width: calc(50% - 65px);}
  .boxfixed-instruction#boxfixed{
      margin-left: -150px;
      top: 15vh;   
  }
  .instruction-box#boxfixed-cont {
      width: 300px ;
  }
}
@media screen and (max-width: 600px)
{
    
    .car-list__btns{
        position: relative;
        /*margin-top: 5px;*/
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        -ms-flex-direction: row;
        -o-flex-direction: row;
        flex-direction: row;
    }
    .car-list__btns-item{
        margin-bottom: 0;
        margin-right: 5px;
    }
    .car-list__btns-item:last-child{margin-right: 0;}
    .car-list__block-expected-parts .form-add-garage__wrap-fields>div,
    .form-add-garage__wrap-fields>.field, .form-add-garage__wrap-fields>.part-flt-model{
        width: 100%;
    }
    .car-list__block-expected-parts .form-add-garage__wrap-fields>div{margin-right: 0;}
    .form-add-garage__action .btn-1{width: 100%;}
    .form-expected-parts>.field,
    .form-expected-parts__additional-characteristics>.field{
        width: 100%;
        margin-right: 0;
    }
    .garage-form-edited-car .btn-1{margin-bottom: 10px;    }
    .garage-form-edited-car .btn-1:last-child{margin-bottom: 0;}
    .inner-block-right  .consultation-button{
        width: 96%;
    }
    .footer-top > div {
        width: 100%;
    }
    .inner-block-left {
        max-width: none;
    }

    .footer-top {
        flex-direction: column-reverse;
    }
}

@media screen and (max-width: 540px) {
    [data-viki-menu] ul li {
        width: 100%;
        min-width: 235px;
    }

    .installation-tab .box-sm {
        flex-direction: column;
    }
    .installation-tab .box-sm b{
        margin-top: 5px;
    }
}
@media screen and (max-width: 520px) {
    .stepper .field .stepper-label{width: 100%;	margin:5px 0; padding:0;}
    .stepper .field .data{width: 100%; margin: 0;}
    .stepper .footer-right-block{width: 60%;}
    .stepper .field input,
    .stepper .field .comment,
    .stepper .field select{
        margin:0;
    }
    .stepper .back-to-cart{width: 40%;}
  .stepper-footer-right-block .stepper-cost span { font-size: 22px; }
    .stepper .checkbox input { top: 25px;}
    .stepper .cart-pay__radio .checkbox input {
        top: 0;
    }
    .inner-block-right  .consultation-button{
        width: 95%;
    }
    
}

@media screen and (max-width: 480px) {
    .hd, .footer, counters { width:95%;}
   .cont{display:block;}
   .hd .logo div { display:inline-block;}
   .hd .logo {width:95%; float:none; margin-bottom: 10px;}
   .hd .logo a { display:block; }
   .hd .logo .logo_text {font-size: 17px; letter-spacing:0;}

    .hd .hd2 .calc { display:none;}
   
   .hd .search {margin-top: 10px;}
   .hd .search,.hd .search input {width: 100%;}
    .phone-region-phone a{font-size: 16px;}
   .phone-region-phone {
        margin-right: unset;
    }
   
    .bl-row2 { float:none; width:100%;}
   
   .comm {margin-left: 0;}
   
   button, .button, .gray, .bt-menu ul {padding: 4px 5px;}
    .car-item {
        font-size: 10px;
    }
   
    h1 {
        font-size: 18px;
        line-height: 20px;
    }
  h3, .h3 {font-size: 15px; line-height: 17px;}
  .bodyFxApi h3.api-h3 a.button {margin: 0;}
  
  [data-viki-menu] { padding:18px 0; width:95%; font-size: 16px;}

    [data-viki-menu] ul {
        display: inline-block;
        overflow: hidden;
        min-width: 180px;
        padding: 5px 0 3px 0;
        position: absolute;
        z-index: 100;
        top: 0;
        left: 0;
        background: #fff url(images/icon-menu.png) no-repeat 12px 16px;
        border-radius: 5px;
        border: 1px solid #b7b7b7;
    }
  [data-viki-menu] ul li {display: none; margin: 0; float:none;}		
  [data-viki-menu] ul li a { background:none !important; background-image:none !important; color:#333333 !important; font-weight:bold !important; padding: 10px 35px;}
	[data-viki-menu] ul li.cur {display: none; margin: 0 0 3px;}
	
	[data-viki-menu] ul:hover li.cur>a{background-image: url(images/icon-check.png) !important;background-repeat: no-repeat !important; background-position: right 17px top 7px !important; }
	[data-viki-menu] ul:hover {background-image: none !important;}
	[data-viki-menu] ul li ul{display: block;position: relative;background: none;border:none;box-shadow: none;padding: 0;border-radius: 0;}
    [data-viki-menu] ul li:not(:last-child) ul{border-bottom:solid 1px #aaa;}
    [data-viki-menu] ul li ul li{padding-left: 0;background: none;}
    [data-viki-menu] ul li ul a{padding-left: 35px;}
    [data-viki-menu] ul li ul  {display: none;}
    [data-viki-menu] ul a{display: block;}
    [data-viki-menu] ul li a.sub-menu-open{text-decoration: underline;}
    [data-viki-menu] ul li a:hover { background-color:#ffffff !important;}
    [data-viki-menu] ul li a {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
	
  [data-viki-menu] .menu-hidden {display: block !important;}
  [data-viki-menu] ul:hover.menu-hidden {display: none !important;}
  .tabs-big ul.viki-tabs-buttons {
    display: inline-flex;
    z-index: 3;
    width: 100%;
  }
.mp-search .tabs-big ul.viki-tabs-buttons li a {
    padding: 0 16px;
    line-height: 31px;
    color: #000;
}
  
  #boxfixed-cont { width:200px; min-width:100%;}
  .benefit{width: 100%;}
  .mp-search .tabs-big ul.viki-tabs-buttons li{display: block; width: 50%;}
    .mp-search .tabs-big ul.viki-tabs-buttons li.api-filter-tab {
        width: 100%;
    }
  .order-wrapper .field{width: 100%;}

  .gallery-grid-col{width: 100%;}

  .contacts-gallery-item{width: 100%;}

    .boxfixed-callback {margin-left: 0 !important; left:5% !important; width: 90% !important;}
    .callback-field label,  .callback-field input[type=text] {
        width: 100%;
    }

    .callback-field label{ text-align: center;}
    .callback-box {padding: 10px 15px !important; }
    .hd .hd3 .account{ text-align: center;}
    .hd .hd3 .account .bt-menu { margin-bottom: 0;}
    .hd .hd2, .hd .hd3{ width: 100%;}
    .hd .hd2 .mn { text-align: center;}
    .mp-callback-button{ margin-top: 0;}
    .viki-popup-button-consult:focus + .viki-popup{ display: block !important;}
    #review-rating { position: relative; left:0; }
    #add-review-form .form-actions{ padding-left: 15px; }

    .car-list__car .car-list__list-btns.list-btns{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .car-list__car .car-list__list-btns .list-btns__item{
        width: 100%;
        margin-bottom: 10px;
    }
    .car-list__car .car-list__btns{
        margin-top: 0;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .car-list__car .car-list__btns-item{
        margin-right: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .car-list__car .car-list__btns-item:last-child{
        margin-bottom: 0;
    }
    .expected-part__btns{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
    }
    .expected-part__btns li{
        margin-right: 0;
        margin-bottom: 10px;
    }
    .expected-part__btns li:last-child{
        margin-bottom: 0;
    }
    .expected-part__btn{
        width: 100%;
    }
    .garage .btn-1{
        width: 100%;
        margin-bottom: 10px;
    }
    .garage .btn-1:last-child{
        margin-bottom: 0px;
    }
    #form-add-car-garage{
        margin-bottom: 10px;
    }
    .stepper-next-button{	font-size: 15px; padding-left: 10px; padding-right: 10px;}
    .cart-controls {font-size: 13px;}
    #boxfixed.align-center-popup {
        transform: translateY(-50%);
        margin: 0;
    }
    .review-rating {margin-right: 5px;}
    .inner-block-right  .consultation-button{
        width: 94%;
    }
    .form-actions {
         margin-bottom: 0px;
         padding:10px 0 0 0;
    }
    .cart-controls-fix{transform:translateY(-50px);}
    .phone-region-phone {
        flex-direction: column-reverse;
        align-items: center;
    }
    .account .bt-menu {
        margin: 10px 0;
    }
    .footer {
        width: 100%;
    }
    #news-callback > div, #footer-callback > div {
        width: 100%;
    }
    .footer-menu {
        border: none;
        padding: 0;
    }
    .footer .phone-region-phone {
        padding-top: 0;
    }
    
    .footer .phone-region {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 380px) {
    .account__form-wrapp .form{
        width: 100%;
    }
    .account-banner__title{
        font-size: 17px;
    }
    .account-banner__list{
        margin: 0 10px;
    }
    .inner-block-right  .consultation-button{
        width: 93%;
    }
    .grid-new-item .inner-block-left .icon__new {
        position: absolute;
        top: calc(50% - 55.5px);
        right: calc(50% - 82.5px);
        height: 50px;
}
    ul.brands-logo {
        grid-template-columns: repeat(auto-fill, minmax(85px, 1fr))!important;
    }
}
@media screen and (max-width: 360px){
    .inner-block-right  .consultation-button{
        width: 86%;
    }
    .footer-rating-box{display:flex; flex-direction:column;}
}


@media screen and (max-width: 1225px) {
    .grid-new-item{  
        padding: 3px;
    }
	.left-group{
		display:block;
		overflow: auto;
	}
    .block-post-date{width:15%;}
    .block-post-date_favorites { width: calc(15% - 10px);}
    .grid-new-item-main-description{width: calc(42% - 155px);}
    .grid-new-item-main-description_lg{width: calc(46% - 155px);}
	.adapting-characteristics{width: 35%; float:right; max-width: none;}
    .favorites-grid-characteristics { width: calc(35% - 26px); margin-right: 20px;}
	.adapting-characteristics_lg{width: 50%; margin: 12px 0px 12px 0px; padding-left: 5px;}
    .favorites-grid-characteristics_lg{ width: calc(50% - 38px);margin-right: 25px;}
	.inner-block-right{margin: 0; width: 100%; display: block; float:none; position: unset;}
    .inner-block-right .bottomize{ position: relative;}
    .inner-block-right .buy-button{
		width: 49%;
		margin-bottom: 3px;
	}
	.inner-block-right .bottomize:nth-child(2){
	    width:48%;
	}
	    
    .inner-block-right .right-col-consult,.inner-block-right .right-col-consult_wd {width:calc(50% - 20px); margin:0; position: unset; float: unset; margin: unset;}
    .inner-block-right .right-col-consult_wd{ width: 50%; padding-right: 5px;}
    .inner-block-right .right-col-favorite{ position: unset;}
    .popup-favorites { left: calc(50% - 110px);}
	.inner-block-right .right-col,.inner-block-right .right-col_wd{width:50%; margin:0;margin-left: -0.25em; position: unset;}
    .inner-block-right .right-col{width:calc(50% - 20px);}
	.inner-block-right .right-col,.inner-block-right .right-col_wd{padding-left:4px;}
    .num-cost_left{margin-left: 5px;}
    .num-cost_left, .num-cost_right{width: auto;}
    .grid-new-item .num-cost { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; }
    .num-cost_right{ margin-left: 5px; }
    .inner-block-right .cost-raz{min-height: 32px; margin-bottom: 40px;}
    .cost {padding-bottom: 40px; text-align:left;}
    .install-price__info{ display: flex; flex-direction: row; text-align: left; width: 100%;}
    .install-price__info span { margin-right: 5px;}
    .sto-cost button{ width: 98.5%; margin-bottom: 3px;}

}
@media screen and (max-width: 855px) {
	.left-small-group{
		display: block;
	    overflow: auto;
	}
	.adapting-characteristics{
		float:none;
	}
	.right-col-consult{width: 46%;}
	.right-col{width:46%;}
	.left-small-group .inner-block-left{width:50%; margin:0;padding:12px;}
    .left-small-group .favorites-inner-block-left{ width: calc(50% - 10px);}
    .inner-block-left{width:100%; margin:0;padding:12px;}
    .old-info{width:100%}
	.grid-new-item-picture{margin:0 auto;}
    .inner-block-right .right-col {
        width: 100%;
    }
    
    .inner-block-right .buy-button {
        width: 49%;
        margin-bottom: -55px;
    }
    .inner-block-right .right-col, .inner-block-right .right-col_wd {
        padding-left: 0;
    }
    .inner-block-right .cost-raz {
        min-height: 32px;
        margin-bottom: 80px;
    }
    .cost {padding-bottom: 0px;}
    .inner-block-right .bottomize:nth-child(2) {bottom: 42px; left: 3px; width:94%;}
    .buy__buttons{width:100%!important}
    .install-price__info {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        margin-left: 4px;
    }
}
@media screen and (max-width: 450px){
    .grid-new-item .num-cost{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
    }
    .grid-new-item .num-cost .num-cost_right{
        margin-left: 5px;
    }
    .inner-block-right .cost-raz, .inner-block-right .cost{min-height: 48px;}
    .about-slider, .about_us-slider{
        max-width:92vw;
        margin: auto!important;
        font-size: 16px;
        line-height: 1.65;
    }
    .benefit figure {
        line-height: 100px;
        margin: 25px;
    }
    .about_us-slider span{
        font-size: 14px;
    }
    /*.grid-new-item .cost{padding-bottom: 0;}*/
}
@media screen and (max-width: 440px) {

	.inner-block-right  .consultation-button{
        width: 92%;
    }
}
@media screen and (min-width: 481px) {
   /* #menu .menu-close{display: none !important;}*/
  
    [data-viki-menu] .menu-close{display: none !important;}
    
}

@media screen and (max-width: 390px) {
    .mp-callback-button { margin-top: 5px; }
    .price-discount {width:80px; height: 40px; top:-10px; }
        ul.brands-logo li a span {
            word-wrap: break-word;
    }
}

@media screen and (max-width: 325px) {
    .mp-callback-button { margin-top: 5px; }
    .price-discount {width:80px; height: 40px; top:-10px; }
}

/* Opt page */

.opt-slider {
    height: 472px;
    padding: unset;
    overflow: hidden;
}

.carousel-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.opt-slider .owl-stage-outer,
.owl-slider .owl-stage,
.owl-slider .owl-item {
    height: 100%;
}

.opt-slider .opt-slider__item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 67px 80px;
}
.opt-slider .opt-slider__item--inner {
    max-width: 20%;
}

.opt-slider .opt-slider__item .opt-slider__item-name {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    color: #fff;
    margin-bottom: 16px;
}

.opt-slider .opt-slider__item .opt-slider__item-descr {
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    margin-bottom: 37px;
}

.opt-slider .opt-slider__item .opt-slider__item-btn {
    display:inline-block;
    border: 1px solid transparent;
    background: #D20528;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    height: 30px;
    text-align: center;
    padding: 5px 60px;
    transition-duration: .2s;
}

.opt-slider .opt-slider__item .opt-slider__item-btn:hover {
    border: 1px solid #D20528;
    background: transparent;
}

.opt-slider .owl-nav button.owl-prev,
.opt-slider .owl-nav button.owl-next {
    width: 70px;
    height: 100%;
    border-radius: unset;
    background-size: 30px;
    background-position: 50%;
    top: 0;
    transition-duration:.2s;
}

.opt-slider .owl-nav button.owl-prev {
    left: 0;
    background-image: url('images/opt/opt-arrow-left.svg');
}
.opt-slider .owl-nav button.owl-next {
    right: 0;
    background-image: url('images/opt/opt-arrow-right.svg');
}

.opt-slider .owl-nav button:hover {
    backdrop-filter: blur(3px);
    background-color: rgb(255 255 255 / 5%);
    box-shadow: 0px 0px 13px 4px rgb(255 255 255 / 5%);
}

.opt .opt-slider .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
}

.opt .opt-slider .owl-dots button.active {
    background: #fff;
}

.opt .opt-slider .owl-dots button {
    width: 8px;
    height: 8px;
    background: rgb(0 0 0 / 25%);
    margin: 0 16px;
    border-radius: 50%;
}
.opt .about-us h2,
.opt-advantages h2 {
    font-size: var(--opt-h2-font-size);
    line-height: normal;
    text-align: center;
}

.opt .about-us ul,
.opt-advantages ul,
.opt-get-price-list,
.opt-companies {
    list-style-type: none;
}

.opt h2,
.opt-like-title,
.opt .about-us ul,
.opt-companies,
.opt-advantages,
.opt .offers,
.opt .get-price{
    margin: 0 auto;
    max-width: 1280px;
    width: 100%;
}

.opt-get-price-list,
.opt-get-price-list dl,
.opt-get-price-list dt,
.opt-get-price-list dd {
    font-weight: 700;
    margin: 0;
}

.opt .categories {
    padding: 40px;
    width: 100%;
    background: #F6F6F6;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.opt .categories h2 {
    font-weight: 700;
    font-size: 22px;
    text-align: center;
    margin-bottom: 45px;
}

.opt .categories .categories-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.opt .categories .categories-list .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border: 1px solid transparent;
    background: #D20528;
    border-radius: 5px;
    color: #fff;
    flex-grow: 1;
    max-width: 250px;
    margin: 0 2%;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    text-align: center;
    padding: 21px;
    transition-duration: .2s;
}

.opt .categories .categories-list .btn:hover {
    border: 1px solid #D20528;
    background: transparent;
    color: #000;
}

.opt-get-price-list {
    min-height: 330px;
    padding: 20px 5% 20px 5%;
}

.opt-get-price-list li {
    align-items: center;
    display: flex;
    padding: 8px 0;
}

.opt-get-price-list dt {
    color: #D20532;
    font-size: calc( (100vw - 300px)/(1920 - 300) * (26 - 20) + 20px);
    line-height: 1.2;
}

.opt-get-price-list dd {
    font-size: calc( (100vw - 300px)/(1920 - 300) * (22 - 18) + 18px);
    line-height: 1.2;
}

.opt-icon-price {
    background-image: none;
    display: inline-block;
    height: auto;
    margin-right: 20px;
    text-align: center;
    width: 80px;
}

.opt-icon-price img {
    height: 100%;
}

.opt .price {
    align-items: center;
    display: flex;
    position: absolute;
    right: 90px;
    z-index: 2;
    flex-grow: 1;
    justify-content: flex-end;
    min-height: 330px;
}

.opt .price form {
    background-color: #f6f6f6;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 80%;
    max-width: 224px;
    padding: 12px;
    width: 100%;
}

.opt .price h2 {
    font-size: calc( (100vw - 300px)/(1920 - 300) * (26 - 22) + 15px);
    line-height: 20px;
    padding-bottom: 12px;
    text-align: center;
}

.opt .price input {
    color: inherit;
    font-size: 12px;
    height: 24px;
    margin-bottom: 12px;
    width: 100%;
    padding: 4px auto;
    border: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
}
.opt .price input[type="checkbox"]{
    height: auto;
    width: auto;
}
.opt .price input::placeholder {
    color: #E5E5E5;
}

.opt .price input::-webkit-input-placeholder {
   text-align: center;
}

.opt .price input:-moz-placeholder { 
   text-align: center;  
}

.opt .price input::-moz-placeholder {
   text-align: center;  
}

.opt .price input:-ms-input-placeholder {  
   text-align: center; 
}

.opt .price input[type="image"] {
    display: none;
    margin: 0;
}

.opt .price .btn {
    appearance: none;
    background-image: none;
    background-color: #D20528;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: unset;
    font-weight: 700;
    height: 30px;
    transition-duration: .2s;
    width: 100%;
    -moz-appearance: none;
    -webkit-appearance:none;
    -webkit-border-radius: 5px;
}

.opt .price .btn:hover {
    border: 1px solid #D20528;
    color: #000;
    background: transparent;
}

.opt .price .btn:focus,
.opt .get-consultation .btn {
    outline-width: 0;
    outline-color: transparent;
}

.opt .price .error {
    padding: 0 0 4px 0;
}

.opt .price .error li {
    min-height: 20px;
}

.opt .about-us h2 {
    max-width: 50%;
    padding-bottom: 8vh;
}

.opt-like-title {
    color: #EC1F36;
    font-size: var(--opt-base-font-size);
    font-weight: 700;
    line-height: normal;
    padding-bottom: 40px;
    text-align: center;
    text-transform: uppercase;
}

.opt-transport-companies {
    background-color: #EC1F36;
    margin-bottom: 8vh;
    padding: 2vh 0;
}

.opt-about-us-list,
.opt-companies,
.opt-offers-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.opt-companies {
    justify-content: center;
}

.opt-about-us-list,
.opt-offers-list {
    padding-bottom: 40px;
}

.opt-about-us-list {
    padding-left: 3vw;
    padding-right: 2vw
}

.opt-about-us-list li,
.opt-offers-list li {
    align-items: center;
    display: flex;
    font-size: var(--opt-base-font-size);
    max-width: 50%;
    padding-bottom: 4vh;
    width: 100%;
}

.opt-companies li {
    max-width: 25%;
    padding: 2vh 3vw;
    width: 100%;
}

.opt-icon-about {
    align-items: center;
    background-color: #F7F7F7;
    background-image: none;
    border: 4px solid #fff;
    border-radius: 16px;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .09);
    display: flex;
    justify-content: center;
    height: 106px;
    margin-right: 5%;
    min-width: 106px;
    width: 106px;
}

.opt-about-us-list dl {
    margin: 0;
    padding: 0 4% 0 0;
    width: 70%;
}

.opt-about-us-list dt {
    color: #EC1F36;
    font-weight: 700;
    padding-bottom: 12px;
}

.opt-about-us-list dd {
    line-height: 24px;
    margin: 0;
}

.opt .offers {
    padding: 40px 0;
    flex-flow: column;
    display: flex;
    align-items: center;
    justify-content: center;
}

.opt .advantages-title {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 45px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.opt .advantages-title img {
    max-height: 21px;
}

.opt .advantages-title * + img {
    margin-left: 14px;
}

.opt .advantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.opt .advantage-row {
    display: flex;
    justify-content: center;
}

.opt .advantage-row + .advantage-row {
    margin-top: 20px;
}

.opt .advantages .advantages-item {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 24px;
    width: 300px;
}

.opt .advantages .advantages-item .advantages-item__img {
    margin-right: 20px;
}

.opt .advantages .advantage-red {
    color: #D20528;
}

.opt .advantages .advantages-item .advantages-item__text p:first-of-type {
    margin-bottom: unset;
}

.opt-advantages .opt-like-title,
.opt-advantages h2 {
    text-align: left;
}

.opt-advantages h2 {
    line-height: 1.2;
    margin: 0;
    max-width: 50%;
    width: 100%;
}

.opt-advantages ul {
    margin: 0;
    padding: 30px 0 20px 12px;
}

.opt-advantages li {
    align-items: center;
    display: flex;
    font-size: var(--opt-base-font-size);
    padding: 28px 0;
}

@keyframes up {
    0% {
        box-shadow: 0 0 0 2px rgba(227, 58, 37, .35);
    }

    50% {
        box-shadow: 0 0 0 12px rgba(227, 58, 37, .35);
    }

    100% {
        box-shadow: 0 0 0 2px rgba(227, 58, 37, .35);
    }
}

.opt-advantages .marker {
    align-items: center;
    animation: up 3s ease infinite;
    background-color: #D20532;
    box-shadow: 0 0 0 12px rgba(227, 58, 37, .35);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    height: 45px;
    margin: 0 30px 0 0;
    min-width: 45px;
    position: relative;
    width: 45px;
}

.opt-advantages .marker:after {
    background-color: #D20532;
    content: "";
    display: inline-block;
    height: 18px;
    left: 50%;
    position: absolute;
    top: 65px;
    width: 2px
}

.opt-advantages li:last-child .marker:after {
    display: none;
}

.opt .get-consultation {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 40px 0;
}

.opt .get-consultation h2 {
    color: #000;
    font-size: 22px;
    line-height: 29px;
    padding: 0 0 30px;
    text-align: center;
}

.opt .get-consultation form {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
}

.opt .get-consultation form > div {
    align-items: center;
    background: #F6F6F6;
    display: flex;
    flex-wrap: wrap;
    padding: 11px 8px;
    border-radius: 5px;
    justify-content: center;
    width: 100%;
}

.opt .get-consultation form > div > div {
    flex-grow: 1;
}
.opt .get-consultation form > div > * + * {
    margin-left: 2%;
}
.opt .get-consultation input {
    border: none;
    border-radius: 5px;
    font-size: 12px;
    box-shadow: unset;
    height: 24px;
    width: 100%;
}
.opt .get-consultation input[type="checkbox"] {
    height: auto;
    width: auto;
}
.opt .get-consultation input::placeholder {
    color: #1A2E35;
}

.opt .get-consultation input::-webkit-input-placeholder {
   text-align: center;
}

.opt .get-consultation input:-moz-placeholder { 
   text-align: center;  
}

.opt .get-consultation input::-moz-placeholder {
   text-align: center;  
}

.opt .get-consultation input:-ms-input-placeholder {  
   text-align: center; 
}
.opt .get-consultation .btn {
    appearance: none;
    background-image: none;
    background-color: #D20528;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    margin-bottom: unset;
    font-weight: 700;
    height: 100%;
    max-width: 200px;
    white-space: normal;
    transition-duration: .2s;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
}
.opt .get-consultation .btn:hover {
border: 1px solid #D20528;
color: #000;
background: transparent;
}
.opt .get-consultation .error {
    order: 4;
    width: 100%;
}

.opt-header-address {
  font-weight: 700!important;
  color: #333333;
  margin-right: 10px;
}

.opt-address .custom-select__gap{
  color:#0632AD;
  padding-bottom: 10px;
  display: inline-block;
  width: auto;
  background: url(images/map.png) no-repeat;
  padding-left:30px;
  font-size: 15px!important;
  font-weight: 700!important;
}

.footer .opt-address .custom-select__gap {
  display: none;
}

.footer .opt-header-address {
  font-weight: 400!important;
}

@media(max-width: 900px) {
    .opt .advantage-row {
        flex-flow: column;
    }

    .opt .advantages-item {
        margin-top: 10px;
    }

    .opt .advantage-row + .advantage-row {
        margin-top: unset;
    }
}

@media(max-width: 800px) {
    .opt .get-consultation form {
        flex-wrap: wrap;
        justify-content: center;
    }
}


@media(max-width: 800px) {

    .opt .carousel-wrapper {
        flex-flow:column-reverse;
    }
    .opt .price {
        position: unset;
        min-height: unset;
        margin-top: 20px;
        width: 100%;
    }
    .opt .price form {
        max-width: 100%;
    }
       .opt .about-us h2 {
        max-width: 80%;
    }

    .opt-about-us-list {
        flex-direction: column;
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .opt-offers-list {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .opt-about-us-list li {
        max-width: 100%;
    }

    .opt .categories {
        padding: 20px;
    }

    .opt .categories-list {
        flex-flow: column;
    }

    .opt .categories .categories-list .btn {
        width: 100%;
        max-width: 100%;
    }

    .opt .categories .categories-list .btn + .btn {
        margin-top: 10px;
    }
}

@media(max-width: 600px) {
    .opt-companies li {
        max-width: 30%;
    }

    .opt-advantages h2 {
        max-width: 90%;
    }
    .opt .get-consultation form {
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: left;
    }

    .opt .get-consultation form > div {
        flex-flow: column;
    }
    .opt .get-consultation form > div > * + * {
        margin-left: unset;
        margin-top: 2%;
        width: 100%;
    }
    .opt .get-consultation input{
         height: 40px;
    }
    .opt .get-consultation .btn {
        max-width: 100%;
        height: 40px;
        margin-top: 20px;
    }
}

@media(max-width: 500px) {

    .opt-offers-list li {
        max-width: 100%;
    }
}

@media(max-width: 480px) {
    .opt-slider .opt-slider__item {
        padding: 47px 20px;
    }

    .opt-slider .opt-slider__item .opt-slider__item-name {
        font-size: 24px;
        line-height: 32px;
    }

    .opt-slider .opt-slider__item--inner {
        max-width: unset;
        height: 100%;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between;
    }

    .opt-slider .owl-nav button.owl-prev, .opt-slider .owl-nav button.owl-next {
        width: 35px;
    }

    .opt-slider .owl-nav button:hover {
        backdrop-filter: unset;
        box-shadow: unset;
        background-color: unset;
    }

    .opt-slider .opt-slider__item .opt-slider__item-btn:hover {
        border-color: transparent;
        background: rgb(0 0 0 / 65%);
    }

    .opt-header-address {
      margin-right: 0;
    }

    .cabinet-items{
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .main-page-info {
        grid-template-columns: repeat(1, 1fr) !important;
        grid-gap: 20px !important;
    }

    .main-page-info_image {
        min-width: 35px!important;
        max-width: 35px!important;
        max-height: 35px!important;
        margin-right: 25px!important;
    }

    .opt .advantages-title {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .opt .advantages-title img {
        margin-top: 10px;
    }


}

@media(max-width: 440px) {
    .opt-advantages {
        padding-left: 10%;
    }

    .opt-advantages h2 {
        max-width: 100%;
    }

    .opt-advantages ul {
        padding-left: 4px;
    }

    .opt-advantages li {
        padding: 22px 0;
    }

    .opt-advantages .marker {
        margin-right: 20px;
    }

    .opt-advantages .marker:after {
        top: 58px;
    }
}


@media(max-width: 400px) {
    .opt-about-us-list {
        padding-bottom: 12px;
    }

    .opt-about-us-list li {
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        flex-direction: column;
        margin-bottom: 24px;
        padding-bottom: 16px;
    }

    .opt-offers-list {
        padding-left: 10vw;
    }

    .opt-about-us-list {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .opt-about-us-list dl {
        padding-top: 30px;
        width: 100%;
    }

    .opt .price {
        padding: 0;
    }

    .opt .get-consultation {
        margin: 0;
    }
}

/* order-steps */

.order-steps {
    color: #fff;
    font-size: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    flex-direction: row-reverse;
}

.order-steps li {
    background-color: #E2E1E0;
    width: 100%;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #E2E1E0;
}

.order-steps li.current-step {
    background-color: #0632AD;
    border: 2px solid #E8EAF9;
}

.order-steps li.next-step, .order-steps li.last-step {
    margin-left: -5%;
}

/* Order common items */

.order-total {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, .15);
    color: #000;
    font-size: 1.25rem;
  min-width: 375px;
    width: 100%;
    overflow: hidden;
    margin: 0 0 30px 0;
    line-height: 18px;
}

.order-total > div:nth-child(n+2){
    padding: 0px 30px;
    margin: 25px 0 0 0;
}
.order-total > div:nth-child(2) {
  margin-top: 30px;
}
  .order-total > div:last-child {
    margin-top: 0;
    margin-bottom: 30px;
  }
  .order-total .price {
    display: flex;
    flex-wrap: wrap;
    padding: 25px 30px;
    background: #E8EAF9;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
  }

.order-total [data-order-submit-clone-toggle]{
    display: none;
}

.order-total .order-total__toggle{
    display: none;
}

.order-total .price span:nth-child(1){
    margin-right: 10px;
}

.order-total > div:nth-child(n+2){
    font-size: 18px;
    display: flex;
    flex-direction: column;
}

  .order-total div > div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }

.order-total div > div:nth-last-child(1){
    margin-bottom: 0px;
}

.order-total div > div > span:nth-child(1) {
    margin-right: 10px;
}
.order-total .info > div{
    justify-content: space-between;
}


.order-total .calendar-bg {
    background: url(images/icons/calendar.svg) no-repeat 0 0;
    padding: 2px 0 2px 30px;
    background-size: 20px;
    background-position: left top;
}

.order-total-wrapper .box-btn {
    text-align: center;
}

.order-total-wrapper .box-btn button {
    width: 100%;
}

.ordering-grid{
    display: grid;
    grid-template-areas: "steps ."
                           "data total";
    grid-template-columns: 9fr 3fr;
    grid-template-rows: 40px auto;
    grid-gap: 40px;
}

.ordering-grid .order-steps{
    grid-area: steps;
}

.ordering-grid .order-data {
  grid-area: data;
}

.ordering-grid [data-order-total] {
  grid-area: total;
  margin-top: var(--mt-check);
}
.grid-half {
  display: grid!important;
  grid-template-columns: 50% 50%;
}
@media (max-width: 1200px) {
  .ordering-grid {
    display: grid;
    grid-template-areas: "steps"
                         "data"
                         "total";
    grid-template-columns: 1fr;
    grid-template-rows: 40px auto;
    grid-gap: 40px;
  }

  .footer-payment-methods {
    flex-direction: column;
    align-items: flex-start;
  }

  .ordering-grid [data-order-total] {
    margin-top: 0;
  }
}

@media(max-width: 768px){
    ul.brands-logo {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
        grid-gap: 25px 3px;
    }

    ul.brands-logo li:nth-child(n+13) {
        display: none;
    }

    .brands-logo-button {
        display: block;
    }

    ul.brands-logo li .auto-name__count {
        flex-direction: column;
    }

    ul.brands-logo li .auto-name__count span:nth-child(1) {
        font-size: 13px;
        text-align: center;
        padding: 0;
    }

    ul.brands-logo li .auto-name__count span:nth-child(2) {
        font-size: 12px;
        text-align: center;
    }

    .brands-logo .box {
        align-items: center;
    }
    .ordering-grid{
        display: grid;
        grid-template-areas: "data"
                             "total";
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-gap: 20px;
    }

    .ordering-grid .order-steps{
        display: none;
    }

    .ordering-grid [data-order-total] .order-total{
        max-width: 100%;
        min-width: 100%;
        position: fixed;
        z-index: 99;
        bottom: 61px;
        left: 0;
        transition: .3s all ease;
        margin: 0;
        border-radius: 8px 8px 0 0;
    }
    
    .order-total > div:not(:first-child){
        display: none;
    }

    .order-total .price {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 17px 20px;
        background: #E8EAF9;
        font-size: 20px;
        font-weight: 400;
        line-height: normal;
        border-radius: 8px 8px 0 0;
    }
    
    .order-total #stepper-cost{
        display: flex;
        align-items: flex-end;
        gap: 10px;
    }

    .order-total .order-total__toggle{
        display: block;
        color: rgb(176, 177, 178);
        font-weight: 400;
        margin: 0!important;
        transition: .3s all ease;
    }

    @supports (-webkit-touch-callout: none) and (not (translate: none)) {
        .order-total .order-total__toggle{
            margin: 0 0 0 10px!important;
        }
    }

    .order-total .order-total__toggle img{
        max-width: 20px;
        vertical-align: top;
    }
    
    .order-total [data-order-submit-clone-toggle]{
        display: block;
    }
}

/* Popup new design "Попап благодарности"  */

[data-order-successfull-popup] .news-actions-sto-content{
    background: #fff;
    padding: 0;
}

[data-order-successfull-popup] [data-order-successfull-popup-sto-form]{
    display: none;
}

[data-order-successfull-popup] .news-actions-sto-content p{
    display: none;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto form p {
    display: none;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto p {
    display: block;
}

[data-order-successfull-popup] .news-actions-sto-content .news-actions-sto-data{
    display: none;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto{
    margin: auto;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto form {
    flex-direction: column;
    align-items: inherit;
    width: 250px;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto .error {
    color: red;
    flex-direction: column;
}

[data-order-successfull-popup] .news-actions-sto-content #news-callback-sto form > .flex-col{
    gap: 15px;
}

[data-order-successfull-popup] .sto-text{
    font-size: 15px;
    text-align: center;
}

[data-order-successfull-popup] .catch-text{
    font-size: 22px;
}

.overlay-new {
    align-items: center;
    background-color: rgba(0, 0, 0, .48);
    display: flex;
    justify-content: center;
    height: 100vh;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.pop-up-new {
    background-color: #fff;
    border-radius: 24px;
    line-height: 1;
    max-width: 600px;
    padding: 40px;
    position: fixed;
    width: 96%;
}


.pop-up-new-cross {
    position: absolute;
    right: -50px;
    top: 10px;
    width: 33px;
    height: 33px;
    background-image: url(images/sale_cross.svg);
    background-size: cover;
    cursor: pointer;
    filter: brightness(1000000);
    z-index: 9999;
}

.pop-up-new p.order-info {
    font-size: 15px;
    text-align: center;
}

.pop-up-new .social-link a{
    margin: 5px;
}

.pop-up-new .social-link img{
    max-width: 40px;
}

@media(max-width: 768px) {
    .pop-up-new {
        background-color: #fff;
        border-radius: 24px;
        line-height: 1;
        max-width: 1160px;
        padding: 40px;
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        overflow-y: auto;
        max-height: 100vh;
    }

    .overlay-new.auth-overlay {
        align-items: center;
        background-color: #fff;
        display: flex;
        justify-content: center;
        height: 100vh;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .overlay-new.auth-overlay .pop-up-new-cross {
        right: 10px;
        top: -40px;
        filter: brightness(1);
    }
}

@media(max-width: 450px){
    
    .pop-up-new p.order-info {
        text-align: left;
    }
    
    [data-order-successfull-popup] .sto-text{
        text-align: left;
    }
}


.pop-up-new.auth-popup {
    width: auto;
    border-radius: 5px;
    padding: 0;
    left: auto;
    top: auto;
    overflow: visible;
    max-width: none;
}


@media(max-width: 768px) {

    .pop-up-new.auth-popup {
        top: 100px;
    }
}

.auth-forms {
    width: 400px;
    background-color: #fff;
}
.pop-up-new.auth-popup .auth-forms {
    margin: auto;
}

.auth-forms .auth-form form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.auth-forms .auth-form button{
    font-size: 15px;
    padding: 10px;
}

.auth-forms ul.viki-tabs-buttons {
    margin-bottom: 20px;
    display: flex;
    border: none;
}

.auth-forms ul.viki-tabs-buttons:after {
    display: none;
}

.auth-forms .viki-tabs-buttons li {
    padding: 15px;
    font-size: 16px;
    color: #999;
    float: none;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #D5D4D4 !important;
    margin: 0;
    width: 100%;
    text-align: center;
}

.auth-forms .viki-tabs-buttons li a{
    padding: 0;
    float: none;
}

.auth-forms .viki-tabs-buttons li.act {
    font-weight: 600;
    color: #000;
    border-bottom: 2px solid var(--paramount-color)!important;
}

.auth-forms .viki-tabs-frames {
    padding: 0 30px 15px 30px;
}

.auth-code-popup button {
  font-size: 15px;
  padding: 10px;
  width: 100%;
}
.auth-form .callback-captcha { margin: 0; }
  .auth-form .callback-captcha .captcha-box label {
    font-size: 15px;
    text-align: start;
    margin: 0 0 8px 0;
  }
@media(max-width: 480px) {
    .auth-forms {
        width: auto;
    }
}

@media (max-width: 400px) {
    .auth-forms .viki-tabs-buttons li {
        padding: 15px 0px;
        font-size: 13px;
    }

    .auth-forms .viki-tabs-frames {
        padding: 0 15px 15px 15px;
    }
    .pop-up-new-cross {
        position: absolute;
        right: 50px;
        top: 10px;
        width: 33px;
        height: 33px;
        background-image: url(images/sale_cross.svg);
        background-size: cover;
        cursor: pointer;
    }
}

/* Delivery */

.hide {
    display: none!important;
}

.ordering-block {
    display: flex;
}

.ordering-block article .stepper-footer {
    margin-top: 0;
}

.ordering {
    flex-grow: 3;
}

.ordering ul,
.ordering dl,
.ordering dd {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.ordering .list-points::-webkit-scrollbar { width: 10px; }
.ordering .list-points::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e8eaf9;
}
.ordering .list-points::-webkit-scrollbar-thumb:hover { background: #c1c1c1; }
.ordering .list-points {
    scrollbar-color: #e8eaf9 #fff;
    scrollbar-width: thin;
}

.ordering-head{
    margin-bottom: 20px;
}

.ordering-head,
.ordering-head .tab-menu {
    align-items: center;
    display: flex;
}

.pay-cols .ordering-head {
    align-items: flex-start;
}

.ordering-head .ordering-title {
    font-size: calc( (100vw - 300px)/(1920 - 300) * (34 - 24) + 24px);
    min-width: 260px;
    width: 260px;
    font-weight: bold;
}

form .ordering-head .ordering-title {
    padding-top: 17px;
}

.payment-form .stepper .ordering-head section .field {
     padding: 0;    
}

.payment-form .stepper .ordering-head section .field .data {
    display: flex;
    width: 100%;
}

.field .data .field-data {
    max-width: 460px;
    width: 100%;
}

.ordering-head section {
    width: 100%;
}

.ordering-head .tab-menu {
    width: 100%;
}

#DiscountCoupon{
    max-width: 300px;
}

@media(max-width: 500px){
    #DiscountCoupon{
        max-width: 100%;
    }
}

/*#DiscountCoupon input {*/
/*    background-color: #fff;*/
/*    border: 1px solid #707070;*/
/*    border-radius: 14px;*/
/*    color: #000;*/
/*    display: inline-block;*/
/*    font-size: calc((100vw - 300px) / (1920 - 300) * (34 - 28) + 28px);*/
/*    height: 60px;*/
/*    min-width: 200px;*/
/*    padding: 0;*/
/*    text-indent: 12px;*/
/*    width: 100%;*/
/*}*/

/*.apply-coupon {*/
/*    background: none;*/
/*    background-color: #4679A1;*/
/*    border: none;*/
/*    border-radius: 14px;*/
/*    box-shadow: none;*/
/*    color: #fff;*/
/*    font-size: calc((100vw - 300px) / (1920 - 300) * (20 - 16) + 20px);*/
/*    height: 60px;*/
/*    margin: 0 0 0 12px;*/
/*    max-width: 350px;*/
/*    text-align: center;*/
/*    width: 100%;*/
/*}*/

.ordering-head .tab-item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: 2px solid #fff;
    cursor: pointer;   
    font-size: 16px;
    height: 45px;
    padding: 0 30px;
    min-width: 230px;
    border-radius: 4px;
}

@media(max-width: 768px){
    .ordering-head .tab-menu {
        justify-content: space-evenly;
    }
    
    .ordering-head .tab-item {
        font-size: 16px;
        height: 30px;
        padding: 0 10px;
        min-width: auto;
    }
}

@media(max-width: 350px){
    .ordering-head .tab-item {
        font-size: 14px;
    }
}

.ordering-head .act {
    border-color: #0632AD;
    cursor: default;
    font-weight: 600;
}

.ordering-head .tab-item:not(.act):hover {
    font-weight: 600;
    /*padding: 0 23px;*/
}

.ordering-content > div {
    display: none;
}

.ordering-content > div.show {
    display: block;
}

.shipment-point form, .on-way form {
    display: grid;
    grid-template-columns: 4fr 5fr;
    grid-template-rows: 60px auto;
    grid-template-areas: "search search"
                         "list map";
    height: 60vh;
    overflow-y: hidden;
    position: relative;
    grid-row-gap: 20px;
}

@media(max-width: 768px){
    .shipment-point form, .on-way form {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 36px 60px auto;
        grid-template-areas: "toggle"
                             "search"
                             "list";
    }

    .map-points{
        display: none;
    }
}

@media(max-width: 350px){
    .shipment-point form, .on-way form {
        height: 54vh;
        grid-row-gap: 10px;
    }
}

.map-list__toggle{
    grid-area: toggle;
}

@media(min-width: 769px){
    .map-list__toggle{
        grid-area: toggle;
        display: none;
    }
}

.map-list__toggle button{
    font-size: 15px;
    padding: 10px 20px;
}

.terminal-search{
    grid-area: search;
}

.terminal-search input{
    width: 100%;
    height: 100%;
    font-size: 16px;
    padding: 20px;
    border-radius: 5px;
    border: 2px solid #E8EAF9!important;
    outline: none;
    box-shadow: none!important;
    background-image: url(images/icons/zoom.svg);
    background-position: calc(100% - 20px) center;
    background-size: 30px;
    background-repeat: no-repeat;
}

.terminal-search input[type=text]:active{
    border: 2px solid var(--secondary-color)!important;
}

.terminal-search input[type=text]:focus{
    border: 2px solid var(--paramount-color)!important;
}

.list-points {
    color: #3D3D3C;
    font-size: calc( (100vw - 300px)/(1920 - 300) * (15 - 12) + 12px);
    padding: 20px 0 0 0px;
    height: 100%;
    overflow-y: auto;
    max-height: 100%;
    grid-area: list;
}

.list-points li {
    padding: 12px 10px 12px 10px;
    cursor: pointer;
    min-height: 65px; 
}

.list-points li.active {
    background-color: #F8F8F8;
    margin-bottom: 12px;
    cursor: auto;
}

.list-points li:not(.active):hover .city{
    text-decoration: underline;
}

/*.list-points li p {*/
/*    margin: 0;*/
/*    padding: 0 10px 0 10px;*/
/*}*/

.list-points .main-info {
    margin-bottom: 0;
}

.list-points .main-info span{
    white-space: nowrap;
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: block;
}
.list-points .active .main-info span{
    white-space: normal;
}

.list-points .add-info {
    display: none;
    margin-top: 20px;
}

.list-points .add-info > div{
    margin-bottom: 20px;
}

.list-points .add-info > div:nth-last-child(1){
    margin-bottom: 0px;
}

.list-points .add-info p.hint{
    color: #888888;
}

.list-points strong {
    color: #111111;
    padding-right: 8px;
}

.list-points .main-info strong {
    font-size: 1.25rem;
}

.list-points .main-info .has-sto,
.order-total .installation .has-sto {
   font-size: 9px;
    background-color: #c4c4c4;
    border-radius: 4px;
    padding: 0px 5px;
    color: #ffffff;
    margin: 0;
    height: fit-content;
}

.order-total .installation .has-sto {
    font-size: 14px;
}

.list-points mark {
    background: none;
}

.list-points mark.red, .map-info .red {
    color: #B60C0E !important;
}

.map-points {
    margin: 0px 0 0 0px;
    max-width: 100%;
    width: 100%;
    height: 100%;
    max-height: 100%;
    grid-area: map;
    position: relative;
}

.map-points .map-loader{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.map-points .ymaps-baloon {
    max-width: 200px;
}

.map-points .ymaps-2-1-79-islets_balloon_layout_panel{
  height: 22vh;
}

.map-points .ymaps-2-1-79-balloon__content > ymaps{
  height: auto!important;
}

@media (max-width: 350px){
  .map-points .ymaps-2-1-79-islets_balloon_layout_panel{
    height: 35vh;
  }
}

.map-info .map-info-title{
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 8px;
}

.address-delivery {
    width: 70%;
}

.address-delivery label {
    font-weight: bold;
    text-align: left;
}

.type-delivery {
    align-items: flex-start;
    display: flex;
}
.type-delivery div {
    width: 100%;
}

.stepper .field .type-delivery .data {
    width: 100%;
}


@media(max-width: 768px) {
    .cont {
        width: 95%;
    }
    .address-delivery {
        width: 100%;
    }
    
    .map-points .ymaps-baloon {
        max-width: 100%;
    }
    
    .map-points .ymaps-baloon .placemark-btn{
      font-size: 15px;
      padding: 10px 20px;
    }
  .auth-popup .auth-forms .viki-tabs-frames {
    height: calc(100vh - 200px);
    overflow-y: auto;
  }

  .auth-popup .auth-forms .viki-tabs-frames.only-one-tab {
    height: calc(100vh - 150px);
  }
}
    
.type-delivery {
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.delivery-order{
    display: flex; 
    flex-wrap: wrap;
    gap: 15px 10px;
}

@supports (-webkit-touch-callout: none) and (not (translate: none)) {

    .delivery-order > :not(:first-child):not(:last-child):nth-child(even) {
        margin-right: 5px;
    }

    .delivery-order > :not(:first-child):not(:last-child):nth-child(odd) {
        margin-left: 5px;
    }

    .delivery-order > :not(:last-child) {
        margin-bottom: 15px;
    }
}

.delivery-order div:nth-child(1), .delivery-order div:nth-last-child(1){
    flex: 1 1 calc(100% - 10px);
}

.delivery-order div:nth-child(n+2){
    flex: 1 1 calc((100% / 2) - 20px);
}

.delivery-order input[type=text], .type-delivery .select2-container--default .select2-selection--single{
    width: 100%;
    font-size: 16px;
    border-radius: 5px;
    border: 2px solid #E8EAF9!important;
    outline: none;
    box-shadow: none!important;
    height: 40px;
    line-height: 35px;
}

.delivery-order input[type=text]{
    padding: 10px 15px;
}

.delivery-order input[type=text]:active{
    border: 2px solid var(--secondary-color)!important;
}

.delivery-order input[type=text]:focus{
    border: 2px solid var(--paramount-color)!important;
}

.type-delivery .select2-container--default .select2-selection--single .select2-selection__rendered, 
.type-delivery .select2-container--default .select2-selection--single .select2-selection__arrow {
    line-height: 35px;
    height: 35px;
}

.on-way {
    display: none;
}

.ordering input[type="radio"] {
    cursor: pointer;
    margin: 0;
    opacity: 0;
}

.custom-input {
    border: 1px solid #878787;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 12px;
    margin-left: -12px;
    position: relative;
    min-width: 12px;
    z-index: -1;
}

.ordering input[type="radio"]:checked + .custom-input:before {
    background-color: #5FB300;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    left: 2px;
    opacity: 1;
    position: absolute;
    top: 2px;
    width: 6px;
}

.ordering input[type="radio"]:checked + .custom-input {
    border-color: #5FB300;
}

.on-way label {
    padding: 0 0 0 6px;
    vertical-align: top;
}

.ordering .btn-box {
    display: none;
}

.bank-transfer-info #AccountType-2{
    display: grid!important;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
}

@media (max-width: 1200px){
    .bank-transfer-info #AccountType-2{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px){
    .bank-transfer-info #AccountType-2{
        grid-template-columns: 1fr;
    }
}

.bank-transfer-info .disabled {
  float: none!important;
  margin: 0 0 0 0!important;
  padding: 0 !important;
}

  .bank-transfer-info .disabled input,
  .bank-transfer-info .disabled textarea,
  [data-text-change] .disabled,
  [data-text-change] .new-field input[type=text].disabled {
    border: none !important;
    box-shadow: none;
    color: #000;
    pointer-events: none;
    background: rgba(0, 0, 0, 0);
    resize: none;
    padding: 0;
    height: 20px;
  }
@media(max-width: 740px) {
    #FilMap {
        height: 400px !important;
    }

    .footer-top {
        flex-direction: column-reverse;
    }
}

.actions-news__switches {
  margin-bottom: 30px;
}

.actions-news__switch {
  font-size: 50px;
  font-weight: 700;
  color: #B2B2B2;
  margin-right: 40px;
  line-height: normal;
  padding: 0 10px;
  cursor: pointer;
}

.actions-news__switch.active {
  color: #000;
  border-bottom: 4px solid #D20528;
}

.actions-news__grid {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
  display: grid;
}

.actions-news__item {
  padding: 60px 30px 30px 30px;
  background: linear-gradient(90deg, rgba(210,5,40,1) 0%, rgba(6,50,173,1) 100%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
}

.actions-news__item .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: -1;
}

.actions-news__item h2 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
  margin: 0 0 10px 0;
}

.actions-news__item p {
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  line-height: normal;
  margin: 0 0 30px 0;
}

.actions-news__item a {
  text-align: right;
  margin-left: auto;
  padding: 20px 30px;
  font-size: 30px;
  color: #fff;
}

.actions-news__item[data-type=actions] a {
  background: rgba(210, 5, 40, 1);
}

.actions-news__item[data-type=news] a {
  background: rgba(6, 50, 173, 1);
}

.actions-news__item[data-type=news] {
  display: none;
}

.actions-news__header h2 {
  grid-area: title;
  color: #fff;
  font-size: calc(0.75em + 6vmin);
  line-height: normal;
  margin: 0 0 30px 0;
  font-weight: 400;
}

.actions-news__header h3 {
  grid-area: sub-title;
  color: #fff;
  font-size: calc(0.75em + 3vmin);
  line-height: normal;
  font-weight: 400;
  margin: 0 0 30px 0;
}

.actions-news__header p {
  grid-area: time;
  color: #fff;
  font-size: 22px;
  line-height: normal;
  border-bottom: 5px solid #D20528;
  max-width: max-content;
}

.actions-news__header button {
  grid-area: button;
  margin: 0 0 0 auto;
  border-radius: 65px;
  background: #0632AD;
  border: none;
  color: #fff;
  box-shadow: none;
  text-shadow: none;
  font-size: calc(0.75em + 1.5vmin);
  line-height: normal;
  padding: 15px 70px;
  outline: none;
  transition: .1s all ease;
  max-width: max-content;
}

.actions-news__header button:hover {
  color: #0632AD;
  background: #fff;
}

.actions-news__header {
  position: relative;
  z-index: 1;
  background-size: cover;
  background-position: center;
  padding: 40px 100px 20px 100px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "title title"
                       "sub-title button"
                       "time time"
}

.actions-news__header.news{
    grid-template-columns: repeat(1, 1fr);
    grid-template-areas: "title"
                         "sub-title"
}

.actions-news__header .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: -1;
}

.news-actions-sto-content{
  background: #D20528;
  padding: 40px 100px;
}

@media(max-width: 1200px){
  .news-actions-sto-content{
    padding: 30px 20px 30px 20px;
  }
}

@media(max-width: 1000px){
  .news-actions-sto-content{
    flex-direction: column;
  }
}

[data-sto-id]{
  display: none;
}

[data-sto-id]:nth-of-type(1){
  display: block;
}

#news-callback-sto{
  margin-left: auto;
}

@media(max-width: 1000px){
  #news-callback-sto{
    margin: auto;
  }
}

#news-callback-sto form{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media(max-width: 450px){
  #news-callback-sto form{
    flex-direction: column;
  }
}

#news-callback-sto .error{
  color: #fff;
}

@media(max-width: 450px){
  #news-callback-sto form div{
    margin-right: 0;
  }
}

#news-callback-sto form div div{
  max-width: 100%;
}

.news-actions-sto-button{
  padding: 10px;
  border: 2px solid #fff;
  color: #fff;
  background: transparent;
  transition: .3s all ease;
  cursor: pointer;
}

.news-actions-sto-button:hover{
  padding: 10px;
  border: 2px solid #D20528;
  color: #D20528;
  background: #fff;
}

@media(max-width: 450px){
  .news-actions-sto-button{
    margin-top: 20px;
  }
}

.news-actions-sto-content{
  align-items: center;
  flex-wrap: wrap;
}

.news-actions-sto-content p{
  color: #fff;
  font-size: 20px;
  line-height: normal;
}

.news-actions-sto-data{
  color: #fff;
}

@media(max-width: 1000px){
  .news-actions-sto-data{
    margin-bottom: 20px;
  }
}

#news-callback {
  background: #0632AD url('images/arrows.png');
  padding: 40px 100px 20px 100px;
  background-position: 25vw center;
  background-size: cover;
  background-repeat: no-repeat;
}

.news-callback-inputs {
  align-items: center;
}

.news-callback-form {
  width: 100%;
}

.news-callback-form .error {
  color: #fff;
}

.news-form__inputs-container {
  justify-content: flex-end;
}

.news-form__input-container {
  max-width: 300px;
  min-width: 300px;
  margin-right: 20px;
  margin-bottom: 10px;
}

.news-form__input {
  font-size: calc(0.75em + 2vmin)!important;
  height: auto!important;
  border-radius: 0!important;
  border: none!important;
  margin-bottom: 0!important;
  width: 100% !important;
}

.news-form__button {
  font-size: calc(0.75em + 2vmin);
  border: none;
  background: #D20528;
  color: #fff;
  transition: .1s all ease;
  flex-shrink: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 6px 12px;
}

.news-form__button:hover {
  background: #fff;
  color: #D20528;
}

.news-callback-inputs p {
  color: #fff;
  font-size: calc(0.75em + 2.5vmin);
  line-height: normal;
  margin: 0;
}

/*Шаблоны на странице акций*/
.sale-parts__container{
   max-width: 1200px;
   margin: auto;
   width: 100%; 
}

.sale-parts__toggle{
    background: #D20528;
    color: #fff;
    font-size: calc(0.75em + 2.5vmin);
    padding: 20px 40px; 
    line-height: normal;
    justify-content: space-between;
    cursor: pointer;
}

.sale-parts__toggle img{
    transition: .3s all ease;
}

.sale-parts {
  display: none;
}

.sale-part{
    justify-content: space-between;
    padding: 5px 40px;
    font-size: 16px;
    border: 1px solid #707070;
    line-height: normal;
    align-items: center;
}

.sale-part a{
    padding: 5px 50px;
    background: #C8C8C8;
    color: #fff;
}

.rotate180{
    transform: rotate(180deg);
}

.sale-rules{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px;
    max-width: 1200px;
    margin: auto;
    width: 100%; 
}

.sale-rule{
    font-size: calc(0.75em + 1vmin);
    line-height: normal;
  margin-bottom: 10px;
}

/* .sale-rules .flex-col:nth-child(2) .sale-rule{ */
/*     justify-content: flex-end; */
/* } */

.sale-rule:nth-child(odd){
    /*justify-content: flex-end;*/
}

.sale-rule img{
    margin-right: 10px;
}

.sale-advantages{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px 20px;
    max-width: 1200px;
    margin: auto;
    width: 100%;     
}

.sale-advantage{
    align-items: center;
    text-align: center;
    font-size: calc(0.75em + 2.5vmin);
    line-height: normal;
}

.sale-advantage img{
    max-width: 100px;
    min-width: 100px;
    max-height: 85px;
    margin-bottom: 10px;
}

.sale-payment__title{
    font-size: calc(0.75em + 2.5vmin);
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
}

.sale-payment__title div:nth-child(1){
    width: 100%;
    height: 5px;
    background: #D20528;
}

.sale-payment__title div:nth-child(2){
    white-space: nowrap;
    margin: 0 10px;
}

.sale-payment__title div:nth-child(3){
    width: 100%;
    height: 5px;
    background: #D20528;
}

.sale-payment__cards{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}

.sale-payment__card{
    overflow: hidden;
    border-radius: 7%;
    position: relative;
}

.sale-payment__card img{
    max-width: 100%;
    max-height: 100%;
}

.sale-payment__card .gradient-background{
    position: absolute;
    top: 0%;
    left: 0;
    min-height: 100%;
    width: 100%;
    background: linear-gradient(-135deg, #0632AD 65%,  #292243);
    clip-path: polygon(0 15%, 0% 100%, 60% 100%);
}

.sale-payment__card .gradient-background div{
    color: #fff;
    min-height: min-content;
    position: absolute;
    top: 50%;
    left: 15%;
    width: min-content;
    font-size: calc( (100vw - 300px)/(1920 - 300) * (26 - 20) + 12px);
    line-height: normal;
}

.sale-payment__card .gradient-background div:first-letter{
   font-size: calc( (100vw - 300px)/(1920 - 300) * (50 - 20) + 20px);
   font-weight: 700;
}

.sale-column__text-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    max-width: 1200px;
    margin: auto;
    width: 100%;  
    place-items: center;   
}

.sale-column__text{
    display: flex;
    flex-direction: column;
    max-width: 500px;
    font-size: calc(0.75em + 2.5vmin);
    line-height: normal;
    font-weight: 700;
}

.sale-column__text img{
    max-width: 100%;
    margin-bottom: 10px;
}

.sale-column__text-title{
    text-align: center;
    font-size: calc(0.75em + 2.5vmin);
    line-height: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

.tires-box .filter {
    display: flex;
}

.tires-box .mp-search,
.tires-box .tires-selection {
    width: 50%;
}


.new .onepart-right-col {
    flex-grow: 1;
    float: none;
    width: auto;
}

.oper-part-photos .viki-tabs-frames .viki-tab,
.car-card_photos .viki-tabs-frames .viki-tab {
    min-height: 300px;
    position: relative;
}

.oper-part-photos .gallery-big a,
.car-card_photos .gallery-big a {
    padding: 0;
    margin: 0 0 16px 0;
}

.oper-part-photos ul.viki-tabs-buttons,
.car-card_photos ul.viki-tabs-buttons {
    border: none;
    color: #555554;
    display: flex;
    font-size: 16px;
    justify-content: center;
    padding-top: 10px;
}

.oper-part-photos ul.viki-tabs-buttons li,
.car-card_photos ul.viki-tabs-buttons li {
    background: none;
    border: none;
    border-bottom: 2px solid transparent !important;
    cursor: pointer;
    margin-right: 4px;
    padding: 0 2px;
    transition: border-bottom-color .3s ease;
}

.car-card_photos ul.viki-tabs-buttons li {
    color: #000000;
}

.oper-part-photos ul.viki-tabs-buttons li:last-child,
.car-card_photos ul.viki-tabs-buttons li:last-child {
    margin-right: 0;
}

.oper-part-photos ul.viki-tabs-buttons li.act,
.oper-part-photos ul.viki-tabs-buttons li:hover {
    background: none;
    border-bottom-color: #D21113 !important;
    color: #111111;
}

.car-card_photos ul.viki-tabs-buttons li.act,
.car-card_photos ul.viki-tabs-buttons li:hover {
    background: none;
    border-bottom-color: #D21113 !important;
    color: #000000;
}

.oper-part-photos .owl-nav.disabled, 
.car-card_photos .owl-nav.disabled {
    display: none;
}

.oper-part-photos .viki-gallery,
.car-card_photos .viki-gallery {
    display: block;
    max-height: 400px;
    overflow-y: hidden;
}

.oper-part-photos .viki-gallery > a,
.car-card_photos .viki-gallery > a {
    display: none;
}

.oper-part-photos .viki-gallery a:first-child,
.car-card_photos .viki-gallery a:first-child {
    display: block;
}

.oper-part-photos .viki-gallery.owl-loaded > a,
.car-card_photos .viki-gallery.owl-loaded > a {
    display: block;
}

.oper-part-photos .car-carousel.viki-gallery {
    max-height: 515px;
}

.oper-part-photos .owl-stage,
.car-card_photos .owl-stage {
    display: flex;
}

.oper-part-photos .owl-stage-outer, 
.car-card_photos .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}

.oper-part-photos .owl-dots,
.car-card_photos .owl-dots {
    display: flex;
    justify-content: center;
}

.oper-part-photos .owl-dot,
.car-card_photos .owl-dot {
    background: none;
    background-color: #BCBCBC;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    font-size: 1px;
    line-height: normal;
    margin-right: 8px;
    padding: 0;
    cursor: pointer;
}

.oper-part-photos .owl-dot span,
.car-card_photos .owl-dot span {
    display: inline-block;
    height: 8px;
    width: 8px;
}

.oper-part-photos .owl-dot.active,
.car-card_photos .owl-dot.active {
    background-color: #CC0505;
}

.price-box .prices > div,
.price-box .set-price .install-prices {
    padding: 0 3%;
    width: 50%;
}

.price-box .set-price .box-sm {
    height: auto;
    margin: 0 8%;
    width: max-content;
}

.price-box .prices > div:first-child,
.price-box .set-price .install-prices:first-child,
.price-box .set-price .box-sm:first-child{
    /*border-right: 1px solid #E7E8E8;*/
}

.price-box .set-price .install-prices .price {
    height: auto;
    white-space: normal;
}

.flex {
    display: flex;
}

.onepart-prices .price-box {
    flex-grow: 1;
    padding-left: 20px;
}

.onepart-controls {
    flex-grow: 1;    
    padding: 0px 0 0 20px;
}

.onepart-controls .onepart-contacts {
    margin-right: 0;
    padding-bottom: 16px;
    text-align: left;
    width: auto;
}

.onepart-controls .CartItem span{
    display: block;
}

.onepart-controls .CartItem button.buy-button-disabled{
    background: #fff;
    border: none;
    border-radius: 6px;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    height: 48px;
    margin-right: 12px;
    min-width: 160px;
    text-align: center;
    box-shadow: none;
}

 

.onepart-contacts .phohe-odrer {
    color: #111111;    
    font-size: 16px;
    text-decoration: underline;
}

.onepart-contacts .phohe-odrer button {
    background: none;
    border: none;
    color: #0632AD;
    cursor: pointer;
    font-size: inherit;
    line-height: normal;
    padding: 0;
    position: relative;
    text-decoration: inherit;
    top: -1px;
    transition: text-decoration .3s ease;
}

.onepart-contacts .phohe-odrer span {
    color: #333333;
}

.onepart-contacts .phohe-odrer button:hover {
    text-decoration: none;
}

.onepart-controls .favorite {
    background: none;
    box-shadow: none;
    border: none;
    color: #9FA0A1;
    font-size: 16px;
    height: auto !important; 
    position: static;
    width: auto !important;
}

/*.onepart-controls .popup-favorites{
    display: none!important;
}*/

.onepart-controls .favorite .favorites-new-icon,
.onepart-controls .favorite .favorites-new-icon-submited {
    margin-right: 6px;
}

.favorite-wrap {
    position: relative;
}

.onepart-controls .popup-favorites {
    bottom: -100%;
    left: 0;
}

.onepart-controls .blue-btn,
.onepart-controls .green-btn,
.viget-order .green-btn, .onepart-controls .btn-paramount {
    /*background: none;*/
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    height: 48px;
    margin-right: 12px;
    min-width: 160px;
    text-align: center;
    transition: background-color .3s ease;
    text-shadow: none;
}

.onepart-controls .btn-green{
    /*background: #5aae3f;*/
}

.onepart-controls .btn-green:hover{
    /*background: #0081c2;*/
}

.viget-order .green-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0;
}

.onepart-controls .ms_booking {
    white-space: normal;
    max-width: 200px;
}
.onepart-controls .green-btn,
.viget-order .green-btn {
    background-color: #5EB00B;
}

.onepart-controls .green-btn:hover,
.viget-order .green-btn:hover {
    background-color: #008C0D;
}

.onepart-controls .blue-btn span,
.onepart-controls .green-btn span {
    display: inline;
}

.set-price button {
    background: none;
    border: none;
    border-bottom: 1px solid #0632AD;
    border-radius: 0;
    color: #0632AD;
    font-size: 14px;
    padding: 0;
    transition: border-bottom-color .3s ease;
}

.set-price button:hover {
    border-bottom-color: transparent;
}

.price-box .price__title {
    color: #6E6F6E;
    font-size: 14px;
    margin: 0;
    padding: 6px 0 12px 0;
}

.price-box .price__second {
    color: #111111;
    font-size: 25px;
}

.price-box .price__second span {
    font-size: 22px;
}


.new .onepart-prices {
    padding: 0 0 40px 0;
    flex-wrap: wrap;
}

.set-price.flex {
    align-items: flex-start; 
}


.onepart-tabs .viki-tabs-buttons li{
    display: flex!important;
    align-items: center;
    justify-content: center;
    padding: 8px 12px!important;
    margin: 0!important;
}

.viki-tabs-buttons li .tab-image{
    height: 25px;
    width: 45px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    margin-right: 10px;
    margin-left: -10%;
}

.onepart-tabs .viki-tabs-buttons li .tab-image {
    height: 25px;
    width: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin-right: 10px;
    margin-left: 0;
}

.viki-tabs-buttons .features .tab-image {
    background-image: url("images/icons/OperPartIcons/characteristicsDisable.svg");
}

.viki-tabs-buttons .features.act .tab-image {
    background-image: url("images/icons/OperPartIcons/characteristicsActive.svg");
}

.viki-tabs-buttons .garanties .tab-image {
    background-image: url("images/icons/OperPartIcons/garantDisable.svg");
}

.viki-tabs-buttons .garanties.act .tab-image {
    background-image: url("images/icons/OperPartIcons/garantActive.svg");
}

.viki-tabs-buttons .delivery .tab-image {
    background-image: url("images/icons/OperPartIcons/deliveryDisable.svg");
}

.viki-tabs-buttons .delivery.act .tab-image {
    background-image: url("images/icons/OperPartIcons/deliveryActive.svg");
}

.viki-tabs-buttons .installment .tab-image {
    background-image: url("images/icons/OperPartIcons/paymentDisable.svg");
}

.viki-tabs-buttons .installment.act .tab-image {
    background-image: url("images/icons/OperPartIcons/paymentActive.svg");
}

.viki-tabs-buttons .installation .tab-image {
    background-image: url("images/icons/OperPartIcons/installationDisable.svg");
}

.viki-tabs-buttons .installation.act .tab-image {
    background-image: url("images/icons/OperPartIcons/installationActive.svg");
}

.oper-part__tabs ul.viget  li {
    font-size: 20px;
}

.viget .installment span {
    line-height: 1;
    white-space: normal;
}

.oper-part__tabs .viki-tabs-frames {
    border: none;
    border-radius: 0;
    padding: 25px;
    font-size: 16px;
}

.oper-part__tabs .onepart-props{
    width: auto!important;
}

    .oper-part__tabs .onepart-props td, .oper-part__tabs .onepart-props th {
        border: none;
        color: #333333;
        font-size: 15px;
        padding: 2px 30px 2px 2px;
        min-width: 170px;
        font-weight: normal;
    }
@media(max-width: 500px){
    .oper-part__tabs .onepart-props td, .oper-part__tabs .onepart-props th {
        padding: 2px 2px;
        min-width: 130px;
        word-break: break-word;
    }
}

/*.oper-part__tabs .onepart-props tr:nth-child(odd) td {*/
/*    background-color: #F1FBFE;*/
/*}*/

.oper-part__tabs .onepart__comment {
    color: #707070;
    font-size: 16px;
}

.oper-part__tabs .onepart__wrap-form {
    text-align: left;
    width: 100%;
}

.oper-part__tabs .comment-form {   
    width: 100%;
}

.oper-part__tabs .comment-form textarea {
    border: none;
    border-radius: 9px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);
    min-height: 260px;
    resize: none;
}

.oper-part__tabs .comment-form textarea:focus {
    outline: none;
}


.oper-part__tabs .onepart__comment .button,
.oper-part__tabs .comment-form button {
    align-items: center;
    background: none;
    border: 1px solid #0632AD;
    border-radius: 9px;
    color: #707070;
    display: flex;
    font-size: inherit;
    height: 34px;
    justify-content: center;
    padding: 0 16px;
}

.oper-part__tabs .comment-form button {
    float: none;
}

.installation-tab {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.installation-tab .record-form {
    margin-top: 30px;
}

.installation-tab .btn-secondary {
    height: 48px;
    width: 250px;
    font-size: 16px;
}

.garanties-tab p {
    font-size: 18px;
    line-height: normal;
}

.garanties-tab a {
    color: #B60C0E;
}

.garanties-annotation {
    padding-bottom: 40px;
}

.garanties-list {
    display: flex;
    font-size: 22px;
    margin: 0;
    padding: 0 0 40px 0;
}

.garanties-list ul,
.garanties-list li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.garanties-list > li {
    flex-grow: 1;    
}

.garanties-list > li:first-child {
    margin-right: 10%;
}

.garanties-list > li > ul {
    padding-top: 30px;
}

.garanties-list > li > ul > li {
    border-bottom: 1px solid #E7E8E8;
    margin-bottom: 8px;
}

.garanties-list label {
    display: inline-block;
    float: none;
    padding: 0;
    text-align: left;
    width: 70%;
}

.garanties-list mark {
    background: none;
    color: #B60C0E;
    font-weight: bold;
}

.viget-return {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 30px 0;
    text-decoration: underline;
}

.viget-return:hover {
    text-decoration: none;
}

.viget-order {
    display: flex;
    flex-direction: column;
}

.viget-order .button{
    line-height: 37px;
}

.onepart-contacts.viget {
    align-items: center;
    display: flex;
}

.onepart-contacts.viget .consult {
    align-items: center;
    display: flex;
    padding-left: 24px;
}

.onepart-contacts.viget .consult p {
    margin: 0;
}

.onepart-contacts.viget .consult .phones {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    padding-left: 16px;
}
/*checkbox*/
.form-callback-checkbox {
    display: flex;
    align-items: flex-start;
    color: black;
    font-weight: normal;
    padding-top: 10px;
    margin: 0;
    justify-content: flex-start;
}
.form-callback-checkbox label {
    margin-top: 2px;
    font-size: 12px;
    line-height: 16px;
}
.form-callback-checkbox.checkbox-white-link .checkbox-link{
    color: #ffffff;
}
.form-checkbox-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 0 20px 0;
}

.form-checkbox-container .form__checkbox {
    margin: 0;
    padding: 0;
    justify-content: flex-start;
    align-items: flex-start;
}
.form-checkbox-text {
    color: #333333;
}
.checkbox-link {
    text-decoration: underline;
}
.checkbox-link:hover {
    text-decoration: none;
    color: #0632AD;
}
/*checkbox*/

/*checkbox custom*/
.custom-checkbox input[type="checkbox"]:checked,
.custom-checkbox input[type="checkbox"]:not(:checked) {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-checkbox input[type="checkbox"]:checked + label,
.custom-checkbox input[type="checkbox"]:not(:checked) + label {
  display: inline-block;
  position: relative;
  padding: 0 0 0 28px;
  line-height: 19px;
  cursor: pointer;
  margin: 0;
  float: none;
  text-align: start;
  width: auto;
}
.custom-checkbox input[type="checkbox"]:checked + label:before,
.custom-checkbox input[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 13px;
  height: 13px;
  border: 3px solid #B7B7B7;
  background-color: #ffffff;
  border-radius: 3px;
}
.custom-checkbox input[type="checkbox"]:checked + label:before { border-color: #0632AD; }
.custom-checkbox input[type="checkbox"]:checked + label:after,
.custom-checkbox input[type="checkbox"]:not(:checked) + label:after {
  content: "";
  position: absolute;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-checkbox input[type="checkbox"]:checked + label:after,
.custom-checkbox input[type="checkbox"]:not(:checked) + label:after {
  left: 4px;
  top: 5px;
  width: 7px;
  height: 3px;
  border-radius: 1px;
  border-left: 3px solid #0632AD;
  border-bottom: 3px solid #0632AD;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.custom-checkbox input[type="checkbox"]:disabled + label:before,
.custom-checkbox input[type="checkbox"]:disabled + label:after {
  border-color: #B7B7B7;
  cursor: default;
}
.custom-checkbox input[type="checkbox"]:disabled + label {
  cursor: default;
}
.custom-checkbox input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.custom-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; }
/*checkbox custom*/
/*radio tab*/
.tab-radio {
  margin: 0;
  float: none;
  padding: 0;
  width: fit-content;
  display: flex;
  cursor: pointer;
}
.tab-radio input[type="radio"] {
  width: 0;
  height: 0;
  margin: 0;
  display: none;
}
.tab-radio span {
  font-size: 15px;
  padding: 6px 10px;
  border-radius: 100px;
}
.tab-radio.act span {
  color: #FFFFFF;
  background-color: var(--paramount-color);
}
.tab-radio-content {
  display: none;
  font-size: 13px;
  line-height: 16px;
  padding: 10px;
  background-color: #F2FFF6;
  border-radius: 7px;
  width: fit-content;
  color: #000000;
}
.tab-radio-content.act { display: block; }
.tab-radio-content a { text-decoration: underline; }
.tab-radio-content a:hover { text-decoration: none; }
/*radio tab*/
/*banner-cookie*/

#banner-cookie {
  display: none;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: var(--standard-color);
}

#banner-cookie.inline-banner{
    display: block;
    margin-bottom: 20px;
}
#banner-cookie .banner-cookie-container {
  position: absolute;
  z-index: 1111;
  bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
}

#banner-cookie.inline-banner .banner-cookie-container{
    position: relative;
    bottom: 0;
    justify-content: flex-start;
}

#banner-cookie .banner-cookie-item {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0 0 15px rgb(0 0 0 / 25%);
  border-radius: 10px;
  display: flex;
  max-width: 1012px;
  padding: 30px;
  gap: 5px;
  align-items: center;
  margin: 0 25px;
  flex-direction: column;
}

#banner-cookie.inline-banner .banner-cookie-item{
    position: relative;
    margin: 0;
    box-shadow: none;
    padding: 0;
}

#banner-cookie.inline-banner .banner-cookie-item > div{
    flex-direction: column;
    align-items: flex-start;
}

#banner-cookie.inline-banner .banner-cookie-item .banner-cookie-text{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1;
}


#banner-cookie a { color: #2734B9; }
#banner-cookie .banner-cookie-text a { text-decoration: underline; }
#banner-cookie .banner-cookie-text a:hover {
  cursor: pointer;
  text-decoration: none;
}
#banner-cookie .btn-simple { min-width: 90px; }
#banner-cookie.inline-banner .btn-simple { min-width: 90px; font-size: 16px; padding: 10px 20px;}
#banner-cookie .banner-cookie-item p {
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: var(--standard-color);
  margin: 0;
}
#banner-cookie [data-ck-br-ss-accept] {
  min-width: 140px;
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  padding: 10px;
}

#banner-cookie.inline-banner [data-ck-br-ss-accept] {
    min-width: fit-content;
    font-size: 16px;
    padding: 10px;
}
#banner-cookie [data-ck-br-ss-accept] + span {
  color: #686868;
}
#banner-cookie .custom-checkbox + span {
  padding-left: 38px;
}
#banner-cookie .custom-checkbox input[type="checkbox"]:checked + label,
#banner-cookie .custom-checkbox input[type="checkbox"]:not(:checked) + label {
  font-weight: 700;
  padding: 0 0 0 38px;
}
/*banner-cookie*/
/*Client notifications*/
#clientNotifications .toggleWrapper input.mobileToggle + label {
  margin: 0;
  padding: 0 0 0 55px;
  display: flex;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  height: auto;
  line-height: 14px;
  align-items: center;
  min-height: 21px;
  width: fit-content;
  min-width: initial;
  color: #000000;
  cursor: pointer;
}
#clientNotifications .toggleWrapper-small + .new-field {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  z-index: 1;
}
#clientNotifications .toggleWrapper-small + .new-field input {
  min-width: 150px;
  max-width: 400px;
  width: 100%;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  color: #5C5C5C;
}
#clientNotifications .toggleWrapper-small + .new-field span {
  width: 100%;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
  color: #5C5C5C;
  font-size: 16px;
  word-wrap: break-word;
  text-wrap: wrap;
}
#clientNotifications .toggleWrapper-small + .new-field > div {height: 100%;}
#clientNotifications .toggleWrapper-small + .new-field .btn-paramount {
  height: 100%;
  -webkit-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
#clientNotifications > .btn-secondary {
  width: fit-content;
  font-size: 15px;
  line-height: 18px;
  white-space: inherit;
}
#clientNotifications .checkbox {
  font-size: 15px;
  height: fit-content;
}
.with-inner-email {
  position: relative;
  display: grid;
  grid-template-columns: 460px 1fr;
}
/*Client notifications*/
[data-update-btn] {
  display: none;
}
@media (max-width: 1700px) {
  .news-callback-inputs p {
    margin-bottom: 10px;
  }  
}

@media (max-width: 1640px) {
    .price-box .price__second {
        font-size: 34px;
    }

    .onepart-prices .price__title {
        white-space: normal;
    }

    .onepart-contacts .CartItem {
        white-space: nowrap;
    }

    .onepart-controls .blue-btn,
    .onepart-controls .green-btn,
    .viget-order .green-btn {
        min-width: 135px;
    }

    .oper-part__tabs ul.viki-tabs-buttons li {
        white-space: normal;
    }

    .onepart-controls {
        display: flex;
        flex-direction: column;
    }

    .oper-part__tabs ul.viki-tabs-buttons li {
        font-size: 18px;
    }

    .oper-part__tabs ul.viki-tabs-buttons li span {
        line-height: 20px;
        display: inline-flex;
        align-items: center;
    }
}

@media (max-width: 1620px) {

    .oper-part__tabs ul.viki-tabs-buttons li {
        justify-content: flex-start;
    }


    .oper-part__tabs ul.viki-tabs-buttons {
        grid-template-areas: "features installation garanties"
                             "delivery installment installment";
        grid-template-columns: minmax(210px, 1fr) minmax(130px, 1fr) minmax(130px, 1fr);
    }
}

@media (max-width: 620px) {

    .oper-part__tabs ul.viki-tabs-buttons {
        grid-template-areas: "features installation"
                             " garanties delivery"
                             " installment installment";
        grid-template-columns: minmax(240px, 1fr) minmax(130px, 1fr);
    }
}

@media(max-width: 1550px){
    .onepart-left-col{
        float: left;
        min-width: 465px;
        width: 465px;
    }

    .viki-gallery.part-carousel a img {
        max-height: 265px;
    }

    .viki-gallery.car-carousel a img {
        max-height: 350px;
    }

}

@media (max-width: 1650px) {
    .onepart-controls .favorite {
        align-items: center;
        border: 1px solid #9FA0A1;
        border-radius: 4px;
        display: flex;
        height: 38px !important;
        justify-content: center;
        padding: 0;
        width: 38px !important;
    }

    .onepart-controls .favorite:after {
        display: none;
    }

    .onepart-controls .favorite .favorites-new-icon,
    .onepart-controls .favorite .favorites-new-icon-submited {
        margin: 0;
    }
    
    .onepart-controls > .flex {
        align-items: center;
        flex-wrap: wrap;
    }

    .garanties-list {
        font-size: 18px;
        padding: 0 0 20px 0;
    }
}

@media (max-width: 1600px) {
    .payment-form .fld-line {
        grid-template-columns: auto;
    }
}

@media (max-width: 1400px) {
    .on-way .cities-list {
        width: 100%;
    }    
    
    .news-form__inputs-container {
    flex-direction: column;
    align-items: flex-end;
  }

      .sale-payment__cards{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 20px;
      }

    .oper-part__tabs ul.viki-tabs-buttons li {
        border: 1px solid #fff;
    }

    .oper-part__tabs ul.viki-tabs-buttons li.delivery,
    .oper-part__tabs ul.viki-tabs-buttons li.installment {
        margin-top: -7px
    }

    .viki-tabs-buttons .installment span {
        line-height: 37px;
    }
}

@media (max-width: 1300px) {
    .onepart-left-col {
        min-width: 40%;
        width: 40%;
    }

    .car-card_left-col {
        min-width: 465px;
        width: 465px;
    }

    .oper-part-photos ul.viki-tabs-buttons,
    .car-card_photos ul.viki-tabs-buttons {
        font-size: 13px;
    }

    .oper-part-photos .viki-tabs-frames .viki-tab,
    .car-card_photos .viki-tabs-frames .viki-tab {
        min-height: auto;
    }
    
    .onepart-prices.flex {
        align-items: flex-start;
        flex-direction: column;
    }

    .onepart-controls .blue-btn, .onepart-controls .green-btn, .viget-order .green-btn {
        min-width: 160px;
    }

    .onepart-controls {
        padding-top: 30px;
        width: 100%;
    }

    .onepart-prices .price-box {
        width: 100%;
        padding-left: 0;
    }
}

@media (max-width: 1200px) {
    .garanties-list label {
        width: 65%;
    }

    .garanties-list > li:first-child {
        margin-right: 5%;
    }

	.ordering-block .cart-controls {
        float: none;
        padding-bottom: 20px;
        transform: none;
    }
    
    .actions-news__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .actions-news__item h2 {
    font-size: 25px;
  }

  .actions-news__item p {
    font-size: 25px;
  }

  .actions-news__item a {
    font-size: 25px;
  }

  .actions-news__header {
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
    padding: 30px 20px 30px 20px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "title"
                         "sub-title"
                         "time"
                         "button"
  }

    .actions-news__header.news{
        grid-template-areas: "title"
                             "sub-title"
    }

  .actions-news__header button {
    margin: 0;
    padding: 8px 40px;
  }

  .actions-news__header h2 {
    margin: 0 0 20px 0;
    text-shadow: 0px 0px 5px black;
  }

  .actions-news__header h3 {
    margin: 0 0 15px 0;
    text-shadow: 0px 0px 5px black;
  }

  .actions-news__header p {
    margin-bottom: 20px;
    font-size: 15px;
    text-shadow: 0px 0px 5px black;
  }

  #news-callback {
    padding: 30px 20px 30px 20px;
    background: #0632AD;
  }

  .sale-payment__cards{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }

    .ordering-block {
        flex-direction: column;
    }

}
@media (max-width: 1000px) {
    .garanties-list {
        font-size: 14px;
    }
    
    .viki-tabs-buttons .installment span {
        line-height: 20px;
    }

    .garanties-tab p {
        font-size: 16px;
    }

    .car-card_left-col {
        margin: 0 auto;
        min-width: 465px;
        width: 465px;
    }
}

@media (max-width: 1100px) {
    .page-product.new {
        flex-direction: column;
    }

    .onepart-left-col{
        margin: 0 auto;
        min-width: 465px;
        width: 465px;
    }

    .viki-tabs-buttons .installment span {
        line-height: 37px;
    }

    .onepart-controls {
        align-items: center;
    }

    .price-box .set-price .box-sm {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .apply-coupon,
    #DiscountCoupon input,
    .edit-register-btn,
    .update-register-btn {
        border-radius: 8px;
        height: 48px;        
    }
    
    .order-steps li:nth-child(2) {
        max-width: 160px;
        padding-left: 10%;   
 }
    
    .actions-news__grid {
    grid-template-columns: 1fr;
  }

  .actions-news__item {
    padding: 30px 15px 15px 15px;
  }

  .actions-news__switch {
    font-size: 30px;
    font-weight: 700;
    color: #B2B2B2;
    margin-right: 20px;
  }

  .actions-news__item h2 {
    font-size: 20px;
  }

  .actions-news__item p {
    font-size: 20px;
  }

  .actions-news__item a {
    font-size: 20px;
  }

  #news-callback .news-callback-inputs {
    flex-direction: column;
  }
  
  .news-form__input-container {
    max-width: 100%;
    min-width: auto;
    margin-right: 0;
    text-align: center;
  }

  .news-form__button {
    max-width: 50%;
    margin: auto;
  }

  .sale-parts__toggle{
    padding: 20px 10px; 
  }

  .sale-parts__toggle img{
    transition: .3s all ease;
    width: 30px;
  }

  .sale-part{
    padding: 20px; 
  }

  .sale-part a{
    padding: 5px 20px;
  }

  .sale-rules, .sale-advantages{
    grid-template-columns: 1fr;
  }

  .sale-advantage{
    flex-direction: row;
      text-align: left;
  }

  .sale-rules .flex-col:nth-child(2) .sale-rule{
    justify-content: flex-start;
  }
  .sale-advantage img{
    max-width: 50px;
    min-width: 50px;
    max-height: 42px;
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .sale-part a {
    padding: 5px 30px;
  }

  .sale-payment__card .gradient-background{
    background: linear-gradient(-135deg, #0632AD, #172A78, #292243);
    clip-path: polygon(0 0%, 0% 100%, 80% 100%);
  }
  .sale-payment__card .gradient-background div{
    top: 38%;
    left: 15%;
    font-size: calc( (100vw - 300px)/(1920 - 300) * (26 - 20) + 12px);
  }
    .onepart-tabs .viki-tabs-buttons li .tab-image{
        height: 25px;
    }
}
@media (max-width: 680px) {
    .tires-box .filter {
        flex-direction: column;
    }

    .tires-box .mp-search, .tires-box .tires-selection {
        width: 100%;
    }
}
    

@media  (max-width: 600px) {
    .viki-tabs-buttons .installment span {
        line-height: 20px;
    }

    .oper-part-photos .owl-dot span, 
    .car-card_photos .owl-dot span {
        display: inline-block;
        height: 12px;
        width: 12px;
    }

    .garanties-list label {
        width: 60%;
    }
}

@media  (max-width: 500px) {
    .oper-part__tabs.tabs-big ul.viki-tabs-buttons {
        display: grid;
    }
}

@media  (max-width: 480px) {
    .oper-part__tabs.tabs-big ul.viki-tabs-buttons {
        display: grid;
    }

    .onepart-left-col,
    .car-card_left-col {
        margin: 0 auto;
        min-width: 96%;
        width: 96%;
    }

    .viki-gallery.part-carousel a img {
        max-height: 200px;
    }

    .viki-gallery.car-carousel a img {
        max-height: 260px;
    }

    .oper-part-photos .owl-item,
    .car-card_photos .owl-item {
        width: 100% !important;
    }

    .onepart-controls .ms_booking {
        order: 4;
        width: 100%;
        background: none;
        box-shadow: none;
        height: auto;
        margin-top: 6px;
        margin-right: 0;
        color: #333333;
        text-decoration: underline;
        position: relative;
        top: 7px;
        font-size: 14px;
    }

    .onepart-controls > .flex {
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .onepart-controls {
        background-color: #fff;
        bottom: 60px;
        box-shadow: 1px -8px 13px rgb(0 0 0 / 20%);
        left: 0;
        padding: 10px 0;
        position: fixed;
        z-index: 1000;
    }

    .onepart-controls .onepart-contacts {
        order: 2;
        padding: 6px 0 2px 0;
    }

    .price-box .prices > div, .price-box .set-price > div {
        padding: 0 4%;
        width: 50%;
    }

    .footer .news-callback-inputs .callback-field .callback-button {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .footer .news-callback-inputs .callback-field input[type=text] {
        width: 100%;
    }

    .footer .news-callback-inputs {
        flex-direction: column;
    }
    .oper-part__tabs ul.viki-tabs-buttons {
        grid-template-areas: "features"
                             "installation"
                             "garanties "
                             "delivery"
                             "installment";
        grid-template-columns: minmax(240px, 1fr);
    }
}

@media  (max-width: 440px) {

    .set-price {
        flex-direction: column;
    }

    .price-box .set-price .box-sm {
        width: 100%;
        margin: 0;
        max-width: 100%;
    }

    .oper-part__tabs ul.viki-tabs-buttons {
        grid-template-columns: repeat(1, 1fr);
    }
    
    .oper-part__tabs ul.viki-tabs-buttons li {
        text-align: left;
    }
    .onepart-tabs .viki-tabs-buttons li .tab-image {
        background-position: center;
        margin-left: 0%;
    }
    .onepart-tabs .viki-tabs-buttons li {
        justify-content: flex-start;
    }

    /*.viki-tabs-buttons .features span {*/
    /*    background: url(images/features.png) no-repeat 10px -89px;*/
    /*}*/
    /*.viki-tabs-buttons .features.act span {*/
    /*    background: url(images/features.png) no-repeat 10px 4px;*/
    /*}*/
    
    
    /*.viki-tabs-buttons .garanties span {*/
    /*    background: url(images/garanty.png) no-repeat 12px -126px;*/
    /*}*/
    /*.viki-tabs-buttons .garanties.act span {*/
    /*    background: url(images/garanty.png) no-repeat 12px 0;*/
    /*}*/
    
    /*.viki-tabs-buttons .installment span {*/
    /*    background: url(images/payment.png) no-repeat 4px -162px;*/
    /*}*/
    /*.viki-tabs-buttons .installment.act span {*/
    /*    background: url(images/payment.png) no-repeat 4px 0px;*/
    /*}*/

    .oper-part__tabs ul.viki-tabs-buttons li.garanties {
        margin-top: -7px;
    }

    .viki-tabs-buttons .installment span {
        line-height: 37px;
    }

    .oper-part__tabs .viki-tabs-frames {
        padding: 25px 10px;
    }

    .garanties-list {
        font-size: 12px;
    }

    .oper-part-photos ul.viki-tabs-buttons,
    .car-card_photos ul.viki-tabs-buttons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .oper-part-photos ul.viki-tabs-buttons li,
    .car-card_photos ul.viki-tabs-buttons li {
        margin-bottom: 8px;
    }

    .price-box .price__second {
        font-size: 24px;
    }

    .garanties-list label {
        width: 54%;
    }

    .onepart-controls .blue-btn,
    .onepart-controls .green-btn,
    .viget-order .green-btn {
        font-size: 14px;
        margin-right: 6px;
        min-width: 130px;
    }

    .onepart-controls .CartItem button {
        border-radius: 4px!important;
        height: 38px!important;
        min-width: 120px!important;
        font-size: 14px!important;
    }

    .onepart-contacts .phohe-odrer {
        font-size: 13px;
    }

    .oper-part__tabs ul.viki-tabs-buttons {
        padding: 0;
    }
}    .tires-box .tires-selection {
        margin-left: 0 !important
    }

@media (max-width: 500px) {
    .prices {
        flex-direction: column;
    }
}

.new-grid__item {
  padding: 0px 20px 20px 0;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns:250px auto 45px 110px 160px 220px;
  grid-template-areas: "item-title item-title item-title item-title item-title item-title"
  "image characteristics price-default price-default price-unassembled  item-article"
  "image characteristics garant garant garant  ."
  "image characteristics favorite buy-default buy-one-click callback"     
}

#FavoritesGrid{
    gap: 20px;
}

.favorites-grid__item{
    display: grid;
    grid-template-columns:100px 40px 100px 45px;
    grid-gap: 10px;
    grid-template-areas: "item-title item-title item-title item-title"
                         "item-article item-article item-article item-article"
                         "image image image image"
                         "characteristics characteristics characteristics characteristics"
                         "price-default price-default price-unassembled price-unassembled"
                         "buy-default buy-one-click buy-one-click favorite";
    box-shadow: 0 3px 6px rgba(0,0,0,.2);
    padding: 10px;
    border-radius: 4px;
}

@media (max-width: 350px){
    .favorites-grid__item {
        grid-template-columns: 95px 35px 85px 45px;
        grid-gap: 5px;
    }
}

.new-grid__item button, .new-grid__item .button,
.favorites-grid__item button, .favorites-grid__item .button{
    white-space: normal;
}

.new-grid__item .item-title,
.favorites-grid__item .item-title {
  grid-area: item-title;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.new-grid__item.install-price-popup .item-title {
    padding-bottom: 0;
}

.favorites-grid__item .item-title {
    padding-bottom: 0;
    min-height: 35px;
}

.new-grid__item .item-title a,
.favorites-grid__item .item-title a {
  font-size: 15px;
  line-height: normal;
  font-weight: 700;
  position: relative;
  text-decoration: none;
  color: #000;
  display: flex;
  align-items: center;
  width: max-content;
}

.new-grid__item .item-article, 
.favorites-grid__item .item-article {
  grid-area: item-article;
  padding-bottom: 20px;
  display: flex;
}

.favorites-grid__item .item-article {
    padding-bottom: 0;
}

.new-grid__item .item-article span,
.favorites-grid__item .item-article a{
  color: #D8091E;
  font-size: 15px;
  font-weight: bold;
}

.new-grid__item .item-image{
   position: relative;
}

.new-grid__item .item-image,
.favorites-grid__item .item-image {
    grid-area: image;
}

.new-grid__item .item-image img{
    height: 160px;
    object-fit: cover;
}

.new-grid__item .sale-time__label {
    display: none;
}

.new-grid__item.sale-time .sale-time__label {
    display: block;
    position: absolute;
    left: 10px;
    top: 125px;
    color: #fff;
    background-color: var(--sale-time-color);
    padding: 5px 9px;
    border-radius: 4px;
}

.new-grid__item.sale-time .sale-time_icon-text {
    display: flex;
    align-items: flex-end;
}

.new-grid__item.sale-time .sale-time_icon-text span{
    margin-left: 5px;
    max-width: 231px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-grid__item.sale-time .sale-time_icon-text  img{
    height: 16px;
}

@media (max-width: 901px) {
    .new-grid__item.sale-time .sale-time_icon-text span {
        max-width: 175px;
    }
}

@media (max-width: 415px) {
    .new-grid__item.sale-time .sale-time_icon-text span {
        max-width: 130px;
    }

}

@media (max-width: 360px) {
    .new-grid__item.sale-time .sale-time_icon-text span {
        font-size: 10px;
        max-width: 110px;
    }

    .new-grid__item.sale-time .sale-time_icon-text img {
        height: 14px;
    }
}

.new-grid__item.sale-time .sale-time__label {
    cursor: pointer;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.new-grid__item.sale-time .sale-time__label .sale-time__label-popup
{
    position: absolute;
    bottom: calc(100% + 7px);
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    color: #000;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
    font-size: 11px;
    font-weight: 400;
    visibility: hidden;
    opacity: 0;
    transition: .3s all ease;
    line-height: normal;
}

.new-grid__item.sale-time .sale-time__label .sale-time__label-popup a {
    color: var(--paramount-color);
    text-decoration: underline;
    display: block;
}

.content-card_description a {
    color: var(--paramount-color);
    text-decoration: underline;
}

.content-card_description a:hover {
    cursor: pointer;
}

.new-grid__item.sale-time .sale-time__label .sale-time__label-popup {
    max-width: 250px;
    right: 0
}


.sale-time__mobile-container {
    display: none;
}

.sale-content_card {
    padding: 0 22px;
    margin-bottom: 20px;
}

.sale-content_card-pattern {
    display: flex;
    flex-direction: column;
    font-size: 15px;
}

.content-card_icon-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.content-card_icon-header span {
    font-size: 23px;
    font-weight: bolder;
    margin-left: 10px;
}

.content-card_icon-header img {
    max-height: 21px;
}

@media (max-width: 1620px) {

    .sale-content_card {
        padding: 0 25px;
    }
}

@media (max-width: 768px) {

    .sale-content_card-pattern {
        font-size: 13px;
    }

    .content-card_icon-header span {
        font-size: 19px;
    }

    .content-card_icon-header img {
        max-height: 17px;
    }

    /*banner-cookie*/
    #banner-cookie .banner-cookie-container {
        bottom: 80px;
    }
  #banner-cookie .banner-cookie-item > div:first-child,
  #banner-cookie .banner-cookie-item > div:last-child > div {
    max-height: 55vh;
    overflow-y: auto;
  }
    /*banner-cookie*/
}

@media (max-width: 440px) {

    .sale-content_card {
        padding: 0 15px;
    }
}

.new-grid__item.sale-time .sale-time__label:hover .sale-time__label-popup {
    visibility: visible;
    opacity: 1;
}

.new-grid__item.sale-time .sale-time__label .sale-time__label-popup:before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}

.favorites-grid__item .item-image img {
    height: 210px;
    object-fit: cover;
}

.new-grid__item .item-characteristics,
.favorites-grid__item .item-characteristics {
  grid-area: characteristics;
  font-size: 15px;
}

.new-grid__item .item-characteristics div.flex-row, 
.favorites-grid__item .item-characteristics div.flex-row {
  margin-bottom: 5px;
  padding: 5px;
}

.new-grid__item .item-characteristics div.flex-row:nth-child(odd),
.favorites-grid__item .item-characteristics div.flex-row:nth-child(odd) {
  background: #F1FBFE;
}

.new-grid__item .item-characteristics table caption,
.favorites-grid__item .item-characteristics table caption {
  display: none;
}


.new-grid__item .item-characteristics table tr,
.favorites-grid__item .item-characteristics table tr {
  display: flex;
  margin-bottom: 5px;
}

.new-grid__item .item-characteristics table tr:hover td,
.favorites-grid__item .item-characteristics table tr:hover td {
  background: none;
}

.new-grid__item .item-characteristics table tr:nth-child(n+6),
.favorites-grid__item .item-characteristics table tr:nth-child(n+6) {
  display: none;
}

.new-grid__item .item-characteristics table th, .new-grid__item .item-characteristics table td,
.favorites-grid__item .item-characteristics table th, .favorites-grid__item .item-characteristics table td{
  border: none;
  line-height: 16px;
  padding: 0;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
  word-break: break-word;
  /*overflow: hidden;*/
  /*max-height: 32px;*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new-grid__item .item-characteristics .link,
.favorites-grid__item .item-characteristics .link {
  position: relative;
  font-size: 14px;
  display: inline-block;
  color: #0632ad;  
}

.new-grid__item .item-characteristics table th,
.favorites-grid__item .item-characteristics table th{
  min-width: 170px;
  color:#929292;
}

.new-grid__item .item-garant {
  grid-area: garant;
  justify-content: space-between;
  opacity: .7;
  margin: 10px 0;
}

.new-grid__item .item-garant .item-garant__info{
  align-items: center;
    margin-right: 10px;
}

.new-grid__item .item-garant .item-garant__info-image{
    width: 40px;
    height: 35px;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.new-grid__item .item-buy__info,
.favorites-grid__item .item-buy__info {
  text-align: center;
  justify-content: space-between;
}

.new-grid__item .item-buy__info .item-price,
.favorites-grid__item .item-buy__info .item-price{
  font-size: 18px;
  line-height: normal;
  font-weight: 700;
  padding-bottom: 12px;
  position: relative;
  align-items: flex-start;
  text-align: left;  
}

.price.disassembled-view {
    display: flex;
    flex-direction: column;
}
.price-box .checkbox-price {
    padding-bottom: 6px;
}
.prices-checkbox {
    display: flex;
    align-items: end;
}
.prices-checkbox:hover {
    cursor: pointer;
}
.prices-checkbox_grid {
    display: flex;
}

.prices-checkbox_grid :hover {
    cursor: pointer;
}
.prices-not_checkbox {
    display: flex;
    flex-direction: column;
    align-items: start;
}
.checkbox-price {
    margin-right: 10px;
}
.checkbox-price input{
    margin: 0;
}

.price-percentage_difference {
    background: var(--sale-time-color);
    border-radius: 3px;
    color: #fff;
    padding: 2px;
    font-size: 11px;
    height: fit-content;
    margin-left: 5px;
}

.page-product .price-percentage_difference {
    font-size: 13px;
}

.grid-no-price {
    font-size: 14px;
    font-weight: 400;
}


.delivery-grid-button{
    background: none;
    position: relative;
    color: #0632ad;
    padding-left: 25px!important;
    font-weight: 400;
    text-align: left;
}

.delivery-grid-button:hover{
    text-decoration: underline;
}

.delivery-grid-button:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -50%);
    width: 18px;
    height: 18px;
    background-image: url('images/icons/icon_calendar.svg');
    background-size: contain;
}

.new-grid__item .item-buy__info .item-price span span,
.favorites-grid__item .item-buy__info .item-price span span {
  font-size: 14px;
}

.new-grid__item .item-buy__info .item-price__install,
.favorites-grid__item .item-buy__info .item-price__install {
    text-align: left;    
}

.new-grid__item .item-buy__info .item-price__install a,
.favorites-grid__item .item-buy__info .item-price__install a{
    color: #0632ad;
}

.new-grid__item .price-unassembled .unassembled-text,
.favorites-grid__item .price-unassembled .unassembled-text {
  position: absolute;
  font-size: 11px;
  font-weight: 400;
  color: gray!important;
  top: calc(100% - 12px);
  text-align: left;
}

.new-grid__item .item-buy__info .item-price .price-before-discount,
.favorites-grid__item .item-buy__info .item-price .price-before-discount{
  color: #B1B1B1!important;
  text-decoration: line-through;
  font-size: 14px;
}

.new-grid__item .item-buy__info .item-price .price-before-discount span,
.favorites-grid__item .item-buy__info .item-price .price-before-discount span {
  color: #B1B1B1!important;
}

.new-grid__item .price-default,
.favorites-grid__item .price-default {
  grid-area: price-default;
  
}

.new-grid__item .price-unassembled,
.favorites-grid__item .price-unassembled {
  grid-area: price-unassembled;
}

.new-grid__item .buy-default,
.favorites-grid__item .buy-default {
  grid-area: buy-default;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.new-grid__item .buy-one-click,
.favorites-grid__item .buy-one-click {
  grid-area: buy-one-click;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
}

.new-grid__item .item-callback {
  grid-area: callback;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
  position: relative;
}

.new-grid__item .item-callback div p {
  margin: 3px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

.new-grid__item .item-callback div p.color-blue {
  color: #0632ad;
}

.new-grid__item .item-add__favorite,
.favorites-grid__item .item-add__favorite {
  grid-area: favorite;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  position: relative;
}

[data-viki-grid-text-toggle] {
  margin-bottom: 20px;
}

[data-viki-grid-text-toggle] span.toggle {
  color: #9F9F9F;
  text-decoration: underline;
  font-size: 20px;
  cursor: pointer;
}

[data-viki-grid-text-toggle] .content {
  display: none;
  margin-top: 10px;
}

@media (max-width: 1440px) {
  .new-grid__item {
    grid-gap: 10px;
    grid-template-columns:250px auto 45px 55px 20px 160px;
      grid-template-areas: "item-title item-title item-title item-title item-title item-title"
                           "image item-article price-default price-default price-default price-unassembled"
                           "image characteristics price-default price-default price-default price-unassembled"
                           "image characteristics favorite callback callback callback"
                           "image characteristics buy-default buy-default buy-one-click buy-one-click";
  }

    .new-grid__item.new-cart-item .item-article { align-items: flex-start; }

    .new-grid__item .item-garant { display: none; }

  .new-grid__item .item-title a {
    align-items: flex-start;
    width: auto;
  }

  .new-grid__item .item-article  {
    align-items: flex-end;
    padding-bottom: 0;
  }

  .new-grid__item .item-article span {
    margin-left: 0px;
  }

  .new-grid__item .item-title {
    padding-bottom: 0;
  }
}

@media (max-width: 1300px) {
    .new-grid__item.new-cart-item.install-price {
        grid-template-columns: 20px minmax(130px, 200px) 45px auto 230px;
        grid-template-areas:
            "select item-title item-title item-title item-title"
            "select item-article item-article item-article item-article"
            "select image image characteristics installation"
            "select image image delete installation"
            "select price-default price-unassembled price-unassembled .";
        grid-gap: 15px;
    }
}


@media (max-width: 1200px) {
  .new-grid__item 
  {
    padding: 30px 15px;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto 16px repeat(3, auto); /* NEW */
    grid-template-columns: 110px 20px 20px 110px 45px auto;
    grid-template-areas: "item-title item-title item-title item-title item-title item-title"
                         "image image image image item-article item-article"
                         "image image image image characteristics characteristics"
                         "price-default price-default price-unassembled price-unassembled . ."
                         "buy-default buy-one-click buy-one-click buy-one-click favorite callback"
  }

  .new-grid__item .item-garant {
    justify-content: flex-start;
  }

  .new-grid__item .item-title a {
    font-size: 20px;
  }

  .new-grid__item .item-add__favorite {
    align-items: flex-end;
  }

  .new-grid__item .item-buy__info .item-price {
    flex-direction: column;
    align-items: flex-start;
  }
  .new-grid__item .item-buy__info .item-price .price-before-discount{
      margin-left: 0;
  }
}

@media(max-width: 1000px) {
    .order-wrapper {
        float: none;
    }
    .new-grid__item .item-callback div p { font-size: 14px; }
}

@media(max-width: 900px){
    .new-grid__item    {
        padding: 30px 15px;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: auto;
        grid-template-columns: 110px 20px 20px 55px 35px 45px auto;
        grid-template-areas: 
                "item-title item-title item-title item-title item-title item-title item-title"
                "item-article item-article item-article item-article item-article item-article item-article"
                "image image image image characteristics characteristics characteristics"
                "price-default price-default price-unassembled price-unassembled price-unassembled . ."
                "buy-default buy-one-click buy-one-click buy-one-click buy-one-click favorite callback"
    }
    .new-grid__item .item-characteristics table th {
        display: none;
    }
}

@media(max-width: 815px){
    .new-grid__item    {
        padding: 30px 0;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: auto;
        grid-template-columns: 110px 20px 20px 55px 35px 45px auto;
        grid-template-areas:
                "item-title item-title item-title item-title item-title item-title item-title"
                "item-article item-article item-article item-article item-article item-article item-article"
                "image image image image characteristics characteristics characteristics"
                "price-default price-default price-unassembled price-unassembled price-unassembled . ."
                "buy-default buy-one-click buy-one-click buy-one-click buy-one-click favorite ."
                "callback callback callback callback callback callback callback"
    }
    .new-grid__item button, .new-grid__item .button, .new-grid__item .gray, .new-grid__item .bt-menu ul {padding: 4px 6px;}
    
    .new-grid__item .item-callback .callback-text{
        display: flex;
    }
}

@media (max-width: 415px) 
{
    .new-grid__item {
        padding: 30px 0;
        grid-column-gap: 10px;
        grid-row-gap: 10px;
        grid-template-rows: auto;
        grid-template-columns: 90px 30px 30px 75px 45px;
        grid-template-areas: "item-title item-title item-title item-title item-title" "item-article item-article item-article item-article item-article" "image image image characteristics characteristics" "price-default price-default price-unassembled price-unassembled price-unassembled" "buy-default buy-one-click buy-one-click buy-one-click favorite" "callback callback callback callback callback"
    }
    .inner-block-right .buy-button, .favorites-buy-button, .new-grid__item .buy-button{
        font-size: 16px;
        width: 100%;
    }
    .grid-new{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .new-grid__item .popup-favorites { left: calc(50% - 153px);}
    .new-border-grid .badge {
        white-space: normal;
    }
}

@media (max-width: 360px)
{
  .new-grid__item   {
    padding: 30px 0;
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-rows: auto;
    grid-template-columns: 45px 75px 35px 35px 80px;
    grid-template-areas:
            "item-title item-title item-title item-title item-title"
            "item-article item-article item-article item-article item-article"
            "image image image characteristics characteristics"
            "price-default price-default price-unassembled price-unassembled price-unassembled"
            "buy-default buy-default buy-one-click buy-one-click buy-one-click"
            "favorite callback callback callback callback"
  }
    
  .new-grid__item .item-callback .callback-text {
    display: block;
  }
  
  .new-grid__item .popup-favorites { left: calc(50% - 29px);}
  
  .grid-no-price{
    font-size: 12px;
    font-weight: 400;
  }

}

.payment-car{
    align-items: flex-end;
    margin-top: 50px;
}

.payment-car__mask{
    position: relative;
    overflow: hidden;
    width: 100%;
}

.payment-car__mask svg{
    width: 100%;
    pointer-events: none;
    z-index: 10;
    position: relative;
}

.payment-car__colors{
    position: absolute;
    bottom: 5px;
    left: 1px;
    width: 94%;
    /*min-height: 100%;*/
    display: flex;
    z-index: 1;
    overflow: hidden;
}

.payment-car__color .month-pay.reinit{
    animation: opacity1-02-1 .3s linear forwards;
}

@keyframes opacity1-02-1 {
    0%{
        opacity: 1;
    }
    50%{
        opacity: .2;
    }
    100%{
        opacity: 1;
    }
}

.payment-car__color{
    width: 100%;
    position: relative;
    transition: .3s all ease;
    /*display: none;*/
}

/*.payment-car__color:hover{*/
/*    width: 400%;*/
/*}*/

.payment-car__color.color-7{
    background: #8a0c1b;
}

.payment-car__color.color-6{
     background: #a42231;
 }

.payment-car__color.color-5{
    background: #a73e4b;
}

.payment-car__color.color-4{
    background: #ab5a64;
}

.payment-car__color.color-3{
    background: #ae747c;
}

.payment-car__color.color-2{
    background: #b3989c;
}

.payment-car__color.color-1{
    background: #b6b4b5;
}

.payment-car__color:nth-child(n+4){
    display: none;
}

#PaymentCarLines #lines-7, #PaymentCarLines #lines-6, #PaymentCarLines #lines-5, #PaymentCarLines #lines-4, #PaymentCarLines #lines-3, #PaymentCarLines #lines-2, #PaymentCarLines #lines-1 {
    display: none;
}

#PaymentCarLines circle{
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2));
}

#PaymentCarLines circle[id*="-1"]{
    fill: #b6b4b5;
}

#PaymentCarLines circle[id*="-2"]{
    fill: #b3989c;
}

#PaymentCarLines circle[id*="-3"]{
    fill: #ae747c;
}

#PaymentCarLines circle[id*="-4"]{
    fill: #ab5a64;
}

#PaymentCarLines circle[id*="-5"]{
    fill: #a73e4b;
}

#PaymentCarLines circle[id*="-6"]{
    fill: #a42231;
}

#PaymentCarLines circle[id*="-7"]{
    fill: #8a0c1b;
}

.payment-car__color .month-pay{
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: calc( (100vw - 300px)/(1920 - 300) * (26 - 22) + 12px);
}

.payment-car__price{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.payment-car__buttons{
    margin-bottom: 20px;
}

.payment-car__buttons button{
    border-radius: 0;
    border: 1px solid #9FA0A1;
    background: #9FA0A1;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
}

.payment-car__buttons button.active{
    border: 1px solid #5aae3f; 
    background: #fff;
    color: #000;
}

.payment-car__cards{
    flex-wrap: wrap;
}

.payment-car__cards img{
    max-height: 60px;
    max-width: 200px;
    filter: opacity(0.5);
    margin-right: 10px;
    transition: .3s all ease;
    cursor: pointer;
    margin-bottom: 10px;
 }

.payment-car__cards img:hover{
    filter: opacity(0.8)
}

.payment-car__cards img.active{
    filter: opacity(1)
}

.payment-car__title{
    font-size: 20px;
    font-weight: 700;
    color: #D21113;
    margin-bottom: 20px;
}

.payment-car__payments-methods ul{
     list-style: none;
 }

.payment-car__payments-methods ul li{
    padding-left: 10px;
    position: relative;
}

.payment-car__payments-methods ul li:before{
    content: url(images/icon_check.svg);
    position: absolute;
    top: 5%;
    left: -10px;
    width: 10px;
    height: 10px;
}

.payment-text > .flex-col{
    margin-right: 100px;
}

.payment-car__price p:nth-child(1){
    font-size: 20px;
    line-height: normal;
    text-align: right;
}

.payment-car__price p:nth-child(2){
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    text-align: right;
}

@media(max-width: 500px){
    .payment-car__buttons button {
        padding: 9px 9px;
        font-size: 14px;
    }
    
    .payment-car__price p:nth-child(1){
        font-size: 14px;
        line-height: normal;
        text-align: right;
    }

    .payment-car__price p:nth-child(2){
        font-size: 30px;
        font-weight: 700;
        line-height: normal;
        text-align: right;
    }
}

@media (max-width: 1600px){
    .payment-text{
        flex-direction: column-reverse;
    }
    .payment-text > .flex-col{
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .payment-car{
        flex-direction: column;
        align-items: flex-end;
    }

    .payment-car__mask{
        margin-bottom: 20px;
    }
}

@media(max-width: 768px) {
    .order-steps li {
        height: 40px;
    }

    .order-total-wrapper {
        display: block;
        padding-left: 0;
    }

    .order-total-wrapper .box-btn {
        margin-bottom: 53px;
    }

    .order-total-wrapper .box-btn button {
        margin: 0;
        width: 100%;
    }
  .order-total-wrapper .box-btn button[data-order-submit-clone-toggle] {
        margin: 25px 0 0 0;
      }
  .ordering-block article {
    padding-top: 20px;
  }
}

@media(max-width: 560px) {
    .payment-form .fld-line.pb-30 {
        padding: 0;
    }
    
    .on-way ul li {
        width: 50%;
    }

    .order-steps {
        padding: 0;
    }

    .order-steps li {
        height: 30px;
    }

    .order-steps li:after {
        border-top: 15px solid transparent;
        border-left: 30px solid #E2E1E0;
        border-bottom: 15px solid transparent;
        right: -30px;
    }

    .order-steps li:first-child {
        max-width: 120px;
    }

    .order-steps li:nth-child(2) {
        max-width: 130px;
    }
}

@media(max-width: 440px) {
    .payment-form .stepper .cart-pay__radio .login-cont label {
        min-width: 100px;
        width: 100px;
    }
    
    .order-steps li:nth-child(2) {
        max-width: 90px;
    }

    .on-way ul li {
        width: 100%;
    }
    
    #DiscountCoupon > div {
        flex-direction: column;
    }

    .apply-coupon {
        margin: 0;
        max-width: 100%;
    }

    form .ordering-head .ordering-title {
        max-width: 100%;
        text-align: center;
    }
}

@media(max-width: 400px) {
    .edit-register-btn,
    .update-register-btn {
        max-width: 100%    
    }

    .order-total-wrapper .box-btn button {
        border-radius: 8px;
        height: 45px;
    }

    .order-steps li:first-child {
        max-width: 90px;
    }

    .order-steps li:nth-child(2) {
        max-width: 100px;
    }
}

@media(max-width: 360px) {
    .order-steps li:first-child {
        max-width: 80px;
    }

    .order-steps li:nth-child(2) {
        max-width: 80px;
    }
}

.max-w-1200 {
    max-width: 1200px;
}
.max-w-1300 {
    max-width: 1300px;
}
.max-w-1600 {
    max-width: 1600px;
}
.max-w-1500 {
    max-width: 1500px;
}
.cabinet-items {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px 20px;
    margin: 20px 0 20px 0;
}

.cabinet-item {
    background-color: #f1f1f1;
    border-radius: 5px;
    padding: 15px;
    min-height: 75px;
}

.cabinet-item_title_image {
    display: flex;
    align-items: center;
}

.cabinet-item_title_image i{
    background-image: url("images/user-new-icon1.png");
    height: 24px;
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

i.cabinet_icon-delivery {
    background-image: url("images/icons/account/delivery.svg");
}

i.cabinet_icon-cart {
    background-image: url("images/icons/account/cart.svg");
}

i.cabinet_icon-favorites {
    background-image: url("images/icons/account/favorites.svg");
}

i.cabinet_icon-car {
    background-image: url("images/icons/account/car.svg");
}

i.cabinet_icon-review {
    background-image: url("images/icons/account/review.svg");
}

i.cabinet_icon-person {
    background-image: url("images/icons/account/person.svg");
}

i.cabinet_icon-notifications {
    background-image: url("images/icons/account/notifications.svg");
}

i.cabinet_icon-lock {
    background-image: url("images/icons/icon-lock.svg");
    height: 24px;
    width: 19px;
}

i.cabinet_icon-exit {
    background-image: url("images/icons/icon-exit.svg");
    height: 24px;
    width: 19px;
}

.cabinet-item_title {
    font-weight: bold;
    color: var(--standard-color);
}

.cabinet-item_title:hover {
    color: #333333 !important;
}

.cabinet-item_subtitle {
    margin-top: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--standard-color);
}

.cabinet-item_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    font-size: 15px;
}

.cabinet-item_description {
    display: flex;
    flex-direction: column;
}

.cabinet-items_wrap {
    display: flex;
    flex-direction: column;
}

.cabinet-items_wrap .cabinet-item_title_image {
    margin-bottom: 10px;
}

.cabinet-items_wrap .cabinet-items_wrap-btn {
    color: var(--standard-color);
    font-size: 15px;
}

.cabinet-item_count {
    background-color: #e8eaf9;
    border-radius: 50%;
    width: fit-content;
    padding: 2px;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
}

.new-wrapper {
    max-width: 1730px;
    width: 100%;
    margin: auto;
    padding: 0 10px;
}

.new-header {
	display: flex;
	flex-direction: column;
}

.top-header {
    background: var(--paramount-color);
    padding: 15px 25px;
    display: flex;
    justify-content: space-between;
    line-height: normal;
    align-items: center;
    margin-bottom: 50px;
}

.top-header.motor_disabled {
    margin-bottom: 0;
}

.top-header__regions .phone-region-select {
    display: flex;
    float: none;
    width: auto;
    align-items: center;
}

.top-header__regions .opt-info .phone-region-select {
    align-items: center;
}

.custom-select__gap {
    color: #fff;
    position: relative;
    font-size: 21px;
    padding-left: 15px;
    padding: 4px 15px 4px 35px;
    border: solid 2px;
    border-radius: 7px;
    text-decoration: none;
}

.phone-region-up .custom-select__gap:before {
    color: #fff;
    background: url(images/icons/location.svg) no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 15px;
    height: 25px;
}

.top-header__regions .phone-region-up .phone-region-address a{
    font-size: 22px;
    color: #fff;
}

.top-header__regions .phone-region-up .phone-region-phone a {
    font-size: 22px;
    font-weight: 700;
    display: block;
    color: #fff;
}

.top-header__regions .phone-region-dn {
    margin: 0 40px 0 15px;
    position: relative;
}

.top-header__regions .opt-info .phone-region-dn {
    margin: 0 40px 0 5px;
}

.custom-select__dropdown {
	background-color: #fff;
	box-shadow: 0 4px 10px 0 rgba(0,0,0,.1);
	position: absolute;
	z-index: 70;
	padding: 10px;
}

.custom-select__list {
	list-style: none;
	margin: 0;
}

.custom-select__search {
	margin-bottom: 10px;
}

.custom-select__search input {
	width: 280px;
    font-size: 15px;
    height: 40px;
}

.custom-select__search input:focus {
    border-color: var(--paramount-color);
    outline: 0;
    box-shadow: none
}

.custom-select__item {
    padding: 5px;
    font-size: 15px;
    color: #999999;
    font-weight: 700;
	cursor: pointer;
}

.custom-select__item:hover {
	text-decoration: underline;
	color: #000;
}

.custom-select__gap:hover {
    cursor: pointer;
}

.opt-info .custom-select__gap:hover {
    cursor: default;
}

.top-header__links {
  list-style: none;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
}
.top-header__links li a {
  color: #fff;
  font-size: 18px;
}

.phone-region-address a{
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.cont-hint-mobile {
    display: none;
}

.main-promocode {
    display: none;
    background-color: var(--sale-time-color);
    margin-bottom: 50px;
    padding: 10px 45px 10px 20px;
    position: relative;
}

.main-promocode_items {
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-promocode_items .promo-text{
    font-size: 18px;
    color: #ffffff;
}

.main-promocode_items button {
    padding: 10px 25px;
    font-size: 16px;
    margin-left: 20px;
    min-width: 140px;
}

.promocode-close {
    position: absolute;
    top: 10px;
    right: 16px;
    margin: 0;
    width: 16px;
    height: 20px;
}

.promocode-close:hover {
    cursor: pointer;
}

.promocode-close:after {
    content: '';
    transform: rotate(-45deg);
    bottom: 9px;
    height: 3px;
    width: 16px;
    position: absolute;
    background: #ffffff;
    border-radius: 1px;
}

.promocode-close:before {
    transform: rotate(45deg);
    top: 8px;
    content: '';
    height: 3px;
    width: 16px;
    position: absolute;
    background: #ffffff;
    border-radius: 1px;
}


@media (max-width: 1150px) {
    .top-header__regions .phone-region-select {
        flex-direction: column;
        margin-right: 15px;
        align-items: flex-start;
    }

    .top-header__regions .opt-info .phone-region-select {
        flex-direction: row;
        margin-right: 0;
    }

    .top-header__regions .phone-region-dn {
        margin: 5px 0 0 0;
    }

    .top-header__regions .opt-info .phone-region-dn {
        flex-direction: row;
    }

    .top-header__regions .phone-region-up {
        align-items: center;
    }

  .opt-page .top-header__links {
    gap: 20px;
  }
  .opt-page .top-header__regions .phone-region-up .phone-region-address a,
  .opt-page .top-header__regions .phone-region-up .phone-region-phone a,
  .opt-page .top-header__regions .phone-region-up .custom-select__gap {
    font-size: 18px;
  }
}

@media (max-width: 1000px) {
    .top-header__regions .phone-region-up .phone-region-address a, 
    .top-header__regions .phone-region-up .phone-region-phone a, 
    .top-header__regions .phone-region-up .custom-select__gap {
        font-size: 18px;
    }

    .rount-icon__bottom-text i.address-arrow {
        width: 22px;
        height: 20px!important;
    }

    .phone-region-up .custom-select__gap:before {
        top: 3px;
        height: 20px;
    }
  .top-header__links {
    gap: 40px
  }
}

@media (max-width: 960px) {
  .opt-page .top-header__links {
    display: none;
  }
}

@media (max-width: 880px) {
    .top-header__regions .phone-region-address a {
        max-width: 220px;
    }
}

@media (max-width: 800px) {
    .top-header__regions .phone-region-address a {
        max-width: 190px;
    }
}

@media (max-width: 768px) {

    .top-header__links {
        display: none;
    }

    .new-header {
        margin-bottom: 80px;
    }

    .top-header {
        display: none;
    }

    .top-header__regions {
        width: 100%;
    }

    .top-header__regions .phone-region-up .phone-region-address a,
    .top-header__regions .phone-region-up .phone-region-phone a,
    .top-header__regions .phone-region-up .custom-select__gap {
        font-size: 15px;
        padding: 0;
        color: #000;
        max-width: 100%;
    }

    .top-header__regions .phone-region-up .custom-select__gap {
        font-weight: 700;
        margin-bottom: 5px;
        border: none;
        text-decoration: underline;
    }

    .top-header__regions .phone-region-up .phone-region-phone a {
        margin-top: 15px;
    }

    .top-header__regions .phone-region-dn {
        margin: 0;
    }

    .top-header__regions .phone-region-up .custom-select__gap:before {
        display: none;
    }

    .top-header__regions .phone-region-up {
        flex-direction: column;
        position: relative;
        align-items: flex-start;
    }

    .phone-region-up .custom-select__gap {
        color: #0632ad!important;
    }

    .phone-region-select {
        display: flex;
        flex-direction: column;
    }

    .phone-region-address a {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: block;
    }

    .top-header__regions .phone-region-up .phone-region-address a {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        transition: all 0.5s ease-out;
        max-height: 35px;
        min-height: fit-content;
    }

    .top-header__regions .phone-region-up .phone-region-address a.text-limiter {
        max-height: 70px;
        min-height: fit-content;
        -webkit-line-clamp: 4;
    }

    .phone-region-address .rount-icon__bottom-text {
        display: none!important;
    }

    .working-hours {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        font-size: 15px;
        color: #000;
    }

    .working-hours p{
        margin: 0 0 3px;
        font-weight: 700;
    }
    .working-hours span {
         white-space: pre-wrap !important;
    }

    .main-promocode {
        margin-bottom: 10px;
        position: relative;
        top: 60px;
        padding: 10px 40px;
    }

    .main-promocode_items {
        flex-direction: column;
    }

    .main-promocode_items button {
        margin: 15px 0 0 0;
    }
}

@media (max-width: 350px) {
    .top-header__regions .phone-region-up .phone-region-address a, 
    .top-header__regions .phone-region-up .phone-region-phone a,
    .top-header__regions .phone-region-up .custom-select__gap {
      font-size: 15px;
    }
}

.active-section-mobile-menu p,
.active-section-mobile-menu i{
    filter: invert(17%) sepia(100%) saturate(4618%) hue-rotate( 221deg ) brightness(70%) contrast(130%);
}

.middle-header {
    display: grid;
    grid-template-areas: "logo search callback account";
    grid-template-columns: minmax(250px, 1.5fr) 6fr minmax(160px, 1fr) minmax(200px, 1.5fr);
    grid-template-rows: 40px;
    grid-gap: 30px;
    align-items: center;
    margin-bottom: 50px;
    background: #fff;
}

.header-logo a img {
    max-height: 34px;
}

@media (max-width: 1115px) {
    .middle-header {
        grid-template-areas: "logo callback account" "search search search";
        grid-template-columns: minmax(250px, 5.5fr) 200px minmax(200px, 1.5fr);
        grid-column-gap: 0;
    }
}

@media (max-width: 768px) {

    .middle-header {
        grid-template-areas: "logo search";
        grid-template-columns: minmax(130px, 2fr) minmax(155px, 3fr);
        grid-gap: 15px;
        margin-bottom: 10px;
        padding: 10px;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
        position: fixed;
        z-index: 1011;
        transition: transform .3s linear;
    }

    .middle-header.hide {
        transform: translateY(-65px);
    }

    .middle-header.middle-header_hide {
        transform: translateY(-65px);
    }

    .header-search .filter-search__submit-button {
        display: none;
    }

    .rount-icon__bottom-text.mobile {
        display: flex!important;
    }

    .footer-contacts.rount-icon__bottom-text.mobile,
    .footer-contacts .cont-hint-mobile {
        display: none !important;
    }

    .phone-region-select-inner.hide-mobile {
        display: none;
    }

    .footer-contacts .phone-region-select-inner.hide-mobile {
        display: block!important;
    }

    .cont-hint-mobile {
        display: block;
    }
    .address-hint {
        display: none;
    }
  /*banner-cookie*/
  #banner-cookie .banner-cookie-item > div:first-child > div:last-child {
    flex-direction: column;
  }
  /*banner-cookie*/
}

@media (max-width: 480px) {
    .header-search .mp-search-fast input[type=text] {
        min-width: auto;
        height: 35px;
        background-color: #EEEEEE;
        border: 0;
        padding: 6px 29px 6px 12px;
        border-radius: 25px;
        background-size: 16px;
        background-position: calc(100% - 10px)
    }

    .header-search .filter-search__submit-button {
        display: none;
    }

    .main-promocode_items .promo-text {
        font-size: 16px;
    }

    .main-promocode_items button {
        padding: 8px 20px;
        font-size: 14px;
        min-width: 120px;
        margin: 10px 0 0 0;
    }

    .promocode-close {
        right: 13px;
    }

  /*banner-cookie*/
  #banner-cookie .banner-cookie-item {
    flex-direction: column;
    gap: 10px;
    padding: 20px;
  }
  #banner-cookie .banner-cookie-item > div:first-child > div:last-child { width: 100%; }
  #banner-cookie .banner-cookie-item > div:first-child,
  #banner-cookie .banner-cookie-item > div > div:last-child > div:last-child { flex-direction: column; }
  #banner-cookie .btn-simple { width: 100%; }
  /*banner-cookie*/
}

.middle-header .header-logo {
    grid-area: logo;
}

.middle-header .header-search {
    grid-area: search;
}

.middle-header .header-search .mp-search{
    margin: 0;
}

.middle-header .header-callback {
    grid-area: callback;
    display: flex;
    justify-content: center;
}

.middle-header .header-callback .header-callback__button{
    color: var(--paramount-color);
    font-size: 15px;
    font-weight: 700;
    padding-left: 30px;
    position: relative;
}

.middle-header .header-callback .header-callback__button:before{
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-image: url('images/icons/phone-icon.svg');
    background-position: center;
    background-repeat: no-repeat;
}

.middle-header .header-account {
    grid-area: account;
    display: flex;
}

.middle-header .header-account .cart-favorites__box {
    justify-content: space-evenly;
}

.rount-icon__bottom-text {
    text-decoration: none;
}

@media (max-width: 768px) {
    .middle-header .header-account, .middle-header .header-callback {
        display: none;
    }

    .middle-header.increase {
        grid-template-areas: "search search search";
        grid-template-columns: 1fr 1fr 1fr;
    }

    .middle-header.increase .header-logo {
        display: none;
    }

	.middle-header {
		order: 1;
	}
}

.rount-icon__bottom-text:hover {
    text-decoration: none;
    cursor: pointer;
}

.rount-icon__bottom-text i {
    background-image: url("images/user-new-icon1.png");
    height: 25px;
    width: 26px;
    top: 2px;
    background-position: center;
    background-repeat: no-repeat;
}

.rount-icon__bottom-text i.account-icon {
    background-image: url("images/icons/account-icon.svg");
}

.rount-icon__bottom-text i.favorite-icon {
    background-image: url("images/icons/favorite-icon.svg");
}

.rount-icon__bottom-text i.cart-icon {
    background-image: url("images/icons/cart-icon.svg");
}

.menu-burger {
    height: 25px;
    width: 26px;
}

.menu-burger span, .menu-burger:after, .menu-burger:before {
    height: 3px;
    width: 26px;
    position: absolute;
    background: #666;
    margin: 0 auto;
}

.menu-burger span {
    top: 11px;
}

.menu-burger:after, .menu-burger:before {
    content: '';
    transition: .4s;
}

.menu-burger:after {
    bottom: 18px;
}

.menu-burger:before {
    top: 2px;
}

.menu-burger.open-menu span {
    opacity: 0;
    transition: 0.5s;
}

.menu-burger.open-menu:after {
    transform: rotate(-45deg);
    bottom: 28px;
    background-color: #0632ad;
}

.menu-burger.open-menu:before {
    transform: rotate(45deg);
    top: 10px;
    transition: 0.4s;
    background-color: #0632ad;
}

.rount-icon__bottom-text i.menu-icon {
    background-image: url("images/icons/menu-icon.svg");
}

.rount-icon__bottom-text i.callback-icon {
    background-image: url("images/icons/phone-icon__gray.svg");
}

.rount-icon__bottom-text i.callback-icon.blue-icon {
    background-image: url("images/icons/phone-icon.svg");
}

.rount-icon__bottom-text i.up-arrow__anchor {
    background-image: url(images/icons/up-arrow__anchor.svg);
    background-size: contain;
}

.rount-icon__bottom-text i.address-arrow {
    background-image: url(images/icons/address-arrow.svg);
    background-size: contain;
    height: 22px;
}

.rount-icon__bottom-text i.address-arrow:hover {
    filter: drop-shadow(0px 5px 1px #fff);
}

.rount-icon__bottom-text i.address-arrow-mobile {
    background-image: url(images/icons/address-arrow-mobile.svg);
    background-size: contain;
    transition: transform .5s ease-in-out;
    width: 17px;
    height: 17px;
}

.rount-icon__bottom-text.mobile {
    display: none;
    width: 17px;
    height: 17px;
    margin: 2px;
}

.phone-region-address .rount-icon__bottom-text {
    width: fit-content;
    flex-direction: row;
    margin-left: 6px;
    align-items: end;
}

.footer-contacts .rount-icon__bottom-text {
    display: none !important;
}

.footer-contacts .footer-working-hours {
  display: flex !important;
  flex-direction: column;
  gap: 3px;
}
.footer-contacts .phone-region-up {
  margin: 0;
}
.rount-icon__bottom-text p {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    color: #777;
    font-weight: 400;
    text-decoration: none;
}

.rount-icon__bottom-text {
    width: 100%;
    color: #b8b8b8;
    vertical-align: middle;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.bottom-header #menu-btn li img,
#menu-btn .main-menu_contacts,
#menu-btn .main-menu_home {
    display: none;
}


.mobile-bottom__menu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 -10px 10px rgba(0, 0, 0, .2);
}

.mobile-bottom__menu-links {
    margin: 0;
    list-style: none;
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr 1fr 1fr 2fr;
}

.mp-search .form-actions .search-garage_hint {
    position: relative;
    margin: 0;
}

.accent-garage {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.accent-garage span {
    font-size: 15px;
    color: #000000;
    margin-right: 15px;
}

.accent-garage a:hover {
    color: #0632AD;
    text-decoration: none;
}

.accent-garage .btn-secondary {
    font-size: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    height: 38px;
    text-align: center;
    margin: 0;
    justify-content: center;
    width: 180px;
}

.mp-search .form-actions .accent-garage-hint span {
    font-size: 14px;
    color: #000000;
}

.mp-search .form-actions .accent-garage-hint div:first-child {
    width: calc(100% - 15px);
}

.mp-search .form-actions .accent-garage-hint {
    position: absolute;
    padding: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    border-radius: 5px;
    background-color: #ffffff;
    width: max-content;
    max-width: 190px;
    min-width: 180px;
    transition: all 0.2s linear;
    opacity: 0;
    transform: scale(0);
    transform-origin: -15% 50%;
    left: 255px;
    top: -10px;
    margin-bottom: 0;
    z-index: 999;
}

.mp-filter .mp-search .form-actions .accent-garage-hint {
    left: 313px;
}

.mp-search .form-actions .accent-garage-hint:before {
    content: '';
    position: absolute;
    left: -20px;
    top: 19px;
    border: 9px solid transparent;
    border-right: 15px solid #fff;
}

.mp-search .form-actions .close-hint {
    width: 13px;
    margin: 0;
}

#Main_Banner {
    position: absolute;
    z-index: 1111;
    display: none;
}

#Main_Banner .main-banner {
    position: fixed;
    bottom: 10px;
    left: 10px;
    width: 400px;
}


#Main_Banner .main-banner_items {
    box-shadow: 3px -9px 16px rgb(0 0 0 / 10%);
}

.main-banner_items .banner-item_img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.main-banner_items .banner-item-close {
    position: absolute;
    top: 20px;
    right: 20px;
    margin: 0;
    width: 23px;
    height: 20px;
}

.main-banner_items .banner-item-close:hover {
    cursor: pointer;
}

.main-banner_items .banner-item-close:after {
    content: '';
    transform: rotate(-45deg);
    bottom: 9px;
    height: 3px;
    width: 23px;
    position: absolute;
    background: #878686;
    border-radius: 1px;
}

.main-banner_items .banner-item-close:before {
    transform: rotate(45deg);
    top: 8px;
    content: '';
    height: 3px;
    width: 23px;
    position: absolute;
    background: #878686;
    border-radius: 1px;
}

.banner-has_image.banner-item-close:before,
.banner-has_image.banner-item-close:after {
    background: #ffffff;
}

.main-banner_items img {
    min-width: 100%;
}

.main-banner_items .banner-item_text-block {
    text-align: center;
    padding: 20px;
    background-color: rgb(232, 234, 249);
}

.main-banner_items .text-block_header {
    font-size: 15px;
    font-weight: bolder;
    line-height: 1em;
}

.main-banner_items .text-block_promo {
    margin-top: 15px;
    font-size: 13px;
    line-height: 1em;
}

.main-banner_items .text-block_button {
    width: fit-content;
    margin: 15px auto 0 auto;
}

.main-banner_items .text-block_button button {
    padding: 10px 25px;
    font-size: 14px;
}

/*Section deliver*/
.section_deliver {
    padding: 0 0 20px 0;
}

.section_deliver h1 {
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}
/*Section deliver*/

/*Advantages deliver*/
.advantages_block {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
    background: #F5F5F5;
    border-radius: 5px;
    flex-wrap: wrap;
}

.advantages_content {
    display: flex;
    align-items: center;
    padding: 0;
    gap: 15px;
    width: 320px;
}

.advantages_content img {
    height: 71px;
    width: 71px;
}

.advantages_content span {
    font-size: 18px;
    line-height: 21px;
}
/*Advantages deliver*/

/*Section of shipping methods tabs*/
.viki-tabs-section_deliver {
    margin: 20px 0;
}

.viki-tabs-section_deliver .section_deliver-buttons {
    list-style-type: none;
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
    gap: 15px;
}

.section_deliver-buttons li {
    border-radius: 4px;
    padding: 10px;
    font-size: 15px;
    line-height: 18px;
    color: #606060;
    border: solid 1px #606060;
}

.section_deliver-buttons li.act{
    font-weight: 700;
    background: #0632AD;
    color: #FFFFFF;
    border-color: #0632AD
}

.section_deliver-buttons li:hover {
    cursor: pointer;
}
/*Section of shipping methods tabs*/

/*Accordion*/
.accordion_block .accordion_header {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    width: fit-content;
}

.accordion_block .accordion_header:hover {
    cursor: pointer;
}

.accordion_block .accordion_header h1.header_blue {
    color: #0632AD;
}

.accordion_block .accordion_header img{
    transition: transform .5s ease-in-out;
    margin-top: 7px;
}

.accordion_block .accordion_content {
    display: none;
}

.accordion-payment-list_cities {
    width: 280px;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 0 10px;
    margin: 20px 0;
}

.accordion-payment-list_cities li span {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}
/*Accordion*/

/*Text in templates*/
.text-templates_description,
.text-templates_header {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin: 20px 0;
}

.text-templates_header {
    font-weight: 700;
}

.text-templates_tagging,
.text-templates_tagging-gray {
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    margin: 10px 0;
}

.text-templates_tagging-gray {
    color: #AAAAAA;
    margin: 0;
}
/*Text in templates*/

/*Img in templates*/
.img-templates_sample-receipt {
    max-width: 110px;
    margin: 0;
}

.img-templates_sample-receipt a {
    margin: 0;
}

.img-templates_delivery_block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.img-templates_delivery-logo {
    max-width: 250px;
    max-height: 100px;
}
/*Img in templates*/

/*List <ol> in templates*/
ol.list-templates_sample-receipt {
    margin: 0 0 0 20px;
}

ol.list-templates_sample-receipt li::marker,
ol.list-templates_sample-receipt li span {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}
/*List <ol> in templates*/

/*Important info*/
.important-info_block {
    background-color: #FCEBEE;
    padding: 10px;
    margin: 20px 0;
}

.important-info_block 
.text-templates_description:not(:last-child){
    margin: 0;
}
/*Important info*/

/*Installment*/
.installment-cards_block {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    flex-wrap: wrap;
}

.installment-cards_item {
    display: flex;
    flex-direction: column;
    max-width: 150px;
}

.installment-cards_item img {
    max-width: 150px;
    max-height: 95px;
}

.installment-cards_item span {
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #000000;
    margin-top: 20px;
}
/*Installment*/

/*Whitelist*/
.whitelist_block {
    margin: 15px 5px;
}

.whitelist_block ol {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 40px;
    padding: 0;
    font-size: 16px;
    position: relative;
}

.whitelist_block ol li {
    position: relative;
    margin: 0;
    padding-bottom: 30px;
}

.whitelist_block ol li:before {
    content: counter(num);
    counter-increment: num;
    position: absolute;
    left: -40px;
    top: -4px;
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    color: #606060;
    font-size: 12px;
    border-radius: 50%;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
}

.whitelist_block ol li span,
.whitelist_block ol li p{
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    margin: 0;
}
/*Whitelist*/

/*Whitelist-Scheme*/
.whitelist-block-scheme {
    margin: 20px 5px 50px 5px;
}

.whitelist-block-scheme ol {
    display: flex;
    gap: 50px 0;
    flex-wrap: wrap;
}

.whitelist-block-scheme ol li{
    width: 160px;
}

.whitelist-block-scheme ol li:before {
    z-index: 1;
}

.whitelist-block-scheme ol li span,
.whitelist-block-scheme ol li p {
    position: absolute;
    width: 150px;
    top: 35px;
    left: -40px;
}

.whitelist-block-scheme ol li:after {
    content: '';
    position: absolute;
    top: 6px;
    left: -22px;
    width: 150px;
    height: 3px;
    background: #FFFFFF;
    box-shadow: 4px 4px 10px rgb(0 0 0 / 25%);
    border-radius: 10px;
}

.whitelist-block-scheme ol li:last-child:after {
    display: none;
}
/*Whitelist-Scheme*/

/*Table*/
.table_block table {
    border: none;
    border-radius: 5px 5px 0 0;
    background-color: #E8EAF9;
    margin: 20px 0;
    min-width: 1100px;
}

.table_block th {
    border: none;
    padding: 10px;
}

.table_block th,
.table_block td {
    min-width: fit-content;

}

.table_block td {
    border: solid 1px;
    border-color: #E8EAF9;
    background-color: #ffffff;
}

.table_block tr.row_selection td,
.table_block tbody tr:nth-child(2n) td {
    background-color: #F9F9FF;
}

.table_block th:first-child{
    border-top-left-radius: 5px;
}

.table_block th:last-child {
    border-top-right-radius: 5px;
}

.table_block td{
    border-top: none;
    padding: 10px;
}

.table_block th span {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.table_block td span {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.table_block td ol {
    margin: 0 0 0 20px;
}

.table_block td ol li::marker {
    font-size: 15px;
    color: #000000;
}

.table_block {
    overflow-x: auto;
    overflow-y: hidden;
}

.table_block::-webkit-scrollbar {
    height: 10px;
}

.table_block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #e8eaf9;
}

.table_block {
    scrollbar-color: #e8eaf9 #fff;
    scrollbar-width: thin;
}
/*Table*/

/*Shipping cost*/
.shipping-cost_block {
    border: 1px solid #F5F6FC;
    border-radius: 4px 4px 0 0;
    margin: 20px 0;
}
.shipping-cost_block .shipping-cost_item:nth-child(2n+1) {
    background: #F5F6FC;
}

.shipping-cost_block:first-child {
    border-radius: 4px 4px 0 0;
}

.shipping-cost_item {
    display: flex;
    gap: 50px;
    padding: 10px 15px;
}
.shipping-cost_item span {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

.shipping-cost_item > span {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    min-width: 180px;
}
/*Shipping cost*/

/*Сar grid*/
.car-grid_block {
    margin: 20px 0 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(585px, 1fr));
    grid-gap: 25px 40px;
}

.car-grid_item {
    list-style: none;
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: 30% 70%;
    grid-template-columns: 175px 250px 140px;
    grid-template-areas: "car-grid_images car-grid_header car-grid_header"
        "car-grid_images car-grid_info car-grid_link";
}

.car-grid_images {
    grid-area: car-grid_images;
}

.car-grid_images img{
    height: 115px;
    object-fit: cover;
}

.car-grid_header {
    grid-area: car-grid_header;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    margin: 10px 0 0 0;
}

.car-grid_header a {
    color: #000000;
}

.car-grid_header a:hover{
    text-decoration: none;
}

.car-grid_info {
    grid-area: car-grid_info;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}

.car-grid_link {
    grid-area: car-grid_link;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 140px;
    height: 38px;
    border-radius: 7px;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
}
/*Сar grid*/

/*Сar card*/
.car-card_block {
    display: flex;
    margin: 40px 0 50px 0;
}

.car-card_table {
    border: none;
    margin-top: 10px;
    width: auto !important;
    height: fit-content;
}

.car-card_table th {
    border: none;
    font-weight: 400;
    font-size: 15px;
    color: #898989;
    padding: 2px 30px 2px 2px;
    min-width: 170px;
}

.car-card_table td {
    border: none;
    font-size: 15px;
    color: #000000;
    padding: 2px 2px 2px 2px;
    min-width: 170px;
}
/*Сar card*/

/*Installation price*/
#InstallationPrice {
    display: none;
    z-index: 1011;
}
/*Installation price*/

/*Delivery Installation price*/

.delivery-install_price {
    position: fixed;
    max-width: 1100px;
    width: 100%;
    height: fit-content;
    background-color: white;
    border-radius: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    display: flex;
    flex-direction: column;
    z-index: 1;
    max-height: 700px;
}

.install_price-parts {
    overflow-y: auto;
    height: 100%;
    padding-right: 8px;
}

.install_price-parts::-webkit-scrollbar {
    width: 8px;
}

.install_price-parts::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #e8eaf9;
}

.install_price-parts {
    scrollbar-color: #e8eaf9 #fff;
    scrollbar-width: thin;
}

.install_price-blackout {
    opacity: 0.4;
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.delivery-install_price .new-cart-item-delete {
    display: none;
}

.install_price-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-top: 10px;
}

.install_price-button button{
    font-size: 15px;
    line-height: 18px;
    height: 40px;
    width: 200px;
    border-radius: 8px;
}

.install_price-error {
    display: none;
}

.install_price-error div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 5px 5px 0 0!important;
}
/*Delivery Installation price*/

/*Catalog*/
#cataloguePartsList {
    grid-area: grid;
}

.left-filter[catalogue] .mobile-controls {
    display: none;
}

.catalog-parts .catalog-parts_item a {
    font-size: 12px;
    line-height: 14px;
    color: #000000
}
#cataloguePartsList .catalog-parts {
    grid-gap: 0 10px;
    column-width: 210px;
    display: block;
}
#cataloguePartsList .accordion_block:first-child {
    border-radius: 4px 4px 0 0;
    border-top: 1px solid #C4C4C4;
}

#cataloguePartsList .accordion_block:last-child {
    border-radius: 0 0 4px 4px;
}

#cataloguePartsList .accordion_block {
    border-top: none;
    border: 1px solid #C4C4C4;
    transition: all 0.7s ease-out;
}

#cataloguePartsList .accordion_block.active{
    margin-bottom: 20px;
    border-radius: 4px;
}

#cataloguePartsList .accordion_header {
    width: 100%;
    padding: 10px 35px;
    transition: background 1s ease-out;
    align-items: center;
    display: grid;
    grid-template-columns: 30px calc(100% - 80px) 20px;
    gap: 15px;
}

#cataloguePartsList .accordion_header img{
    margin: 0;
    max-height: 25px;
    max-width: 30px;
}

#cataloguePartsList .accordion_block.active .accordion_header{
    background: #F0F0F0;
    border-bottom: 1px solid #C4C4C4;
}

#cataloguePartsList .accordion_header h1 {
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
    color: #000000;
}

#cataloguePartsList .accordion_content {
    list-style: none;
    padding: 20px 80px;
}
/*Catalog*/

/*footer*/
.additional_information {
    font-size: 16px;
    color: var(--standard-color);
}

.additional_information a:hover{
    text-decoration-line: underline;
}
.additional_information-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
  line-height: 19px;
}
/*footer*/

/*Button search*/
#text_button-search,
#text_button-search-truck {
    display: inline;
}
/*Button search*/
/*Dropdown*/
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown-content {
  position: absolute;
  bottom: 30px;
  left: 36%;
  z-index: 101;
  width: 248px;
  display: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  box-shadow: 0 0 5px 0 rgb(0 148 255 / 38%);
  padding: 20px;
  border-radius: 5px;
  background-color: #FFFFFF;
}
.dropdown-content:before {
  content: '';
  position: absolute;
  left: calc(50% - 10px);
  bottom: -18px;
  border: 10px solid transparent;
  border-top: 10px solid #ffffff;
  filter: drop-shadow(0 2px 1px rgb(0 148 255 / 20%));
}
/*Dropdown*/
/*Filter*/
.new-field .filter-checkbox {
  display: flex;
  align-items: center;
  width: fit-content;
  flex-direction: row;
  font-weight: normal;
}
.filter-checkbox-name { padding-left: 8px; }
.filter-checkbox-input { margin: 0; }
.filter-construction-number label > div {
  background-image: url(images/exclamation-icon.svg);
  background-position-x: right;
  background-repeat: no-repeat;
  padding-right: 20px;
  cursor: pointer;
  display: inline;
  position: relative;
  background-size: 16px;
}
.filter-construction-number label > div:hover .dropdown-content {
  display: block;
  left: calc(50% - 122px);
}
/*Filter*/
/*Grid*/
.matching-search-number{
  display: inline-block;
  background: #D3ECFF;
  padding: 3px;
  border-radius: 3px;
  cursor: pointer;
}
  .matching-search-number .dropdown-content {
    position: absolute;
    top: -70px;
    height: 60px;
    left: 120px;
    z-index: 101;
    width: 180px;
    display: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    box-shadow: 0 0 5px 0 rgb(0 148 255 / 38%);
    padding: 14px;
    border-radius: 5px;
    background-color: #FFFFFF;
  }
  .matching-search-number:hover .dropdown-content {
    display: block;
  }

/*Grid*/
.position-relative {
  position: relative;
}
/*messages*/
.message-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.message-items .green { color: #00b030; margin: 10px 0; }

.new-cart .message-items { padding: 0 20px 20px 20px; }
/*messages*/
/* Terminal*/
.terminal-slider-container {
    display: grid;
    grid-template-areas: "terminal-slider";
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
}
.terminal-slider-content {
    min-width: 100%;
    width: 100%;
    height: 100%;
}
.terminal-slider {
    grid-area: terminal-slider;
    min-width: 100%;
    width: 100%;
    height: 100%;
}
.terminal-slider-content.black-arrow .owl-slider {
    padding: 0 20px;
}
.terminal-slider-image {
    height: 120px;
    object-fit: cover;
}
.terminal-slider-content.black-arrow .owl-nav button.owl-next,
.terminal-slider-content.black-arrow .owl-nav button.owl-prev {
    width: 9px;
    height: 30px;
    top: calc(50% - 13px);
}
.terminal-slider-content.black-arrow .owl-nav button.owl-next {
    right: 2px;
}
.terminal-slider-content.black-arrow .owl-nav button.owl-prev {
    left: 2px;
}
/* Terminal*/

/*part gray-button viki-tabs-buttons*/
.gray-button.viki-tabs-buttons {
  display: grid;
  border-bottom: none;
  grid-template-columns: repeat(auto-fit, minmax(33.33%, 1fr));
}
.gray-button.viki-tabs-buttons > * {
  color: #080808;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  margin: 0;
  padding: 0 10px;
  background-color: #F1F1F1;
  height: 100%;
  min-height: 36px;
  border: none;
  border-radius: 0;
  cursor: pointer;
  white-space: normal;
  position: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease-out;
}
.gray-button.viki-tabs-buttons > *.act {
  background-color: transparent;
  transition: all .2s ease-out;
  color: #333333;
}
/*part gray-button viki-tabs-buttons*/
/*others grid*/
.others-grid-parts { margin-top: 20px; }
.others-grid-parts .new-grid__item { padding: 0;  margin: 0;}
.others-grid-parts .order-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
.others-grid-parts .grid-new {
  gap: 30px;
  display: flex;
  flex-direction: column;
}
.others-grid-parts .order-wrapper label, .others-grid-parts .order-wrapper .field {
  margin: 0;
  padding: 0;
}
.others-grid-parts .grid-new { margin-bottom: 0; }
.others-grid-part .accordion-group .accordion-inner {
  display: block;
}
/*others grid*/
/*popup-notification*/
.popup-notofication#boxfixed {
  border-color: #ffffff;
  border-radius: 5px;
  transform: translate(-50%, -50%);
  margin: 0;
}
.popup-notofication #boxfixed-cont {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #000000;
  line-height: 16px;
}
.popup-notofication #boxfixed-cont > p {
  font-size: 18px;
  font-weight: 900;
  margin: 0;
}
.popup-notofication #boxfixed-cont > span {
  font-size: 12px;
  font-weight: 400;  
}
.popup-notofication button{
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}
.popup-notofication .btn-paramount {width: calc(60% - 10px);}
.popup-notofication .btn-secondary {width: calc(40% - 10px);}
/*popup-notification*/
/*media*/
@media (max-width: 1200px) {
  #Main_Banner .main-banner {
    width: 350px;
    }
}

@media (max-width: 1000px) {
    /*Сar card*/
    .car-card_block {
        flex-direction: column;
    }
    /*Сar card*/
}
@media (max-width: 960px) {
  .matching-search-number .dropdown-content { left: 60px; }
  .matching-search-number .dropdown-content:before { left: 70%; }
}

@media (max-width: 925px) {
    /*Сar grid*/
    .car-grid_block {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }

    .car-grid_item {
        grid-template-rows: auto;
        grid-template-columns: minmax(130px, 175px) minmax(200px, 250px);
        grid-template-areas: "car-grid_images car-grid_header"
            "car-grid_images car-grid_info"
            "car-grid_images car-grid_link";
    }

    .car-grid_images img {
        height: 105px;
    }

    .car-grid_header {
        margin: 0;
    }

    .car-grid_link {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        padding: 5px 10px;
        border-radius: 5px;
        width: 75px;
        height: 25px;
    }
    /*Сar grid*/
  /*Client notifications*/
  .with-inner-email {
    display: flex;
    gap: 20px;
  }
  .with-inner-email .custom-checkbox + div {
    width: 100%;
  }
  /*Client notifications*/
}

@media (max-width: 900px) {
  .matching-search-number .dropdown-content {
    left: 0;
  }
  .matching-search-number .dropdown-content:before {
    left: 10%;
  }
}
.block {
    display: block!important;
}

.cancel-order {
    font-size: 15px;
    text-align: center;
    width: 210px;
    height: 50px;
    border-radius: 25px;
    margin-top: 10px;
}
.order-wrapper_sale label {
    width: fit-content;
}

.grid-sale-filter-button {
    float: left;
    padding: 5px 12px;
    background: #fff;
    border-radius: 20px;
    border: 2px solid var(--sale-time-color);
    transition: .3s all ease;
}

.grid-sale-filter-button.desktop-sale-btn {
    margin-right: 30px;
}

.grid-sale-filter-button.mobile-sale-btn {
    display: none;
}

.grid-sale-filter-button.active {
    background: var(--sale-time-color);
    color: #fff;
}

.grid-sale-filter-button.desktop-sale-btn.sale-hide {
    display: none !important;
}

@media (max-width: 768px) {

  .matching-search-number .dropdown-content {
    right: 0;
    left: auto;
  }

  .matching-search-number .dropdown-content:before {
    left: 70%;
  }
    .grid-sale-filter-button.desktop-sale-btn {
        display: none;
    }

    .grid-sale-filter-button.mobile-sale-btn {
        display: block;
        float: none;
    }

    .grid-sale-filter-button.mobile-sale-btn.sale-hide {
        display: none!important;
    }

    #Main_Banner .main-banner {
        left: 0;
        bottom: 60px;
        width: 300px;
    }

    .bottom-header {
        order: 3;
        display: none;
    }

    .mobile-bottom__menu {
        display: block;
        z-index: 998;
    }

    .mobile-bottom__menu-toggle {
         position: relative;
    }

    .mobile-bottom__menu-main-links {
        margin: 0;
        list-style: none;
        position: absolute;
        bottom: 100%;
        left: 0px;
        background: #fff;
        box-shadow: inset 0 -10px 10px rgb(0 0 0 / 10%);
        padding: 20px 10px;
        width: 100%;
        height: calc((var(--vh, 1vh)* 100) - 120px);
        display: none;
        overflow-y: auto;
        z-index: 5;
    }

    .mobile-bottom__menu-main-links li {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }

    .mobile-bottom__menu-main-links li img{
        width: 30px;
        height: 30px;
        object-fit: contain;
        margin-right: 40px;
    }

    .mobile-bottom__menu-main-links li a{
        display: flex;
        align-items: center;
        width: 100%;
        color: #000;
        font-size: 18px;
        position: relative;
    }
    .onepart-controls .popup-favorites{
        left: -85px;
     }

    .mobile-bottom__menu-main-links li a:after{
        content: '';
        display: block;
        position: absolute;
        left: calc(100% - 20px);
        width: 15px;
        height: 15px;
        background-image: url(images/icons/menu-icons/arrow-right.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .mobile-bottom__menu-links > li {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10px 5px;
        width: 100%;
    }

    .mobile-bottom__menu-links > li:nth-child(1) span{
        font-size: 18px;
        font-weight: 700;
    }

    .mobile-bottom__menu-links .cart-favorites__box {
        justify-content: space-around;
    }

    .accent-garage {
        flex-direction: column;
        align-items: flex-start;
    }

    .accent-garage span {
        margin: 0 0 15px 0;
    }

    .call-shading {
        position: absolute;
        background-color: #000000;
        height: 100vh;
        width: 100vw;
        bottom: 61px;
        right: 0;
        opacity: 0.6;
        display: none;
    }

    .up-z-index-call_mobile {
        z-index: 1010 !important;
    }

    .call-choices {
        position: absolute;
        bottom: 60px;
        background-color: white;
        width: 100%;
        left: 0;
        border-bottom: solid 2px #EEEEEE;
        display: flex;
        flex-direction: column;
        padding: 10px 20px 20px 20px;
        box-shadow: 0 -10px 10px rgb(0 0 0 / 20%);
        align-items: center;
        z-index: 3;
    }

    .call-choices button,
    #mobile_menu-callback .mobile-callback-inputs input {
        font-size: 15px;
        width: 100%
    }

    .choices-item_closing_band {
        background-color: #c4c4c4;
        width: 40px;
        height: 4px;
        border-radius: 25px;
        margin-bottom: 13px;
    }

    .call-choices .choices-item_bottons > a:nth-child(1) button,
    #mobile_menu-callback .mobile-callback-inputs .callback-field input[type=text] {
        height: 40px;
        margin: 0;
    }

    .choices-item_bottons {
        display: flex;
        align-items: center;
        width: 90%;
    }

    .choices-item_callback {
        width: 90%;
    }

    #mobile_menu-callback .mobile-callback-inputs {
        display: flex;
    }

    .call-choices .choices-item_bottons div,
    .mobile-callback-inputs .callback-field,
    .call-choices .choices-item_bottons a {
        width: 100%;
    }

    .call-choices .choices-item_bottons div,
    .mobile-callback-inputs > .callback-field:nth-child(2) {
        margin-left: 20px;
    }

    /*Section deliver*/
    .section_deliver h1{
        font-size: 18px;
        line-height: 21px;
    }
    /*Section deliver*/

    /*Advantages deliver*/
    .advantages_block {
        padding: 10px;
    }

    .advantages_content {
        gap: 10px;
        width: 270px;
    }

    .advantages_content img {
        height: 50px;
        width: 50px;
    }

    .advantages_content span {
        font-size: 16px;
        line-height: 19px;
    }
    /*Advantages deliver*/

    /*Accordion*/
    .accordion_block .accordion_header img {
        margin-top: 6px;
    }
    /*Accordion*/

    /*Installment*/
    .installment-cards_block {
        gap: 10px;
        margin: 10px 0
    }

    .installment-cards_item {
        max-width: 70px;
    }

    .installment-cards_item img {
        max-width: 70px;
        max-height: 45px;
    }

    .installment-cards_item span {
        text-align:left;
        margin-top: 10px;
        font-size: 12px;
        line-height: 14px;
        color: #AAAAAA;
    }
    /*Installment*/

    /*Shipping cost*/
    .shipping-cost_block .shipping-cost_item {
        background: #ffffff!important;
    }

    .shipping-cost_item {
        flex-direction: column;
        gap: 0;
        padding: 0;
    }

    .shipping-cost_item > span {
        background: #F5F6FC;
    }

    .shipping-cost_item > span,
    .shipping-cost_item ul {
        padding: 10px;
    }
    /*Shipping cost*/

    /*Whitelist-Scheme*/
    .whitelist-block-scheme {
        margin: 20px 5px;
    }

    .whitelist-block-scheme ol {
        gap: 0;
        flex-direction: column;
    }

    .whitelist-block-scheme ol li {
        width: 100%;
        padding-bottom: 20px;
    }

    .whitelist-block-scheme ol li span,
    .whitelist-block-scheme ol li p {
        position: initial;
        width: 100%;
    }

    .whitelist-block-scheme ol li:after {
        bottom: -8px;
        left: -29px;
        width: 3px;
        height: 35px;
    }

    .whitelist-block-scheme ol li:last-child:after {
        display: none;
    }
    /*Whitelist-Scheme*/

    /*Section of shipping methods tabs*/
    .section_deliver-buttons li {
        padding: 7px;
        font-size: 12px;
        line-height: 14px;
    }

    .viki-tabs-section_deliver
    .viki-tabs-frames .list-points li {
        padding: 6px 5px;
    }

    .viki-tabs-section_deliver
    .viki-tabs-frames .terminal-search input {
        height: fit-content;
        padding: 10px;
    }

    .viki-tabs-section_deliver
    .viki-tabs-frames .map-list__toggle button {
        font-size: 12px;
        padding: 0;
        background: white;
        text-decoration: underline;
    }
    .viki-tabs-section_deliver
    .viki-tabs-frames .SendThis {
        grid-row-gap: 0;
    }
    /*Section of shipping methods tabs*/

    /*Img in templates*/
    .img-templates_delivery_block {
        gap: 10px;
    }

    .img-templates_delivery-logo {
        max-width: 150px;
        max-height: 50px;
    }
    /*Img in templates*/

    /*Delivery Installation price*/
    .delivery-install_price {
        padding: 20px;
    }

    .install_price-button,
    .install_price-error div {
        justify-content: center;
    }
    /*Delivery Installation price*/

    /*Сar card*/
    .car-card_table td,
    .car-card_table th {
        padding: 2px 2px;
        min-width: 140px;
    }
    /*Сar card*/

    /*Catalog*/
    #cataloguePartsList .accordion_content {
        padding: 15px 20px;
    }

    #cataloguePartsList .accordion_header {
        padding: 10px 15px;
        grid-template-columns: 30px calc(100% - 70px) 20px;
        gap: 10px;
    }

    #cataloguePartsList .catalog-parts {
        column-width: auto;
    }
    /*Catalog*/

    .new-grid__item.new-cart-item{
        padding: 20px 0;
    }

    .new-cart .message-items {
        padding: 0;
        padding-bottom: 20px;
    }

    .new-grid__item.new-cart-item.install-price.install-price-popup {
        grid-template-columns: minmax(140px, 200px) 30px auto;
        grid-template-areas:
                           "item-title item-title item-title"
                           "item-article item-article item-article"
                           "image image characteristics"
                           "image image ."
                           "price-default price-unassembled price-unassembled"
                           "installation installation installation";
    }
    /* Terminal*/
    .terminal-slider-image {
        height: 100px;
    }
    /* Terminal*/

  .install-price-popup .new-cart-item-installation {
        margin-top: 10px;
    }

  /*part gray-button viki-tabs-buttons*/
  .gray-button.viki-tabs-buttons {
   grid-template-columns: repeat(1, 1fr);
  }
  .gray-button.viki-tabs-buttons > * {
    color: #0632AD;
    font-weight: 700;
    background-color: transparent;
    justify-content: start;
    text-align: start;
    padding: 10px 0;
    border-bottom: 1px solid #EEEEEE !important;
  }
  .gray-button.viki-tabs-buttons > *.act {
    color: #333333;
  }
  /*part gray-button viki-tabs-buttons*/
  /*Client notifications*/
  .with-inner-email {
    gap: 15px;
  }
    .with-inner-email .custom-checkbox + div {
      padding: 0 0 0 28px;
      z-index: 1;
    }
  .with-inner-email:before {
    content: "";
    background-color: #F8F8F8;
    width: calc(100% + 14px);
    height: calc(100% + 16px);
    position: absolute;
    left: -7px;
    top: -8px;
  }
  /*Client notifications*/
}

@media (max-width: 700px) {
  .matching-search-number .dropdown-content {
    right: auto;
    left: -40px;
  }

  .matching-search-number .dropdown-content:before {
    left: 40%;
  }
    .mp-search .form-actions .accent-garage-hint div:first-child {
        width: 100%;
    }


    .mp-search .form-actions .search-garage_hint {
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
    }

    .mp-search .form-actions .accent-garage-hint {
        padding: 10px 10px 10px 10px;
        box-shadow: none;
        border-radius: 6px;
        background-color: #f2dede;
        width: 100%;
        max-width: none;
        transform-origin: 50% 130%;
        left:0; 
        top: 0; 
        margin-bottom: 15px;
    }

    .mp-search .form-actions .accent-garage-hint[mobile_hint] {
        position: relative;
    }

    .mp-search .form-actions .close-hint {
        display: none;
    }

    .mp-search .form-actions .accent-garage-hint:before {
        content: none;
    }

    .mp-search .form-actions .accent-garage-hint a {
        text-decoration: none !important;
    }

    .new-grid__item.new-cart-item.install-price {
        grid-template-columns: 20px minmax(120px, 180px) 30px auto;
        grid-template-areas:
            "select item-title item-title item-title"
            "item-article item-article item-article item-article"
            "image image image characteristics"
            "image image image delete"
            "price-default price-default price-unassembled price-unassembled"
            "installation installation installation installation";
    }

    .new-cart-item-installation {
        margin-top: 10px;
    }

    .item-installation-info-container.on-select {
        max-width: 270px;
    }
}

@media (max-width: 555px) {

    #Main_Banner .main-banner {
        width: 100%;
        right: 0;
    }

    .main-banner_items .banner-item_text-block {
        padding: 15px;
    }

    .main-banner_items .text-block_header {
        font-size: 14px;
    }

    .main-banner_items .text-block_promo {
        font-size: 12px;
    }

    .main-banner_items .text-block_button button {
        padding: 8px 13px;
        font-size: 14px;
    }

    .main-banner_items .banner-item-close {
        top: 8px;
        right: 8px;
    }

    .main-banner_items .banner-item-close:before,
    .main-banner_items .banner-item-close:after {
        width: 19px;
    }
}

@media (max-width: 480px) {
  .matching-search-number .dropdown-content {
    right: 0;
    left: auto;
  }

  .matching-search-number .dropdown-content:before {
    left: 60%;
  }
    .choices-item_bottons,
    #mobile_menu-callback .mobile-callback-inputs {
        flex-direction: column;
        width: 100%;
    }

    .choices-item_callback {
        width: 100%;
    }

    .call-choices .choices-item_bottons > a:nth-child(1) button,
    #mobile_menu-callback .mobile-callback-inputs .callback-field input[type=text] {
        margin-bottom: 10px;
    }

    .mobile-callback-inputs > .callback-field:nth-child(2),
    .choices-item_bottons .callback-button,
    .call-choices .choices-item_bottons div {
        margin-left: 0;
    }

    .accent-garage a {
        width: 100%;
    }

    .accent-garage .btn-secondary {
        width: 100%
    }

    /*Сar card*/
    .car-card_table td,
    .car-card_table th {
        min-width: 130px;
    }
    /*Сar card*/

    /*Сar grid*/
    .car-grid_item {
        grid-template-columns: minmax(95px, 175px) minmax(170px, 250px);
    }

    .car-grid_images img {
        height: 95px;
    }
    /*Сar grid*/

    /*Delivery Installation price*/
    .delivery-install_price {
        height: 100%;
        border-radius: 0;
        max-height: 100%;
        padding: 20px 10px;
    }
    /*Delivery Installation price*/
  /*popup-notification*/
  .popup-notofication { width: 250px; }
  .popup-notofication .flex-row { flex-direction: column; gap: 10px;}
  .popup-notofication .btn-paramount,
  .popup-notofication .btn-secondary { width: 100% }
  /*popup-notification*/
}

@media (max-width: 360px) {
    .new-grid__item.new-cart-item {
        grid-template-columns: 20px minmax(130px, 160px) auto 15px;
        grid-template-areas:
                           "select item-title item-title item-title"
                           "item-article item-article item-article delete"
                           "image image image image"
                           "characteristics characteristics characteristics characteristics"
                           "price-default price-default price-unassembled price-unassembled";
        grid-gap: 20px 10px;
    }

    .new-grid__item.new-cart-item.install-price {
        grid-template-columns: 20px minmax(130px, 160px) auto 15px;
        grid-template-areas:
                           "select item-title item-title item-title"
                           "item-article item-article item-article delete"
                           "image image image image"
                           "characteristics characteristics characteristics characteristics"
                           "price-default price-default price-unassembled price-unassembled"
                           "installation installation installation installation";
        grid-gap: 20px 10px;
         margin-bottom: 10px;
        padding: 10px 0;
    }

    .new-grid__item.new-cart-item.install-price.install-price-popup {
        grid-template-columns: minmax(130px, 160px) auto 15px;
        grid-template-areas:
                           "item-title item-title item-title"
                           "item-article item-article item-article"
                           "image image image"
                           "characteristics characteristics characteristics"
                           "price-default price-unassembled price-unassembled"
                           "installation installation installation";
        margin-bottom: 10px;
    }

    .new-cart-item .checkbox .price-text{
        font-size: 16px;
    }
    .new-cart-item.new-grid__item .price-before-discount {
        font-size: 14px;
    }
    .install-price-popup.new-cart-item .disassembled-text {
        font-size: 10px;
    }

    .item-installation_info, .item-installation_price {
        font-size: 15px;
        line-height: 17px;
    }
}

@media (max-width: 355px) {
    /*Section of shipping methods tabs*/
    .viki-tabs-section_deliver .section_deliver-buttons {
        gap: 5px;
    }

    .section_deliver-buttons li {
        padding: 5px;
        font-size: 12px;
        line-height: 14px;
    }
    /*Section of shipping methods tabs*/

    .ordering-grid [data-order-total] .order-total span,
    .ordering-grid [data-order-total] .order-total p {
        font-size: 14px;
    }
    .order-total > div:nth-child(n+2) {
        font-size: 14px;
        padding: 0 20px;
        margin: 15px 0;
    }
    .order-total div > div {
        margin-bottom: 10px;
    }
}

@media (max-width: 320px) {
  /*banner-cookie*/
  #banner-cookie .banner-cookie-item {
    padding: 10px;
  }
  #banner-cookie .custom-checkbox + span {
    font-size: 10px;
    line-height: 13px;
    padding-left: 0;
  }
  /*banner-cookie*/
}
.main-page-info {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 40px 40px;
}

.main-page-info_image {
    min-width: 40px;
    max-width: 40px;
    max-height: 40px;
   
    margin-right: 35px;
}
.main-page-info_image img{
    max-height: 100%;
}

.main-page-info_titel {
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.item.feedback {
    margin: 25px;
}

.item.feedback .feedback_message{
    margin: 0;
    height: 140px;
}

.item.feedback .review-rating{
    margin-bottom: 7px;
}

.item.feedback .link-gray {
    margin-bottom: 7px;
}

.item.feedback .feedback_message p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 1.3em;
        height: 60px;
}

.item.feedback .feedback_message .link-gray {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.3em;
    height: 20px;
}

.box-shadow_ios {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3)!important;
}

.up-z-index {
    z-index: 1010!important;
}

.address-hint {
    position: absolute;
    padding: 15px 10px 15px 15px;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
    border-radius: 1px;
    font-size: 15px;
    line-height: normal;
    margin-top: 10px;
    z-index: 999;
    background-color: #ffffff;
    width: max-content;
    max-width: 400px;
    min-width: 250px;
    transition: all 0.2s linear;
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 50% -15%;
}

.footer-contacts .address-hint {
    display: none;
}

.address-hint span{
    white-space: pre-wrap;
    color: #000;
}

.address-hint:before {
    content: '';
    position: absolute;
    left: 20px;
    top: -21px;
    border: 9px solid transparent;
    border-bottom: 15px solid #fff;
}

.close-hint {
    width: 20px;
    height: 20px;
    position: relative;
    margin: 0 0 0 10px;
}

.close-hint:hover {
    cursor: pointer;
}

.close-hint:before {
    transform: rotate(45deg);
    top: 8px;
    content: '';
    height: 1px;
    width: 20px;
    position: absolute;
    background: #929292;
}

.close-hint:after {
    content: '';
    transform: rotate(-45deg);
    bottom: 11px;
    height: 1px;
    width: 20px;
    position: absolute;
    background: #929292;
}

.sale-slider .owl-slider, 
.sale-slider .owl-stage-outer, 
.sale-slider .owl-stage, 
.sale-slider .owl-item {
    height: 100%;
    padding: 0;
}

.mp-filter.left-filter .sale-slider {
    grid-area: grid;
}

.mp-filter.left-filter {
    grid-template-areas: "filter grid";
    grid-template-rows: 480px;
    grid-template-columns: 350px 1fr;
}

.mp-filter.left-filter .mobile-controls {
    display: none;
}

.mp-filter.left-filter .tabs-big {
    display: flex;
    transition: .3s all ease;
}

.mp-filter.left-filter .viki-tabs-frames {
    margin-top: 0;
}

.mp-filter.left-filter .mp-filter__toggle-shadow {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
}

.mp-filter.left-filter .sale-slider .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.mp-filter.left-filter .sale-slider .owl-dots button {
    width: 16px;
    height: 16px;
    background: #ccc;
    border: 2px solid #fff;
    margin: 0 10px;
    border-radius: 50%;
}

.mp-filter.left-filter .sale-slider .owl-dots button.active {
    background: var(--paramount-color);
    border: var(--paramount-color);
}

.mp-filter.left-filter .sale-slider .sale-slider-item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.mp-filter.left-filter .sale-slider .sale-slider-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}





@media (max-width: 1200px) {

    .mp-filter.left-filter {
        grid-template-columns: 1fr;
        grid-template-areas: "grid" "filter";
        grid-template-rows: 40vh auto;
        grid-gap: 20px;
    }

    .mp-filter .mp-search .form-actions .accent-garage-hint div:first-child {
        width: 100%;
    }


    .mp-filter .mp-search .form-actions .search-garage_hint {
        display: flex;
        flex-direction: column-reverse;
        margin: 0;
    }

    .mp-filter .mp-search .form-actions .accent-garage-hint {
        padding: 10px 10px 10px 10px;
        box-shadow: none;
        border-radius: 6px;
        background-color: #f2dede;
        width: 100%;
        max-width: none;
        transform-origin: 50% 130%;
        left: 0;
        top: 0;
        margin-bottom: 15px;
    }

    .mp-filter .mp-search .form-actions .accent-garage-hint[mobile_hint] {
        position: relative;
    }

    .mp-filter .mp-search .form-actions .close-hint {
        display: none;
    }

    .mp-filter .mp-search .form-actions .accent-garage-hint:before {
        content: none;
    }

    .mp-filter .mp-search .form-actions .accent-garage-hint a{
        text-decoration: none!important;
    }
}

 [catalogue] .accent-garage-hint {
    display: none !important
}

@media (max-width: 500px) {
    .mp-filter.left-filter {
        grid-template-rows: 21vh auto;
    }
    .mp-filter.left-filter .sale-slider .owl-dots button {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }
}


.accent-garage-hint .close-hint:after,
.accent-garage-hint .close-hint:before {
    width: 13px;
    background: #000000;
}

#artDescription .new-art_description {
    background-color: #ececec;
    padding: 5px;
    font-size: 15px;
    text-align: center;
    margin-top: 10px;
}
.art-buttons {
    text-align: center;
}
.art-buttons button {
    border-radius: 0;
    background: none;
    padding: 0;
    transition: none;
    margin-right: 5px;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    margin-top: 5px;
}
.art-buttons button:hover {
    border-bottom-color: #D21113;
}
.art-buttons_active {
    font-weight: 600;
    border-bottom: 2px solid #D21113!important;
}

.contacts h2 {
    font-size: 20px;
    margin: 15px 0 15px 0;
}

.contacts h3 {
    font-size: 16px;
    margin: 10px 0 10px 0;
}

.contacts button {
    font-size: 15px;
    padding: 10px;
}

.contacts > div {
    margin-bottom: 40px;
}

.contacts-main__info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 15px;
}

.contacts-main__info .contacts-main__info-phone a{
    font-weight: bold;
    font-size: 20px;
    color: var(--paramount-color);
    margin-top: 10px;
    display: block;
}

.contacts-sub__info ul, .contacts-sto__info ul {
    list-style: none;
    margin: 0;
    margin-bottom: 10px;
}

.contacts-sub__info ul li, .contacts-sto__info ul li {
    margin-bottom: 8px;
    font-size: 15px;
}

.contacts-sub__info ul li img, .contacts-sto__info ul li img {
    max-width: 12px;
    max-height: 12px;
}

.contacts-sub__info ul li a, .contacts-sto__info ul li a {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.contacts-sub__info ul li a:hover, .contacts-sto__info ul li a:hover {
    text-decoration: underline;
}

.contacts-terminals__info {
    margin-bottom: 30px;
}

.contacts-sub__info > div, .contacts-sto__info > div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 15px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.contacts-sub__info > div {
    background-color: #F2F2F2;
}

.contacts-sub__info div div, .contacts-sto__info div div {
    padding: 10px;
}

input[type=text].search-input {
    border: none;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
    background: #fff;
    padding: 5px 20px;
    min-height: 38px;
    height: auto;
}

.page-box-true{
    box-shadow: 0 0px 4px rgb(0 0 0 / 30%);
    background: #fff;
    padding: 20px;
}

.error-page .main-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    text-align: center;
}

.error-page .main-content div.content{
    font-size: 16px;
    max-width: 50%;
}

.error-page .error-code{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    font-size: 350px;
    font-weight: 700;
    color: #f0f0f0;
}

.error-page .mobile-info{
    display: none;
}

@media (max-width: 700px){
    .error-page .main-content{
        margin: 0 0 50px 0;
    }

    .error-page .mobile-info{
        margin: 30px 0 0 0;
    }

    .error-page .mobile-info a{
        font-size: 16px;
        color: #000!important;
    }

    .error-page .error-code{
        font-size: 150px;
        top: 30%;
    }

    .error-page.left-filter {
        display: grid;
        grid-column-gap: 10px;
        grid-template-columns: 1fr;
        grid-template-areas:
        "grid"
        "search"
        "filter";
    }
    
    .error-page.left-filter .tabs-big{
        display: flex;
    }
    
    .error-page.left-filter .mobile-controls{
        display:none;
    }

    .error-page .main-content div.content{
        font-size: 16px;
        max-width: 90%;
    }

    .error-page .mobile-info{
        display: block;
    }
}