/*@import url('https://fonts.googleapis.com/css?family=Material+Icons|Noto+Sans:400,700&subset=cyrillic')*/
@import url('/assets/css/googlefonts.css');
/* NORMALIZE */
html {
        font-family: Manrope, sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
}

body {
        margin: 0
}

article,aside,details,/* 1 */
figcaption,figure,footer,header,main,/* 2 */
menu,nav,section,summary {
        display: block
}

audio,canvas,progress,video {
        display: inline-block
}

audio:not([controls]) {
        display: none;
        height: 0
}

progress {
        vertical-align: baseline
}

template,/* 1 */
[hidden] {
        display: none
}

a {
        background-color: transparent;
        -webkit-text-decoration-skip: objects
}

a:active,a:hover {
        outline-width: 0
}

abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
}

b,strong {
        font-weight: inherit;
        font-weight: bolder
}

dfn {
        font-style: italic
}

h1 {
        font-size: 3em;
        margin: .67em 0
}

@media (max-width: 900px) {
h1 {
        font-size: 1.8em;
        margin: .67em 0;
        line-height: 40px;
        font-weight: 600;
}
}

mark {
        background-color: #ff0;
        color: #000
}

small {
        font-size: 80%
}

sub,sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
}

sub {
        bottom: -.25em
}

sup {
        top: -.5em
}

img {
        border-style: none
}

svg:not(:root) {
        overflow: hidden;
}

code,kbd,pre,samp {
        font-family: monospace,monospace;
        font-size: 1em
}

figure {
        margin: 1em 40px
}

hr {
        box-sizing: content-box;
        height: 0;
        overflow: visible
}

button,input,optgroup,select,textarea {
        font: inherit;
        margin: 0
}

optgroup {
        font-weight: 700
}

button,input {
        overflow: visible
}

button,select {
        text-transform: none
}

button,html [type="button"],/* 1 */
[type="reset"],[type="submit"] {
        -webkit-appearance: button
}

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText
}

fieldset {
        border: 1px solid silver;
        margin: 0 2px;
        padding: .35em .625em .75em
}

legend {
        box-sizing: border-box;
        color: inherit;
        display: table;
        max-width: 100%;
        padding: 0;
        white-space: normal
}

textarea {
        overflow: auto
}

[type="checkbox"],[type="radio"] {
        box-sizing: border-box;
        padding: 0
}

[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {
        height: auto
}

[type="search"] {
        -webkit-appearance: textfield;
        outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
}

::-webkit-input-placeholder {
        color: inherit;
        opacity: .54
}

::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
}

/* MAIN.CSS */
@keyframes spin {
        from {
                transform: rotate(0deg);
        }

        to {
                transform: rotate(360deg);
        }
}

@-webkit-keyframes spin {
        from {
                -webkit-transform: rotate(0deg);
        }

        to {
                -webkit-transform: rotate(360deg);
        }
}

html {
        font-size: 62.5%;
        height: 100%;
        background: #1C1C20;
        color: #5b5956;
        min-width: 320px;
        -webkit-font-smoothing: antialiased;
}

body {
        font: 160%/1.6 'Manrope', sans-serif;
        font-weight: 400;
        height: 100%;
        min-width: 320px;
        background: #1C1C20;
        color: rgba(255, 255, 255, 0.60);
}

a {
        color: #009142;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
        /* color: #009142; */
}

h2, .h2 {
        font-size: 2.8rem;
        color: #fff;
        margin: 0px 0 30px;
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
        font-weight: 500;
}

@media (max-width: 900px) {
h2, .h2 {
        font-size: 1.4em;
}
}

h3, .h3 {
        font-size: 2.6rem;
        color: #fff;
        margin: 30px 0 20px;
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
        position: relative;
        z-index: 1;
}

@media (max-width: 900px) {
h3, .h3 {
        font-size: 1.2em;
        font-weight: 400;
}
}

p {
        margin: 0.75em 0;
}

input[type="email"] {
  width: 100%;
  padding: 6px 12px;
  font-size: 1.4rem;
  color: #cecece;
  background: #49494d;
  border: 1px solid #828282;
  border-radius: 10px;
  box-sizing: border-box;
}

input[type="email"]::placeholder {
  color: #acacac;
}


::-webkit-input-placeholder {
        color: #acacac;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        opacity: 1;
        transition: all 1s ease
}

::-moz-placeholder {
        color: #acacac;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        opacity: 1;
        transition: all 1s ease
}

:-moz-placeholder {
        color: #acacac;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        opacity: 1;
        transition: all 1s ease
}

:-ms-input-placeholder {
        color: #acacac;
        text-shadow: 0 0 0 rgba(0,0,0,0);
        opacity: 1;
        transition: all 1s ease
}

:focus::-webkit-input-placeholder {
        color: transparent;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.5s ease
}

:focus::-moz-placeholder {
        color: transparent;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.5s ease
}

:focus:-moz-placeholder {
        color: transparent;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.5s ease
}

:focus:-ms-input-placeholder {
        color: transparent;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
        opacity: 0;
        transition: all 0.5s ease
}

::-webkit-inner-spin-button {
        display: none;
}

::-webkit-clear-button {
        display: none
}

::-webkit-calendar-picker-indicator {
        opacity: 0;
        cursor: pointer;
        display: inline-block;
        width: 15px;
        height: 20px;
        margin-right: -10px
}

.hint[data-hint] {
        float: right;
        margin-left: 5px;
        height: 24px;
        line-height: 24px;
        width: 24px;
        text-align: center;
        background: #c0c0ba;
        border-radius: 100%;
        color: #898989;
        font-size: 1.3rem;
        font-weight: bold;
        text-decoration: none;
        position: relative
}

.hint[data-hint]:before {
        content: attr(data-hint);
        position: absolute;
        z-index: 2;
        left: -12px;
        top: -12px;
        padding: 15px 20px 15px 50px;
        text-align: left;
        font-weight: normal;
        color: #666;
        line-height: 1.2;
        text-align: left;
        font-size: 1.5rem;
        background: #ECE8E1;
        border-radius: 20px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.25);
        min-width: 250px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotateY(-75deg) scale(0.75);
        transform: rotateY(-75deg) scale(0.75);
        transition: all 0.5s ease;
        -webkit-transform-origin: 0% 0%;
        transform-origin: 0 25px
}

.hint[data-hint]:after {
        content: '';
        position: absolute;
        left: -2px;
        top: -2px;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: #ECE8E1 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzY2NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgMTJsLTIgMi01LTUtNSA1LTItMiA1LTUtNS01IDItMiA1IDUgNS01IDIgMi01IDV6Ii8+PC9zdmc+) center center no-repeat;
        border: 2px #666 solid;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
        transition: all 0.5s ease
}

.hint-active[data-hint]:before, .hint-active[data-hint]:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: rotate(0deg) scale(1);
        transform: scale(1)
}

form {
        margin: 0;
        padding: 0;
        border: 0;
        max-width: 770px
}

form fieldset {
        margin: 0;
        padding: 0;
        border: 0
}

form .fieldList {
        margin: 0 0 -20px -30px;
        padding: 0;
        border: 0;
        font-size: 0;
        list-style: none
}

form .fieldList .field, form .fieldList .fieldGroup {
        font-size: 1.4rem;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 20px;
        padding: 0 0 0 30px;
        border: 0;
        box-sizing: border-box;
        width: 100%;
        color: #8b8b8d;
}

form .fieldList .field-option {
        padding-bottom: 6px
}

form .fieldList .field .title {
        margin: 0 0 10px;
        margin-bottom: 8px;
        color: #797979;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
}

form .fieldList .field label {
        display: block;
        /* padding: 0 0 20px; */
}

form .fieldList .field .wrapper {
        display: block
}

form .fieldList .field .wrapper {
        display: block;
}

form .fieldList .field .comment {
        font-size: 1.3rem;
        line-height: 1.25;
        font-style: italic;
        color: #363636;
        margin: 10px 10px 0
}

form .variantList {
        margin: 0;
        padding: 0;
        list-style: none
}

form .variantList .variant {
        display: block;
        vertical-align: top;
        margin: 0 0 10px;
        padding: 0;
}

form .variantList .variant:last-child {
        margin-bottom: 0
}

form select option[disabled] {
        display: none
}

form input[type="tel"], form input[type="date"], form input[type="text"], form input[type="password"], form input[type="number"], form select, form textarea {
        line-height: 34px;
        height: 36px;
        padding: 0 10px;
        box-sizing: border-box;
        width: 100% !important;
        color: #acacac;
        outline: none;
        border-radius: 10px;
        border: 1px solid #828282;
        background: rgb(73 73 77);
        font-size: 1.6rem;
}

.selectize-control.single {
    border-radius: 10px;
    color: #acacac;
    font-size: 1.6rem;
    background: rgb(73 73 77);
    position: relative;
    border: 1px solid #828282;
}

.selectize-control.single::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0px;
  width: 10px;
  height: 10px;
  pointer-events: none;
  transform: translateY(-50%);
  background: #49494d url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjY2VjZWNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat;
  padding-right: 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  transition: all 0.25s ease;
}

.selectize-control.single .selectize-input {
  height: 34px;
  box-sizing: border-box;
  color: #acacac;
  border-radius: 10px;
  /* border: 1px solid #828282; */
}

.selectize-control.single .item {
    background: #49494d;
    width: 100%;
    color: #acacac;
    border-radius: 10px;
    padding: 4px 0;
    /* margin-right: 5px; */
    /* border: 1px solid #828282; */
    position: relative;
    top: -4px;
    z-index: 3;
    max-height: 20px;
    margin: -4px -2px;
    /* height: 30px; */
}

@media(max-width:480px) {
.selectize-control.single .item {
    top: -3px;
}
}

.selectize-control.single .selectize-dropdown {
    background: #49494d;
    border-radius: 10px;
    max-height: 160px;
    overflow-y: auto;
    font-size: 1.4rem;
    color: #cecece;
    scrollbar-width: thin; /* Firefox */
    scrollbar-color: #cecece #49494d; /* Firefox */
    border: 1px solid #828282;
    position: absolute !important;
    top: 100% !important;
    left: 0;
    right: 0;
    z-index: 9999;
}

/* Chrome, Edge, Safari */
.selectize-control.single .selectize-dropdown::-webkit-scrollbar {
  width: 6px;
}

.selectize-control.single .selectize-dropdown::-webkit-scrollbar-track {
  background: #49494d;
}

.selectize-control.single .selectize-dropdown::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 3px;
}

.selectize-control.single .selectize-dropdown-content > div {
    padding: 8px 10px;
    cursor: pointer;
}

.selectize-control.single .selectize-dropdown-content > div:hover {
    background: #49494d;
    color: white;
}

.selectize-control.single .selectize-input input {
    display: none;
}


form textarea {
        height: 6.75em;
        line-height: 1.3;
        padding: 10px 10px;
        max-height: 50vh;
        resize: vertical;
        display: block
}

form input[type="tel"]:focus, form input[type="date"]:focus, form input[type="text"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus {
        box-shadow: 0 0 1px rgba(0,0,0,0.5)
}

form select {
        background: #59595B url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjNWI1OTU2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat;
        background: #49494d url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjY2VjZWNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat;
        padding-right: 30px;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        appearance: none;
        transition: all 0.25s ease;
        border: 1px solid #828282;
        height: 36px;
}

select::-ms-expand {
        display: none;
}

form :disabled {
        opacity: 0.3
}

form .submitBlock {
        margin: 20px 0 0;
        color: rgba(120, 124, 135, 0.70);
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 130%;
}

form .submitBlock label {
        display: flex;
        align-items: center;
        padding-bottom: 20px;
}

form button, form [type="submit"] {
        background: #009142;
        color: #fff;
        font-size: 1.4rem;
        font-weight: 600;
        box-shadow: none;
        /* line-height: 36px; */
        min-height: 36px;
        padding: 0 15px;
        border: 1px solid #009142;
        border-radius: 20px;
        outline: none;
        cursor: pointer;
        transition: all 0.25s ease;
        /* text-align: left; */
}

form button:hover, form [type="submit"]:hover {
        background-color: transparent;
        border: 1px solid #009142;
}

form input[type="radio"] {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        width: 0;
}

form input[type="radio"]+.caption:before {
        content: '';
        display: inline-block;
        width: 8px;
        height: 8px;
        height: 8px;
        border: 2px #fff solid;
        background: #fff;
        box-shadow: 0 0 0 1px #b3b3ad;
        border-radius: 100%;
        transition: all 0.5s ease;
        margin: 0 10px 0 0
}

form input[type="radio"]:disabled+.caption:before {
        opacity: 0.3
}

form input[type="radio"]:checked+.caption:before {
        background: #fd2b48;
        box-shadow: 0 0 0 1px #fd2b48
}

form input[type="checkbox"] {
        position: absolute;
        opacity: 0;
}

form input[type="checkbox"]+.caption:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px #575759 solid;
        background: rgba(247, 247, 247, 0.20) center 10px no-repeat;
        box-shadow: inset 0 0 1px #333;
        border-radius: 4px;
        transition: all 0.25s ease;
        margin: 0px 10px 0 0;
}

form input[type="checkbox"]:disabled+.caption:before {
        opacity: 0.3
}

form input[type="checkbox"]:checked+.caption:before {
        background: #333 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSIjZWNlOGUxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjY2IDcuMzRsNi02LS45NC0uOTYtNS4wNiA1LjA2LTIuMzgtMi4zOEwuMzQgNCIvPjwvc3ZnPg==) center center no-repeat;
        box-shadow: none;
        border: 1px #828282 solid;
}

input[type="checkbox"] {
    appearance: auto;
    width: 16px;
    height: 16px;
}

form .message-error {
        padding: 1px 10px;
        margin: 1em 0;
        background: #e30000;
        color: #fff;
        border-radius: 4px
}

.field.field-select.field-important .selectize-control {
    border-radius: 10px;
    color: #acacac;
    font-size: 1.6rem;
    padding: 2px 6px;
    /* width: 300px; */
    border: 1px solid #828282;
    background: rgb(73, 73, 77);
    position: relative;
}

.field.field-select.field-important .selectize-control.single::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23ccc' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
}

.field.field-select.field-important .selectize-control .selectize-input {
    min-height: 30px;
    box-sizing: border-box;
    color: #acacac;
    border-radius: 10px;
}

.field.field-select.field-important .selectize-control .item {
    background: #49494d;
    color: #acacac;
    border-radius: 3px;
    padding: 2px 6px;
    margin-right: 5px;
}

.field.field-select.field-important .selectize-control .selectize-dropdown {
    background: #49494d;
    border-radius: 4px;
    max-height: 150px;
    overflow-y: auto;
    font-size: 1.4rem;
    color: #cecece;
    border: 1px solid #828282;
    position: absolute !important;
    top: 100% !important;
    left: 0px;
    right: 0;
    z-index: 9999;
    padding: 0 14px !important;
    max-width: 93%;
}

.selectize-dropdown {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto !important;
    touch-action: pan-y;
}

.selectize-control.multi .selectize-input [data-value]
Specificity: (0,4,0)
 {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #333;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .03);
        box-shadow: 0 1px 0 rgba(0, 0, 0, .2), inset 0 1px rgba(255, 255, 255, .03);
}

.selectize-control.multi .selectize-input>div {
        cursor: pointer;
        margin: 0 3px 3px 0;
        padding: 2px 6px;
        background: #1da7ee;
        color: #fff;
        border: 1px solid #000;
}
.selectize-input>* {
        vertical-align: baseline;
        display: -moz-inline-stack;
        display: inline-block;
        zoom: 1;
}

.selectize-input>input {
        display: inline-block !important;
        padding: 0 !important;
        min-height: 0 !important;
        max-height: none !important;
        max-width: 100% !important;
        margin: 0 1px !important;
        text-indent: 0 !important;
        border: 0 !important;
        background: 0 0 !important;
        line-height: inherit !important;
        -webkit-user-select: auto !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
}

#subscribesbuy-models-selectized {
    display: block !important;
}

.field-subscribesbuy-models .selectize-control.single {
  position: relative;
  border-radius: 10px;
  border: 1px solid #828282;
  background: rgb(73 73 77);
  color: #acacac;
  font-size: 1.6rem;
  padding: 2px 6px;
  width: 300px;
}


.selectize-dropdown-content .optgroup-header {
        font-weight: 700;
        color: #fff;
        padding-top: 10px;
}

.BuyForm .field-submit .caption {
    display: inline-block;
    margin-bottom: 20px; 
}

#page {
        min-width: 320px;
        min-height: 100%;
        display: block;
        box-sizing: border-box;
        padding: 165px 0 0;
        overflow: hidden;
}

#page.page-error {
        min-width: 320px;
        /* min-height: 100%; */
        display: block;
        box-sizing: border-box;
        padding: 165px 0 100px;
        overflow: hidden;
        position: relative;
        z-index: 1
}

.pageWrapper {background: #1C1C20;}

header {
        height: 165px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 5;
}


header .headerWrapper {
        max-width: 920px;
        padding: 36px 0px 0px 360px;
        margin: 0 auto;
        position: relative
}

header::before {
    content: "";
    position: absolute;
    width: 353px;
    height: 169px;
    border-radius: 353px;
    background: #17633A;
    filter: blur(125px);
    z-index: 0;
}

header::before {
    background: #0E502C;
    position: absolute;
    top: -10%;
    left: 20%;
    transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  header::before {
    display: none;
  }
}



.logoBlock {
        /* display: flex; */
}

header .logoBlock {
        position: absolute;
        left: 15px;
        top: 33px;
        z-index: 2
}

.logoBlock .logo {
        display: block;
        padding: 0 0 0 125px;
        text-decoration: none;
        color: #000;
        max-width: 100px;
}

.logoBlock .logo .title {
        float: left;
        /* display: block; */
        width: 94px;
        height: 43px;
        margin: 0 0 0 -125px;
        overflow: hidden;
}

.logoBlock .logo .title:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-image: url('/up/logo.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left;
}

.logoBlock .logo .subtitle {
        display: block;
        color: #fff;
        font-size: 2rem;
        line-height: 1.2;
        /* text-transform: uppercase; */
        font-weight: 600;
        width: 130px !important;
}

header .additionalBlock {
        text-align: left;
}

header .additionalBlock {
}

header .additionalBlock .compareBlock {
        display: inline-block;
        margin: 0 15px;
        vertical-align: middle;
        max-width: 45%
}

header .additionalBlock .compareBlock-empty {
        display: none
}

header .additionalBlock .compareBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: block;
        text-decoration: none;
        font-size: 2rem;
        color: #fff;
        transition: all 0.25s ease;
        border-radius: 10px;
        padding: 4px 12px;
}

header .additionalBlock .compareBlock .action:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 16px;
        line-height: 34px;
        font-family: 'Material Icons',sans-serif;
        color: #fff;
        font-size: 1.6rem;
        transition: all 0.25s ease
}

header .additionalBlock .compareBlock .action:hover {
        border-color: #009142;
        color: #fff;
}

header .additionalBlock .compareBlock .action .count {
        display: inline-block;
        margin: 0 10px 0 0;
        color: #acacad;
}

header .additionalBlock .locationBlock {
        display: inline-block;
        margin: 0px 0 0 -50px;
        vertical-align: middle;
        /* max-width: 25%; */
}

@media (max-width: 1280px) {
header .additionalBlock .locationBlock {
        margin: 0px 0 0 50px;
}
}


header .additionalBlock .locationBlock button {
        display: none
}

header .additionalBlock .locationBlock select {
        height: 36px;
        line-height: 34px;
        border: 0px #b6b1ab solid;
        display: block;
        width: 100%;
        border-radius: 24px;
        padding: 0 40px 0 35px;
        text-decoration: none;
        font-size: 2rem;
        color: #999999;
        font-weight: 600;
        transition: all 0.25s ease
}

header .additionalBlock .locationBlock select:hover {
        border-color: #e30000
}

header .additionalBlock .locationBlock select {
        /* background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjNWI1OTU2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat, url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iIzgzODA3QiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNSA1LjdjLjQgMCAuNzQtLjE0IDEuMDMtLjQyLjI4LS4zLjQyLS42My40Mi0xLjAzcy0uMTQtLjc0LS40Mi0xLjAzQzUuNzMgMi45NCA1LjQgMi44IDUgMi44cy0uNzQuMTQtMS4wMy40MmMtLjI4LjMtLjQyLjYzLS40MiAxLjAzcy4xNC43NC40MiAxLjAzYy4zLjI4LjYzLjQyIDEuMDMuNDJ6TTUgLjE4YzEuMTMgMCAyLjEuNCAyLjg4IDEuMi44Ljc4IDEuMiAxLjc0IDEuMiAyLjg3IDAgLjU3LS4xNSAxLjItLjQzIDEuOTQtLjI4LjctLjYyIDEuNC0xLjAzIDIuMDItLjQuNjQtLjggMS4yNC0xLjE4IDEuOC0uNC41NS0uNzMgMS0xIDEuMzJMNSAxMS44bC0uNDQtLjVjLS4xOC0uMi0uNS0uNjItLjk4LTEuMjVzLS45LTEuMjQtMS4yNS0xLjgzYy0uMzUtLjYtLjY4LTEuMjYtLjk3LTItLjMtLjc2LS40My0xLjQtLjQzLTEuOTggMC0xLjEzLjQtMi4xIDEuMi0yLjg4QzIuOS41NiAzLjg2LjE2IDUgLjE2eiIvPjwvc3ZnPg==) 24px center no-repeat; */
        background-color: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12 21C10.7369 19.9226 9.56619 18.7415 8.5 17.469C6.9 15.558 5 12.712 5 10C4.99858 7.16755 6.70425 4.61339 9.32107 3.5294C11.9379 2.44541 14.9501 3.04524 16.952 5.049C18.2685 6.35961 19.0059 8.14239 19 10C19 12.712 17.1 15.558 15.5 17.469C14.4338 18.7415 13.2631 19.9226 12 21ZM12 7C10.9282 7 9.93782 7.5718 9.40193 8.5C8.86603 9.42821 8.86603 10.5718 9.40193 11.5C9.93782 12.4282 10.9282 13 12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7Z' fill='%23999999'/></svg>");
        background-size: 30px;
        background-position: left;
}

header .additionalBlock .locationBlock select:hover {
        border-color: #e30000
}

header .contactBlock {
        float: right;
}

header .contactBlock a {
        text-decoration: none
}

header .contactBlock .blockWrapper {display: flex;align-items: center;gap: 40px;}

header .contactBlock .phone {
        display: inline-block;
        vertical-align: middle;
        font-size: 2rem;
        line-height: 1.2;
        color: #FFF;
        font-weight: 600;
}

header .contactBlock .phone .country {
        /* display: none; */
}

header .contactBlock .phone a {
        color: #000
}

header .contactBlock .phone:hover, header .contactBlock .phone a:hover {
        color: #009142;
}

header .contactBlock .phone:before {
        vertical-align: middle;
        line-height: 2.4rem;
        margin: 0;
        padding: 0px;
        content: '';
        font-family: 'Material Icons', sans-serif;
        color: #FFFFFF;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        background: #009142;
        border-radius: 50%;
        font-size: 20px;
        margin-right: 8px;
}

header .contactBlock .actionBlock {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        font-size: 1.6rem
}

header .contactBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        display: block;
        padding: 4px 12px;
        text-decoration: none;
        font-size: 2rem;
        transition: all 0.25s ease;
        border-radius: 10px;
        border: 1px solid #FFF;
        color: #fff;
}

header .contactBlock .actionBlock .action:hover {
        border-color: #009142;
        color: #fff;
}

header .navigationBlock {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0
}

header .navigationBlock .navigationWrapper {
        max-width: 1280px;
        padding: 14px 0 0;
        margin: 0 auto;
        position: relative;
        border-top: 1px rgba(255, 255, 255, 0.20) solid;
        height: 52px;
}

header .navigationBlock .navigationWrapper:after {
        content: '';
        display: table;
        clear: both
}

header .menuSwitch {
        display: none
}

header .navigationBlock .menuBlock-main {
        float: left
}

header .navigationBlock .menuBlock-secondary {
        float: right
}

header .navigationBlock .menuBlock .menuItemList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
}

header .navigationBlock .menuBlock .menuItemList .item {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0 15px;
        color: #E0E0E0;
        font-size: 2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
}

header .navigationBlock .menuBlock .menuItemList .item a {
        display: block;
        padding: 0;
        line-height: 38px;
        color: #E0E0E0;
        text-decoration: none;
        border-top: 1px transparent solid;
        border-bottom: 2px transparent solid;
        transition: all 0.25s ease
}

header .navigationBlock .menuBlock .menuItemList .item-dropable a:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        border: 4px transparent solid;
        border-bottom: 0;
        border-top-color: #000;
        margin: 0 0 0 5px;
        transition: all 0.25s ease
}

header .navigationBlock .menuBlock .menuItemList .item-active a {
        border-bottom: 1px solid #009142;
        position: relative
}

/* header .navigationBlock .menuBlock .menuItemList .item-active a:before {
        content: '';
        border: 4px transparent solid;
        border-top-color: #c96c6c;
        position: absolute;
        top: 0;
        left: 50%;
        margin: 0 0 0 -3px
} */

header .navigationBlock .menuBlock .menuItemList .item a:hover {
        color: #009142;
        border-bottom: 1px solid #009142;
}

header .navigationBlock .menuBlock .menuItemList .item-dropable a:hover:after {
        border-top-color: #e30000
}

header .navigationBlock .menuBlock .menuItemList .item .dropdownBlock {
        display: none;
}

.popupBlock {
        display: inline-block;
        text-align: left;
        position: relative
}

.popupBlock>.modalBlock {
        background: #2F2F32;
        padding: 20px;
        border-radius: 20px;
}

.modalBlock .message {
  margin-top: 10px;
  padding: 20px 24px;
  border-radius: 8px;
  font-size: 1.4rem;
  line-height: 1.4;
}

.modalBlock .message-error {
  color: #f1b1b1;
}

.modalBlock .message-success {
  color: #fff;
}


.popupBlock>.modalBlock>:first-child {
        margin-top: 0
}

.popupBlock>.modalBlock>:last-child {
        margin-bottom: 0
}

.textBlock {
        max-width: 870px;
        margin: 0px 0 20px 0px;
        position: relative;
        z-index: 1;
}

.frame-specials .frameWrapper .textBlock {
        max-width: 870px;
        margin: 0px 0 0px 75px;
}

@media (max-width: 900px) {
        .frame-specials .frameWrapper .textBlock {
        max-width: 870px;
        margin: 20px 0 20px 0px;
        font-size: 2rem;
}
}

.textBlock>:first-child {
        margin-top: 0
}

.textBlock>:last-child {
        margin-bottom: 0
}

.textBlock table {
        width: 100%;
        margin: 60px 0 40px;
        font-size: 1.6rem;
        border-collapse: collapse
}

.textBlock table tr>* {
        padding: 15px;
        vertical-align: top;
        text-align: left;
        font-weight: normal
}

.textBlock table tr>*.price {
        text-align: right
}

.textBlock table tr>*:first-child {
        padding-left: 0
}

.textBlock table tr>*:last-child {
        padding-right: 0
}

.textBlock table thead {
        color: #fff;
        font-size: 1.4rem
}

.textBlock table thead tr>* {
        vertical-align: bottom
}

.textBlock table thead tr:last-child {
        border-bottom: 1px #009142 solid;
}

.textBlock table tbody {
}

.textBlock table tbody tr {
        border-bottom: 1px #828282 solid;
        background: none;
        transition: all 0.25s ease
}

.textBlock table tbody tr:hover {
        background-color: rgba(0,0,0,0.05)
}

.tableHolder {
        overflow: auto;
        /* margin: 60px 0 40px; */
}

.tableHolder table {
        overflow: auto;
        margin: 0;
}

.textBlock blockquote {
        margin: 40px 0;
        padding: 20px;
        background: #009142;
        color: #fff;
        border-radius: 20px;
}

.coming-soon {
        display: flex;
        align-items: flex-start;
        gap: 75px;
        padding-bottom: 40px;
}

.coming-soon > :first-child {
    width: 445px;
    flex-shrink: 0;
}

.coming-soon > :last-child {
    flex: 1;
}

@media (max-width: 900px) {
    .coming-soon {
        flex-direction: column;
        gap: 0px;
    }
}

.frame {
        clear: both;
        padding: 0 15px;
        margin: 80px 0;
        position: relative;
        /* background: #1C1C20; */
}

@media(max-width: 960px) {
.frame {
        margin: 60px 0;
}
}

.frame-catalog .catalogItemListBlock {
        max-width: 990px;
}

.frame-brands .frameHeading, 
.frame-brands .frameTitle, 
.frame-catalog .frameHeading {
        margin: 0px !important;
}

.frame .frameWrapper {
        max-width: 1280px;
        padding: 0;
        margin: 0 auto;
        position: relative;
        z-index: 1;
}

.frame .frameWrapper>:first-child {
        margin-top: 0
}

.frame .frameWrapper>:last-child {
        margin-bottom: 12px;
        border-radius: 20px;
        /* box-shadow: 0px 25px 25px 0px rgba(0, 145, 66, 0.15); */
}

.frame .frameWrapper:after {
        content: '';
        display: table;
        clear: both;
}

.frame .frameHeading {
        display: flex;
        align-items: baseline;
        margin: 0 40px 40px 0;
        gap: 22px;
}

@media (max-width: 900px) {
    .frame .frameHeading {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        margin-bottom: 0px;
    }
.frame .frameWrapper>:last-child {
        /* border-radius: 0 0 20px 20px; */
}
        
}


.frame-relative .frameHeading .frameTitle {
        margin: 0 0 0px !important;
}


.serviceHeading {
        display: flex;
        flex-direction: column;
        gap: 0px !important;
        padding-right: 60px;
        align-items: flex-start !important;
}


@media(max-width:960px) {
.serviceHeading {
        padding-right: 20px;
}
}


.serviceHeading .frameTitle {
        margin-bottom: 30px !important;
}

.serviceTextBlock {
        font-size: 2.4rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        max-width: 540px;
}

@media (max-width: 960px) {
.serviceTextBlock {
        font-size: 2rem;
        width: 100%;
}
}

.serviceWrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        /* height: 860px; */
}

.frame .frameHeading:after {
        content: '';
        display: table;
        clear: both
}


.frame .frameHeading .frameTitle {
        display: inline;
        color: #fff;
        letter-spacing: normal;
        font-weight: 600;
        /* text-transform: uppercase; */
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
        margin: 0 0 40px;
}

.frame .frameHeading .subtitle {
        display: inline;
        font-size: 2rem;
        color: #fff;
        padding-left: 0.25em;
        font-weight: 400;
        border: 1px solid #fff;
        border-radius: 100px;
        padding: 4px 18px;
        display: flex;
        flex-wrap: nowrap;
        transition: all 0.3s;
}

.frame .frameHeading .subtitle-nolink {
        display: inline;
        font-size: 2rem;
        color: #fff;
        padding-left: 0.25em;
        font-weight: 400;
        border: 0px solid #fff;
        border-radius: 100px;
        padding: 4px 18px;
        display: flex;
        flex-wrap: nowrap;
}

@media(max-width: 960px) {
.frame .frameHeading .subtitle-nolink {
        padding: 4px 0px;
}
}

.frame .frameHeading .subtitle:hover {
        border: 1px solid #009142;
        cursor: pointer;
        padding: 4px 18px;
        text-decoration: none;
}

.frame .frameHeading .subtitle-nolink:hover {
        border: 0px solid #009142;
        cursor: auto;
        padding: 4px 18px;
}

.frame .frameHeading .subtitle .count {
        white-space: nowrap
}

.frame .frameHeading .sectionListBlock {
        float: right;
        font-size: 1.4rem;
        margin: 0 0 0 30px
}

.frame .frameHeading .sectionListBlock .sectionList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
}

.frame .frameHeading .sectionListBlock .sectionList .item {
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        margin-right: -1px;
        font-size: 1.4rem
}

.frame .frameHeading .sectionListBlock .sectionList .item a {
        display: block;
        border: 1px #d2d2d2 solid;
        border-radius: 4px;
        line-height: 34px;
        padding: 0 15px;
        text-decoration: none;
        color: #666
}

.frame .frameHeading .sectionListBlock .sectionList .item a:hover {
        text-decoration: underline
}

.frame .frameHeading .sectionListBlock .sectionList .item-active a {
        color: #C96C6C
}

.frame .frameHeading .sectionListBlock .sectionList .item:first-child a {
        border-radius: 4px 0 0 4px
}

.frame .frameHeading .sectionListBlock .sectionList .item:last-child a {
        border-radius: 0 4px 4px 0
}

.frame .frameHeading .variant {
        display: inline;
        font-size: 2rem;
        color: rgba(255, 255, 255, 0.60);
        font-weight: bold;
        /* text-transform: uppercase; */
        font-weight: 400;
        /* font-family: 'Unbounded', Manrope, Arial, sans-serif; */
}

.frame .frameHeading .variant a {
        color: #fff;
        text-decoration: none;
        border: 1px solid;
        border-radius: 100px;
        padding: 10px 18px;
}

.frame .frameHeading .variant a:hover {
        color: #fff;
        border: 1px solid #009142;
}

.frame-filter {
        margin: 0;
        padding: 0 15px;
        position: relative;
        z-index: 222;
        /* height: 94px; */
        overflow: visible;
}

.overscrolled-header .frame-filter {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        /* box-shadow: 0 0 3px rgba(0,0,0,0.5); */
}

.catalogFilterFormBlock {
        font-size: 1.4rem;
        position: relative;
}

.catalogFilterFormBlock:before {
        content: '';
        position: absolute;
        left: -1000%;
        left: -100vw;
        right: -1000%;
        right: -100vw;
        top: 0;
        bottom: 0;
        background: inherit;
        box-shadow: none;
        transition: all 0.25s ease;
}

.catalogFilterFormBlock .catalogFilterForm {
        position: relative;
        max-width: none;
        background: #2F2F32;
        border-radius: 20px;
        padding: 12px 44px 32px;
}

@media (max-width: 900px) {
.catalogFilterFormBlock .catalogFilterForm {
        border-radius: 0 0 20px 20px;
        padding: 0;
}
.frame .frameWrapper>:last-child {
        margin: 0px;
}
}

.catalogFilterFormBlock .catalogFilterForm input, .catalogFilterFormBlock .catalogFilterForm select {
        font-size: 1.4rem
}

.catalogFilterFormBlock .catalogFilterForm select.isInteractive {
        display: none
}

.catalogFilterFormBlock .switcherBlock-panel {
        display: none
}

.catalogFilterFormBlock .switcherBlock-more {
        margin: 42px 0 15px 48px;
        float: right;
        width: 5em;
        
        
         /* или другой нужный отступ сверху */
        /* width: 5em; убрать фиксированную ширину */
         /* чтобы не выходил за родителя */
         /* текст справа */
        position: absolute;
        top: 55px; /* или нужное значение */
        right: 52px;
        white-space: nowrap;
        line-height: 36px;
        z-index: 9;
        min-width: 5em; /* минимальная ширина */
        max-width: 100%; /* ограничение по ширине */
        padding-left: 10px;
        text-align: right;
        direction: rtl; /* ключевой момент */
}

.catalogFilterFormBlock .switcherBlock-more .switcher {
        /* border-bottom: 1px #83807b dashed; */
        text-decoration: none;
        color: #919191;
        font-size: 1.6rem;
        font-weight: 600;
        direction: ltr;
}


.catalogFilterFormBlock .switcherBlock-more .switcher:hover {
        color: #009142;
        border-color: #333
}

.catalogFilterFormBlock .switcherBlock-more .switcher {
    display: inline-flex;
    align-items: center;
}

.catalogFilterFormBlock .switcherBlock-more .switcher:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    border: 4px transparent solid;
    border-bottom: 0;
    border-top-color: #acacad;
    margin-left: 5px;
    margin-top: 2px;
    transform: none;
}

.catalogFilterFormBlock .switcherBlock-more .switcher:hover::after {
    border-top-color: #009142;
}

.catalogFilterFormBlock-full .switcherBlock-more .switcher:after {
        transform: rotate(180deg)
}

.catalogFilterFormBlock .submitBlock {
        margin: 42px 0 15px 50px;
        padding: 0;
        float: right;
        white-space: nowrap;
        background: #333;
        color: #fff;
        border-radius: 18px;
}

.catalogFilterFormBlock .submitBlock-postList {
        display: none
}

.catalogFilterFormBlock .submitBlock .action-submit, .catalogFilterFormBlock .submitBlock .resultCountBlock {
        display: inline-block;
        vertical-align: middle;
        font-size: 2rem;
}

.catalogFilterFormBlock .submitBlock .action-submit {
        border-radius: 10px;
        width: auto;
        padding: 8px 30px;
        margin-left: -18px;
}

.catalogFilterFormBlock .submitBlock .action-submit:hover {
        background-color: transparent;
        border: 1px solid #009142;
}

.catalogFilterFormBlock .submitBlock .action-submit:before {
        content: '';
        width: 16px;
        line-height: 12px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
        font-family: 'Material Icons',sans-serif;
        display: none;
}

.catalogFilterFormBlock .submitBlock .resultCountBlock {
        padding: 0 15px;
        display: none;
}

.catalogFilterFormBlock fieldset, .catalogFilterFormBlock .fieldset {
        padding: 15px 0
}

.jsEnabled .catalogFilterFormBlock .fieldset-additional {
        display: none
}

.jsEnabled .catalogFilterFormBlock-full .fieldset-additional {
        display: block
}

.catalogFilterFormBlock .title {
        margin-bottom: 8px;
        color: #797979;

/* label */
        font-family: Manrope;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
}

.catalogFilterFormBlock .fieldset-main .fieldList .title {
        display: block
}

.catalogFilterFormBlock .fieldset-additional .fieldList .title {
        display: block
}

.catalogFilterFormBlock .fieldList .fieldGroup>.title {
        display: block
}

.catalogFilterFormBlock .fieldList {
        margin: 0 0 -15px -10px;
        padding: 0;
        list-style: none
}

.catalogFilterFormBlock .fieldList .field, .catalogFilterFormBlock .fieldList .fieldGroup {
        margin: 0 0 15px;
        padding-left: 24px;
        width: 25%;
        vertical-align: bottom
}

.catalogFilterFormBlock .fieldList .fieldGroup-range .fieldList {
        margin: 0 0 0 -5px
}

.catalogFilterFormBlock .fieldList .fieldGroup-range .field {
        width: 50%;
        padding-left: 5px;
        margin: 0
}

.catalogFilterFormBlock .fieldList .fieldGroup-range .field .title {
        display: block;
        position: absolute;
        height: 36px;
        line-height: 36px;
        width: 30px;
        text-align: center;
        font-size: 1.4rem;
        color: rgba(255, 255, 255, 0.70);
}

.catalogFilterFormBlock .fieldList .fieldGroup-range input, .catalogFilterFormBlock .fieldList .fieldGroup-range select {
        padding-left: 30px
}

.catalogFilterFormBlock .fieldset-additional .field {
        width: 12.5%
}

.catalogFilterFormBlock .fieldset-additional .fieldGroup {
        width: 25%
}

.catalogFilterFormBlock .fieldList .field-brandModel, .catalogFilterFormBlock .fieldList .field-brand, .catalogFilterFormBlock .fieldList .field-model, .catalogFilterFormBlock .fieldList .fieldGroup-price, .catalogFilterFormBlock .fieldList .fieldGroup-year {
}

.jsEnabled .catalogFilterFormBlock .fieldList .field-brandModel {
        display: none
}

.catalogFilterFormBlock .fieldList .field-option {
        width: auto;
}

.catalogFilterFormBlock .fieldList .field-color {
        width: 25%
}

.catalogFilterFormBlock .rangeHandleBlock {
        position: relative
}

.catalogFilterFormBlock .rangeHandleBlock .blockWrapper {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0px
}

.multiselectBlock {
}

.multiselectBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #b6b1ab solid;
        display: block;
        border-radius: 24px;
        padding: 0 15px;
        text-decoration: none;
        font-size: 1.4rem;
        transition: all 0.25s ease
}

.multiselectBlock .action-close {
        position: absolute;
        top: 45px;
        right: 40px;
        color: #fff;
}

.multiselectBlock .action-close:hover {
        border-color: #009142;
}

.multiselectBlock .action-close:before {
        width: 10px;
        height: 34px;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNzA3MDcgMS4yOTI5M0w1IDUuMDAwMTIgMS4yOTI5MyAxLjI5MjkzQzAuODgzMjM4IDAuODg1MjMgMC4yODkyNjkgMC44ODUyMyAwLjg4NTIzOSAxLjI5MjkzTDQuNTg1MjIgNS4wMDAxMiAwLjg4NTIzOSA4LjcwNzA3QzAuMjg5MjY5IDkuMTE0NzYgMC44ODMyMzggOS4xMTQ3NiAxLjI5MjkzIDguNzA3MDdMNSA1LjAwMDEyIDguNzA3MDcgOC43MDcwN0M5LjExNDc2IDkuMTE0NzYgOS4xMTQ3NiA4LjUxMzIzIDguNzA3MDcgOC4xMDc2MUw1LjAwMDEyIDUuMDAwMTIgOC43MDcwNyAxLjI5MjkzQzkuMTE0NzYgMC44ODUyMyA4LjUxMzIzIDAuODg1MjMgOC4xMDc2MSAxLjI5MjkzWiIgZmlsbD0iI0ZGRiIvPgo8L3N2Zz4=") center center no-repeat;
        background-size: contain;
        content: '×';
        float: right;
        font-size: 24px;
        color: white;
        margin-left: 20px;
}

.multiselectBlock .switcher {
        display: block;
        position: relative;
        z-index: initial;
        width: 100%;
        padding: 0 30px 0 10px;
        background: #59595b url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjNWI1OTU2IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat;
        background: #49494d url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSI1Ij48cGF0aCBmaWxsPSIjY2VjZWNlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDBoMTBMNSA1eiIvPjwvc3ZnPg==) right center no-repeat;
        border-radius: 4px;
        border: 1px #d2d2d2 solid;
        line-height: 34px;
        height: 36px;
        box-sizing: border-box;
        width: 100%;
        color: #cecece;
        outline: none;
        border-radius: 10px;
        border: 1px solid #828282;
        overflow: hidden;
}

.multiselectBlock-opened .switcher {
        box-shadow: inset 0 0 0 2px #333;
}

.multiselectBlock .switcher .caption {
        position: absolute;
        left: 10px;
        right: 30px;
        top: 0;
        bottom: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 30px;
}

.multiselectBlock .switcher .caption .title, .multiselectBlock .switcher .caption .subtitle {
        display: inline;
        font-size: 1.2rem;
        font-weight: normal;
        line-height: 36px;
        text-align: center;
        font-size: 1.4rem;
        color: rgba(255, 255, 255, 0.70);
        font-family: 'Manrope', sans-serif;
}

.multiselectBlock .dropdownBlock {
        display: none;
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        background: #2f2f32;
        padding: 30px 0
}

.multiselectBlock-opened .dropdownBlock {
        display: block;
        border-radius: 0px 0px 20px 20px;
}

.multiselectBlock .dropdownBlock:before {
        content: '';
        position: absolute;
        left: -1000%;
        left: -100vw;
        right: -1000%;
        right: -100vw;
        top: 0;
        bottom: 0;
        box-shadow: 0 2px 2px rgba(0,0,0,0.2);
}

.multiselectBlock .dropdownBlock>.blockWrapper {
        position: relative;
        padding: 0 200px 0 50px;
}

@media (max-width: 1023px) {
.multiselectBlock .dropdownBlock>.blockWrapper {
        padding: 0px;
}
}

.multiselectBlock .dropdownBlock .blockTitle {
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 1.56;
        display: block;
        margin: 0 0 40px;
        color: #797979;
}

.multiselectBlock .variantListBlock {
}

.multiselectBlock .variantListBlock .variantList {
        font-size: 0;
        margin: 0 0 -20px -20px;
        padding: 0
}

.multiselectBlock .variantListBlock .variantList .variant {
        display: inline-block;
        vertical-align: top;
        font-size: 1.4rem;
        margin: 0 0 20px;
        padding: 0 0 0 20px;
        box-sizing: border-box;
        width: 16.6666%;
}

.multiselectBlock .variantListBlock .variantList .variant-empty {
        display: none
}

.multiselectBlock .variantListBlock .variantList .variant-disabled {
        display: none
}

.multiselectBlock .variantListBlock .variantList .variant label {
        display: inline
}

.frame-specials {
        background: #1C1C20;
        margin: 0;
        padding: 80px 15px;
        position: relative;
}

.frame-specials::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('/up/spec-back.png') center/cover no-repeat;
  z-index: 0;
  opacity: 0.02;
}

@media(max-width: 960px) {
.frame-specials {
        padding: 40px 15px;
}
}

.frame-specials::before {
    content: "";
    position: absolute;
    width: 447px;
    height: 447px;
    border-radius: 447px;
    filter: blur(145px);
    z-index: 0;
}

.frame-specials::before {
    background: #0E502C;
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.frame-sell {
        background: #272830; 
        color: rgba(255, 255, 255, 0.60);
        margin: 0;
        padding: 123px 0 104px;
        overflow: hidden;
        position: relative;
}

.frame-sell {
    position: relative;
    background: #272830;
    color: rgba(255, 255, 255, 0.60);
    margin: 0;
    padding: 123px 0 104px;
    overflow: hidden;
    z-index: 0;
}

.sellForm .caption {
    width: 80%;
    display: inline-block;
    padding: 20px 0;
}

@media (max-width: 1200px) {
.sellForm .caption {
    width: 60%;
}
}

@media (max-width: 900px) {
.sellForm .caption {
    width: 100%;
    padding: 60px 0;
    position: relative;
    bottom: -30px;
    z-index: 0;
}
}

.sell-left .frameTitle {
        font-size: 4rem;
}

@media (max-width: 900px) {
.sell-left .frameTitle {
        font-size: 3rem;
}
}

.frame-sell::before,
.frame-sell::after {
    content: "";
    position: absolute;
    width: 647px;
    height: 647px;
    border-radius: 647px;
    filter: blur(175px);
    z-index: 0;
}

.frame-sell::before {
    background: #0E502C;
    top: -200px;
    right: -200px;
}

.frame-sell::after {
    background: #009142;
    bottom: -200px;
    left: -200px;
}

@media (max-width: 900px) {
.frame-sell::after {
    display: none;
}
}

.frame-sell::marker {
    content: none;
}

.frame-sell .bg-image {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(/up/car-sell.png) left bottom no-repeat;
    z-index: 1;
    pointer-events: none;
    max-width: 100%;
}

@media (max-width: 1180px) {
.frame-sell .bg-image {
        left: -160px;
}
}

@media (max-width: 900px) {
.frame-sell .bg-image {
        filter: opacity(0.5);
        transform: scaleX(-1);
        left: 20px;
        bottom: -50px;
        background-position: right bottom;
}
}

.frame-sell .frameWrapper {
        /* padding-left: 300px; */
        max-width: 1280px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
}

.sell-flex {
        max-width: 1280px;
        display: flex;
        gap: 32px;
        align-items: flex-start;
        padding: 0 20px;
}

@media (max-width: 900px) {
        .sell-flex {
               flex-direction: column;
               padding: 20px;
        }
}

.sell-right {
        display: flex;
        flex-direction: column;
        gap: 30px;
}


.frame-sell .frameHeading {
        float: left;
        /* margin: 0 -300px; */
        width: 270px;
}

.frame-sell .frameHeading .frameTitle {
        color: #fff;
        font-size: 3rem
}

.frame-sell .textBlock {
        float: left;
        clear: left;
        font-size: 2.2rem;
        color: rgba(255, 255, 255, 0.60);
        margin: 0px;
}

@media (max-width: 900px) {
.frame-sell .textBlock {
        font-size: 1.6rem;
}
}

.frame-sell .sellFormBlock {
}

.frame-sell .sellFormBlock .message-success {
        color: #fff;
        font-size: 1.8rem
}

.frame-sell .sellFormBlock .sellForm {
        position: relative
}

.sellForm p, .buyform p {
        color: rgba(120, 124, 135, 0.70);
}

.sellForm p {
        max-width: 67%;
}

@media (max-width: 900px) {
.sellForm p {
        max-width: 100%;
        padding: 80px 0;
}
}

.frame-sell .sellFormBlock fieldset {
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease;
        position: absolute
}

.frame-sell .sellFormBlock fieldset.fieldset-active {
        opacity: 1;
        visibility: visible;
        position: static
}

.frame-sell .sellFormBlock fieldset legend {
        display: block;
        font-size: 2rem;
        line-height: 1.4
}

.jsEnabled .frame-sell .sellFormBlock fieldset legend {
        display: none
}

.frame-sell .sellFormBlock .fieldList {
        margin: 0 0 0 -10px;
        padding: 0;
        list-style: none;
        font-size: 0;
        width: 135%;
}

@media (max-width: 900px) {
.frame-sell .sellFormBlock .fieldList {
        width: 100%;
}
}

.frame-sell .sellFormBlock .fieldList .field {
        display: inline-block;
        font-size: 1.4rem;
        width: 25%;
        margin: 0 0 10px;
        padding: 0 0 0 10px;
        box-sizing: border-box;
}

.frame-sell .sellFormBlock .fieldList button {
        border-radius: 10px;
        display: block;
        width: 100%;
        position: absolute;
        max-width: 130px;
        top: 65px;
        right: 0px;
}

@media (max-width: 900px) {
.frame-sell .sellFormBlock .fieldList button {
        max-width: 130px;
        top: 141px;
        right: auto;
        z-index: 2;
}
}

.frame-sell .sellFormBlock .fieldList button:hover {
        /* box-shadow: inset 0 0 0 1px #e30000; */
}

/* .frame-sell .sellFormBlock .fieldList button:before {
        content: '';
        float: right;
        width: 16px;
        line-height: 36px;
        margin: 0 -5px 0 10px;
        font-family: 'Material Icons',sans-serif;
        font-weight: normal
} */

.frame-sell .sellFormBlock .stepListBlock {
        margin: 0 0 32px;
}

.frame-sell .sellFormBlock .stepListBlock .stepList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0;
        -webkit-display: flex;
        display: flex;
        justify-content: flex-end;
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step {
        display: inline-block;
        flex: 1;
        vertical-align: top;
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 2.2rem;
        color: rgba(255, 255, 255, 0.40);
        position: relative;
        display: flex;
        gap: 21px;
        align-items: center;
}

@media (max-width: 900px) {
.frame-sell .sellFormBlock .stepListBlock .stepList .step {
        font-size: 1.6rem;
}
.frame-sell .sellFormBlock .stepListBlock .stepList .step.step-active .title {
        max-width: 100%;
}
}

.frame-sell .sellFormBlock .stepListBlock .stepList {
    display: flex;
    gap: 21px; /* отступ между шагами */
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step {
    flex: 0 0 auto; /* неактивные — ширина по содержимому */
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step-active {
    flex: 1; /* активный шаг — занимает всё доступное */
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step-active {
        color: #fff
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step .title {
    display: none;
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step.step-active .title {
    display: block;
    max-width: 160px;
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle {
        display: block;
        margin: 0 0 7px;
        font-weight: bold;
}

/* .frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle:before {
        content: '';
        border: 6px transparent solid;
        border-right: 0;
        border-left-color: #83807b;
        position: absolute;
        right: 100%;
        top: 0.65em;
        margin: -5px 18px 0 0
} */

.frame-sell .sellFormBlock .stepListBlock .stepList .step-active+.step .pretitle:before {
        border-left-color: #fff
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step.step-active .pretitle:after {
    content: '';
    border-top: 1px #798582 solid;
    position: absolute;
    left: 11em;
    right: 10px;
    top: 1.1em;
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle:after {
    content: none;
}


.frame-sell .sellFormBlock .stepListBlock .stepList .step:first-child .pretitle:before {
        content: none
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step:last-child .pretitle:after {
        content: none
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle .number {
        display: inline-block;
        width: 44px;
        height: 44px;
        line-height: 40px;
        background: transparent;
        color: rgba(255, 255, 255, 0.40);
        text-align: center;
        border-radius: 100%;
        font-size: 2.4rem;
        /* margin: 0 0 0 0.25em; */
        font-weight: 500;
        border: 2px solid rgba(255, 255, 255, 0.40);
}

.frame-sell .sellFormBlock .stepListBlock .stepList .step-active .pretitle .number {
        background: #009142;
        color: #fff;
        font-size: 2.4rem;
        border: 2px solid #009142;
}

.frame-teaser {
        background: #1C1C1C;
        margin: 0;
        padding: 80px 15px
}

.frame-teaser .textBlock, .frame-specials .textBlock {font-size: 2.4rem;font-style: normal;font-weight: 500;line-height: normal;}

@media(max-width: 960px) {
.frame-teaser .textBlock, .frame-specials .textBlock {
        font-size: 2rem;
}
}


.frame-teaser .frameHeading {
        margin: 0px;
}

.frame-relative {
        background: #1C1C20;
        margin: 0;
        padding: 80px 15px
}

.frame-request {
        background: url(/up/not-found-car-bg.jpg) left center no-repeat;
        /* background-size: auto 100%; */
        max-width: 1280px;
        min-height: 491px;
        box-sizing: border-box;
        padding: 0 100px 0 30px;
        margin: 0 auto;
        position: relative;
        border-radius: 20px;
        background-size: cover;
}

.frame-request::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 100%;
    z-index: 1;
    pointer-events: none;

    /* Для фильтра */
    backdrop-filter: blur(34px);
    -webkit-backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.001); /* важен прозрачный фон */

    /* Маска */
    mask-image: linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);

    border-radius: 0 20px 20px 0;
}

/* .no-backdrop-filter .frame-request::before {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    mask-image: none;
    -webkit-mask-image: none;
    background: none;
} */


.frame-request+.frame-teaser {
        margin-top: 80px
}

.frame-teaser+.frame-request {
        margin-top: 80px
}

.frame-request .frameWrapper {
        margin: 0 0 0 auto;
        padding: 50px 0;
        max-width: 460px;
        position: relative
}

.frame-request .frameWrapper:before {
        content: '';
        position: absolute;
        left: -50px;
        top: 0;
        bottom: 0;
        z-index: 1;
        right: -100px;
        background: -moz-linear-gradient(left, rgba(237,233,227,0) 0%, rgba(237,233,227,1) 20%, rgba(237,233,227,1) 100%);
        /* background: -webkit-linear-gradient(left, rgba(237,233,227,0) 0%,rgba(237,233,227,1) 20%,rgba(237,233,227,1) 100%); */
        /* background: linear-gradient(to right, rgba(237,233,227,0) 0%,rgba(237,233,227,1) 20%,rgba(237,233,227,1) 100%); */
}

@-moz-document url-prefix() {
    .frame-request .frameWrapper:before {
        display: none;
    }
}

@media (max-width: 1280px) {
.frame-request::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        pointer-events: none;
        -webkit-backdrop-filter: blur(10px);
        border-radius: 0 20px 20px 0;
        background-color: rgb(0 0 0 / 54%);
        mask-image: none;
        backdrop-filter: none;
}
.frame-request .frameWrapper:before {
        display: none;
}
        
}

@media (max-width: 1024px) {

.frame-request {
        max-width: 1280px;
        min-height: 491px;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        margin: 0 auto;
        position: relative;
        border-radius: 20px;
        background-size: cover;
}
        
}

@media (max-width: 600px) {
.frame-request {
        background: url(/up/not-found-car-bg-mob.jpg) left center no-repeat;
        /* background-size: auto 100%; */
        max-width: 1280px;
        min-height: 491px;
        box-sizing: border-box;
        padding: 0 20px 0 20px;
        margin: 0 auto;
        position: relative;
        border-radius: 20px;
        background-size: cover;
}
        
}

.frame-request .frameHeading {
        margin-right: 0;
        position: relative;
        z-index: 1
}

.frame-request .frameHeading .frameTitle {
        text-transform: none;
        font-size: 4rem;
}

.frame-request .textBlock {
        font-size: 2.4rem;
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
}

@media (max-width: 960px) {
.frame-request .textBlock {
        font-size: 2rem;
}
}

.frame-request .actionBlock {
        margin: 30px 0 0;
        position: relative;
        z-index: 1
}

.frame-request .actionBlock .action {
        display: inline-block;
        height: 36px;
        line-height: 36px;
        color: #fff;
        padding: 8px 12px;
        font-weight: bold;
        font-size: 2rem;
        text-decoration: none;
        transition: all 0.25s ease;
        border-radius: 10px;
        background: #009142;
        border: 2px solid #009142;
}

.frame-request .actionBlock .action:hover {
        background-color: transparent;
}

/* .frame-request .actionBlock .action:before {
        content: '';
        float: right;
        width: 16px;
        line-height: 36px;
        margin: 0 -5px 0 10px;
        font-family: 'Material Icons',sans-serif;
        font-weight: normal
} */

.serviceListBlock {
}

.serviceListBlock .serviceList {
        list-style: none;
        font-size: 0;
        justify-content: space-between;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
        column-gap: 39px;
        /* height: 314px; */
        max-width: 100%;
}

.serviceListBlock .serviceList .item {

}

.serviceListBlock .serviceList .item a {
        text-decoration: none;
        transition: all 0.25s ease;
}

.serviceListBlock .serviceList .item a:hover {
        color: #e30000
}

.serviceListBlock .serviceList .itemWrapper {
        font-size: 0;
        display: flex;
        align-items: center;
        background: #2C2C30;
        padding: 20px 10px 20px 20px;
        border-radius: 20px;
        text-decoration: none;
        box-shadow: 0px 15px 35px 0px rgba(0, 145, 66, 0.15);
        height: 107px;
        gap: 30px;
        transition: all 0.3s;
}

.serviceListBlock .serviceList .itemWrapper:hover {
        background: #009142;
}

.serviceListBlock .serviceList .itemWrapper:before {
        content: '';
        width: 80px;
        height: 80px;
        border-radius: 100px;
        background: #009142 center center no-repeat;
        transition: all 0.25s ease;
        background-size: 34px 34px;
        display: inline-block;
        flex-shrink: 0;
}

.serviceListBlock .serviceList .itemWrapper:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        min-height: 70px;
        width: 0
}

.serviceListBlock .serviceList a.itemWrapper:hover:before {
        background-color: #1f7142;
}

.serviceListBlock .serviceList .itemWrapper .caption {
        display: inline-block;
        vertical-align: middle;
        font-size: 2.6rem;
        font-weight: 500;
        color: #fff;
        line-height: 110%;
}

.serviceListBlock .serviceList .itemWrapper.item-credit::before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'><g clip-path='url(%23clip0_927_306)'><path d='M44.3281 3.93203C44.3281 1.92969 42.6953 0.296875 40.693 0.296875H4.30703C2.30469 0.296875 0.671875 1.92969 0.671875 3.93203V25.9234C0.671875 27.9258 2.30469 29.5586 4.30703 29.5586H22.1906C21.907 30.5469 21.7437 31.5867 21.7437 32.6609C21.7437 38.8828 26.8055 43.9531 33.0359 43.9531C39.2578 43.9531 44.3281 38.8914 44.3281 32.6609C44.3281 31.1141 44.0102 29.6359 43.443 28.2867C44.0016 27.6422 44.3281 26.8086 44.3281 25.9234V3.93203ZM33.0359 41.5297C28.1461 41.5297 24.1758 37.5508 24.1758 32.6695C24.1758 27.7797 28.1547 23.8094 33.0359 23.8094C37.9258 23.8094 41.8961 27.7883 41.8961 32.6695C41.9047 37.5508 37.9258 41.5297 33.0359 41.5297ZM41.9047 25.6914C39.8336 23.0617 36.6367 21.3687 33.0445 21.3687C28.825 21.3687 25.1469 23.6977 23.2133 27.1352H4.30703C3.63672 27.1352 3.09531 26.5938 3.09531 25.9234V14.2875H41.9047V25.6914ZM41.9047 11.8641H3.09531V7.75625H41.9047V11.8641ZM41.9047 5.33281H3.09531V3.93203C3.09531 3.26172 3.63672 2.72031 4.30703 2.72031H40.6844C41.3547 2.72031 41.8961 3.26172 41.8961 3.93203V5.33281H41.9047Z' fill='white'/><path d='M6.91954 19.9596H21.5461C22.2164 19.9596 22.7578 19.4182 22.7578 18.7479C22.7578 18.0775 22.2164 17.5361 21.5461 17.5361H6.91954C6.24923 17.5361 5.70782 18.0775 5.70782 18.7479C5.70782 19.4182 6.24923 19.9596 6.91954 19.9596Z' fill='white'/><path d='M6.91954 24.8063H15.4789C16.1492 24.8063 16.6906 24.2648 16.6906 23.5945C16.6906 22.9242 16.1492 22.3828 15.4789 22.3828H6.91954C6.24923 22.3828 5.70782 22.9242 5.70782 23.5945C5.70782 24.2648 6.24923 24.8063 6.91954 24.8063Z' fill='white'/><path d='M36.5594 27.8485L27.8969 35.6688C27.3984 36.1157 27.3641 36.8806 27.8109 37.379C28.3438 37.9548 29.0656 37.8688 29.5211 37.4649L38.1836 29.6446C38.682 29.1978 38.7164 28.4329 38.2695 27.9345C37.8227 27.4446 37.0578 27.4017 36.5594 27.8485Z' fill='white'/><path d='M29.2633 29.5499H30.3375C31.0078 29.5499 31.5492 29.0085 31.5492 28.3382C31.5492 27.6679 31.0078 27.1265 30.3375 27.1265H29.2633C28.593 27.1265 28.0516 27.6679 28.0516 28.3382C28.0516 29.0085 28.593 29.5499 29.2633 29.5499Z' fill='white'/><path d='M36.8172 35.772H35.743C35.0727 35.772 34.5312 36.3134 34.5312 36.9837C34.5312 37.654 35.0727 38.1954 35.743 38.1954H36.8172C37.4875 38.1954 38.0289 37.654 38.0289 36.9837C38.0289 36.3134 37.4875 35.772 36.8172 35.772Z' fill='white'/></g><defs><clipPath id='clip0_927_306'><rect width='44' height='44' fill='white' transform='translate(0.5 0.125)'/></clipPath></defs></svg>");
}

.serviceListBlock .serviceList .itemWrapper.item-longpay:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cg clip-path='url(%23clip0_927_321)'%3E%3Cmask id='mask0_927_321' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='45' height='45'%3E%3Cpath d='M0.5 0.458012H44.5V44.458H0.5V0.458012Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_927_321)'%3E%3Cpath d='M43.2109 43.1689H1.78906V14.6377H43.2109V43.1689Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.3672 32.771C26.3672 33.4829 25.79 34.0601 25.0781 34.0601C24.3662 34.0601 23.789 33.4829 23.789 32.771C23.789 32.0591 24.3662 31.4819 25.0781 31.4819C25.79 31.4819 26.3672 32.0591 26.3672 32.771Z' fill='white'/%3E%3Cpath d='M25.0782 25.0366L19.9219 32.771' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.211 25.0366C21.211 25.7485 20.6338 26.3257 19.9219 26.3257C19.21 26.3257 18.6328 25.7485 18.6328 25.0366C18.6328 24.3247 19.21 23.7476 19.9219 23.7476C20.6338 23.7476 21.211 24.3247 21.211 25.0366Z' fill='white'/%3E%3Cpath d='M31.5234 28.9038C31.5234 33.8873 27.4835 37.9272 22.5 37.9272C17.5165 37.9272 13.4766 33.8873 13.4766 28.9038C13.4766 23.9203 17.5165 19.8804 22.5 19.8804C27.4835 19.8804 31.5234 23.9203 31.5234 28.9038Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.78906 14.6382V6.90381H43.2109V14.6382' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.9219 6.90381V4.32568C19.9219 2.90187 21.0762 1.74756 22.5 1.74756C23.9238 1.74756 25.0782 2.90187 25.0782 4.32568V9.48193' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.03116 6.90381V4.32568C7.03116 2.90187 8.18547 1.74756 9.60928 1.74756C11.0331 1.74756 12.1874 2.90187 12.1874 4.32568V9.48193' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.8125 6.90381V4.32568C32.8125 2.90187 33.9668 1.74756 35.3907 1.74756C36.8145 1.74756 37.9688 2.90187 37.9688 4.32568V9.48193' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_927_321'%3E%3Crect width='44' height='44' fill='white' transform='translate(0.5 0.458496)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");

}

.serviceListBlock .serviceList .itemWrapper.item-tradein:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cg clip-path='url(%23clip0_927_402)'%3E%3Cpath d='M16.5449 25.9062H5.65625C3.7578 25.9062 2.21875 24.3672 2.21875 22.4688V15.5938C2.21875 13.6953 3.7578 12.1562 5.65625 12.1562H39.3438C41.2422 12.1562 42.7812 13.6953 42.7812 15.5938V22.4688C42.7812 24.3672 41.2422 25.9062 39.3438 25.9062H28.4551' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5312 25.9062V29.3438C12.5312 31.2422 10.9922 32.7812 9.09375 32.7812C7.1953 32.7812 5.65625 31.2422 5.65625 29.3438V25.9062' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M39.3438 25.9062V29.3438C39.3438 31.2422 37.8047 32.7812 35.9062 32.7812C34.0078 32.7812 32.4688 31.2422 32.4688 29.3438V25.9062' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.9688 19.0312H29.0312' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='9.09375' cy='19.0312' r='1.71875' fill='white'/%3E%3Ccircle cx='35.9062' cy='19.0312' r='1.71875' fill='white'/%3E%3Cpath d='M19.0625 38.9688L22.5 42.4062L25.9375 38.9688' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 29.3438V42.4062' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.09375 12.1562L12.8339 3.8687C13.3728 2.67477 14.5737 1.84375 15.9688 1.84375H29.0312C30.4263 1.84375 31.6272 2.67477 32.1661 3.8687L35.9062 12.1562' stroke='white' stroke-width='3.4375' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_927_402'%3E%3Crect width='44' height='44' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}

.serviceListBlock .serviceList .itemWrapper.item-new:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='45' viewBox='0 0 45 45' fill='none'%3E%3Cg clip-path='url(%23clip0_927_279)'%3E%3Cpath d='M14.0584 35.3117C14.0584 37.3744 12.3862 39.0467 10.3234 39.0467C8.2607 39.0467 6.58844 37.3744 6.58844 35.3117C6.58844 33.2489 8.2607 31.5767 10.3234 31.5767C12.3862 31.5767 14.0584 33.2489 14.0584 35.3117Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M38.4597 35.3117C38.4597 37.3744 36.7875 39.0467 34.7247 39.0467C32.662 39.0467 30.9897 37.3744 30.9897 35.3117C30.9897 33.2489 32.662 31.5767 34.7247 31.5767C36.7875 31.5767 38.4597 33.2489 38.4597 35.3117Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.0585 35.3115H30.9897' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.58841 35.3114L3.85913 35.0636C2.7495 34.9766 1.84423 34.0925 1.79155 32.9807C1.78992 32.9453 1.78906 32.9097 1.78906 32.874V27.3405C1.78906 26.002 2.78577 24.873 4.11384 24.7071C5.2691 24.5627 6.38938 24.2136 7.42218 23.6762L13.0269 20.7604C14.479 20.0343 16.0803 19.6562 17.7038 19.6562H20.8647C22.4103 19.6562 23.9289 20.0251 25.2964 20.7264C25.7237 20.9456 26.1254 21.2113 26.5033 21.5075L31.9096 25.7447C31.9096 25.7447 37.2833 25.7447 41.5077 27.7064C42.5539 28.1923 43.2109 29.2538 43.2109 30.4074V33.531C43.2109 34.5142 42.4138 35.3113 41.4306 35.3113H38.4597' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M31.9097 25.7448H12.135C11.1444 25.7448 10.1944 25.3513 9.4939 24.6508L8.34689 23.5039' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.1886 30.3921H23.8113' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M42.4056 11.0023C38.9592 11.0023 36.6065 13.3555 36.6065 16.8019C36.6065 13.3555 34.2537 11.0023 30.8073 11.0023C34.2537 11.0023 36.6065 8.64956 36.6065 5.20312C36.6065 8.64956 38.9592 11.0023 42.4056 11.0023Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3874 11.0023C9.94092 11.0023 7.58821 13.3555 7.58821 16.8019C7.58821 13.3555 5.2355 11.0023 1.78906 11.0023C5.2355 11.0023 7.58821 8.64956 7.58821 5.20312C7.58821 8.64956 9.94092 11.0023 13.3874 11.0023Z' stroke='white' stroke-width='2.57812' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='41.1395' cy='20.8843' r='1.28906' fill='white'/%3E%3Ccircle cx='16.0358' cy='6.18604' r='1.28906' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_927_279'%3E%3Crect width='44' height='44' fill='white' transform='translate(0.5 0.125)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.serviceListBlock .serviceList .item-comission .itemWrapper:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS41OCAyNC4zNXYtMS42bDI2Ljg0LTEuNXYxLjZsLTI2Ljg0IDEuNXptMjYuODQtOS41djQuOGwtMjYuODQgMS41di00LjhsMjYuODQtMS41em0tMTEuMDUtNi4ydjEuNzVjMCAuMy4xNi41OC40My43Mi4xLjA1Ljk4LjQ4IDEuOTMuNDhzMS44NC0uNDMgMS45NC0uNDhjLjI2LS4xNC40My0uNDIuNDMtLjcydi00bDIuMjgtMS4wN2MuOS43NSAxLjg3IDIuMDcgMi42NCAzLjYzLjczIDEuNDcgMS4yIDMgMS4zNSA0LjNsLTIzLjU0IDEuMyAxMi41NC01Ljkyem0xLjU3LTYuMTZsLjgtLjQuNzguNHY3LjNjLS4yMyAwLS41Mi4xLS44LjEtLjI1IDAtLjU0LS4xLS43OC0uMThWMi41em05LjUgNS43Yy0xLTIuMS0yLjMtMy43LTMuNTMtNC41LS4yLS4yLS41LS4yLS43LS4xbC0yIC45MlYyYzAgLjMtLjE0LS41OC0uNC0uNzJsLTEuNi0uOGMtLjIzLS4xLS41LS4xLS43IDBsLTEuNi44Yy0uMjYuMTQtLjQyLjQyLS40Mi43MnY0Ljg4bC0xNi45IDhjLS4wNy4wMi0uMTQuMDctLjIuMTNsLS4xLjFjLS4xLjItLjE2LjMtLjE2LjV2OS42YzAgLjMuMS41LjI2LjYuMTMuMi4zMy4yLjUzLjJsMjguNC0xLjZjLjQgMCAuNzYtLjMuNzYtLjhWMTRjMC0xLjY1LS41OC0zLjc0LTEuNTctNS43NnoiLz48L3N2Zz4=)
}

.serviceListBlock .serviceList .item-sell .itemWrapper:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMCAzMS43NmgzMS43NlYwSDB2MzEuNzZ6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PG1hc2kgaWQ9ImIiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI2EiLz48L21hc2k+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTI5Ljc1IDI5LjZsLS4xNi4xNGMtLjIuMTctLjQuMjUtLjYuMjQtLjIgMC0uNC0uMS0uNi0uMjdsLTEwLjgtMTIgMTIgMTAuOGMuMTYuMi4yNi40LjI2LjYgMCAuMjgtLjA3LjQ4LS4yMy42ek03LjYzIDIxLjQ3bC01Ljg1LTUuODUgMS40LTEuNCA1Ljg2IDUuODQtMS40IDEuNHptNi4yMi0xNi4xNWw0LjA4IDQuMDgtOC41MiA4LjUzLTQtNC4wOCA4LjUtOC41MnptMS43OC0zLjU1bDUuODYgNS44NS0xLjUgMS40LTUuOS01Ljg1IDEuNC0xLjR6bTE2LjEzIDI3LjE4Yy0uMDItLjctLjMzLTEuMzYtLjg2LTEuODRMMTYuMDMgMTMuOGwzLjItMy4yYy4yNi4xMy41NS4yLjg1LjIuNDcgMCAuOTItLjIgMS4yNS0uNWwxLjQtMS40Yy4zNS0uMzYuNTMtLjguNTMtMS4yOHMtLjE4LS45Mi0uNTItMS4yNkwxNi45LjUyQzE2LjU0LjIgMTYuMSAwIDE1LjYyIDBzLS45Mi4yLTEuMjYuNTJsLTEuNCAxLjRjLS4zNC4zNC0uNTIuOC0uNTIgMS4yNiAwIC4zLjA3LjYuMi44NEw0IDEyLjY1Yy0uMjQtLjEzLS41My0uMi0uODItLjItLjUgMC0uOTQuMTgtMS4yNy41TC41IDE0LjM3Yy0uNy43LS43IDEuODIgMCAyLjUybDUuODUgNS44Yy4zNC4zLjguNSAxLjI2LjUuNSAwIDEtLjIgMS4zLS41bDEuNC0xLjRjLjYtLjYuNy0xLjUuMy0yLjFsMy4yLTMuMiAxMy4zIDE0LjljLjUuNSAxLjIuOCAxLjkuOHMxLjM4LS4zIDEuODctLjhsLjE1LS4yYy41LS41Ljc4LTEuMTguNzYtMS45eiIgbWFzaz0idXJsKCNiKSIvPjwvZz48L3N2Zz4=)
}

.serviceListBlock .serviceList .item-other .itemWrapper:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
        background-position: center 45%
}

.frame-news {
}

.frame-news .newsListBlock {
}

.frame-news .newsListBlock .newsList {
        margin: 0 0 -30px -30px;
        padding: 0;
        list-style: none;
        font-size: 0;
        -webkit-display: flex;
        display: flex
}

.frame-news .newsListBlock .newsList .item {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 30px;
        padding: 0 0 0 30px;
        box-sizing: border-box;
        width: 33.3333%;
        font-size: 1.6rem
}

.frame-news .newsListBlock .newsList .item .itemWrapper {
        display: block;
        height: 100%;
        position: relative
}

.frame-news .newsListBlock .newsList .item .imageBlock {
        display: block;
        height: 236px;
        width: 100%;
        overflow: hidden;
        position: relative;
        float: none;
        margin: 0
}

.frame-news .newsListBlock .newsList .item .imageBlock .imageWrapper {
        position: absolute;
        left: -150%;
        top: -150%;
        bottom: -150%;
        right: -150%;
        font-size: 0;
        text-align: center
}

.frame-news .newsListBlock .newsList .item .imageBlock .imageWrapper:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
}

.frame-news .newsListBlock .newsList .item .imageBlock .imageWrapper .image {
        display: inline-block;
        vertical-align: middle;
        min-width: 25%;
        min-height: 25%;
        font-size: 1.4rem;
        width: auto
}

.frame-news .newsListBlock .newsList .item .title {
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 20px;
        right: 0;
        max-width: 250px;
        border-radius: 0 18px 0 0;
        background: #333333;
        color: #fff;
        transition: all 0.25s ease;
        line-height: 1.625
}

.frame-news .newsListBlock .newsList .item a:hover .title {
        background: #009142;
}

.frame-content {
        margin: 0 0 50px
}

.frame-content .frameHeading {
        margin: 30px 0 0px;
}

.frame-content .contentHolder {
}

.frame-content .contentHolder-asided>.contentBlock {
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-right: 400px
}

.frame-content .contentHolder-asided>.contentBlock+.asideBlock {
        float: left;
        width: 370px;
        margin-left: -370px
}

.frame-content .asideBlock .feedbackBlock {
        background: #272830;
        padding: 30px;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
}

.frame-content .asideBlock .feedbackBlock::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 647px;
    border-radius: 647px;
    filter: blur(175px);
    z-index: 0;
}

.frame-content .asideBlock .feedbackBlock::before {
    background: #0E502C;
    top: -200px;
    right: -200px;
}

.feedbackFormBlock {
        position: relative;
        z-index: 1;
}

.frame-content .asideBlock .feedbackBlock>:first-child {
        margin-top: 0
}

.frame-content .asideBlock .feedbackBlock .field .title {
        display: block
}

.feedbackFormBlock [type="submit"] {
        width: auto
}

.siteErrorBlock {
        padding: 140px 0;
        font-size: 1.8rem
}

.siteErrorBlock:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: -140px;
        left: 0;
        top: 0;
        /* background: url(../vis/page_error404_bg.jpg) right bottom no-repeat; */
        z-index: -1;
        background-size: contain
}

.siteErrorBlock .blockWrapper {
        max-width: 470px;
        height: 600px;
        position: relative;
}

@media (max-width: 900px) {
        .siteErrorBlock .blockWrapper {
        height: 120px;
}
.siteErrorBlock {
        padding: 40px 0 180px;
        font-size: 1.8rem
}       
}

@media (max-width: 1280px) {
.serviceListBlock .serviceList .itemWrapper .caption {
        font-size: 2rem;
}
}


.siteErrorBlock .blockTitle {
        font-size: 3.6rem;
        color: rgba(255, 255, 255, 0.70);
        margin: 0 0 20px;
        font-weight: bold
}

.siteErrorBlock .textBlock {
        margin: 20px 0
}

.siteErrorBlock .actionBlock {
        margin: 80px 0 0;
}

.siteErrorBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: inline-block;
        border-radius: 24px;
        padding: 0 15px;
        margin: 5px 0 0;
        text-decoration: none;
        font-size: 1.4rem;
        color: #fff;
        transition: all 0.3s;
}

.siteErrorBlock .actionBlock .action:hover {
        border: 1px #009142 solid;
}

.breadcrumbsBlock {
        margin: 0 0 30px;
        padding: 40px 0 0;
        font-size: 1.4rem;
        line-height: 1.57
}

.breadcrumbsBlock a {
        color: #68686E;
        text-decoration: none
}

.breadcrumbsBlock a:hover {
        text-decoration: underline
}

.paginationBlock {
        margin: 30px 0;
        background: #2f2f32;
        padding: 10px;
        text-transform: lowercase;
        border-radius: 20px;
}

.paginationBlock a {
        text-decoration: none;
        color: #fff;
}

.paginationBlock .step {
        background: transparent;
        line-height: 36px;
        font-weight: bold;
        padding: 0 15px;
        width: 90px;
        color: #fff;
        text-decoration: none;
        font-size: 1.4rem;
        border: 1px solid #fff;
}

.paginationBlock .step:hover {
        background: transparent;
        border: 1px solid #009142;
}

.paginationBlock .step-prev {
        float: left;
        border-radius: 18px 4px 4px 18px;
        text-align: right
}

.paginationBlock .step-prev:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "Material Icons";
        font-size: 1.6rem;
        font-weight: normal;
        margin: 0px 10px 0px 0px;
        float: left
}

.paginationBlock .step-next {
        float: right;
        border-radius: 4px 18px 18px 4px;
        text-align: left
}

.paginationBlock .step-next:before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        font-family: "Material Icons";
        font-size: 1.6rem;
        font-weight: normal;
        margin: 0px 0px 0px 10px;
        float: right;
}

.paginationBlock .pageListBlock {
        overflow: hidden;
        text-align: center
}

.paginationBlock .pageListBlock .pageList {
        margin: 0 0 0 -10px;
        font-size: 0;
        padding: 0;
        list-style: none
}

.paginationBlock .pageListBlock .pageList .page {
        margin: 0 0 0 10px;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        font-size: 1.4rem
}

.paginationBlock .pageListBlock .pageList .page a {
        display: block;
        border: 1px transparent solid;
        line-height: 34px;
        padding: 0 14px;
        border-radius: 4px
}

.paginationBlock .pageListBlock .pageList .page a:hover {
        border: 1px solid #fff;
        border-radius: 100px;
}

.paginationBlock .pageListBlock .pageList .page-active a {
        background: #009142;
        border: 1px solid #59595b;
        border-radius: 100px;
}

.newsListBlock {
}

.newsListBlock .newsList {
        margin: 0 0 -10px;
        padding: 0;
        list-style: none
}

.newsListBlock .item {
        margin: 0 0 40px;
        padding: 0 0 0 600px;
        display: block
}

.newsListBlock .item:after {
        content: '';
        display: table;
        clear: both
} 

.newsListBlock .item .dateBlock {
        background: #009142;
        color: #fff;
        float: left;
        margin-left: -600px;
        width: 80px;
        padding: 30px;
        font-size: 1.6rem;
        line-height: 1.56;
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
        border-radius: 20px 0px 0px 20px;
}

.newsListBlock .item .dateBlock .day {
        color: #fff;
        font-size: 3rem;
        margin: 0 0 10px;
        font-weight: bold
}

.newsListBlock .item .imageBlock {
        background: #666;
        float: left;
        margin-left: -460px;
        width: 430px;
        overflow: hidden;
        position: relative;
        border-radius: 0px 20px 20px;
}

.newsListBlock .item .imageBlock .image {
        display: block;
        width: 100%;
}

.newsListBlock .item .contentBlock {
}

.newsListBlock .item .contentBlock .title {
        font-size: 1.8rem;
        line-height: 1.56;
        display: block;
        font-weight: normal;
        color: #333
}

.newsListBlock .item .contentBlock .title a {
        text-decoration: none;
        color: #fff;
        display: inline-block
}

.newsListBlock .item .contentBlock .title a:hover {
        text-decoration: underline
}

.newsListBlock .item .contentBlock .announce {
        display: block;
        margin: 20px 0 0;
        color: #5b5956;
        font-size: 1.6rem;
        line-height: 1.625;
        color: rgba(255, 255, 255, 0.70);
}

.articleListBlock {
}

.articleListBlock .articleList {
        margin: 0 0 -10px -130px;
        padding: 0;
        list-style: none;
        font-size: 0;
}

.articleListBlock .item {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 40px;
        padding: 0 0 0 130px;
        width: 50%;
        box-sizing: border-box;
        font-size: 1.6rem;
        position: relative
}

.articleListBlock .item:after {
        content: '';
        display: table;
        clear: both
}

.articleListBlock .item .dateBlock {
        color: #6f7979;
        display: block;
        margin: 20px 0 10px;
        font-size: 1.4rem;
        line-height: 1.57
}

.articleListBlock .item .tagListBlock {
        position: absolute;
        top: 204px;
        left: 130px;
        right: 0;
        white-space: nowrap
}

.articleListBlock .item .tagListBlock .tagList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
}

.articleListBlock .item .tagListBlock .tagList .tag {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.3rem;
        margin: 0 0 0 10px;
        padding: 0;
        background: #888;
        border-radius: 20px;
}

.articleListBlock .item .tagListBlock .tagList .tag a {
        color: #fff;
        padding: 4px 8px;
        display: block;
        text-decoration: none
}

.articleListBlock .item .tagListBlock .tagList .tag a:hover {
        text-decoration: underline
}

.articleListBlock .item .imageBlock {
        background: #666;
        width: 100%;
        height: 240px;
        overflow: hidden;
        position: relative;
        border-radius: 20px;
}

.articleListBlock .item .imageBlock .imageWrapper {
        position: absolute;
        left: -150%;
        top: -150%;
        right: -150%;
        bottom: -150%;
        font-size: 0;
        text-align: center;
}

.articleListBlock .item .imageBlock .imageWrapper:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0
}

.articleListBlock .item .imageBlock .image {
        min-width: 25%;
        display: inline-block;
        vertical-align: middle;
}

.articleListBlock .item .contentBlock {
}

.articleListBlock .item .contentBlock .title {
        font-size: 1.8rem;
        line-height: 1.56;
        display: block;
        font-weight: normal;
        color: #333;
        margin-top: 20px;
}

.articleListBlock .item .contentBlock .title a {
        display: block;
        text-decoration: none;
        color: #fff;
        transition: all 0.25s ease
}

.articleListBlock .item .contentBlock .title a:hover {
        color: #009142;
}

.articleListBlock .item .contentBlock .announce {
        display: block;
        margin: 20px 0 0;
        font-size: 1.6rem;
        line-height: 1.625;
        color: rgba(255, 255, 255, 0.70);
}

article img {
        max-width: 100%
}

article figure {
        margin: 40px 0;
        padding: 0;
        width: auto
}

article figure img {
        display: block;
}

article {
        display: block;
}

article ul {
        display: block;
        margin: 40px 0;
        padding: 0 0 0 55px;
        list-style: none;
        counter-reset: item
}

article ul li {
        margin: 20px 0;
        padding: 0;
        counter-increment: item
}

article ul li:before {
        content: '';
        font-family: 'Material Icons',sans-serif;
        color: #009142;
        display: inline-block;
        vertical-align: middle;
        margin: 0 14px 0 -30px;
        width: 16px;
        line-height: 16px
}

article ol {
        display: block;
        margin: 40px 0;
        padding: 0 0 0 55px;
        list-style: none;
        counter-reset: item
}

article ol li {
        margin: 20px 0;
        padding: 0;
        counter-increment: item
}

article ol li:before {
        content: counter(item);
        width: 33px;
        line-height: 33px;
        float: left;
        margin: -4px 0 0 -55px;
        text-align: center;
        background: #009142;
        border-radius: 100%;
        color: #fff;
        font-weight: 600;
}

.serviceBlock:after {
        content: '';
        display: table;
        clear: both
}

.serviceBlock .descriptionBlock {
        padding-right: 400px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.60);
}

.serviceBlock .descriptionBlock>:first-child {
        margin-top: 0
}

.serviceBlock .descriptionBlock+.asideBlock {
        float: left;
        width: 370px;
        margin-left: -370px
}

.asideBlock .requestBlock {
        margin: 0 0 30px;
        background: #272830;
        padding: 30px;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
}

.asideBlock .requestBlock::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 647px;
        border-radius: 647px;
        filter: blur(175px);
        z-index: 0;
}

.asideBlock .requestBlock::before {
        background: #0E502C;
        top: -200px;
        right: -200px;
}

.asideBlock .requestBlock .blockTitle {
        font-size: 2rem;
        display: block;
        margin: 0 0 25px
}

.asideBlock .requestBlock .managerBlock {
        padding: 0 0 0 90px
}

.asideBlock .requestBlock .managerBlock:after {
        content: '';
        display: table;
        clear: both
}

.asideBlock .requestBlock .managerBlock .personBlock {
        display: block
}

.asideBlock .requestBlock .managerBlock .personBlock .imageBlock {
        float: left;
        margin-left: -90px;
        width: 70px;
        overflow: hidden;
        background: #666
}

.asideBlock .requestBlock .managerBlock .personBlock .imageBlock .image {
        display: block;
        width: 100%
}

.asideBlock .requestBlock .managerBlock .personBlock .position {
        font-size: 1.2rem;
        display: block;
        color: #666
}

.asideBlock .requestBlock .managerBlock .personBlock .name {
        font-size: 1.6rem;
        font-weight: bold
}

.asideBlock .requestBlock .managerBlock .subtitle {
        font-size: 1.4rem;
        color: #83807b;
        margin: 10px 0 0;
        display: block
}

.asideBlock .requestBlock .requestFormBlock {
        font-size: 1.4rem
}

.asideBlock .requestBlock .requestFormBlock {
        margin: 40px 0 0
}

.asideBlock .requestBlock .requestFormBlock .wrapper {
        position: relative
}

.asideBlock .requestBlock .requestFormBlock .title {
        /* text-transform: uppercase; */
        display: block;
        margin: 0 0 10px;
        margin-bottom: 8px;
        color: #797979;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
}

.asideBlock .requestBlock .requestFormBlock .unit {
        position: absolute;
        line-height: 36px;
        right: 10px;
        top: 0;
        bottom: 0;
        color: #b6b1ab
}

.asideBlock .requestBlock .requestFormBlock .field-with-unit input {
        padding-right: 3em
}

.asideBlock .requestBlock .requestFormBlock .fieldGroup .fieldList {
        margin-bottom: -10px
}

.asideBlock .requestBlock .requestFormBlock .fieldGroup .field {
        margin-bottom: 10px
}

.asideBlock .requestBlock .requestFormBlock .submitBlock .submit {
        display: inline-block;
        width: auto;
        font-size: 1.4rem
}

.asideBlock .requestBlock .requestFormBlock .rangeHandleBlock {
        margin: 35px 0 0;
        padding-bottom: 0px;
        width: 100%;
}

.asideBlock .requestBlock .requestFormBlock .noUi-target {
        height: 4px;
        background: #828282 !important;
        border: 1px solid #828282 !important;
        padding: 0 18px !important;
        box-shadow: none !important;
}

.rangeHandle .noUi-handle:hover {
  transform: scale(1.1);
}


.asideBlock .requestBlock .requestFormBlock .noUi-handle:after {
        content: '';
        border: 4px transparent solid;
        border-bottom: 0;
        border-top-color: #c96c6c;
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin: 0 0 0 -4px
}


/* Бегунок (handle) */
.rangeHandle .noUi-handle {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  background: #009042;
  cursor: pointer;
  border: none;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  transition: transform 0.2s;
  left: -10px !important;
  top: -9px !important;
}




.rangeHandle .noUi-handle:before,
.rangeHandle .noUi-handle:after {
  display: none; 
}


.rangeHandle .noUi-marker-large {
  height: 0px !important;
}

.rangeHandle .noUi-marker-normal {
  height: 0px !important;
}


.rangeHandle .noUi-value {
  font-size: 12px !important;
  color: #666 !important;
  padding-top: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
        height: 0px !important;
}

.asideBlock .requestBlock .requestFormBlock .noUi-pips-horizontal {
        left: 13px;
        right: 15px;
        width: 92%;
        padding: 0px 0;
}


.asideBlock .requestBlock .requestFormBlock .noUi-handle:after {
        content: '';
        border: 4px transparent solid;
        border-bottom: 0;
        border-top-color: #009042;
        position: absolute;
        bottom: -7px;
        left: 50%;
        margin: 0 0 0 -4px
}

.articleBlock {
        padding-right: 400px;
        float: left;
        width: 100%;
        box-sizing: border-box;
        color: rgba(255, 255, 255, 0.60);
}

.articleBlock .propertiesBlock {
        margin: 0 0 40px;
        font-size: 1.4rem;
        color: #68686E;
}

.articleBlock .propertiesBlock:after {
        content: '';
        display: table;
        clear: both
}

.articleBlock .propertiesBlock .detailsBlock {
        float: left
}

.articleBlock .propertiesBlock .detailsBlock .dateBlock {
        color: #68686E;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        font-size: 1.4rem;
        line-height: 1.57
}

.articleBlock .propertiesBlock .detailsBlock .tagListBlock {
        display: inline-block;
        vertical-align: middle;
}

.articleBlock .propertiesBlock .detailsBlock .tagListBlock .tagList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
}

.articleBlock .propertiesBlock .detailsBlock .tagListBlock .tagList .tag {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.3rem;
        margin: 0 0 0 10px;
        padding: 0;
        background: #888;
        border-radius: 20px;
}

.articleBlock .propertiesBlock .detailsBlock .tagListBlock .tagList .tag a {
        color: #fff;
        padding: 4px 8px;
        display: block;
        text-decoration: none
}

.articleBlock .propertiesBlock .detailsBlock .tagListBlock .tagList .tag a:hover {
        text-decoration: underline
}

.articleBlock .propertiesBlock .metaBlock {
        float: right
}

.articleBlock .propertiesBlock .metaBlock .meta {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        padding-left: 20px
}

.articleBlock .propertiesBlock .metaBlock .meta-views:before {
        content: '';
        display: inline-block;
        font-family: 'Material Icons';
        vertical-align: middle;
        margin: 0 5px 0 -20px
}

.articleBlock .propertiesBlock .metaBlock .meta-comments:before {
        content: '';
        display: inline-block;
        font-family: 'Material Icons';
        vertical-align: middle;
        margin: 0 5px 0 -20px
}

.articleBlock .propertiesBlock .metaBlock .meta .title {
        display: none
}

.articleBlock .introductionBlock {
        font-size: 1.8rem;
        line-height: 1.56
}

.articleBlock .commentBlock {
        margin: 80px 0 0;
        clear: both
}

.articleBlock .extraBlock {
        margin: 40px 0
}

.articleBlock .extraBlock:after {
        content: '';
        display: table;
        clear: both
}

.articleBlock .extraBlock .shareBlock {
        float: right;
}

.articleBlock .extraBlock .returnBlock {
        float: left;
}

.articleBlock .extraBlock .returnBlock .link-back {
        display: inline-block;
        white-space: nowrap;
        background: transparent;
        border: 1px solid #009142;
        line-height: 36px;
        font-weight: bold;
        padding: 0 15px;
        color: #fff;
        text-decoration: none;
        border-radius: 18px 4px 4px 18px;
        text-align: right;
        font-size: 1.4rem;
        transition: all 0.25s ease
}

.articleBlock .extraBlock .returnBlock .link-back:hover {
        background-color: #009142;
        border: 1px solid #009142;
}

.articleBlock .extraBlock .returnBlock .link-back:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin: 0 30px 0 0;
        font-family: 'Material Icons',sans-serif;
        font-size: 1.6rem;
        font-weight: normal
}

.articleBlock+.asideBlock {
        float: left;
        margin-left: -340px;
        width: 340px;
}

.catalogItemBlock {
}

.catalogItemBlock .mainBlock {
        float: left;
        width: 100%;
        padding-right: 400px;
        box-sizing: border-box
}

.catalogItemBlock .mainBlock+.detailedBlock {
        float: left;
        width: 370px;
        margin-left: -370px
}

.catalogItemBlock .galleryBlock {
        margin: 0 0 80px
}

.catalogItemBlock .galleryBlock .previewBlock {
        padding: 0 0 62.5%;
        margin: 0 0 20px;
        position: relative;
        height: 0;
        /* background: #666; */
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock {
        position: absolute;
        left: 30px;
        top: 30px;
        right: 30px;
        bottom: 30px;
        font-size: 0;
        text-align: left;
        opacity: 1;
        visibility: visible;
        transition: all 0.25s ease 1.5s;
        z-index: 3;
}

.catalogItemBlock .galleryBlock .previewBlock-loading .commentBlock, .catalogItemBlock .galleryBlock .previewBlock .commentBlock-empty {
        opacity: 0;
        visibility: hidden;
        transition: none;
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock:after {
        content: '';
        display: inline-block;
        vertical-align: top;
        width: 0;
        height: 100%;
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock[data-comment-pos^="center:"] {
        text-align: center
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock[data-comment-pos^="right:"] {
        text-align: right
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock[data-comment-pos$=":center"]:after, .catalogItemBlock .galleryBlock .previewBlock .commentBlock[data-comment-pos$=":middle"]:after {
        vertical-align: middle
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock[data-comment-pos$=":bottom"]:after {
        vertical-align: bottom
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock .blockWrapper {
        background: #49494d;
        color: #fff;
        font-size: 1.6rem;
        padding: 5px 15px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 4px;
        white-space: nowrap
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock .comment {
        white-space: normal;
        display: inline-block;
        vertical-align: middle;
}

.catalogItemBlock .galleryBlock .previewBlock .commentBlock .action-close {
        display: inline-block;
        margin: 0 0 0 15px;
        vertical-align: middle;
        font-size: 2rem;
        text-decoration: none;
        color: #fff;
}

.catalogItemBlock .galleryBlock .previewBlock .videoBlock {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #000;
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease 1.5s;
        z-index: 2;
}

.catalogItemBlock .galleryBlock .previewBlock-video .videoBlock {
        opacity: 1;
        visibility: visible;
}

.catalogItemBlock .galleryBlock .previewBlock .videoBlock iframe {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border: 0
}

.catalogItemBlock .galleryBlock .previewBlock .imageBlock {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: transparent;
        overflow: hidden;
        text-align: center;
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease 1.5s;
        z-index: 1;
}

.catalogItemBlock .galleryBlock .previewBlock-image .imageBlock {
        opacity: 1;
        visibility: visible;
}

.catalogItemBlock .galleryBlock .previewBlock:before {
        content: '';
        width: 40px;
        height: 40px;
        border: 3px #009142 solid;
        border-left-color: #ece8e1;
        border-radius: 100%;
        border;
        animation: spin 3s infinite linear;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -23px 0 0 -23px;
        transform: translateZ(0);
        transition: all 0.5s ease;
        z-index: 3
}

.catalogItemBlock .galleryBlock .previewBlock-loading:before {
        opacity: 1;
        visibility: visible
}

.catalogItemBlock .galleryBlock .previewBlock .imageWrapper {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
}

.catalogItemBlock .galleryBlock .previewBlock .imageBlock .image {
        display: block;
        height: 100%;
        width: 100%;
        object-fit: cover;
        font-family: 'object-fit:cover;';
        cursor: zoom;
        -webkit-cursor: zoom-in;
        cursor: zoom-in;
        border-radius: 20px;
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 5
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step {
        position: absolute;
        top: -18px;
        width: 36px;
        height: 36px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.25s ease
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-inactive {
        opacity: 0;
        cursor: default;
        visibility: hidden
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.25s ease
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-prev {
        left: 20px
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-prev:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyTC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-prev:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyLC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-next {
        right: 20px
}

.catalogItemBlock .galleryBlock .previewBlock .navBlock .step-next:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMtLjAyTDI1LjAyIDEyIDEzIDI0LjAybC0yLjEtMi4xIDguMzYtOC40NEguOTh2LTIuOTZoMTguMjhMMTAuOSAyLjEiLz48L3N2Zz4=) center center no-repeat;
}

.catalogItemBlock .galleryBlock .imageList {
        margin: 0 0 -20px -30px;
        padding: 0;
        list-style: none;
        font-size: 0
}

.catalogItemBlock .galleryBlock-single .imageList {
        display: none
}

.catalogItemBlock .galleryBlock-single .navBlock {
        display: none
}

.catalogItemBlock .galleryBlock .imageList .item {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        padding-left: 30px;
        box-sizing: border-box;
        margin: 0 0 20px;
        font-size: 1.4rem;
        position: relative
}

.jsEnabled .catalogItemBlock .galleryBlock .imageList .item:nth-child(8)~.item {
        display: none
}

.jsEnabled .catalogItemBlock .galleryBlock-full .imageList .item:nth-child(8)~.item {
        display: inline-block
}

.catalogItemBlock .galleryBlock .imageList a {
        display: block;
        overflow: hidden;
        /* background: #666; */
        padding: 0 0 73.4%;
        position: relative;
        overflow: hidden;
        text-align: center
}

.catalogItemBlock .galleryBlock .imageList a[data-video]:after {
        content: '';
        font-family: 'Material Icons',sans-serif;
        font-size: 3.6rem;
        color: #fff;
        width: 36px;
        height: 36px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -18px 0 0 -18px;
        line-height: 3.6rem
}

.catalogItemBlock .galleryBlock .imageList a.switcher {
        position: absolute;
        left: 30px;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        background: none;
        font-size: 0
}

.catalogItemBlock .galleryBlock .imageList a.switcher:after {
        content: '';
        width: 0;
        height: 100%;
        display: inline-block;
        vertical-align: middle
}

.catalogItemBlock .galleryBlock .imageList a.switcher .title {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
        font-size: 1.8rem
}

.catalogItemBlock .galleryBlock .imageList a.switcher:hover .title {
        text-decoration: underline
}

.catalogItemBlock .galleryBlock .imageList a.switcher .title .photo:after {
        content: '';
        font-family: 'Material Icons',sans-serif;
        display: inline-block;
        margin: 0 0 0 5px;
        vertical-align: middle
}

.catalogItemBlock .galleryBlock .imageList .imageWrapper {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
}

.catalogItemBlock .galleryBlock .imageList .imageWrapper .image {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-object-fit: cover;
        object-fit: cover;
        font-family: 'object-fit:cover;';
        border-radius: 20px;
}

@media(max-width: 960px) {
.catalogItemBlock .galleryBlock .imageList .imageWrapper .image {
        border-radius: 0px;
}
}

.catalogItemBlock .equipmentListBlock {
        margin: 40px 0
}

.catalogItemBlock .equipmentListBlock .blockTitle {
        font-size: 3rem;
        color: #ffffff;
        margin: 30px 0
}

.catalogItemBlock .equipmentListBlock .sectionTitle {
        font-size: 2.2rem;
        color: #ffffff;
        margin: 30px 0 20px
}

.catalogItemBlock .equipmentListBlock .equipmentList {
        margin: 20px 0;
        padding: 0;
        list-style: none;
        color: rgba(255, 255, 255, 0.60);
        font-size: 0
}

.catalogItemBlock .equipmentListBlock .equipmentList .item {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0 30px 20px 30px;
        width: 50%;
        box-sizing: border-box;
        font-size: 1.6rem
}

.catalogItemBlock .equipmentListBlock .equipmentList .item:before {
        content: '';
        font-family: 'Material Icons',sans-serif;
        color: #009142;
        display: inline-block;
        vertical-align: middle;
        margin: 0 14px 0 -30px;
        width: 16px;
        line-height: 16px
}

.catalogItemBlock .questionListBlock {
        margin: 80px 0 0;
}

.catalogItemBlock .questionListBlock .blockHeading {
        margin: 0 0 30px
}

.catalogItemBlock .questionListBlock .blockHeading:after {
        content: '';
        display: table;
        clear: both
}

.catalogItemBlock .questionListBlock .title {
        color: #fff;
        margin: 0;
        float: left;
}

.catalogItemBlock .questionListBlock .actionBlock {
        float: right
}

.catalogItemBlock .questionListBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: block;
        border-radius: 24px;
        padding: 0 15px;
        margin: 5px 0 0;
        text-decoration: none;
        font-size: 1.4rem;
        transition: all 0.25s ease;
        color: #fff;
}

.catalogItemBlock .questionListBlock .actionBlock .action:hover {
        border-color: #009142;
}

.catalogItemBlock .questionListBlock .questionList {
        margin: 30px 0 0;
        padding: 0;
        list-style: none
}

.catalogItemBlock .questionListBlock .questionList .item {
        margin: 0 0 40px;
        padding: 0
}

.catalogItemBlock .questionListBlock .questionList .detailsBlock {
        color: #797979;
        font-size: 1.4rem;
        margin: 0 0 10px
}

.catalogItemBlock .questionListBlock .questionList .item .detailsBlock:before {
        content: '';
        font-family: 'Material Icons',sans-serif;
        color: #797979;
        float: left;
        margin: 0 0 0 -20px
}

.catalogItemBlock .questionListBlock .questionList .textBlock {
        color: rgba(255, 255, 255, 0.70);
        font-size: 1.6rem;
        margin: 10px 0 0
}

.catalogItemBlock .questionListBlock .questionList .questionBlock {
        padding-left: 20px;
}

.catalogItemBlock .questionListBlock .questionList .answerBlock {
        display: inline-block;
        border: 1px #1C1C1C solid;
        padding: 20px 40px;
        color: #fff;
        margin: 20px 0 0;
        background: #2F2F32;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
}

.catalogItemBlock .questionListBlock .questionList .answerBlock:before, .catalogItemBlock .questionListBlock .questionList .answerBlock:after {
        content: '';
        position: absolute;
        left: 40px;
        top: -6px;
        border: 6px #272830 solid;
        border-top: 0;
        border-bottom-color: #1C1C1C;
}

.catalogItemBlock .questionListBlock .questionList .answerBlock:after {
        top: -5px;
        border-bottom-color: #272830;
}

.catalogItemBlock .priceBlock {
        color: #fff;
        border-radius: 20px 20px 0 0;
        background: #272830;
        padding: 30px;
        overflow: hidden;
        position: relative;
}

.catalogItemBlock .priceBlock .price {
        display: block;
        font-weight: bold;
        color: #fff;
        font-size: 3rem
}

.catalogItemBlock .priceBlock .price-old {
        display: block;
        font-weight: normal;
        color: #b6b1ab;
        font-size: 2.2rem;
        margin-bottom: 10px
}

.catalogItemBlock .priceBlock .actionBlock {
        display: block;
        margin: 40px 0 0
}

.catalogItemBlock .priceBlock .actionBlock .action-offer {
        display: block;
        height: 36px;
        line-height: 36px;
        background: #009142;
        border-radius: 4px 18px 18px 4px;
        color: #fff;
        padding: 0 15px;
        font-weight: bold;
        text-decoration: none;
        margin: 0 0 10px;
        box-shadow: none;
        transition: all 0.25s ease
}

.catalogItemBlock .priceBlock .actionBlock .action-offer:hover {
        background-color: transparent;
        box-shadow: inset 0 0 0 2px #009142;
}

.catalogItemBlock .priceBlock .actionBlock .action-offer:before {
        content: '';
        float: right;
        margin: 0 0 0 10px;
        font-weight: normal;
        font-family: 'Material Icons',sans-serif
}

.catalogItemBlock .priceBlock .actionBlock .action-track {
        border-bottom: 1px #b6b1ab dashed;
        color: #fff;
        text-decoration: none;
        font-size: 1.4rem
}

.catalogItemBlock .charListBlock {
        background: #2C2C30;
        color: rgba(255, 255, 255, 0.60);
        border-radius: 0 0 20px 20px;
        background: #272830;
        padding: 30px;
        overflow: hidden;
        position: relative;
}

.catalogItemBlock .charListBlock::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 647px;
        border-radius: 647px;
        filter: blur(175px);
        z-index: 0;
}

.catalogItemBlock .charListBlock::before {
        background: #0E502C;
        top: -200px;
        right: -200px;
}

.catalogItemBlock .charListBlock .charList {
        margin: 0 0 0 -20px;
        padding: 0;
        list-style: none;
        font-size: 0;
        position: relative;
        z-index: 1;
}

.catalogItemBlock .charListBlock .charList .item {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 20px;
        padding: 0 0 0 20px;
        width: 50%;
        box-sizing: border-box;
        font-size: 1.6rem
}

.catalogItemBlock .charListBlock .charList .item-city {
        width: 100%
}

.catalogItemBlock .charListBlock .charList .item .title {
        font-size: 1.2rem;
        font-weight: normal;
        color: #fff;
        text-transform: uppercase;
        display: block;
}

.catalogItemBlock .charListBlock .charList .item .value {
        font-weight: 600;
}

.catalogItemBlock .charListBlock .actionBlock {
        margin: 20px -10px 0
}

.catalogItemBlock .charListBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: inline-block;
        margin: 0 10px;
        border-radius: 18px;
        padding: 0 15px;
        text-decoration: none;
        font-size: 1.4rem;
        color: #fff;
        transition: all 0.25s ease;
        text-transform: lowercase;
}

.action-compare {
    display: none !important;
}

.catalogItemBlock .charListBlock .actionBlock .action:hover {
        border-color: #009142;
}

.catalogItemBlock .charListBlock .actionBlock .action:before {
        content: '';
        float: right;
        color: #fff;
        margin: 0 0 0 20px;
        font-family: 'Material Icons',sans-serif
}

.catalogItemBlock .charListBlock .actionBlock .action-print:before {
        content: '';
}

.catalogItemBlock .charListBlock .actionBlock .action-compare:before {
        content: '';
}

.catalogItemBlock-compare-loading .charListBlock .actionBlock .action-compare:before {
        content: '';
        animation: spin 1.5s infinite linear;
}

.catalogItemBlock .purchaseBlock {
        color: #fff;
        margin: 90px 0 0;
        background: #272830;
        padding: 30px;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
}

.catalogItemBlock .purchaseBlock::before {
        content: "";
        position: absolute;
        width: 260px;
        height: 647px;
        border-radius: 647px;
        filter: blur(175px);
        z-index: 0;
}

.catalogItemBlock .purchaseBlock::before {
        background: #0E502C;
        top: -200px;
        right: -200px;
}

.catalogItemBlock .purchaseBlock .blockTitle {
        font-weight: normal;
        display: block;
        font-size: 1.8rem;
        position: relative;
        z-index: 1;
}

.catalogItemBlock .purchaseBlock .actionBlock {
        margin: 20px -10px 0;
        position: relative;
        z-index: 1;
}

.catalogItemBlock .purchaseBlock .actionBlock .action {
        background: #009142;
        color: #fff;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 36px;
        height: 36px;
        padding: 0 15px;
        border: 0;
        border-radius: 20px;
        outline: none;
        cursor: pointer;
        display: inline-block;
        transition: all 0.5s ease;
        text-align: left;
        margin: 0 10px;
        text-decoration: none;
        transition: all 0.25s ease
}

.catalogItemBlock .purchaseBlock .actionBlock .action:hover {
        background: transparent;
        box-shadow: inset 0 0 0 2px #009142;
}

.catalogItemBlock .managerBlock {
        background: #272830;
        padding: 60px 30px 30px 120px;
        color: #ffffff;
        border-radius: 0 0 20px 20px;
        margin-top: -20px;
}

.catalogItemBlock .managerBlock:after {
        content: '';
        display: table;
        clear: both
}

.catalogItemBlock .managerBlock .personBlock {
        display: block
}

.catalogItemBlock .managerBlock .personBlock .imageBlock {
        float: left;
        margin-left: -90px;
        width: 70px;
        overflow: hidden;
        background: #666
}

.catalogItemBlock .managerBlock .personBlock .imageBlock .image {
        display: block;
        width: 100%
}

.catalogItemBlock .managerBlock .personBlock .position {
        font-size: 1.2rem;
        display: block;
        color: rgba(255, 255, 255, 0.60);
}

.catalogItemBlock .managerBlock .personBlock .name {
        font-size: 1.6rem;
        font-weight: bold
}

.catalogItemBlock .managerBlock .subtitle {
        font-size: 1.4rem;
        color: rgba(255, 255, 255, 0.60);
        margin: 10px 0 0;
        display: block
}

.catalogItemBlock .managerBlock .contactBlock {
        margin: 40px 0 0;
        display: block
}

.catalogItemBlock .managerBlock .contactBlock .phone {
        font-size: 1.8rem
}

.catalogItemBlock .managerBlock .contactBlock .phone a {
        color: #fff;
        text-decoration: none;
        transition: all 0.3s;
}

.catalogItemBlock .managerBlock .contactBlock .phone a:hover {
        color: #009142;
}

.catalogItemBlock .managerBlock .contactBlock .actionBlock {
        margin: 10px 0 0
}

.catalogItemBlock .managerBlock .contactBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: inline-block;
        margin: 0 10px;
        border-radius: 18px;
        padding: 0 15px;
        margin: 5px 0 0;
        text-decoration: none;
        font-size: 1.4rem;
        color: #fff;
        transition: all 0.25s ease
}

.catalogItemBlock .managerBlock .contactBlock .actionBlock .action:hover {
        border-color: #009142;
}

.catalogItemBlock .shareBlock {
        margin: 40px 0
}

.catalogItemBlock .shareBlock .blockTitle {
        font-size: 1.4rem;
        color: #83807b;
        display: block;
        margin: 0 0 10px;
        font-weight: normal
}

.officeListBlock {
}

.officeListBlock .officeList {
        margin: 0;
        padding: 0;
        list-style: none
}

.officeListBlock .officeList .office {
        margin: 80px 0
}

.officeListBlock .officeList .office:first-child {
        margin-top: 0
}

.officeListBlock .officeList .office:last-child {
        margin-bottom: 0
}

.officeListBlock .officeList .office .mapBlock {
        position: relative;
        width: 100%;
        padding: 0 0 66%;
        max-height: 75vh;
        box-sizing: border-box;
        margin: 0 0 20px
}

.officeListBlock .officeList .office .mapBlock .mapHolder {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0
}

.officeListBlock .mainInfoBlock .title {
        color: #ffffff;
        font-size: 3rem;
        display: block;
        margin: 0 0 20px;
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
        font-weight: 500;
}

.officeListBlock .mainInfoBlock .contactListBlock {
        font-size: 1.8rem;
        line-height: 1.55;
        color: rgba(255, 255, 255, 0.60);
}

.officeListBlock .mainInfoBlock .contactListBlock .contactList {
        margin: 0;
        padding: 0;
        list-style: none
}

.officeListBlock .mainInfoBlock .contactListBlock .contact {
        margin: 20px 0;
        padding: 0 0 0 24px
}

.officeListBlock .mainInfoBlock .contactListBlock .contact-phone:before {
        content: '';
        font-family: 'Material Icons';
        float: left;
        width: 18px;
        height: 27px;
        margin: 0;
        margin-left: -24px
}

.officeListBlock .mainInfoBlock .contactListBlock .contact-address:before {
        content: '';
        font-family: 'Material Icons';
        float: left;
        width: 18px;
        height: 27px;
        margin: 0;
        margin-left: -24px
}

.officeListBlock .mainInfoBlock .contactListBlock .contact a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.60);
        transition: all 0.25s ease
}

.officeListBlock .mainInfoBlock .contactListBlock .contact a:hover {
        color: #009142;
}

.officeListBlock .personListBlock {
        margin: 40px 0
}

.officeListBlock .personListBlock .personList {
        margin: 0 0 -50px -50px;
        padding: 0;
        list-style: none;
        font-size: 0
}

.officeListBlock .personListBlock .personList .person {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 50px;
        padding: 0 0 0 140px;
        width: 50%;
        box-sizing: border-box
}

.officeListBlock .personListBlock .personBlock {
        display: block
}

.officeListBlock .personListBlock .personBlock .imageBlock {
        float: left;
        margin-left: -90px;
        width: 70px;
        overflow: hidden;
        background: #666
}

.officeListBlock .personListBlock .personBlock .imageBlock .image {
        display: block;
        width: 100%
}

.officeListBlock .personListBlock .personBlock .position {
        font-size: 1.2rem;
        display: block;
        color: #828282;
}

.officeListBlock .personListBlock .personBlock .name {
        font-size: 1.6rem;
        font-weight: bold
}

.officeListBlock .personListBlock .subtitle {
        font-size: 1.4rem;
        color: #83807b;
        margin: 10px 0 0;
        display: block
}

.officeListBlock .personListBlock .contactBlock {
        margin: 20px 0 0;
        display: block
}

.officeListBlock .personListBlock .contactBlock .phone {
        font-size: 1.8rem
}

.officeListBlock .personListBlock .contactBlock .phone a {
        color: #fff;
        text-decoration: none;
        transition: all 0.25s ease
}

.officeListBlock .personListBlock .contactBlock .phone a:hover {
        color: #009142;
}

.officeListBlock .personListBlock .contactBlock .actionBlock {
        margin: 10px 0 0
}

.officeListBlock .personListBlock .contactBlock .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #fff solid;
        display: inline-block;
        margin: 0 10px;
        border-radius: 18px;
        padding: 0 15px;
        margin: 5px 0 0;
        text-decoration: none;
        font-size: 1.4rem;
        color: #fff;
        transition: all 0.25s ease
}

.officeListBlock .personListBlock .contactBlock .actionBlock .action:hover {
        border-color: #009142;
}

.asideBlock {
}

.asideBlock .relativeBlock {
}

.asideBlock .relativeBlock .blockTitle {
        color: #fff;
        font-size: 2.2rem;
        line-height: 1.27;
        margin: 0 0 20px
}

.asideBlock .relativeBlock .articleListBlock {
}

.asideBlock .relativeBlock .articleListBlock .articleList {
        margin: 20px 0 0
}

.asideBlock .relativeBlock .articleListBlock .item {
        display: block;
        padding: 0;
        width: auto
}

.asideBlock .relativeBlock .articleListBlock .item .dateBlock {
        margin: 10px 0
}

.catalogItemListBlock {
        /* margin: 60px 0; */
        position: relative;
}

.modelListBlock+.catalogItemListBlock {
        margin: 80px 0
}

.catalogItemListBlock .quickFilterFormBlock {
        margin: 0 0 30px;
        padding: 20px 20px;
        background: #2f2f32;
        border-radius: 20px;
}

.catalogItemListBlock .quickFilterForm {
        max-width: none
}

.jsEnabled .catalogItemListBlock .quickFilterFormBlock .submitBlock {
        display: none;
        clear: both;
        float: right
}

.catalogItemListBlock .frameHeading+.quickFilterFormBlock {
        margin-top: -20px
}

.catalogItemListBlock .quickFilterFormBlock .quickFilterForm:after {
        content: '';
        display: table;
        clear: both
}

.catalogItemListBlock .quickFilterFormBlock .title {
        color: #83807b
}

.catalogItemListBlock .quickFilterFormBlock .fieldset-view {
        float: right
}

.catalogItemListBlock .quickFilterFormBlock .fieldset-sort {
        float: left;
        margin-right: 30px
}

.catalogItemListBlock .quickFilterFormBlock .fieldList {
        margin-left: -10px
}

.catalogItemListBlock .quickFilterFormBlock .fieldList .field {
        padding-left: 10px;
        width: auto;
        font-size: 1.4rem
}

@media (max-width: 600px) {
.catalogItemListBlock .quickFilterFormBlock .fieldList .field {
        display: none;       
}
}

@media screen and (max-width: 600px) {
        .catalogItemListBlock .quickFilterFormBlock .fieldset-view, .catalogItemListBlock .quickFilterFormBlock .fieldset-sort {
                margin: 0px !important;
        }
}

.catalogItemListBlock .quickFilterFormBlock .fieldList .field-count {display: none;}

.catalogItemListBlock .quickFilterFormBlock .fieldList .field-count .title {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        color: #a4a4a6;
        font-family: Manrope;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 600;
}

.catalogItemListBlock .quickFilterFormBlock .fieldList .field-count .wrapper {
        display: inline-block;
        vertical-align: middle;
        width: 70px
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock {
        display: block;
        font-size: 0;
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link {
        display: inline-block;
        width: 34px;
        height: 34px;
        border: 1px #828282 solid;
        color: rgba(255, 255, 255, 0.70);
        font-size: 1.2rem;
        margin-left: -1px;
        overflow: hidden;
        background: transparent;
        position: relative;
        z-index: 1;
        transition: all 0.25s ease;
        text-align: center;
        text-decoration: none
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link-view-active {
        color: rgba(255, 255, 255, 0.70);
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link-view:before {
        content: '';
        font-family: 'Material Icons',sans-serif;
        display: block;
        width: 34px;
        line-height: 34px;
        font-size: 1.6rem
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link-view-card:before {
        content: '';
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link-view-list:before {
        content: '';
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link:hover {
        border-color: #cecece;
        z-index: 2
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link:first-child {
        border-radius: 10px 0 0 10px;
        border-left-width: 1px
}

.catalogItemListBlock .quickFilterFormBlock .viewSwitchBlock .link:last-child {
        border-radius: 0 10px 10px 0;
}

.catalogItemListBlock .quickFilterFormBlock .fieldset-sort {
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock {
        font-size: 1.6rem;
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .blockTitle {
        display: inline-block;
        vertical-align: middle;
        color: #a4a4a6;
        font-family: Manrope;
        font-size: 1.6rem;
        font-style: normal;
        font-weight: 600;
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock {
        display: inline-block;
        vertical-align: middle
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .sortList {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item {
        display: inline-block;
        margin: 0 0 0 10px;
        padding: 0;
        font-size: 1.4rem;
        overflow: hidden;
        border-radius: 10px;
        /* border: 1px solid #828282; */
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item a {
        display: block;
        padding: 0 10px;
        text-decoration: none;
        color: rgba(255, 255, 255, 0.70);
        transition: all 0.25s ease;
        line-height: 34px;
        height: 34px;
        border: 1px rgb(130 130 130) solid;
        background: transparent;
        border-radius: 10px;
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item a:hover {
        border-color: #fff;
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item-active a {
        color: rgba(255, 255, 255, 0.70);
        background: transparent;
        border-color: #009142;
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item-active a:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        border: 4px transparent solid;
        margin: 0 0 0 5px;
        transform: none;
        transition: all 0.25s ease
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item-desc a:after {
        border-top-color: rgba(255, 255, 255, 0.70);
        border-bottom: 0
}

.catalogItemListBlock .quickFilterFormBlock .sortBlock .sortListBlock .item-asc a:after {
        border-bottom-color: rgba(255, 255, 255, 0.70);
        border-top: 0
}

.catalogItemListBlock .catalogItemList {
        /* margin: 0 0 -30px -30px; */
        padding: 0;
        list-style: none;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -8px;
        justify-content: flex-start;
}

.catalogItemListBlock .catalogItemList>.item {
        display: inline-block;
        vertical-align: top;
        margin: 10px;
        width: calc(24% - 10px);
        box-sizing: border-box;
        font-size: 1.6rem;
        position: relative;
        transition: opacity 0.3s ease;
}

.catalogItemListBlock .catalogItemList>.item.brand-hidden {
        display: none;
}

.catalogItemListBlock .catalogItemList>.item.first-row,
.catalogItemListBlock .catalogItemList>.item.second-row {
        display: inline-block;
}

.catalogItemListBlock .catalogItemList>.item a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.70);
}

.catalogItemListBlock .catalogItemList>.item .banner, .catalogItemListBlock .catalogItemList>.item .itemWrapper {
        display: block;
        height: 100%;
        background: transparent;
        padding: 295px 0px 10px;
        box-sizing: border-box;
        box-shadow: none;
        transition: all 0.25s ease;
}

@media(max-width: 960px) {
.catalogItemListBlock .catalogItemList>.item .banner, .catalogItemListBlock .catalogItemList>.item .itemWrapper {
        padding: 395px 0px 10px;
}
.catalogItemListBlock .catalogItemList>.item .imageBlock {
        height: 370px !important;
}
}

@media(max-width: 480px) {
.catalogItemListBlock .catalogItemList>.item .banner, .catalogItemListBlock .catalogItemList>.item .itemWrapper {
        padding: 295px 0px 10px;
}
.catalogItemListBlock .catalogItemList>.item .imageBlock {
        height: 280px !important;
}
}

.catalogItemListBlock .catalogItemList>.item .itemWrapper:before {
        content: '';
        position: absolute;
        left: 0px;
        top: 0;
        right: 0;
        bottom: 0;
        background: #1c1c1c;
        z-index: 1;
        transition: all 0.25s ease
}

.catalogItemListBlock .catalogItemList>.item .itemWrapper {
        padding-bottom: 58px;
}

.catalogItemListBlock .catalogItemList>.item .banner {
        background: transparent;
        padding: 34px 18px 260px;
        color: #fff;
}

.catalogItemListBlock .catalogItemList>.item .banner:before {
        content: '';
        position: absolute;
        left: 30px;
        top: 0;
        right: 0;
        bottom: 0;
        background: transparent;
        z-index: 1;
        transition: all 0.25s ease;
}

.catalogItemListBlock .catalogItemList>.item .banner:hover:before, .catalogItemListBlock .catalogItemList>.item .itemWrapper:hover:before {
        /* box-shadow: 0 1px 1px 0 rgba(124, 91, 151, 0.2), 0 3px 10px 0 rgba(124, 91, 151, 0.1); */
}

.catalogItemListBlock .catalogItemList>.item-special .itemWrapper:after {
        content: 'акция';
        position: absolute;
        z-index: 3;
        left: 0px;
        top: 20px;
        padding: 0 15px 0 30px;
        border-radius: 0 14px 14px 0;
        line-height: 28px;
        color: #fff;
        font-weight: 600;
        background: #2f2f32 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMTEgNyAxNCAxMyI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTggMTcuNUwxNCAyMGwxLTQuNy0zLjctMyA0LjgtLjUgMi00LjUgMiA0LjUgNC44LjQtMy43IDMgMSA0LjgiLz48L3N2Zz4=) 8px 50% no-repeat;
        font-size: 1.2rem;
        transition: all 0.25s ease;
        border-top: 1px solid #59595b;
        border-bottom: 1px solid #59595b;
}

.catalogItemListBlock .catalogItemList>.item-special .itemWrapper:hover:after {
        background-color: #009142;
}

.catalogItemListBlock .catalogItemList>.item .banner .title {
        font-size: 3rem;
        margin: 0 0 20px 0px;
        display: block
}

.catalogItemListBlock .catalogItemList>.item .banner .text {
        font-size: 1.4rem;
}

.catalogItemListBlock .catalogItemList>.item .banner-more .title {
        font-size: 2.2rem;
        font-weight: 700;
}

.catalogItemListBlock .catalogItemList>.item .banner-more .title .count {
        display: block;
        margin: 30px 0 0;
        font-size: 2rem;
}

.catalogItemListBlock .catalogItemList>.item .banner .actionBlock {
        position: absolute;
        left: 0px;
        bottom: 0;
        right: 0;
        z-index: 1;
        border-radius: 20px;
        background: #009142;
        /* height: 440px; */
        /* width: 305px; */
}

@media (max-width: 1180px) {
.catalogItemListBlock .catalogItemList>.item .banner .actionBlock {
        width: 340px;
}
.catalogItemListBlock .catalogItemList>.item .banner .actionBlock {
        left: 0px;
}
.catalogItemListBlock .catalogItemList>.item .banner .title {
        margin: 0px;
}
}

@media (max-width: 1180px) {
.catalogItemListBlock .catalogItemList>.item .banner .actionBlock {
        width: 100%;
}}

.catalogItemListBlock .catalogItemList>.item .banner .actionBlock .action {
        display: block;
        position: absolute;
        left: 20px;
        /* right: 30px; */
        bottom: 190px;
        height: 36px;
        line-height: 36px;
        font-size: 1.6rem;
        background: transparent;
        color: #fff;
        padding: 8px 15px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.25s ease;
        border-radius: 10px;
        border: 1px solid #FFF;
        z-index: 3;
}

.catalogItemListBlock .catalogItemList > .item .banner .actionBlock::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: auto;
    aspect-ratio: 1;
    background: url('/up/car-3d-rend.png') no-repeat right bottom;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    mix-blend-mode: luminosity;
}

.catalogItemListBlock .catalogItemList>.item .banner .actionBlock .action:hover {
        background-color: transparent;
        box-shadow: inset 0 0 0 0px #e30000;
        border: 1px solid #217042;
}

/* .catalogItemListBlock .catalogItemList>.item .banner .actionBlock .action:before {
        content: '';
        float: right;
        width: 16px;
        line-height: 36px;
        margin: 0 -5px 0 10px;
        font-family: 'Material Icons',sans-serif;
        font-weight: normal
} */

.catalogItemListBlock .catalogItemList>.item .imageBlock {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0px;
        right: 0;
        height: 280px;
        overflow: hidden;
        background: #1c1c1c url(/up/no-auto.png) no-repeat center;
        background-size: 100%;
        cursor: pointer;
        border-radius: 20px;
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageList {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        height: 100%
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageList .item {
        display: none;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageList .item:first-child {
        display: block;
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageWrapper {
        position: absolute;
        left: -150%;
        top: -150%;
        right: -150%;
        bottom: -150%;
        font-size: 0;
        text-align: center
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageWrapper:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
}

.catalogItemListBlock .catalogItemList>.item .imageBlock .imageWrapper .image {
        display: inline-block;
        vertical-align: middle;
        min-width: 25%;
        min-height: 25%;
        font-size: 1.4rem;
}

.catalogItemListBlock .catalogItemList>.item .title {
        display: block;
        font-size: 2.4rem;
        font-weight: 500;
        /* font-weight: normal; */
        line-height: 1.3;
        /* margin-right: 56px; */
        min-height: 2.8rem;
        position: relative;
        z-index: 2
}

.catalogItemListBlock .catalogItemList>.item .title a:hover {
        color: #fff;
}

.catalogItemListBlock .catalogItemList>.item .charListBlock {
        color: rgba(255, 255, 255, 0.70);
        font-size: 1.6rem;
        font-weight: 500;
        line-height: 1.8;
        position: relative;
        z-index: 2
}

.catalogItemListBlock .catalogItemList>.item .charListBlock .charList {
        margin: 20px 0 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: column;
}

.catalogItemListBlock .catalogItemList>.item .priceBlock {
        position: absolute;
        left: 0px;
        right: -30px;
        bottom: 10px;
        z-index: 2;
        font-size: 2.4rem;
        line-height: 1.56;
        font-weight: 800;
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.catalogItemListBlock .catalogItemList>.item .priceBlock .price {
        color: #009142;
        transition: all 0.25s ease;
        width: 50%;
        float: left;
        white-space: nowrap
}

.catalogItemListBlock .catalogItemList>.item .priceBlock .price-old {
        /* float: right; */
        color: #A8A8A8;
        font-size: 2rem;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-decoration-line: line-through;
        order: 2;
}

.catalogItemListBlock .catalogItemList>.item .itemWrapper:hover .priceBlock .price {
        color: #ffffff;
}

.catalogItemListBlock .catalogItemList>.item .itemWrapper:hover .priceBlock .price-old {

}

.catalogItemListBlock .catalogItemList>.item .actionBlock {
        position: absolute;
        left: 30px;
        top: 0;
        right: 0;
        z-index: 2
}

.catalogItemListBlock .catalogItemList>.item .actionBlock .action-compare {
        position: absolute;
        right: 10px;
        top: 210px;
        height: 34px;
        width: 0;
        padding: 0 24px 0 10px;
        border: 1px #c96c6c solid;
        border-radius: 17px;
        line-height: 34px;
        overflow: hidden;
        font-size: 1.4rem;
        transition: width 0.15s ease 0.15s, color 0.15s ease;
        background: #fff;
        text-transform: lowercase;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        color: transparent;
        white-space: nowrap;
        display: none;
}

.catalogItemListBlock .catalogItemList>.item .actionBlock .action-compare:before {
        content: '';
        font-family: 'Material Icons',sans-serif;
        font-size: 1.6rem;
        color: #c96c6c;
        float: right;
        margin-right: -15px
}

.catalogItemListBlock .catalogItemList>.item-compare-loading .actionBlock .action-compare:before {
        content: '';
        animation: spin 1.5s infinite linear;
}

.catalogItemListBlock .catalogItemList>.item .actionBlock .action-compare:hover {
        width: 5.5em;
        color: #c96c6c;
        transition: width 0.15s ease, color 0.15s ease 0.15s
}

.catalogItemListBlock .catalogItemList>.item-compared .actionBlock .action-compare {
        background: #c96c6c
}

.catalogItemListBlock .catalogItemList>.item-compared .actionBlock .action-compare:hover, .catalogItemListBlock .catalogItemList>.item-compared .actionBlock .action-compare:before {
        color: #fff
}

.catalogItemListBlock .catalogItemList>.item-compared .itemWrapper:hover:before {
        box-shadow: none;
}

.jsEnabled .catalogItemListBlock .catalogItemList .imageBlock .imageList .item {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease 0.15s
}

.jsEnabled .catalogItemListBlock .catalogItemList .imageBlock .imageList .item-active {
        opacity: 1;
        visibility: visible;
        transition: all 0.25s ease
}

.jsEnabled .catalogItemListBlock .imageNavBlock {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
}

.jsEnabled .catalogItemListBlock .imageNavBlock .stepList {
        -webkit-display: flex;
        display: flex;
        margin: 0 0 0 -1px;
        padding: 0;
        list-style: none;
        font-size: 0;
        height: 100%;
}

max-width(960px) {
.jsEnabled .catalogItemListBlock .imageNavBlock .stepList {
        display: none;
}
}

.jsEnabled .catalogItemListBlock .imageNavBlock .stepList .step {
        display: inline-block;
        width: auto;
        flex: auto;
        padding-left: 1px;
        box-sizing: border-box;
        height: 100%
}

.jsEnabled .catalogItemListBlock .imageNavBlock .stepList .step a {
        display: block;
        border-bottom: 3px #59595b solid;
        transition: all 0.25s ease;
        height: 100%;
        box-sizing: border-box
}

.jsEnabled .catalogItemListBlock .imageNavBlock .stepList .step-active a {
        border-color: #009142;
}

.jsEnabled .catalogItemListBlock .navBlock {
        position: absolute;
        top: 50%;
        width: 100%;
        height: 0;
        display: none;
}

.jsEnabled .catalogItemListBlock .navBlock .step {
        position: absolute;
        top: -18px;
        width: 36px;
        height: 36px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.25s ease
}

.jsEnabled .catalogItemListBlock .navBlock .step-inactive {
        opacity: 0;
        cursor: default;
        visibility: hidden
}

.jsEnabled .catalogItemListBlock .navBlock .step:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.25s ease
}

.jsEnabled .catalogItemListBlock .navBlock .step-prev {
        left: -56px
}

.jsEnabled .catalogItemListBlock .navBlock .step-prev:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyLC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.jsEnabled .catalogItemListBlock .navBlock .step-prev:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyLC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.jsEnabled .catalogItemListBlock .navBlock .step-next {
        right: -56px
}

.jsEnabled .catalogItemListBlock .navBlock .step-next:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMtLjAyTDI1LjAyIDEyIDEzIDI0LjAybC0yLjEtMi4xIDguMzYtOC40NEguOTh2LTIuOTZoMTguMjhMMTAuOSAyLjEiLz48L3N2Zz4=) center center no-repeat
}

.jsEnabled .catalogItemListBlock .navBlock .step-next:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMtLjAyTDI1LjAyIDEyIDEzIDI0LjAybC0yLjEtMi4xIDguMzYtOC40NEguOTh2LTIuOTZoMTguMjhMMTAuOSAyLjEiLz48L3N2Zz4=) center center no-repeat
}

.jsEnabled .catalogItemListBlock .scrollBlock {
        overflow: hidden;
}

.jsEnabled .catalogItemListBlock .scrollWrapper {
        margin-right: -30px
}

.jsEnabled .catalogItemListBlock-scroll .catalogItemList {
        display: none;
        min-width: 100%
}

.jsEnabled .catalogItemListBlock .scrollBlock .catalogItemList {
        margin-right: 30px;
        white-space: nowrap;
        -webkit-display: flex;
        display: flex;
        flex-wrap: nowrap;
        position: relative;
        left: 0;
        transition: left 0.5s ease;
        padding-bottom: 5px
}

.jsEnabled .catalogItemListBlock .scrollBlock .catalogItemList>.item {
        min-width: 23%;
        white-space: normal
}

.compareTableBlock {
        position: relative;
        font-size: 1.4rem;
        color: #5B5956
}

.compareTableBlock .hint[data-hint] {
        float: none;
        font-size: 1.3rem;
        color: #fff;
        background-color: #666;
        width: 16px;
        height: 16px;
        line-height: 16px;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle
}

.compareTableBlock .catalogItemListBlock .catalogItemList {
        margin: 0;
        display: block;
        display: table-row;
        flex: none
}

.compareTableBlock .catalogItemListBlock .catalogItemList>.item {
        display: table-cell;
        width: 300px;
        font-weight: normal;
        padding: 30px 0 30px 30px;
        margin: 0;
        text-align: left;
        height: 100%
}

.compareTableBlock .catalogItemListBlock .catalogItemList>.item>.itemWrapper {
        width: 270px;
        position: relative;
}

.compareTableBlock .catalogItemListBlock .catalogItemList>.item .imageBlock {
        left: 0
}

.compareTableBlock .catalogItemListBlock .catalogItemList>.item .priceBlock {
        left: 10px
}

.jsEnabled .compareTableBlock {
        opacity: 0
}

.jsEnabled .compareTableBlock1:after {
        content: '';
        position: absolute;
        width: 50px;
        top: 0;
        right: 0;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease;
        z-index: 10;
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(236,232,225,1) 100%);
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(236,232,225,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(236,232,225,1) 100%);
}

.jsEnabled .compareTableBlock-overflow1:after {
        opacity: 1;
        visibility: visible
}

.jsLoaded .compareTableBlock {
        opacity: 1
}

.compareTableBlock .fixedColWrapper {
        position: absolute;
        left: 0;
        height: 100%;
        top: 0;
        overflow: hidden;
        background: #fff;
        display: table-cell
}

.jsEnabled .compareTableBlock .blockWrapper {
        overflow: hidden
}

.compareTableBlock .blockWrapper .tableWrapper-clone {
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        padding-bottom: 20px
}

.compareTableBlock .compareTable {
        border-collapse: collapse;
        background: #fff;
        empty-cells: show;
        table-layout: auto;
}

.compareTableBlock .compareTable thead {
        position: relative
}

.compareTableBlock .compareTable thead tr>* {
        position: relative;
        z-index: 2;
        padding: 30px 0 30px 30px
}

.compareTableBlock .compareTable thead tr>*:first-child {
        padding-left: 0
}

.compareTableBlock .compareTable thead:before {
        content: '';
        left: -10000%;
        left: -100vw;
        right: -10000%;
        right: -100vw;
        background: #ECE8E1;
        position: absolute;
        top: 0;
        height: inherit;
        z-index: 1
}

.compareTableBlock .tableWrapper-clone .compareTable thead:before {
        content: none
}

.compareTableBlock .compareTable thead .catalogItemList {
        position: relative;
        background: #ECE8E1
}

.compareTableBlock .compareTable thead .tableMeta {
        width: 270px;
        vertical-align: top;
        height: 100%
}

.compareTableBlock .compareTable thead .banner {
        position: relative;
        height: 100%;
        box-sizing: border-box;
        background: #333;
        width: 270px;
        padding: 30px 30px 90px;
        color: #fff
}

.compareTableBlock .compareTable thead .banner .title {
        font-size: 3rem;
        font-weight: normal;
        margin: 0 0 20px;
        display: block
}

.compareTableBlock .compareTable thead .banner .text {
        font-size: 1.4rem;
}

.compareTableBlock .compareTable thead .banner-more .title {
        font-size: 1.8rem
}

.compareTableBlock .compareTable thead .banner-more .title .count {
        display: block;
        margin: 30px 0 0;
        font-size: 3rem
}

.compareTableBlock .compareTable thead .banner .actionBlock .action {
        display: block;
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 30px;
        height: 36px;
        line-height: 36px;
        font-size: 1.4rem;
        background: #e30000;
        border-radius: 4px 18px 18px 4px;
        color: #fff;
        padding: 0 15px;
        font-weight: bold;
        text-decoration: none
}

.compareTableBlock .compareTable thead .banner .actionBlock .action:before {
        content: '';
        float: right;
        width: 12px;
        height: 36px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNiAuNjZMMTEuMzQgNiA2IDExLjM0bC0uOTQtLjkzIDMuNzItMy43M0guNjZWNS4zNGg4LjEyTDUuMDYgMS42Ii8+PC9zdmc+) center center no-repeat;
        margin: 0 0 0 10px
}

.compareTableBlock .compareTable tbody tr {
        border-bottom: 1px #1C1C1C solid;
        width: 100%;
        width: 100%
}

.compareTableBlock .compareTable tbody tr:hover {
        color: #000
}

.compareTableBlock .compareTable tbody tr.section, .compareTableBlock .compareTable tbody tr.subsection {
        border: 0
}

.compareTableBlock .compareTable tbody tr.section>*, .compareTableBlock .compareTable tbody tr.subsection>* {
        text-align: left;
        font-weight: normal;
        padding: 0
}

.compareTableBlock .compareTable tbody tr.section h2 {
        margin: 65px 0 25px;
        font-weight: normal;
        text-transform: uppercase
}

.compareTableBlock .compareTable tbody tr.subsection h3 {
        margin: 40px 0 10px
}

.compareTableBlock .compareTable tbody td, .compareTableBlock .compareTable tbody th {
        padding: 12px 0;
        text-align: left;
        font-weight: normal
}

.compareTableBlock .tableWrapper-origin .compareTable tr>*:first-child~* {
        opacity: 0;
        visibility: hidden
}

.compareTableBlock .compareTable tbody td {
        padding-left: 20px
}

.compareTableBlock .compareTable tbody tr>:first-child {
        padding-right: 20px
}

.compareTableBlock .compareTable .price {
        white-space: nowrap;
        display: block
}

.compareTableBlock .compareTable .price-old {
        margin: 0 0 10px
}

.compareTableBlock .compareTable tr.section>* {
        padding: 30px 0 10px;
        color: #867F7A;
        font-size: 1.4rem
}

.compareTableBlock .scrollNavBlock {
        position: absolute;
        top: 114px;
        left: 30px;
        right: 0;
        z-index: 2;
        text-align: center;
        transition: all 0.25s ease;
        opacity: 0;
        visibility: hidden;
        transition: all 0.5s ease
}

.compareTableBlock-overflow .scrollNavBlock {
        opacity: 1;
        visibility: visible
}

.compareTableBlock .scrollNavBlock .step {
        position: absolute;
        top: 0;
        width: 36px;
        height: 36px;
        overflow: hidden;
        cursor: pointer;
        transition: all 0.25s ease
}

.compareTableBlock .scrollNavBlock .step:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        transition: all 0.25s ease
}

.compareTableBlock .scrollNavBlock .step-prev {
        left: 0
}

.compareTableBlock .scrollNavBlock .step-prev:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyLC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.compareTableBlock .scrollNavBlock .step-prev:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTItLjAyLC0uMDIgMTIgMTIgMjQuMDJsMi4xLTIuMS04LjM2LTguNDRoMTguMjh2LTIuOTZINS43NEwxNC4xIDIuMSIvPjwvc3ZnPg==) center center no-repeat
}

.compareTableBlock .scrollNavBlock .step-next {
        right: 0
}

.compareTableBlock .scrollNavBlock .step-next:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI0I2QjFBQiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMtLjAyTDI1LjAyIDEyIDEzIDI0LjAybC0yLjEtMi4xIDguMzYtOC40NEguOTh2LTIuOTZoMTguMjhMMTAuOSAyLjEiLz48L3N2Zz4=) center center no-repeat
}

.compareTableBlock .scrollNavBlock .step-next:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMtLjAyTDI1LjAyIDEyIDEzIDI0LjAybC0yLjEtMi4xIDguMzYtOC40NEguOTh2LTIuOTZoMTguMjhMMTAuOSAyLjEiLz48L3N2Zz4=) center center no-repeat
}

.catalogItemTable {
        width: 100%;
        border-collapse: separate;
        border: 0;
        border-spacing: 0 30px;
}

.quickFilterFormBlock+.blockWrapper>.catalogItemTable, .quickFilterFormBlock+.catalogItemTable {
        margin-top: -30px
}

.catalogItemTable thead {
        font-size: 1.2rem;
        color: #666;
        text-align: right;
        border-spacing: 0
}

.catalogItemTable thead tr>* {
        padding: 0 10px;
}

.catalogItemTable thead th {
        font-weight: normal
}

.catalogItemTable tbody tr {
        box-shadow: none;
        transition: all 0.25s ease;
}

.catalogItemTable tbody tr:hover {
        /* box-shadow: 0 1px 1px 0 rgb(76 175 80 / 18%), 0 3px 10px 0 rgba(124, 91, 151, 0.1); */
}

.catalogItemTable tbody tr>* {
        padding: 10px;
        font-weight: normal;
        vertical-align: top
}

.catalogItemTable tbody td {
        text-align: right;
}

.catalogItemTable tbody th {
        text-align: left
}

.catalogItemTable tr>.model {
        text-align: left;
        padding-left: 142px;
}

.catalogItemTable .imageBlock {
        float: left;
        margin: -10px 0 -10px -132px;
        width: 130px;
}

.catalogItemTable .imageBlock .image {
        display: block;
        width: 112px
}

.catalogItemTable .title {
        display: block;
        font-size: 1.8rem;
        line-height: 1.56;
        font-weight: normal;
        color: #333;
        transition: all 0.25s ease;
        white-space: nowrap
}

.catalogItemTable tr:hover .title {
        color: #e30000
}

.catalogItemTable .title a {
        text-decoration: none;
        color: #fff;
}

.catalogItemTable .city {
        display: block;
        font-size: 1.4rem;
        line-height: 1.57;
        color: #83807b;
        margin: 5px 0 0
}

.catalogItemTable .priceBlock {
        white-space: nowrap
}

.catalogItemTable .priceBlock .price {
        font-size: 1.8rem;
        color: #009142;
        line-height: 1.56;
        transition: all 0.25s ease
}

.catalogItemTable tr:hover .priceBlock .price {
        color: #ffffff;
}

.catalogItemTable .priceBlock .price-old {
        font-size: 1.5rem;
        color: #83807b;
        line-height: 1.57;
        display: block;
        margin: 5px 0 0
}

.catalogItemTable tr:hover .priceBlock .price-old {
        color: #83807b
}

.catalogItemTable td.action {
        width: 145px;
        display: none;
}

.catalogItemTable td.param {
        white-space: nowrap;
        padding-top: 14px
}

.catalogItemTable .actionBlock {
        width: 145px;
        text-align: left
}

.catalogItemTable .actionBlock .action {
        height: 34px;
        line-height: 34px;
        border: 1px #b6b1ab solid;
        display: block;
        border-radius: 24px;
        padding: 0 15px;
        text-decoration: none;
        font-size: 1.4rem;
        text-transform: lowercase;
        transition: all 0.25s ease
}

.catalogItemTable .actionBlock .action:hover {
        border-color: #c96c6c;
        color: #c96c6c
}

.catalogItemTable .actionBlock .action-compare:before {
        content: '';
        float: right;
        margin-left: 5px;
        width: 14px;
        height: 34px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iIzVCNTk1NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zMiAzLjI1aDIuMzZ2Ni40M0g3LjMyVjMuMjV6bS03IDYuNDNWNWgyLjM2djQuNjhILjMyem0zLjUgMFYuMzJoMi4zNnY5LjM2SDMuODJ6Ii8+PC9zdmc+) center center no-repeat;
        transition: all 0.25s ease
}

.catalogItemTable .actionBlock .action-compare:hover:before {
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2M5NmM2YyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zMiAzLjI1aDIuMzZ2Ni40M0g3LjMyVjMuMjV6bS03IDYuNDNWNWgyLjM2djQuNjhILjMyem0zLjUgMFYuMzJoMi4zNnY5LjM2SDMuODJ6Ii8+PC9zdmc+) center center no-repeat
}

.brandListBlock {
        margin: 40px 0
}

.brandListBlock .brandList {
        padding: 0;
        list-style: none;
        font-size: 0;
        display: flex;
        flex-wrap: wrap;
        margin: -8px;
        justify-content: flex-start;
}

.brandListBlock .brandList .item {
        display: inline-block;
        vertical-align: top;
        width: calc(25% - 16px);
        margin: 8px;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.4rem;
        transition: opacity 0.3s ease;
}

.brandListBlock .brandList .item.brand-hidden {
        display: none;
}

.brandListBlock .brandList .item.first-row,
.brandListBlock .brandList .item.second-row {
        display: inline-block;
}

.brandListBlock .brandList .item a {
        text-decoration: none;
        display: block
}

.brandListBlock .brandList .item .imageBlock {
        display: block;
        border-radius: 20px;
        border: 1px solid rgba(255, 255, 255, 0.20);
        opacity: 0.8;
        padding: 20px 50px;
}


@media (max-width: 900px) {
.brandListBlock .brandList .item .imageBlock {
        height: 90px;
        padding: 20px 20px;
}
}

.brandListBlock .brandList .item .imageBlock .imageWrapper {
        display: block;
        margin: 0 auto;
        position: relative !important;
        width: 80%;
        height: 100%;
        max-height: 90px;
        object-fit: contain;
}

.brandListBlock .brandList .item .imageBlock .image {
        display: block;
        margin: 0 auto;
        opacity: 0.8;
        height: 90px;
}

@media (max-width: 1280px) {
    #brandsList .imageWrapper > .image {
        object-fit: contain;
            width: 100%;
    }
}

.brandListBlock .brandList .item a:hover .imageBlock .image {
        filter: none;
        opacity: 1;
        transition: all 0.25s ease;
}

.brandListBlock .brandList .item .wrapper {}

.brandListBlock .brandList .item .title {
        margin: 5px 0;
        display: block;
        transition: all 0.25s ease;
        color: #FFF;
        text-align: center;
        font-family: Manrope;
        font-size: 2.2rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        opacity: 0.5;
}

.brandListBlock .brandList .item a:hover .title {
        color: #009142;
        opacity: 1;
}

.brandListBlock .brandList .item .count {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 28px;
        border-radius: 14px;
        padding: 0 10px;
        background: #ece8e1;
        color: #666;
        transition: all 0.25s ease;
        display: none;
}

.brandListBlock .brandList .item a:hover .count {
        background: #c96c6c;
        color: #fff
}

.brandListBlock-alt .brandList .item {
        display: inline-block;
        vertical-align: top;
        width: 16.66%;
        padding: 0 0 0 40px;
        margin: 0 0 40px;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.4rem
}

.brandListBlock-alt .brandList .item a {
        text-decoration: none;
        display: block
}

.brandListBlock-alt .brandList .item .imageBlock {
        display: none
}

.brandListBlock-alt .brandList .item .wrapper {
        display: block;
        overflow: hidden
}

.brandListBlock-alt .brandList .item .wrapper:after {
        content: '';
        border-top: 2px #ece8e1 solid;
        display: block;
        position: relative;
        top: 13px;
        overflow: hidden;
        transition: all 0.25s ease
}

.brandListBlock-alt .brandList .item .title {
        font-size: 1.4rem;
        font-weight: normal;
        margin: 5px 5px 5px 0;
        display: block;
        color: #000;
        transition: all 0.25s ease;
        float: left;
}

.brandListBlock-alt .brandList .item .wrapper:hover .title {
        color: #e30000
}

.brandListBlock-alt .brandList .item .wrapper:hover:after {
        border-color: #e30000
}

.brandListBlock-alt .brandList .item .count {
        display: inline-block;
        line-height: 28px;
        height: 28px;
        border-radius: 14px;
        padding: 0 10px;
        background: #ece8e1;
        color: #666;
        transition: all 0.25s ease;
        float: right;
        font-size: 0
}

.brandListBlock-alt .brandList .item .count .number {
        font-size: 1.2rem;
        display: block
}

.brandListBlock-alt .brandList .item .wrapper:hover .count {
        background: #c96c6c;
        color: #fff
}

.brandBlock {
        padding-left: 200px;
        margin: 40px 0
}

.frameHeading+.brandBlock {
        margin-top: -20px
}

.brandBlock .imageBlock {
        width: 145px;
        float: left;
        margin-left: -200px
}

.brandBlock .textBlock {
        line-height: 1.625
}

.modelListBlock {
        margin: 40px 0
}

.modelListBlock .modelList {
        margin: 0 0 -40px -40px;
        padding: 0;
        list-style: none;
        font-size: 0;
        text-align: justify
}

.modelListBlock .modelList .item {
        display: inline-block;
        vertical-align: top;
        width: 16.66%;
        padding: 0 0 0 40px;
        margin: 0 0 40px;
        box-sizing: border-box;
        text-align: center;
        font-size: 1.4rem
}

.modelListBlock .modelList .item a {
        text-decoration: none;
        display: block
}

.modelListBlock .modelList .item .wrapper {
}

.modelListBlock .modelList .item .title {
        font-size: 1.4rem;
        font-weight: bold;
        margin: 5px 0;
        display: block;
        color: #000;
        transition: all 0.25s ease
}

.modelListBlock .modelList .item a:hover .title {
        color: #e30000
}

.modelListBlock .modelList .item .count {
        display: inline-block;
        font-size: 1.2rem;
        line-height: 28px;
        border-radius: 14px;
        padding: 0 10px;
        background: #ece8e1;
        color: #666;
        transition: all 0.25s ease
}

.modelListBlock .modelList .item a:hover .count {
        background: #c96c6c;
        color: #fff
}

footer {
        position: relative;
        z-index: 2;
        margin: 60px 0 0;
        /* padding: 0 15px; */
        /* height: 480px; */
        border-top: 1px #1C1C20 solid;
        overflow: hidden;
        background: #1C1C1C;
        width: 100%;
}

@media (max-width: 1310px) {
footer {
        height: auto;
}
}

/* .page-error+footer {
        height: 148px;
        margin-top: -148px;
        border: 0
} */

footer:before {
        content: '';
        position: absolute;
        left: -100vw;
        right: -100vw;
        top: 0px;
        bottom: 0;
        background: #272830;
        background-image: url('/up/footer-back.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}


/* .page-error+footer:before {
        content: none
} */

footer .prefooterBlock {
        max-width: 920px;
        padding: 50px 0 50px 360px;
        margin: 0 auto;
        height: 37px;
        position: relative;
        z-index: 1;
}

footer .prefooterBlock:after {
        content: '';
        display: table;
        clear: both
}

footer .prefooterBlock .logoBlock {
        float: left;
        margin-left: -360px
}

footer .prefooterBlock .contactListBlock {
        text-align: right
}

footer .prefooterBlock .contactListBlock .contactList {
        margin: 0 0 -10px;
        padding: 0;
        list-style: none
}

footer .prefooterBlock .contactListBlock .contactList .contact {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 10px 30px;
        padding: 0;
        font-size: 1.8rem;
        line-height: 1.56
}

footer .prefooterBlock .contactListBlock .contactList .contact a {
        text-decoration: none;
        transition: all 0.25s ease
}

footer .prefooterBlock .contactListBlock .contactList .contact a:hover {
        color: #e30000
}

footer .prefooterBlock .contactListBlock .contactList .contact .mail {
        color: rgba(255, 255, 255, 0.70);
}

footer .prefooterBlock .contactListBlock .contactList .contact .mail:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 16px;
        height: 14px;
        margin: 0 5px 0 0;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzVCNTk1NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgNFYyLjVMOCA2LjI2IDIgMi41VjRsNiAzLjc0TDE0IDR6bTAtM2MuNCAwIC43Ni4xNCAxLjA1LjQ1LjMtLjQ0LS42NS40NCAxLjA1djljMCAuNC0uMTcuNzUtLjQ2IDEuMDUtLjMtLjY0LS40Ni0xLjA0LS40NkgyYy0uNCAwLS43Ni0uMTMtMS4wNS0uNDQtLjMtLjMtLjQ0LS42NS0uNDQtMS4wNXYtOWMwLS40LjE3LS43NC40Ni0xLjA0QzEuMjYgMS4xNiAxLjYgMSAyIDFoMTJ6Ii8+PC9zdmc+) right center no-repeat
}

footer .prefooterBlock .contactListBlock .contactList .contact .phone:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 18px;
        margin: 0;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbD0iIzVCNTk1NiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMi45NiA2LjFjMS4xMiAyLjE2IDIuNzcgMy44IDQuOTQgNC45M0w5LjU4IDkuNGMuMjMtLjI0LjUtLjMtLjIuODQuMyAxLjczLjQ0IDIuNjcuNDQuMjIgMCAuNC4wNy41NC4yLjE0LjE1LjIuMzIuMi41NFYxM2MwIC4yMi0uMDYuNC0uMi41NHMtLjMyLjItLjUzLjJjLTMuNSAwLTYuNS0xLjI0LTktMy43M0MxLjUgNy41LjIzIDQuNS4yMyAxIC4yMy43OC4zLjYuNDMuNDYuNi4zMi44LjI2IDEgLjI2aDIuNjNjLjIgMCAuMzguMDYuNTIuMnMuMi4zMi4yLjUzYzAgLjkuMTUgMS44LjQ0IDIuNjMuMDUuMyAwIC41Ni0uMi43N0wyLjk0IDYuMXoiLz48L3N2Zz4=) right center no-repeat
}

footer .prefooterBlock .contactListBlock .contactList .contact .phone .country {
        display: none
}

footer .prefooterBlock .contactListBlock .contactList .contact .actionBlock {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px
}

footer .prefooterBlock .contactListBlock .contactList .contact .actionBlock .action {
        height: 36px;
        line-height: 36px;
        border: 1px #b6b1ab solid;
        display: block;
        border-radius: 20px;
        padding: 0 15px;
        text-decoration: none;
        font-size: 1.4rem;
        transition: all 0.25s ease
}

footer .prefooterBlock .contactListBlock .contactList .contact .actionBlock .action:hover {
        color: inherit;
        border-color: #e30000
}

footer .footerWrapper {
        max-width: 1280px;
        position: relative;
        /* flex-direction: column; */
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 40px;
        padding: 60px 20px;
}

.footer-leftBlock {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 350px;
    max-width: 200px;
    padding-right: 128px;
}

.footer-leftBlock::before {
    content: "";
    position: absolute;
    width: 692px;
    height: 309px;
    border-radius: 692px;
    background: #0E502C;
    filter: blur(175px);
    z-index: 0;
}

.footer-leftBlock::before {
    background: #0E502C;
    position: absolute;
    bottom: -80%;
    left: 8%;
    transform: translate(-50%, -50%);
}

.footer-rightBlock {
    display: flex;
    gap: 40px;
}


.footer-contact-block {
        display: flex;
        flex-direction: column;
}

.footer-title {
        color: rgba(255, 255, 255, 0.30);
        font-family: Manrope;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        padding-bottom: 24px;
}

.page-error+footer .footerWrapper {
        /* background: none; */
}

footer .footerWrapper:after {
        content: '';
        display: table;
        clear: both
}

footer .footerWrapper .linkListBlock {
        /* float: right; */
        width: 100%;
        max-width: 530px;
        font-weight: 500;
        font-size: 2rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        position: relative;
        z-index: 2;
}

footer .footerWrapper .linkListBlock a {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.70);
        display: inline-block;
        margin: 0 0 20px;
}

footer .footerWrapper .linkListBlock a:hover {
        color: #009142;
}

footer .footerWrapper .linkListBlock .linkList {
        margin: 0 0 -20px;
        padding: 0;
        list-style: none;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 1;
        -moz-column-gap: 100px;
        -webkit-column-gap: 100px;
        column-gap: 100px;
}

footer .footerWrapper .linkListBlock .linkList .link {
        margin: 0
}

footer .footerWrapper .copyrightBlock {
        float: left;
        width: 370px;
        /* margin-left: -400px; */
        color: rgba(255, 255, 255, 0.60);
        position: relative;
        z-index: 2;
}

footer .footerWrapper .copyrightBlock .info {
        margin: 20px 0;
        font-size: 1.4rem;
        color: rgba(255, 255, 255, 0.60);
        line-height: 1.57
}

footer .footerWrapper .createdBlock {
        /* position: absolute; */
        /* bottom: 40px; */
        /* margin-left: -400px; */
        z-index: 2;
        font-size: 1.4rem;
}


footer .footerWrapper .createdBlock a {
        text-decoration: none;
        color: #fff;
        display: flex;
        align-items: flex-start;
        gap: 8px;
        white-space: nowrap;
}

footer .footerWrapper .createdBlock .title {
        color: #318739;
        padding-left: 26px
}

footer .footerWrapper .createdBlock .title:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 -26px;
        width: 20px;
        height: 20px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxOSI+PHBhdGggZmlsbD0iI2UxNWQyOSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMS41MiAxNC42NUMuNTYgMTMuMTcgMCAxMS40IDAgOS41IDAgNC4yNSA0LjI1IDAgOS41IDBTMTkgNC4yNSAxOSA5LjUgMTQuNzUgMTkgOS41IDE5Yy0xLjkgMC0zLjY3LS41Ni01LjE1LTEuNTJMMTEgMTAuODNWMTVoM1Y1SDR2M2g0LjE3bC02LjY1IDYuNjV6Ii8+PC9zdmc+) center center no-repeat;
}


.footer-rightBlock .contact-list {
  list-style: none; 
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.footer-rightBlock .contact-item {
  display: flex;
  align-items: center;
  gap: 10px; 
}

.footer-rightBlock .contact-item a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.70);
  font-weight: 500;
  font-size: 2rem;
}

.footer-rightBlock .contact-item a:hover {
  color: #009142;
}

.footer-rightBlock .contact-item.whatsapp svg path {
  fill: #009142;
}

.footer-rightBlock .contact-item.stockForm svg path {
  fill: #3366cc; /* можно заменить на нужный цвет */
}

@media (max-width: 900px) {
.footer-rightBlock {
    display: flex;
    flex-direction: column;
}

.footer-rightBlock .contact-item a {
        font-size: 1.6rem;
}
        
}



.frame-slideshow {
        margin: 0;
        padding: 0;
        max-width: 1280px;
        margin: 0 auto;
}

.frame-slideshow .frameWrapper {
        max-width: none;
}

.slideListBlock {
        position: relative;
        width: 100%;
        background: #000;
        color: #fff;
        max-height: 900px;
        overflow: hidden;
        box-sizing: border-box;
}

@media (max-width: 900px) {
.slideListBlock {
        height: 460px;
}

  .imageWrapper {
    position: relative;
    /* width: 100%; */
    /* height: 100%; */
    position: absolute !important;
    left: 0% !important;
    top: -0% !important;
    right: -0% !important;
    bottom: -0% !important;
  }

  .imageWrapper .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .brandBlock   .imageWrapper .image {
    top: 180px;
    max-width: 60px;
    height: auto;
    object-fit: cover;
    display: block !important;
    position: relative;
    margin: 0px !important;
    margin-left: auto !important;
  }

.footer-leftBlock {
    height: 40px;
}
        
}


.slideListBlock .blockWrapper {
        height: 0;
        padding-bottom: 50%;
}

.slideListBlock a {
        color: #fff;
}

.slideListBlock .slideList {
        margin: 0;
        padding: 0;
        font-size: 0;
        list-style: none
}

.slideListBlock .slideList .slide {
        display: block;
        font-size: 1.8rem;
        vertical-align: middle;
        margin: 0;
        padding: 0 15px;
        padding: 200px 0 85px;
        text-align: left
}

.slideListBlock .slideList .slide .contentBlock {
        position: absolute;
        left: 60px;
        top: 40px;
        bottom: 40px;
        right: 40px;
        max-width: 760px;
        z-index: 3;
        margin: 0;
        font-size: 0;
}

.slideListBlock .slideList .slide .contentBlock:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%
}

.slideListBlock .slideList .slide .content {
        width: 100%;
        font-size: 2.4rem;
        line-height: 1.56;
        display: inline-block;
        vertical-align: middle
}

.slideListBlock .slideList .slide .content p {
        margin: 0
}

.slideListBlock .slideList .slide .link {
        display: inline-block;
        height: 36px;
        line-height: 36px;
        font-size: 2rem;
        color: #fff;
        padding: 8px 15px;
        font-weight: 600;
        text-decoration: none;
        /* min-width: 140px; */
        margin: 40px 0 0;
        border-radius: 10px;
        background: #009142;
        border: 1px solid #009142;
}

.slideListBlock .slideList .slide .link:hover {
        background: transparent;
}

/* .slideListBlock .slideList .slide .link:before {
        content: '';
        float: right;
        width: 16px;
        line-height: 36px;
        margin: 0 -5px 0 10px;
        font-family: 'Material Icons',sans-serif;
        font-weight: normal
} */

.slideListBlock .slideList .slide .title {
        font-size: 4.8rem;
        line-height: 1.2;
        margin: 0;
        color: #FFF;
        font-style: normal;
        font-weight: 600;
         /* 60px */
        font-family: 'Unbounded', Manrope, Arial, sans-serif;
}

.slideListBlock .slideList .slide .text {
        margin: 40px 0 0;
        padding: 0;
        max-width: 580px;
}

.slideListBlock .slideList .slide .date {
        font-size: 1.4rem;
        line-height: 30px;
        padding: 0 10px;
        color: #867f7a;
        background: #fff;
        border-radius: 3px;
        display: inline-block;
        text-shadow: none;
        margin: 0
}

.slideListBlock .slideList .slide .imageWrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        z-index: 2;
}

.slideListBlock .slideList .slide .imageWrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 78%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    mask-image: linear-gradient(to right, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
}

/* .no-backdrop-filter .slideListBlock .slideList .slide .imageWrapper::before {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    mask-image: none;
    -webkit-mask-image: none;
} */

.slideListBlock .slideList .slide .imageWrapper .image {
        position: absolute;
        left: 50%;
        top: 50%;
        min-height: 100%;
        min-width: 100%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        opacity: 0.7;
        transition: all 1.5s ease
}

.slideListBlock .slideList .slide .imageWrapper:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.slideListBlock .navBlock-slides {
        position: absolute;
        bottom: 33px;
        right: 30px;
        left: 60px;
        text-align: left;
        font-size: 0;
        z-index: 3
}

.slideListBlock .navBlock-slides .slide {
        display: inline-block;
        margin: 0 2px;
        padding: 10px;
        width: 8px;
        height: 8px;
        cursor: pointer
}

.slideListBlock .navBlock-slides .slide:before {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        border: 2px #FAD7D7 solid;
        background: none;
        transition: all 0.5s ease;
        border-radius: 100%;
        cursor: pointer
}

.slideListBlock .navBlock-slides .slide-active:before {
        background-color: #009142;
        border: 2px #009142 solid;
}

.slideListBlock .navBlock-steps {
        position: absolute;
        left: 0;
        width: 100%;
}

.slideListBlock .navBlock-steps:before {
        content: '';
        position: absolute;
        right: 25px;
        left: 25px;
        border-top: 2px #fff solid;
        margin: 14px 0 0;
        z-index: -1
}

.slideListBlock .navBlock-steps .step {
        position: absolute;
        cursor: pointer;
        width: 50px;
        height: 50px;
        border: 2px transparent solid;
        margin-top: -12px;
        border-radius: 100%;
        transition: all 0.5s ease;
        text-align: center;
        line-height: 49px
}

.slideListBlock .navBlock-steps .step:before {
        content: '';
        width: 7px;
        height: 14px;
        background: center center no-repeat;
        background-size: contain;
        display: inline-block;
        vertical-align: middle
}

.slideListBlock .navBlock-steps .step-prev:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDdjNCAwIDctMyA3LTdMMCA3em0wIDBjNCAwIDcgMyA3IDdMMCA3eiIvPjwvc3ZnPg==)
}

.slideListBlock .navBlock-steps .step-next:before {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3IiBoZWlnaHQ9IjE0Ij48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03IDdDMyA3IDAgNCAwIDBsNyA3em0wIDBjLTQgMC03IDMtNyA3bDctN3oiLz48L3N2Zz4=)
}

.slideListBlock .navBlock-steps .step:hover {
        border-color: #fff;
        opacity: 1
}

.slideListBlock .navBlock-steps .step-prev {
        left: 0
}

.slideListBlock .navBlock-steps .step-next {
        right: 0
}


    
.slideNav {
        position: absolute;
        bottom: 30px;
        right: 110px; /* для prev, скорректируйте для next */
        width: 64px;
        height: 64px;
        border-radius: 50%;
        background: rgba(30, 32, 36, 0.35);
        border: 1.5px solid #ffffff66;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: background 0.3s, border 0.5s, transform 0.2s;
        z-index: 10;
        box-shadow: 0 2px 8px rgba(0,0,0,0.10);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

.slideNav::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 50%;
    padding: 1.5px;
    background: linear-gradient(to bottom, #ffffffb8, #ffffff26);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 1024px) {
.slideNav {
        display: none;
}  
}

/* .slideNav:hover::before {
    background: linear-gradient(to bottom, #009142, #0091427d);
} */
    
    .slideNav:hover {
        background: rgb(99 99 99 / 55%);
        transform: scale(1.05);
    }
    
    .slideNav-next {
        right: 30px;
    }
    
    .slideNav .icon {
        position: relative;
        width: 36px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* Общая линия стрелки */
    .slideNav-prev .icon::before,
    .slideNav-next .icon::before {
        content: '';
        position: absolute;
        top: 47%;
        left: 4px;
        right: 4px;
        height: 0;
        border-top: 1px solid #fff;
        z-index: 3;
    }
    
    /* Наконечник стрелки */
    .slideNav-prev .icon::after,
    .slideNav-next .icon::after {
        content: '';
        position: absolute;
        top: 53%;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        z-index: 2;
    }
    
    /* Для prev — наконечник слева */
    .slideNav-prev .icon::after {
        left: 4px;
        transform: translateY(-50%) rotate(-45deg);
    }
    
    /* Для next — наконечник справа, зеркально */
    .slideNav-next .icon::after {
        right: 4px;
        transform: translateY(-50%) rotate(135deg);
    }



.jsDisabled .slideListBlock .slideList .slide {
        position: relative;
        padding: 80px 0
}

.jsEnabled .slideListBlock .slideList {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
}

.jsEnabled .slideListBlock .slideList .slide {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 1;
        opacity: 0;
        transition: opacity 1s ease;
        border-radius: 20px;
}

.jsEnabled .slideListBlock .slideList .slide-active {
        z-index: 2;
        width: 100%;
        opacity: 1;
        visibility: visible;
}

.jsEnabled .slideListBlock .slideList .slide .image {
        opacity: 0
}

.jsEnabled .slideListBlock .slideList .slide-active .image {
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
}

.jsEnabled .slideListBlock .slideList .slide .contentBlock {
        opacity: 0;
        transition: all 0.5s ease
}

.jsEnabled .slideListBlock .slideList .slide .contentBlock {
        opacity: 1
}

.jsEnabled .slideListBlock .slideList .slide .text {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
        transition: all 1s cubic-bezier(0, 0.5, 0, 1)
}

.jsEnabled .slideListBlock .slideList .slide .title {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 0;
        transition: all 1s cubic-bezier(0, 0.5, 0, 1);
}

.jsEnabled .slideListBlock .slideList .slide .link {
        -webkit-transform: translateY(150px);
        -moz-transform: translateY(150px);
        -ms-transform: translateY(150px);
        transform: translateY(150px);
        opacity: 0;
        transition: all 1s cubic-bezier(0, 0.5, 0, 1);
}

.jsEnabled .slideListBlock .slideList .slide-active .text {
        transform: translateX(0);
        opacity: 1;
}

.jsEnabled .slideListBlock .slideList .slide-active .title {
        transform: translateX(0);
        opacity: 1;
}

.jsEnabled .slideListBlock .slideList .slide-active .link {
        transform: translateY(0);
        opacity: 1;
}

@media screen and (max-width: 1024px) {
        .slideListBlock .slideList .slide .contentBlock {
                /* left:25%; */
        }

        .slideListBlock .navBlock-slides {
                /* left: 25%; */
                bottom: 15px;
        }

        .slideListBlock .slideList .slide .title {
                font-size: 2.8rem
        }

        .slideListBlock .slideList .slide .text {
                margin-top: 20px
        }

        .slideListBlock .slideList .slide .link {
                margin-top: 20px
        }
}

@media screen and (max-width: 800px) {
        .slideListBlock .slideList .slide .contentBlock {
                left: 20px;
                max-width: none
        }

        .slideListBlock .slideList .slide .contentBlock .content {
                font-size: 1.6rem;
        }

        .slideListBlock .navBlock-slides {
                left: 40px;
                text-align: center;
        }
}

@media screen and (max-width: 600px) {
        .slideListBlock {
                /* display:none; */
        }
}

@media screen and (max-width: 1280px) {
        header .headerWrapper {
                padding-left:225px;
                max-width: 930px
        }

        footer .prefooterBlock {
                padding-left: 225px;
                max-width: 930px
        }

        .logoBlock .logo {
                padding-left: 0;
                max-width: 200px;
                display: flex;
                gap: 10px;
                align-items: center;
        }

        .logoBlock .logo .title {
                /* float: none; */
                margin-left: 0
        }

        .logoBlock .logo .subtitle {
                text-align: left;
                font-size: 1.2rem;
                width: auto;
                /* letter-spacing: 2px; */
        }

        footer .prefooterBlock .logoBlock {
                margin-left: -225px
        }

        header .navigationBlock {
                padding: 0 5px
        }

        header .navigationBlock .menuBlock .menuItemList .item {
                padding: 0 10px
        }

        .jsEnabled .catalogItemListBlock .navBlock .step {
                opacity: 0.5
        }

        .jsEnabled .catalogItemListBlock .navBlock .step:hover {
                opacity: 1
        }

        .jsEnabled .catalogItemListBlock .navBlock .step-inactive, .jsEnabled .catalogItemListBlock .navBlock .step-inactive:hover {
                opacity: 0.1
        }

        .jsEnabled .catalogItemListBlock .navBlock .step-prev {
                left: 10px
        }

        .jsEnabled .catalogItemListBlock .navBlock .step-next {
                right: 10px
        }

        .catalogFilterFormBlock .fieldList .field-brandModel, .catalogFilterFormBlock .fieldList .field-brand, .catalogFilterFormBlock .fieldList .field-model {
                width: 17.5%
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-price, .catalogFilterFormBlock .fieldList .fieldGroup-year {
                width: 32.5%
        }

        .officeListBlock .personListBlock .personList .person {
                width: 100%
        }
}

@media screen and (max-width: 1180px) {
        .catalogItemListBlock .catalogItemList>.item {
                width:33.3333%
        }
}

@media screen and (max-width: 1140px) {
        #page {
                padding-top: 100px;
        }

        header {
                height: 80px;
                position: fixed;
                z-index: 10;
                left: 0;
                top: -20px;
                width: 100%;
                background: #1c1c20;
                box-shadow: none;
                transition: all 0.25s ease;
                /* box-shadow: 0 0 3px rgba(0,0,0,0.5); */
                background: linear-gradient(180deg, #0e502c8a 0%, #1c1c2082 100%);
        }

        .overscrolled-header .frame-filter {
                /* top: -20px; */
        }

        header .headerWrapper {
                padding-left: 284px;
                padding-right: 20px;
                padding-bottom: 20px;
                max-width: 871px;
        }

        header .logoBlock {
                left: 74px;
        }



        header .menuSwitch {
                display: block;
                position: absolute;
                left: 15px;
                top: 35px;
                padding: 17px 21px;
                height: 0;
                cursor: pointer;
                z-index: 1;
                font-size: 1.5rem;
                display: block;
                z-index: 3;
                text-transform: uppercase;
                text-decoration: none;
                font-size: 0;
                border: 2px rgba(255, 255, 255, 0.60) solid;
                border-radius: 18px;
                background: #2F2F32;
        }

        header .menuSwitch .icon {
                left: 16px;
                top: 18px
        }

        header .menuSwitch .icon, header .menuSwitch .icon:before, header .menuSwitch .icon:after {
                content: '';
                position: absolute;
                height: 1px;
                background: #fff;
                font-weight: 600;
                width: 12px;
                transform: translateY(0) rotate(0);
                transition: all 0.25s ease
        }

        header .menuSwitch .icon:before {
                top: -3px
        }

        header .menuSwitch .icon:after {
                bottom: -3px
        }

        .menuSwitched {
                overflow: hidden
        }

        .menuSwitched header .menuSwitch .icon {
                background: none
        }

        .menuSwitched header .menuSwitch .icon:before {
                top: 0;
                transform: translateY(0) rotate(45deg)
        }

        .menuSwitched header .menuSwitch .icon:after {
                top: 10px;
                transform: translateY(-10px) rotate(-45deg)
        }

        header .navigationBlock {
                position: fixed;
                opacity: 0;
                visibility: hidden;
                left: -50%;
                width: 100%;
                top: 100px;
                bottom: 0;
                background: #2F2F32;
                border: 0;
                height: auto;
                transition: all 0.25s ease;
                overflow: auto;
                padding: 0
        }

        .menuSwitched header .navigationBlock {
                opacity: 1;
                visibility: visible;
                left: 0;
        }

        header .navigationBlock .menuBlock {
                float: none;
                border-top: 1px rgba(255, 255, 255, 0.60) solid;
                padding: 10px 0
        }

        header .navigationBlock .menuBlock:first-child {
                border: 0
        }

        header .navigationBlock .menuBlock .menuItemList .item {
                display: block
        }

        header .navigationBlock .navigationWrapper {
                height: auto;
                border: 0;
                padding: 140px 0;
        }

        header .navigationBlock .menuBlock .menuItemList .item {
                padding: 0;
        }

        header .navigationBlock .menuBlock .menuItemList .item a {
                line-height: 1.4;
                padding: 5px 15px;
                border: 0;
                margin: 5px 0
        }

        header .navigationBlock .menuBlock .menuItemList .item-active a {
                border-top-color: transparent;
                border: 0;
                padding-left: 15px;
                margin-left: 0
        }

        header .navigationBlock .menuBlock .menuItemList .item-active a:before {
                left: 0;
                top: 50%;
                margin: -16px 0 0 -5px;
                border-top-color: transparent;
                border-left-color: #c96c6c;
                border-width: 16px;
                border-right-width: 0
        }

        header .contactBlock .actionBlock {
                display: none
        }

        .catalogFilterFormBlock .submitBlock {
                margin-left: 30px
        }

        .catalogFilterFormBlock .switcherBlock-more {
                margin-left: 10px
        }

        .catalogFilterFormBlock .fieldList .field-transmission {
                width: 12em
        }

        .catalogFilterFormBlock .fieldList .field-body {
                width: 12em
        }

        .catalogFilterFormBlock .fieldList .field-engine {
                width: 10em
        }

        .catalogFilterFormBlock .fieldList .field-color {
                width: 10em
        }

        .catalogFilterFormBlock .fieldList .field-wheel {
                width: 10em
        }

        .catalogFilterFormBlock .fieldList .field-fuel {
                width: 10em
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-volume {
                width: auto
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-volume .field {
                width: 5em
        }

        .serviceListBlock .serviceList .item {
                width: 33.3333%
        }

        .articleListBlock .item .tagListBlock {
                left: 40px
        }

        .articleListBlock .articleList {
                margin-left: -40px
        }

        .articleListBlock .item {
                padding-left: 40px
        }
}

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

        header .navigationBlock .navigationWrapper {
                padding: 60px 0;
        }
        
        #page {
                padding-bottom:0;
                min-height: 0
        }

        header .additionalBlock .locationBlock {
                display: none
        }

        .catalogItemListBlock .catalogItemList>.item {
                width: 50%
        }

        .jsEnabled .catalogItemListBlock .navBlock {
                display: none
        }

        .jsEnabled .catalogItemListBlock-scroll .scrollBlock .catalogItemList {
                left: 0!important;
                float: none;
                flex-wrap: wrap;
        }

        .jsEnabled .catalogItemListBlock-scroll .scrollBlock .catalogItemList>.item {
                width: 50%;
                max-width: 320px;
        }

        .quickFilterFormBlock+.blockWrapper>.catalogItemTable, .quickFilterFormBlock+.catalogItemTable {
                margin-top: 0
        }

        .catalogItemTable {
                display: block;
                border-collapse: collapse;
                border-spacing: 0
        }

        .catalogItemTable tbody {
                display: block;
        }

        .catalogItemTable thead {
                display: none
        }

        .catalogItemTable tr {
                display: block;
                padding: 0 305px 0 342px;
                margin: 30px 0;
                position: relative
        }

        .catalogItemTable tbody tr:hover {
                box-shadow: none
        }

        .catalogItemTable tr:after {
                content: '';
                display: table;
                clear: both
        }

        .catalogItemTable .imageBlock {
                margin: 0 0 0 -132px
        }

        .catalogItemTable tr>.model {
                width: 200px;
                display: block;
                float: left;
                margin-left: -342px;
                padding: 0 0 0 132px
        }

        .catalogItemTable tr>.model .title {
                white-space: normal
        }

        .catalogItemTable tr>.param {
                display: list-item;
                padding: 0;
                margin: 0 0 0 20px;
                text-align: left;
                font-size: 1.4rem
        }

        .catalogItemTable tr>.param:empty, .catalogItemTable tr>.param-empty {
                display: none
        }

        .catalogItemTable tr>.action {
                display: block;
                padding: 0 0 0 10px;
                position: absolute;
                right: 0;
                top: 0
        }

        .catalogItemTable tr>.price {
                display: block;
                position: absolute;
                right: 165px;
                width: 140px;
                top: 0;
                padding: 0
        }

        .brandListBlock .brandList .item, .modelListBlock .modelList .item {
                width: 25%;
                height: 200px;
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-price {
                width: 35%
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-year {
                width: 30%
        }

        .articleBlock {
                padding-right: 0px;
        }

        .serviceBlock .descriptionBlock {
                padding-right: 300px
        }

        .serviceBlock .descriptionBlock+.asideBlock {
                width: 270px;
                margin-left: -270px
        }

        .serviceBlock .requestBlock .managerBlock {
                padding-left: 0
        }

        .serviceBlock .requestBlock .managerBlock .personBlock .imageBlock {
                float: none;
                margin: 0 0 20px;
                display: block
        }

        .serviceBlock .requestBlock .requestFormBlock button {
                height: auto;
                line-height: 1.2;
                padding: 10px 15px;
                font-size: 1.4rem;
                text-align: center
        }

        .catalogItemBlock .mainBlock {
                float: none;
                padding-right: 0;
                width: auto
        }

        .catalogItemBlock .mainBlock+.detailedBlock {
                float: none;
                width: auto;
                margin: 40px -15px 0
        }

        .catalogItemBlock .charListBlock, .catalogItemBlock .purchaseBlock, .catalogItemBlock .priceBlock {
                padding: 30px 15px;
                margin: 40px 0 0;
        }

        .catalogItemBlock .managerBlock {
                padding: 30px 15px 30px 105px
        }

        .catalogItemBlock .shareBlock {
                padding: 0 15px
        }

        footer {
                margin-top: 0;
                height: auto;
                position: relative;
        }


        footer .prefooterBlock {
                height: auto
        }

        footer .footerWrapper {
                /* margin: 0 -15px; */
                padding: 40px 15px 30px 30px;
        }

        footer .footerWrapper .copyrightBlock {
                width: 285px;
                /* margin-left: -280px; */
        }

}

@media screen and (max-width: 900px) {
        .filterSwitched {
                overflow:hidden
        }

        .frame-filter {
                background: #2f2f32;
                /* padding: 15px 0 0; */
                text-align: center;
                height: auto
        }

        .catalogFilterFormBlock:before {
                content: none
        }

        .catalogFilterFormBlock .switcherBlock-panel {
                display: block;
                text-align: center;
                position: relative;
                background: #2f2f32;
                padding: 20px 0;
                border-radius: 20px;
        }

        .catalogFilterFormBlock .switcherBlock-panel .switcher {
                text-decoration: none;
                border-bottom: 1px #5b5956 dashed;
                color: #fff;
                font-weight: 600;
        }

        .catalogFilterFormBlock .switcherBlock-more, .catalogFilterFormBlock .submitBlock-preList {
                display: none
        }

        .catalogFilterFormBlock .submitBlock-postList {
                display: inline-block;
                margin: 15px auto;
                padding-left: 18px;
                float: none;
                text-align: center
        }

        .jsEnabled .catalogFilterFormBlock .fieldset {
                display: block;
                padding: 15px;
                text-align: left;
                clear: both
        }

        .jsEnabled .catalogFilterFormBlock .fieldset>.fieldList>* {
                width: 50%
        }

        .catalogFilterFormBlock .fieldList .fieldGroup-range .field {
                width: 50%
        }

        .jsEnabled .catalogFilterFormBlock .fieldset>.fieldList>.field-brandModel {
                display: none
        }

        .jsEnabled .catalogFilterFormBlock {
                background: #1C1C1C;
        }

        .jsEnabled .catalogFilterFormBlock .catalogFilterForm {
                display: none
        }

        .jsEnabled .filterSwitched .catalogFilterFormBlock {
                background: #2f2f32;
                position: fixed;
                z-index: 4;
                left: 0;
                top: 115px;
                width: 100%;
                bottom: 0;
                overflow: auto;
                transition: all 0.25s ease;
                min-width: 320px
        }

        .jsEnabled .filterSwitched .catalogFilterFormBlock .catalogFilterForm {
                display: block;
                padding-top: 30px;
        }

        .multiselectBlock {
                position: relative;
        }

        .multiselectBlock .dropdownBlock {
                position: absolute;
                top: 98.8%;
                left: 1px;
                width: 99.7%;
                padding: 50px 10px 20px;
                box-sizing: border-box;
                z-index: 100;
                border: 1px solid #b6b1ab;
        }

        .field-brand .multiselectBlock .dropdownBlock {
                padding: 10px 10px 20px;
        }

        .field-model .multiselectBlock .dropdownBlock {
                padding: 10px 10px 20px;
        }

        .multiselectBlock .dropdownBlock>.blockWrapper {
                position: relative;
        }

        .multiselectBlock .variantListBlock .variantList .variant {
                width: 33%
        }

        .multiselectBlock .action-close {
                position: absolute;
                top: 10px;
                right: 10px;
                height: 30px;
                line-height: 30px;
        }

        .multiselectBlock .action-close:before {
                height: 30px;
        }

        .multiselectBlock .dropdownBlock:before {
                content: none
        }

        .multiselectBlock .variantList {
                max-height: 500px;
                max-height: 50vh;
                overflow: auto
        }

        .newsListBlock .item {
                padding-left: 500px
        }

        .newsListBlock .item .dateBlock {
                margin-left: -500px
        }

        .newsListBlock .item .imageBlock {
                width: 330px;
                height: 200px;
                margin-left: -360px;
                border-radius: 0 0 20px 20px;
        }

        .catalogItemListBlock .quickFilterFormBlock .fieldset-view, .catalogItemListBlock .quickFilterFormBlock .fieldset-sort {
                /* float: none; */
                margin: 0 0 20px
        }

        .catalogItemListBlock .quickFilterFormBlock .fieldset-sort {
                margin-bottom: 0
        }

        .frame-sell {
                background-position: center bottom;
                padding: 20px 0 100px;
        }

        .frame-sell .frameWrapper {
                padding-left: 0;
                max-width: 1170px;
        }

        .frame-sell .frameHeading {
                float: none;
                margin: 0 0 40px;
                width: auto
        }

        .frame-sell .sellFormBlock .stepListBlock {
                margin-bottom: 40px
        }

        .frame-sell .sellFormBlock .fieldList .field {
                width: 100%
        }

        .frame-sell .sellFormBlock .stepListBlock .stepList {
                display: block
        }

        .frame-sell .sellFormBlock .stepListBlock .stepList .step {
                /* display: block; */
        }

        .frame-sell .sellFormBlock .stepListBlock .stepList .step .title, .frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle {
                display: inline-block
        }

        .frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle {
                margin-right: 0.5em
        }

        .frame-sell .sellFormBlock .stepListBlock .stepList .step .pretitle:after {
                content: none !important;
        }

        .frame-news .newsListBlock .newsList {
                display: block
        }

        .frame-news .newsListBlock .newsList .item {
                font-size: 1.2rem
        }

        .serviceListBlock .serviceList .item {
                width: 50%
        }

        .articleBlock .extraBlock .shareBlock {
                float: none;
                margin: 30px 0
        }
}

@media screen and (max-width: 900px) {
        footer .footerWrapper {
                padding-left:15px;
                max-width: none;
        }

        footer .footerWrapper .linkListBlock {
                float: none;
                margin: 0 0 20px;
                width: auto;
                max-width: none
        }

        footer .footerWrapper .linkListBlock .linkList {
                -moz-column-count: 1;
                -webkit-column-count: 1;
                column-count: 1;
                font-size: 0;
                margin: 0 0 -20px -20px
        }

        footer .footerWrapper .linkListBlock .linkList .link {
                display: inline-block;
                vertical-align: top;
                width: 33.3333%;
                font-size: 1.4rem;
                padding-left: 20px;
                box-sizing: border-box
        }

        footer .footerWrapper .copyrightBlock {
                float: none;
                margin: 20px 0;
                width: auto;
                /* text-align: center; */
        }

        footer .footerWrapper .createdBlock {
                margin: 0;
                position: static;
                text-align: left;
                width: auto;
        }

        .frame-content .contentHolder-asided>.contentBlock {
                float: none;
                width: auto;
                padding-right: 0
        }

        .frame-content .contentHolder-asided>.contentBlock+.asideBlock {
                float: none;
                width: auto;
                margin: 40px 0
        }

        .frame-content .contentHolder .asideBlock .feedbackBlock {
                margin: 0 -15px 40px;
                padding: 30px 15px
        }

        footer .footerWrapper .createdBlock a {
        /* display: block; */
}


}

@media screen and (max-width: 800px) {
        .catalogItemTable tr {
                padding-left:122px
        }

        .catalogItemTable tr>.model {
                width: 200px;
                display: block;
                float: none;
                margin: 0 0 10px;
                padding-left: 0
        }

        .catalogItemTable .imageBlock {
                margin: 0 0 0 -122px;
                width: 112px
        }

        .catalogItemTable tr>.param {
                display: inline-block;
                margin: 0;
        }

        .catalogItemTable tr>.param:empty, .catalogItemTable tr>.param-empty {
                display: none
        }

        .catalogItemTable tr>.param:after {
                content: ', ';
        }

        .catalogItemTable tr>.param:last-of-type:after {
                content: none;
        }

        .frame .frameHeading {
                margin-right: 0
        }

        .newsListBlock .item {
                padding-left: 140px
        }

        .newsListBlock .item .dateBlock {
                margin-left: -140px
        }

        .newsListBlock .item .imageBlock {
                float: none;
                margin: 0 0 20px;
                width: auto
        }

        .catalogItemBlock .galleryBlock .imageList .item {
                width: 25%
        }
}

@media screen and (min-width: 400px) and (max-width:720px) {
        .serviceBlock .requestBlock .managerBlock {
                padding:0 0 0 90px
        }

        .serviceBlock .requestBlock .managerBlock .personBlock .imageBlock {
                float: left;
                margin-left: -90px;
                width: 70px;
                overflow: hidden;
                background: #666
        }
}

@media screen and (max-width: 720px) {
        header .additionalBlock .compareBlock .action {
                font-size:0;
                padding-left: 35px
        }

        header .additionalBlock .compareBlock .action:before {
                float: left;
                margin: 0 0 0 -20px
        }

        header .additionalBlock .compareBlock .action .count {
                font-size: 1.4rem
        }

        .articleBlock {
                float: none;
                padding-right: 0
        }

        .articleBlock+.asideBlock {
                float: none;
                width: auto;
                margin: 20px 0
        }

        .serviceBlock .descriptionBlock {
                float: none;
                padding-right: 0
        }

        .serviceBlock .descriptionBlock+.asideBlock {
                float: none;
                width: auto;
                margin: 20px 0
        }

        .multiselectBlock .dropdownBlock {
                padding: 20px 10px;
        }

        .multiselectBlock .variantListBlock .variantList .variant {
                width: 50%
        }

        .frame .frameHeading .frameTitle {
                font-size: 2.2rem;
                padding-bottom: 10px;
                margin: 0 0 0px;
        }

        .frame .frameHeading .subtitle {
                font-size: 2rem;
                margin-bottom: 20px;
        }

        .frame .frameHeading .variant {
                font-size: 2.4rem;
                padding-bottom: 20px;
        }

        .articleListBlock .item {
                width: 100%
        }

        footer .footerWrapper .linkListBlock .linkList .link {
                width: 50%
        }

        .multiselectBlock .action-close {
                display: none;
        }
}

@media screen and (max-width: 640px) {
        .catalogItemTable tr {
                min-height:100px;
                padding-right: 155px
        }

        .catalogItemTable tr>.price {
                right: 0;
                width: 145px;
                top: 0
        }

        .catalogItemTable tr>.action {
                right: 0;
                width: 145px;
                bottom: 0;
                top: auto
        }

        .brandBlock {
                padding-left: 0
        }

        .brandBlock .imageBlock {
                float: none;
                margin: 0 0 20px;
                width: auto
        }

        .brandBlock .imageBlock .image {
                display: block;
                margin: 0 auto
        }

        .paginationBlock {
                text-align: center
        }

        .paginationBlock .step {
                float: none;
                display: inline-block
        }

        .paginationBlock .pageListBlock {
                display: block;
                clear: both;
                margin: 10px 0 0
        }

        .jsEnabled .catalogFilterFormBlock .fieldset>.fieldList>* {
                display: block;
                width: 100%
        }

        .frame-news .newsListBlock .newsList .item {
                width: 100%;
                font-size: 1.6rem
        }

        .compareTableBlock .compareTable {
                display: block;
                width: 100%
        }

        .compareTableBlock .compareTable thead {
                display: block;
                width: 100%
        }

        .compareTableBlock .compareTable thead .tableMeta {
                display: none
        }

        .compareTableBlock .tableWrapper-origin {
                opacity: 0;
                visibility: hidden
        }

        .compareTableBlock .tableWrapper-clone {
                left: 0!important;
                overflow: auto
        }

        .compareTableBlock .tableWrapper-clone .compareTable {
                margin: 0!important
        }

        .compareTableBlock .catalogItemListBlock .catalogItemList>.item .charListBlock {
                display: none
        }

        .compareTableBlock .compareTable tbody {
                display: table;
                width: 100%
        }

        .compareTableBlock .compareTable tbody tr.section h2 {
                font-size: 1.4rem;
                margin: 30px 0 10px
        }

        .compareTableBlock .catalogItemListBlock .catalogItemList {
                display: block;
                width: 100%
        }

        .compareTableBlock .catalogItemListBlock .catalogItemList>.item {
                display: none;
                width: auto;
                padding: 0
        }

        .compareTableBlock .catalogItemListBlock .catalogItemList .tableMeta+.item {
                display: block
        }

        .compareTableBlock .catalogItemListBlock .catalogItemList>.item>.itemWrapper {
                width: auto
        }

        .compareTableBlock .compareTable tbody td {
                display: none
        }

        .compareTableBlock .compareTable tbody tr>:first-child {
                font-size: 1.2rem;
                padding: 3px 0
        }

        .compareTableBlock .compareTable tbody tr>:first-child+td {
                display: table-cell
        }

        .compareTableBlock .scrollNavBlock {
                opacity: 1;
                visibility: visible;
                left: 0
        }

        footer .prefooterBlock {
                padding-left: 0
        }

        footer .prefooterBlock .logoBlock {
                display: none
        }

        footer .prefooterBlock .contactListBlock .contactList {
                text-align: center;
                margin-left: -30px
        }
}

@media screen and (max-width: 600px) {
        header .contactBlock {
                display:none; 
        }

        header .additionalBlock .compareBlock {
                display: block;
                text-align: right;
                max-width: initial
        }

        header .additionalBlock .compareBlock .action {
                display: inline-block
        }

        .serviceListBlock .serviceList .item {
                width: 100%
        }

        .hint[data-hint] {
                position: static
        }

        .hint[data-hint]:before {
                top: auto;
                left: 5px;
                right: 5px;
                width: auto;
                min-width: initial;
                box-sizing: border-box;
        }

        .hint[data-hint]:after {
                top: auto;
                left: 15px;
                margin: 10px 0 0
        }
}

@media screen and (max-width: 576px) {
        .catalogItemListBlock .catalogItemList>.item {
                width:100%;
                max-width: 400px
        }

        .brandListBlock .brandList .item, .modelListBlock .modelList .item {
                width: 33.3333%
        }

        .catalogItemBlock .galleryBlock .previewBlock .commentBlock {
                left: 0;
                right: 0;
                bottom: 0;
                top: auto;
                background: rgba(0,0,0,0.25);
        }

        .catalogItemBlock .galleryBlock .previewBlock .commentBlock .blockWrapper {
                background: none;
                padding: 5px
        }

        .catalogItemBlock .galleryBlock .previewBlock .commentBlock .action-close {
                display: none
        }

        .catalogItemBlock .galleryBlock .previewBlock .commentBlock:after {
                content: none
        }

        .catalogItemBlock .galleryBlock .previewBlock .commentBlock .comment {
                display: block;
                background: none;
                text-align: center;
        }

        .catalogItemBlock .equipmentListBlock .equipmentList .item {
                width: 100%;
                padding: 0;
                margin: 0 0 10px
        }

        .jsEnabled .catalogItemListBlock-scroll .scrollBlock .catalogItemList>.item {
                width: 90%;
        }
}

@media screen and (max-width: 512px) {
        .newsListBlock .item {
                padding-left:0px;
        }

        .newsListBlock .item .dateBlock {
                margin: 0;
                float: none;
                width: auto;
                text-align: left;
                padding: 10px 30px;
                border-radius: 20px 20px 0 0;
                font-size: 1.2rem;
        }

        .newsListBlock .item .dateBlock .day {
        font-size: 1.4rem;
}

        .newsListBlock .item .imageBlock {
                float: none;
                margin: 0 0 20px;
                width: auto
        }
}

@media screen and (max-width: 480px) {
        .brandListBlock {
                margin: 40px 0;
        }

        .brandListBlock .brandList {
                padding: 0;
                list-style: none;
                font-size: 0;
                display: flex;
                flex-wrap: wrap;
                margin: -8px;
                padding-bottom: 10px;
        }

        .brandListBlock .brandList .item {
                display: inline-block;
                vertical-align: top;
                width: calc(25% - 16px);
                margin: 8px;
                box-sizing: border-box;
                text-align: center;
                font-size: 1.4rem;
                transition: opacity 0.3s ease;
        }

        .brandListBlock .brandList .item.brand-hidden {
                display: none;
        }

        .brandListBlock .brandList .item a {
                text-decoration: none;
                display: block;
        }

        .brandListBlock .brandList .item:nth-child(n+9) {
                display: none;
        }

        .brandListBlock .show-more-brands {
                display: none;
        }

        .brandListBlock .show-more-brands.show {
                display: block;
        }

        .brandListBlock .brandList .item-other {
                display: none;
        }

        .brandListBlock .brandList .item-other.show {
                display: inline-block;
        }

        .brandListBlock .brandList .item-other a {
                text-decoration: none;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper {
                display: inline-block;
                vertical-align: middle;
                width: 100%;
                box-sizing: border-box;
                text-align: center;
                font-size: 1.4rem;
                transition: opacity 0.3s ease;
        }

        .brandListBlock .brandList .item-other .itemWrapper:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 24px;
                height: 24px;
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center;
                margin-right: 5px;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                display: inline-block;
                vertical-align: middle;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                display: inline-block;
                vertical-align: middle;
                margin-left: 5px;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover {
                opacity: 0.7;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIyNyI+PGcgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTMuMDcgMTQuODdjMS43IDIuNDIgMy4xIDQuNCAzLjQgNC42Ny4xNi4xNy40LjI2LjYzLjI2LjI0IDAgLjQ2LS4xLjY0LS4yNi4zNS0uMzUuMzUtLjkyIDAtMS4yOC0uMy0uMjctMi4yNS0xLjctNC42Ny0zLjR6bTQuMDMgNi43M2MtLjcyIDAtMS40LS4yOC0xLjktLjgtLjczLS43LTUuNTMtNy42NC02LjQ4LTkuMDItLjI1LS4zNi0uMi0uODUuMS0xLjE1LjMtLjM4LjMtMS4xNS4xIDEuMzggOS4zIDUuNzQgOS4wMyA2LjQ3LjUuNSAxLjE4LjggMS45IDAgLjczLS4zIDEuNC0uOCAxLjktLjUuNTItMS4xOC44LTEuOS44eiIvPjxwYXRoIGQ9Ik0zMC4wOCAyNS4ySDQuMWMtMS4zNC0yLjE3LTIuMTMtNC42NC0yLjI4LTcuMmguODhjLjUgMCAuOS0uNC45LS45cy0uNC0uOS0uOS0uOWgtLjg4QzIuMjcgOC40OCA4LjQ3IDIuMjggMTYuMiAxLjgzdi44N2MwIC41LjQuOS45LjlzLjktLjQuOS0uOXYtLjg3YzcuNzIuNDUgMTMuOTIgNi42NSAxNC4zNyAxNC4zN2gtLjg3Yy0uNSAwLS45LjQtLjkuOXMuNC45LjkuOWguODdjLS4xNSAyLjU2LS45MyA1LjAzLTIuMyA3LjJ6TTI5LjE4IDVjLTMuMi0zLjItNy40OC01LTEyLjA4LTVDMTIuNTMgMCA4LjI0IDEuNzggNSA1Yy0zLjIgMy4yNS01IDcuNTQtNSAxMi4xIDAgMy40IDEgNi43IDIuODggOS41LjE3LjI1LjQ1LjQuNzUuNGgyNi45NGMuMyAwIC41OC0uMTUuNzUtLjQgMS45LTIuOCAyLjg4LTYuMSAyLjg4LTkuNSAwLTQuNTctMS43OC04Ljg2LTUtMTIuMXoiLz48L2c+PC9zdmc+);
                background-position: center 45%;
        }

        .brandListBlock .brandList .item-other .itemWrapper .title {
                color: #ffffff;
                font-size: 1.4rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count {
                color: #ffffff;
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .number {
                font-size: 1.2rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper .count .text {
                font-size: 1rem;
                display: block;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .title {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .number {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover .count .text {
                text-decoration: underline;
        }

        .brandListBlock .brandList .item-other .itemWrapper:hover:before {
                border: none;
                padding: 15px;
        }


@media screen and (max-width: 960px) {
        .brandListBlock .brandList .item {
            width: calc(33.333% - 16px); 
        }
    }
    
    @media screen and (max-width: 768px) {
        .brandListBlock .brandList .item {
            width: calc(50% - 16px);
            height: auto;
            padding-bottom: 10px;
        }
        
        .brandListBlock .brandList .item .imageBlock {
            padding: 15px 30px; 
        }
        
        .brandListBlock .brandList .item .title {
            font-size: 1.8rem; 
        }
    }
    
    @media screen and (max-width: 480px) {
        .brandListBlock .brandList .item .imageBlock {
            /* padding: 10px 20px; */
        }
        
        .brandListBlock .brandList .item .imageBlock .image {
            height: 90px;
        }
        
        .brandListBlock .brandList .item .title {
            font-size: 1.6rem; 
        }
    }


        body .catalogFilterFormBlock .switcherBlock-panel a.switcher::after, body .catalogFilterFormBlock .switcherBlock-panel a.switcher::before {
                content: "";
                position: absolute;
                top: 50%;
                right: 15px;
                margin-top: -1px;
                width: 20px;
                height: 2px;
                background-color: #fff;
                -webkit-transition: all .3s ease;
                -moz-transition: all .3s ease;
                -ms-transition: all .3s ease;
                -o-transition: all .3s ease;
                transition: all .3s ease;
                opacity: 0;
        }

        body .catalogFilterFormBlock .switcherBlock-panel a.switcher::after {
                -moz-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg);
        }

        body .catalogFilterFormBlock .switcherBlock-panel a.switcher::before {
                -moz-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
        }

        .jsEnabled body.filterSwitched .catalogFilterFormBlock .switcherBlock-panel a.switcher {
                border-bottom: 1px solid rgba(255, 255, 255, .5);
        }

        .jsEnabled body.filterSwitched .catalogFilterFormBlock .switcherBlock-panel a.switcher::before, .jsEnabled body.filterSwitched .catalogFilterFormBlock .switcherBlock-panel a.switcher::after {
                opacity: 1;
        }

        .jsEnabled body.filterSwitched .catalogFilterFormBlock {
                top: 80px;
        }

        .jsEnabled body.filterSwitched .frame.frame-filter {
                z-index: 1000000002 !important;
        }

        body .catalogFilterForm {
                padding-top: 50px;
        }

        body .multiselectBlock .dropdownBlock .blockTitle {
                margin-bottom: 20px;
        }

        body .multiselectBlock .variantListBlock .variantList .variant {
                margin-bottom: 10px;
        }

        body .catalogFilterFormBlock .fieldset-additional .fieldList .title {
                margin-bottom: 5px;
        }

        body.filterSwitched, html.filterSwitchedHtml {
                overflow: hidden;
                position: relative;
                height: 100%;
        }

        #page {
                padding-top: 80px;
        }
}

@media (max-width: 1024px) {
    .serviceWrapper {
        flex-direction: column;
        gap: 40px;
        /* height: 1000px; */
        justify-content: flex-start;
    }
}
        

@media (max-width: 960px) {

    .serviceListBlock .serviceList {
        justify-content: center;
        margin: 0;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        height: auto;
    }
}

.brand-hidden {
        display: none;
    }
    
    .showMoreBlock {
        text-align: left;
        margin-top: 60px;
    }

@media (max-width: 900px) {
        .showMoreBlock {
        margin-top: 0px;
    }
}
    
    .showMoreLink {
        color: #797979;
        text-decoration: none;
        font-size: 20px;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        transition: color 0.2s;
        border: none;
        background: none;
        padding: 0;
    }
    
    .showMoreLink:hover {
        color: #009142;
    }
    
    .showMoreLink .arrow {
        display: inline-block;
        margin-left: 8px;
        width: 8px;
        height: 8px;
        border-bottom: 2px solid currentColor;
        border-right: 2px solid currentColor;
        transform: rotate(45deg);
        transition: transform 0.2s;
    }
    
    .showMoreLink:hover .arrow {
        
    }



    /* cookies */
.cookie-banner {
        position: fixed;
        bottom: 40px;
        /* left: 0; */
        left: 20px;
        padding: 20px;
        width: 300px;
        border-radius: 20px 20px 40px 20px;
        display: none;
        z-index: 9999;
        box-shadow: 0px 15px 35px 0px rgba(0, 145, 66, 0.15);
        /* padding: 10px 15px; */
        font-size: 1.8rem;
        cursor: pointer;
        background: rgba(39, 40, 48, 0.3);
        backdrop-filter: blur(110px);
        -webkit-backdrop-filter: blur(10px);
        overflow: hidden;
        border: 2px solid rgb(130 130 130);
        color: #fff;
      }
      
      @media (max-width: 767px) {
      .cookie-banner {
              /* bottom: 120px; */
              padding: 20px 14px;
      }}
      
      .cookie-banner p {
        margin: 0 0 20px;
      }
      
      .cookie-banner a {
        color: #009142;
        font-weight: 700;
      }

      .cookie-banner a:hover {
      text-decoration: none;
      }
      
      .cookie-banner button {
        border: none;
        background: #009142;
        color: #fff;
        padding: 10px 20px;
        cursor: pointer;
        float: right;
        border-radius: 20px;
        border: 1px solid #009142;
        transition: all 0.3s;
      }

      .cookie-banner button:hover {
        border: 1px solid #009142;
        background: transparent;
        border-radius: 20px;
      }
      
      .cookie-banner button:focus {
        outline: none;
      }
      
      /* end cookies */


#backToTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
    padding: 10px 15px;
    font-size: 2rem;
    cursor: pointer;
    background: rgba(39, 40, 48, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 100px;
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 2px solid rgb(130 130 130);
    color: #fff;
    transition: background 0.3s, border 0.5s, transform 0.2s;

}

#backToTop::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: 50%;
    padding: 1.5px;
    background: linear-gradient(to bottom, #ffffffb8, #ffffff26);
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
}

#backToTop:hover {
    /* box-shadow: 0 0 8px 2px rgba(0, 145, 66, 0.7); */
    /* border: 2px solid rgb(0 145 66); */
    background: rgb(99 99 99 / 55%);
    transform: scale(1.05);
}

@media (max-width: 900px) {
  #backToTop {
    display: none !important;
  }
}



.specials-slider-controls {
    display: flex;
    align-items: center;
    justify-content: flex-start; 
    margin-top: 24px;
    gap: 16px;
}

.specials-progress-bar {
    width: 90%;
    height: 1px;
    background: rgba(255, 255, 255, 0.30);
    position: relative;
    overflow: hidden;
    margin-right: 16px;
}

.specials-progress-bar .specials-progress {
    height: 100%;
    background: #009142;
    width: 0%;
    transition: width 0.5s cubic-bezier(.4,0,.2,1);
}

.specials-slideNav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.3s, border 0.5s, transform 0.2s;
    outline: none;
    position: relative;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #2C2C2C;
    border: 1.5px solid #ffffff66;
    /* transition: background 0.3s, border 0.5s; */
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    flex-shrink: 0;
}

.specials-slideNav::before {
        content: "";
        position: absolute;
        top: -0.5px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 50%;
        padding: 1.5px;
        background: linear-gradient(to bottom, #ffffffb8, #ffffff26);
        -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: destination-out;
        mask-composite: exclude;
        pointer-events: none;
        z-index: 1;
}

.specials-slideNav .icon {
    position: relative;
    width: 36px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.specials-slideNav-prev .icon::before, .specials-slideNav-next .icon::before {
        content: '';
        position: absolute;
        top: 47%;
        left: 4px;
        right: 4px;
        height: 0;
        border-top: 1px solid #fff;
        z-index: 3;
}

.specials-slideNav-prev .icon::after, .specials-slideNav-next .icon::after {
        content: '';
        position: absolute;
        top: 53%;
        width: 6px;
        height: 6px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        z-index: 2;
}

    /* Для prev — наконечник слева */
    .specials-slideNav-prev .icon::after {
        left: 4px;
        transform: translateY(-50%) rotate(-45deg);
    }
    
    /* Для next — наконечник справа, зеркально */
    .specials-slideNav-next .icon::after {
        right: 4px;
        transform: translateY(-50%) rotate(135deg);
    }

/* .specials-slideNav:hover::before {
    background: linear-gradient(to bottom, #009142, #0091427d);
} */
    
.specials-slideNav:hover {
        background: rgb(99 99 99 / 55%);
}

/* Показывать только на экранах 900px и меньше */
@media (max-width: 900px) {
  .show-under-900 {
    display: block !important;
  }
}
@media (min-width: 901px) {
  .show-under-900 {
    display: none !important;
  }
}

/* Показывать только на экранах больше 900px */
@media (max-width: 900px) {
  .hide-under-900 {
    display: none !important;
  }
}
@media (min-width: 901px) {
  .hide-under-900 {
    display: block !important;
  }
}


/* block: selectize-wrapper */
.selectize-wrapper {
  position: relative;
  display: inline-block;
}

/* element: selectize-wrapper__placeholder */
.selectize-wrapper__placeholder {
  position: absolute;
  top: 11.5%;
  left: 10px;
  transform: translateY(-50%);
  color: #acacac;
  font-size: 1.6rem;
  pointer-events: none;
  z-index: 1;
}

.selectize-wrapper--has-value .selectize-wrapper__placeholder {
  display: none; 
}

.selectize-input input {
  display: none !important; 
}

.selectize-input {
  padding: 10px;
}

.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 230px;
  top: 11.5%;
  transform: translateY(-50%);
  color: #acacac;
  font-size: 1.6rem;
}

@media (max-width: 1280px) {
.selectize-wrapper__placeholder {
  top: 11%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 230px;
  top: 11%;
}
}

@media (max-width: 1190px) {
.selectize-wrapper__placeholder {
  top: 9.5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 214px;
  top: 9.5%;
}
}

@media (max-width: 1100px) {
.selectize-wrapper__placeholder {
  top: 8.5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 200px;
  top: 8.5%;
}
}

@media (max-width: 982px) {
.selectize-wrapper__placeholder {
  top: 7.5%;
  left: 12px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 180px;
  top: 7.5%;
}
}



@media (max-width: 900px) {
.selectize-wrapper__placeholder {
  top: 5.5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 10px;
  top: 20%;
}
}

@media (max-width: 678px) {
.selectize-wrapper__placeholder {
  top: 5.5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 10px;
  top: 18.5%;
}
}

@media (max-width: 480px) {
.selectize-wrapper__placeholder {
  top: 5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 10px;
  top: 17.5%;
}
}

@media (max-width: 398px) {
.selectize-wrapper__placeholder {
  top: 5%;
  left: 10px;
}
.selectize-wrapper--second.selectize-wrapper__placeholder {
  left: 10px;
  top: 16.5%;
}
}

.selectize-wrapper--has-value .selectize-wrapper__placeholder {
  display: none;
}


.catalogItemListBlock-inner {
        max-width: 990px;
        overflow: hidden;
}

@media (max-width: 1340px) {
.catalogItemListBlock-inner {
        max-width: 100%;
        overflow: visible;
}
}


.banner-more {
        position: absolute;
        right: -290px;
        top: 0px;
        max-width: 230px;
        background: #009142;
        height: 100%;
        border-radius: 20px;
        padding: 34px 20px;
        max-height: 440px;
}

@media (max-width: 1340px) {
        .banner-more {
                display: none;
}
}

.banner-more strong {
        color: #FFF;
        font-family: Unbounded;
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
}

.banner-more .actionBlock a {
        display: block;
        position: absolute;
        left: 20px;
        /* right: 30px; */
        bottom: 190px;
        height: 36px;
        line-height: 36px;
        font-size: 1.6rem;
        background: transparent;
        color: #fff;
        padding: 8px 15px;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.25s ease;
        border-radius: 10px;
        border: 1px solid #FFF;
        z-index: 3;
}

.banner-more .actionBlock a:hover {
        background-color: transparent;
        box-shadow: inset 0 0 0 0px #e30000;
        border: 1px solid #217042;
}

.banner-more::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 80%;
        height: auto;
        aspect-ratio: 1;
        background: url(/up/car-3d-rend.png) no-repeat right bottom;
        background-size: contain;
        pointer-events: none;
        z-index: 2;
        mix-blend-mode: luminosity;
}