@font-face {
    font-family: Changan;
    src: url(../fonts/Changan-Regular.woff2) format("opentype");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Changan;
    src: url(../fonts/Changan-Bold.woff2) format("opentype");
    font-style: normal;
    font-weight: bold;
    font-display: swap
}

@font-face {
    font-family: Helios;
    src: url(../fonts/Helios-Light.woff2) format("opentype");
    font-style: normal;
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: Helios;
    src: url(../fonts/Helios-Regular.woff2) format("opentype");
    font-style: normal;
    font-weight: normal;
    font-display: swap
}

@font-face {
    font-family: Helios;
    src: url(../fonts/Helios-Bold.woff2) format("opentype");
    font-style: normal;
    font-weight: bold;
    font-display: swap
}

.loading:not([href]) {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='160px' height='20px' viewBox='0 0 128 16' xml:space='preserve'%3E%3Cpath fill='%23ffffff' fill-opacity='0.42' d='M6.4,4.8A3.2,3.2,0,1,1,3.2,8,3.2,3.2,0,0,1,6.4,4.8Zm12.8,0A3.2,3.2,0,1,1,16,8,3.2,3.2,0,0,1,19.2,4.8ZM32,4.8A3.2,3.2,0,1,1,28.8,8,3.2,3.2,0,0,1,32,4.8Zm12.8,0A3.2,3.2,0,1,1,41.6,8,3.2,3.2,0,0,1,44.8,4.8Zm12.8,0A3.2,3.2,0,1,1,54.4,8,3.2,3.2,0,0,1,57.6,4.8Zm12.8,0A3.2,3.2,0,1,1,67.2,8,3.2,3.2,0,0,1,70.4,4.8Zm12.8,0A3.2,3.2,0,1,1,80,8,3.2,3.2,0,0,1,83.2,4.8ZM96,4.8A3.2,3.2,0,1,1,92.8,8,3.2,3.2,0,0,1,96,4.8Zm12.8,0A3.2,3.2,0,1,1,105.6,8,3.2,3.2,0,0,1,108.8,4.8Zm12.8,0A3.2,3.2,0,1,1,118.4,8,3.2,3.2,0,0,1,121.6,4.8Z'/%3E%3Cg%3E%3Cpath fill='%23ffffff' fill-opacity='1' d='M-42.7,3.84A4.16,4.16,0,0,1-38.54,8a4.16,4.16,0,0,1-4.16,4.16A4.16,4.16,0,0,1-46.86,8,4.16,4.16,0,0,1-42.7,3.84Zm12.8-.64A4.8,4.8,0,0,1-25.1,8a4.8,4.8,0,0,1-4.8,4.8A4.8,4.8,0,0,1-34.7,8,4.8,4.8,0,0,1-29.9,3.2Zm12.8-.64A5.44,5.44,0,0,1-11.66,8a5.44,5.44,0,0,1-5.44,5.44A5.44,5.44,0,0,1-22.54,8,5.44,5.44,0,0,1-17.1,2.56Z'/%3E%3CanimateTransform attributeName='transform' type='translate' values='23 0;36 0;49 0;62 0;74.5 0;87.5 0;100 0;113 0;125.5 0;138.5 0;151.5 0;164.5 0;178 0' calcMode='discrete' dur='1170ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    text-indent: 300%;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
    transition: none;
}

.model-info__btn .btn {
    position: absolute;
    bottom: 10vh;
    right: 14vw;
    font-size: 16px;
    padding: 10px 30px;
}

.m-0 {
    margin: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: 5px !important
}

.mb-2 {
    margin-bottom: 10px !important
}

.mb-3 {
    margin-bottom: 15px !important
}

.mb-4 {
    margin-bottom: 20px !important
}

.mb-5 {
    margin-bottom: 25px !important
}

.mb-6 {
    margin-bottom: 30px !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: 5px !important
}

.mr-2 {
    margin-right: 10px !important
}

.mr-3 {
    margin-right: 15px !important
}

.mr-4 {
    margin-right: 20px !important
}

.mr-5 {
    margin-right: 25px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: 5px !important
}

.mt-2 {
    margin-top: 10px !important
}

.mt-3 {
    margin-top: 15px !important
}

.mt-4 {
    margin-top: 20px !important
}

.mt-5 {
    margin-top: 25px !important
}

.p-0 {
    padding: 0 !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: 5px !important
}

.pb-2 {
    padding-bottom: 10px !important
}

.pb-3 {
    padding-bottom: 15px !important
}

.pb-4 {
    padding-bottom: 20px !important
}

.pb-5 {
    padding-bottom: 25px !important
}

.pb-6 {
    padding-bottom: 30px !important
}

.pr-0 {
    padding-right: 0 !important
}

.pr-1 {
    padding-right: 5px !important
}

.pr-2 {
    padding-right: 10px !important
}

.pr-3 {
    padding-right: 15px !important
}

.pr-4 {
    padding-right: 20px !important
}

.pr-5 {
    padding-right: 25px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-1 {
    padding-left: 5px !important
}

.pl-2 {
    padding-left: 10px !important
}

.pl-3 {
    padding-left: 15px !important
}

.pl-4 {
    padding-left: 20px !important
}

.pl-5 {
    padding-left: 25px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: 5px !important
}

.pt-2 {
    padding-top: 10px !important
}

.pt-3 {
    padding-top: 15px !important
}

.pt-4 {
    padding-top: 20px !important
}

.pt-5 {
    padding-top: 25px !important
}

.jc-sb {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:500px) {
    .jc-sb {
        flex-wrap: wrap
    }
}

.jc-e {
    display: flex;
    justify-content: flex-end
}

@media screen and (max-width:500px) {
    .jc-e {
        flex-wrap: wrap
    }
}

.f-c {
    display: flex;
    flex-direction: column
}

.jc-c {
    display: flex !important;
    justify-content: center !important
}

.ai-c {
    align-items: center
}

.ai-c,
.ai-e {
    display: flex
}

.ai-e {
    align-items: flex-end
}

.ai-s {
    display: flex;
    align-items: flex-start
}

.ta-c {
    text-align: center !important
}

.ta-l {
    text-align: left !important
}

@media screen and (max-width:475px) {
    .ta-l {
        text-align: center !important
    }
}

.ta-r {
    text-align: right !important
}

@media screen and (max-width:475px) {
    .ta-r {
        text-align: left !important
    }
}

.fs-xl {
    font-size: 25px
}

.bold {
    font-weight: 700
}

.content-show {
    display: none
}

.dark-font {
    color: #333 !important
}

.light-font {
    color: #979797
}

.very-light-font {
    color: #fff
}

.very-light-font * {
    color: inherit
}

:active,
:focus {
    outline: none !important
}

.no-scroll {
    overflow: hidden;
    height: 100%
}

.small {
    font-size: 14px
}

.nowrap {
    white-space: nowrap
}

.hide {
    display: none
}

.color-red {
    color: red
}

.ruble {
    font-family: PT Sans, Arial, sans-serif;
    font-size: inherit;
    font-weight: inherit !important
}

.animation {
    transition: .25s ease-out
}

.animation:hover {
    z-index: 5
}

.animation_box:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, .1)
}

.animation_offset:hover {
    transform: translateY(-10px)
}

@media screen and (max-width:768px) {
    .animation_offset:hover {
        transform: none
    }
}

.animation_offset_small:hover {
    transform: translateY(-5px)
}

@-webkit-keyframes test-drive {
    8%,
    24% {
        transform: rotate(20deg)
    }
    16% {
        transform: rotate(-20deg)
    }
    32% {
        transform: rotate(0deg)
    }
}

@keyframes test-drive {
    8%,
    24% {
        transform: rotate(20deg)
    }
    16% {
        transform: rotate(-20deg)
    }
    32% {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 102, 181, .7)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 102, 181, 0)
    }
    to {
        box-shadow: 0 0 0 0 rgba(0, 102, 181, 0)
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 102, 181, .7)
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 102, 181, 0)
    }
    to {
        box-shadow: 0 0 0 0 rgba(0, 102, 181, 0)
    }
}

@-webkit-keyframes scroll {
    0%,
    to {
        bottom: 15px
    }
    50% {
        bottom: 27px
    }
}

@keyframes scroll {
    0%,
    to {
        bottom: 15px
    }
    50% {
        bottom: 27px
    }
}

@-webkit-keyframes tyreRotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes tyreRotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@-webkit-keyframes tyreDeccelerate {
    0% {
        transform: rotate(1turn)
    }
    to {
        transform: rotate(0deg)
    }
}

@keyframes tyreDeccelerate {
    0% {
        transform: rotate(1turn)
    }
    to {
        transform: rotate(0deg)
    }
}

@-webkit-keyframes flashingLights {
    0%,
    80% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@keyframes flashingLights {
    0%,
    80% {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

@-webkit-keyframes flashingLightsLong {
    0%,
    10%,
    20% {
        opacity: 0
    }
    5%,
    15% {
        opacity: 1
    }
}

@keyframes flashingLightsLong {
    0%,
    10%,
    20% {
        opacity: 0
    }
    5%,
    15% {
        opacity: 1
    }
}


/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

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

figcaption,
figure {
    display: block
}

figure {
    margin: 1em 40px
}

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

main {
    display: block
}

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

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

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

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

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

dfn {
    font-style: italic
}

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
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

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

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

input {
    overflow: visible
}

[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-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

details {
    display: block
}

summary {
    display: list-item
}

menu {
    display: block
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y
}

.slick-list,
.slick-slider.slick-initialized {
    display: block
}

.slick-list {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    height: 100%;
    min-height: 1px;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-initialized .slick-slide.card {
    display: flex !important;
    flex-direction: column
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-list,
.slick-vertical .slick-track {
    display: block
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    background: transparent;
    color: transparent;
    outline: none
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots {
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    height: 20px;
    width: 20px;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-dots_disabled li {
    pointer-events: none
}

.slick-dots {
    display: flex;
    justify-content: center;
    margin-top: 25px
}

@media screen and (max-width:768px) {
    .slick-dots {
        bottom: 10px
    }
}

.slick-dots li {
    width: 15px;
    padding: 11px 0 0;
    height: 0;
    overflow: hidden;
    background: #e0e0e0;
    border-radius: 50%;
    margin: 0 .5em;
    border: 2px solid #e0e0e0
}

.slick-dots li button {
    display: none
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots li.slick-active {
    background: #fff;
    border: 2px solid #0066b5
}

.slick-dots li:hover:after {
    background-color: rgba(51, 51, 51, .95)
}

.slick-dots_main {
    margin-top: 0;
    bottom: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:992px) {
    .slick-dots_main {
        display: none !important
    }
}

.slick-dots_main li {
    border: 0;
    padding: 0;
    border-radius: 0;
    width: 80px;
    height: 6px;
    display: block;
    transition: .2s ease-out;
    margin-right: 3px;
    margin-left: 0;
    position: relative;
    background: none
}

@media screen and (max-width:768px) {
    .slick-dots_main li {
        width: 15px
    }
}

.slick-dots_main li:before {
    right: 0;
    width: 0;
    transition: width 0s linear;
    background-color: rgba(51, 51, 51, .95);
    z-index: 2
}

.slick-dots_main li:after,
.slick-dots_main li:before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    height: 4px
}

.slick-dots_main li:after {
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1
}

.slick-dots_main li button {
    display: none
}

.slick-dots_main li:last-child {
    margin-right: 0
}

.slick-dots_main li.slick-active {
    border: none;
    background: none
}

.slick-dots_main li.slick-active:after {
    background-color: #333
}

.slick-dots_main li.slick-active:before {
    right: auto;
    left: 0;
    transition-duration: 5s;
    width: 100%
}

.slick-dots_main li:hover:after {
    background-color: rgba(51, 51, 51, .95)
}

.slick-list,
.slick-track {
    width: 100%;
    height: 100%
}

.slick-track {
    display: flex;
    min-width: 100%;
    margin: 0
}

.slick-slide {
    float: none;
    height: auto
}

.slick__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    transition: .3s ease, left .5s ease-out, right .5s ease-out;
    width: 50px;
    height: 50px;
    opacity: 0
}

@media screen and (max-width:768px) {
    .slick__arrow {
        opacity: 1;
        width: 45px;
        height: 45px;
        padding: 10px;
        border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .4);
        -webkit-tap-highlight-color: transparent
    }
    .slick__arrow:active {
        box-shadow: none
    }
}

.slick__arrow_light svg {
    fill: #fff
}

@media screen and (max-width:768px) {
    .slick__arrow_light svg {
        fill: #333
    }
}

.slick__arrow_main {
    width: 70px;
    height: 70px
}

@media screen and (max-width:768px) {
    .slick__arrow_main {
        width: 40px;
        height: 40px
    }
}

.slick__arrow_stable.slick__arrow-prev {
    left: auto !important;
    right: calc(100% + 2px) !important
}

@media screen and (max-width:1150px) {
    .slick__arrow_stable.slick__arrow-prev {
        right: auto !important;
        left: 0 !important
    }
}

.slick__arrow_stable.slick__arrow-next {
    right: auto !important;
    left: calc(100% + 2px) !important
}

@media screen and (max-width:1150px) {
    .slick__arrow_stable.slick__arrow-next {
        left: auto !important;
        right: 0 !important
    }
}

.slick__arrow_stable-small {
    width: 25px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1
}

.slick__arrow_stable-small svg {
    width: 100%;
    height: auto
}

.slick__arrow_post {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .85);
    padding: 7px
}

.slick__arrow_post.slick__arrow-next {
    right: 5px
}

.slick__arrow_post.slick__arrow-prev {
    left: 5px
}

.slick__arrow.slick-disabled {
    opacity: 0 !important;
    cursor: default
}

.slick__arrow-next {
    right: -20px
}

@media screen and (max-width:992px) {
    .slick__arrow-next {
        right: 0
    }
}

.slick__arrow-prev {
    left: -20px
}

@media screen and (max-width:992px) {
    .slick__arrow-prev {
        left: 0
    }
}

.slick-slider:not(.post__media-slider):not(.post__slider):hover .slick__arrow {
    opacity: 1
}

.slick-slider:not(.post__media-slider):not(.post__slider):hover .slick__arrow-next {
    right: 0
}

.slick-slider:not(.post__media-slider):not(.post__slider):hover .slick__arrow-prev {
    left: 0
}

fieldset {
    border: 0;
    padding: 0
}

.select {
    position: absolute;
    top: calc(100% + 2px);
    width: auto;
    min-width: 100%;
    left: 8px;
    background-color: #fff;
    transition: height .25s ease-in-out;
    height: 0;
    z-index: 51;
    margin: -4px -8px;
    overflow: hidden
}

.select--top {
    top: auto;
    bottom: calc(100% + 8px);
    transform-origin: 50% 100%
}

@media screen and (max-width:768px) {
    .select {
        margin: -4px 0;
        left: 0
    }
}

.select-list {
    padding: 5px 30px 5px 15px;
    display: block;
    max-height: 35vh;
    overflow: auto
}

.select-list::-webkit-scrollbar {
    width: 10px
}

.select-list::-webkit-scrollbar-track {
    width: 7px;
    background: rgba(51, 51, 51, .15)
}

.select-list::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 7px -2px rgba(0, 0, 0, .1);
    width: 10px;
    background: rgba(0, 0, 0, .1);
    height: 10px
}

.select-list::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .1)
}

@media screen and (max-width:1200px) {
    .select-list {
        padding-right: 20px
    }
}

@media screen and (max-width:768px) {
    .select-list {
        padding: 5px 12px 5px 20px;
        max-height: 200px
    }
}

.select.open {
    height: auto;
    border: 1px solid hsla(0, 0%, 40%, .75)
}

.select.compact {
    width: 100%;
    display: block
}

.select.compact .select__item {
    width: 100%
}

.select-head {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 35px 0 20px;
    transition: all .25s ease-in-out;
    color: #000;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #666;
    font-family: Changan, Arial, sans-serif;
    font-size: 13px
}

@media screen and (max-width:992px) {
    .select-head {
        padding-left: 15px;
        padding-right: 28px
    }
}

input.select-head {
    border-radius: 0 !important
}

input.select-head::-webkit-inner-spin-button,
input.select-head::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media screen and (max-width:768px) {
    input.select-head {
        padding-right: 25px
    }
}

.select-head[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.select-head:hover {
    border-color: #333
}

.select-head:active {
    background-color: #ececec
}

.select-head .footnote {
    margin-right: 3px;
    line-height: inherit
}

.select-head:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: 12px;
    height: 6px;
    background: #333 50% no-repeat;
    background-size: contain;
    transform-origin: 50% 50%;
    transition: transform .2s ease-in-out
}

@media screen and (max-width:992px) {
    .select-head:after {
        right: 9px
    }
}

.select-head.open:after {
    transform: translateY(-50%) rotate(180deg)
}

.select-head.br {
    border-radius: 10px
}

.select-head.select_light {
    border-color: #ececec
}

.select__item {
    margin: 4px 0;
    width: 100%;
    padding: 10px 5px 10px 30px;
    font-size: .833rem;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-color: #fff;
    position: relative;
    white-space: nowrap
}

.select__item.like-head {
    font-weight: 700;
    font-size: 1rem
}

.select__item .footnote {
    margin-left: 7px
}

@media screen and (max-width:768px) {
    .select__item {
        text-align: left
    }
}

.select__item:hover {
    background-color: rgba(0, 102, 181, .05)
}

.select__item-footnote {
    font-size: 12px;
    color: #888889;
    display: inline !important;
    white-space: normal
}

.select-group {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 15px
}

.select-group--head {
    width: 100%;
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    padding-left: 15px;
    padding-bottom: 0
}

.select-group--simple {
    font-weight: 400;
    font-size: .833rem
}

.select-close {
    position: absolute;
    top: 2px;
    right: 12px;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    width: 25px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

@media screen and (max-width:550px) {
    .select-close {
        left: 2px;
        right: auto
    }
}

.select__arrow {
    position: absolute;
    content: "";
    z-index: 2;
    bottom: 20px;
    right: 8px;
    width: 12px;
    height: 6px;
    background: url(../img/svg/arrow-down.svg) 50% no-repeat;
    background-size: contain;
    transform-origin: 50% 50%;
    transition: transform .2s ease-in-out
}

@media screen and (max-width:992px) {
    .select__arrow {
        right: 9px
    }
}

.select__arrow.open {
    transform: rotate(180deg)
}

.dm-uploader {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px dashed #b0c5d5;
    min-height: 145px;
    text-align: center;
    position: relative
}

.dm-uploader--hovered {
    border-style: solid
}

.dm-uploader:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader--filled {
    min-height: auto
}

.dm-uploader--filled .dm-uploader__list {
    margin-bottom: 20px
}

.dm-uploader--filled .dm-uploader__upload-more {
    display: inline-block
}

.dm-uploader--filled .dm-uploader__greeting {
    position: relative;
    margin-bottom: 2%;
    top: 0;
    left: 0;
    transform: none;
    font-size: 12px
}

.dm-uploader__greeting {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #333;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 40px
}

@media screen and (max-width:600px) {
    .dm-uploader__greeting {
        flex-direction: column;
        padding: 0 20px
    }
}

.dm-uploader__greeting span {
    margin-right: 35px
}

@media screen and (max-width:600px) {
    .dm-uploader__greeting span {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.dm-uploader__greeting span:last-child {
    margin-right: 0
}

.dm-uploader__upload {
    text-decoration: underline;
    cursor: pointer
}

.dm-uploader__upload__upload-more {
    display: none;
    background-color: #b0c5d5;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 2%
}

.dm-uploader__upload__upload-more:hover {
    background-color: rgba(176, 197, 213, .3)
}

.dm-uploader input[type=file] {
    display: none
}

.dm-uploader__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none
}

.dm-uploader__item {
    flex-basis: 21%;
    margin: 2%;
    position: relative;
    list-style: none
}

.dm-uploader__item:nth-last-child(-n+4) {
    margin-bottom: 0
}

.dm-uploader__item--main .dm-uploader__main-star {
    display: block
}

.dm-uploader__item--main .dm-uploader__control--main {
    display: none
}

.dm-uploader__item--sortable .dm-uploader__sortable {
    display: block
}

.dm-uploader__item--error .dm-uploader__controls,
.dm-uploader__item--processing .dm-uploader__controls {
    display: none
}

.dm-uploader__item--error .dm-uploader__image {
    position: relative
}

.dm-uploader__item--error .dm-uploader__image:before {
    content: "";
    position: absolute;
    width: 75%;
    height: 75%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    background-color: hsla(0, 0%, 100%, .85)
}

.dm-uploader__item--error .dm-uploader__image:after {
    content: "ИЗОБРАЖЕНИЕ ЗАБЛОКИРОВАНО";
    top: 50%;
    left: 50%;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 15
}

.dm-uploader__item:not(.dm-uploader__item--error) .dm-uploader__image {
    position: relative;
    cursor: move;
    min-height: 60px;
    background-image: url(../img/svg/loader--dark.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50%
}

.dm-uploader__item--0 .dm-uploader__image:after,
.dm-uploader__item:not(.dm-uploader__item--error) .dm-uploader__image:hover:after {
    content: "";
    background-color: hsla(0, 0%, 100%, .65);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dm-uploader__item--1 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 1%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--2 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 2%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--3 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 3%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--4 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--5 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 5%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--6 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 6%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--7 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 7%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--8 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 8%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--9 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 9%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--10 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 10%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--11 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 11%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--12 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 12%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--13 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 13%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--14 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 14%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--15 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 15%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--16 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 16%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--17 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 17%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--18 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 18%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--19 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 19%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--20 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 20%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--21 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 21%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--22 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 22%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--23 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 23%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--24 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 24%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--25 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 25%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--26 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 26%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--27 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 27%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--28 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 28%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--29 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 29%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--30 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 30%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--31 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 31%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--32 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 32%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--33 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 33%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--34 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 34%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--35 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 35%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--36 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 36%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--37 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 37%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--38 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 38%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--39 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 39%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--40 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 40%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--41 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 41%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--42 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 42%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--43 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 43%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--44 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 44%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--45 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 45%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--46 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 46%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--47 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 47%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--48 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 48%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--49 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 49%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--50 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--51 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 51%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--52 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 52%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--53 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 53%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--54 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 54%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--55 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 55%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--56 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 56%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--57 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 57%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--58 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 58%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--59 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 59%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--60 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 60%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--61 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 61%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--62 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 62%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--63 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 63%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--64 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 64%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--65 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 65%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--66 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 66%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--67 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 67%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--68 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 68%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--69 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 69%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--70 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 70%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--71 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 71%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--72 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 72%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--73 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 73%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--74 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 74%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--75 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 75%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--76 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 76%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--77 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 77%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--78 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 78%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--79 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 79%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--80 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 80%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--81 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 81%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--82 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 82%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--83 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 83%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--84 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 84%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--85 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 85%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--86 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 86%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--87 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 87%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--88 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 88%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--89 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 89%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--90 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 90%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--91 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 91%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--92 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 92%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--93 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 93%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--94 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 94%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--95 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 95%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--96 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 96%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--97 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 97%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--98 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 98%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--99 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 99%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--100 .dm-uploader__image:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100%;
    background-color: hsla(0, 0%, 100%, .65)
}

.dm-uploader__item--100 .dm-uploader__image:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 30px;
    width: 30px;
    background-image: url(../img/svg/loader--dark.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transform: translate(-50%, -50%)
}

.dm-uploader__image {
    margin-bottom: 5px;
    outline: 1px solid #ced0d1
}

.dm-uploader__image img {
    max-width: 100%;
    display: block
}

.dm-uploader__description {
    font-size: 12px
}

.dm-uploader__controls {
    display: flex;
    justify-content: space-around;
    list-style: none
}

.dm-uploader__control {
    font-size: 12px;
    border-bottom: 1px dashed;
    cursor: pointer;
    list-style: none
}

.dm-uploader__control--main {
    color: #b0c5d5
}

.dm-uploader__control--delete {
    color: red
}

.dm-uploader__main-star,
.dm-uploader__sortable {
    display: none;
    position: absolute;
    cursor: help;
    width: 24px;
    height: 24px;
    z-index: 1;
    padding: 5px;
    background-color: hsla(0, 0%, 100%, .65);
    color: #b0c5d5;
    font: normal normal normal 14px/1 FontAwesome
}

.dm-uploader__main-star {
    right: 0;
    text-align: right
}

.dm-uploader__main-star:after {
    content: ""
}

.dm-uploader__sortable {
    left: 0;
    text-align: left
}

.dm-uploader__sortable:after {
    content: ""
}

.dm-uploader__dummy {
    background-color: rgba(0, 0, 0, .03);
    width: 21%
}

.dm-uploader__sort {
    display: none;
    margin-top: 2%;
    font-size: 12px
}

.dm-uploader .hidden {
    display: none
}

.dm-uploader .btn {
    position: relative;
    overflow: hidden
}

.dm-uploader .btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

.ui-widget.ui-widget-content {
    border: 2px solid #dae4ee;
    height: 0;
    margin-top: 15px;
    margin-bottom: 15px
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 0;
    border-radius: 50%;
    background: #415767;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.ui-slider-horizontal .ui-slider-handle {
    top: 50%;
    transform: translateY(-50%)
}

.ui-slider-horizontal .ui-slider-range {
    height: 4px;
    top: -2px;
    background: #415767
}

.yellow .ui-button,
.yellow .ui-state-default,
.yellow .ui-widget-content .ui-state-default,
.yellow .ui-widget-header .ui-state-default,
.yellow html .ui-button.ui-state-disabled:active,
.yellow html .ui-button.ui-state-disabled:hover {
    background: #ffd800
}

.yellow.ui-slider-horizontal .ui-slider-range {
    height: 4px;
    top: -2px;
    background: #ffd800
}


/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 5px 0 2px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: .15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger.is-active:hover,
.hamburger:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #000
}

.hamburger_dark .hamburger-inner,
.hamburger_dark .hamburger-inner:after,
.hamburger_dark .hamburger-inner:before,
.hamburger_dark.is-active .hamburger-inner,
.hamburger_dark.is-active .hamburger-inner:after,
.hamburger_dark.is-active .hamburger-inner:before {
    background-color: #333
}

.hamburger-box {
    width: 25px;
    height: 17px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 25px;
    height: 3px;
    background-color: #000;
    border-radius: 0;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block
}

.hamburger-inner:before {
    top: -7px
}

.hamburger-inner:after {
    bottom: -7px
}

.hamburger--elastic .hamburger-inner {
    top: 1.5px;
    transition-duration: .275s;
    transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic .hamburger-inner:before {
    top: 7px;
    transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
    top: 14px;
    transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 7px, 0) rotate(135deg);
    transition-delay: 75ms
}

.hamburger--elastic.is-active .hamburger-inner:before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
    transform: translate3d(0, -14px, 0) rotate(-270deg);
    transition-delay: 75ms
}

.hamburger--emphatic {
    overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
    transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
    left: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
    top: 7px;
    right: 0;
    transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
    left: -50px;
    top: -50px;
    transform: translate3d(50px, 50px, 0) rotate(45deg);
    transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--emphatic.is-active .hamburger-inner:after {
    right: -50px;
    top: -50px;
    transform: translate3d(-50px, 50px, 0) rotate(-45deg);
    transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s
}

.hamburger--slider .hamburger-inner {
    top: 1.5px
}

.hamburger--slider .hamburger-inner:before {
    top: 7px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: .15s
}

.hamburger--slider .hamburger-inner:after {
    top: 14px
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 7px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
    transform: rotate(-45deg) translate3d(-3.5714285714px, -4px, 0);
    opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
    transform: translate3d(0, -14px, 0) rotate(-90deg)
}

.loader {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    background: hsla(0, 0%, 100%, .3)
}

.loader_full {
    position: fixed
}

.loader__wrapper {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.loader__wrapper div {
    -webkit-animation: loader 1s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: loader 1s cubic-bezier(.5, 0, .5, 1) infinite;
    transform-origin: 32px 32px
}

.loader__wrapper div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0066b5;
    margin: -3px 0 0 -3px
}

.loader__wrapper div:first-child {
    -webkit-animation-delay: -36ms;
    animation-delay: -36ms
}

.loader__wrapper div:first-child:after {
    top: 50px;
    left: 50px
}

.loader__wrapper div:nth-child(2) {
    -webkit-animation-delay: -72ms;
    animation-delay: -72ms
}

.loader__wrapper div:nth-child(2):after {
    top: 54px;
    left: 45px
}

.loader__wrapper div:nth-child(3) {
    -webkit-animation-delay: -.108s;
    animation-delay: -.108s
}

.loader__wrapper div:nth-child(3):after {
    top: 57px;
    left: 39px
}

.loader__wrapper div:nth-child(4) {
    -webkit-animation-delay: -.144s;
    animation-delay: -.144s
}

.loader__wrapper div:nth-child(4):after {
    top: 58px;
    left: 32px
}

.loader__wrapper div:nth-child(5) {
    -webkit-animation-delay: -.18s;
    animation-delay: -.18s
}

.loader__wrapper div:nth-child(5):after {
    top: 57px;
    left: 25px
}

.loader__wrapper div:nth-child(6) {
    -webkit-animation-delay: -.216s;
    animation-delay: -.216s
}

.loader__wrapper div:nth-child(6):after {
    top: 54px;
    left: 19px
}

.loader__wrapper div:nth-child(7) {
    -webkit-animation-delay: -.252s;
    animation-delay: -.252s
}

.loader__wrapper div:nth-child(7):after {
    top: 50px;
    left: 14px
}

.loader__wrapper div:nth-child(8) {
    -webkit-animation-delay: -.288s;
    animation-delay: -.288s
}

.loader__wrapper div:nth-child(8):after {
    top: 45px;
    left: 10px
}

@-webkit-keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

[popup] {
    cursor: pointer
}

.popup {
    display: none;
}

@media screen and (max-width:768px) {
    .popup {
        padding: 15px 0;
        align-items: flex-start
    }
}

.popup_centered {
    align-items: center
}

.popup__title_flexed {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media screen and (max-width:768px) {
    .popup__title_flexed {
        flex-direction: column;
        justify-content: flex-start
    }
}

.popup__title_flexed>div {
    margin-right: 20px
}

@media screen and (max-width:768px) {
    .popup__title_flexed>div {
        margin-bottom: 20px;
        margin-right: 0
    }
}

.popup__title_flexed>div:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.popup__title_fixed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 25px 40px;
    box-shadow: 0 5px 10px -3px rgba(0, 0, 0, .25);
    height: 100px
}

@media screen and (max-width:768px) {
    .popup__title_fixed {
        height: auto;
        padding: 15px
    }
}

.popup.fancybox-content {
    padding: 60px 40px 40px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, .25);
    transition: transform .25s ease-in-out
}

.fancybox-slide--html .fancybox-close-small {
    display: none!important;
}

.popup__wrapper {
    max-width: 550px;
    width: 100%;
    transform: translateY(-10px);
}

.popup__wrapper_auto {
    padding: 0;
    border: 0;
    max-width: calc(100% - 300px);
    height: 100%;
    width: 100%;
    min-width: 600px
}

@media screen and (max-width:768px) {
    .popup__wrapper_auto {
        min-width: 1px;
        max-width: 95%;
        width: 100%
    }
}

.popup__wrapper_complectation {
    padding-top: 100px;
    min-width: 90%
}

@media screen and (max-width:768px) {
    .popup__wrapper_complectation {
        padding-top: 125px
    }
}

.popup__wrapper-scroll {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 25px 40px
}

.popup__wrapper-scroll::-webkit-scrollbar {
    width: 10px
}

.popup__wrapper-scroll::-webkit-scrollbar-track {
    width: 7px;
    background: rgba(51, 51, 51, .15)
}

.popup__wrapper-scroll::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 7px -2px rgba(0, 0, 0, .1);
    width: 10px;
    background: rgba(0, 0, 0, .1);
    height: 10px
}

.popup__wrapper-scroll::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .1)
}

@media screen and (max-width:768px) {
    .popup__wrapper-scroll {
        padding: 15px
    }
}

.popup_active {
    opacity: 1;
    visibility: visible
}

.popup__close {
    position: absolute;
    top: -40px;
    right: -30px;
    font-size: 35px;
    cursor: pointer;
    line-height: 35px;
    transition: .25s ease;
    width: 35px;
    height: 35px;
    transform-origin: center;
    border-radius: 50%;
    text-align: center;
    z-index: 2
}

@media screen and (max-width:768px) {
    .popup__close {
        top: -20px;
        right: -20px;
        zoom: .9;
    }
}

.popup__close:hover {
    transform: rotate(90deg)
}

.popup__close:after,
.popup__close:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    background-color: #000
}

.popup__close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.popup__close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.popup__content video {
    display: block;
    width: 100%;
    height: auto
}

.popup__content_full {
    height: 100%
}

.popup__info {
    margin-top: 15px
}

@media screen and (max-width:768px) {
    .popup__info {
        text-align: center
    }
}

.popup__text_messaging {
    font-weight: 700;
    font-size: 21px
}

.bread {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    font-size: .8rem;
    margin: 0;
    flex-wrap: wrap
}

.bread__split {
    width: 12px;
    height: 8px;
    background: url(../img/svg/arrow-down.svg) 50% no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    margin: 0 5px
}

.bread__item,
.bread__link {
    font-size: .7rem;
    color: #888
}

.bread__item .link,
.bread__link .link {
    font-size: inherit;
    color: inherit
}

:root {
    font-size: 13px
}

@media screen and (max-width:992px) {
     :root {
        font-size: 13px
    }
}

@media screen and (max-width:525px) {
     :root {
        font-size: 12px
    }
}

body {
    font-family: Changan, Arial, sans-serif;
    font-weight: 400;
    color: #333;
    box-sizing: border-box;
    letter-spacing: .015em
}

p {
    margin: 0;
    padding: 0
}

body {
    overflow-x: hidden
}

a,
a * {
    text-decoration: none
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .25);
    z-index: 11;
    will-change: padding, height;
    background-color: #fff;
    transition: height .15s linear;
}

.header .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 65px;
}

@media screen and (max-width:768px) {
    .header {
        padding: 8px 0;
        height: 50px
    }
}

.header .menu__item {
    transition: padding .15s linear;
    padding: 15px 0
}

@media screen and (max-width:768px) {
    .header .menu__item {
        padding: 0
    }
}

.header_scrolled .menu__item {
    padding: 8px 0
}

@media screen and (max-width:768px) {
    .header_scrolled .menu__item {
        padding: 0
    }
}

@media screen and (max-width:992px) {
    .header_scrolled {
        height: 50px
    }
}

.header__item {
    margin-right: 20px
}

.header__item:last-child {
    margin-right: 0
}

@media screen and (max-width:768px) {
    .header__item:nth-child(3) {
        order: 2;
        flex-grow: 1;
        margin-right: 20px;
        justify-content: flex-end
    }
}

.header__item_phone svg {
    display: none;
    width: 25px;
    height: 20px;
    fill: #fff;
    margin-top: 6px
}

@media screen and (max-width:992px) {
    .header__item_phone span {
        display: none
    }
    .header__item_phone svg {
        display: block
    }
    .header__item_phone .btn {
        padding: 0 10px
    }
}

@media screen and (max-width:768px) {
    .header__item_phone {
        text-align: right
    }
}

.header__line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.header__logo {
    margin-right: 25px
}

@media screen and (max-width:768px) {
    .header__logo {
        margin-right: 5px
    }
}

@media screen and (max-width:768px) {
    .header__icon {
        margin-left: auto
    }
}

.header__icon.btn {
    height: 34px;
    width: 36px;
    padding: 0;
    justify-content: center;
    display: flex;
    align-items: center
}

.header__icon.btn img {
    width: 20px;
    height: 20px
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 100vh;
    transition: .55s ease-out;
    position: relative
}

.page-wrapper__content {
    flex-grow: 1;
    padding-top: 65px
}

.page-wrapper__content_flexed {
    display: flex;
    flex-direction: column
}

.footer {
    background-color: #f7f7f7;
    box-shadow: 0 -5px 20px -13px rgba(51, 51, 51, .25);
    padding-top: 25px
}

.footer p {
    font-size: 11px
}

.footer__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #333
}

.footer__line:last-child {
    border-bottom: 0
}

@media screen and (max-width:768px) {
    .footer__line {
        flex-wrap: wrap
    }
}

.footer__item {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 100%
}

@media screen and (max-width:992px) {
    .footer__item {
        margin-right: 15px
    }
}

.footer__item p:last-child {
    max-width: 60%
}

.footer__item_disclaimer {
    flex-shrink: 1;
    justify-content: end
}

@media screen and (max-width:768px) {
    .footer__item {
        width: 100%;
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 15px;
        align-items: center
    }
    .footer__item:last-child {
        padding-top: 0;
        margin-bottom: 0;
        max-width: 100%
    }
    .footer__item p:last-child {
        max-width: 100%
    }
    .footer__item_disclaimer {
        flex-shrink: 1;
        justify-content: start
    }
}

.footer__item>* {
    margin-right: 10px
}

.footer__item>:last-child {
    margin-right: 0
}

.side-menu {
    display: none;
    position: fixed;
    top: 0;
    z-index: 500;
    right: -420px;
    width: 420px;
    max-width: 100%;
    height: 100%;
    max-height: 100vh;
    max-height: var(--vh, 100vh);
    background-color: #fff;
    overflow-y: auto;
    transition: .35s ease-out;
    padding: 10px 15px 20px
}

@media screen and (max-width:992px) {
    .side-menu {
        display: block
    }
}

.side-menu::-webkit-scrollbar {
    width: 0;
    border-radius: 0;
    background: transparent;
    display: none
}

.side-menu::-webkit-scrollbar-thumb,
.side-menu::-webkit-scrollbar-track {
    width: 0;
    border-radius: 0;
    height: 0;
    background: transparent;
    display: none
}

.side-menu.show {
    right: 0;
    box-shadow: -5px 0 15px -5px rgba(0, 0, 0, .25)
}

.side-menu__head {
    margin-bottom: 15px;
    padding: 5px 0;
    display: flex;
    align-items: center
}

.side-menu__head p {
    margin-left: 7px;
    text-transform: uppercase;
    font-family: Changan, Arial, sans-serif;
    font-weight: 600
}

.side-menu__list {
    margin-bottom: 10px
}

.side-menu__logotypes {
    align-items: center;
    justify-content: center;
    display: flex
}

.side-menu__logotypes .image {
    margin-right: 10px
}

.side-menu__logotypes .image:last-child {
    margin-right: 0
}

.btn {
    display: block;
    width: auto;
    text-align: center;
    border-radius: 7px;
    border: 1px solid #0066b5;
    padding: 0 17px;
    cursor: pointer;
    transition: .15s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    min-height: 35px;
    line-height: 33px;
    font-family: Changan, Arial, sans-serif;
}

.btn,
.btn:focus,
.btn:hover {
    background-color: #0066b5;
    color: #fff
}

.btn:focus,
.btn:hover {
    outline: 0;
    border-color: rgba(0, 102, 181, .15);
    box-shadow: 0 4px 14px #005dd2
}

.btn:active {
    outline: 0;
    background-color: rgba(0, 102, 181, .9);
    border-color: rgba(0, 102, 181, .9);
    box-shadow: 0 4px 17px #005dd2;
    color: #fff
}

.btn * {
    color: inherit
}

.btn_nowrap {
    white-space: nowrap
}

.btn_small {
    padding: 0 10px;
    height: 25px;
    line-height: 23px;
    font-size: 12px
}

.btn_full {
    width: 100%
}

.btn_default {
    height: 30px;
    line-height: 28px;
    font-size: 14px
}

.btn_medium {
    height: 44px;
    line-height: 42px;
    font-size: 16px
}

.btn_almost-big,
.btn_submit {
    height: 50px;
    line-height: 48px;
    font-size: 16px
}

.btn_light {
    border-color: #333
}

.btn_big {
    height: 60px;
    line-height: 58px;
    padding: 0 20px
}

.btn_bg-white {
    background-color: #fff
}

.btn_submit {
    padding: 0 50px;
    width: 100%;
}

.btn_noborder {
    border: 0
}

.btn_nobr {
    border-radius: 0
}

.btn_auto {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center
}

.btn_auto,
.btn_grow {
    min-width: 1px;
    max-width: 999999px
}

.btn_grow {
    flex-grow: 1
}

.btn_inline {
    display: inline-block
}

.btn_pad-medium {
    padding: 0 40px
}

.btn_pad-default {
    padding: 0 30px
}

.btn_pad-small {
    padding: 0 5px
}

.btn_center {
    margin: 0 auto
}

.btn_centered {
    margin-left: auto;
    margin-right: auto
}

.btn_light {
    background-color: #fff;
    border-color: #fff
}

.btn_light:active,
.btn_light:focus,
.btn_light:hover {
    background-color: #fff;
    border-color: #fff;
    box-shadow: none
}

.btn_fixed-width {
    min-width: 175px
}

.btn_credit {
    margin-left: 20px
}

.btn_credit:active,
.btn_credit:focus,
.btn_credit:hover {
    background-color: #005dd2 !important;
    color: #fff !important
}

@media screen and (max-width:550px) {
    .btn_credit {
        margin-left: 0;
        margin-top: 10px
    }
}

.btn_read-more {
    max-width: 150px
}

.btn-block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -5px;
    width: calc(100% + 10px)
}

@media screen and (max-width:475px) {
    .btn-block {
        justify-content: center
    }
}

.btn-block .btn {
    margin: 5px
}

.btn-block_centered {
    justify-content: center
}

.btn-block_half .btn {
    width: calc(50% - 10px)
}

@media screen and (max-width:500px) {
    .btn-block_half .btn {
        width: 100%
    }
}

.btn-block_big {
    margin: -5px -10px
}

.btn-block_big .btn {
    margin: 5px 10px
}

.btn-block_big.btn-block_half .btn {
    width: calc(50% - 20px)
}

.link {
    display: inline-block;
    text-transform: none;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    transition: .25s ease
}

@media screen and (max-width:400px) {
    .link {
        font-size: .9rem
    }
}

.link.active,
.link:hover {
    color: #0066b5
}

.link_inline {
    display: inline
}

.link_bordered {
    text-decoration: underline
}

.link_dashed {
    border-bottom: 1px dashed
}

.link_underlined {
    position: relative;
    display: inline-block
}

.link_underlined:after {
    position: absolute;
    content: "";
    top: calc(100% + 1px);
    left: auto;
    right: 0;
    width: 0;
    height: 1px;
    color: inherit;
    background-color: currentColor;
    will-change: width;
    transition: width .25s ease-out
}

.link_underlined:hover:after {
    right: auto;
    left: 0;
    width: 100%
}

.link--tabs {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

@media screen and (max-width:768px) {
    .link--tabs {
        top: 150%;
        z-index: 45
    }
}

.link_small {
    font-size: 14px
}

.link_medium {
    font-size: 16px;
    font-family: Changan, Arial, sans-serif;
    font-weight: 500
}

.link_big {
    font-size: 20px;
    font-weight: 500;
    font-style: normal
}

.link_big_extra {
    font-size: 25px
}

.link_bold {
    font-family: Changan, Arial, sans-serif;
    font-weight: 600
}

.link_self {
    color: #84bfea
}

.link_user {
    position: relative;
    padding-left: 20px
}

.link_user:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background: url(../img/svg/user--white.svg) 50% no-repeat;
    background-size: contain
}

.link_light,
.link_light-hover:hover {
    color: #fff
}

.link_decorated,
.link_decorated-reverse {
    display: inline-block;
    padding: 0 17px;
    border-radius: 16px;
    background-color: transparent;
    color: #666;
    border: 1px solid #666;
    will-change: background-color, color;
    transition: .25s ease;
    height: 35px;
    line-height: 33px
}

.link_decorated-reverse .image,
.link_decorated .image {
    pointer-events: none
}

.link_decorated-reverse svg use,
.link_decorated svg use {
    fill: #666
}

.link_decorated-reverse:hover,
.link_decorated:hover {
    color: #fff;
    border-color: #0066b5;
    background-color: #0066b5
}

.link_decorated-reverse:hover svg,
.link_decorated:hover svg {
    transform: rotate(-180deg)
}

.link_decorated-reverse:hover svg.moved,
.link_decorated:hover svg.moved {
    transform: translateX(5px)
}

.link_decorated-reverse:hover svg use,
.link_decorated:hover svg use {
    fill: #fff
}

@media screen and (max-width:550px) {
    .link_decorated-small-mob {
        height: 26px;
        line-height: 24px;
        font-size: 13px
    }
}

.link_decorated-light {
    color: #fff;
    border-color: #fff
}

.link_decorated-light svg use {
    fill: #fff
}

.link_decorated-reverse {
    color: #fff;
    border-color: #0066b5;
    background-color: #0066b5
}

.link_decorated-reverse svg use {
    fill: #fff
}

.link_decorated-reverse:hover {
    background-color: #005dd2;
    border: 1px solid #005dd2;
    box-shadow: 0 4px 14px #005dd2
}

.link_decorated-reverse:hover svg {
    transform: rotate(-180deg)
}

.link_decorated-reverse:hover svg.moved {
    transform: translateX(5px)
}

.link_decorated-reverse:hover svg use {
    fill: #005dd2
}

.link_decorated-active {
    color: #fff;
    border-color: #0066b5;
    background-color: #0066b5
}

.link_decorated-active svg {
    transform: rotate(-180deg)
}

.link_decorated-active svg.moved {
    transform: translateX(5px)
}

.link_decorated-active svg use {
    fill: #fff
}

.link_menu {
    border: none;
    white-space: nowrap;
    line-height: 35px
}

@media screen and (max-width:992px) {
    .link_menu {
        padding: 0 12px
    }
}

@media screen and (max-width:768px) {
    .link_menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px;
        line-height: 45px;
        border-radius: 0;
        height: auto
    }
    .link_menu:hover {
        color: #333;
        background-color: #fff
    }
    .link_menu:hover .image svg {
        transform: none
    }
    .link_menu:hover .image svg use {
        fill: #333
    }
}

@media screen and (max-width:768px) {
    .link_menu .image {
        margin-left: auto
    }
}

.link_main {
    font-family: Changan, Arial, sans-serif;
    margin-bottom: 1rem
}

.link_submain {
    margin-bottom: .5rem
}

@media screen and (max-width:768px) {
    .link_phone {
        display: none
    }
}

.link_phone:hover svg use {
    fill: #0066b5
}

.link-block {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    align-items: center
}

.link-block_centered {
    justify-content: center
}

.link-block .link {
    margin: 5px
}

.image {
    display: block
}

.image img,
.image svg {
    display: block;
    width: 100%;
    margin: 0 auto;
    transition: .25s ease
}

.image img use,
.image svg use {
    transition: .25s ease
}

.image .img_height {
    height: auto
}

.image svg {
    height: 100%
}

.image__logo {
    position: relative;
    padding-right: 10px
}

.image__logo img {
    width: 200px;
    height: auto;
}

@media screen and (max-width:992px) {
    .image__logo img {
        height: 50%
    }
}

.image_abs,
.image_abs-centered,
.image_fitted,
.image_post {
    position: relative
}

.image_abs-centered .img,
.image_abs-centered img,
.image_abs .img,
.image_abs img,
.image_fitted .img,
.image_fitted img,
.image_post .img,
.image_post img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image_relative {
    position: relative
}

.image_abs-centered img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.image_centered {
    margin-left: auto;
    margin-right: auto
}

.image_abs-centered .img img,
.image_abs .img img,
.image_bg-contain img,
.image_bg-cover img,
.image_fitted .img img,
.image_noimage img,
.image_post .img img {
    display: none
}

.image_abs-centered .img,
.image_abs .img,
.image_bg-cover,
.image_fitted .img,
.image_post .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.image_bg-contain {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.image__social img {
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.image__social_big img {
    width: 42px;
    height: 42px
}

.image__arrow {
    width: 17px;
    height: 17px
}

.image__arrow_small {
    height: 12px;
    width: 12px
}

.image__arrow_small-extra {
    width: 10px
}

.image__search {
    width: 27px;
    height: 27px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.image__favourite {
    position: relative
}

.image__favourite img {
    will-change: opacity;
    transition: opacity .25s ease;
    filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, .3))
}

.image__favourite-item {
    opacity: 0;
    pointer-events: none;
    z-index: 2
}

.image__favourite-item,
.image__video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.image__video {
    transition: .25s ease
}

.image__video img {
    width: 60px
}

.image__play {
    border-radius: 50%
}

.image__developer {
    margin-left: auto;
    max-width: 200px;
    opacity: .75;
    transition: .25s ease;
    height: 34px
}

.image__developer:hover {
    opacity: 1
}

.image__inline {
    display: inline-block;
    vertical-align: middle
}

.image__icon,
.image__icon_small {
    width: 50px;
    height: 50px
}

.image_animated img {
    transition: .25s ease
}

.image_animated-long .img,
.image_animated-long img,
.image_animated-scale .img,
.image_animated-scale img {
    transition: 1s ease
}

.image_animated-scale {
    overflow: hidden
}

.image_animated-scale .img,
.image_animated-scale img {
    -webkit-backface-visibility: hidden;
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor
}

.image_animated-scale:hover img {
    transform: translate3d(-50%, -50%, 0) scale(1.05)
}

.image_animated-scale:hover .img {
    transform: translateZ(0) scale(1.05)
}

.image_circle {
    border-radius: 50%;
    width: 45px;
    height: 45px
}

@media screen and (max-width:768px) {
    .image_circle {
        width: 30px;
        height: 30px
    }
}

.image__advantage {
    margin: 0 auto;
    width: 65px;
    height: 65px
}

.image__model {
    width: 100%;
    height: 0;
    padding-top: 42.75%
}

.image__content {
    width: auto;
    margin-bottom: 1.5rem
}

.image__content img {
    margin-left: 0;
    width: auto;
    max-width: 100%
}

.image__model-logo {
    width: 25%
}

@media screen and (max-width:768px) {
    .image__model-logo {
        height: 15px
    }
}

@media screen and (max-width:500px) {
    .image__model-logo {
        height: 12px
    }
}

.image__model-logo img {
    height: auto;
    width: 100%
}

.image__history {
    margin-right: 45px;
    width: 170px
}

@media screen and (max-width:768px) {
    .image__history {
        margin: 0 auto
    }
}

.image__phone {
    display: inline-block;
    width: 15px;
    height: 16px;
    vertical-align: middle
}

@media screen and (max-width:768px) {
    .image__phone {
        width: 20px;
        height: 22px
    }
}

.image__screen {
    margin-top: 0
}

.image__screen_right {
    margin-left: 300px;
    margin-right: -300px
}

.image__screen_left {
    margin-left: -300px;
    margin-right: 300px
}

@media screen and (max-width:992px) {
    .image__screen {
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px
    }
}

.image__gallery {
    cursor: pointer;
    transition: 1s ease;
    background-color: #333
}

.image__gallery:hover {
    transition: 2s ease;
    transform: scale(1.02)
}

.image__gallery-slider {
    width: 100%;
    height: 100%
}

.image__gallery-slider img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%
}

@media screen and (max-width:768px) {
    .image__gallery-slider img {
        height: 100%
    }
}

.image__scroll {
    width: 40px;
    cursor: pointer
}

.image__car-animate {
    width: 300px
}

@media screen and (max-width:768px) {
    .image__car-animate {
        width: 200px
    }
}

.image__badge,
.image__badge_static {
    width: 13%
}

@media screen and (max-width:768px) {
    .image__badge,
    .image__badge_static {
        width: 16%
    }
}

.image__badge_small {
    width: 10%
}

.image__badge_static {
    width: 170px;
    margin-left: auto
}

@media screen and (max-width:992px) {
    .image__badge_static {
        margin-right: auto
    }
}

.image_effect {
    width: 100%;
    height: 0;
    position: relative;
    padding-top: 66.83%
}

.image_effect img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.image_lights {
    width: 12%;
    height: 12%
}

.image_lights img {
    display: block;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.image_fitted,
.image_post {
    position: static
}

.image_fitted .img,
.image_fitted img,
.image_post .img,
.image_post img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image__sticker {
    width: 35px;
    height: 35px
}

.image_post {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden
}

.image_post-media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image_post-media img {
    -o-object-fit: contain;
    object-fit: contain;
}

.image--cover,
.image_post-media img {
    width: 100%;
    height: 100%
}

.image--cover img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image--contain {
    width: 100%;
    height: 100%
}

.image--contain img {
    height: 100%;
    font-family: "object-fit:contain;";
    -o-object-fit: contain;
    object-fit: contain
}

.image-block {
    display: flex;
    margin: -3px;
    flex-wrap: wrap;
    align-items: center
}

.image-block .image {
    margin: 3px
}

.title {
    width: 100%;
    margin-bottom: 1.22rem;
    z-index: 10
}

.title h1,
.title h2,
.title h3,
.title h4,
.title h5,
.title h6 {
    display: inline-block;
    margin: 0;
    font-weight: 600;
}

.title h1 {
    font-size: 30px
}

.title hr {
    background-color: #fff;
    width: 50px;
    margin-top: 40px
}

@media screen and (max-width:768px) {
    .title hr {
        margin-top: 20px
    }
}

.title__content {
    margin-bottom: 10px
}

.title__content>* {
    font-weight: 600;
    font-size: 20px
}

.title__main {
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .title__main {
        margin-bottom: 20px
    }
}

.title__main:last-child {
    margin-bottom: 0
}

.title__main * {
    font-size: 27px
}

.title__main h1,
.title__main h2 {
    position: relative
}

.title__main h1:after,
.title__main h1:before,
.title__main h2:after,
.title__main h2:before {
    position: absolute;
    content: "";
    height: 3px;
    width: 140px;
    top: 50%;
    transform: translateY(-50%);
    background-color: hsla(0, 0%, 40%, .1)
}

.title__main h1:before,
.title__main h2:before {
    right: calc(100% + 10px)
}

.title__main h1:after,
.title__main h2:after {
    left: calc(100% + 10px)
}

.title__main h1 span.line,
.title__main h2 span.line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: hsla(0, 0%, 40%, .3);
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    font-weight: 700;
    letter-spacing: .08em;
    font-style: italic;
    pointer-events: none
}

.title__main h1 span.line_left,
.title__main h2 span.line_left {
    right: calc(100% + 151px)
}

.title__main h1 span.line_right,
.title__main h2 span.line_right {
    left: calc(100% + 151px)
}

.title__main_no-lines h1:after,
.title__main_no-lines h1:before,
.title__main_no-lines h2:after,
.title__main_no-lines h2:before {
    display: none
}

.title__form {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px
}

.title__form_big_margin {
    margin-bottom: 40px
}

.title__form_bold {
    font-weight: 600
}

@media screen and (max-width:992px) {
    .title__block {
        width: 100%;
        margin-bottom: 15px
    }
    .title__block:last-child {
        margin-bottom: 0
    }
}

.title__block_flexed {
    display: flex;
    align-items: center
}

@media screen and (max-width:768px) {
    .title__block_flexed {
        flex-wrap: wrap;
        margin: -5px
    }
    .title__block_flexed>* {
        margin: 5px !important
    }
}

.title__block-item {
    margin-right: 15px
}

.title__block-item:last-child {
    margin-right: 0
}

.title__counter {
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    color: #b0c5d5;
    margin-left: 5px
}

.title_bordered {
    position: relative
}

.title_bordered:after {
    position: absolute;
    content: "";
    top: calc(100% + 10px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(51, 51, 51, .3)
}

.title_biggest>h1,
.title_biggest>h2 {
    font-size: 3rem
}

@media screen and (max-width:550px) {
    .title_biggest>h1,
    .title_biggest>h2 {
        font-size: 2rem
    }
}

@media screen and (max-width:400px) {
    .title_biggest>h1,
    .title_biggest>h2 {
        font-size: 1.5rem
    }
}

.title_centered {
    text-align: center
}

.title_flexed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .title_flexed {
        flex-direction: column;
        align-items: flex-start
    }
}

@media screen and (max-width:768px) {
    .title_flexed>* {
        margin-bottom: 10px
    }
    .title_flexed>:last-child {
        margin-bottom: 0
    }
}

.title_nomargin {
    margin-bottom: 5px
}

.title_light h1,
.title_light h2 {
    color: #fff
}

.title_spaced * {
    letter-spacing: .08em
}

.title__slider {
    margin-bottom: .75rem
}

@media screen and (max-width:400px) {
    .title__slider {
        margin-bottom: .4rem
    }
}

.title__slider h2 {
    white-space: nowrap;
    font-weight: 500;
    font-size: 50px;
    vertical-align: middle
}

@media screen and (max-width:992px) {
    .title__slider h2 {
        font-size: 30px
    }
}

@media screen and (max-width:550px) {
    .title__slider h2 {
        white-space: normal
    }
}

.footnote,
.footnote * {
    font-size: 12px;
    color: #888889
}

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

ol.list_margined,
ul.list_margined {
    margin-left: 15px
}

@media screen and (max-width:500px) {
    ol.list_margined,
    ul.list_margined {
        margin-left: 0
    }
}

ol.list li,
ul.list li {
    list-style: none;
    position: relative;
    padding-left: 10px;
    font-size: 1rem;
    margin-bottom: .5em
}

ol.list li:before,
ul.list li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333
}

ol.list li:last-child,
ul.list li:last-child {
    margin-bottom: 0
}

ol.list li.nobefore,
ul.list li.nobefore {
    padding-left: 0
}

ol.list li.nobefore:before,
ul.list li.nobefore:before {
    display: none
}

ol.list ul,
ul.list ul {
    margin-left: 14px;
    margin-bottom: 10px
}

ol.list {
    list-style-type: decimal;
    counter-reset: item
}

ol.list li {
    display: block;
    padding-left: 20px
}

ol.list li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    content: counters(item, ".") ". ";
    counter-increment: item;
    font-weight: 700
}

.price_col {
    display: flex;
    flex-direction: column;
    max-width: 320px
}

.price_full {
    width: 100%;
    border: 1px solid #b0c5d5;
    height: 40px;
    line-height: 40px
}

.price_medium {
    font-size: 20px
}

.price_big {
    font-size: 25px
}

@media screen and (max-width:1280px) {
    .price_big {
        font-size: 22px
    }
}

.price_service {
    font-size: 30px
}

.price_big_extra {
    font-size: 40px;
    margin-bottom: 15px
}

.price_big_extra:last-child {
    margin-bottom: 0
}

.price_medium {
    font-weight: 500
}

.price_bold,
.price_medium {
    font-family: Changan, Arial, sans-serif
}

.price_bold {
    font-weight: 600
}

.price_nowrap {
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .price__group {
        max-width: 100% !important
    }
}

.price__bar {
    width: 100%
}

.price__block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem
}

.price__block>* {
    margin-right: 15px
}

.price__block>:last-child {
    margin-right: 0
}

.price_scaled {
    transition: transform .5s ease-out;
    transform: scale(.1)
}

.price_centered {
    text-align: center
}

.price__amount,
.price__count {
    font-size: 21px
}

@media screen and (max-width:600px) {
    .price__amount,
    .price__count {
        font-size: 17px
    }
}

.price__amount span,
.price__count span {
    white-space: nowrap;
    font-family: Changan, Arial, sans-serif;
    font-weight: 600
}

.icon {
    position: relative;
    pointer-events: all
}

.icon:after,
.icon:before {
    position: absolute;
    z-index: 1;
    top: 50%;
    content: "";
    transform: translateY(-50%)
}

.icon__checkmark {
    padding-left: 33px
}

.icon__checkmark:before {
    z-index: 2;
    top: 0;
    left: 5px;
    width: 20px;
    height: 15px;
    transform: none;
    background: url(../img/svg/checkmark.svg) 50% no-repeat;
    background-size: contain
}

.icon__checkmark:after {
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #9eb5c5;
    border-radius: 50%
}

.icon--info {
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #888889;
    border-radius: 50%
}

.icon--info:hover {
    border-color: #0066b5
}

.icon--info:hover:before {
    color: #0066b5
}

.icon--info:before {
    left: 50%;
    display: block;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #888889;
    content: "?";
    transform: translate(-50%, -50%)
}

.hamburger {
    display: none
}

@media screen and (max-width:768px) {
    .hamburger {
        display: block
    }
}

.img-bg {
    background-color: rgba(0, 0, 0, .4)
}

.img-bg *,
.img-bg .link {
    color: #fff
}

.text-on-bg,
.text-on-bg * {
    color: #fff !important
}

.text-on-bg .bread__split {
    background-image: url(/resource/static/img/svg/arrow-down--white.svg)
}

#part-filter-result {
    position: absolute;
    left: calc(100% + 10px);
    z-index: 100;
    padding: 10px;
    background: #fff;
    border: 2px solid #ffd800;
    text-align: center;
    width: 230px;
    border-radius: 10px;
    transform: translateY(-50%);
    display: none
}

#part-filter-result p {
    margin-bottom: 10px
}

#part-filter-result button {
    margin: 0 auto
}

.form {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
    align-items: center
}

@media screen and (max-width:550px) {
    .form {
        margin: 0;
        justify-content: center
    }
}

.form__services {
    padding: 55px 80px;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25);
    margin: 0;
    max-height: 450px
}

@media screen and (max-width:992px) {
    .form__services {
        padding: 15px 30px;
        box-shadow: none;
        max-height: 9999999px
    }
}

@media screen and (max-width:500px) {
    .form__services {
        padding: 1.44rem 0
    }
}

.form_col {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    margin: 0 auto;
}

.form_col-centered {
    align-items: center
}

.form_default {
    display: block
}

.form_line {
    flex-wrap: nowrap
}

@media screen and (max-width:992px) {
    .form_line {
        flex-wrap: wrap
    }
}

.form_col_full {
    height: 100%
}

.form_nomargin {
    margin: 0
}

.form_price {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center
}

.form .error+label {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    font-size: 12px;
    color: red;
    line-height: 1
}

.form__block {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.form__block_margined {
    margin-bottom: 40px
}

.form__recall {
    margin: 0 -15px;
    padding: 65px 80px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}

@media screen and (max-width:768px) {
    .form__recall {
        padding: 20px 15px
    }
}

.form_test-drive {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 800px;
    padding: 40px 50px;
    background-color: #fff;
    z-index: 2;
    width: calc(100% + 20px);
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .form_test-drive {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-top: 15px;
        padding: 0;
        background: none
    }
}

@media screen and (max-width:550px) {
    .form_test-drive {
        width: 100%
    }
}

.form-wrap {
    padding: 100px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, .1)
}

.form-wrap_small {
    padding: 70px
}

.form-wrap_small-extra {
    padding: 30px
}

.form-wrap_bordered {
    border: 1px solid #b6b6b6
}

.form-wrap_footer {
    padding: 52px 86px 51px 69px
}

.form-wrap_noshadow {
    box-shadow: none
}

.form-wrap_nopd {
    padding: 0
}

.form-wrap_centered {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.form-wrap p {
    max-width: 670px;
    color: #979797
}

.form-sticky {
    width: 290px;
    background-color: #fff;
    border: 1px solid #b0c5d5;
    position: absolute;
    position: -webkit-sticky;
    position: sticky;
    top: 25px;
    right: 0;
    margin: 0
}

@media screen and (max-width:768px) {
    .form-sticky {
        width: 100%
    }
}

.form-sticky__wrap {
    padding: 30px 35px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media screen and (max-width:768px) {
    .form-sticky__wrap {
        padding: 0;
        width: 100%
    }
}

.form-sticky__group {
    width: 100%;
    margin-bottom: 20px
}

.form-sticky__group:last-child {
    margin-bottom: 0
}

.form-sticky__upload {
    margin-bottom: 20px;
    position: relative
}

.form-sticky__upload input {
    display: none
}

.form-sticky__upload label.file {
    position: absolute;
    top: 100%;
    left: 0;
    font-size: 12px;
    font-weight: 100
}

.form-sticky__footer {
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 30px 35px
}

.form-sticky_shadowed {
    border: 0;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .25)
}

@media screen and (max-width:768px) {
    .form-sticky_shadowed {
        box-shadow: none
    }
}

.form-sticky_small {
    width: 262px
}

@media screen and (max-width:768px) {
    .form-sticky_small {
        width: 100%
    }
}

.form-sticky_small .form-sticky__wrap {
    padding: 33px 23px 49px 27px
}

@media screen and (max-width:768px) {
    .form-sticky_small .form-sticky__wrap {
        padding: 0
    }
}

.form-group {
    position: relative;
    margin: 10px;
    width: 100%;
    max-width: 350px
}

@media screen and (max-width:768px) {
    .form-group {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:550px) {
    .form-group {
        margin: 0 0 20px;
        max-width: 100%
    }
    .form-group:last-child {
        margin-bottom: 0
    }
}

.form-group_flexed {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.form-group__label {
    color: #888889;
    font-size: 12px;
    position: absolute;
    top: 2px;
    left: 20px;
    z-index: 2;
    pointer-events: none
}

.form-group label {
    display: block;
    margin-bottom: 5px;
}

.form {
    max-width: 768px;
    margin: 2rem auto 0;
}

#main-form .form-group_medium {
    width: 100%;
}

#main-form .form-group {
    max-width: 100%;
}

.checkbox input {
    width: 18px;
    height: 18px;
}

.checkbox input {
    accent-color: #0066b5;
}

.checkbox a {
    color: #004982;
    text-decoration: underline;
}

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

.checkbox label {
    margin-bottom: 0;
    margin-left: 10px;
}

.text {
    font-size: 14px;
}

.text p:not(:last-child) {
    margin-bottom: 20px;
}

* {
    box-sizing: border-box;
}

@media screen and (max-width:992px) {
    .form-group__label {
        left: 15px
    }
}

.form-group__label--static {
    font-size: 16px;
    position: relative;
    left: 0;
    top: auto
}

.form-group_half {
    max-width: calc(50% - 20px)
}

@media screen and (max-width:550px) {
    .form-group_half {
        max-width: 100%
    }
}

.form-group_two-third {
    max-width: calc(66.66667% - 20px)
}

@media screen and (max-width:768px) {
    .form-group_two-third {
        max-width: calc(100% - 20px)
    }
}

@media screen and (max-width:600px) {
    .form-group_two-third {
        max-width: 100%
    }
}

.form-group_third {
    max-width: calc(33.33334% - 20px)
}

@media screen and (max-width:768px) {
    .form-group_third {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:600px) {
    .form-group_third {
        max-width: 100%
    }
}

.form-group_fourth {
    max-width: calc(25% - 20px)
}

@media screen and (max-width:992px) {
    .form-group_fourth {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:600px) {
    .form-group_fourth {
        max-width: 100%
    }
}

.form-group_fifth {
    max-width: calc(20% - 20px)
}

@media screen and (max-width:992px) {
    .form-group_fifth {
        max-width: calc(33.33334% - 20px)
    }
}

@media screen and (max-width:768px) {
    .form-group_fifth {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:550px) {
    .form-group_fifth {
        margin-left: 10px;
        margin-right: 10px
    }
}

.form-group_sixth {
    max-width: calc(16.6667% - 20px)
}

@media screen and (max-width:992px) {
    .form-group_sixth {
        max-width: calc(33.33334% - 20px)
    }
}

@media screen and (max-width:768px) {
    .form-group_sixth {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:550px) {
    .form-group_sixth {
        margin-left: 10px;
        margin-right: 10px
    }
}

.form-group_full {
    margin: 10px;
    max-width: calc(100% - 20px)
}

@media screen and (max-width:550px) {
    .form-group_full {
        max-width: 100%;
        margin: 0 0 20px
    }
}

.form-group_default {
    margin: 0 0 20px
}

.form-group_default-blank {
    margin: 0 10px 20px
}

@media screen and (max-width:550px) {
    .form-group_default-blank {
        margin: 0 0 20px
    }
}

.form-group_auto {
    width: auto;
    max-width: 9999px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:992px) {
    .form-group_auto {
        margin: 10px
    }
}

@media screen and (max-width:768px) {
    .form-group_auto {
        max-width: calc(50% - 20px)
    }
}

@media screen and (max-width:550px) {
    .form-group_auto {
        margin: 0 0 20px;
        max-width: 100%
    }
    .form-group_auto:last-child {
        margin-bottom: 0
    }
}

.form-group_grow {
    flex-grow: 1
}

.form-group_medium {
    width: 370px
}

@media screen and (max-width:600px) {
    .form-group_medium {
        width: 100%
    }
}

.form-group_big {
    width: 450px
}

@media screen and (max-width:768px) {
    .form-group_big {
        width: 100%
    }
}

.form-group_end {
    padding-top: 20px
}

.form-group_end:last-child {
    margin-bottom: 0
}

.form-group_last {
    margin-left: auto
}

.form-group_centered {
    margin-left: auto;
    margin-right: auto
}

.form-group--flexed {
    display: flex;
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .form-group--flexed {
        display: block
    }
}

.form-group__separator,
.form-group__separator_blank {
    width: 100%;
    margin: 15px 10px;
    height: 1px;
    background-color: rgba(0, 102, 181, .4)
}

@media screen and (max-width:550px) {
    .form-group__separator,
    .form-group__separator_blank {
        margin: 0 0 20px
    }
}

.form-group__separator_blank {
    margin: 0;
    background-color: transparent
}

.form-group_credit {
    display: flex;
    flex-direction: row;
    justify-content: center
}

@media screen and (max-width:550px) {
    .form-group_credit {
        flex-direction: column;
        justify-content: space-between
    }
}

.form-block {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.form-block_start {
    align-items: flex-start
}

.form-block__item {
    margin-right: 30px
}

.form-block__item:last-child {
    margin-right: 0
}

.form-block__item_half {
    width: calc(50% - 15px)
}

.form-block__item p {
    text-align: left !important;
    font-size: 20px
}

.form-block__item p.small {
    font-size: 14px
}

.form-block__item-form {
    width: 555px
}

select,
input:not([type=checkbox]):not([type=radio]):not([type=file]) {
    padding: 0 20px;
    outline: none;
    height: 50px;
    line-height: 50px;
    border: 1px solid #666;
    font-size: 13px;
    color: #000;
    width: 100%;
    display: block;
    transition: .25s ease-in-out;
    box-sizing: border-box;
}

@media screen and (max-width:992px) {
    input:not([type=checkbox]):not([type=radio]):not([type=file]) {
        padding: 0 15px
    }
}

input:not([type=checkbox]):not([type=radio]):not([type=file])::-moz-placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):-ms-input-placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

input:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).input_mini {
    padding: 5px 0;
    line-height: 1;
    height: auto;
    border-bottom: 1px solid rgba(51, 51, 51, .3);
    margin-bottom: 15px
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).light {
    border-color: #ececec
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).light::-moz-placeholder {
    color: #8294a6
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).light:-ms-input-placeholder {
    color: #8294a6
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).light::placeholder {
    color: #8294a6
}

input:not([type=checkbox]):not([type=radio]):not([type=file]).simple {
    padding: 4px 0 14px;
    height: 40px;
    line-height: 1.15;
    border-bottom: 1px solid #666
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):active,
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,
input:not([type=checkbox]):not([type=radio]):not([type=file]):hover {
    border-color: #333
}

input:not([type=checkbox]):not([type=radio]):not([type=file])[disabled] {
    background-color: #fff;
    cursor: not-allowed;
    opacity: .59
}

textarea {
    border: 1px solid #666;
    width: 100%;
    display: block;
    padding: 15px;
    font-size: 16px;
    font-family: Changan, Arial, sans-serif
}

textarea.full {
    max-width: 100%
}

textarea.bordered {
    border-radius: 10px
}

textarea::-moz-placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

textarea:-ms-input-placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

textarea::placeholder {
    color: inherit;
    font: inherit;
    font-size: 13px
}

.video {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000
}

.video_uni-k {
    background-color: transparent !important;
    height: 100vh
}

@media screen and (max-width:768px) {
    .video_uni-k {
        height: auto
    }
}

.video_uni-k:before {
    background-color: transparent !important
}

.video iframe,
.video video {
    display: block;
    width: 100%;
    -o-object-fit: fill;
    object-fit: fill
}

.video_main,
.video_preview {
    position: absolute;
    top: 0;
    left: 0
}

.video_main video,
.video_preview video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.video_preview {
    z-index: -1
}

.video_bg {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .25s;
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.video_bg,
.video_bg:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.video_bg:before {
    content: "";
    background-color: rgba(0, 0, 0, .55);
    z-index: 1
}

.video_bg.removed {
    opacity: 0;
    pointer-events: none
}

.video_bg.removed .video__play {
    transform: translate(-50%, -50%) scale(10);
    transition: .4s;
    -webkit-animation: none;
    animation: none
}

.video_scallable {
    height: 300px;
    overflow: hidden
}

.video__play {
    cursor: pointer;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.video__play svg {
    width: 50px;
    height: 50px;
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
    margin-bottom: 4px;
    border-radius: 50%
}

.video__play svg use {
    fill: #0066b5
}

.video__play p {
    color: #fff;
    font-size: 14px
}

.video__play:hover svg use {
    fill: #004982
}

.video__model {
    opacity: 0;
    transition: .4s
}

.video.active .video__model {
    opacity: 1
}

.video_major {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:768px) {
    .video_major {
        display: none
    }
}

.video_news,
.video_tech {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 57.9%
}

.video_news iframe,
.video_tech iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video_popup iframe {
    height: 100%
}

.svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0
}

.svg,
.svg g,
.svg path,
.svg symbol {
    transition: .25s ease
}

.element {
    margin-bottom: 30px
}

.element:last-child {
    margin-bottom: 0
}

.search {
    width: 100%;
    padding: 10px 25px;
    border-bottom: 1px solid #e4ebf2;
    background: #e7f5ff
}

@media screen and (max-width:768px) {
    .search {
        padding: 0 25px
    }
}

.search input {
    width: 100% !important;
    border: none !important;
    background: transparent;
    padding: 0 !important
}

.search input::-moz-placeholder {
    font-size: .8rem;
    font-style: italic;
    color: #888889 !important
}

.search input:-ms-input-placeholder {
    font-size: .8rem;
    font-style: italic;
    color: #888889 !important
}

.search input::placeholder {
    font-size: .8rem;
    font-style: italic;
    color: #888889 !important
}

.search.disabled {
    opacity: .5;
    pointer-events: none
}

.dealer {
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #e4ebf2;
    cursor: pointer
}

.dealer .btn__test-drive {
    height: auto;
    line-height: 1;
    margin: 5px 2px 0;
    padding: 5px;
    min-height: 40px;
    vertical-align: middle
}

.dealer .btn__map {
    font-size: 14px;
    padding: 2px 0
}

.dealer .btn__map:hover {
    color: #0066b5
}

.dealer.active {
    background: #0066b5
}

.dealer.active>* {
    color: #fff
}

.dealer.active .btn__test-drive {
    color: #0066b5;
    background-color: #fff
}

.dealer.active .btn__test-drive:hover {
    color: #0066b5;
    box-shadow: #0b5885
}

.dealer.active .btn__map {
    color: #fff
}

.dealer:last-child {
    border-bottom: none
}

.dealer__name {
    font-weight: 700;
    margin-bottom: 15px
}

.dealer__address {
    margin-bottom: 10px
}

.dealer__phone {
    font-size: .8rem
}

.video-popup {
    cursor: pointer;
    background-color: #f3f3f3;
    transition: .25s ease
}

.video-popup:hover {
    box-shadow: 0 3px 20px -3px rgba(0, 0, 0, .25)
}

.video-popup__video {
    pointer-events: none
}

.video-popup__info {
    padding: 15px
}

#__preview__ {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background: #204594;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center
}

@-webkit-keyframes blinker {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes blinker {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

#__moderation__ {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 340px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    z-index: 9999;
    border: 2px solid #0066b5
}

.__moderation__-form {
    display: flex;
    align-items: center;
    justify-content: center
}

.__moderation__-form_accept,
.__moderation__-form_decline {
    flex-direction: column
}

.__moderation__-form_accept textarea,
.__moderation__-form_decline textarea {
    margin-bottom: 20px
}

.__moderation__-form div {
    display: flex;
    align-items: center;
    justify-content: center
}

.__moderation__-form .btn {
    margin-right: 10px;
    width: 130px
}

.__moderation__-form .btn:last-child {
    margin-right: 0
}

.__moderation__-form .btn[data-action=accept] {
    background-color: green;
    border-color: green
}

.__moderation__-form .btn[data-action=accept]:hover {
    box-shadow: 0 4px 14px green
}

.__moderation__-form .btn[data-action=decline] {
    background-color: red;
    border-color: red
}

.__moderation__-form .btn[data-action=decline]:hover {
    box-shadow: 0 4px 14px red
}

.__moderation__-form .btn[data-action=back],
.__moderation__-form .btn[data-action=cancel] {
    background-color: #d3d3d3;
    color: #333;
    border-color: #d3d3d3
}

.__moderation__-form .btn[data-action=back]:hover,
.__moderation__-form .btn[data-action=cancel]:hover {
    box-shadow: 0 4px 14px #d3d3d3
}

.container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1250px;
    width: 100%
}

@media screen and (max-width:1440px) {
    .container {
        max-width: 1170px
    }
}

@media screen and (max-width:1280px) {
    .container {
        max-width: 1130px
    }
}

@media screen and (max-width:1150px) {
    .container {
        max-width: 1020px
    }
}

@media screen and (max-width:992px) {
    .container {
        max-width: 730px
    }
}

@media screen and (max-width:768px) {
    .container {
        max-width: 100%
    }
}

.container_relative {
    position: relative
}

.section {
    width: 100%
}

@media screen and (max-width:992px) {
    .section__main {
        padding-bottom: 50px;
        background-color: #fff
    }
}

.section_preview,
.section_relative {
    position: relative;
    background-color: transparent;
    z-index: 3
}

.section__content {
    padding: 60px 0
}

@media screen and (max-width:768px) {
    .section__content {
        padding: 25px 0
    }
}

.section__content_medium {
    padding: 80px 0;
}

.section__content_small {
    padding: 20px 0
}

@media screen and (max-width:768px) {
    .section__content_small {
        padding: 15px 0
    }
}

.section__content_small-top {
    padding-top: 20px
}

@media screen and (max-width:768px) {
    .section__content_small-top {
        padding-top: 15px
    }
}

.section_bg,
.section_bg-light,
.section_bg-white {
    background-color: #e7f5ff;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.section_bg-light {
    background-color: #f7f7f7
}

.section_bg-white {
    background-color: #fff
}

.section_full {
    flex-grow: 1;
    height: 100%
}

.section__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, .35);
    pointer-events: none
}

@media screen and (max-width:768px) {
    .section__bg_no-mobile {
        display: none
    }
}

.section_notp {
    padding-top: 0
}

.section_nobp {
    padding-bottom: 0
}

.section_video {
    position: fixed;
    z-index: -2;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0
}

@media screen and (max-width:768px) {
    .section_video {
        display: none
    }
}

.section_video video {
    display: inline-block;
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.section_video-spacer {
    width: 100%;
    height: 0;
    padding-top: 30%
}

@media screen and (max-width:768px) {
    .section_video-spacer {
        display: none
    }
}

.section_preview {
    display: flex;
    align-items: center;
    height: 0;
    overflow: hidden;
    transition: .3s ease
}

.section--model-hero {
    height: calc(100vh - 65px)
}

@media screen and (max-width:1280px) {
    .section--model-hero {
        height: 480px
    }
}

.menu {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width:768px) {
    .menu_header {
        position: fixed;
        top: 50px;
        background-color: #fff;
        left: 100%;
        transition: left .6s cubic-bezier(.86, 0, .07, 1);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 400px;
        max-width: 100%;
        z-index: 10;
        height: calc(100% - 50px);
        overflow: auto
    }
    .menu_header::-webkit-scrollbar {
        width: 0;
        border-radius: 0;
        background: transparent;
        display: none
    }
    .menu_header::-webkit-scrollbar-thumb,
    .menu_header::-webkit-scrollbar-track {
        width: 0;
        border-radius: 0;
        height: 0;
        background: transparent;
        display: none
    }
    .menu_header.active {
        left: calc(100% - 400px);
        box-shadow: -5px 0 10px -5px rgba(0, 0, 0, .3)
    }
}

@media screen and (max-width:768px) and (max-width:400px) {
    .menu_header.active {
        left: 0
    }
}

.menu__item {
    margin-right: 1rem;
    font-size: 11px;
    position: relative
}

@media screen and (max-width:992px) {
    .menu__item {
        margin-right: 0
    }
}

@media screen and (max-width:768px) {
    .menu__item {
        display: block;
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 0
    }
}

.menu__item:last-child {
    margin-right: 0
}

.menu__item .submenu__item {
    position: absolute;
    left: 0;
    width: auto;
    background-color: #fff;
    top: 100%;
    padding: 0;
    height: auto;
    transform: translateY(10px);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .25);
    z-index: 25;
    transition: 0s
}

@media screen and (max-width:768px) {
    .menu__item .submenu__item {
        display: block;
        top: 0;
        box-shadow: none;
        height: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        position: relative !important;
        padding: 0;
        transform: none
    }
}

.menu__item:hover .submenu__item {
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: .35s ease
}

.menu__item:last-child .submenu__item {
    left: auto;
    right: 0
}

.menu__item.active .link_menu .image svg {
    transform: rotate(180deg)
}

.menu__separator {
    width: 1px;
    height: 100%;
    margin-left: 1rem;
    margin-right: 2rem;
    background-color: #fff
}

@media screen and (max-width:1280px) {
    .menu__separator {
        display: none
    }
}

.menu_footer {
    align-items: flex-start;
    width: calc(100% + 20px);
    margin: -10px
}

@media screen and (max-width:992px) {
    .menu_footer {
        flex-wrap: wrap
    }
}

.menu_footer .menu__item {
    margin: 10px;
    width: calc(25% - 20px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

@media screen and (max-width:992px) {
    .menu_footer .menu__item {
        width: calc(33.33334% - 20px)
    }
}

@media screen and (max-width:600px) {
    .menu_footer .menu__item {
        width: calc(50% - 20px)
    }
}

.social {
    display: flex;
    margin: -3px
}

.social__item {
    display: block;
    margin: 3px;
    transition: .15s ease-in-out;
    border-radius: 50%
}

.social__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, .25)
}

.social_full {
    width: 100%
}

.social_around {
    justify-content: space-around
}

.tabs:not(.tabs_not_decorated) {
    width: 100%
}

.tabs:not(.tabs_not_decorated) .tabs__head {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 10px
}

.tabs:not(.tabs_not_decorated) .tabs__head_centered {
    justify-content: center
}

.tabs:not(.tabs_not_decorated) .tabs__head_almost_full {
    min-width: 80%
}

.tabs:not(.tabs_not_decorated) .tabs__head_mb {
    margin-bottom: 3rem
}

.tabs:not(.tabs_not_decorated) .tabs__head_bordered:after {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2)
}

.tabs:not(.tabs_not_decorated) .tabs__head_scroll {
    max-width: 100%;
    overflow-x: scroll
}

.tabs:not(.tabs_not_decorated) .tabs__head_scroll::-webkit-scrollbar {
    width: 0;
    border-radius: 0;
    background: transparent;
    display: none
}

.tabs:not(.tabs_not_decorated) .tabs__head_scroll::-webkit-scrollbar-thumb,
.tabs:not(.tabs_not_decorated) .tabs__head_scroll::-webkit-scrollbar-track {
    width: 0;
    border-radius: 0;
    height: 0;
    background: transparent;
    display: none
}

.tabs:not(.tabs_not_decorated) .tabs__head_scroll:after {
    background-color: #ccc
}

@media screen and (max-width:768px) {
    .tabs:not(.tabs_not_decorated) .tabs__head_mobile_mb {
        margin-bottom: 20px
    }
}

.tabs:not(.tabs_not_decorated) .tabs__head-item {
    padding: 5px 23px;
    position: relative;
    cursor: pointer;
    font-weight: 600
}

@media screen and (max-width:768px) {
    .tabs:not(.tabs_not_decorated) .tabs__head-item {
        padding: 5px 15px
    }
}

.tabs:not(.tabs_not_decorated) .tabs__head-item:before {
    position: absolute;
    z-index: 1;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .2)
}

.tabs:not(.tabs_not_decorated) .tabs__head-item:after {
    position: absolute;
    z-index: 2;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: #333;
    transition: .2s ease-out
}

.tabs:not(.tabs_not_decorated) .tabs__head-item.tabs__head-item_active:after,
.tabs:not(.tabs_not_decorated) .tabs__head-item:hover:after {
    height: 4px
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_noborder:before {
    display: none
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_small {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 23px
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_small:first-of-type {
    padding-left: 0
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_small:after {
    background-color: #a2a2a2
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_small:before {
    bottom: 1px
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_small.tabs__head-item_active:after,
.tabs:not(.tabs_not_decorated) .tabs__head-item_small:hover:after {
    height: 3px
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_fs_big {
    font-size: 20px
}

@media screen and (max-width:768px) {
    .tabs:not(.tabs_not_decorated) .tabs__head-item_fs_big {
        font-size: 15px
    }
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_nowrap {
    white-space: nowrap
}

.tabs:not(.tabs_not_decorated) .tabs__head-item_nowrap:before {
    display: block;
    border-color: #ccc;
    bottom: 0
}

.tabs__content {
    flex-grow: 1
}

.tabs__content-item {
    display: none !important
}

.tabs__content-item_active {
    display: block !important
}

.tabs_compensated_form {
    margin: 20px 10px
}

.tabs__cols {
    padding: 30px 0 20px;
    display: flex;
    align-items: flex-end
}

@media screen and (max-width:992px) {
    .tabs__cols {
        flex-wrap: wrap
    }
}

@media screen and (max-width:992px) {
    .tabs__cols-item {
        width: 100%;
        margin-bottom: 15px
    }
    .tabs__cols-item:last-child {
        margin-bottom: 0
    }
}

.card {
    margin: 10px 15px
}

.card_configurator {
    position: relative;
    overflow: hidden
}

.card__image {
    margin-bottom: 1rem;
    width: 100%;
    height: 0;
    padding-top: 42.75%
}

.card__image_smaller {
    padding-top: 39%
}

.card__info {
    display: block;
    text-align: center
}

.card__info-title {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: Changan, Arial, sans-serif;
    margin-bottom: .3rem
}

.card__info-title:last-child {
    margin-bottom: 0
}

.card__aside {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
    padding: 5px 15px;
    border-radius: 15px;
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, .35);
    transition: .25s ease-in-out;
    z-index: 15;
    background-color: #fff;
    will-change: color, background-color, top;
    text-align: center;
    white-space: nowrap
}

@media screen and (max-width:768px) {
    .card__aside {
        top: 50%;
        transform: translate(-50%, -50%);
        background-color: #0066b5;
        color: #fff
    }
}

.card .small {
    font-size: .75rem
}

.card_bg-hover {
    transition: .25s ease;
    padding: 10px
}

.card_bg-hover:hover {
    background-color: rgba(51, 51, 51, .1)
}

.card:hover .card__aside {
    top: calc(50% - 30px);
    transform: translate(-50%, -50%);
    background-color: #0066b5;
    color: #fff
}

@media screen and (max-width:768px) {
    .card:hover .card__aside {
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.slider {
    display: flex;
    margin: 0 0 40px;
    width: 100%
}

.slider_margined {
    margin: -15px -15px 25px;
    width: calc(100% + 30px)
}

@media screen and (max-width:768px) {
    .slider_margined {
        margin-bottom: 5px
    }
}

.slider_main {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.slider .slick-slide {
    max-width: 9999999px
}

.slider__item {
    width: 100%
}

.slider__item:active,
.slider__item:focus,
.slider__item:hover {
    outline: none
}

.slider__item_margined {
    margin: 15px
}

.slider_solo .slider__item {
    max-width: 100%
}

.slider_solo .slider__item:nth-child(n+2) {
    display: none
}

.slider_solo.initialized .slider__item:nth-child(n+2),
.slider_solo .slider__item.slick-slide:nth-child(n+2) {
    display: block
}

.slider_double .slider__item:nth-child(n+3) {
    display: none
}

.slider_double.initialized .slider__item:nth-child(n+3),
.slider_double .slider__item.slick-slide:nth-child(n+3) {
    display: block
}

.slider_third .slider__item {
    max-width: 33.3334%
}

.slider_third .slider__item:nth-child(n+4) {
    display: none
}

.slider_third .slider__item.slick-slide:nth-child(n+4) {
    display: block
}

@media screen and (max-width:992px) {
    .slider_third .slider__item {
        max-width: 50%
    }
    .slider_third .slider__item:nth-child(n+3) {
        display: none
    }
    .slider_third .slider__item.slick-slide:nth-child(n+3) {
        display: block
    }
}

@media screen and (max-width:600px) {
    .slider_third .slider__item {
        max-width: 100%
    }
    .slider_third .slider__item:nth-child(n+2) {
        display: none
    }
    .slider_third .slider__item.slick-slide:nth-child(n+2) {
        display: block
    }
}

.slider_third.initialized .slider__item:nth-child(n+4) {
    display: block
}

.slider_fourth .slider__item:nth-child(n+5) {
    display: none
}

.slider_fourth.initialized .slider__item:nth-child(n+5),
.slider_fourth .slider__item.slick-slide:nth-child(n+5) {
    display: block
}

.slider_inactive {
    margin: 0;
    flex-wrap: wrap;
    max-width: 100%
}

.slider_inactive .slider__item {
    display: block
}

.slider_inactive.slick-initialized {
    margin: -15px
}

.slider_inactive.slick-initialized .slider__item {
    margin: 15px
}

.slider_padded.slick-initialized .slick-list {
    padding: 20px 0
}

.favourite {
    position: fixed;
    bottom: -100%;
    z-index: 20;
    padding-bottom: 80px;
    transition: .3s ease-out
}

.favourite__close {
    position: absolute;
    top: 15px;
    right: 25px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    z-index: 5
}

.favourite__close:after,
.favourite__close:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 29px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #c4c4c4
}

.favourite__close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.favourite__close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.favourite_open {
    bottom: 0;
    box-shadow: 0 -4px 4px rgba(0, 0, 0, .1)
}

.flex-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px
}

@media screen and (max-width:600px) {
    .flex-list {
        margin: -10px -15px
    }
}

.flex-list_full,
.flex-list_nomargin {
    margin: 0
}

.flex-list_centered {
    align-items: center
}

.flex-list_between {
    justify-content: space-between
}

.flex-list__item {
    display: block;
    margin: 15px;
    width: calc(100% - 30px)
}

@media screen and (max-width:600px) {
    .flex-list__item {
        margin: 10px 15px;
        width: 100%
    }
}

.flex-list__item_half {
    width: calc(50% - 30px)
}

@media screen and (max-width:768px) {
    .flex-list__item_half {
        width: 100%
    }
    .flex-list__item_half:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_half {
        margin: 10px 15px
    }
}

.flex-list__item_third {
    width: calc(33.33334% - 30px)
}

@media screen and (max-width:992px) {
    .flex-list__item_third {
        width: calc(50% - 30px)
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_third {
        width: 100%
    }
}

.flex-list__item_third-nomargin {
    margin: 0;
    width: 33.33334%
}

@media screen and (max-width:992px) {
    .flex-list__item_third-nomargin {
        width: 50%
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_third-nomargin {
        width: 100%
    }
}

.flex-list__item_fourth {
    margin: 15px;
    width: calc(25% - 30px)
}

@media screen and (max-width:992px) {
    .flex-list__item_fourth {
        width: calc(33.33333% - 30px)
    }
}

@media screen and (max-width:768px) {
    .flex-list__item_fourth {
        width: calc(50% - 30px)
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_fourth {
        margin: 10px 15px;
        width: 100%
    }
}

.flex-list__item_fourth_nomargin {
    margin: 0;
    width: 25%
}

@media screen and (max-width:992px) {
    .flex-list__item_fourth-important {
        width: calc(25% - 30px)
    }
}

@media screen and (max-width:768px) {
    .flex-list__item_fourth-important {
        width: calc(50% - 30px)
    }
}

.flex-list__item_fifth {
    margin: 15px;
    width: calc(20% - 30px)
}

@media screen and (max-width:992px) {
    .flex-list__item_fifth {
        width: calc(33.33333% - 30px)
    }
}

@media screen and (max-width:768px) {
    .flex-list__item_fifth {
        width: calc(50% - 30px)
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_fifth {
        margin: 10px 15px;
        width: 100%
    }
}

@media screen and (max-width:600px) {
    .flex-list__item_mobile-half {
        width: calc(50% - 30px)
    }
}

.formatted h1,
.formatted h2,
.formatted h3,
.formatted h4,
.formatted h5 {
    margin: 40px 0 25px;
    font-size: 28px;
    padding: 0;
    font-family: Changan, Arial, sans-serif
}

.formatted h1:last-child,
.formatted h2:last-child,
.formatted h3:last-child,
.formatted h4:last-child,
.formatted h5:last-child {
    margin-bottom: 0
}

.formatted h1:first-child,
.formatted h2:first-child,
.formatted h3:first-child,
.formatted h4:first-child,
.formatted h5:first-child {
    margin-top: 0
}

.formatted p,
.formatted strong {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: .3px
}

.formatted p:last-child,
.formatted strong:last-child {
    margin-bottom: 0
}

.formatted p.light,
.formatted strong.light {
    font-weight: 100
}

.formatted p.light_color,
.formatted strong.light_color {
    color: #9c9c9c
}

.formatted p.medium,
.formatted strong.medium {
    font-size: 20px
}

@media screen and (max-width:992px) {
    .formatted p.medium,
    .formatted strong.medium {
        font-size: 14px
    }
}

.formatted p.big,
.formatted strong.big {
    font-size: 24px
}

@media screen and (max-width:992px) {
    .formatted p.big,
    .formatted strong.big {
        font-size: 15px
    }
}

.formatted__block {
    margin-bottom: 30px
}

@media screen and (max-width:768px) {
    .formatted__block {
        margin-bottom: 15px
    }
    .formatted__block-button {
        margin-top: 15px
    }
}

.formatted__block_mt {
    margin-top: 30px
}

@media screen and (max-width:768px) {
    .formatted__block_mt {
        margin-top: 15px
    }
}

.formatted__block_mt_double {
    margin-top: 60px
}

@media screen and (max-width:768px) {
    .formatted__block_mt_double {
        margin-top: 30px
    }
}

.formatted .image {
    margin-bottom: 10px
}

.formatted .image:not(:first-child) {
    margin-top: 30px
}

.formatted img {
    display: block;
    width: auto;
    max-width: 100%;
    margin-bottom: 30px;
    margin-top: 10px
}

.formatted img:first-child {
    margin-top: 0
}

.formatted img:last-child {
    margin-bottom: 0
}

.formatted .image-block {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 15px
}

@media screen and (max-width:768px) {
    .formatted .image-block {
        flex-wrap: wrap
    }
}

.formatted .image-block img {
    width: calc(50% - 6px);
    margin: 3px
}

@media screen and (max-width:768px) {
    .formatted .image-block img {
        width: 100%
    }
}

.formatted .image-block_third {
    flex-wrap: wrap
}

.formatted .image-block_third img {
    width: calc(33.33334% - 6px);
    margin: 3px
}

@media screen and (max-width:992px) {
    .formatted .image-block_third img {
        width: calc(50% - 6px)
    }
}

@media screen and (max-width:600px) {
    .formatted .image-block_third img {
        width: 100%
    }
}

.formatted ul,
.formatted ul.list {
    margin: 0 0 1rem;
    padding: 0
}

.formatted ul.list:last-child,
.formatted ul:last-child {
    margin-bottom: 0
}

.formatted ul.list li,
.formatted ul li {
    margin-bottom: 1.2rem;
    font-size: 14px;
    letter-spacing: .3px
}

.formatted ul.list.nomargin li,
.formatted ul.nomargin li {
    margin-bottom: 0
}

.formatted ul {
    list-style: none
}

.formatted ul li {
    list-style: none;
    position: relative;
    padding-left: 10px
}

.formatted ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #333
}

.formatted ul li:last-child {
    margin-bottom: 0
}

.formatted .footnote p,
.formatted p.footnote {
    font-size: 12px
}

.formatted .note {
    margin: 10px 0 1.2rem;
    font-size: 1rem;
    font-style: italic;
    letter-spacing: 1px;
    position: relative
}

.formatted .note:before {
    position: absolute;
    top: -1px;
    left: -1px;
    height: calc(100% + 2px);
    width: 76px;
    background: #0066b5;
    content: "i";
    font-size: 40px;
    line-height: 100%;
    font-style: italic;
    color: #fff;
    justify-content: center;
    align-items: center;
    display: flex;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-family: Times New Roman;
    font-weight: 700;
    display: none
}

@media screen and (max-width:768px) {
    .formatted .note:before {
        width: 26px
    }
}

.formatted .note p {
    margin-bottom: 6px
}

.formatted .note p:last-child {
    margin-bottom: 0
}

.formatted .block {
    display: flex;
    margin-bottom: 1.5rem
}

.formatted .block_content-centered {
    align-items: center
}

.formatted .block>* {
    width: calc(50% - 25px);
    margin-right: 50px
}

.formatted .block>:last-child {
    margin-right: 0
}

@media screen and (max-width:992px) {
    .formatted .block>* {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:992px) {
    .formatted .block {
        flex-wrap: wrap
    }
}

.formatted .slider.slick-initialized .slider__item {
    display: flex
}

.formatted .table {
    margin-bottom: 2rem;
    margin-top: 1rem
}

.formatted .table:last-child {
    margin-bottom: 0
}

.formatted .table:first-child {
    margin-top: 0
}

.formatted .table p {
    margin-bottom: 5px
}

.formatted .flex-list p,
.formatted .table p:last-child {
    margin-bottom: 0
}

.formatted strong {
    margin-bottom: 0;
    line-height: 1;
    font-family: Changan, Arial, sans-serif
}

.formatted .nobr {
    white-space: nowrap
}

@media screen and (max-width:400px) {
    .formatted .link {
        font-size: inherit
    }
}

.formatted .technical-service__titlewrap {
    display: grid;
    grid-template-columns: 60% 40%
}

@media screen and (max-width:992px) {
    .formatted .technical-service__titlewrap {
        grid-template-columns: 1fr
    }
}

.formatted .technical-service__titlewrap .btn-block {
    justify-content: flex-end
}

.formatted .technical-service__titlewrap .btn-block a {
    width: 90%
}

@media screen and (max-width:992px) {
    .formatted .technical-service__titlewrap .btn-block {
        justify-content: center;
        margin-top: 15px
    }
}

@media screen and (max-width:768px) {
    .formatted .technical-service_title {
        font-size: 16px
    }
}

.image-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}

.image-gallery:hover .image-gallery__arrow {
    visibility: visible;
    opacity: 1
}

.image-gallery .image-gallery__arrow-next,
.image-gallery .image-gallery__arrow-prev {
    top: 40%;
    zoom: .8;
}

.image-gallery .image-gallery__arrow-next {
    right: 20px
}

.image-gallery .image-gallery__arrow-prev {
    left: 0
}

.image-gallery .swiper-pagination-bullet {
    width: auto;
    max-width: 15%;
    height: 80px;
    opacity: .75;
}

.image-gallery .swiper-pagination-bullet>div {
    margin-top: 44px;
    font-size: 10px;
}

.image-gallery .swiper-pagination-bullet-active {
    opacity: 1;
}

.image-gallery .swiper-pagination.swiper-pagination-bullets {
    bottom: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width:768px) {
    .image-gallery {
        flex-wrap: wrap
    }
}

.image-gallery__main {
    width: 100%;
    margin-right: 30px;
    position: relative;
    flex-shrink: 0;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .image-gallery__main {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.image-gallery__main-image {
    width: 100%;
    height: 0;
    padding-top: 40%;
    position: relative;
    overflow: hidden;
    background-position: 12px 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.image-gallery__main-image_blank {
    background-size: 75%
}

.image-gallery__main-image_small {
    padding-top: 50%
}

.image-gallery__main-image_big {
    padding-top: 77.8%
}

.image-gallery__main-image img {
    display: none
}

.image-gallery__list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    width: 100%;
    align-items: flex-start
}

@media screen and (max-width:768px) {
    .image-gallery__list {
        width: 100%;
        justify-content: center
    }
}

.image-gallery__list_small {
    margin: -4px
}

.image-gallery__list-item {
    margin: 15px;
    transition: .25s ease-out;
    cursor: pointer;
    position: relative
}

.image-gallery__list-item p {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    opacity: 0;
    font-size: .75rem;
    pointer-events: none;
    will-change: top, opacity;
    transition: .25s ease;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:768px) {
    .image-gallery__list-item p {
        top: calc(100% + 5px);
        font-size: 9px;
        opacity: 1
    }
}

.image-gallery__list-item:hover p,
.image-gallery__list-item_active p {
    top: calc(100% + 5px);
    opacity: 1
}

.image-gallery__list-item_active .image-gallery__list-image {
    box-shadow: 2px 2px 8px rgba(51, 51, 51, .32)
}

.image-gallery__list-item_active .image-gallery__list-image:before {
    background-color: #e3e0e0
}

.image-gallery__list-item_active:hover {
    transform: none;
    cursor: default
}

.image-gallery__list-image {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-gallery__list-image:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 3px);
    height: calc(100% + 3px);
    z-index: -1;
    border-radius: 50%;
    background-color: #e3e0e0
}

.image-gallery__list-image_nobefore:before {
    display: none
}

.image-gallery__arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 55px;
    padding: 5px;
    background-color: hsla(0, 0%, 100%, .4);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;
    cursor: pointer
}

@media screen and (max-width:768px) {
    .image-gallery__arrow {
        opacity: 1;
        visibility: visible
    }
}

.image-gallery__arrow:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 50px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.image-gallery__arrow:hover {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .image-gallery__arrow-next {
        right: 10px
    }
}

@media screen and (max-width:768px) {
    .image-gallery__arrow-prev {
        left: 10px
    }
}

.image-gallery_solo {
    margin-bottom: 5rem
}

.image-gallery_centered {
    justify-content: center;
    align-items: center
}

.image-gallery_col {
    flex-direction: column;
    flex-wrap: nowrap
}

.image-gallery_col .image-gallery__main {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px
}

.image-gallery_col .image-gallery__main_fixed {
    max-width: 600px
}

.image-gallery_col .image-gallery__list {
    width: auto
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 0 -3px
}

.pagination__item {
    margin: 0 3px;
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    border: 1px solid #e4ebf2;
    transition: .2s ease
}

.pagination__item_active {
    pointer-events: none;
    border-color: #333
}

.pagination__item_active .pagination__item-holder {
    color: #333
}

.pagination__item_disabled {
    pointer-events: none
}

.pagination__item:hover {
    border-color: #0066b5
}

.pagination__item-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #666;
    line-height: 38px;
    display: flex;
    justify-content: center;
    align-items: center
}

.pagination_aligned_left {
    justify-content: flex-start
}

.pagination_compensated {
    margin: 0 -18px
}

.pagination_light .pagination__item {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border-color: #dae4ee
}

.pagination_light .pagination__item_active {
    color: #212121;
    background-color: #dae4ee
}

.pagination_light .pagination__item-holder {
    line-height: 30px;
    font-size: 14px
}

.select-content {
    display: flex;
    margin: 0 -8px
}

.select-content__item {
    margin: 0 8px;
    min-width: 200px;
    position: relative
}

.select-content__item:hover .select-content__list {
    visibility: visible;
    opacity: 1;
    transform: none
}

.select-content__item:hover .select-content__item-head:after {
    transform: rotate(180deg)
}

.select-content__item-head {
    position: relative;
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px solid rgba(51, 51, 51, .3);
    white-space: nowrap
}

.select-content__item-head:after {
    position: absolute;
    content: "";
    z-index: 2;
    pointer-events: none;
    right: 0;
    bottom: 10px;
    width: 11px;
    height: 7px;
    background: url(../img/svg/sort-down.svg) 50% no-repeat;
    background-size: contain;
    transition: .25s ease-out
}

.select-content__list {
    position: absolute;
    top: calc(100% - 5px);
    left: -15px;
    width: auto;
    min-width: calc(100% + 15px);
    opacity: 0;
    visibility: hidden;
    transition: .25s ease-out;
    transform: translateY(-3px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, .1);
    z-index: 2
}

.select-content__list-item {
    padding: 10px 15px;
    cursor: pointer;
    background-color: #fff
}

.select-content__list-item:hover {
    background-color: #e7f5ff
}

.select-content__list-item_active {
    background-color: #f7f7f7;
    pointer-events: none
}

.dealer-info {
    padding-top: 40px;
    border-top: 1px solid #e2eaee;
    margin-bottom: 50px;
    padding-right: 10px
}

.dealer-info_noborder {
    border-top: 0
}

@media screen and (max-width:992px) {
    .dealer-info {
        padding-top: 20px;
        margin-bottom: 20px;
        padding-right: 0
    }
}

.dealer-info__name {
    font-weight: 500;
    font-size: 20px;
    display: block;
    margin-bottom: .5rem
}

.dealer-info p {
    font-size: 1rem;
    font-weight: 100;
    margin-bottom: 10px
}

.dealer-info p.dealer-info__name {
    font-weight: 500;
    font-size: 20px
}

.dealer-info__block {
    margin-bottom: 20px
}

@media screen and (max-width:768px) {
    .dealer-info__block {
        margin-bottom: 1rem
    }
}

.dealer-info__row {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.dealer-info__row>* {
    margin-right: 25px
}

.dealer-info__row>:last-child {
    margin-right: 0
}

@media screen and (max-width:400px) {
    .dealer-info__row>* {
        margin-right: 0;
        margin-bottom: 10px
    }
}

@media screen and (max-width:400px) {
    .dealer-info__row {
        flex-direction: column;
        align-items: flex-start
    }
}

.map {
    width: 100%;
    height: 500px;
    position: relative
}

.map__container {
    width: 100%;
    height: 100%
}

.map_filtered [class*=ymaps-2][class*=-ground-pane] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%)
}

.map-balloon .btn__map {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.map-balloon .btn__map:hover {
    color: #0066b5
}

.map-balloon__hint {
    display: inline-block;
    padding: 5px;
    height: auto;
    position: relative;
    left: -10px;
    width: 195px;
    font-size: 11px;
    line-height: 12px;
    color: #333;
    text-align: center;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #b0c5d5;
    border-radius: 5px;
    font-weight: 100
}

.map-balloon__name {
    font-family: Changan, Arial, sans-serif;
    font-weight: 600
}

.map-balloon p {
    margin-bottom: .5rem
}

.map-balloon p.map-balloon__name,
.map-balloon p:last-child {
    margin-bottom: 0
}

.map-balloon .hidden {
    display: none
}

.news {
    display: block
}

.news__block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

.news__photo {
    width: 100%;
    margin-bottom: .44rem
}

.news__photo_video {
    height: 200px
}

.news__photo:last-child {
    margin-bottom: 0
}

.news__title {
    flex-grow: 1;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 1.4
}

.news__title:last-child {
    margin-bottom: 0
}

.news__hashtags {
    margin-bottom: 6px
}

.news__hashtags span {
    font-size: 14px;
    color: #b0c5d5;
    display: inline-block;
    margin-right: 6px
}

.news__date {
    font-size: 14px
}

.news__info {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.news__info>div {
    margin-right: 18px;
    color: #b0c5d5;
    line-height: 1;
    display: flex;
    align-items: flex-end
}

.news.slick-slide {
    margin: 0 12px
}

.news_top {
    margin-bottom: 25px
}

.news_top .news__title {
    margin-bottom: 7px
}

.sort {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0
}

@media screen and (max-width:992px) {
    .sort {
        flex-wrap: wrap
    }
}

.sort_nop {
    padding: 0
}

.sort__block {
    display: flex;
    align-items: center
}

@media screen and (max-width:992px) {
    .sort__block {
        margin-bottom: 15px;
        width: 100%
    }
    .sort__block:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:768px) {
    .sort__block {
        flex-wrap: wrap
    }
}

.sort__item {
    margin-right: 10px;
    cursor: pointer;
    transition: .15s ease-out
}

@media screen and (max-width:768px) {
    .sort__item {
        margin-right: 7px
    }
}

.sort__item_margined {
    margin-right: 20px
}

@media screen and (max-width:768px) {
    .sort__item_margined {
        margin-right: 14px;
        margin-bottom: 5px
    }
}

.sort__item:last-child {
    margin-right: 0
}

.sort__item_decorated {
    padding: 7px;
    border-radius: 5px
}

@media screen and (max-width:768px) {
    .sort__item_decorated {
        margin-left: -7px
    }
}

.sort__item_decorated.sort__item_active {
    background-color: #eaeaea
}

.sort__item_arrowed {
    position: relative;
    padding-right: 25px
}

@media screen and (max-width:768px) {
    .sort__item_arrowed {
        padding-right: 20px
    }
}

.sort__item_small {
    font-size: 14px;
    color: #8294a6
}

.sort__item_active {
    color: #333
}

.sort__item_active .sort__item-arrow {
    transform: translateY(-50%)
}

.sort__item_active.desc .sort__item-arrow {
    transform: translateY(-50%) rotate(180deg)
}

.sort__item-arrow {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    transition: .15s ease-out;
    width: 15px;
    height: 15px;
    background: url(../img/svg/arrow-up.svg) 50% no-repeat;
    background-size: contain
}

.sort__item-head {
    margin-right: 15px;
    color: #7e7e7e
}

@media screen and (max-width:768px) {
    .sort__item-head {
        margin-right: 0;
        margin-bottom: 5px;
        width: 100%
    }
}

.advantage {
    box-shadow: 0 4px 24px -5px hsla(0, 0%, 40%, .3);
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: .25s ease;
    will-change: box-shadow;
    height: 200px;
    background-color: #fff
}

.advantage:before {
    position: absolute;
    content: "";
    z-index: 1;
    background-color: #0066b5;
    bottom: -50px;
    left: 0;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: transform .25s ease-in;
    will-change: transform
}

@media screen and (max-width:600px) {
    .advantage:before {
        transition: opacity .1s ease, transform .35s ease-in-out;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        opacity: 0
    }
}

.advantage__image {
    margin-bottom: 1.5rem
}

.advantage__image svg use {
    fill: #666;
    transition-delay: .12s;
    will-change: fill
}

.advantage__info {
    text-align: center
}

.advantage p {
    margin-bottom: .55rem;
    color: #666;
    transition: .1s ease;
    transition-delay: .2s;
    will-change: color
}

.advantage p:last-child {
    margin-bottom: 0
}

.advantage p.advantage__title {
    transition-delay: .15s;
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.advantage:hover {
    transition-delay: .2s;
    box-shadow: 0 4px 25px -5px rgba(0, 102, 181, .5)
}

.advantage:hover p {
    color: #fff;
    transition-delay: .05s
}

.advantage:hover p.advantage__title {
    transition-delay: .1s
}

.advantage:hover svg use {
    fill: #fff;
    transition-delay: .1s
}

.advantage:hover:before {
    transform: scale(18)
}

@media screen and (max-width:768px) {
    .advantage:hover:before {
        opacity: 1;
        transform: translate(-50%, -50%) scale(15)
    }
}

.advantage__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    padding: 30px;
    z-index: 2
}

.table {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 1rem
}

.table:last-child {
    margin-bottom: 0
}

.table_notfull {
    width: auto
}

.table table {
    border-collapse: collapse;
    margin: 0;
    width: 100%
}

.table table tr td:first-child,
.table table tr th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 3
}

.table table tr th:first-child {
    background-color: #fff !important
}

.table td,
.table th {
    padding: 10px;
    text-align: center;
    font-size: .833rem;
    border: 1px solid #eee;
    vertical-align: middle;
    color: #555;
    min-width: 100px
}

@media screen and (max-width:768px) {
    .table td,
    .table th {
        min-width: 1px;
        font-size: 12px
    }
}

.table td *,
.table th * {
    font-style: inherit;
    font-size: inherit;
    font-weight: inherit
}

.table td.big-place,
.table th.big-place {
    padding: 20px
}

.table tr:nth-child(odd) td {
    background-color: #f9f9f9
}

.table tr:nth-child(odd) td[rowspan] {
    background-color: transparent
}

.table tr:nth-child(2n) td {
    background-color: #fff
}

.table tr.light td {
    background-color: transparent
}

.table tr.dark td {
    background-color: #f9f9f9
}

.table .thead td,
.table .thead th,
.table thead td,
.table thead th {
    font-family: Changan, Arial, sans-serif;
    font-weight: 600;
    color: #555;
    border-bottom-width: 2px
}

.table .no,
.table .yes {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    background-position: 50%;
    background-size: 20px 20px;
    background-repeat: no-repeat
}

@media screen and (max-width:768px) {
    .table .no,
    .table .yes {
        width: 20px;
        height: 20px;
        background-size: 15px 15px
    }
}

.table .yes {
    background-image: url(../img/svg/check.svg)
}

.table .no {
    background-image: url(../img/svg/minus.svg)
}

.table #complTableDummy td:first-child,
.table #complTableDummy th:first-child,
.table #complTable td:first-child,
.table #complTable th:first-child {
    width: 250px;
    text-align: left
}

.checkmark {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkmark:last-child {
    margin-bottom: 0
}

.checkmark input[type=checkbox],
.checkmark input[type=radio] {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden
}

.checkmark label {
    cursor: pointer;
    font-size: 14px
}

.checkmark label.checkmark__text {
    font-size: 1rem
}

.checkmark span {
    display: inline-block
}

.checkmark__box {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #8294a6
}

.checkmark__box:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 13px;
    top: 20%;
    left: 70%;
    transform: translate(-50%, -50%);
    opacity: 0;
    background: url(../img/svg/checkmark.svg) 50% no-repeat;
    background-size: contain;
    transition: .25s ease-out
}

.checkmark.selected .checkmark__box:before,
.checkmark input[type=checkbox]:checked~.checkmark__box:before,
.checkmark input[type=checkbox]:checked~label .checkmark__box:before,
.checkmark input[type=radio]:checked~.checkmark__box:before,
.checkmark input[type=radio]:checked~label .checkmark__box:before {
    opacity: 1;
    top: 45%
}

[accordion-group-header] {
    transition: .25s ease;
    cursor: pointer
}

.accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: -5px;
    position: relative
}

.accordion__group {
    margin: 5px
}

.accordion__group.accordion_opened .accordion__group-header:after {
    transform: translateY(-50%) rotate(180deg)
}

.accordion__group-image {
    max-height: 21px;
    width: 21px;
    margin-right: 15px
}

.accordion__group-header {
    position: relative;
    background-color: #f5f5f5;
    cursor: pointer;
    padding: 15px;
    display: flex;
    transition: .2s;
    align-items: center;
    border: 1px solid #f5f5f5
}

.accordion__group-header:hover {
    background-color: #f9f9f9
}

.accordion__group-header:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 30px;
    background: url(../img/svg/arrow-down.svg) 50% no-repeat;
    background-size: contain;
    transition: .2s
}

.accordion__group-name {
    font-size: .875rem
}

.accordion__group-item {
    width: calc(50% - 10px);
    padding: 5px;
    margin: 5px;
    border-bottom: 1px solid #f5f5f5
}

@media screen and (max-width:768px) {
    .accordion__group-item {
        width: 100%
    }
}

.accordion__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px 0 10px
}

.tag {
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #b8b5b5;
    border-radius: 10px;
    padding: 3px 8px;
    font-size: 14px;
    color: #8294a6
}

.tag_font_medium {
    font-weight: 500
}

.logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 37px;
    height: 46px
}

.logo_replacer {
    position: absolute;
    top: 1px;
    right: .5px;
    width: 32px;
    height: 35px;
    transition: .3s ease
}

.logo_replacer svg {
    display: block;
    width: 100%;
    height: auto
}

@media screen and (max-width:768px) {
    .logo_replacer {
        width: 25px
    }
}

.logo_replacer.hidden {
    opacity: 0
}

.logo__canvas {
    position: absolute;
    width: 100%;
    height: 100%
}

.logo__overlay {
    pointer-events: none;
    overflow: hidden;
    width: 75px;
    height: 110px;
    position: absolute;
    left: 0;
    top: 0;
    display: block
}

.offer {
    position: relative;
    box-shadow: 0 4px 15px -3px rgba(0, 102, 181, .33);
    margin: 15px;
    overflow: hidden
}

.offer:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: rgba(51, 51, 51, .15);
    z-index: 3;
    pointer-events: none;
    transition: .25s ease
}

.offer__image {
    width: 100%;
    height: 0;
    padding-top: 57.5757%;
    z-index: 2;
    position: relative;
    border: 1px solid transparent
}

.offer__info {
    bottom: 10px
}

.offer__info,
.offer__origin {
    position: absolute;
    transition: .25s ease;
    left: 10px;
    right: 0;
    z-index: 4;
    pointer-events: none
}

.offer__origin {
    top: 10px;
    color: #fff
}

.offer__title {
    font-size: 14px;
    font-weight: 600;
    font-family: Changan, Arial, sans-serif;
    color: #fff;
    margin-bottom: .15rem;
    max-width: calc(100% - 20px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.offer_smi {
    min-height: 250px;
    padding: 15px;
    box-shadow: none
}

.offer_smi:before {
    display: none
}

.offer_smi blockquote {
    margin: 0;
    padding: 0;
    color: #fff
}

.offer_smi blockquote p {
    border-radius: 5px;
    background-image: linear-gradient(70deg, #0066b5, #004989);
    padding: 15px;
    min-height: 145px;
    color: #fff;
    margin: 0 0 25px;
    font-size: 21px;
    line-height: 29px;
    border-bottom-left-radius: 0;
    position: relative
}

.offer_smi blockquote p:after {
    position: absolute;
    content: "";
    top: calc(100% - 1px);
    left: 0;
    width: 0;
    height: 0;
    border-color: #0066b5 transparent transparent;
    border-style: solid;
    border-width: 20px 15px 0 0
}

@media screen and (max-width:768px) {
    .offer_smi:hover {
        transform: none;
        box-shadow: none
    }
}

.offer__cite {
    display: block;
    position: relative;
    line-height: 25px
}

.offer:hover:before {
    background-color: rgba(51, 51, 51, .45)
}

.page {
    position: relative;
    border-radius: 10px;
    overflow: hidden
}

.page_nobr {
    border-radius: 0
}

.page__image {
    width: 100%;
    padding-top: 60%
}

.page:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5)
}

.page:before,
.page__text {
    position: absolute;
    pointer-events: none
}

.page__text {
    white-space: nowrap;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    color: #fff;
    z-index: 3
}

.model {
    display: flex;
    padding: 35px 25px;
    will-change: background-color, box-shadow;
    transition: .25s ease;
    border-radius: 10px
}

.model:hover {
    background-color: rgba(0, 102, 181, .05);
    box-shadow: 0 4px 25px -4px rgba(0, 102, 181, .15)
}

.model__item {
    margin-right: 30px
}

.model__item:last-child {
    margin-right: 0
}

.model__image {
    flex-shrink: 0;
    width: 240px;
    position: relative
}

.model__info {
    flex-grow: 1
}

.model__info p {
    margin-bottom: 1rem;
    color: #666
}

.model__info p.model__name {
    font-size: 2rem;
    margin-bottom: 1rem;
    color: #333;
    font-weight: 700;
    border-bottom: 1px solid #666
}

.model-page {
    display: flex
}

@media screen and (max-width:992px) {
    .model-page {
        flex-direction: column;
        align-items: center
    }
}

.model-page__item {
    flex-grow: 1;
    margin-right: 40px
}

@media screen and (max-width:992px) {
    .model-page__item {
        margin-right: 0;
        margin-bottom: 40px
    }
}

.model-page__item:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.model-page__image {
    width: 45%;
    max-width: 45%;
    flex-shrink: 0
}

@media screen and (max-width:992px) {
    .model-page__image {
        width: 100%;
        max-width: 375px
    }
}

.submenu {
    top: 100%;
    box-shadow: 0 4px 14px -3px rgba(51, 51, 51, .35);
    background-color: #f3f3f3;
    height: 0;
    overflow: hidden
}

.submenu,
.submenu:before {
    position: absolute;
    left: 0;
    right: 0
}

.submenu:before {
    content: "";
    top: 0;
    height: 1px;
    background-color: rgba(51, 51, 51, .1)
}

.submenu__item {
    padding: 50px 0;
    opacity: 0;
    visibility: hidden;
    transition: .35s ease;
    transition-delay: 0s;
    transform: translateY(-20px)
}

.submenu__item_active {
    transform: none;
    transition-delay: .35s;
    opacity: 1;
    visibility: visible
}

.submenu__item_mobile {
    display: none
}

@media screen and (max-width:768px) {
    .submenu__item_mobile {
        display: block
    }
}

.submenu__link {
    padding: 15px 25px;
    background-color: #fff;
    white-space: nowrap;
    border-bottom: 1px solid #f3f3f3;
    transition: border-color .25s ease;
    width: 100%
}

@media screen and (max-width:768px) {
    .submenu__link {
        border-top: 1px solid #f3f3f3;
        border-bottom: 0;
        padding: 10px 30px
    }
}

.submenu__link:hover {
    border-color: #0066b5
}

.model-char {
    margin: -5px -10px 15px;
    background-color: rgba(51, 51, 51, .05);
    border-radius: 25px;
    padding: 10px;
    display: flex
}

@media screen and (max-width:768px) {
    .model-char {
        padding: 5px 10px;
        margin: -5px
    }
}

.model-char:last-child {
    margin-bottom: -5px
}

.model-char__item {
    margin: 5px 10px;
    display: block;
    font-size: .75rem;
    flex-grow: 1;
    text-align: center
}

@media screen and (max-width:768px) {
    .model-char__item {
        margin: 5px
    }
}

.model-char__item span {
    font-size: 1.05rem
}

@media screen and (max-width:768px) {
    .model-char__item span {
        display: inline-block;
        width: 100%
    }
}

.model-spec {
    text-align: center;
    margin-bottom: 30px
}

.model-spec:last-child {
    margin-bottom: 0
}

.model-spec__list {
    display: flex;
    margin-bottom: 30px
}

.model-spec__list-item {
    padding: 0 10px;
    width: 33.3333334%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.model-spec__list-item:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #ededed;
    top: 0;
    right: 0
}

.model-spec__list-item:last-child:after {
    display: none
}

.model-spec__list-item p {
    font-size: 12px;
    color: #666
}

.model-spec__list-item p.model-spec__title {
    color: #333;
    font-size: 30px
}

@media screen and (max-width:768px) {
    .model-spec__list-item p.model-spec__title {
        font-size: 25px;
        margin-bottom: .2rem;
        font-weight: 700
    }
}

.model-info {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50px
}

@media screen and (max-width:768px) {
    .model-info {
        top: 5px;
        width: 100%;
        padding: 10px 15px 0
    }
}

.model-info_centered {
    top: 50%;
    transform: translate(-50%, -50%)
}

.model-info__badge {
    position: absolute;
    top: 5%;
    right: 3%;
    pointer-events: none;
    z-index: 2
}

.model-info__title {
    margin-bottom: 10px !important
}

.model-info__title_preview h1 {
    font-size: 3rem;
    white-space: nowrap
}

@media screen and (max-width:992px) {
    .model-info__title_preview h1 {
        font-size: 3rem
    }
}

.model-info p {
    text-align: center
}

.model-info__hero {
    margin-bottom: .2rem;
    font-size: 1.22rem
}

.model-info__intro p {
    font-size: 1.22rem
}

.model-info__intro p span {
    font-weight: 700;
    color: inherit
}

.model-info__intro p.bigger {
    font-size: 1.66rem;
    margin-bottom: .3rem
}

.model-info__intro_preview p {
    font-size: 2rem
}

@media screen and (max-width:992px) {
    .model-info__intro_preview p {
        font-size: 1.22rem
    }
}

.model-info_light .model-info__intro p {
    color: #fff
}

.model-info__note {
    position: absolute;
    bottom: 20px;
    right: 10px;
    color: #fff;
    font-size: 11px;
    z-index: 2;
    text-align: right
}

@media screen and (max-width:768px) {
    .model-info__note {
        font-size: 9px;
        bottom: 10px;
        right: 5px;
        padding-left: 5px
    }
}

.model-info__scroll {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: scroll 3s ease-in-out infinite;
    animation: scroll 3s ease-in-out infinite
}

@media screen and (max-width:768px) {
    .model-info__scroll {
        display: none
    }
}

.model-menu {
    height: 80px
}

@media screen and (max-width:1280px) {
    .model-menu {
        height: 65px
    }
}

@media screen and (max-width:768px) {
    .model-menu {
        height: 50px;
        max-width: 100%;
        overflow-x: hidden
    }
}

.model-menu__wrap {
    width: 100%;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: space-between;
    box-shadow: 1px -2px 30px rgba(51, 51, 51, .32);
    background-color: #fff;
    padding-left: 25px;
    transition: .25s
}

@media screen and (max-width:1280px) {
    .model-menu__wrap {
        height: 65px
    }
}

@media screen and (max-width:768px) {
    .model-menu__wrap {
        height: 50px;
        padding-left: 15px
    }
}

.model-menu__block {
    display: flex;
    align-items: center;
    margin-right: 40px
}

@media screen and (max-width:1280px) {
    .model-menu__block {
        margin-right: 20px
    }
}

.model-menu__block:last-child {
    margin-right: 0
}

.model-menu__block-item {
    margin-right: 25px
}

@media screen and (max-width:1280px) {
    .model-menu__block-item {
        margin-right: 15px
    }
}

@media screen and (max-width:500px) {
    .model-menu__block-item {
        margin-right: 0
    }
}

.model-menu__block-item:last-child {
    margin-right: 0
}

@media screen and (max-width:992px) {
    .model-menu .menu {
        display: none
    }
}

.model-menu .menu__item {
    margin-right: 35px
}

@media screen and (max-width:1280px) {
    .model-menu .menu__item {
        margin-right: 10px
    }
}

.model-menu__test-drive {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 30px;
    background-color: #1d1d1d;
    height: 80px;
    position: relative;
    transition: all .25s
}

@media screen and (max-width:1280px) {
    .model-menu__test-drive {
        padding: 10px 20px;
        height: 65px
    }
}

@media screen and (max-width:992px) {
    .model-menu__test-drive {
        padding-left: 10px
    }
}

@media screen and (max-width:768px) {
    .model-menu__test-drive {
        height: 50px
    }
}

@media screen and (max-width:500px) {
    .model-menu__test-drive {
        padding: 10px
    }
}

.model-menu__test-drive:after,
.model-menu__test-drive:before {
    position: absolute;
    content: "";
    transition: .25s
}

.model-menu__test-drive:before {
    right: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent #1d1d1d;
    border-style: solid;
    border-width: 0 0 87px 15px;
    line-height: 0;
    _border-color: #000 #000 #1d1d1d #000;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color="#000000")
}

@media screen and (max-width:1280px) {
    .model-menu__test-drive:before {
        border-width: 0 0 72px 15px
    }
}

@media screen and (max-width:768px) {
    .model-menu__test-drive:before {
        border-width: 0 0 57px 15px
    }
}

.model-menu__test-drive:after {
    bottom: -7px;
    left: -25px;
    width: 0;
    height: 0;
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 0 10px 7px 0;
    line-height: 0;
    _border-color: #000 #000 #000 #000;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color="#000000")
}

.model-menu__test-drive:hover {
    background-color: #333
}

.model-menu__test-drive:hover:before {
    border-color: transparent transparent #333;
    _border-color: #000 #000 #333 #000
}

.model-menu__test-drive:hover:after {
    border-color: transparent #1d1d1d transparent transparent;
    _border-color: #000 #1d1d1d #000 #000
}

.model-menu__test-drive:hover .model-menu__test-drive-bg {
    background-color: #333
}

.model-menu__test-drive p {
    color: #fff;
    white-space: nowrap
}

@media screen and (max-width:1280px) {
    .model-menu__test-drive p {
        font-size: 14px
    }
}

.model-menu__test-drive .image {
    margin-right: 20px;
    -webkit-animation: test-drive 1.4s linear infinite;
    animation: test-drive 1.4s linear infinite
}

@media screen and (max-width:1280px) {
    .model-menu__test-drive .image {
        margin-right: 10px
    }
}

@media screen and (max-width:992px) {
    .model-menu__test-drive .image {
        width: 35px;
        height: 35px
    }
}

.model-menu__test-drive .image svg {
    height: 100%
}

.model-menu__test-drive .image svg use {
    fill: #fff
}

.model-menu__test-drive-bg {
    position: absolute;
    top: 0;
    left: -15px;
    width: calc(100% + 15px);
    height: calc(100% + 7px);
    background-color: #1d1d1d;
    z-index: -1;
    transition: background-color .25s, height 0s
}

.model-menu_fixed .model-menu__wrap {
    position: fixed;
    top: 50px;
    z-index: 10;
    box-shadow: 0 5px 10px rgba(51, 51, 51, .22);
    border-top: 1px solid rgba(51, 51, 51, .22)
}

.model-menu_fixed .model-menu__test-drive {
    height: 50px
}

.model-menu_fixed .model-menu__test-drive .image_circle {
    height: 30px
}

.model-menu_fixed .model-menu__test-drive:before {
    border-width: 0 0 57px 15px
}

.model-menu_fixed .model-menu__test-drive:after {
    bottom: -7px;
    left: -25px;
    width: 0;
    height: 0;
    border-color: transparent #000 transparent transparent;
    border-style: solid;
    border-width: 0 10px 7px 0;
    line-height: 0;
    _border-color: #000 #000 #000 #000;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color="#000000")
}

@media screen and (max-width:500px) {
    .model-menu .price {
        display: none
    }
}

.feature {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 6;
    display: flex;
    background: linear-gradient(90deg, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, .45) 40%, rgba(0, 0, 0, .000001))
}

@media screen and (max-width:768px) {
    .feature {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 45px 0 20px;
        background: none
    }
}

@media screen and (max-width:768px) {
    .feature_blank {
        padding: 0
    }
}

@media screen and (max-width:768px) {
    .feature_preview {
        display: none
    }
}

.feature__container {
    max-width: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transition: transform .75s ease, opacity .5s ease-out;
    transition-delay: .5s;
    transform: none;
    opacity: 1
}

@media screen and (max-width:768px) {
    .feature__container {
        max-width: 100%;
        align-items: center
    }
}

.feature_reverse {
    background: linear-gradient(270deg, rgba(0, 0, 0, .75) 0, rgba(0, 0, 0, .45) 40%, rgba(0, 0, 0, .000001))
}

.feature_reverse .feature__container {
    margin-left: auto;
    transform: none
}

@media screen and (max-width:768px) {
    .feature_reverse {
        background: none
    }
}

.feature__title {
    color: #fff;
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1
}

.feature__title_h1 {
    font-size: 3.5rem
}

@media screen and (max-width:768px) {
    .feature__title {
        color: #333;
        text-align: center;
        font-family: Changan, Arial, sans-serif;
        font-size: 1.75rem
    }
}

.feature__text {
    color: #fff;
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .feature__text {
        color: #333;
        margin-bottom: 0
    }
}

.feature__text h2,
.feature__text h3 {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative
}

@media screen and (max-width:1280px) {
    .feature__text h2,
    .feature__text h3 {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .feature__text h2,
    .feature__text h3 {
        text-align: center
    }
}

.feature__text h2:after,
.feature__text h3:after {
    position: absolute;
    content: "";
    bottom: -9px;
    left: 0;
    width: 150px;
    height: 1px;
    background-color: #fff
}

@media screen and (max-width:768px) {
    .feature__text h2:after,
    .feature__text h3:after {
        left: 50%;
        transform: translateX(-50%);
        background-color: #333
    }
}

.feature__text * {
    color: inherit
}

.feature__text p,
.feature__text ul.list li,
.feature__text ul li {
    font-size: 14px
}

.feature__text ul.list li:before,
.feature__text ul li:before {
    background-color: #fff
}

@media screen and (max-width:768px) {
    .feature__text ul.list li:before,
    .feature__text ul li:before {
        background-color: #333
    }
}

.feature.in-hide .feature__container {
    transform: translateX(-30px);
    opacity: 0
}

@media screen and (max-width:1150px) {
    .feature.in-hide .feature__container {
        transform: translateY(-20px)
    }
}

.feature.in-hide.feature_reverse .feature__container {
    transform: translateX(30px)
}

@media screen and (max-width:1150px) {
    .feature.in-hide.feature_reverse .feature__container {
        transform: translateY(-20px)
    }
}

.gallery__list_main {
    display: flex;
    width: 100%;
    height: 700px
}

.gallery__list_slider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 300;
    opacity: 0;
    visibility: hidden;
    transition: .25s ease;
    background-color: #fff
}

.gallery__list_slider::-webkit-scrollbar {
    width: 10px
}

.gallery__list_slider::-webkit-scrollbar-track {
    width: 7px;
    background: rgba(51, 51, 51, .15)
}

.gallery__list_slider::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 7px -2px rgba(0, 0, 0, .1);
    width: 10px;
    background: rgba(0, 0, 0, .1);
    height: 10px
}

.gallery__list_slider::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .1)
}

.gallery__list_slider.show {
    opacity: 1;
    visibility: visible
}

@media screen and (max-width:768px) {
    .gallery__list_slider {
        position: relative;
        height: 300px;
        z-index: auto;
        opacity: 1;
        visibility: visible
    }
}

.gallery__list-item {
    overflow: hidden;
    flex-direction: column;
    position: relative
}

.gallery__list-block,
.gallery__list-item {
    flex-grow: 1;
    display: flex
}

.gallery__list-count {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: #fff;
    font-size: 2rem;
    pointer-events: none
}

.gallery__slider {
    width: 100%;
    height: 100%
}

.gallery__slider-count {
    position: absolute;
    bottom: 5%;
    right: 5%;
    font-size: 1.55rem;
    color: #333;
    padding: 15px 20px;
    background-color: #fff;
    z-index: 2
}

@media screen and (max-width:768px) {
    .gallery__slider-count {
        padding: 10px 15px
    }
}

.gallery__slider-closer {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 2;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    transition: .1s
}

@media screen and (max-width:768px) {
    .gallery__slider-closer {
        display: none
    }
}

.gallery__slider-closer:hover {
    background-color: hsla(0, 0%, 100%, .35);
    color: #000
}

.gallery__slider-closer:after,
.gallery__slider-closer:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 45px;
    height: 4px;
    background-color: #333;
    transition: background-color .2s ease-in-out
}

.gallery__slider-closer:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.gallery__slider-closer:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.main-slider {
    margin-bottom: 0
}

.main-slider .span {
    font-family: MyriadPro-BoldCond, Arial, sans-serif;
    color: #b73c30 !important
}

.main-slider .svg-slider {
    display: inherit;
    height: 27px;
    width: auto;
    margin-bottom: 3px;
    margin-left: 4px
}

@media screen and (max-width:992px) {
    .main-slider .svg-slider {
        height: 18px;
        width: auto;
        margin-bottom: 1px;
        margin-left: 2px
    }
}

.main-slider_effected .slick-track {
    background-color: #fff;
    align-items: flex-start
}

.main-slider__effect-lights {
    z-index: 3;
    position: absolute;
    bottom: 39.5%;
    left: 42%;
    opacity: 1
}

.main-slider__item {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block
}

.main-slider__item .container {
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translate(-50%, -50%);
    top: calc(50% - 15px);
    opacity: 0;
    transition: .75s ease;
    max-width: calc(100% - 130px)
}

.main-slider__item .container_top {
    top: calc(20% - 15px);
    transform: translateX(-50%)
}

@media screen and (max-width:992px) {
    .main-slider__item .container {
        max-width: calc(100% - 40px);
        position: relative;
        left: auto;
        transform: none;
        top: auto;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:450px) {
    .main-slider__item .container {
        max-width: 100%;
        padding: 0 40px
    }
}

.main-slider__item_effected {
    overflow: visible
}

.main-slider__item_effected .container {
    top: calc(10% - 15px);
    transform: translateX(-50%)
}

@media screen and (max-width:992px) {
    .main-slider__item_effected .container {
        transform: none
    }
}

.main-slider__item_effected .main-slider__item-wrap:before {
    display: none
}

.main-slider__item_effected .main-slider__text {
    display: flex;
    justify-content: space-between;
    max-width: 1410px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:992px) {
    .main-slider__item_effected .main-slider__text {
        flex-direction: column;
        align-items: center
    }
}

.main-slider__item_effected .main-slider__text-item {
    margin-right: 40px;
    max-width: 500px
}

@media screen and (max-width:992px) {
    .main-slider__item_effected .main-slider__text-item {
        margin-right: 0;
        margin-bottom: 30px
    }
}

@media screen and (max-width:768px) {
    .main-slider__item_effected .main-slider__text-item {
        margin-bottom: 15px
    }
}

@media screen and (max-width:375px) {
    .main-slider__item_effected .main-slider__text-item {
        margin-bottom: 10px
    }
}

.main-slider__item_effected .main-slider__text-item:last-child {
    text-align: right;
    margin-right: 0;
    margin-bottom: 0
}

@media screen and (max-width:992px) {
    .main-slider__item_effected .main-slider__text-item:last-child {
        text-align: center
    }
}

.main-slider__item_active .container {
    transition: opacity .3s ease, top .45s ease-out;
    top: 50%;
    opacity: 1
}

.main-slider__item_active .container_top {
    top: 20%
}

@media screen and (max-width:992px) {
    .main-slider__item_active .container {
        top: auto
    }
}

.main-slider__item_active.main-slider__item_effected .container {
    top: 10%
}

@media screen and (max-width:992px) {
    .main-slider__item_active.main-slider__item_effected .container {
        top: auto;
        transform: none
    }
}

.main-slider__item-wrap {
    width: 100%;
    height: 0;
    padding-top: 41.75%;
    position: relative
}

.main-slider__item-wrap:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .3)
}

@media screen and (max-width:992px) {
    .main-slider__item-wrap:before {
        background-color: transparent
    }
}

.main-slider__item-wrap_no-bg:before {
    background-color: transparent
}

@media screen and (max-width:992px) {
    .main-slider__item-wrap {
        margin-bottom: 15px
    }
}

.main-slider__text {
    max-width: 600px;
    width: 100%;
    font-size: 2rem;
    color: #fff
}

@media screen and (max-width:992px) {
    .main-slider__text {
        font-size: 18px;
        max-width: 100%;
        text-align: center;
        color: #333
    }
}

.main-slider__text :not(.btn),
.main-slider__text :not(span) {
    color: inherit
}

.main-slider__text .link:not(.link_decorated):not(.link_decorated-reverse) {
    font-size: inherit
}

.main-slider__text p {
    margin-bottom: .4rem
}

.main-slider__text p span {
    font-weight: 700
}

@media screen and (max-width:992px) {
    .main-slider__text p span {
        font-weight: 400
    }
}

@media screen and (max-width:992px) {
    .main-slider__text .link_decorated-light {
        border-color: #333
    }
}

.main-slider__note {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
    font-size: 11px;
    z-index: 2;
    text-align: right
}

@media screen and (max-width:992px) {
    .main-slider__note {
        padding: 0 15px;
        font-size: 14px;
        position: relative;
        bottom: auto;
        right: auto;
        color: #333;
        text-align: center;
        margin-top: 10px
    }
}

.main-slider__badge,
.main-slider__badge_static {
    position: absolute;
    top: 5%;
    right: 3%;
    pointer-events: none;
    z-index: 2
}

@media screen and (max-width:1280px) {
    .main-slider__badge,
    .main-slider__badge_static {
        top: 3%
    }
}

.main-slider__badge_static {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 10px;
    margin-left: 0
}

@media screen and (max-width:992px) {
    .main-slider__badge_static {
        display: none;
        margin-bottom: 0
    }
}

#step {
    position: relative;
    min-height: 50vh
}

.configurator {
    padding-bottom: 50px
}

.configurator__block {
    margin-bottom: 2rem
}

@media screen and (max-width:768px) {
    .configurator__block {
        text-align: center
    }
}

.configurator__block:last-child {
    margin-bottom: 0
}

.configurator__item {
    position: relative;
    transition: top .33s ease-out, opacity .33s ease-out;
    background-color: #fff;
    width: calc(100% + 30px)
}

.configurator__item_showing {
    position: absolute;
    top: 10px;
    left: 0
}

.configurator__item_hidden {
    top: 100%;
    opacity: 0;
    z-index: 2
}

.configurator__item_removed {
    z-index: -1;
    opacity: 0
}

.configurator__name {
    font-family: Changan, Arial, sans-serif;
    font-size: 26px;
    margin-bottom: 1.2rem
}

.configurator__info {
    font-size: 18px;
    margin-bottom: .7rem
}

.configurator__info span {
    font-family: Changan, Arial, sans-serif;
    font-weight: 700;
    font-size: 22px
}

.configurator__color {
    margin-bottom: 2rem;
    max-width: 550px
}

.configurator__color:last-child {
    margin-bottom: 0
}

.configurator__list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -15px 20px
}

@media screen and (max-width:768px) {
    .configurator__list {
        justify-content: center
    }
}

.configurator__list-item {
    margin: 10px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .configurator__list-item {
        align-items: center
    }
}

.configurator__list-item:first-child {
    width: calc(35% - 30px)
}

@media screen and (max-width:768px) {
    .configurator__list-item:first-child {
        width: auto
    }
}

.configurator__list-item:nth-child(2) {
    flex-grow: 1;
    width: calc(65% - 30px)
}

@media screen and (max-width:768px) {
    .configurator__list-item:nth-child(2) {
        width: auto
    }
}

.conf-choose {
    margin: 10px 15px;
    width: calc(50% - 30px);
    cursor: pointer;
    padding: 25px 30px;
    border: 1px solid #000;
    transition: .25s ease
}

@media screen and (max-width:600px) {
    .conf-choose {
        width: 100%
    }
}

.conf-choose:hover {
    border-color: #0066b5
}

.conf-choose:hover .link.link_decorated-reverse {
    background-color: #005dd2;
    border: 1px solid #005dd2;
    box-shadow: 0 4px 14px #005dd2
}

.conf-choose:hover .link.link_decorated-reverse svg {
    transform: rotate(-180deg)
}

.conf-choose:hover .link.link_decorated-reverse svg.moved {
    transform: translateX(5px)
}

.conf-choose:hover .link.link_decorated-reverse svg use {
    fill: #005dd2
}

.conf-choose.active {
    border-color: #0066b5
}

.conf-choose__list {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -15px;
    width: calc(100% + 30px);
    background-color: #fff
}

.conf-choose__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1
}

.conf-choose__block {
    margin-bottom: 2rem
}

.conf-choose__block:last-child {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .conf-choose__links {
        text-align: right
    }
}

.conf-choose__head {
    font-weight: 600;
    font-family: Changan, Arial, sans-serif;
    margin-bottom: 1rem;
    font-size: 1.22rem;
    display: flex;
    justify-content: space-between
}

@media screen and (max-width:992px) {
    .conf-choose__head {
        flex-direction: column
    }
}

.conf-choose__char {
    color: #8294a6
}

.conf-choose__char span {
    color: #000;
    font-weight: 600;
    font-family: Changan, Arial, sans-serif
}

.conf-menu {
    display: flex;
    margin-bottom: 25px
}

@media screen and (max-width:768px) {
    .conf-menu {
        overflow-x: auto;
        overflow-y: hidden;
        margin-left: -15px;
        margin-right: -15px
    }
    .conf-menu::-webkit-scrollbar {
        width: 0;
        border-radius: 0;
        background: transparent;
        display: none
    }
    .conf-menu::-webkit-scrollbar-thumb,
    .conf-menu::-webkit-scrollbar-track {
        width: 0;
        border-radius: 0;
        height: 0;
        background: transparent;
        display: none
    }
}

.conf-menu__item {
    width: 25%;
    text-align: center;
    padding: 25px 30px;
    cursor: pointer;
    transition: .25s;
    background-color: #f3f3f3;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative
}

@media screen and (max-width:768px) {
    .conf-menu__item {
        min-width: 130px
    }
    .conf-menu__item:first-child {
        margin-left: 15px
    }
    .conf-menu__item:last-child {
        margin-right: 15px
    }
}

.conf-menu__item .image__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    pointer-events: none
}

.conf-menu__item .image__arrow use {
    fill: #0066b5
}

.conf-menu__item:hover {
    background-color: #cdcdcd
}

.conf-menu__item.active {
    background-color: #0066b5;
    color: #fff;
    cursor: default
}

.conf-menu__item.active .image__arrow {
    opacity: 0
}

.conf-menu__item.disabled,
.conf-menu__item.disabled_important {
    pointer-events: none;
    opacity: .5
}

.label-choose__name {
    margin-bottom: 10px;
    white-space: nowrap;
    flex-shrink: 0;
    font-size: 21px
}

@media screen and (max-width:600px) {
    .label-choose__name {
        font-size: 17px
    }
}

.label-choose__wrap {
    display: flex;
    margin: -5px;
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .label-choose__wrap {
        margin: -3px
    }
}

.label-choose__wrap_centered {
    justify-content: center
}

@media screen and (max-width:768px) {
    .label-choose__wrap_centered {
        justify-content: flex-start
    }
}

.label-choose__item {
    margin: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 7px 11px;
    border-radius: 7px;
    border: 1px solid #0066b5;
    font-size: 13px
}

.label-choose__item:hover {
    background-color: #0066b5;
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 102, 181, .25)
}

.label-choose__item.active {
    cursor: default;
    background-color: #0066b5;
    color: #fff;
    box-shadow: none
}

@media screen and (max-width:768px) {
    .label-choose__item {
        margin: 3px
    }
}

.model-advantage {
    align-items: center;
    margin-bottom: 15px;
    display: none
}

.model-advantage.active {
    display: flex
}

.model-advantage_link:hover p {
    color: #0066b5
}

.model-advantage:last-child {
    margin-bottom: 0
}

.model-advantage__image {
    margin-right: 15px
}

.model-advantage__list {
    display: flex;
    flex-wrap: wrap;
    margin: -7px -12px
}

.model-advantage__list>*,
.model-advantage__list>:last-child {
    margin: 7px 12px
}

.model-calc {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -30px
}

@media screen and (max-width:1150px) {
    .model-calc {
        margin: -10px -15px
    }
}

@media screen and (max-width:768px) {
    .model-calc {
        flex-direction: column;
        margin: 0
    }
}

.model-calc__item {
    margin: 10px 30px;
    width: calc(50% - 60px)
}

@media screen and (max-width:1150px) {
    .model-calc__item {
        margin: 10px 15px;
        width: calc(50% - 30px)
    }
}

@media screen and (max-width:768px) {
    .model-calc__item {
        width: 100%;
        margin: 0 0 20px
    }
}

.model-calc__item_full {
    margin: 0 0 20px;
    width: 100%
}

.map-block {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width:878px) {
    .map-block {
        flex-direction: column-reverse;
        align-items: center
    }
}

.map-block_full {
    min-height: 600px
}

@media screen and (max-width:878px) {
    .map-block_full {
        min-height: 1px
    }
}

.map-block_full .map-block__left {
    border-left-width: 0
}

@media screen and (max-width:878px) {
    .map-block_full .map-block__left {
        border-left-width: 1px
    }
}

.map-block__info {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    background-color: #f7f7f7
}

@media screen and (max-width:878px) {
    .map-block__info {
        order: 10
    }
}

.map-block__info * {
    margin-right: 15px
}

.map-block__info :last-child {
    margin-right: 0
}

.map-block__left {
    width: calc(100% - 500px)
}

@media screen and (max-width:1280px) {
    .map-block__left {
        width: calc(100% - 350px)
    }
}

@media screen and (max-width:878px) {
    .map-block__left {
        height: 600px;
        width: 100%
    }
}

.map-block__left [map] {
    height: 100%
}

.map-block__right {
    width: 500px;
    display: flex;
    flex-direction: column;
    border: 1px solid #e4ebf2
}

@media screen and (max-width:1280px) {
    .map-block__right {
        width: 350px
    }
}

@media screen and (max-width:878px) {
    .map-block__right {
        max-width: 730px;
        width: 100%
    }
}

.map-block__list {
    max-height: 486px;
    overflow-y: auto
}

@media screen and (max-width:878px) {
    .map-block__list {
        max-height: 350px
    }
}

@media screen and (max-width:550px) {
    .map-block__list {
        max-height: 250px
    }
}

.map-block__list-header {
    padding: 15px 20px;
    font-weight: 700;
    font-size: 24px
}

.history {
    display: flex
}

@media screen and (max-width:768px) {
    .history {
        margin-bottom: 25px
    }
}

.history:last-child,
.history_preview .history__item {
    margin-bottom: 0
}

.history_preview .history__item.slick-current {
    font-weight: 700;
    transform: scale(1.15);
    border-color: #0066b5
}

.history_preview .slick-list {
    padding: 15px 0
}

.history_main .history__item:nth-child(n+2) {
    display: none
}

.history_main.slick-initialized .history__item:nth-child(n+2) {
    display: block
}

.history__item {
    margin-right: 25px;
    width: auto;
    cursor: pointer;
    transition: .25s ease;
    border: 1px solid transparent;
    padding: 0 5px
}

.history__item:last-child {
    margin-right: 0
}

.history__item:hover {
    font-weight: bolder
}

.history__item_main {
    margin: 0 45px;
    padding: 0;
    border: none;
    position: relative
}

@media screen and (max-width:768px) {
    .history__item_main {
        margin: 0 15px
    }
}

.history__item_main:hover {
    transform: none
}

.history__item .image {
    margin-bottom: 0;
    margin-top: 0;
    flex-shrink: 0
}

@media screen and (max-width:768px) {
    .history__item .image {
        margin-bottom: 20px
    }
}

.history__item .image img {
    width: 100%
}

.history__item-description {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333
}

@media screen and (max-width:768px) {
    .history__item-description {
        flex-direction: column
    }
}

.history__item-text {
    font-size: 25px;
    max-width: 500px
}

.history__item-wrap {
    flex-direction: column
}

.history__item-wrap .history__item-description {
    display: flex;
    justify-content: flex-start;
    margin: 0 auto 25px;
    width: 100%;
    max-width: 715px
}

.history__item-wrap .history__item-description:last-child {
    margin-bottom: 0
}

.history__item-wrap .history__item-description:nth-child(n+2) {
    display: none
}

.history__item-wrap.slick-initialized .history__item-description:nth-child(n+2) {
    display: flex
}

.history.slick-initialized .history__item {
    display: inline-block !important
}

.history.slick-initialized .history__item_main {
    display: block !important
}

@media screen and (max-width:768px) {
    .history.slick-initialized .history__item_main {
        display: flex !important
    }
}

.history__counter {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 25px;
    line-height: 1;
    text-align: center
}

@media screen and (max-width:768px) {
    .history__counter {
        top: 30px;
        transform: none
    }
}

.history__arrow {
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0 !important;
    z-index: 3;
    width: 25px;
    height: 25px;
    opacity: .3
}

@media screen and (max-width:768px) {
    .history__arrow {
        top: 30px
    }
}

.history__arrow:hover {
    opacity: 1
}

.history__arrow.slick__arrow-next {
    transform: translateY(calc(-50% + 25px)) rotate(90deg)
}

@media screen and (max-width:768px) {
    .history__arrow.slick__arrow-next {
        transform: translateY(20px) rotate(90deg)
    }
}

.history__arrow.slick__arrow-prev {
    transform: translateY(calc(-50% - 25px)) rotate(90deg)
}

@media screen and (max-width:768px) {
    .history__arrow.slick__arrow-prev {
        transform: translateY(-25px) rotate(90deg)
    }
}

.file-delete {
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer
}

.file-delete:hover {
    color: #0066b5
}

.timeline {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 85px;
    margin-bottom: 45px;
    position: relative
}

@media screen and (max-width:768px) {
    .timeline {
        margin-top: 45px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

.timeline:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #333
}

@media screen and (max-width:768px) {
    .timeline:before {
        height: 100%;
        width: 1px;
        left: 10px
    }
}

.timeline__item {
    margin: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #333;
    position: relative;
    cursor: pointer;
    background-color: #fff
}

.timeline__item.active,
.timeline__item:hover {
    border-color: #0066b5
}

.timeline__item.active .timeline__text,
.timeline__item:hover .timeline__text {
    top: calc(100% + 10px);
    opacity: 1;
    visibility: visible;
    transition: .25s ease-in-out
}

@media screen and (max-width:1280px) {
    .timeline__item:first-child .timeline__text {
        left: 0;
        transform: none
    }
}

@media screen and (max-width:1280px) {
    .timeline__item:last-child .timeline__text {
        left: auto;
        right: 0;
        transform: none
    }
}

@media screen and (max-width:768px) {
    .timeline__item {
        width: auto;
        height: auto;
        border-radius: 0;
        border: none;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding-left: 35px;
        margin-bottom: 2rem;
        background-color: transparent
    }
    .timeline__item:last-child {
        margin-bottom: 0
    }
    .timeline__item:before {
        position: absolute;
        content: "";
        top: 3px;
        left: 0;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        border: 2px solid #333;
        background-color: #fff;
        z-index: 2
    }
}

.timeline__item-footnote {
    position: absolute;
    bottom: 100%;
    padding-bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 0 !important
}

@media screen and (max-width:768px) {
    .timeline__item-footnote {
        position: static;
        bottom: auto;
        left: auto;
        padding-bottom: 0;
        transform: none;
        margin-bottom: 10px !important;
        line-height: 19px !important;
        font-weight: 700
    }
}

.timeline__text {
    opacity: 0;
    visibility: hidden;
    top: 100%;
    transition: 0s ease-in-out;
    padding: 8px 15px;
    box-shadow: 0 0 15px -8px rgba(0, 0, 0, .25);
    background-color: #fff;
    z-index: 2;
    width: 200px;
    border: 1px solid rgba(0, 102, 181, .1);
    font-size: 16px;
    line-height: 20px
}

.timeline__text,
.timeline__text:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.timeline__text:after {
    content: "";
    bottom: 100%;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10px 10px
}

.timeline__text p {
    font-size: inherit;
    line-height: inherit
}

.timeline__text .image {
    height: 100px
}

.timeline__text .image img {
    height: 100%;
    width: auto
}

@media screen and (max-width:768px) {
    .timeline__text .image img {
        margin-left: 0
    }
}

@media screen and (max-width:768px) {
    .timeline__text {
        opacity: 1;
        visibility: visible;
        position: static;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        z-index: auto;
        border: none;
        box-shadow: none;
        background-color: transparent;
        padding: 0;
        width: 180px
    }
    .timeline__text:after {
        display: none
    }
}

.timeline__text-block {
    margin-bottom: 1rem
}

.timeline__text-block:last-child {
    margin-bottom: 0
}

@media screen and (max-width:768px) {
    .timeline__wrap {
        margin: 8px -10px -10px;
        padding: 10px;
        background-color: #f8f8f8;
        position: relative
    }
    .timeline__wrap:before {
        position: absolute;
        content: "";
        top: 0;
        right: 100%;
        width: 0;
        height: 0;
        border-color: transparent #f8f8f8 transparent transparent;
        border-style: solid;
        border-width: 0 10px 10px 0
    }
}

.sitemap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: -10px -15px
}

@media screen and (max-width:992px) {
    .sitemap {
        margin: -10px
    }
}

.sitemap__item {
    margin: 10px 15px;
    width: calc(25% - 30px)
}

@media screen and (max-width:992px) {
    .sitemap__item {
        width: calc(33.33334% - 20px);
        margin: 10px
    }
}

@media screen and (max-width:768px) {
    .sitemap__item {
        width: calc(50% - 20px)
    }
}

.sitemap__item .link {
    margin-bottom: .44rem
}

.sitemap__list .sitemap__item {
    width: 100%;
    margin: 0
}

.sitemap>.sitemap__item>.link {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: .75rem
}

.popup-action {
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px
}

@media screen and (max-width:768px) {
    .popup-action {
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        max-width: 350px
    }
}

.popup-action__item {
    margin-right: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.popup-action__item_image {
    width: 40%;
    flex-shrink: 0;
    max-width: 300px
}

@media screen and (max-width:768px) {
    .popup-action__item {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        max-width: 100%
    }
}

.popup-action__item:last-child {
    margin-right: 0;
    margin-bottom: 0
}

.model-special {
    display: flex;
    align-items: flex-end;
    margin-bottom: 65px;
    position: relative
}

.model-special:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .11);
    left: 0;
    bottom: -35px
}

.model-special p {
    margin-bottom: 7px
}

.model-special p:last-child {
    margin-bottom: 0
}

.model-special__item {
    margin-right: 55px
}

.model-special__item:last-child {
    margin-right: 0
}

.model-special__image {
    position: relative;
    max-width: 450px;
    padding-left: 22px
}

.model-special__theme {
    font-weight: 600
}

.model-special__theme:first-letter {
    text-transform: uppercase
}

.model-special__title {
    font-weight: 600;
    font-family: Changan, Arial, sans-serif;
    font-size: 35px;
    position: relative
}

.model-special__note {
    position: absolute;
    bottom: 5px;
    right: 15px;
    font-size: 11px
}

.model-special__badge {
    position: absolute;
    top: -30px;
    right: -30px
}

.appeal {
    height: 60px;
    background-color: #efefef;
    display: flex;
    justify-content: center;
    align-items: center
}

.appeal__button {
    width: auto
}

.to-list {
    padding: 20px 0
}

.to-list__item {
    margin-bottom: 25px
}

.to-list__item:last-child {
    margin-bottom: 0
}

.to-list__item ul {
    margin-top: 5px
}

.post {
    border: 1px solid #b0c5d5;
    border-radius: 5px;
    margin: 15px;
    flex-grow: 1
}

.post_horizontal {
    width: 100%;
    max-width: 700px;
    display: flex;
    min-height: 350px;
    margin-left: auto;
    margin-right: auto
}

.post_horizontal .post__media-container {
    width: 50%;
    flex-shrink: 0
}

.post_horizontal .post__media {
    height: 100%
}

.post_horizontal .post__block {
    flex-grow: 1
}

.post__header {
    padding: 10px 15px;
    border-bottom: 1px solid #b0c5d5
}

.post__author {
    display: flex;
    align-items: center
}

.post__author .image {
    margin-right: 15px
}

.post__media {
    width: 100%;
    height: 0;
    padding-top: 75%;
    border-bottom: 1px solid #b0c5d5;
    position: relative
}

.post__media:last-child {
    border-bottom: none
}

.post__media-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.post__media-slider .post__media-slider-item {
    max-width: 100%
}

.post__media-slider:hover .slick__arrow {
    opacity: 1
}

.post__media-slider-item {
    background-color: #000;
    position: relative
}

.post__media-slider-item:nth-child(n+2) {
    display: none !important
}

.post__media-slider-item:nth-child(n+2).slick-slide {
    display: block !important
}

.post__media-slider-item .video video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.post__slider {
    margin-bottom: 40px
}

.post__slider:last-child {
    margin-bottom: 0
}

.post__slider .slider__item {
    display: flex
}

.post__slider .slider__item:nth-child(n+4) {
    display: none !important
}

.post__slider .slider__item:nth-child(n+4).slick-slide {
    display: flex !important
}

.post__slider-item {
    flex-shrink: 0;
    width: 100%;
    flex-direction: column
}

.post__buttons,
.post__info {
    padding: 10px 15px
}

.post__buttons {
    position: relative
}

.post__buttons .btn:not(:last-of-type) {
    margin-bottom: 25px
}

.post__buttons .model-menu__test-drive {
    max-width: 195px;
    left: 15px;
    height: 50px
}

.post__buttons .model-menu__test-drive:after,
.post__buttons .model-menu__test-drive:before {
    display: none
}

.post__buttons .model-menu__test-drive .model-menu__test-drive-bg {
    height: 50px
}

.post__buttons .model-menu__test-drive .image_circle {
    width: 30px;
    height: 30px
}

.finance__banks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -5px -7px 10px
}

.finance__banks_nocredit {
    justify-content: flex-start !important;
    margin-top: 20px
}

.finance__banks-item,
.finance__banks-name {
    margin: 5px 7px
}

.finance__banks-name {
    font-size: 14px
}

.finance__banks-item {
    display: flex;
    align-items: center;
    width: 100px;
    height: 50px
}

.finance__label {
    width: 25%;
    margin-right: 15px;
    line-height: 30px
}

.finance__price {
    font-size: 20px;
    font-weight: 700
}

.finance__bar {
    position: relative;
    flex-grow: 1;
    max-width: 600px;
    padding-top: 30px
}

@media screen and (max-width:992px) {
    .finance__bar {
        margin-right: 30px
    }
}

.finance__bar-current,
.finance__bar-max,
.finance__bar-min {
    position: absolute;
    top: 0;
    padding: 3px 5px;
    white-space: nowrap;
    border-radius: 5px;
    background: hsla(0, 0%, 100%, .95);
    min-width: 80px;
    text-align: center
}

@media screen and (max-width:992px) {
    .finance__bar-current,
    .finance__bar-max,
    .finance__bar-min {
        font-size: 15px
    }
}

.finance__bar-min {
    left: 0
}

.finance__bar-current {
    z-index: 2;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1)
}

.finance__bar-max {
    left: 100%
}

.finance__form {
    margin-bottom: 50px;
    position: relative
}

.finance__list-item {
    margin-bottom: 30px;
    padding: 15px 20px;
    border: 1px solid #888889
}

.finance__list-item:last-child {
    margin-bottom: 0
}

@media screen and (max-width:550px) {
    .finance__list-item {
        padding: 10px
    }
}

.finance__list-item.opened {
    border-color: rgba(0, 102, 181, .75)
}

.finance__list-item.opened .finance__list-item-toggle {
    transform: translateY(-50%)
}

.finance__list-item-head {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-right: 30px
}

@media screen and (max-width:550px) {
    .finance__list-item-head {
        display: block
    }
}

.finance__list-item-title {
    margin-right: 15px;
    display: flex;
    flex-direction: row
}

@media screen and (max-width:550px) {
    .finance__list-item-title {
        margin-right: 0;
        margin-bottom: 15px
    }
}

@media screen and (max-width:550px) {
    .finance__list-item-title .btn_credit {
        margin-top: 0
    }
}

.finance__list-item-type {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 600
}

@media screen and (max-width:768px) {
    .finance__list-item-type {
        font-size: 15px
    }
}

.finance__list-item-name {
    font-size: 12px;
    text-transform: uppercase
}

.finance__list-item-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    transition: .2s;
    transform: translateY(-50%) rotate(-90deg);
    border-radius: 10px;
    cursor: pointer
}

.finance__list-item-toggle:hover {
    background: rgba(136, 136, 137, .1)
}

.finance__list-item-toggle:hover svg {
    fill: #0066b5
}

.finance__list-item-chars {
    display: flex
}

.finance__list-item-char {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 10px;
    padding: 0 15px;
    border-right: 1px solid #888889
}

@media screen and (max-width:550px) {
    .finance__list-item-char {
        align-items: flex-start;
        padding-left: 0
    }
}

.finance__list-item-char:last-child {
    margin-right: 0;
    border-right: 0
}

.finance__list-item-char-name {
    margin-bottom: 10px;
    font-size: 14px
}

.finance__list-item-char-value {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap
}

.finance__list-item-body {
    padding-top: 40px
}

.finance__list-item-row {
    display: flex;
    margin-bottom: 20px
}

@media screen and (max-width:992px) {
    .finance__list-item-row {
        flex-direction: column-reverse
    }
}

.finance__list-item-row:last-child {
    margin-bottom: 0
}

.finance__list-item-row-block {
    margin-right: 30px
}

@media screen and (max-width:992px) {
    .finance__list-item-row-block {
        margin-bottom: 30px;
        margin-right: 0
    }
}

.finance__list-item-row-block:last-child {
    margin-right: 0
}

@media screen and (max-width:992px) {
    .finance__list-item-row-block:first-child {
        margin-bottom: 0
    }
}

.finance__list-item-row-block--info {
    min-width: 225px
}

.finance__model {
    cursor: pointer
}

.finance__model.active {
    pointer-events: none;
    background-color: rgba(0, 102, 181, .1)
}

.btn-group .btn {
    margin: 5px;
}

.gallery.mobile {
    display: none;
}

@media screen and (max-width:992px) {
    .header .container {
        height: auto;
    }
    .header_scrolled {
        display: flex;
        align-items: center;
    }
    .image__logo img {
        width: 140px;
    }
    .section__content_medium {
        padding: 30px 0;
    }
    .image-gallery .image-gallery__arrow-next,
    .image-gallery .image-gallery__arrow-prev {
        zoom: .6;
        top: 30%;
        display: none;
    }
    .image-gallery .swiper-pagination.swiper-pagination-bullets {
        display: flex;
        flex-wrap: wrap;
    }
    .image-gallery__main-image {
        padding-top: 50%;
    }
    .image-gallery .swiper-pagination-bullet {
        max-width: 100%;
        width: 30%;
    }
    .image-gallery {
        width: 100%;
        padding: 0;
    }
    .title__main * {
        font-size: 20px;
    }
    .model-spec__list-item p.model-spec__title {
        font-size: 18px;
    }
    .section_relative .feature {
        padding: 30px 0;
        order: 2;
    }
    .section_relative .image {
        order: 1;
    }
    .section_relative {
        display: flex;
        flex-direction: column;
    }
    .footer {
        padding-top: 0;
    }
    .gallery__list_main {
        flex-wrap: wrap;
    }
    .gallery__list-block,
    .gallery__list-item {
        flex-wrap: wrap;
    }
    .gallery__list_main {
        height: auto;
    }
    .gallery__list-item {
        flex-direction: row;
        height: 140px;
        flex-wrap: wrap;
        width: 50%;
    }
    .gallery.desktop {
        display: none;
    }
    .gallery.mobile {
        display: block;
    }
    .btn-group.jc-e {
        justify-content: center;
        margin-top: 20px;
    }
    .popup.fancybox-content {
        padding: 40px 25px 20px;
    }
    .footnote {
        margin-top: 20px;
    }
    .feature__link.link_decorated-light {
        color: #0066b5;
        border-color: #0066b5
    }
    .feature__link {
        margin-top: 20px;
    }
    .model-info__btn .btn {
        font-size: 12px;
        padding: 0 15px;
        left: auto;
        right: auto;
        margin: auto;
    }
    .model-info__btn {
        display: flex;
        justify-content: center;
    }
    .page-wrapper__content {
        padding-top: 50px;
    }
    .checkbox {
        align-items: flex-start;
    }
}

.msg-success {
    font-weight: 300;
    text-align: center;
    margin-bottom: 0;
}

body.lang-kk {
    font-family: Helios;
}