* { margin:0; padding:0; border-collapse:collapse; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
html {
-webkit-text-size-adjust: none;
overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%));
}

body { 
    min-height: 100%;
    height: 100%;
    position: relative; background: #fff;
}

body, input, textarea, select, option, button {
    font-size: 14px;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    font-family: Montserrat, Verdana, sans-serif;
    font-weight: 400;
    color: #000;
}


*:focus { outline:none; }
a:link, a:visited, label { text-decoration: none; -webkit-transition: color ease-out 70ms; -moz-transition: color ease-out 70ms; -o-transition: color ease-out 70ms; transition: color ease-out 70ms; }
a { color: #0066FF; }
a:hover { color:#000; text-decoration: none; }
img { max-width: 100% }
a img { border: 0 }
.none { display: none; }
.hide { display: none; }
a.none { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.fright { float: right }
ul, ol { margin: 0 0 15px 30px; }
ul.list-unstyled { margin: 0; padding: 0; list-style: none; }
p { margin-bottom: 15px; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; }
.surely { color: #e53575; }

::-webkit-input-placeholder { color: #acb1bb; }
:-moz-placeholder { color: #acb1bb; }
::-moz-placeholder { color: #acb1bb; }
:-ms-input-placeholder { color: #acb1bb; }


input[type=text], input[type=password], input[type=email], input[type=number], input[type=time], textarea, select { padding: 8px 10px; background: #fcfcfc; border: 1px solid #e7e7e7; margin: 0; width: 100%;-webkit-border-radius: 0; }
input[type=button], input[type=submit] { cursor: pointer; }


.clear { clear: both; }
.row { margin: 0 -5px; }
.row:after { content: ''; clear: both; display: table; }
.flex { display: flex; flex-wrap: wrap; }
.nowrap { flex-wrap:nowrap }
.align-items-center { align-items: center; } .justify-content-space-around { justify-content: space-around; } .justify-content-space-between { justify-content: space-between; } .align-self-flex-start { align-self: flex-start; }
.col-1, .col-2, .col-25, .col-3, .col-4, .col-45, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { float: left; padding: 0 5px; }
.p-0 { padding: 0 !important; } 
.m-0 { margin: 0 !important; }
.pt-1 { padding-top: 10px; } .pt-2 { padding-top: 20px; }
.pb-1 { padding-bottom: 10px; } .pb-2 { padding-bottom: 20px; } 
.pr-1 { padding-right: 10px; } .pr-2 { padding-right: 20px; }
.pl-1 { padding-left: 10px; } .pl-2 { padding-left: 20px; } 
.col-1 { width: 8.3334%; }.col-2 { width: 16.6667%; }.col-25 { width: 20%; }.col-3 { width: 25%; }.col-4 { width: 33.3334%; } .col-45 { width: 37.5%; }.col-5 { width: 41.6667%; }.col-6 { width: 50%; }.col-7 { width: 58.3334%; }.col-8 { width: 66.6667%; }.col-9 { width: 75%; }.col-10 { width: 80%; }.col-11 { width: 91.6667%; }.col-12 { width: 100%; }
.color { color: #0066FF; }


.btn, a.btn { background-color: #0066FF; color: #ffffff; text-align: center; border-radius: 2px; border: 0; padding: 0 20px; height: 38px; line-height: 38px; display: inline-block; text-decoration: none; cursor: pointer;-webkit-transition: background ease-out 100ms; -moz-transition: background ease-out 100ms; -o-transition: background ease-out 100ms; transition: background ease-out 100ms; }
.btn:hover, .btn:active, .btn:focus {background-color: #0259dc;border-color: #0259dc;}
.btn:active {-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.btn-o, a.btn-o { background: transparent; border: 1px solid #0066FF; color: #0066FF; }
.btn-o:hover, a.btn-o:hover, .btn-o:focus, a.btn-o:focus { background-color: transparent; color: #000; border-color: #000; }
.btn-o:active, a.btn-o:active { background-color: transparent; }
.btn-s, a.btn-s { padding: 0 15px; height: 32px; line-height: 32px; font-size: 13px; }
.btn-yellow, a.btn-yellow { background: #fc3; color: #000; }
.btn-yellow:hover, a.btn-yellow:hover, .btn-yellow:focus, a.btn-yellow:focus { background-color: #ffb52f; }
.btn-gray, a.btn-gray { background: #e7e7e7; color: #333 }
.btn-gray:hover, a.btn-gray:hover, .btn-gray:focus, a.btn-gray:focus { background-color: #f0f0f0; }
.btn-small, a.btn-small { font-size: 11px; height: auto; line-height: normal; padding: 4px 6px; }


.wrapper {display: flex;flex-direction: column;height: 100%;}
.content {flex: 1 0 auto;}
.main { min-width: 300px;max-width: 1270px;padding: 0 10px;margin: 0 auto; }
footer {flex: 0 0 auto; margin-top: 40px; }
footer .row { display: flex; flex-wrap: wrap; }
#content_load { position: relative; }
label.error, div.error, div.handerror { font-size: 11px; color: #e53575; line-height: 12px;display: inline-block; padding: 5px 0; }
div.error { font-size: 14px; }
input.error { border-color: #e53575; }
.message-error, .message-success { padding: 20px; margin-bottom: 30px; }
.message-error {  color: #e53575; background: #fff0f5; } 
.message-success { color: #000; background: #acefd7; }


.checkbox + label > span, .radio + label > span { 
    background: url(../images/check_radio.png) no-repeat; 
    display: inline-block; 
    cursor: pointer;
    vertical-align: middle;
    width: 20px;
    height: 20px; flex-shrink: 0;
}
.checkbox, .radio { display:none; }
.checkbox + label, .radio + label { display: flex; }
.checkbox + label > span { background-position: 0 0; margin-right: 7px; }
.checkbox + label > span:hover { background-position: -20px 0; }
.checkbox + label > div {  }
.checkbox:checked + label > span { background-position: -40px 0; }
.checkbox:disabled + label > span { background-position: -60px 0; }
.checkbox:disabled:checked + label > span { background-position: -80px 0; }
.radio + label > span { background-position: -100px 0; margin-right: 7px; }
.radio + label > span:hover { background-position: -120px 0; }
.radio:checked + label > span { background-position: -140px 0; }
.radio:disabled + label > span { background-position: -160px 0; }
.radio:disabled:checked + label > span { background-position: -180px 0; }

.checkbox-ya { display: inline-block; height: 28px;line-height: 28px; margin-right: 10px; position: relative; vertical-align: middle; user-select: none; }
.checkbox-ya .checkbox-ya-switch { display: inline-block; box-sizing: border-box;	 width: 76px; height: 28px;	 margin: 0 auto; position: relative;background: linear-gradient(90deg, #FFEB9D 0%, #FFEB9D 50%, #e8e9e9 50%, #e8e9e9 200%); background-position: -72px 0; background-size: 200% 100%; border: 1px solid #bababb; border-radius: 2px; font-size: 13px; color: #000; transition: all 150ms ease-in;	 }
.checkbox-ya .checkbox-ya-switch:before { content: ''; display: block;box-sizing: border-box;	width: 28px;height: 28px;position: absolute;top: 50%;left: -1px;text-indent: -100%;background-color: #fff; border: 1px solid rgba(0,0,0,.2);border-radius: 3px;transform: translateY(-50%);transition: all 150ms ease-in;}
.checkbox-ya .checkbox-ya-feature { position: relative; display: block; height: 28px; line-height: 28px; overflow: hidden; }
.checkbox-ya .checkbox-ya-feature:before, .checkbox-ya .checkbox-ya-feature:after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); transition: all 150ms ease-in; }
.checkbox-ya .checkbox-ya-feature:before { content: attr(data-label-on); left: -60%; }
.checkbox-ya .checkbox-ya-feature:after { content: attr(data-label-off); right: 8px; }
.checkbox-ya input[type=checkbox] { display: block; width: 0; height: 0; position: absolute; z-index: -1; opacity: 0; }
.checkbox-ya input[type=checkbox]:checked + .checkbox-ya-switch { background-position: 0 0; border-color: rgba(153,122,0,.5); }
.checkbox-ya input[type=checkbox]:checked + .checkbox-ya-switch:before { left: calc(100% - 27px); }
.checkbox-ya input[type=checkbox]:checked + .checkbox-ya-switch .checkbox-ya-feature:before { left: 13px; }
.checkbox-ya input[type=checkbox]:checked + .checkbox-ya-switch .checkbox-ya-feature:after { right: -60%; }
.checkbox-ya input[type=checkbox]:not(:disabled) + .checkbox-ya-switch:hover:before { border-color: rgba(0,0,0,.6); }
.checkbox-ya input[type=checkbox]:not(:disabled) + .checkbox-ya-switch:hover { cursor: pointer; } 
.checkbox-ya input[type=checkbox]:disabled + .checkbox-ya-switch { border-color: rgba(0, 0, 0, .1); filter: grayscale(70%); }
.checkbox-ya input[type=checkbox]:disabled + .checkbox-ya-switch .checkbox-ya-feature { color: #999; }
.checkbox-ya.focused .checkbox-ya-switch:before { border-width: 2px; border-color: #ffdb4d;}

.sort { margin-bottom: 20px; }
.sort ul { display: flex; flex-wrap: wrap;  }
.sort li { margin-right: 15px; font-weight: 500; }
.sort li a { font-weight: 300; }

/* tabs */
ul.tabs { overflow: hidden;  margin-bottom: -1px; }
* html ul.tabs { margin-bottom: 0; }
.tabs li {  z-index: 3; border-bottom: 3px solid transparent;
	float: left; height: 37px; line-height: 37px;
	display: block; border: 0;
	cursor: pointer;
	position: relative;
}
.tabs li:hover { color: #0066FF; border-color: #eee }
.tabs li.current { border-bottom: 3px solid #0066FF; color: #0066FF; }
.box { display: none; z-index: 2; position: relative; }
.box.visible { display: block; }
/* end tabs */


.ico { display: inline-block; position: relative; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center center; }
.ico-map { background-image: url(../images/icons/map-marker.svg); }
.ico-search { background-image: url(../images/icons/search.svg); }
.ico-user { background-image: url(../images/icons/user.svg); }
.ico-angle-down { background-image: url(../images/icons/angle-down.svg); }
.ico-snow { background-image: url(../images/icons/snow.svg); }
.ico-snow_sunny { background-image: url(../images/icons/snow_sunny.svg); }
.ico-sunny { background-image: url(../images/icons/sunny.svg); }
.ico-spike { background-image: url(../images/icons/spike.svg); }


.header-top { padding: 15px 0; }
.header-top .flex { justify-content: space-between; align-items: center; }
.header-top .logo { width: 250px; }
.header-top .logo img { display: block; }
.header-top .search_login { justify-content: space-between; align-items: center; }

.header-top .regions { margin-right: 40px; }
.header-top .regions a, .header-top .login a { font-size: 12px; display: flex; flex-direction: column;align-items: center; }
.header-top .login ul li a { align-items: flex-start }
.header-top .regions i, .header-top .login i, .header-top .search i { float: left; margin-bottom: 4px; width: 20px; height: 20px; }
.header-top .login .name { font-size: 13px; color: #787878; padding: 7px 15px; }
.header-top a.dotted { color: #000; border-bottom: 1px dashed #b9b9b9; line-height: 14px; }
.header-top a.dotted:hover { color: #0066FF; border-bottom-color: #c4d0dc; }
.header-top .search { flex-grow: 1; margin: 0 40px;}
.header-top form { width: 100%; }
.search-form form {  display: flex;justify-content: space-between; position: relative; border-radius: 3px; background: #f7f7f7; border: 1px solid #f7f7f7;  }
.search-form input[type=text] { background: none; border: 0; flex-grow: 1; height: 38px; }
.search-form input[type=submit] { background: #0066FF; margin: 0; padding: 0 20px; color: #fff; border: 0; cursor: pointer; margin: -1px; border-radius: 0 3px 3px 0; }
.search-form input[type=submit]:hover { background: #0259dc }
.search-form .title { border-bottom: 2px solid #167ac5; margin: -44px; margin-bottom: 44px; padding: 30px 44px; }
/*.header-top .search i { position: absolute; top: 5px; right: 10px; }*/
.header-bottom { box-shadow: 0 2px 3px 0 rgb(0 0 0 / 6%); }
.header-bottom-cnt { display: flex; align-items: center; justify-content: space-between; }
.header-bottom .menu ul { display: flex; justify-content: space-between; }
.header-bottom .menu ul li a { padding: 0px 20px; margin-bottom: 10px; display: block; font-weight: 700; color: #000; position: relative; }
.header-bottom .menu ul li:first-child a { padding-left: 0; }
.header-bottom .menu ul li a:hover, .header-bottom .menu ul li.active a { color: #0066FF; }
/*.header-bottom .menu ul li a:after { content: '';position: absolute; right: 100%; margin: 0 15px;height: 2px;bottom: -11px;background: #0066FF;left:0;-webkit-transition: right .15s ease-out;transition: right .15s ease-out;}*/
.header-bottom .menu ul li:first-child a:after { margin-left: -5px; }
.header-bottom .menu ul li a:hover:after, .header-bottom .menu ul li.active a:after {right: 0;}


.title { padding-bottom: 30px; margin-left: -2px; }
.page-title {  }
.title h1 { font-weight: 700; font-size: 28px; }
.title h2 { font-weight: 700; font-size: 24px; }
.description_bottom { font-size: 13px; padding: 40px 0; border-top: 1px solid #eee; }
.description_bottom p:last-child { margin-bottom: 0; }
.not_found_cnt-404 { font-size: 13em; font-weight: 600; }
.content-body { display: flex; }
.content-center { flex-grow: 1; }
.breadcrumbs { overflow: hidden; padding: 25px 0 15px 0; }
.breadcrumbs ul li { float: left; }
.breadcrumbs ul li, .breadcrumbs ul li a { color: #999;font-size: 12px; }
.breadcrumbs ul li a:hover { color: #0066FF; }
.breadcrumbs ul li > span { padding: 0 7px; }
.pages { margin-bottom: 30px; }
.pagination { display: flex; justify-content: center; }
.pagination li { margin: 3px;line-height: 35px;  }
.pagination li.current span, .pagination li a { height: 35px; min-width: 35px; padding: 0 10px; text-align: center; display: block; border-radius: 2em; }
.pagination li.current span { background: #eee; }
.pagination li a { background: #0066FF; color: #fff; }
.pagination li a:hover { background: #5484ba; }

.lazyload { display: block; background: url(../images/loading.svg) no-repeat center; background-size: 40px }
.lazyload.loaded { background: none; }


.brands-list { display: flex; flex-wrap: wrap; margin: 0 0 30px 1px; }
.brands-list .first-letter { font-size: 24px; margin: 15px 0; padding: 0; }
.brands-list .first-letter:first-child { margin-top: 0; }
.brands-td { padding: 0; height: 100%; }
.brands-td-cnt { transition: all ease .2s; position: relative; background: #f7f7f7; padding: 15px 0; margin: 10px; border-radius: 3px; }
.brands-td-cnt:hover { background: #f0f0f0 }
.brands-td .img { text-align: center; }
.brands-td .img img { mix-blend-mode: multiply; }
.brands-td .name { line-height: 14px; height: 28px; display: flex; justify-content: center; align-items: center; text-align: center; display: none; }
.brands-td .name a { color: #787878; font-size: 13px; }
.brands-td-cnt:hover .name a { color: #0066FF; }


.wheels-list { display: flex; flex-wrap: wrap; margin: 0 -8px 30px -8px; }
.wheels-td { padding: 0; height: 100%;position: relative }
.wheels-td-cnt { padding: 8px;position: relative; }
/*.wheels-td-cnt:hover { border-color: #fff; box-shadow: 0 0 15px 0 rgba(0,0,0,.10); }*/
.wheels-td .img { text-align: center; padding: 10px 0; position: relative;background: #f7f7f7; border-radius: 3px; }
.wheels-td .img img { height: 230px; width: 230px; mix-blend-mode: multiply; }
.wheels-td .name { line-height: 16px; margin-top: 10px; display: flex; align-items: center; }
.wheels-td .name a { color: #000; font-weight: 500 }
.wheels-td-cnt:hover .name a { color: #0066FF; }
/*.content-body .wheels-td:nth-child(4n+1) .wheels-td-cnt { padding-left: 0;}
.content-body .wheels-td:nth-child(4n+4) .wheels-td-cnt { padding-right: 0; }*/
.wheels-td .rating { margin: 5px 0; font-size: 13px; height: 13px;}
.wheels-td .rating ul { display: flex; margin-right: 10px; }
.wheels-td .rating ul li { margin: 0 2px 0 0; display: block; }
.wheels-td .rating ul li:before { content: '\f005'; font-family: 'Font Awesome 5 Free';font-weight: 700; font-size: 11px; color:#cccccc; display: block; height: 11px; width: 12px; }
.wheels-td .rating ul li.full:before { color: #fab600;font-weight: 700;  }
.wheels-td .rating ul li.half:before{ content: '\f5c0'; color: #fab600;  }
.wheels-td .price { font-size: 18px; font-weight: 700; margin-top: 15px; }
.wheels-td .season { position: absolute; z-index: 1; padding: 10px 0 0 10px }
.wheels-td .season .ico { width: 20px; height: 20px; display: block; margin: 0 2px 2px 0; }
.wheels-td .offers { font-size: 13px; margin-bottom: 10px; }
.wheels-td .offers span:before { content: ', ' }


.wheels-search { width: 240px; margin-right: 20px; position: relative; margin-bottom: 30px; }
.wheels-search .filter { margin-bottom: 30px; }
.wheels-search .filter-cnt { font-size: 13px; }
.wheels-search .name { font-weight: 600; margin: 0 0 10px 0; }
.wheels-search .brands { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.wheels-search .brands_scroll { display: none; overflow-y: auto; }
.wheels-search .td { padding: 4px 0; position: relative; }
.wheels-search .td.first-letter { color: #999; }
.wheels-search .td-select { height: auto; margin-bottom: 5px; }
.wheels-search .td-select select { background: #f7f7f7; border: #f7f7f7; border-radius: 3px; font-size: 12px; padding: 7px 5px;width: auto; }
.wheels-search label:hover { color: #0066FF; cursor: pointer; }
.wheels-search .apply_stick { z-index: 2; position: absolute; top:0; right: 0; width: 100px; margin-top: -7px; margin-right: -90px; border-radius: 3px; background: #0066FF; color: #fff; display: none; padding: 7px; line-height: 15px; box-shadow: 0 0 15px 0 rgba(0,0,0,.40); text-align: center; }
.wheels-search .apply_stick a { color: #fff; border-bottom: 1px dashed #eee; font-size: 13px; }
.wheels-search .apply_stick a:hover { border-color: transparent; }
.wheels-search .apply_stick:before { content: ''; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #0066FF; position: absolute; top: 0; left: -13px; }
.wheels-search .more { padding-top: 5px; }
.wheels-search .more a { font-size: 13px; }
.wheels-search .filter-clear a { font-size: 13px; color: #ee5624; }
.wheels-search .filter-clear a:before { content: '\f00d'; font-family: 'Font Awesome 5 Free';  padding-right: 7px; font-weight: 600; }
.wheels-search .checkbox:disabled + label > div { color: #999; }
.wheels-search .filter-range { width: 90%; }
.wheels-search .filter-range > div.flex { flex-wrap: nowrap; }
.wheels-search .filter-range .range-field  { flex-wrap: nowrap; background: #fcfcfc; border: 1px solid #e7e7e7; padding: 0 7px; color: #787878; }
.wheels-search .filter-range .range-field input { background: transparent; border: 0; height: 34px; padding: 0; margin-left: 7px; }


.wheels-tab { margin-bottom: 30px; }
.wheels-tab ul { display: flex; }
.wheels-tab ul li {  margin: 0 15px; position: relative; white-space: nowrap; font-weight: 600 }
.wheels-tab ul li:first-child { border-radius: 3px 0 0 0; margin-left: 0 }
.wheels-tab ul li:last-child { border-radius: 0 3px 0 0; }
.wheels-tab ul li a, .wheels-tab ul li > span { display: block;height: 40px; line-height: 40px; padding: 0px; color: #000; }
.wheels-tab ul li a > span, .wheels-tab ul li > span > span { font-size: 12px; color: #888; padding-left: 5px; }
.wheels-tab ul li > span, .wheels-tab ul li a:hover { background: #fff; color: #0066FF; }
.wheels-tab ul li > span:after, .wheels-tab ul li a:hover:after { content: '';border-bottom: 3px solid #0066FF; position: absolute; z-index: 1; bottom: -1px; left: -1px; right: -1px; }
.wheels-tab ul li a:hover:after { border-color: #eee; }


.wheels-image { margin-right: 30px; text-align: center; }
.wheels-image .slider-for img { max-height: 100%; }
.wheels-image .slider-nav img { max-height: 100%; max-width: 100%;}
.wheels-image .slider-nav .slider-nav-img { margin: 3px; padding: 2px; border: 1px solid #eee; border-radius: 3px; }
.wheels-image .slider-nav .slider-nav-img.slick-current { border-color: #0066FF }
.wheels-description { margin-bottom: 30px; }
.wheels-description-title { margin-bottom: 20px; }
.wheels-description-title h2 { font-size: 24px; line-height: 24px; font-weight: 700; }
.wheels-description .min_price { margin-bottom: 30px;font-size: 24px; font-weight: 700; }
.wheels-description .rating-brandlogo { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.wheels-description .brandlogo img { display: block; height: 50px; }
.wheels-description .rating { margin: 5px 0; font-size: 13px; }
.wheels-description .rating ul { display: flex; margin-right: 15px; }
.wheels-description .rating ul li { margin: 0 2px 0 0; display: block; }
.wheels-description .rating ul li:before { content: '\f005'; font-family: 'Font Awesome 5 Free'; font-weight: 700; font-size: 14px; color:#cccccc; display: block; height: 16px; width: 16px; }
.wheels-description .rating ul li.full:before { color: #fab600 }
.wheels-description .rating ul li.half:before{ content: '\f5c0'; color: #fab600 }
.wheels-description .best_price { border: 1px solid #ffcc33; background: #fff3d1; margin-left: 25px; border-radius: 3px; } /*border: 1px solid #ececec; background: #fbfbfb;*/
.wheels-description .best_price .title { font-weight: 700; font-size: 1.1em;padding: 20px; }
.wheels-description .best_price .text { padding: 0 20px 20px; }
.wheels-description .best_price .text .name { padding-bottom: 10px; }
.wheels-description .best_price .text .name a {  }
.wheels-description .best_price .text .name-13 { font-size: 13px; }
.wheels-description .best_price .text .price { font-weight: 700; font-size: 18px; }
.wheels-description .best_price .text .params { font-size: 13px; padding-top: 15px; line-height: 15px; }
.wheels-description .best_price .bottom { border-top: 1px solid #fff; padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; }
.wheels-description .best_price .bottom .site { font-size: 13px; }
.wheels-description .best_price .bottom .site a { color: #000 }
.wheels-description .best_price .text .email input { background-color: #fff; }
.wheels-description .best_price .go-email { padding: 0 20px; }
.wheels-description .best_price .agreement { font-size: 12px; line-height: 14px; padding: 10px 20px; color: #555; }
.wheels-description .best_price .sign-true { display: none; }
.wheels-description .best_price .sign .sign-true { display: block; }
.wheels-description .best_price .sign .sign-true a { display: inline-block; margin-top: 10px; border-bottom: 1px dashed; }
.wheels-description .best_price .sign .sign-false { display: none; }
.wheels-description-text { margin-bottom: 40px; }
.wheels-description-text .text { padding-top: 15px; }
.wheels-description-text, .wheels-shops, .wheels-reviews { position: relative; margin-top: 60px; }
.wheels-description-text:before, .wheels-shops:before, .wheels-reviews:before  { content: ''; border-top: 1px solid #eee; position: absolute; width: 9999px; left: 50%; margin-left: -4555px; margin-top: -30px; }
.wheels-description-top { display: grid;grid-template-areas: "post-1 post-2 post-5" "post-1 post-3 post-5" "post-1 post-4 post-5"; grid-template-columns: 40% 34% 1fr;grid-template-rows: auto auto 1fr; }
.extra-page .wheels-description-top { grid-template-columns: 200px 34% 1fr; }
.wheels-description-top .wdt-image { grid-area: post-1; display: flex; justify-content: center;}
.wheels-description-top .wdt-image .slider-for, .wheels-description-top .wdt-image .slider-nav { width: 380px; }
.wheels-description-top .rating-brandlogo { grid-area: post-2;}
.wheels-description-top .min_price {grid-area: post-3;}
.wheels-description-top .wheels-attributes { grid-area: post-4;}
.wheels-description-top .best_price_cnt { grid-area: post-5; justify-self: end; }
.wheels-description-top .best_price { width: 300px; }
.all_products_brand { margin-top: 30px; }


.wheels-options { margin-bottom: 30px; position: relative; }

.option-body-tr { display: grid; grid-template-columns: 70px 1fr 25% 250px 100px; -webkit-transition: background ease-out 70ms; -moz-transition: background ease-out 70ms; -o-transition: background ease-out 70ms; transition: background ease-out 70ms; }
.option-body-tr:hover { background: #f8f8f8; }
.option-body-tr > div { padding: 0px 0px 0 0px; height: 50px; display: flex; align-items: center; border-top: 1px solid #eee; }
.wheels-options .diam, .wheels-options .diam_empty { padding-left: 10px; font-weight: 600; font-size: 16px; text-align: center; }
.wheels-options .diam_empty { border-color: transparent; }
.wheels-options .name { padding-right: 20px }
.wheels-options .size {  }
.wheels-options .size a { color: #000; }
.wheels-options .cart {  padding-right: 10px; text-align: right; }
.wheels-options .cart a { width: 100%; padding: 0; }
.wheels-options .option-body .option-body-tr .price { font-weight: 700; font-size: 16px; }
.wheels-options .option-body .option-body-tr .price .price_prefix { font-size: 14px; padding-right: 5px; font-weight: 500; }
.wheels-options .option-body .option-body-tr .cart a span { color: #868686; font-size: 12px; padding-left: 5px; }
.option-head { background: #f7f7f7; font-size: 0.9em; color: #888; }
.option-head > div { padding: 12px 20px 12px 0; font-size: 13px; }


.wheels-options-sizes { display: flex; margin-bottom: 30px; }
.wheels-options-sizes .wheels-description-title { margin-bottom: 0; margin-right: 20px; }
.wheels-options-sizes ul { display: flex; }
.wheels-options-sizes ul li { margin: 0 12px; }
.wheels-options-sizes ul li a { display: block; line-height: 24px; padding: 3px 0; border-bottom: 2px solid transparent; }
.wheels-options-sizes ul li a.active { color: #000; border-bottom-color: #0066FF; }


.wheels-attributes { margin-bottom: 20px; } 
.wheels-attributes li { display: flex; justify-content: space-between; position: relative;margin: 0 0 8px 0; }
.wheels-attributes li:before { content: "";position: absolute;left: 0;right: 0;top: 10px;border-bottom: 1px dotted #ccc; }
.wheels-attributes li .name { color: #888; background: #fff; position: relative; padding-right: 10px; }
.wheels-attributes li .value { background: #fff; position: relative; padding-left: 10px; }
.wheels-attributes li .img {  float: left; display: block; margin-right: 7px; }
.wheels-attributes li .img img { width: 20px; display: block; }


.extra-page { width: 100%; }
.extra-page .wheels-image { margin-right: 0; }
.extra-page .wheels-image img { height: 120px; }
.extra-page .prices { flex-grow: 1; }
/*.extra-page .wheels-shops .params { width: 17%; }
.extra-page .wheels-shops .price { width: 17%; }*/
.extra-page .wheels-shops .wheels-search { width: 290px; }
.extra-page-filter li { padding: 4px 0; }
.extra-page-filter li a { display: block; padding-left: 30px; position: relative; font-size: 14px; }
.extra-page-filter li a:before { content: '';background: url(../images/check_radio.png) no-repeat; background-position: -100px 0;width: 20px;height: 20px; display: block; position: absolute; left:  0; }
.extra-page-filter li a:hover:before, .extra-page .filter li.active a:before { background-position: -140px 0; }
.extra-page-filter li.active a { color: #000; }
.extra-page-filter .scrollert { height: 500px; }
.extra-page .brandlogo { padding: 10px 0; }
.extra-page .wheels-attributes { margin-bottom: 0; } 


.region-load { width: 400px; }
.region-load .title { font-size: 18px; }
.region-load .title span { font-weight: 600; }
.region-load-search { margin-bottom: 10px; }
.region-load .scrollert { height: 190px; }
.region-load ul { padding-left: 10px; }
.region-load ul li { padding: 1px 0; }
.region-load ul li a { padding: 2px 0; display: inline-block; }


.login-form-popup { width: 400px; }
.login-form-popup .title { border-bottom: 2px solid #167ac5; margin: -44px; margin-bottom: 44px; padding: 30px 44px; }
.login-form-popup .field-row-footer { margin: 30px -44px -44px -44px; background: #f9f9f9; border-top: 1px solid #eee; padding: 30px; }
.login-form-cnt { width: 400px; margin: 0 auto; }
.login-form-cnt .field-row-footer { margin-top: 30px; border-top: 1px solid #eee; padding: 30px 0; }
.cabinet-cnt { margin: 0 }

.field-row {  }
.field-title { padding-bottom: 7px; }
.field { padding-bottom: 20px; position: relative; }


.common-popular { border-bottom: 1px solid #f0f0f0;padding: 30px 0; }
.common-popular .slick-list {  }
.common-popular .wheels-td-cnt { margin: 0; border-right: 0 }
.common-popular .wheels-td.slick-current  .wheels-td-cnt { border-left: 0; }
.common-popular .wheels-td-cnt:hover { box-shadow: none; border-color: #eee; }
.common-popular .title { display: flex; justify-content: space-between; align-items: center; }
.common-brands-list { margin-bottom: 30px; overflow: hidden; }
.common-brands-list .td { padding: 0; height: 100%; float: left; width: 20%; }
.common-brands-list .td .cnt { border: 0; margin: 10px;position: relative; background: #f7f7f7; border-radius: 3px; }
.common-brands-list .td .cnt:hover { background: #f3f3f3; }
.common-brands-list .td .cnt .img img {  mix-blend-mode: multiply; }
.common-brands-list .img { display: flex; justify-content: center; }
.common-brands-list .img img { display: block; }
.common-brands-list .slick-list { border: 0; }
/*.common-brands-list .slick-prev, .common-brands-list .slick-next { background: #f0f0f0;height: 100%;width: 30px; }*/
.common-brands-list .row-carousel { margin: 0 30px; }
/*.common-brands-list .slick-prev { left: -30px; }
.common-brands-list .slick-next { right: -30px; }
.common-brands-list .slick-prev:hover, .common-brands-list .slick-prev:focus, .common-brands-list .slick-next:hover, .common-brands-list .slick-next:focus { background: #f0f0f0; }*/
.common-brands-list .slick-prev, .common-brands-list .slick-next { background: none; box-shadow: none; }
.common-brands-list .slick-prev { left: -40px; }
.common-brands-list .slick-next { right: -40px; }
.common-brands-list .slick-prev:hover, .common-brands-list .slick-next:hover { background: none; }
.common-brands-list .slick-prev:before, .common-brands-list .slick-next:before { font-family: 'Font Awesome 5 Free'; color:#000;font-weight: 700;    font-size: 14px; }
.common-brands-list .slick-prev:hover:before, .common-brands-list .slick-next:hover:before { color: #0066FF; }
.common-brands-list .slick-prev:before { content: '\f053'; } 
.common-brands-list .slick-next:before { content: '\f054'; } 


footer { background: #f6f6f7; padding: 50px 0; }
footer .title { padding-bottom: 15px; }
footer .title h5 { font-size: 1.1em; font-weight: 700; }
footer ul li { padding: 5px 0; }
footer ul li a { color: #555; }
footer ul li a:hover { color: #0066FF; }
footer .logo { margin-bottom: 20px; }
footer .logo img { width: 125px; }
footer .info { margin-bottom: 30px; font-size: 0.9em; color: #555; }
footer .copy { color: #999; font-size: 0.9em; }
footer .mailto { font-size: 0.9em; margin-bottom: 30px; color: #555;  }
footer .mailto a { white-space: nowrap; color: #000; }
footer .mailto a i { padding-right: 5px; }


.wheels-shops { margin-bottom: 30px; }
.wheels-shops .tr { display: grid; grid-template-columns: 90px 1fr 26% 230px 105px; border-bottom: 1px solid #eee; padding: 15px 15px;-webkit-transition: background ease-out 70ms; -moz-transition: background ease-out 70ms; -o-transition: background ease-out 70ms; transition: background ease-out 70ms; }
.wheels-shops .tr:last-child { border-bottom: 0; }
.wheels-shops .tr:hover { background: #f8f8f8; }
.wheels-shops .img { width: 70px; height: 70px; display: flex; }
.wheels-shops .img a { width: 100%;display: flex; align-items: center; justify-content: center; }
.wheels-shops .img img { max-height: 100%; width: auto;mix-blend-mode: multiply; }
.wheels-shops .content { margin-right: 20px; }
.wheels-shops .name { font-weight: 600; margin-bottom: 5px; line-height: 15px; }
.wheels-shops .name a { color: #000; }
.wheels-shops .name a:hover { color: #0066FF; }
.wheels-shops .desc { font-size: 13px; line-height: 15px; margin-bottom: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 15px; }
.wheels-shops .desc.wrap { white-space: normal; }
.wheels-shops .desc.clickable { cursor: pointer; }
.wheels-shops .desc.clickable:hover { color: #555; }
.wheels-shops .site { font-size: 13px; display: flex; align-items: center }
.wheels-shops .site a:hover { color: #000; }
.wheels-shops .site .confirmed { background: url(../images/ico-confirmed.svg) no-repeat; margin-left: 7px; background-size: contain; width: 20px; height: 20px; display: inline-block; }
.wheels-shops .go { width: 110px; padding-left: 10px; }
.wheels-shops .price { font-size: 18px; font-weight: 700; }
.wheels-shops .price_dop { font-size: 11px; color: #555; }
.wheels-shops .params { margin: 0 20px 0 0; font-size: 12px; line-height: 14px; }
.wheels-shops-empty { margin-bottom: 30px; font-size: 18px; font-weight: 700; }
.wheels-shops-cnt { flex-wrap: nowrap }


.wheels-reviews { margin-bottom: 30px; }
.wheels-reviews .title { min-height: 70px; }
.wheels-reviews .title .count { font-size: 18px; font-weight: 600; padding-top: 4px; padding-left: 15px; }
.wheels-reviews .top { margin: 10px 0; }
.wheels-reviews .rating { font-size: 13px; }
.wheels-reviews .rating ul { display: flex; margin-right: 10px; }
.wheels-reviews .rating ul li { margin: 0 2px 0 0; display: block; }
.wheels-reviews .rating ul li:before { content: '\f005'; font-family: 'Font Awesome 5 Free';font-weight: 700; font-size: 14px; color:#cccccc; display: block; height: 16px; width: 16px; }
.wheels-reviews .rating ul li.full:before { color: #fab600;font-weight: 700;  }
.wheels-reviews-list .tr { border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 30px; }
.wheels-reviews-list .tr:last-child { border-bottom: 0; margin-bottom: 0; }
.wheels-reviews-list .tr .pros, .wheels-reviews-list .tr .cons, .wheels-reviews-list .tr .text { margin-bottom: 15px; }
.wheels-reviews-list .tr .pros span, .wheels-reviews-list .tr .cons span, .wheels-reviews-list .tr .text span { font-weight: 700; display: block; }
.wheels-reviews-list .tr .date { color: #787878 }
.wheels-reviews-list .detail { margin-left: 30px; color: #333 }
.wheels-reviews-list .name { font-weight: 700; }
.wheels-reviews-list .name_detail { margin-left: 30px; font-weight: 700; margin-bottom: 20px; }
.wheels-reviews-list .detail .rating { margin: 0 0 10px 0; }



.review-add-cnt { display: none; }
.review_add { padding: 30px; margin-bottom: 30px; border: 1px solid #eee; max-width: 1000px; margin: 0 auto 30px; position: relative; }
.review_add .close { font-size: 20px; position: absolute; right: 10px; top: 10px; color: #000; }
.review_add .close:hover { color: #999; }
.review_add .title { font-size: 22px; }
.review_add .field-row { display: flex; align-items: center; padding-bottom: 20px; }
.review_add .field-row.border { border-bottom: 1px solid #eee; margin-bottom: 20px; }
.review_add .field-row .field-title { width: 180px; text-align: right; margin-right: 20px; padding-bottom: 0; }
.review_add .field-row .field { padding-bottom: 0;    flex-grow: 1; }
.review_add textarea { height: 120px; width: 100%; }


.admin_edit { position: absolute; top: 2px; left: 2px; display: none; z-index: 2 }
.admin_edit:after { content: '\f044'; font-family: 'Font Awesome 5 Free';font-size: 18px;  }
.wheels-td:hover .admin_edit { display: block; }
.wheels-td-cnt.edit-active { background-color: #ffffd6; }
.title .admin_edit { display: block; position: relative; float: left; top: 0; left: 0; margin-right: 10px; }


.fancybox-is-open .fancybox-bg { opacity: 0.5 !important }


.loading  { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: none; }
#content_load .loading  { display: block; }
.loading:before { content: ''; background: #fff; opacity: 0.75;position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.fa-spin { position: absolute; font-size: 32px; color: #0066FF;
      margin: 100px 0 0 -16px;    left: 50%;
  text-align: center;
}


.arrow-menu { position: relative; }
.btn-actions-carret { display: inline-block; width: 0; height: 0; vertical-align: middle; 
                      border-top: 4px solid #ffffff; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.btn-sub {display: none; position: absolute; background: #ffffff; text-align: left; z-index: 5; max-width: 200px; 
         border-top: 3px solid #0066FF;box-shadow: 0 0 15px 0 rgba(0,0,0,.10); list-style: none; margin: 10px 0 0 !important; padding: 5px 0 !important; left: 0; }
.arrow-menu.right .btn-sub { right: 0; left: auto; }
/*.btn-sub:after {
  position: absolute;
  top: -8px;
  left: 5px;
  right: auto;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #0066FF;
  border-left: 7px solid transparent;
  content: '';
}*/
.btn-sub li a { color: #333333; display: block; padding: 7px 15px; }
.btn-sub li a:hover { color: #0066FF; background: #fcfcfc }
.btn-sub li a i { margin-right: 5px }
.btn-sub .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.btn-actions-active .btn-sub { display: block }

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.menu-burger {position: relative; width: 25px;height: 29px; cursor: pointer; flex-shrink: 0;margin-left: 20px;}
.menu-burger span, .menu-burger:after, .menu-burger:before{height: 3px;width: 100%;position: absolute;background: #000;margin: 0 auto;}
.menu-burger span{top: 13px;}
.menu-burger:after, .menu-burger:before{ content: '';}
.menu-burger:after{bottom: 5px;}
.menu-burger:before{top: 5px;}

.slideout-menu {background: #fff; padding: 30px 20px 20px; box-shadow: 0 1px 2px rgba(0, 0, 0, 1);position: fixed;top: 0;bottom: 0; width: 320px;min-height: 100vh;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 0;display: none;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {position: relative;z-index: 1;background-color: #FFF;min-height: 100vh;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; }
.slideout-menu.slideout-open { display: block; }
.slideout-menu ul { margin: 0; padding: 0; list-style: none; }
.slideout-menu > ul { margin: 0 0 20px 0; }
.slideout-menu .phone a { color: #fff; font-weight: 700; font-size: 16px; }
.slideout-menu > .phone { margin-bottom: 10px; }
.slideout-menu .shm { margin-top: 20px; }
.slideout-menu .shm a { margin-bottom: 10px; }

.slideout-filter {background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 1); display: none;position: fixed;top: 0;bottom: 0; width: 320px;min-height: 100vh;overflow-y: scroll;-webkit-overflow-scrolling: touch;z-index: 0;display: none;}
.slideout-filter-left {left: 0;}
.slideout-filter-right {right: 0;}
.slideout-open.slideout-filter { display: block; }
.slideout-filter .wheels-search { padding: 20px 20px 40px; width: auto; margin-right: 0 }
.slideout-filter .catalog-filters .filter-auto { background: #414c52 }

.filter-button { margin: -15px 0 15px; }


.file-upload {    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     position: relative; /* Даем возможность делать позиционирование, внутри данного элемента */
     overflow: hidden; /* Все что выходит за пределы - скрываем */
     width: 200px;
     min-width: 160px; /* Задаем ширину кнопки выбора файла */
     height: 40px;
     line-height: 40px;
     background: #f7f7f7; border: 1px solid #e7e7e7;
     border-radius: 2px;
     text-align: center;
}
.file-upload:hover {
    background-color: #f3f3f3;
}
.file-upload:focus, .file-upload:active {
    background-color: #f0f0f0;
}
.file-upload span { color: #333; }
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
     /* Растягиваем label на всю возможную площадь блока .file-upload */
     display: block;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     cursor: pointer;
}
.file-upload i { padding-right: 10px; }
/*.queue { background: url(../images/spinner_load.gif) no-repeat; height: 13px; margin: 10px 0; }*/

#business_cnt_yml > div { margin: 0 0 2px 0 }
.business-region-list { max-height: 500px; overflow-y: scroll; }

.faq-id .text { line-height: 1.5 }
.faq-id .filter-cnt .td { margin-bottom: 5px; }
ul.faq-list li { margin-bottom: 10px; display: flex; align-items: center; }
ul.faq-list li a { font-size: 1.05em }
ul.faq-list li i { font-size: 8px; padding-right: 8px; color: #999; }


@media (max-width: 1380px) {
    .wheels-list .slick-next {right: -10px !important;}
    .wheels-list .slick-prev { left: -10px !important;}
    
    .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-1 post-4" "post-1 post-5"; grid-template-columns: 45% 40%;grid-template-rows: auto auto auto 1fr; }
    .extra-page .wheels-description-top { grid-template-areas: "post-1 post-2 post-5" "post-1 post-3 post-5" "post-1 post-4 post-5"; grid-template-columns: 200px 40% 1fr; }
    .wheels-description .best_price { margin: 15px 0 0 0; }
    .wheels-description .best_price .title { padding: 15px; }
    .wheels-description .best_price .text { padding: 0 15px 10px;}
    .wheels-description .best_price .bottom { padding: 10px 15px; }
    .wheels-description-top .best_price_cnt { justify-self: auto; }
    .extra-page .wheels-description-top .best_price_cnt { justify-self: end; }
    .wheels-shops .tr { grid-template-columns: 90px 1fr 20% 180px 105px; }
    .wheels-td .img img { height: 100%;aspect-ratio: 1 / 1; }
}   


/* XL */
@media (max-width: 1290px) {
/*    body {
        margin-left: calc(100vw - 100%);
        margin-right: 0;
    }*/
    .hide-xl { display: none; }
    .show-xl { display: inherit; }   
    .col-xl-1 { width: 8.3334%; }.col-xl-2 { width: 20%; }.col-xl-3 { width: 25%; }.col-xl-4 { width: 33.3334%; } .col-xl-45 { width: 37.5%; }.col-xl-5 { width: 41.6667%; }.col-xl-6 { width: 50%; }.col-xl-7 { width: 58.3334%; }.col-xl-8 { width: 66.6667%; }.col-xl-9 { width: 75%; }.col-xl-10 { width: 80%; }.col-xl-11 { width: 91.6667%; }.col-xl-12 { width: 100%; }
    
    
    .common-popular { border-bottom: 0; padding-bottom: 0 }
}

/* L */
@media (max-width: 1180px) {
    .hide-l { display: none; }
    .show-l { display: inherit; }   
    .col-l-1 { width: 8.3334%; }.col-l-2 { width: 20%; }.col-l-3 { width: 25%; }.col-l-4 { width: 33.3334%; } .col-l-45 { width: 37.5%; }.col-l-5 { width: 41.6667%; }.col-l-6 { width: 50%; }.col-l-7 { width: 58.3334%; }.col-l-8 { width: 66.6667%; }.col-l-9 { width: 75%; }.col-l-10 { width: 80%; }.col-l-11 { width: 91.6667%; }.col-l-12 { width: 100%; }
    
    
}

/* M */
@media (max-width: 992px) {
    .hide-m { display: none; }
    .show-m { display: inherit; }    
    .flex-m { display: flex; }
    .col-m-1 { width: 8.3334%; }.col-m-2 { width: 20%; }.col-m-3 { width: 25%; }.col-m-4 { width: 33.3334%; } .col-m-45 { width: 37.5%; }.col-m-5 { width: 41.6667%; }.col-m-6 { width: 50%; }.col-m-7 { width: 58.3334%; }.col-m-8 { width: 66.6667%; }.col-m-9 { width: 75%; }.col-m-10 { width: 80%; }.col-m-11 { width: 91.6667%; }.col-m-12 { width: 100%; }

    .menu-burger { margin-left: 0; margin-right: 25px; }
    .header-top .search { flex-grow: 0 }
    .header-top .search img { width: 24px; }
    .header-top .search { margin: 0 20px; }
    .header-top .regions { margin-right: 20px; }
    .header-top .logo { width: 200px; }
    .region-load ul li { padding: 1px 0; }
    .region-load .scrollert { height: 200px; }
    
    .slideout-menu > ul {  margin: 0 -20px; }
    .slideout-menu ul a { color: #000; font-size: 14px; font-weight: 700; display: block; padding: 10px 0; border-bottom: 1px solid #eee; }
    .slideout-menu ul li { line-height: normal; }
    .slideout-menu ul li.parent > a { display: none !important; }
    .slideout-open .slideout_close { position: fixed; top: 10px; left: 295px; width: 20px; height: 20px; cursor: pointer; background: url(../images/ico-close-w.svg) no-repeat; display: flex; justify-content: flex-end }
    .slideout-open #panel:after {content: ''; position: fixed;top: 0; bottom: 0;left: 0;right: 0; z-index: 10;background: #000;opacity: 0.5;}
    .slideout-open .slideout_close.bottom { bottom: 0; background: #f7f7f7; left: 0; width: 320px; padding: 10px 0; top: auto;height: auto;justify-content: center; }
    
    #menu .login { margin-top: 20px;display: flex; }
    #menu .login > a { color: #333 }
    #menu .login > i { margin-right: 10px; background-image: url(../images/icons/user.svg); }
    
    footer { padding: 20px 0; }
    footer .logo { display: none; }
    footer .info { margin-bottom: 10px; margin-top: 20px; }
    /*footer .info-site { order: -1 }*/
    
    .wheels-options .option-body .option-body-tr .price { font-size: 14px; }
    .option-head.option-body-tr > div { height: 30px; }
    
    .wheels-shops .price { font-size: 16px; }
    /*.wheels-description > .row { flex-wrap: wrap; }*/
    
    .wheels-description-top { grid-template-columns: 50% 1fr;grid-template-rows: auto auto auto 1fr; }
    .extra-page .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-1 post-4" "post-1 post-5";grid-template-columns: 50% 1fr; }
  
    .review_add { padding: 15px; }
    .review_add .title { font-size: 18px; font-weight: 700; }
    .wheels-reviews .title { min-height: auto; padding-bottom: 15px; } 
    .review_add .field-row { padding-bottom: 10px; }
    .review_add textarea { height: 70px; }
    .review_add .field-row-empty { display: none; }
    .wheels-reviews-list .detail .rating { font-size: 12px; }
    .wheels-reviews-list .name_detail { margin-left: 0; margin-bottom: 5px; }
    .wheels-reviews-list .detail { margin-left: 0; }
    .wheels-reviews-list .detail .rating { margin: 0 0 5px }
    .wheels-reviews-list .tr { margin-bottom: 20px; }
    .wheels-reviews-list .tr .pros, .wheels-reviews-list .tr .cons, .wheels-reviews-list .tr .text {margin-bottom: 10px;}
} 

@media (max-width: 900px) {
    .hide-900 { display: none; }
    .show-900 { display: inherit; }  
    .col-900-1 { width: 8.3334%; }.col-900-2 { width: 20%; }.col-900-3 { width: 25%; }.col-900-4 { width: 33.3334%; } .col-900-45 { width: 37.5%; }.col-900-5 { width: 41.6667%; }.col-900-6 { width: 50%; }.col-900-7 { width: 58.3334%; }.col-900-8 { width: 66.6667%; }.col-900-9 { width: 75%; }.col-900-10 { width: 80%; }.col-900-11 { width: 91.6667%; }.col-900-12 { width: 100%; }
    
    .option-body-tr > div.hide-900 { display: none }
    
    .option-body-tr { grid-template-columns: 40px 1fr 200px 90px; }
    .wheels-options .size a { color: #0066FF; }
    .wheels-options .diam, .wheels-options .diam_empty { font-size: 14px; padding-left: 0; }
    .wheels-options .cart { padding-right: 0; }
    
    .wheels-image img {max-width: 100%;}
    
    .wheels-shops .tr {grid-template-columns: 90px 1fr 20% 100px 90px; padding: 15px 0}
    .wheels-description-top .wdt-image .slider-for, .wheels-description-top .wdt-image .slider-nav { width: 300px; }
}

/* S */
@media (max-width: 767px) {
    body, input, textarea, select, option, button { font-size: 13px; }
    
    .hide-s { display: none; }
    .show-s { display: inherit; }    
    .col-s-1 { width: 8.3334%; }.col-s-2 { width: 20%; }.col-s-3 { width: 25%; }.col-s-4 { width: 33.3334%; } .col-s-45 { width: 37.5%; }.col-s-5 { width: 41.6667%; }.col-s-6 { width: 50%; }.col-s-7 { width: 58.3334%; }.col-s-8 { width: 66.6667%; }.col-s-9 { width: 75%; }.col-s-10 { width: 80%; }.col-s-11 { width: 91.6667%; }.col-s-12 { width: 100%; }
    
    .breadcrumbs ul::-webkit-scrollbar {width: 0px; background: transparent }
    .breadcrumbs ul::-webkit-scrollbar-thumb {background: #FFF;}
    
    .main { padding: 0 1vw; }
    .title h1 { font-size: 24px; }
    .title h2 { font-size: 22px; }
    .header-top { padding-top: 0; padding-bottom: 10px; }
    .header-top .main { padding: 0 }
    .header-top .regions {order: -1;width: 100%; color: #fff; padding: 5px 0; margin: 0 0 0 10px; }
    .header-top .logo { width: 150px; }
    .header-top .search { flex-grow: 0; margin-left: 0 }
    .search-form .title { display: block; }
    .header-top .login { display: none; }
    .breadcrumbs { padding-top: 20px; }
    .common-brands-list { margin: 0 -1vw; }
    .common-brands-list .td .cnt { margin: 1vw; }
    .common-popular { padding-bottom: 0; }
    .common-popular .title { flex-direction: column; align-items: flex-start; padding-bottom: 15px; }
    .common-brands-list { margin-bottom: 15px; }
    .menu-burger { margin-left: 20px; margin-right: 0px; }
    .region-load .title { padding-bottom: 15px;padding-right: 25px; }
    .header-top a.dotted { display: inline; font-size: 11px; }
    .header-top .regions i, .header-top .login i, .header-top .search i { margin: 2px 5px 2px 14px; width: 16px; height: 16px; }
    
    .brands-td .name a { font-size: 12px; }
    .wheels-tab { margin-bottom: 20px; }
    .wheels-td-cnt { padding: 10px; }
    .wheels-td .price { font-size: 14px; }
    /*.wheels-td .img img { max-width: 120px; }*/
    .wheels-td .name { height: 58px; font-size: 13px; } 
    .wheels-td .offers { margin-bottom: 0; font-size: 0.85em; }
    .wheels-td .rating { margin: 0;font-size: 0.85em; }
    .wheels-td .season {top: 10px;left: 10px;}
    
    .btn, a.btn { height: 32px; line-height: 32px; padding: 0 10px; font-size: 13px; }
    .wheels-options-sizes { width: 98vw; flex-wrap: wrap; }
    .wheels-options-sizes ul { overflow-x: scroll; }
    .wheels-options-sizes ul li:first-child { margin-left: 0;     white-space: nowrap; }
    .wheels-tab ul li a, .wheels-tab ul li > span { height: 40px; line-height: 40px; padding: 0 15px; }
    .wheels-tab { width: 98vw; }
    .breadcrumbs { width: 98vw; }
    .breadcrumbs ul { overflow-x: auto;white-space: nowrap; display: flex; padding-bottom: 4px;scroll-snap-type: x mandatory;}
    .breadcrumbs ul li { scroll-snap-align: start; }
    .wheels-tab ul { overflow-x: auto; overflow-y: hidden; padding-bottom: 4px; border-bottom: 0;scroll-snap-type: x mandatory; }
    .wheels-tab ul li { scroll-snap-align: start; }
    
    .search-form .title { padding: 15px 20px;margin: -20px;margin-bottom: 20px; }
    .fancybox-content { padding: 20px !important; }
    .common-brands-list .row-carousel {margin: 0}
    .common-brands-list .td { width: 33.3334% }
    .option-body-tr > div { height: 40px; }
    .wheels-options .cart .btn { height: 28px; line-height: 28px; }
    
    .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-1 post-4" "post-1 post-5"; grid-template-columns: 40% 1fr; }
    .extra-page .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-1 post-4" "post-1 post-5"; grid-template-columns: 40% 1fr;  }
    .extra-page .wheels-description-top .best_price_cnt {justify-self: auto;}
    .wheels-description-top .best_price { width: 100%; }
    .wheels-description .best_price .title { padding: 10px; font-size: 0.8em }
    .wheels-description .best_price .text { padding: 0 10px 5px;}
    .wheels-description .best_price .bottom { padding: 5px 10px; }
    .wheels-description .rating-brandlogo { margin-bottom: 10px; }
    .wheels-description .wheels-attributes { margin-bottom: 0px; }
    .wheels-description-text, .wheels-shops, .wheels-reviews { margin-top: 0; } 
    .wheels-description-text:before, .wheels-shops:before, .wheels-reviews:before { display: none; }
    .wheels-reviews { margin-bottom: 0px; }
    .wheels-reviews .title { padding-bottom: 15px; }
    .wheels-description-top .wdt-image .slider-for, .wheels-description-top .wdt-image .slider-nav { width: 35vw; }
    
    .wheels-shops .tr { grid-template-areas: "post-2 post-6" "post-3 post-6"; grid-template-columns: 1fr 300px; grid-template-rows: auto 1fr; }
    .wheels-shops .tr .img { grid-area: post-1; display: none; }
    .wheels-shops .tr .content { grid-area: post-2; }
    .wheels-shops .tr .params { grid-area: post-3; }
    .wheels-shops .tr .prices { grid-area: post-4;display: none; }
    .wheels-shops .tr .go { grid-area: post-5; display: none;}
    .wheels-shops .tr .company_info { grid-area: post-6;background: #f8f8f8; padding: 10px; margin: -10px;  }
    .wheels-shops .wheels-shops-list .tr { border: 1px solid #ececec; padding: 10px; border-radius: 3px; margin-bottom: 2vw; }
    .wheels-shops .site { display: none; }
    .wheels-shops .company_info-price { margin: 10px 0; font-weight: 700; font-size: 16px; }
    .wheels-shops .company_info-bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    .wheels-shops .company_info-bottom .button { text-align: right; }
    .wheels-shops .company_info-img { width: 70px;mix-blend-mode: multiply; }
    .wheels-shops .company_info-site { font-size: 12px; padding-top: 5px; }
}

@media (max-width: 600px) {
    .hide-600 { display: none; }
    .show-600 { display: inherit; }  
    .col-600-1 { width: 8.3334%; }.col-600-2 { width: 20%; }.col-600-3 { width: 25%; }.col-600-4 { width: 33.3334%; } .col-600-45 { width: 37.5%; }.col-600-5 { width: 41.6667%; }.col-600-6 { width: 50%; }.col-600-7 { width: 58.3334%; }.col-600-8 { width: 66.6667%; }.col-600-9 { width: 75%; }.col-600-10 { width: 80%; }.col-600-11 { width: 91.6667%; }.col-600-12 { width: 100%; }
    
    
    .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-4 post-4" "post-5 post-5"; grid-template-columns: 50% 1fr; }
    .extra-page .wheels-description-top { grid-template-areas: "post-1 post-2" "post-1 post-3" "post-4 post-4" "post-5 post-5"; grid-template-columns: 50% 1fr; }
    .wheels-attributes { margin: 15px 0 }
    .wheels-image { margin-right: 15px; }
    .wheels-description-top .rating-brandlogo { justify-content: flex-start; flex-direction: column; align-items: flex-end }
    .wheels-description-top .min_price { text-align: right }
    
    .option-head { display: none; }
    .wheels-options .option-body .option-body-tr { grid-template-areas: "post-1 post-2 post-4" "post-1 post-3 post-4"; grid-template-columns: 30px 1fr 80px; }
    .wheels-options .option-body .diam { grid-area: post-1;align-self: start;padding-top: 6px; }
    .wheels-options .option-body .size { grid-area: post-2; padding: 6px 0 4px;font-size: 1.1em;font-weight: 500; }
    .wheels-options .option-body .price { grid-area: post-3; color: #343434; border-top: 0; padding: 0 0 6px;font-size: 13px !important;font-weight: 500 !important; }
    .wheels-options .option-body .cart { grid-area: post-4; }
    .option-body-tr > div { height: auto; }
    .wheels-options .option-body .option-body-tr .price .price_prefix { font-size: 13px;font-weight: 400; }
    
    .wheels-shops .tr { grid-template-areas: "post-2" "post-3" "post-6"; grid-template-columns: 1fr; }
    .wheels-shops .tr .company_info { margin-top: 10px; }
    
    .review_add .field-row { flex-direction: column; }
    .review_add .field-row .field-title { width: 100%; text-align: left; margin-right: 0; padding-bottom: 2px; }
    .review_add .field-row .field { width: 100%; }
    .review_add .field-row-button .field-title { display: none; }
    .review_add .field-row-button { padding-bottom: 0; }
    .review_add {padding: 10px;}
}

/* XS */
@media (max-width: 500px) {
    .hide-xs { display: none; }
    .show-xs { display: inherit; }    
    .col-xs-1 { width: 8.3334%; }.col-xs-2 { width: 20%; }.col-xs-3 { width: 25%; }.col-xs-4 { width: 33.3334%; } .col-xs-45 { width: 37.5%; }.col-xs-5 { width: 41.6667%; }.col-xs-6 { width: 50%; }.col-xs-7 { width: 58.3334%; }.col-xs-8 { width: 66.6667%; }.col-xs-9 { width: 75%; }.col-xs-10 { width: 80%; }.col-xs-11 { width: 91.6667%; }.col-xs-12 { width: 100%; }

    .main { padding: 0 2vw; }
    .common-brands-list .td .cnt { padding: 5px; }
    .common-brands-list .slick-prev, .common-brands-list .slick-next { width: 20px !important; height: 20px !important; }
    .common-brands-list .slick-next { right: -15px; }
    .common-brands-list .slick-prev { left: -15px; }
    
    .wheels-options-sizes { width: 96vw;}
    .wheels-tab {  width: 96vw; }
    .breadcrumbs {  width: 96vw; }
    .login-form-cnt { width: 96vw; }
    .not_found_cnt-404 { font-size: 9em; }
    
    .wheels-description .rating { flex-direction: column;width: 150px;  }
    .wheels-description .rating ul { margin: 0 0 5px; }
    .rating-brandlogo .brandlogo {     width: 150px; display: flex; justify-content: center; }
    
}

@media (max-width: 359px) {
    
    .wheels-td .offers span { display: block; }
    .wheels-td .offers span:before { content: '' }
}