@import "../libs/swiper/swiper-bundle.min.css";
@import "../libs/fancybox/fancybox.css";
@import "../libs/nouislider/nouislider.min.css";

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

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

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

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

@font-face {
    font-display: swap;
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/Lato/Lato-Italic.woff2) format("woff2")
}

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

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

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

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

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

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

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

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

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

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

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

table {
    border-collapse: collapse;
    border-spacing: 0
}

blockquote:after,
blockquote:before {
    content: "";
    content: none
}

q:after,
q:before {
    content: "";
    content: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

blockquote,
q {
    quotes: none
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

ol,
ul {
    list-style: none
}

::-webkit-input-placeholder {
    color: #6f787d;
    -webkit-transition: .3s;
    transition: .3s
}

::-moz-placeholder {
    color: #6f787d;
    -moz-transition: .3s;
    transition: .3s
}

:-ms-input-placeholder {
    color: #6f787d;
    -ms-transition: .3s;
    transition: .3s
}

::-ms-input-placeholder {
    color: #6f787d;
    -ms-transition: .3s;
    transition: .3s
}

::placeholder {
    color: #6f787d;
    -webkit-transition: .3s;
    transition: .3s
}

::-moz-selection {
    background-color: #363cda;
    color: #fff
}

::selection {
    background-color: #363cda;
    color: #fff
}

button,
input,
select,
textarea {
    outline: none
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none
}

html {
    scroll-behavior: auto !important
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0
}

input:focus::-ms-input-placeholder,
textarea:focus::-ms-input-placeholder {
    opacity: 0
}

input:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0
}

body {
    background-color: #e2e7eb;
    color: #000;
    font-family: Lato, sans-serif;
    font-size: 23px;
    line-height: 1.65;
    min-width: 280px;
    overflow-x: hidden;
    position: relative
}

body:after {
    background-image: url(../img/body-bg.jpg);
    background-repeat: repeat-y;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: luminosity;
    opacity: .03;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none !important;
    padding: 0
}

b {
    font-weight: 600
}

strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

img {
    display: block;
    height: auto;
    max-width: 100%
}

a {
    color: inherit;
    text-decoration: none !important
}

@media (max-width:767.98px) {
    body {
        font-size: 15px
    }
}

@media (hover:none) {
    a:active {
        color: inherit;
        text-decoration: none
    }
}

@media (hover:hover) {
    a:hover {
        color: inherit;
        text-decoration: none
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.c-white {
    color: #fff
}

.c-black {
    color: #000
}

.c-accent {
    color: #363cda
}

.c-text {
    color: #000
}

.hidden {
    display: none
}

.fw-th {
    font-weight: 100
}

.fw-xlt {
    font-weight: 200
}

.fw-lt {
    font-weight: 300
}

.fw-re {
    font-weight: 400
}

.fw-md {
    font-weight: 500
}

.fw-sb {
    font-weight: 600
}

.fw-bd {
    font-weight: 700
}

.fw-xbd {
    font-weight: 800
}

.fw-bk {
    font-weight: 900
}

.txt-h1 {
    font-family: NAMU-Pro, sans-serif;
    font-size: 70px;
    line-height: 82px
}

.txt-h1-page {
    font-family: Evolventa, sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 45px
}

.txt-h1-after {
    color: #38393d;
    font-size: 17px;
    line-height: 27px
}

.txt-h2 {
    font-family: Evolventa, sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 39px
}

.txt-h2-descr {
    font-size: 19px;
    line-height: 32px
}

.txt-h3 {
    font-size: 26px;
    line-height: 39px
}

.txt-h3,
.txt-h4 {
    font-family: Evolventa, sans-serif;
    font-weight: 700
}

.txt-h4 {
    font-size: 24px;
    line-height: 32px
}

.txt-under-button {
    font-size: 14px;
    line-height: 24px
}

.txt-card-title {
    font-family: Evolventa, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.txt-card-descr {
    font-size: 15px;
    line-height: 20px
}

.txt-card-price {
    font-size: 25px;
    font-weight: 700;
    line-height: 24px
}

.txt-card-more {
    font-size: 15px;
    line-height: 20px
}

.txt-shadow-white {
    text-shadow: 2px 2px 1px hsla(0, 0%, 100%, .5)
}

.txt-brush {
    position: relative;
    z-index: 1
}

.txt-brush:after {
    background-image: url(../img/elements/element-brush.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -10px;
    content: "";
    height: 28px;
    left: -10px;
    pointer-events: none;
    position: absolute;
    right: -32px;
    z-index: -1
}

.txt-card-subtitle {
    font-size: 15px;
    line-height: 24px
}

.ff-title {
    font-family: Evolventa, sans-serif
}

.container {
    margin: 0 auto;
    width: 100%
}

.container-outer,
.container-relative {
    position: relative
}

.container-outer {
    overflow: hidden;
    padding-top: 136px;
    z-index: 1
}

.container-main {
    position: relative
}

.page-main .container-outer {
    padding-top: 0
}

.no-scrollbar::-webkit-scrollbar,
.no-scrollbar::-webkit-scrollbar-thumb {
    background-color: transparent;
    display: none;
    height: 0;
    width: 0
}

.no-scrollbar::-webkit-scrollbar-track {
    background-color: transparent;
    display: none;
    height: 0;
    width: 0
}

.custom-scrollbar::-webkit-scrollbar {
    background-color: #e4e4e4;
    width: 2px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #5182ff;
    cursor: pointer
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

.custom-scrollbar-x::-webkit-scrollbar {
    height: 2px
}

.custom-scrollbar-dark::-webkit-scrollbar {
    background-color: #515151
}

.custom-scrollbar-dark::-webkit-scrollbar-thumb {
    background-color: #a7a8b1
}

.img-crop {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%
}

.img-fill {
    height: auto;
    left: 50%;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.section {
    margin: 70px 0
}

.section-pd {
    margin: 0 !important;
    padding: 70px 0
}

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

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

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

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

.section__top {
    margin-bottom: 30px
}

.section__title {
    margin-bottom: 24px;
    padding-right: 20px
}

.section__descr {
    margin-bottom: 30px;
    max-width: 1243px
}

.section__descr-link {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin-top: 6px
}

.section__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.section__row--offset {
    margin-bottom: 15px
}

.section__row .section__title {
    margin-bottom: 0
}

.section__arrows {
    margin-right: -10px
}

.section__left,
.section__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section__btn {
    margin-right: 30px;
    white-space: nowrap
}

.section__btn-mobile,
.section__btn-tablet {
    display: none
}

.section__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section__controls-filters {
    margin-right: 10px
}

.section__more .section__descr {
    margin-bottom: 0
}

.section-share {
    position: relative
}

.section-share__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.section-share__control-icon {
    background-image: url(../img/icons/icon-share.svg);
    height: 24px;
    width: 24px
}

.section-share__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 12px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    padding: 20px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 3
}

.section-share__list .jssocials-shares {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

.section-share__list .jssocials-share {
    margin-right: 10px
}

.section-share__list .jssocials-share:last-child {
    margin-right: 0
}

.section-share__list .jssocials-share-link {
    display: block;
    height: 24px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 24px
}

.section-share.is-open .section-share__list {
    opacity: 1;
    pointer-events: unset
}

.section__content {
    background-image: url(../img/elements/element-seo-lines.svg);
    background-position: 0 0;
    background-repeat: repeat-y;
    margin-top: 70px;
    padding-left: 44px;
    position: relative
}

.page-company .section-company {
    margin-bottom: 0
}

.content {
    color: #38393d
}

.content>:first-child {
    margin-top: 0 !important
}

.content>:last-child {
    margin-bottom: 0 !important
}

.content h2,
.content h3,
.content h4 {
    color: #000;
    font-family: Evolventa, sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    margin-left: -40px;
    margin-top: 50px;
    text-shadow: 2px 2px 1px hsla(0, 0%, 100%, .5)
}

.content a {
    border-bottom: 1px solid #363cda;
    color: #363cda;
    -webkit-transition: .3s;
    transition: .3s
}

.content p {
    font-size: 20px;
    margin-bottom: 15px
}

.content ol,
.content ul {
    margin: 34px 0;
    max-width: 680px
}

.content ol li,
.content ul li {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 15px
}

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

.content ol {
    list-style-position: inside;
    list-style-type: decimal
}

.content ul li {
    padding-left: 25px;
    position: relative
}

.content ul li:before {
    content: url(../img/icons/icon-check-accent.svg);
    left: 0;
    position: absolute;
    top: 0
}

.content-small {
    font-size: 16px;
    line-height: 32px
}

.content-gray {
    color: #595b63
}

.content-gray a {
    border-bottom-color: #262742;
    color: #262742
}

@media (min-width:1200px) {
    .container {
        max-width: 1350px
    }

    .no-pc {
        display: none !important
    }
}

@media (max-width:1199.9999px) {
    .container {
        max-width: 966px
    }

    .container-outer {
        padding-top: 64px !important
    }

    .txt-h1 {
        font-size: 30px;
        line-height: 34px
    }

    .txt-h1-page {
        font-size: 28px;
        line-height: 30px
    }

    .txt-h1-after {
        font-size: 16px;
        line-height: 26px
    }

    .txt-h2 {
        font-size: 24px;
        line-height: 30px
    }

    .txt-h3 {
        font-size: 19px;
        line-height: 26px
    }

    .txt-card-price {
        font-size: 23px
    }

    .section {
        margin: 25px 0
    }

    .section-pd {
        padding: 25px 0
    }

    .section__title,
    .section__top {
        margin-bottom: 20px
    }

    .section__row {
        display: block
    }

    .section__row--offset {
        margin-bottom: 10px
    }

    .section__row--additional,
    .section__row--offset {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .section__row--additional .section__left,
    .section__row--additional .section__right {
        width: auto
    }

    .section__row--additional .section__right {
        margin-top: 0
    }

    .section__btn {
        margin-right: 15px
    }

    .section__btn-tablet {
        display: block;
        margin-top: 20px
    }

    .section__btn-tablet .button,
    .section__left,
    .section__right {
        width: 100%
    }

    .section__right {
        margin-top: 10px
    }

    .section__descr {
        max-width: 602px
    }

    .section__descr,
    .section__more {
        margin-bottom: 15px
    }

    .section-offset-tablet {
        margin: 40px 0 !important
    }

    .section__sort .section__left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .section__sort .section__right,
    .section__sort .sort__select,
    .section__sort .sort__switchers,
    .section__sort .sort__types {
        display: none
    }

    .section__content {
        margin-top: 40px;
        padding-bottom: 6px;
        padding-top: 6px
    }

    .section-gallery {
        overflow: hidden
    }

    .section-gallery .carousel .swiper {
        overflow: visible
    }

    .page-company .section-company {
        margin-bottom: 0 !important;
        position: relative;
        z-index: 3
    }

    .no-tablet {
        display: none !important
    }

    .content h2,
    .content h3,
    .content h4 {
        margin-bottom: 7px;
        margin-left: 0;
        margin-top: 24px
    }

    .content p {
        margin-bottom: 15px
    }

    .content ol,
    .content ul {
        margin: 15px 0;
        max-width: 410px
    }

    .content ol li,
    .content ul li {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 10px
    }
}

@media (max-width:991.9999px) {
    .container {
        max-width: 742px
    }

    .content p {
        margin-bottom: 10px
    }
}

@media (max-width:767.98px) {
    .container {
        padding: 0 24px
    }

    .no-mobile {
        display: none !important
    }

    .visible-mobile {
        display: block !important
    }

    .content p {
        font-size: 15px
    }

    .section__left,
    .section__right {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .section__descr {
        margin-bottom: 22px
    }

    .section__sort-mobile {
        background-color: #232325;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        margin-bottom: 20px;
        margin-left: -24px;
        margin-right: -24px;
        padding: 23px 24px;
        position: relative;
        width: 100vw
    }

    .section__descr-content {
        overflow: hidden
    }

    .section__descr.text-hidden .section__descr-content {
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }

    .section__content {
        margin-top: 40px
    }

    .section__btn-mobile {
        display: block;
        margin-top: 20px
    }

    .page-company .section-company {
        margin-bottom: 50px !important
    }
}

@media (min-width:768px) {
    .mobile-only {
        display: none !important
    }
}

@media (hover:none) {

    .content a:active,
    .content a:focus {
        border-bottom-color: transparent;
        color: #000
    }

    .content-gray a:active,
    .content-gray a:focus {
        color: #363cda
    }

    .section-share__control:active .section-share__control-icon {
        background-image: url(../img/icons/icon-share-accent.svg)
    }

    .section-share__list .jssocials-share-link:active {
        opacity: .7
    }

    .section__content-inner {
        overflow: hidden
    }

    .section__content.text-hidden .section__content-inner {
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        display: -webkit-box
    }
}

@media (hover:hover) {

    .content a:focus,
    .content a:hover {
        border-bottom-color: transparent;
        color: #000
    }

    .content a:focus {
        border-bottom-color: #363cda;
        color: #363cda
    }

    .content-gray a:hover {
        color: #363cda
    }

    .content-gray a:focus {
        border-bottom-color: #262742;
        color: #262742
    }

    .section-share__control:hover .section-share__control-icon {
        background-image: url(../img/icons/icon-share-accent.svg)
    }

    .section-share__list .jssocials-share-link:hover {
        opacity: .7
    }
}

.element-mask {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.element-bg,
.element-mask {
    -webkit-transition: .3s;
    transition: .3s
}

.element-bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.button,
.link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.link-accent {
    border-bottom-color: #363cda;
    color: #363cda
}

.link-small {
    font-family: Evolventa, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px
}

.link-line {
    border-bottom: 1px solid
}

.link-dashed {
    border-bottom: 2px dashed
}

.link-gray {
    border-bottom-color: #435b70;
    color: #435b70
}

.link-gray-lt {
    border-bottom-color: #9a9ca1;
    color: #9a9ca1
}

.link-gray-ltr {
    border-bottom-color: #c1d1dc;
    color: #c1d1dc
}

.link-gray-second {
    border-bottom-color: #868d94;
    color: #868d94
}

.link-white {
    border-bottom-color: #fff;
    color: #fff
}

.link__icon {
    margin-right: 13px
}

.button {
    border-radius: 77px;
    font-size: 17px;
    font-weight: 500;
    height: 62px;
    padding: 0 34px;
    position: relative
}

.button-square {
    border-radius: 0
}

.button:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(208, 9%, 61%, 0)), to(#939ca4));
    background-image: linear-gradient(hsla(208, 9%, 61%, 0), #939ca4);
    border-radius: 77px;
    bottom: 0;
    content: "";
    height: 40px;
    left: 10px;
    mix-blend-mode: hard-light;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    right: 10px;
    -webkit-transition: .3s;
    transition: .3s
}

.button__counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    margin-left: 8px;
    width: 24px
}

.button-big {
    height: 76px
}

.button-big:after {
    height: 58px
}

.button-small {
    height: 56px;
    padding: 0 38px
}

.button-middle {
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    padding: 0 36px
}

.button-little {
    font-size: 12px;
    font-weight: 600;
    height: 45px;
    padding: 0 24px;
    text-transform: uppercase
}

.button-tiny {
    font-size: 14px;
    height: 36px;
    padding: 0 22px
}

.button-tiny:after {
    height: 32px;
    left: 5px;
    right: 5px
}

.button-tiny-2 {
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    padding: 0 15px;
    text-transform: uppercase
}

.button-tiny-2:after {
    display: none
}

.button-long {
    padding: 0 56px
}

.button-solid-white {
    border: 1px solid #c2cfd7;
    color: #f4f4f4
}

.button-fill-dark {
    background-color: #435b70;
    color: #f5f5f5
}

.button-fill-dark-second,
.button-fill-dark-second-accent {
    background-color: #354450;
    color: #f5f5f5
}

.button-fill-darker {
    background-color: #2c2e36;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    color: #a1aabc
}

.button-fill-darker:after {
    display: none
}

.button-fill-accent {
    background-color: #363cda;
    color: #f5f5f5
}

.button-fill-accent .button__counter {
    background-color: #fff;
    color: #000
}

.button-fill-lt {
    background-color: hsla(0, 0%, 100%, .4);
    border: 1px solid #c5c7cb;
    color: #515255;
    letter-spacing: .03em
}

.button-fill-lt:before {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    -webkit-filter: blur(10px);
    filter: blur(10px);
    height: 36px;
    left: 0;
    mix-blend-mode: overlay;
    opacity: .45;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 36px
}

.button-fill-lt:after {
    display: none
}

.button-fill-lt .button__icon {
    background-color: #9fa0ac
}

.button-fill-beige {
    background-color: #eaeaea;
    color: #232325
}

.button-fill-gray {
    background-color: #f5f5f5;
    color: #6c6e74
}

.button-fill-green {
    background-color: #66a600;
    border: 0;
    color: #fff
}

.button-fill-green:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: -5px;
    content: "";
    -webkit-filter: blur(7px);
    filter: blur(7px);
    height: 30px;
    mix-blend-mode: soft-light;
    opacity: .45;
    pointer-events: none;
    position: absolute;
    right: -5px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 30px
}

.button__icon {
    margin-left: 8px
}

.button__icon--arrow {
    height: 9px;
    -webkit-mask-image: url(../img/icons/icon-arror-right-gray.svg);
    mask-image: url(../img/icons/icon-arror-right-gray.svg);
    width: 12px
}

.button-block {
    width: 100%
}

.nav ul,
.nav ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 40px;
    position: relative
}

.nav ul li:last-child {
    margin-right: 0
}

.nav ul li:before {
    content: "";
    height: 30px;
    left: -7px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 25px
}

.nav ul li a {
    font-family: NAMU-1930, sans-serif;
    font-size: 16px;
    position: relative;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    text-transform: uppercase
}

.nav ul li a,
.nav ul li span {
    -webkit-transition: .3s;
    transition: .3s
}

.nav ul li span {
    display: block;
    height: 5px;
    margin-left: 5px;
    -webkit-mask-image: url(../img/icons/icon-arrow-down-white.svg);
    mask-image: url(../img/icons/icon-arrow-down-white.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 10px
}

.nav ul li:hover span {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.nav ul li:hover div {
    opacity: 1;
    pointer-events: unset
}

.nav ul li div {
    left: 0;
    min-width: 250px;
    opacity: 0;
    padding-top: 20px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1
}

.nav ul li div ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-image: url(../img/elements/element-menu-lines.svg);
    background-position: 0;
    background-repeat: no-repeat;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 50px 30px 40px
}

.nav ul li div ul li {
    margin-bottom: 20px;
    margin-right: 0
}

.nav ul li div ul li:before {
    display: none
}

.nav ul li div ul li:last-child {
    margin-bottom: 0
}

.nav ul li div ul li a {
    display: block;
    font-family: Lato, sans-serif;
    font-size: 17px;
    text-shadow: unset;
    text-transform: unset
}

.nav--lt ul li:before {
    background-color: #405b70
}

.nav--lt ul li a {
    color: #fff
}

.nav--lt ul li span {
    background-color: #fff
}

.nav--lt ul li div ul {
    background-color: #f6f6f6
}

.nav--lt ul li div ul li a {
    color: #171719
}

.nav--dk ul li:before {
    display: none
}

.nav--dk ul li a {
    color: #7e828b
}

.nav--dk ul li span {
    background-color: #7e828b
}

.nav--dk ul li div ul {
    background-color: #232325
}

.nav--dk ul li div ul li a {
    color: #7e828b
}

.nav--up ul li div {
    bottom: 100%;
    padding-bottom: 20px;
    padding-top: unset;
    top: unset
}

.wishlist {
    position: relative
}

.wishlist__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #b4c5d0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    justify-content: center;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 62px
}

.wishlist__control-fill {
    fill: #f3f5fb;
    -webkit-transition: .3s;
    transition: .3s
}

.wishlist__control-outline {
    fill: #464f6d;
    -webkit-transition: .3s;
    transition: .3s
}

.wishlist__control-counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #363cda;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 11px;
    font-weight: 500;
    height: 24px;
    justify-content: center;
    right: -7px;
    top: -2px;
    width: 24px
}

.wishlist__control-counter,
.wishlist__list {
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s
}

.wishlist__list {
    max-width: 400px;
    opacity: 0;
    padding-top: 20px;
    pointer-events: none;
    right: 0;
    top: 100%;
    width: 100vw
}

.wishlist__list-inner {
    background-color: #f6f6f6;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    padding: 30px
}

.wishlist__list-item {
    margin-bottom: 20px
}

.wishlist__list-item:last-child {
    margin-bottom: 0
}

.wishlist__list-items {
    margin-bottom: 30px
}

.wishlist.is-open .wishlist__list {
    opacity: 1;
    pointer-events: unset
}

.wishlist.is-open .wishlist__control {
    background-color: #363cda
}

.wishlist.is-open .wishlist__control .wishlist__control-counter {
    background-color: #f5f5f5;
    color: #24394a
}

.wishlist.is-open .wishlist__control .wishlist__control-outline {
    fill: #f5f5f5
}

.wishlist.is-open .wishlist__control .wishlist__control-fill {
    fill: transparent
}

.round-btn {
    display: block;
    position: relative
}

.round-btn__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .35);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 126px;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    width: 126px
}

.round-btn__line {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.round-btn__line-image {
    max-width: unset;
    width: auto
}

.round-btn__icon {
    background-color: #435b70;
    height: 23px;
    -webkit-mask-image: url(../img/icons/icon-play-dark.svg);
    mask-image: url(../img/icons/icon-play-dark.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 23px
}

.input,
.input__field {
    display: block;
    width: 100%
}

.input__field {
    border-radius: 10px;
    font-family: NAMU-Pro, sans-serif;
    font-size: 16px;
    height: 56px;
    line-height: 27px;
    padding: 0 24px;
    -webkit-transition: .3s;
    transition: .3s
}

.input__field--small {
    padding-inline: 4px;
    font-size: 14px;
}

.input__field.is-textarea {
    min-height: 134px;
    padding-right: 50px;
    padding-top: 20px
}

.input-dark .input__field {
    background-color: #2d2d31;
    border: 1px dashed #626262;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    color: #6f787d
}

.input-with-icon .input__field {
    background-image: url(../img/elements/element-input-lines.svg);
    background-position: 0;
    background-repeat: no-repeat
}

.input-with-icon .input__field.is-textarea {
    background-image: url(../img/elements/element-textarea-lines.svg)
}

.input-center .input__field {
    font-family: NAMU-Pro, sans-serif;
    text-align: center
}

.input-round .input__field {
    border-radius: 77px
}

.check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.check__old:checked~.check__custom:after {
    opacity: 1
}

.check__custom {
    border-radius: 5px;
    height: 32px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 32px
}

.check__custom:after {
    left: 50%;
    opacity: 0;
    position: absolute;
    position: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -60%);
    -ms-transform: translate(-50%, -60%);
    transform: translate(-50%, -60%);
    -webkit-transition: .3s;
    transition: .3s
}

.check__title {
    font-family: NAMU-Pro, sans-serif;
    font-size: 16px;
    line-height: 27px;
    padding-left: 18px
}

.check__title a {
    -webkit-transition: .3s;
    transition: .3s
}

.check-dark .check__custom {
    background-color: #2d2d31;
    border: 1px dashed #626262;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.check-dark .check__custom:after {
    content: url(../img/icons/icon-checkbox-white.svg)
}

.check-dark .check__title {
    color: #848a8e
}

.check-dark .check__title a {
    border-bottom: 1px solid #fff;
    color: #fff
}

.radio {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.radio__old:checked~.radio__custom:after {
    opacity: 1
}

.radio__custom {
    border-radius: 50%;
    height: 32px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 32px
}

.radio__custom:after {
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 50%;
    opacity: 0;
    position: absolute;
    position: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 14px
}

.radio__title {
    font-family: NAMU-Pro, sans-serif;
    font-size: 16px;
    line-height: 27px;
    padding-left: 18px
}

.radio-dark .radio__custom {
    background-color: #2d2d31;
    border: 1px dashed #626262;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.radio-dark .radio__custom:after {
    background-color: #363cda
}

.radio-dark .radio__title {
    color: #848a8e
}

.select,
.select__control {
    position: relative
}

.select__control {
    border-radius: 10px;
    display: block;
    height: 56px;
    padding: 0 40px 0 30px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.select__control:after {
    background-color: #5182ff;
    content: "";
    height: 5px;
    -webkit-mask-image: url(../img/icons/icon-arrow-down-accent.svg);
    mask-image: url(../img/icons/icon-arrow-down-accent.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 10px
}

.select__control-title {
    color: #a9bac4;
    font-family: NAMU-Pro, sans-serif;
    font-size: 16px;
    line-height: 27px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select__list {
    border-radius: 10px;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    left: 0;
    margin-top: 10px;
    max-width: 100%;
    opacity: 0;
    overflow: hidden;
    padding: 10px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
    z-index: 1
}

.select__list-search {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding: 8px 15px
}

.select__list-search input {
    background: transparent;
    border: none;
    color: inherit;
    font-size: 15px;
    outline: none;
    width: 100%
}

.select__list-search input::-webkit-input-placeholder {
    opacity: .5
}

.select__list-search input::-moz-placeholder {
    opacity: .5
}

.select__list-search input:-ms-input-placeholder {
    opacity: .5
}

.select__list-search input::-ms-input-placeholder {
    opacity: .5
}

.select__list-search input::placeholder {
    opacity: .5
}

.select__list-inner {
    max-height: 206px;
    overflow-y: auto
}

.select__list-item {
    display: block;
    font-size: 17px;
    padding: 13px 30px;
    text-align: left;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.select__list-item.is-selected {
    background-color: #363cda;
    color: #fff !important
}

.select-small .select__control {
    height: 34px
}

.select-small .select__control-title {
    font-family: Lato, sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase
}

.select-small .select__list {
    border-radius: 7px;
    padding: 0
}

.select-small .select__list-item {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 9px 24px;
    text-transform: uppercase;
    white-space: nowrap
}

.select-overlay .select__list {
    margin-top: 0;
    top: 0
}

.select-dark .select__control {
    background-color: #2d2d31;
    border: 1px dashed #626262;
    -webkit-box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.select-dark .select__control-title {
    color: #6f787d
}

.select-dark .select__list {
    background-color: #2d2d31;
    border: 1px dashed #626262
}

.select-dark .select__list-search {
    border-bottom-color: hsla(0, 0%, 100%, .15)
}

.select-dark .select__list-item,
.select-dark .select__list-search input {
    color: #fff
}

.select-md .select__control {
    background-color: #fff;
    border: 1px dashed transparent
}

.select-md .select__control-title {
    color: #6f787d
}

.select-md .select__list {
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 12px rgba(0, 0, 0, .1)
}

.select-md .select__list-item {
    color: #6f787d
}

.select-lt .select__control {
    background-color: hsla(0, 0%, 100%, .4);
    border: 1px solid transparent
}

.select-lt .select__control-title {
    color: #515255
}

.select-lt .select__list {
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 12px rgba(0, 0, 0, .1)
}

.select-lt .select__list-item {
    color: #515255
}

.select-round .select__control {
    border-radius: 77px
}

.select-with-icon .select__control {
    background-image: url(../img/elements/element-input-lines.svg);
    background-position: 0;
    background-repeat: no-repeat
}

.select-with-icon.select-md .select__control {
    background-image: url(../img/elements/element-input-lines-lt.svg)
}

.select.is-open {
    z-index: 2
}

.select.is-open .select__control:after {
    -webkit-transform: translateY(-50%) scaleY(-1);
    -ms-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1)
}

.select.is-open .select__list {
    opacity: 1;
    pointer-events: unset
}

.switcher {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.switcher__old:checked~.switcher__custom:after {
    background-color: #363cda;
    left: calc(100% - 29px)
}

.switcher__custom {
    border-radius: 77px;
    height: 34px;
    position: relative;
    width: 52px
}

.switcher__custom:after {
    border-radius: 50%;
    content: "";
    height: 20px;
    left: 9px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 20px
}

.switcher__title {
    font-size: 17px;
    line-height: 24px;
    padding-left: 13px
}

.switcher--lt .switcher__custom {
    background-color: #f5f5f5;
    border: 1px solid #dadada
}

.switcher--lt .switcher__custom:after {
    background-color: #e1e2e3
}

.switcher--lt .switcher__title {
    color: #5f6468
}

.noUi-target {
    background: #515151;
    border-radius: 3px;
    height: 10px;
    padding: 0 10px
}

.noUi-base,
.noUi-target {
    overflow: visible
}

.noUi-target {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-connects {
    border-radius: 0
}

.noUi-connect {
    background: #363cda;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    box-shadow: 0 0 12px rgba(0, 0, 0, .5);
    height: 20px;
    right: -10px;
    top: -6px;
    width: 20px
}

.noUi-background,
.noUi-handle {
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-handle {
    background-color: #363cda;
    border: 5px solid #c5c5c5;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

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

.noUi-handle-upper .noUi-tooltip {
    left: auto;
    right: 0
}

.noUi-handle-lower .noUi-tooltip {
    left: 0
}

.slider-cards {
    margin: -10px
}

.slider-cards .swiper {
    padding: 10px
}

.slider-cards .swiper .swiper {
    padding: 0
}

.slider-arrows,
.slider-arrows__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slider-arrows__btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    cursor: pointer;
    height: 40px;
    justify-content: center;
    width: 40px
}

.slider-arrows__btn.swiper-button-disabled {
    pointer-events: none
}

.slider-arrows__btn.swiper-button-disabled .slider-arrows__btn-icon {
    background-color: #9c9fa8
}

.slider-arrows__btn.swiper-button-lock {
    opacity: 0
}

.slider-arrows__btn-icon {
    background-color: #435b70;
    height: 14px;
    width: 21px
}

.slider-arrows__btn--prev .slider-arrows__btn-icon {
    -webkit-mask-image: url(../img/icons/icon-arrow-left-gray.svg);
    mask-image: url(../img/icons/icon-arrow-left-gray.svg)
}

.slider-arrows__btn--next .slider-arrows__btn-icon {
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg)
}

.socials {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socials__item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    margin-right: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 30px
}

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

.socials__item--whatsapp {
    background-image: url(../img/icons/socials/gray/icon-whatsapp-gray.svg)
}

.socials__item--viber {
    background-image: url(../img/icons/socials/gray/icon-viber-gray.svg)
}

.socials__item--instagram {
    background-image: url(../img/icons/socials/gray/icon-instagram-gray.svg)
}

.socials__item--mail {
    background-image: url(../img/icons/socials/gray/icon-mail-gray.svg)
}

.socials__item--telegram {
    background-image: url(../img/icons/socials/gray/icon-telegram-gray.svg)
}

.hint {
    background-color: rgba(41, 44, 50, .87);
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    max-width: 205px;
    opacity: 0;
    padding: 16px 20px;
    pointer-events: none;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100vw;
    z-index: 1
}

.color__old:checked~.color__custom:after {
    opacity: 1
}

.color__custom {
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    cursor: pointer;
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: 30px
}

.color__custom:after {
    content: url(../img/icons/icon-check-white.svg);
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 37%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s
}

.color--lt .color__custom:after {
    content: url(../img/icons/icon-check-gray.svg)
}

.notice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.notice__icon {
    cursor: pointer;
    position: relative
}

.notice__icon:before {
    background-color: #e1e6ea;
    border-radius: 50%;
    content: "";
    height: 15px;
    left: 3px;
    pointer-events: none;
    position: absolute;
    top: 2px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 15px
}

.notice__icon-inner {
    background-color: #435b70;
    display: block;
    height: 18px;
    -webkit-mask-image: url(../img/icons/icon-notice-gray.svg);
    mask-image: url(../img/icons/icon-notice-gray.svg);
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 18px
}

.notice--gray .notice__icon:before {
    display: none
}

.notice--gray .notice__icon-inner {
    background-color: #939a9d
}

.notice--gray .notice__hint {
    background-color: #fff;
    color: #000
}

.notice__hint {
    margin-top: 10px;
    top: 100%
}

@media (max-width:1199.9999px) {
    .round-btn__inner {
        height: 100px;
        width: 100px
    }

    .round-btn__line-image {
        max-width: 215px
    }

    .round-btn__icon {
        height: 18px;
        width: 18px
    }

    .nav ul li:before {
        display: none
    }

    .wishlist__control {
        background-color: #414d57
    }

    .wishlist__control-fill {
        fill: #363642
    }

    .wishlist__control-outline {
        fill: #c7d1da
    }

    .wishlist__list {
        display: none
    }
}

@media (max-width:767.98px) {
    .round-btn__inner {
        height: 76px;
        width: 76px
    }

    .round-btn__line-image {
        max-width: 160px
    }

    .round-btn__icon {
        height: 13px;
        width: 13px
    }

    .input__field.is-textarea {
        min-height: 160px;
        padding-right: 24px
    }

    .color__custom:after {
        top: 45%
    }
}

@media (hover:none) {
    .link-accent:active {
        border-bottom-color: transparent;
        color: #7e869f
    }

    .link-dark:active {
        color: #363cda
    }

    .link-gray-lt:active,
    .link-gray:active {
        border-bottom-color: transparent;
        color: #363cda
    }

    .link-gray-lt-second:active,
    .link-gray-second:active {
        border-bottom-color: transparent;
        color: #b9b9bd
    }

    .link-gray-ltr:active {
        border-bottom-color: transparent;
        color: #fff
    }

    .link-white:active {
        opacity: .7
    }

    .button:active:after {
        opacity: 0
    }

    .button-solid-white:active {
        background-color: rgba(194, 207, 215, .3);
        border-color: transparent;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        color: #f4f4f4;
        mix-blend-mode: overlay;
        text-shadow: 1px 1px 2px rgba(121, 147, 166, .83)
    }

    .button-fill-dark:active {
        background-color: #363cda;
        color: #f5f5f5
    }

    .button-fill-dark-second:active {
        background-color: #5d7182;
        color: #f5f5f5
    }

    .button-fill-dark-second:active:after {
        opacity: .35
    }

    .button-fill-dark-second-accent:active {
        background-color: #363cda;
        color: #f5f5f5
    }

    .button-fill-darker:active {
        background-color: transparent;
        border-color: #b9b9bd;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        color: #b9b9bd
    }

    .button-fill-accent:active {
        background-color: #495a67;
        color: #f5f5f5
    }

    .button-fill-accent:focus {
        color: #f5f5f5
    }

    .button-fill-lt:active {
        background-color: transparent;
        border-color: #363cda;
        color: #515255
    }

    .button-fill-lt:active:before {
        opacity: 0
    }

    .button-fill-beige:active {
        background-color: #182226;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        color: #fff
    }

    .button-fill-gray:active {
        background-color: #363cda;
        color: #fff
    }

    .button-fill-green:active {
        background-color: #435b70;
        color: #fff
    }

    .nav--lt ul li a:active {
        color: #e3eaef
    }

    .nav--lt ul li ul li a:active {
        color: #363cda
    }

    .nav--dk ul li a:active {
        color: #b9b9bd
    }

    .nav--dk ul li ul li a:active {
        color: #5182ff
    }

    .wishlist__control:active {
        background-color: #363cda
    }

    .wishlist__control:active .wishlist__control-counter {
        background-color: #f5f5f5;
        color: #24394a
    }

    .wishlist__control:active .wishlist__control-outline {
        fill: #f5f5f5
    }

    .wishlist__control:active .wishlist__control-fill {
        fill: transparent
    }

    .round-btn:active .round-btn__inner {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .round-btn:active .round-btn__icon {
        background-color: #363cda
    }

    .input-dark:active .input__field {
        border-color: #b3b5bd
    }

    .select__list-item:active {
        background-color: #363cda;
        color: #fff
    }

    .select-dark .select__control:active,
    .select-md .select__control:active {
        border-color: #b3b5bd
    }

    .select-lt .select__control:active {
        background-color: transparent;
        border-color: #363cda;
        color: #515255
    }

    .check-dark:active .check__custom {
        border-color: #b3b5bd
    }

    .check-dark .check__title a:active {
        border-bottom-color: transparent;
        opacity: .7
    }

    .radio-dark:active .radio__custom {
        border-color: #b3b5bd
    }

    .slider-arrows__btn:active .slider-arrows__btn-icon {
        background-color: #363cda
    }

    .socials--gray .socials__item:active {
        opacity: .7
    }

    .notice__icon:active:before {
        background-color: #fff
    }

    .notice__icon:active .notice__icon-inner {
        background-color: #363cda
    }

    .notice__icon:active~.notice__hint {
        opacity: 1
    }
}

@media (hover:hover) {
    .link-accent:hover {
        border-bottom-color: transparent;
        color: #7e869f
    }

    .link-accent:focus {
        border-bottom-color: #363cda;
        color: #363cda
    }

    .link-dark:hover {
        color: #363cda
    }

    .link-gray-lt:hover,
    .link-gray:hover {
        border-bottom-color: transparent;
        color: #363cda
    }

    .link-gray-lt:focus,
    .link-gray:focus {
        color: #363cda
    }

    .link-gray-lt-second:hover,
    .link-gray-second:hover {
        border-bottom-color: transparent;
        color: #b9b9bd
    }

    .link-gray-lt-second:focus,
    .link-gray-second:focus {
        color: #b9b9bd
    }

    .link-gray-ltr:hover {
        border-bottom-color: transparent;
        color: #fff
    }

    .link-gray-ltr:focus {
        color: #fff
    }

    .link-white:hover {
        opacity: .7
    }

    .button:hover:after {
        opacity: 0
    }

    .button:focus:after {
        opacity: 0
    }

    .button-solid-white:hover {
        background-color: rgba(194, 207, 215, .3);
        border-color: transparent;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        color: #f4f4f4;
        mix-blend-mode: overlay;
        text-shadow: 1px 1px 2px rgba(121, 147, 166, .83)
    }

    .button-solid-white:focus {
        color: #f4f4f4 !important
    }

    .button-fill-dark:hover {
        background-color: #363cda;
        color: #f5f5f5
    }

    .button-fill-dark:focus {
        color: #f5f5f5 !important
    }

    .button-fill-dark-second:hover {
        background-color: #5d7182;
        color: #f5f5f5
    }

    .button-fill-dark-second:hover:after {
        opacity: .35
    }

    .button-fill-dark-second:focus {
        color: #f5f5f5 !important
    }

    .button-fill-dark-second-accent:hover {
        background-color: #363cda;
        color: #f5f5f5
    }

    .button-fill-dark-second-accent:focus {
        color: #f5f5f5 !important
    }

    .button-fill-darker:hover {
        background-color: transparent;
        border-color: #b9b9bd;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        color: #b9b9bd
    }

    .button-fill-darker:focus {
        color: #b9b9bd !important
    }

    .button-fill-accent:hover {
        background-color: #495a67;
        color: #f5f5f5
    }

    .button-fill-accent:focus {
        color: #f5f5f5 !important
    }

    .button-fill-lt:hover {
        background-color: transparent;
        border-color: #363cda;
        color: #515255
    }

    .button-fill-lt:hover:before {
        opacity: 0
    }

    .button-fill-lt:focus {
        color: #515255 !important
    }

    .button-fill-beige:hover {
        background-color: #182226;
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        color: #fff
    }

    .button-fill-beige:focus {
        color: #232325 !important
    }

    .button-fill-gray:hover {
        background-color: #363cda;
        color: #fff
    }

    .button-fill-green:hover {
        background-color: #435b70;
        color: #fff
    }

    .button-fill-green:focus {
        color: #fff !important
    }

    .nav--lt ul li:hover:before {
        width: calc(100% + 14px)
    }

    .nav--lt ul li a:hover {
        color: #e3eaef
    }

    .nav--lt ul li ul li a:hover {
        color: #363cda
    }

    .nav--dk ul li a:hover {
        color: #b9b9bd
    }

    .nav--dk ul li ul li a:hover {
        color: #5182ff
    }

    .wishlist__control:hover {
        background-color: #363cda
    }

    .wishlist__control:hover .wishlist__control-counter {
        background-color: #f5f5f5;
        color: #24394a
    }

    .wishlist__control:hover .wishlist__control-outline {
        fill: #f5f5f5
    }

    .wishlist__control:hover .wishlist__control-fill {
        fill: transparent
    }

    .round-btn:hover .round-btn__inner {
        background-color: hsla(0, 0%, 100%, .75)
    }

    .round-btn:hover .round-btn__icon {
        background-color: #363cda
    }

    .input-dark:hover .input__field {
        border-color: #b3b5bd
    }

    .select__list-item:hover {
        background-color: #363cda;
        color: #fff
    }

    .select-dark .select__control:hover,
    .select-md .select__control:hover {
        border-color: #b3b5bd
    }

    .select-lt .select__control:hover {
        background-color: transparent;
        border-color: #363cda;
        color: #515255
    }

    .check-dark:hover .check__custom {
        border-color: #b3b5bd
    }

    .check-dark .check__title a:hover {
        border-bottom-color: transparent;
        opacity: .7
    }

    .radio-dark:hover .radio__custom {
        border-color: #b3b5bd
    }

    .slider-arrows__btn:hover .slider-arrows__btn-icon {
        background-color: #363cda
    }

    .socials--gray .socials__item:hover {
        opacity: .7
    }

    .notice__icon:hover:before {
        background-color: #fff
    }

    .notice__icon:hover .notice__icon-inner {
        background-color: #363cda
    }

    .notice__icon:hover~.notice__hint {
        opacity: 1
    }
}

.advantages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px
}

.advantages__item {
    margin: 0 12px 24px;
    padding-left: 8px;
    padding-top: 38px;
    position: relative;
    width: calc(33.333% - 24px)
}

.advantages__item:before {
    background-image: url(../img/elements/element-advantage.svg);
    background-position: 50%;
    background-size: contain;
    content: "";
    height: 14px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 16px
}

.advantages__item-number {
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(rgba(226, 231, 235, 0)));
    background: linear-gradient(180deg, #f1f1f1, rgba(226, 231, 235, 0));
    -webkit-background-clip: text;
    background-clip: text;
    font-family: NAMU-1850, sans-serif;
    font-size: 59px;
    left: 8px;
    line-height: 100%;
    position: absolute;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    top: 0
}

.advantages__item-title {
    color: #171719;
    font-size: 18px;
    line-height: 27px;
    position: relative;
    z-index: 1
}

@media (max-width:1199.9999px) {
    .advantages__item-title {
        max-width: 198px
    }
}

@media (max-width:767.98px) {
    .advantages {
        margin-bottom: -24px;
        margin-left: 0;
        margin-right: 0
    }

    .advantages__item {
        margin: 0 12px 24px;
        padding-left: 100px;
        padding-top: 0;
        width: 100%
    }

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

    .advantages__item:before {
        left: -5px;
        top: -5px
    }

    .advantages__item-number {
        left: 0;
        top: -10px
    }

    .advantages__item-title {
        font-size: 16px;
        line-height: 23px
    }

    .advantages__item-title br {
        display: none
    }
}

.agent {
    background-color: #fff;
    margin: 0 !important;
    padding: 84px 0 92px
}

.agent__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.agent__left {
    max-width: 740px
}

.agent__right {
    max-width: 424px;
    width: 100%
}

.agent .contacts__more {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 26px;
    width: 100%
}

.agent .contacts__phone {
    margin-bottom: 0;
    margin-right: 48px
}

.agent .contacts__phone-title {
    margin-bottom: 0
}

.agent .faq__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.agent .faq__info-btn {
    margin-bottom: 0
}

.agent .faq__info-descr {
    line-height: 20px;
    margin-left: 20px;
    max-width: 122px;
    text-align: left
}

.agent__certificates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: -13px;
    margin-right: -13px
}

.agent__certificates-item {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    box-shadow: 0 0 20px rgba(0, 0, 0, .15);
    margin: 0 13px 20px;
    padding-bottom: 188px;
    position: relative
}

.agent__certificates-item:nth-child(odd) {
    width: calc(65% - 26px)
}

.agent__certificates-item:nth-child(2n) {
    width: calc(35% - 26px)
}

@media (max-width:1199.9999px) {
    .agent {
        padding: 30px 0 40px
    }

    .agent__row {
        position: relative
    }

    .agent__left {
        max-width: 100%
    }

    .agent__right {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 360px
    }

    .agent .contacts__more {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 16px;
        padding-left: 0;
        width: auto
    }

    .agent .contacts__phone {
        margin-bottom: 18px;
        margin-right: 0
    }

    .agent .contacts__phone-title {
        margin-bottom: 0;
        padding-left: 0;
        text-align: center
    }

    .agent .faq__info {
        display: block
    }

    .agent .faq__info-btn {
        margin-bottom: 6px
    }

    .agent .faq__info-descr {
        margin-left: 0;
        max-width: unset;
        text-align: center
    }

    .agent__certificates {
        margin-bottom: -20px;
        margin-left: -11px;
        margin-right: -11px
    }

    .agent__certificates-item {
        margin: 0 11px 20px;
        padding-bottom: 160px
    }

    .agent__certificates-item:nth-child(odd) {
        width: calc(65% - 22px)
    }

    .agent__certificates-item:nth-child(2n) {
        width: calc(35% - 22px)
    }
}

@media (max-width:767.98px) {
    .agent {
        padding: 30px 0 10px
    }

    .agent__left {
        max-width: 100%
    }

    .agent__right {
        position: static;
        width: 100%
    }

    .agent .contacts__more {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-left: -92px
    }

    .agent .contacts__phone {
        padding-left: 0
    }

    .agent__certificates {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 0;
        margin-left: -24px;
        margin-right: -24px;
        overflow-x: auto;
        padding: 20px 24px
    }

    .agent__certificates-item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        margin: 0 24px 0 0;
        padding-bottom: 177px
    }

    .agent__certificates-item:nth-child(odd) {
        width: 250px
    }

    .agent__certificates-item:nth-child(2n) {
        width: 125px
    }

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

.article-small {
    display: block;
    padding-bottom: 200px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.article-small:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 40, 45, 0)), to(#22282d));
    background-image: linear-gradient(rgba(34, 40, 45, 0), #22282d);
    bottom: 0;
    content: "";
    height: 112px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.article-small__date,
.article-small__title {
    left: 30px;
    position: absolute;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1
}

.article-small__date {
    background-color: #fff;
    border-radius: 77px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    color: #9da2b5;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    padding: 4px 14px;
    top: 30px
}

.article-small__title {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    bottom: 30px;
    color: #fff;
    display: -webkit-box;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
    right: 30px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .3)
}

.article-little {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px
}

.article-little__thumb {
    background-color: #fff;
    height: 80px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 76px
}

.article-little__image {
    height: 60px;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 78px
}

.article-little__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 330px;
    padding-left: 19px;
    padding-top: 5px;
    width: calc(100% - 76px)
}

.article-little__content-title {
    color: #293947;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.article-little__content-title a span {
    border-bottom: 1px solid #363cda;
    color: #363cda;
    -webkit-transition: .3s;
    transition: .3s
}

.article-little__content-date {
    color: #9da2b5;
    font-size: 13px;
    line-height: 22px;
    margin-top: 11px;
    position: relative
}

.article-little__content-date:after,
.article-little__content-date:before {
    pointer-events: none;
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.article-little__content-date:before {
    content: url(../img/elements/element-article-lines-short.svg);
    margin-right: 19px;
    right: 100%
}

.article-little__content-date:after {
    content: url(../img/elements/element-article-lines-long.svg);
    left: 100%;
    margin-left: 15px
}

.article-little__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    padding-left: 95px;
    width: 100%
}

.article-little__info-tags {
    margin-right: 20px
}

.article-middle {
    display: block;
    position: relative
}

.article-middle:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 40, 45, 0)), to(#22282d));
    background-image: linear-gradient(rgba(34, 40, 45, 0), #22282d);
    bottom: 0;
    content: "";
    height: 186px;
    left: 0;
    position: absolute;
    right: 0
}

.article-middle__tags {
    left: 50px;
    position: absolute;
    right: 50px;
    top: 50px
}

.article-middle__tags,
.article-middle__tags-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-middle__tags-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: 700;
    height: 44px;
    line-height: 24px;
    padding: 0 18px;
    text-transform: uppercase
}

.article-middle__tags-item--green {
    background-color: #66a600;
    color: #fff
}

.article-middle__content {
    bottom: 50px;
    left: 50px;
    position: absolute;
    right: 50px;
    z-index: 1
}

.article-middle__content-title {
    color: #fff;
    font-family: Evolventa, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 12px;
    -webkit-transition: .3s;
    transition: .3s
}

.article-middle__content-date {
    color: #b8bcd0;
    font-size: 14px;
    line-height: 22px
}

.article__content {
    background-color: #f2f2f2;
    padding: 50px 105px 70px 90px
}

.article__slider {
    background-color: #fff;
    margin: 50px -105px 50px -40px;
    padding: 30px 0
}

.article__slider .carousel {
    margin-left: -20px
}

.article__slider-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
    padding: 0 50px 0 40px
}

.article__slider-arrows {
    margin-right: 50px;
    margin-top: -10px
}

.article__slider-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article__slider-info {
    color: #7b7e86;
    font-size: 16px;
    line-height: 25px;
    max-width: 480px
}

.article__slider-counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 77px;
    color: #6c6e74;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    height: 25px;
    padding: 0 18px;
    text-transform: uppercase
}

@media (max-width:1199.9999px) {
    .article-little {
        padding-right: 0
    }

    .article .section__top {
        position: relative
    }

    .article .section__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article .section__title {
        margin-bottom: 14px;
        padding-right: 45px
    }

    .article .section-share {
        position: absolute;
        right: 0;
        top: 0
    }

    .article .section__btn,
    .article .section__controls {
        width: 100%
    }

    .article__content {
        padding: 24px 36px 35px 30px
    }

    .article__slider {
        margin: 32px -36px 25px -30px;
        overflow: hidden;
        padding: 30px
    }

    .article__slider .carousel {
        margin-left: 0
    }

    .article__slider .swiper {
        overflow: visible
    }

    .article__slider-row {
        margin-top: 16px;
        padding: 0
    }

    .article__slider-info {
        max-width: 410px
    }
}

@media (max-width:767.98px) {
    .article__content {
        padding: 24px 30px
    }

    .article__slider {
        margin: 32px -30px 25px
    }

    .article__slider-row {
        margin-top: 28px;
        position: relative
    }

    .article__slider-left {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .article__slider-counter {
        position: absolute;
        right: 0;
        top: 0
    }

    .article__slider-info {
        margin-top: 13px;
        max-width: unset;
        width: 100%
    }

    .article-little__content {
        padding-top: 0
    }

    .article-little__content-title {
        font-size: 15px;
        line-height: 22px
    }

    .article-little__info {
        margin-top: 15px;
        padding-left: 0
    }

    .article-little__info-tags.card-text__tags {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .article-little__info-tags .card-text__tags-item {
        margin-bottom: 0;
        margin-right: 10px
    }
}

@media (hover:hover) {
    .article-small:hover {
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2)
    }

    .article-small:hover .article-small__date {
        background-color: #363cda;
        color: #fff
    }

    .article-small:hover .article-small__title {
        color: #eff1f3
    }

    .article-little__thumb:hover {
        background-color: #363cda
    }

    .article-little__content-title a:hover span {
        border-bottom-color: transparent;
        color: #7e869f
    }

    .article-middle:hover .article-middle__content-title {
        color: #bcbec3
    }
}

.banner {
    background-color: #292c32;
    background-image: url(../img/banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    padding: 23px 40px 23px 50px
}

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

.banner__left,
.banner__right,
.banner__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.banner__left {
    width: 53%
}

.banner__right {
    padding-left: 30px;
    width: 47%
}

.banner__title {
    color: #f7fafb;
    font-family: Evolventa, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
    max-width: 375px
}

.banner__title span {
    display: inline-block;
    position: relative
}

.banner__title span:before {
    background-image: url(../img/elements/element-brush-green.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 10px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 90%
}

.banner__items,
.banner__items-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.banner__items-element {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    align-items: center;
    background-color: #363cda;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    color: #fff;
    -ms-flex: none;
    flex: none;
    font-family: NAMU-Pro, sans-serif;
    font-size: 20px;
    height: 70px;
    justify-content: center;
    margin-right: -10px;
    overflow: hidden;
    position: relative;
    width: 70px
}

.banner__items-element:last-child {
    margin-right: 0
}

.banner__descr {
    color: #cdd1d4;
    font-size: 17px;
    line-height: 23px;
    max-width: 305px
}

@media (max-width:1199.9999px) {
    .banner {
        background-image: unset;
        padding: 24px 40px 32px
    }

    .banner__row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .banner__left,
    .banner__right,
    .banner__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .banner__left {
        width: 50%
    }

    .banner__right {
        padding-left: 30px;
        width: 50%
    }

    .banner__title {
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 23px;
        max-width: 100%;
        padding-right: 0
    }

    .banner__descr {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
        max-width: 100%
    }

    .banner__descr br {
        display: none
    }
}

@media (max-width:767.98px) {
    .banner {
        padding: 24px 30px 30px
    }

    .banner__left,
    .banner__right,
    .banner__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner__left {
        margin-bottom: 25px;
        width: 100%
    }

    .banner__right {
        padding-left: 0;
        width: 100%
    }

    .banner__title {
        margin-bottom: 28px;
        text-align: center
    }

    .banner__items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .banner__descr {
        text-align: center
    }
}

.blog {
    background-color: #fff
}

.blog__row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px
}

.blog__row,
.blog__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog__small {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: -10px 12px;
    width: calc(21% - 24px)
}

.blog__small-item {
    height: calc(50% - 20px);
    margin: 10px 0
}

.blog__small-item .article-small {
    height: 100%;
    padding-bottom: unset
}

.blog__little {
    background-color: #eff1f3;
    margin: 0 12px;
    padding: 30px 30px 30px 40px;
    width: calc(37.5% - 24px)
}

.blog__little-item {
    margin-bottom: 13px;
    overflow: hidden
}

.blog__little-item:last-child {
    margin-bottom: 0
}

.blog__big {
    margin: 0 12px;
    overflow: hidden;
    width: calc(41.5% - 24px)
}

.blog__big .slider {
    padding-left: 18px
}

.blog__big .slider,
.blog__big .slider .swiper {
    height: 100%;
    overflow: hidden
}

.blog__big .slider .swiper .article-middle {
    height: 100%
}

@media (max-width:1199.9999px) {
    .blog__small {
        width: calc(29% - 24px)
    }

    .blog__little {
        width: calc(71% - 24px)
    }

    .blog__big {
        display: none
    }
}

@media (max-width:991.9999px) {
    .blog__small {
        width: calc(38% - 24px)
    }

    .blog__little {
        padding: 30px;
        width: calc(62% - 24px)
    }
}

@media (max-width:767.98px) {
    .blog__row {
        margin: 0
    }

    .blog__small {
        display: block;
        margin: 0;
        width: 100%
    }

    .blog__small-item {
        height: auto;
        margin: 0 0 20px
    }

    .blog__small-item:last-child {
        margin-bottom: 0
    }

    .blog__small-item .article-small {
        height: auto;
        padding-bottom: 65%
    }

    .blog__little {
        display: none
    }
}

.brands__slider {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    padding: 37px 40px
}

.brand {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brand__logo {
    height: 80px;
    position: relative;
    width: 80px
}

.brand__content {
    padding-left: 20px;
    width: calc(100% - 80px)
}

.brand__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

.brand__top-title {
    margin-right: 16px;
    text-transform: uppercase
}

.brand__top-info {
    color: #7b7e86
}

.brand__filters {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.brand__filters-item {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    margin-right: 12px
}

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

@media (max-width:1199.9999px) {
    .brands__slider {
        padding: 25px 40px 35px
    }

    .brands__slider .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
        width: auto
    }

    .brands__slider .swiper-slide {
        display: none;
        margin: 0 15px;
        width: calc(50% - 30px)
    }

    .brands__slider .swiper-slide:first-child,
    .brands__slider .swiper-slide:nth-child(2) {
        display: block
    }

    .brand {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .brand__content {
        padding: 0
    }
}

@media (max-width:767.98px) {
    .brands__slider {
        padding: 30px
    }

    .brands__slider .swiper-wrapper {
        margin: 0 0 -25px
    }

    .brands__slider .swiper-slide {
        margin: 0 0 25px;
        width: 100%
    }

    .brand__logo {
        height: auto;
        margin-bottom: 15px;
        width: auto
    }

    .brand__logo img {
        position: static;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }
}

.callback {
    padding-top: 290px;
    position: relative;
    z-index: 1
}

.callback__more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    right: -70px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    white-space: nowrap;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.callback__more-label {
    color: #b8c1cc;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    opacity: .77
}

.callback__more-title {
    color: #fff;
    font-size: 65px;
    font-weight: 700;
    line-height: 65px;
    opacity: .17;
    text-transform: uppercase
}

.callback__container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: -40px
}

.callback__left {
    padding: 35px 60px;
    width: 49%
}

.callback__socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px -32px
}

.callback__socials-item {
    margin: 0 10px 32px;
    width: calc(50% - 20px)
}

.callback__social {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.callback__social-icon {
    height: 40px;
    position: relative;
    width: 40px
}

.callback__social-content {
    padding-left: 14px;
    width: calc(100% - 40px)
}

.callback__social-link {
    font-family: Evolventa, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase
}

.callback__social-descr {
    color: #7b7e86;
    font-size: 14px;
    line-height: 24px
}

.callback__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.callback__right {
    background-color: #f3f3f3;
    padding: 35px 35px 35px 100px;
    position: relative;
    width: 51%
}

.callback__illustration {
    left: -50px;
    pointer-events: none;
    position: absolute;
    top: -45px
}

.callback__info {
    max-width: 360px
}

.callback__info-label {
    color: #67737f;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 24px;
    position: relative
}

.callback__info-label:after {
    background-color: #363cda;
    content: "";
    height: 10px;
    left: 0;
    -webkit-mask-image: url(../img/elements/element-brush-accent.svg);
    mask-image: url(../img/elements/element-brush-accent.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 145px
}

.callback__info-title {
    font-family: Evolventa, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 6px;
    text-transform: uppercase
}

.callback__info-descr {
    color: #484a52;
    font-size: 15px;
    line-height: 24px
}

.callback__code {
    border: 1px dashed #aeb2b9;
    height: 150px;
    padding: 15px;
    width: 150px
}

@media (max-width:1199.9999px) {
    .callback {
        padding: 30px 0
    }

    .callback__more {
        display: none
    }

    .callback__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .callback__left {
        padding: 60px 90px;
        width: 100%
    }

    .callback__socials {
        margin: 0 -15px -18px
    }

    .callback__socials-item {
        margin: 0 15px 18px;
        width: calc(50% - 30px)
    }

    .callback__right {
        padding: 40px 70px 50px 90px;
        width: 100%
    }

    .callback__illustration {
        display: none
    }
}

@media (max-width:767.98px) {
    .callback {
        padding: 25px 0
    }

    .callback__more {
        display: none
    }

    .callback__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }

    .callback__left {
        padding: 32px 35px 32px 40px;
        width: 100%
    }

    .callback__socials {
        margin: 0
    }

    .callback__socials-item {
        margin: 0 0 15px;
        width: 100%
    }

    .callback__socials-item:last-child {
        margin-bottom: 0
    }

    .callback__right {
        padding: 32px 40px
    }

    .callback__content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .callback__info {
        margin-bottom: 34px;
        max-width: 360px
    }
}

.card {
    background-color: #fff;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    box-shadow: 0 0 12px rgba(0, 0, 0, .05)
}

.card__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
    padding: 18px 30px
}

.card__top-icon {
    background-color: #435b70;
    display: block;
    height: 16px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 23px
}

.card__info {
    padding-right: 26px;
    width: calc(100% - 70px)
}

.card__info--full {
    padding-right: 0;
    width: 100%
}

.card__info-title {
    margin-bottom: 2px
}

.card__info-descr {
    color: #7b7e86
}

.card__logo {
    height: 70px;
    position: relative;
    width: 70px;

    .img-fill {
        max-height: 45px;
        opacity: 0.15;
    }
}

.card__middle {
    overflow: hidden;
    position: relative
}

.card__marks {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 18px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2
}

.card__marks,
.card__tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card__tags-item {
    margin-right: 10px
}

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

.card__tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 0 17px rgba(0, 0, 0, .4);
    box-shadow: 0 0 17px rgba(0, 0, 0, .4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    overflow: hidden;
    padding: 0 12px;
    position: relative
}

.card__tag:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: -5px;
    content: "";
    -webkit-filter: blur(7px);
    filter: blur(7px);
    height: 30px;
    mix-blend-mode: soft-light;
    opacity: .32;
    pointer-events: none;
    position: absolute;
    right: -5px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 30px
}

.card__tag-icon {
    margin-right: 5px
}

.card__tag-title {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

.card__tag--white {
    background-color: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.card__tag--white .card__tag-title {
    color: #435b70
}

.card__tag--green {
    background-color: #66a600
}

.card__tag--green .card__tag-title {
    color: #fff
}

.card__tag--pink {
    background-color: #db2e5f
}

.card__tag--pink .card__tag-title {
    color: #fff
}

.card__tag--gray {
    background-color: rgba(22, 47, 63, .87)
}

.card__tag--gray .card__tag-title {
    color: #fff
}

.card__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.card__control,
.card__control-icon {
    -webkit-transition: .3s;
    transition: .3s
}

.card__control-icon {
    background-color: #363cda;
    height: 16px;
    -webkit-mask-image: url(../img/icons/icon-heart-accent.svg);
    mask-image: url(../img/icons/icon-heart-accent.svg);
    width: 18px
}

.card__slider {
    margin-bottom: 10px;
    padding-left: 18px
}

.card__slider--no-offset {
    margin-bottom: 0
}

.card__slider .swiper {
    --swiper-navigation-color: #5182ff;
    --swiper-navigation-size: 20px;
    overflow: visible
}

.card__slider .swiper-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    padding: 0 30px;
    text-align: left
}

.card__slider .swiper-pagination-bullet {
    background-color: #dfe4e8;
    border-radius: 77px;
    opacity: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.card__slider .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 14px
}

.card__slider .swiper-button-next,
.card__slider .swiper-button-prev {
    background-color: #fff !important;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    height: 40px;
    margin-top: -20px;
    opacity: 0;
    top: 50%;
    -webkit-transition: opacity .2s ease, -webkit-transform .15s ease;
    transition: opacity .2s ease, -webkit-transform .15s ease;
    transition: opacity .2s ease, transform .15s ease;
    transition: opacity .2s ease, transform .15s ease, -webkit-transform .15s ease;
    width: 40px
}

.card__slider .swiper-button-next:after,
.card__slider .swiper-button-prev:after {
    background-color: #363cda;
    content: "";
    display: block;
    font-size: 0;
    height: 14px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    width: 14px
}

.card__slider .swiper-button-prev {
    left: 12px
}

.card__slider .swiper-button-prev:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.card__slider .swiper-button-prev:hover:after {
    -webkit-transform: rotate(180deg) scale(1.15);
    -ms-transform: rotate(180deg) scale(1.15);
    transform: rotate(180deg) scale(1.15)
}

.card__slider .swiper-button-next {
    right: 12px
}

.card__slider .swiper-button-next:hover:after {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.card__slider:hover .swiper-button-next,
.card__slider:hover .swiper-button-prev {
    opacity: 1
}

.card__slider--product .swiper-button-next,
.card__slider--product .swiper-button-prev {
    opacity: 1
}

.card__thumb {
    padding-bottom: 65%;
    position: relative
}

.card__thumb,
.card__thumb--more {
    display: block
}

.card__more-overlay {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    z-index: 2
}

.card__more-icon {
    color: #fff;
    height: 52px;
    margin-bottom: 10px;
    width: 52px
}

.card__more-text {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    text-align: center
}

.card__stats {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 23px 30px
}

.card__stat {
    width: 30%
}

.card__stat-icon {
    margin-bottom: 2px
}

.card__stat-title {
    color: #7b7e86;
    font-size: 13px;
    line-height: 23px
}

.card__stat-descr {
    font-size: 16px;
    line-height: 23px
}

.card__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 25px 30px
}

.card__bottom .card-text__descr {
    width: 100%
}

.card__descr {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 17px;
    line-height: 30px;
    overflow: hidden;
    padding: 28px 30px 0
}

.card__more-price {
    color: #313444;
    margin-bottom: 10px;
    position: relative
}

.card__more-notice .notice__hint {
    bottom: 100%;
    margin-bottom: 10px;
    margin-top: 0;
    top: unset
}

.card__more-info {
    color: #38393d;
    max-width: 145px
}

.card-simple {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    display: block
}

.card-simple.is-hot .card-simple__top:after {
    background-image: url(../img/icons/icon-flash-yellow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 24px;
    position: absolute;
    right: 30px;
    top: 30px;
    width: 15px;
    z-index: 1
}

.card-simple__top {
    overflow: hidden;
    padding-bottom: 200px;
    position: relative
}

.card-simple__top:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#22282d), to(rgba(34, 40, 45, 0)));
    background-image: linear-gradient(#22282d, rgba(34, 40, 45, 0));
    content: "";
    height: 88px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.card-simple__title {
    color: #fff;
    font-weight: 600;
    right: 60px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    top: 30px;
    z-index: 1
}

.card-simple__prices,
.card-simple__title {
    font-size: 15px;
    left: 30px;
    position: absolute
}

.card-simple__prices {
    border-radius: 60px;
    bottom: 30px;
    font-family: Evolventa, sans-serif;
    overflow: hidden
}

.card-simple__price,
.card-simple__prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-simple__price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    height: 32px;
    justify-content: center;
    padding: 4px 16px 0;
    -webkit-transition: .3s;
    transition: .3s
}

.card-simple__price--current {
    background-color: #363cda;
    color: #fff;
    font-weight: 700
}

.card-simple__price--old {
    background-color: #fff;
    color: #5d5e6c;
    text-decoration: line-through
}

.card-simple__content {
    background-color: #f5f5f5;
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .05);
    left: 100%;
    max-width: 420px;
    opacity: 0;
    padding: 34px;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100vw
}

.card-simple__content-title {
    font-family: Evolventa, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px
}

.card-simple__content-info {
    margin-bottom: 11px
}

.card-simple__content-descr {
    color: #7b7e86;
    font-size: 13px;
    line-height: 23px
}

.card-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-small__thumb {
    height: 88px;
    overflow: hidden;
    position: relative;
    width: 110px
}

.card-small__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    width: calc(100% - 110px)
}

.card-small__content-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px
}

.card-small__content-title-second {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    margin-bottom: 15px
}

.card-small__content-title-second span {
    border-bottom: 1px solid #272729;
    color: #272729;
    -webkit-transition: .3s;
    transition: .3s
}

.card-small__content-info {
    color: #7b7e86;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 6px
}

.card-small__content-price {
    color: #313444;
    font-size: 16px;
    line-height: 24px
}

.card-small__content-tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #444459;
    border-radius: 77px;
    color: #f6f6f6;
    font-family: Evolventa, sans-serif;
    font-size: 12px;
    font-weight: 700;
    height: 28px;
    justify-content: center;
    line-height: 12px;
    padding: 0 15px;
    text-transform: uppercase
}

.card-small__content-tag,
.card-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.card-text.has-video .card-text__thumb:after {
    background-image: url(../img/icons/icon-video-accent-round.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    bottom: 22px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    content: "";
    height: 43px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    width: 43px
}

.card-text__thumb {
    display: block;
    padding-bottom: 64%;
    position: relative
}

.card-text__content {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: auto;
    flex: auto;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 31px 40px
}

.card-text__title {
    font-family: Evolventa, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px
}

.card-text__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between
}

.card-text__info,
.card-text__tags,
.card-text__tags-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-text__tags-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 77px;
    color: #6c6e74;
    font-size: 10px;
    font-weight: 500;
    height: 26px;
    justify-content: center;
    letter-spacing: .02em;
    line-height: 10px;
    margin-right: 7px;
    padding: 0 14px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    transition: .3s
}

.card-text__tags-item:last-child {
    margin-right: 0
}

.card-text__date {
    color: #7b7e86;
    font-size: 13px;
    line-height: 23px
}

.card-text__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.card-text__top .card-text__title {
    margin: 0
}

.card-text__descr {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #3d404b;
    display: -webkit-box;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden
}

.card-text__more {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 32px 40px
}

.card-text__more-btn {
    position: relative;
    width: 100%
}

.card-text__more-btn .card__btn {
    width: 100%
}

.card-text__bullets {
    color: #3d404b
}

.card-text__bullets ul li:before {
    content: url(../img/icons/icon-check-gray.svg)
}

.card-text__time {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card-text__time-descr {
    margin-top: -5px;
    padding-left: 13px
}

.card-text__time-title {
    color: #7b7e86;
    font-size: 13px;
    line-height: 19px
}

.card-text__time-info {
    color: #424651;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px
}

.card-text--full .card-text__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cards__elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px;
    margin-left: -12px;
    margin-right: -12px
}

.cards__elements-item {
    margin: 0 12px 30px;
    width: calc(33.3333% - 24px)
}

.cards__elements-item .card {
    height: 100%
}

.cards__elements .banner {
    margin: 0 auto 30px;
    width: calc(100% - 24px)
}

@media (max-width:1199.9999px) {
    .card__top-icon {
        display: none
    }

    .card__info {
        padding-right: 0;
        width: 100%
    }

    .card__info-title {
        font-size: 19px;
        line-height: 24px
    }

    .card__info-title br {
        display: none
    }

    .card__info-descr {
        margin-top: 5px
    }

    .card__logo {
        display: none
    }

    .card__thumb {
        padding-bottom: 80%
    }

    .card__stats {
        padding: 15px 20px
    }

    .card__more {
        padding-right: 20px;
        width: calc(100% - 56px)
    }

    .card__btn {
        color: transparent !important;
        font-size: .0001px;
        height: 56px;
        padding: 0;
        width: 56px
    }

    .card__btn:after {
        display: none
    }

    .card__btn:before {
        background-color: #fff;
        content: "";
        height: 14px;
        left: 50%;
        -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
        mask-image: url(../img/icons/icon-arrow-right-gray.svg);
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        mask-size: contain;
        position: absolute;
        top: 48%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 21px
    }

    .card__descr {
        -webkit-line-clamp: 4;
        font-size: 16px;
        line-height: 26px
    }

    .card-simple__content {
        display: none
    }

    .card-small__thumb {
        height: 80px;
        width: 100px
    }

    .card-small__content {
        width: calc(100% - 100px)
    }

    .card-text__content {
        padding: 25px 30px 30px
    }

    .card-text__title {
        font-size: 19px;
        margin-bottom: 15px
    }

    .card-text__descr {
        -webkit-line-clamp: 4
    }

    .card-text__more {
        padding: 25px 30px
    }

    .card-text--full .card__btn {
        color: #fff !important;
        font-size: 17px;
        font-weight: 500;
        height: 62px;
        padding: 0 34px;
        position: relative
    }

    .card-text--full .card__btn:after {
        display: block
    }

    .card-text--full .card__btn:before {
        display: none
    }

    .cards__elements {
        margin-bottom: -25px
    }

    .cards__elements-item {
        margin-bottom: 25px;
        width: calc(50% - 24px)
    }
}

@media (max-width:767.98px) {
    .card__thumb {
        padding-bottom: 89%
    }

    .card__stats {
        padding: 15px 20px
    }

    .card__more {
        padding-right: 20px;
        width: calc(100% - 56px)
    }

    .card-small__thumb {
        height: 58px;
        width: 74px
    }

    .card-small__content {
        width: calc(100% - 74px)
    }

    .card-small__content-title-second {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 14px
    }

    .card-text__content {
        padding: 25px 30px 30px
    }

    .card-text__info {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .card-text__tags {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-text__tags-item {
        margin-bottom: 10px;
        margin-right: 0
    }

    .card-text__tags-item:last-child {
        margin-bottom: 0
    }

    .card-text__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px
    }

    .card-text__top .card-text__title {
        margin-bottom: 3px
    }

    .card-text__descr {
        -webkit-line-clamp: 5
    }

    .cards__elements {
        margin: 0 0 -20px
    }

    .cards__elements-item {
        margin: 0 0 20px;
        width: 100%
    }

    .cards__elements .banner {
        margin-bottom: 20px;
        width: 100%
    }
}

@media (hover:none) {
    .card__top-icon:hover {
        background-color: #363cda
    }

    .card__control:active {
        background-color: #243b47
    }

    .card__control:active .card__control-icon {
        background-color: #f5f5f5
    }

    .card__thumb--more .card__more-overlay {
        opacity: 1
    }

    .card-simple:active .card-simple__price--current {
        background-color: #66a600
    }

    .card-simple:active .card-simple__content {
        opacity: 1;
        pointer-events: unset
    }

    .card-small:active .card-small__content-title-second span {
        border-bottom-color: #363cda;
        color: #363cda
    }

    .card-text:active {
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2)
    }

    .card-text:active .card-text__title {
        color: #435b70
    }

    .card-text:active .card-text__tags-item {
        background-color: #435b70;
        color: #fff
    }
}

@media (hover:hover) {
    .card__top-icon:hover {
        background-color: #363cda
    }

    .card__control:hover {
        background-color: #243b47
    }

    .card__control:hover .card__control-icon {
        background-color: #f5f5f5
    }

    .card__thumb--more:hover .card__more-overlay {
        opacity: 1
    }

    .card-simple:hover .card-simple__price--current {
        background-color: #66a600
    }

    .card-simple:hover .card-simple__content {
        opacity: 1;
        pointer-events: unset
    }

    .card-small:hover .card-small__content-title-second span {
        border-bottom-color: #363cda;
        color: #363cda
    }

    .card-text:hover {
        -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
        box-shadow: 0 0 12px rgba(0, 0, 0, .2)
    }

    .card-text:hover .card-text__title {
        color: #435b70
    }

    .card-text:hover .card-text__tags-item {
        background-color: #435b70;
        color: #fff
    }
}

.carousel {
    margin-bottom: 50px
}

.carousel:first-child {
    margin-bottom: 0
}

.carousel__slide {
    display: block;
    height: 200px;
    overflow: hidden;
    position: relative
}

.carousel__slide.is-video:after {
    background-image: url(../img/icons/icon-video-accent-round.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    bottom: 22px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    content: "";
    height: 43px;
    position: absolute;
    right: 22px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 43px;
    z-index: 1
}

@media (hover:hover) {
    .carousel__slide:hover:after {
        background-image: url(../img/icons/icon-video-white-round.svg)
    }
}

.case {
    background-color: #f2f2f2;
    padding: 44px 30px 0 50px
}

.case__top {
    margin-bottom: 46px;
    margin-left: -25px;
    margin-right: -25px
}

.case__bottom,
.case__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.case__content {
    margin: 0 25px;
    padding-right: 40px;
    width: calc(57% - 50px)
}

.case__content-title {
    margin-bottom: 24px
}

.case__content-descr {
    color: #38393d;
    font-size: 19px;
    font-weight: 700;
    line-height: 29px;
    margin-bottom: 36px
}

.case__content-advantages .advantages__item-number {
    -webkit-text-fill-color: unset;
    background: unset;
    background-clip: unset;
    color: #fff
}

.case__content-advantages .advantages__item-title {
    font-size: 16px;
    padding-left: 16px
}

.case__variants {
    margin: 0 25px;
    width: calc(43% - 50px)
}

.case__variants-title {
    margin-bottom: 33px
}

.case__variants-list {
    max-height: 220px;
    overflow-y: auto
}

.case__variants-item {
    margin-bottom: 20px
}

.case__variants-item:last-child {
    margin-bottom: 0
}

.case__variants-items {
    padding-right: 28px
}

.case__variant {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.case__variant-thumb {
    min-height: 100px;
    position: relative;
    width: 156px
}

.case__variant-descr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    line-height: 22px;
    padding: 16px 25px;
    width: calc(100% - 156px)
}

.case__carousel {
    overflow: hidden;
    position: relative;
    width: 424px
}

.case__carousel .card__thumb:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 40, 45, 0)), to(#22282d));
    background-image: linear-gradient(rgba(34, 40, 45, 0), #22282d);
    bottom: 0;
    content: "";
    height: 88px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1
}

.case__carousel .card__thumb.is-hot:after {
    background-image: url(../img/icons/icon-flash-yellow.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 30px;
    content: "";
    height: 24px;
    position: absolute;
    right: 30px;
    width: 15px;
    z-index: 3
}

.case__carousel .card-simple__prices {
    bottom: unset;
    left: 30px;
    top: 30px;
    z-index: 2
}

.case__carousel-descr,
.case__carousel-title {
    display: none
}

.case__info {
    padding-bottom: 20px;
    padding-left: 62px;
    padding-right: 28px;
    width: calc(100% - 424px)
}

.case__info-stamp {
    position: absolute;
    right: -100px;
    top: 10px;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.case__info-stamp img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .7
}

.case__info-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    position: relative
}

.case__info-title .txt-brush:after {
    background-image: url(../img/elements/element-brush-accent.svg);
    bottom: -15px;
    left: 2px;
    right: -5px
}

.case__info-icon {
    margin-right: 20px
}

.case__info-descr {
    color: #38393d;
    font-size: 17px;
    line-height: 30px;
    max-width: 610px
}

.case__info-bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 17px
}

.case__info-stats {
    max-width: 380px;
    width: 100%
}

.case__info-stats .card__stats {
    padding: 0
}

.case__days {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.case__days-number {
    color: #363cda;
    font-family: NAMU-Pro, sans-serif;
    font-size: 100px;
    line-height: 100px;
    margin-right: 20px
}

.case__days-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 28px;
    max-width: 120px;
    padding-top: 10px
}

@media (max-width:1279.9999px) {
    .case__content {
        padding-right: 0
    }

    .case__info {
        padding-left: 32px
    }
}

@media (max-width:1199.9999px) {
    .case {
        padding: 30px
    }

    .case__top {
        margin-bottom: 36px;
        margin-left: 0;
        margin-right: 0
    }

    .case__content {
        margin: 0 0 26px;
        width: 100%
    }

    .case__content-title {
        margin-bottom: 9px
    }

    .case__content-descr {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px
    }

    .case__variants {
        margin: 0;
        width: 100%
    }

    .case__variants-title {
        margin-bottom: 14px
    }

    .case__variants-list {
        max-height: unset;
        overflow: unset
    }

    .case__variants-item {
        margin-bottom: 0;
        margin-right: 20px
    }

    .case__variants-item:last-child {
        margin-bottom: 0;
        margin-right: 0
    }

    .case__variants-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -30px;
        overflow-x: auto;
        padding: 0 30px
    }

    .case__variant {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        max-width: 430px;
        width: 100%
    }

    .case__variant-thumb {
        min-height: 90px;
        width: 140px
    }

    .case__variant-descr {
        font-size: 13px;
        line-height: 20px;
        padding: 14px 20px;
        width: calc(100% - 140px)
    }

    .case__carousel {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: unset;
        width: 100%
    }

    .case__carousel,
    .case__carousel .case__info-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .case__carousel .case__info-top {
        margin: 0
    }

    .case__carousel .case__info-descr,
    .case__carousel-descr,
    .case__carousel-title {
        display: block
    }

    .case__carousel-title {
        margin-bottom: 25px;
        width: 100%
    }

    .case__carousel-descr {
        margin-left: 40px;
        max-width: 39%
    }

    .case__carousel .slider {
        max-width: 312px;
        width: 100%
    }

    .case__carousel .card__thumb.is-hot:after {
        bottom: 20px;
        right: 20px
    }

    .case__carousel .card-simple__prices {
        left: 20px;
        top: 20px
    }

    .case__info {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .case__info-descr,
    .case__info-stamp,
    .case__info-top {
        display: none
    }
}

@media (max-width:767.98px) {
    .case__top {
        margin-bottom: 36px
    }

    .case__content {
        margin-bottom: 50px
    }

    .case__content-descr {
        margin-bottom: 37px
    }

    .case__content-advantages .advantages__item {
        padding-left: 0;
        padding-top: 26px
    }

    .case__variants {
        width: 100%
    }

    .case__variants-item {
        margin-bottom: 20px;
        margin-right: 0
    }

    .case__variants-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        overflow: unset;
        padding: 0
    }

    .case__variant {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: unset;
        padding: 30px 16px 20px;
        width: 100%
    }

    .case__variant-thumb {
        margin-bottom: 15px;
        min-height: 100px;
        width: 156px
    }

    .case__variant-descr {
        padding: 0;
        text-align: center;
        width: 100%
    }

    .case__carousel-title {
        margin-bottom: 15px
    }

    .case__carousel-descr {
        margin-left: 0;
        margin-top: 20px;
        max-width: unset;
        text-align: center
    }

    .case__carousel .slider {
        margin-left: -30px;
        margin-right: -30px;
        max-width: unset;
        width: -webkit-fill-available
    }

    .case__carousel .card__thumb {
        padding-bottom: 64%
    }

    .case__info {
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: 100%
    }

    .case__info-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .case__info-icon {
        margin-bottom: 7px;
        margin-right: 0
    }

    .case__info-title {
        text-align: center
    }

    .case__info-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .case__info-stats {
        margin-bottom: 15px
    }
}

.compare {
    max-height: 632px;
    overflow: auto
}

.compare-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.compare__inner {
    min-width: 1170px
}

.compare__top {
    margin-bottom: 3px
}

.compare__top .compare__row {
    background-color: unset;
    background-image: url(../img/example/compare/compare-bg.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 19px;
    padding: 24px 30px
}

.compare__top .compare__col {
    color: #fff;
    font-family: Evolventa, sans-serif;
    font-weight: 700
}

.compare__top .compare__col:first-child {
    color: #fff;
    font-weight: 700
}

.compare__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    margin-bottom: 3px;
    padding: 18px 30px
}

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

.compare__row:nth-child(odd) {
    background-color: #f2f2f2
}

.compare__row:nth-child(2n) {
    background-color: #f4f6fb
}

.compare__col {
    -webkit-box-flex: 1;
    color: #61636a;
    -ms-flex: 1;
    flex: 1
}

.compare__col:first-child {
    color: #3d404b;
    font-weight: 600;
    min-width: 300px
}

.compare__item {
    margin-bottom: 3px
}

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

.compare__item-control {
    background-color: #405363;
    background-color: #363cda;
    color: #fff;
    cursor: pointer;
    font-size: 19px;
    font-weight: 600;
    padding: 17px 30px;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.compare__item-control:after {
    background-image: url(../img/icons/icon-plus-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 32px;
    position: absolute;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 32px
}

.compare__item-content {
    margin-top: 3px
}

.compare__item.is-open .compare__item-control {
    background-color: #405363
}

.compare__item.is-open .compare__item-control:after {
    background-image: url(../img/icons/icon-minus-gray.svg)
}

@media (max-width:1199.9999px) {
    .compare__top .compare__row {
        font-size: 17px;
        padding: 25px 30px
    }

    .compare__row {
        font-size: 16px;
        padding: 20px 30px
    }

    .compare__item-control {
        font-size: 17px;
        padding: 19px 30px
    }
}

.contacts__map {
    padding-bottom: 43%;
    position: relative
}

.contacts__map-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.contacts__info {
    background-color: #fff;
    padding: 50px
}

.contacts__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between
}

.contacts__addresses {
    width: 65%
}

.contacts__more {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 230px
}

.contacts__address,
.contacts__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__address {
    margin-bottom: 40px
}

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

.contacts__address-thumb {
    border-radius: 50%;
    height: 90px;
    overflow: hidden;
    position: relative;
    width: 90px
}

.contacts__address-content {
    color: #38393d;
    padding-left: 30px;
    width: calc(100% - 90px)
}

.contacts__address-title {
    margin-bottom: 7px
}

.contacts__address-descr {
    font-size: 17px;
    line-height: 28px
}

.contacts__phone {
    margin-bottom: 38px
}

.contacts__phone-descr,
.contacts__phone-title {
    padding-left: 15px
}

.contacts__phone-title {
    color: #45474e;
    font-size: 19px;
    margin-bottom: 5px
}

.contacts__phone-descr {
    color: #8e8f92
}

@media (max-width:1199.9999px) {
    .contacts__map {
        margin-left: -28px;
        margin-right: -28px;
        padding-bottom: 85%
    }

    .contacts__info {
        margin-top: -140px;
        padding: 30px;
        position: relative;
        z-index: 1
    }

    .contacts__addresses {
        margin-bottom: 30px;
        width: 100%
    }

    .contacts__more {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-left: 90px;
        width: 100%
    }

    .contacts__address {
        margin-bottom: 20px
    }

    .contacts__address-thumb {
        height: 72px;
        width: 72px
    }

    .contacts__address-content {
        padding-left: 20px;
        width: calc(100% - 72px)
    }

    .contacts__address-title {
        font-size: 19px;
        line-height: 26px
    }

    .contacts__address-descr {
        font-size: 15px;
        line-height: 25px
    }

    .contacts__phone {
        margin-bottom: 0;
        margin-right: 35px;
        max-width: 230px
    }
}

@media (max-width:767.98px) {
    .contacts {
        margin-bottom: -40px
    }

    .contacts__map {
        padding-bottom: 103%
    }

    .contacts__info,
    .contacts__map {
        margin-left: -24px;
        margin-right: -24px
    }

    .contacts__info {
        margin-top: 0;
        padding: 30px;
        position: relative;
        z-index: 1
    }

    .contacts__addresses {
        margin-bottom: 30px;
        width: 100%
    }

    .contacts__more {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0;
        width: 100%
    }

    .contacts__phone {
        margin-bottom: 23px;
        margin-right: 0;
        padding-left: 7px
    }
}

.customs {
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px
}

.customs__left {
    width: 340px
}

.customs__right {
    padding-left: 55px;
    width: calc(100% - 340px)
}

.customs__block {
    background-color: #fff;
    background-image: url(../img/elements/element-customs-lines-lt.svg);
    background-position: 0;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    padding: 41px 30px 41px 40px
}

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

.customs__block:nth-child(odd) {
    background-color: #405363;
    background-image: url(../img/elements/element-customs-lines-md.svg)
}

.customs__block:nth-child(odd) .customs__block-descr {
    color: #e1e6ea
}

.customs__block-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.customs__block-icon {
    margin-right: 15px
}

.customs__block-title {
    font-family: Evolventa, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 22px
}

.customs__block-descr {
    color: #38393d;
    font-size: 15px;
    line-height: 22px
}

.customs__descr {
    font-size: 20px
}

.customs-cars {
    margin-top: 50px
}

.customs-cars__elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -24px;
    margin-left: -12px;
    margin-right: -12px
}

.customs-cars__elements-item {
    margin: 0 12px 24px;
    width: calc(33.3333% - 24px)
}

@media (max-width:1199.9999px) {
    .customs {
        padding: 30px
    }

    .customs__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -22px;
        margin-left: -14px;
        margin-right: -14px;
        width: auto
    }

    .customs__right {
        margin-top: 22px;
        padding-left: 0;
        width: 100%
    }

    .customs__block {
        background-color: #fff;
        background-image: url(../img/elements/element-customs-lines-lt.svg);
        background-position: 0;
        background-repeat: no-repeat;
        margin: 0 14px 22px;
        padding: 30px 22px 30px 30px;
        width: calc(50% - 28px)
    }

    .customs__block:last-child {
        margin-bottom: 22px
    }

    .customs__descr {
        font-size: 15px;
        line-height: 27px
    }

    .customs-cars {
        margin-top: 30px
    }

    .customs-cars__elements {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: auto
    }

    .customs-cars__elements-item {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        min-width: 312px
    }
}

@media (max-width:767.98px) {
    .customs__left {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0
    }

    .customs__right {
        margin-top: 22px;
        padding-left: 0;
        width: 100%
    }

    .customs__block {
        margin-bottom: 0;
        margin-left: -30px;
        margin-right: -30px;
        width: auto
    }

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

    .customs__descr {
        font-size: 15px
    }

    .customs-cars {
        margin-top: 20px
    }

    .customs-cars__elements {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -20px;
        margin-left: 0;
        margin-right: 0;
        overflow: unset
    }

    .customs-cars__elements-item {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin: 0 0 20px;
        min-width: unset;
        width: 100%
    }
}

.faq {
    background-color: #fff
}

.faq__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.faq__left {
    width: 34%
}

.faq__right {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 32px;
    width: 66%
}

.faq__right--tablet {
    display: none
}

.faq__descr {
    max-width: 525px
}

.faq__info-btn {
    margin-bottom: 6px
}

.faq__info-descr {
    color: #8e8f92;
    text-align: center
}

.faq__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.faq__row-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 34%;
    flex: 0 0 34%;
    height: 370px;
    overflow-y: scroll;
    width: 34%
}

.faq__row-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    padding-left: 32px
}

.faq__list {
    padding-right: 30px
}

.faq__list-control {
    color: #72747a;
    display: block;
    font-family: NAMU-Pro, sans-serif;
    font-size: 20px;
    line-height: 35px;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

.faq__list-control:last-child {
    margin-bottom: 0
}

.faq__list-control.active {
    color: #000
}

.faq__contents {
    background-color: #f3f3f3;
    color: #484a52;
    font-size: 17px;
    height: 100%;
    line-height: 35px;
    padding: 40px 60px 40px 50px
}

.faq__content:not(:first-child) {
    display: none
}

@media (max-width:1199.9999px) {
    .faq__top {
        margin-bottom: 20px
    }

    .faq__left {
        width: 100%
    }

    .faq__right {
        padding-left: 0;
        width: 100%
    }

    .faq__right--tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 25px
    }

    .faq__descr {
        font-size: 16px;
        line-height: 28px
    }

    .faq__info-btn {
        margin-bottom: 6px
    }

    .faq__info-descr {
        color: #8e8f92;
        text-align: center
    }

    .faq__row-left {
        max-height: unset;
        width: 100%
    }

    .faq__row-right {
        display: none
    }

    .faq__list {
        padding-right: 0
    }

    .faq__list-control {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 15px
    }
}

@media (max-width:991.9999px) {
    .faq__top {
        margin-bottom: 20px
    }

    .faq__left {
        width: 100%
    }

    .faq__right {
        padding-left: 0;
        width: 100%
    }

    .faq__right--tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px
    }

    .faq__descr {
        max-width: 415px
    }

    .faq__info-btn {
        margin-bottom: 6px
    }

    .faq__info-descr {
        color: #8e8f92;
        text-align: center
    }

    .faq__row-left {
        max-height: unset;
        width: 100%
    }

    .faq__row-right {
        display: none
    }

    .faq__list {
        padding-right: 0
    }

    .faq__list-control {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 15px
    }

    .faq__list-control:last-child {
        margin-bottom: 15px
    }
}

@media (max-width:767.98px) {
    .faq__right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .faq__descr {
        margin-bottom: 23px
    }
}

.filters__decor {
    pointer-events: none;
    position: absolute
}

.filters__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    left: -55px;
    position: absolute;
    top: -114px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.filters__info-label {
    color: #e2e2e2;
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px
}

.filters__info-title {
    color: hsla(0, 0%, 100%, .25);
    font-family: Gunterz, sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 38px;
    text-transform: uppercase
}

.filters__car {
    left: -160px;
    top: 34px;
    z-index: 1
}

.filters__oil {
    left: -335px;
    top: -20px
}

.filters__container {
    background-color: #232325;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    padding: 40px 50px 40px 110px;
    position: relative
}

.filters__container:before {
    background-image: url(../img/elements/element-filters-lines.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 116px;
    left: 0;
    mix-blend-mode: overlay;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px
}

.filters__control {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 0;
    background-color: #294354;
    border-radius: 50%;
    -ms-flex: none;
    flex: none;
    height: 56px;
    justify-content: center;
    padding: 0;
    width: 56px
}

.filters__control:after {
    display: none
}

.filters__control-title {
    display: none
}

.filters__control-icon {
    background-color: #f5f5f5;
    height: 28px;
    -webkit-mask-image: url(../img/icons/icon-gear-lt.svg);
    mask-image: url(../img/icons/icon-gear-lt.svg);
    width: 27px
}

.filters__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -4px;
    margin-right: -4px
}

.filters__row-btn,
.filters__row-control,
.filters__row-item {
    margin: 0 4px
}

.filters__row-item {
    margin: 0 4px;
    width: calc(21% - 8px)
}

.page-main .filters {
    margin-top: -68px;
    position: relative;
    z-index: 10
}

.section .filters {
    margin: 36px 0 64px
}

.section .filters .container {
    padding: 0
}

.section .filters__info {
    display: none
}

@media (max-width:1199.9999px) {
    .filters {
        background-color: #232325;
        padding: 23px 0
    }

    .filters__decor,
    .filters__info {
        display: none
    }

    .filters__container {
        -webkit-box-shadow: unset;
        box-shadow: unset;
        padding: 0
    }

    .filters__container:before {
        display: none
    }

    .filters__row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .filters__row-item {
        width: calc(25% - 8px)
    }

    .filters__row-item:nth-last-child(2) {
        display: none
    }

    .page-main .filters {
        margin-top: 0
    }

    .section .filters {
        background-image: unset;
        margin: 22px 0;
        position: relative
    }

    .section .filters:after,
    .section .filters:before {
        background-color: #232325;
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1
    }

    .section .filters:before {
        left: 50%
    }

    .section .filters:after {
        right: 50%
    }
}

@media (max-width:991.9999px) {
    .filters__row-item {
        width: calc(32.5% - 16px)
    }

    .filters__row-item:nth-last-child(3) {
        display: none
    }

    .filters__row-btn {
        padding: 0 55px
    }
}

@media (max-width:767.98px) {
    .filters__row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .filters__row-btn,
    .filters__row-item {
        display: none
    }

    .filters__control {
        background-color: #363cda;
        border-radius: 77px;
        width: 100%
    }

    .filters__control:after {
        display: block
    }

    .filters__control-icon {
        height: 32px;
        -webkit-mask-image: url(../img/icons/icon-filters-white.svg);
        mask-image: url(../img/icons/icon-filters-white.svg);
        width: 32px
    }

    .filters__control-title {
        color: #fff;
        display: block;
        font-size: 17px;
        font-weight: 500;
        margin-left: 8px
    }
}

@media (hover:none) {
    .filters__control:active {
        background-color: #495a67
    }
}

@media (hover:hover) {
    .filters__control:hover {
        background-color: #495a67
    }
}

.floating-phone {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 10
}

.floating-phone.is-visible {
    opacity: 1;
    pointer-events: unset
}

.floating-phone__number {
    background-color: #435b70;
    padding: 17px 22px;
    -webkit-transition: .3s;
    transition: .3s
}

.floating-phone__number-inner {
    color: hsla(0, 0%, 100%, .25);
    font-family: Gunterz, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.floating-phone__icon {
    background-color: #2e3438;
    padding-bottom: 100%;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.floating-phone__icon-img {
    background-color: #f5f5f5;
    height: 29px;
    left: 50%;
    -webkit-mask-image: url(../img/icons/icon-phone-call.svg);
    mask-image: url(../img/icons/icon-phone-call.svg);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 29px
}

@media (max-width:1440px) {
    .floating-phone__number {
        padding: 15px
    }

    .floating-phone__number-inner {
        font-size: 18px;
        line-height: 18px
    }

    .floating-phone__icon-img {
        height: 24px;
        width: 24px
    }
}

@media (max-width:1199.9999px) {
    .floating-phone {
        display: none
    }
}

@media (hover:hover) {
    .floating-phone:hover .floating-phone__number-inner {
        color: #fff
    }

    .floating-phone:hover .floating-phone__icon {
        background-color: #363cda
    }
}

.footer {
    background-color: #232325;
    padding: 100px 0 65px;
    position: relative
}

.footer:after {
    background-image: url(../img/body-bg.jpg);
    background-repeat: repeat-y;
    background-size: 100%;
    content: "";
    height: 100%;
    left: 0;
    mix-blend-mode: luminosity;
    opacity: .03;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.footer .container {
    z-index: 1
}

.footer__top {
    margin-bottom: 45px
}

.footer__bottom,
.footer__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer__bottom,
.footer__bottom-left,
.footer__bottom-right,
.footer__info,
.footer__top,
.footer__top-left,
.footer__top-right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__info {
    margin-right: 20px
}

.footer__info-copyright {
    color: #979797;
    font-size: 16px;
    line-height: 25px;
    padding-left: 20px
}

.footer__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 390px;
    position: relative
}

.footer__search-field .input__field {
    color: #a9bac4;
    padding-right: 60px
}

.footer__search-field .input__field::-webkit-input-placeholder {
    color: #a9bac4
}

.footer__search-field .input__field::-moz-placeholder {
    color: #a9bac4
}

.footer__search-field .input__field:-ms-input-placeholder {
    color: #a9bac4
}

.footer__search-field .input__field::-ms-input-placeholder {
    color: #a9bac4
}

.footer__search-field .input__field::placeholder {
    color: #a9bac4
}

.footer__search-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px
}

.footer__search-icon {
    background-color: #7e828b;
    height: 22px;
    -webkit-mask-image: url(../img/icons/icons-search-white.svg);
    mask-image: url(../img/icons/icons-search-white.svg);
    width: 22px
}

.footer__socials {
    margin-right: 30px
}

.footer__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 70px
}

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

.footer__block-title {
    color: #f3f3f3;
    font-size: 19px;
    margin-bottom: 5px
}

.footer__block-info {
    color: #868d94;
    font-family: NAMU-Pro, sans-serif;
    font-size: 15px
}

.footer__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__controls-btn {
    margin-right: 20px
}

.footer__connect {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: rgba(61, 62, 67, .6);
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    width: 62px
}

.footer__connect-icon {
    background-image: url(../img/icons/icon-connect-gray-lt.svg);
    height: 26px;
    width: 26px
}

@media (max-width:1199.9999px) {
    .footer {
        padding: 40px 0
    }

    .footer__top {
        margin-bottom: 20px
    }

    .footer__bottom,
    .footer__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__bottom-left,
    .footer__bottom-right,
    .footer__top-left,
    .footer__top-right {
        width: 100%
    }

    .footer__top-left {
        margin-bottom: 25px
    }

    .footer__top-left,
    .footer__top-right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer__top-right {
        margin-bottom: 20px;
        padding-left: 76px
    }

    .footer__bottom {
        padding-left: 76px
    }

    .footer__bottom-left {
        margin-bottom: 30px
    }

    .footer__bottom-right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width:991.9999px) {
    .footer__search {
        min-width: 312px
    }
}

@media (max-width:767.98px) {

    .footer__bottom-left,
    .footer__bottom-right,
    .footer__top-left,
    .footer__top-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .footer__info {
        margin-bottom: 25px;
        margin-right: 0
    }

    .footer__block {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
        margin-right: 0;
        width: 100%
    }

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

    .footer__top-left {
        margin-bottom: 25px
    }

    .footer__top-right {
        margin-bottom: 0;
        padding-left: 0
    }

    .footer__nav {
        margin: 0 auto;
        max-width: 90%
    }

    .footer__nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }

    .footer__socials {
        margin-bottom: 30px;
        margin-right: 0
    }

    .footer__bottom {
        padding-left: 0
    }
}

@media (hover:none) {
    .footer__search-btn:active .footer__search-icon {
        background-color: #b0b0b6
    }

    .footer__connect:active {
        background-color: transparent;
        border-color: #b9b9bd
    }

    .footer__connect:active .footer__connect-icon {
        background-image: url(../img/icons/icon-connect-gray.svg)
    }
}

@media (hover:hover) {
    .footer__search-btn:hover .footer__search-icon {
        background-color: #b0b0b6
    }

    .footer__connect:hover {
        background-color: transparent;
        border-color: #b9b9bd
    }

    .footer__connect:hover .footer__connect-icon {
        background-image: url(../img/icons/icon-connect-gray.svg)
    }
}

.header {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.header__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #363cda;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    justify-content: center;
    width: 255px
}

.header__top {
    padding: 24px 0
}

.header__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-left: 40px;
    width: 40px
}

.header__search-icon {
    background-color: #455664;
    height: 27px;
    -webkit-mask-image: url(../img/icons/icons-search-white.svg);
    mask-image: url(../img/icons/icons-search-white.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 27px
}

.header__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: flex-start;
    justify-content: space-between
}

.header__controls,
.header__menu,
.header__menu-inner,
.header__nav,
.header__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 85px
}

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

.header__menu-search,
.header__touch,
.header__wishlist--tablet {
    display: none
}

@media (max-width:1279.9999px) {
    .header__logo {
        max-width: 220px
    }

    .header__nav {
        margin-right: 35px
    }
}

@media (max-width:1199.9999px) {
    .header {
        background-color: #fff;
        padding: 12px 0;
        position: fixed
    }

    .header__row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative
    }

    .header__logo {
        height: 78px;
        left: 0;
        position: absolute;
        top: -14px;
        width: 84px
    }

    .header__logo img {
        max-width: 42px
    }

    .header__top {
        display: none
    }

    .header__touch {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .header__touch-btn {
        margin-right: 22px
    }

    .header__touch-phone,
    .header__touch-sandwich {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 40px;
        justify-content: center;
        width: 40px
    }

    .header__touch-phone {
        margin-right: 10px
    }

    .header__touch-phone-icon {
        background-color: #435b70;
        height: 24px;
        -webkit-mask-image: url(../img/icons/icon-phone-gray.svg);
        mask-image: url(../img/icons/icon-phone-gray.svg);
        width: 24px
    }

    .header__touch-sandwich {
        margin-right: -10px
    }

    .header__touch-sandwich-icon {
        background-image: url(../img/icons/icon-sandwich-gray.svg);
        height: 16px;
        -webkit-transition: unset;
        transition: unset;
        width: 25px
    }

    .header__menu {
        background-color: rgba(31, 31, 41, .94);
        background-image: url(../img/menu-bg.jpg);
        background-position: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
        left: 0;
        padding: 80px 24px 50px;
        position: fixed;
        top: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .3s;
        transition: .3s;
        width: 100%;
        will-change: transform;
        z-index: 1
    }

    .header__menu-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow-y: auto;
        width: 100%
    }

    .header__menu-search {
        display: block;
        margin-bottom: 23px;
        position: relative;
        width: 100%
    }

    .header__nav ul {
        padding: 0 26px
    }

    .header__nav ul,
    .header__nav ul li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .header__nav ul li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 20px;
        margin-right: 0
    }

    .header__nav ul li:last-child {
        margin-bottom: 0
    }

    .header__nav ul li span {
        display: none
    }

    .header__nav ul li div {
        opacity: 1;
        padding: 10px 10px 0;
        pointer-events: unset;
        position: static
    }

    .header__nav ul li div ul {
        background-color: transparent;
        background-image: unset;
        padding: 0
    }

    .header__nav ul li div ul li {
        margin-bottom: 5px
    }

    .header__nav ul li div ul li a {
        color: #a0baca;
        font-size: 17px;
        line-height: 30px
    }

    .header__controls {
        margin-top: 26px;
        padding: 0 26px
    }

    .header__controls-catalog {
        display: none
    }

    .header__controls-consult:after {
        display: none
    }

    .header__wishlist--tablet {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header--inner .header__search {
        display: none
    }

    .menu-is-open .header__menu {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .menu-is-open .header__logo {
        background-color: transparent;
        z-index: 2
    }

    .menu-is-open .header__touch-sandwich {
        z-index: 1
    }

    .menu-is-open .header__touch-sandwich-icon {
        background-image: url(../img/icons/icon-close-lt.svg);
        height: 32px;
        width: 32px
    }
}

@media (min-width:1200px) {
    .header--inner {
        background-image: url(../img/header-bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 37px 0;
        position: fixed
    }

    .header--inner .header__row {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative
    }

    .header--inner .header__menu-inner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header--inner .header__logo {
        height: 151px;
        left: 0;
        position: absolute;
        top: -40px;
        width: 165px
    }

    .header--inner .header__logo img {
        max-width: 83px
    }

    .header--inner .header__search {
        margin-right: 35px
    }

    .header--inner .header__search-icon {
        background-color: #fff
    }

    .header--inner .header__nav {
        margin-right: 50px
    }
}

@media (min-width:1280px) {
    .header--inner .header__search {
        margin-right: 55px
    }

    .header--inner .header__nav {
        margin-right: 70px
    }
}

@media (hover:hover) {
    .header__controls-catalog:hover:before {
        display: none
    }

    .header__search:hover .header__search-icon {
        background-color: #363cda
    }
}

.img-with-info {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 2
}

.img-with-info__image img {
    -o-object-position: left center;
    object-position: left center
}

.img-with-info__more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 40px;
    position: absolute;
    top: 0;
    width: calc(100% - 536px);
    z-index: 1
}

.img-with-info__more:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#22282d), to(rgba(34, 40, 45, 0)));
    background-image: linear-gradient(#22282d, rgba(34, 40, 45, 0));
    content: "";
    height: 100%;
    left: 0;
    opacity: .57;
    position: absolute;
    top: 0;
    width: 100%
}

.img-with-info__tags {
    margin-right: 22px;
    position: relative;
    z-index: 1
}

.img-with-info__date {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    z-index: 1
}

.img-with-info__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background-color: rgba(31, 45, 56, .87);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    max-width: 536px;
    padding: 50px 45px 50px 60px;
    width: 100%;
    z-index: 1
}

.img-with-info__content-descr {
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    max-width: 300px
}

.img-with-info__content-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.img-with-info__content-subtitle {
    color: #7d7f80;
    font-size: 20px;
    line-height: 29px;
    margin-bottom: 5px
}

.img-with-info__content-title {
    color: hsla(0, 0%, 100%, .1);
    font-family: Gunterz, sans-serif;
    font-size: 65px;
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase
}

.img-with-info__control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #363cda;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 180px;
    justify-content: center;
    margin-bottom: -90px;
    position: absolute;
    right: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 180px
}

.img-with-info__control-line {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-with-info__control-image {
    max-width: unset;
    width: auto
}

.img-with-info__control-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 88px;
    justify-content: center;
    width: 88px
}

.img-with-info__control-icon {
    background-color: #94d2ff;
    height: 30px;
    -webkit-mask-image: url(../img/icons/icon-video-blue-lt.svg);
    mask-image: url(../img/icons/icon-video-blue-lt.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 30px
}

.img-with-info__link {
    margin-top: 45px
}

.img-with-info__link,
.img-with-info__link-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.img-with-info__link-icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #20282e;
    border-radius: 50%;
    height: 50px;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    width: 50px
}

.img-with-info__link-title {
    font-family: NAMU-Pro, sans-serif;
    font-size: 14px;
    margin-left: 14px;
    text-transform: uppercase;
    -webkit-transition: .3s;
    transition: .3s
}

@media (max-width:1199.9999px) {
    .img-with-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .img-with-info__image {
        margin-left: -28px;
        margin-right: -28px;
        padding-bottom: 85%;
        position: relative
    }

    .img-with-info__more {
        padding: 30px;
        width: 100%
    }

    .img-with-info__content {
        background-color: #2a3537;
        margin-top: -115px;
        max-width: 100%;
        padding: 24px 30px;
        position: relative
    }

    .img-with-info__content-descr {
        font-size: 16px;
        line-height: 28px;
        max-width: 100%
    }

    .img-with-info__content-info {
        display: none
    }

    .img-with-info__control {
        bottom: 50%;
        margin-bottom: 0;
        right: -30px;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%)
    }

    .img-with-info__link {
        margin-top: 10px
    }

    .img-with-info--offset .img-with-info__content {
        padding-right: 175px
    }
}

@media (max-width:767.98px) {
    .img-with-info {
        position: relative
    }

    .img-with-info__image {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 65%
    }

    .img-with-info__more {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 20px
    }

    .img-with-info__content {
        margin-top: 0
    }

    .img-with-info__control {
        background-color: transparent;
        bottom: 100%;
        height: auto;
        margin-bottom: 22px;
        right: 22px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        width: auto
    }

    .img-with-info__control-line {
        display: none
    }

    .img-with-info__control-inner {
        background-color: #363cda;
        height: 44px;
        width: 44px
    }

    .img-with-info__control-icon {
        background-color: #fff;
        width: 20px
    }

    .img-with-info__link {
        margin-top: 10px
    }

    .img-with-info--offset .img-with-info__content {
        padding-right: 30px
    }
}

@media (hover:hover) {
    .img-with-info__control:hover {
        background-color: #435b70
    }

    .img-with-info__control:hover .img-with-info__control-icon {
        background-color: #d0dee8
    }

    .img-with-info__link:hover .img-with-info__link-icon {
        background-color: #363cda
    }

    .img-with-info__link:hover .img-with-info__link-title {
        color: #9ea3b0
    }

    .img-with-info__link:focus .img-with-info__link-title {
        color: #fff
    }
}

.media-folders {
    margin-top: 30px;
    overflow: hidden
}

.media-folder {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    padding: 0;
    text-align: left;
    width: 100%
}

.media-folder__thumb {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    margin-bottom: 12px;
    overflow: hidden;
    padding-bottom: 70%;
    position: relative;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.media-folder__name {
    color: #24394a;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}

.gallery-popup {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 9000
}

.gallery-popup[hidden] {
    display: none
}

.gallery-popup__overlay {
    background-color: rgba(31, 31, 41, .57);
    cursor: pointer;
    inset: 0;
    position: absolute
}

.gallery-popup__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 12px;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 90vh;
    max-width: 1100px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.gallery-popup__close,
.gallery-popup__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gallery-popup__close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    z-index: 2
}

.gallery-popup__close-icon {
    background-color: #6b7479;
    display: block;
    height: 15px;
    -webkit-mask-image: url(../img/icons/icon-close-gray.svg);
    mask-image: url(../img/icons/icon-close-gray.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 15px
}

.gallery-popup__header {
    -ms-flex-negative: 0;
    border-bottom: 1px solid #f2f2f2;
    flex-shrink: 0;
    padding: 0 70px 0 30px
}

.gallery-popup__tabs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    overflow-x: auto
}

.gallery-popup__tab {
    -ms-flex-negative: 0;
    border-bottom: 2px solid transparent;
    color: #aaa;
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 600;
    padding: 24px 14px 12px;
    -webkit-transition: .3s;
    transition: .3s;
    white-space: nowrap
}

.gallery-popup__tab.is-active {
    border-bottom-color: #363cda;
    color: #363cda
}

.gallery-popup__video-toggle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px;
    padding-bottom: 12px;
    padding-top: 24px
}

.gallery-popup__video-toggle .switcher__custom {
    height: 22px;
    width: 36px
}

.gallery-popup__video-toggle .switcher__custom:after {
    height: 14px;
    left: 5px;
    width: 14px
}

.gallery-popup__video-toggle .switcher__old:checked~.switcher__custom:after {
    left: calc(100% - 19px)
}

.gallery-popup__video-toggle .switcher__title {
    color: #aaa;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 8px
}

.gallery-popup__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    padding: 30px 50px 50px
}

.gallery-popup__section {
    margin-bottom: 40px
}

.gallery-popup__section:last-child {
    margin-bottom: 0
}

.gallery-popup__section-title {
    color: #24394a;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 16px
}

.gallery-popup__grid {
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
    display: -ms-grid;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr)
}

.gallery-popup__item {
    border-radius: 4px;
    display: block;
    overflow: hidden;
    padding-bottom: 70%;
    position: relative
}

.gallery-popup__item.is-video:after {
    background-image: url(../img/icons/icon-video-accent-round.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    bottom: 10px;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    content: "";
    height: 38px;
    position: absolute;
    right: 10px;
    width: 38px;
    z-index: 1
}

@media (max-width:1199.9999px) {
    .media {
        overflow: hidden
    }

    .media .swiper {
        overflow: visible
    }
}

@media (max-width:767.98px) {
    .gallery-popup {
        padding: 0
    }

    .gallery-popup__inner {
        border-radius: 0;
        height: 100vh
    }

    .gallery-popup__header {
        padding: 20px 24px 0
    }

    .gallery-popup__body {
        padding: 20px 24px 30px
    }

    .gallery-popup__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (hover:hover) {
    .media-folder:hover .media-folder__thumb {
        -webkit-transform: translateY(-3px);
        -ms-transform: translateY(-3px);
        transform: translateY(-3px)
    }

    .gallery-popup__close:hover .gallery-popup__close-icon {
        background-color: #24394a
    }

    .gallery-popup__tab:hover {
        color: #363cda
    }

    .gallery-popup__item:hover:after {
        background-image: url(../img/icons/icon-video-white-round.svg)
    }
}

.pagin {
    margin-top: 40px
}

.pagin__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pagin__btn,
.pagin__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagin__btn-icon {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    background-color: #435b70;
    height: 14px;
    margin-left: 12px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    order: 2;
    width: 21px
}

.pagin__btn-title {
    color: #435b70;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-transition: .3s;
    transition: .3s
}

.pagin__btn--prev .pagin__btn-icon {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin-left: 0;
    margin-right: 12px;
    -webkit-mask-image: url(../img/icons/icon-arrow-left-gray.svg);
    mask-image: url(../img/icons/icon-arrow-left-gray.svg);
    order: 1
}

.pagin__btn--prev .pagin__btn-title {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.pagin__btn.disabled {
    pointer-events: none
}

.pagin__btn.disabled .pagin__btn-icon {
    background-color: #9c9fa8
}

.pagin__btn.disabled .pagin__btn-title {
    color: #9c9fa8
}

.pagin__pages,
.pagin__pages-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pagin__pages-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #515255;
    font-size: 14px;
    font-weight: 600;
    height: 36px;
    justify-content: center;
    margin-right: 5px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 36px
}

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

.pagin__pages-item.active {
    background-color: #435b70;
    color: #fff;
    pointer-events: none
}

.pagin__pages span {
    pointer-events: none
}

@media (max-width:1199.9999px) {
    .pagin {
        margin-top: 30px
    }
}

@media (max-width:767.98px) {
    .pagin {
        margin-top: 30px
    }

    .pagin__btn-title {
        display: none
    }
}

@media (hover:hover) {
    .pagin__pages-item:not(.active):hover {
        color: #363cda
    }

    .pagin__btn:hover .pagin__btn-title {
        color: #282829
    }

    .pagin__btn:hover .pagin__btn-icon {
        background-color: #363cda
    }
}

.partner,
.partner__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.partner__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 30px 40px;
    width: calc(66.6666% + 16px)
}

.partner__thumb {
    height: 100%;
    position: relative;
    width: 142px
}

.partner__content {
    background-image: url(../img/elements/element-lines-gray.svg);
    background-position: 0;
    background-repeat: repeat-y;
    margin-left: 50px;
    padding-left: 50px;
    width: calc(100% - 192px)
}

.partner__info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.partner__info-title {
    font-family: Evolventa, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    margin-right: 15px
}

.partner__info-btn {
    padding-left: 20px;
    padding-right: 20px
}

.partner__descr {
    color: #3d404b;
    font-size: 16px;
    line-height: 23px
}

.partner__right {
    background-color: #f2f2f2;
    padding: 30px 30px 30px 40px;
    width: calc(33.3333% - 16px)
}

.partner__promo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.partner__promo-info {
    font-family: Evolventa, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 23px
}

.partner__promo-btn {
    position: relative
}

.partner__promo-hint {
    left: 0;
    top: calc(100% + 10px)
}

.partner__more {
    color: #78797e;
    font-size: 15px;
    line-height: 23px
}

@media (max-width:1339.9999px) {
    .partner__promo-hint {
        left: unset;
        right: 0
    }
}

@media (max-width:1199.9999px) {
    .partner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .partner__left {
        width: 100%
    }

    .partner__right {
        padding: 30px;
        width: 100%
    }

    .partner__promo-info br {
        display: none
    }

    .partner__more {
        max-width: 540px
    }
}

@media (max-width:767.98px) {
    .partner__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30px
    }

    .partner__thumb {
        height: auto;
        margin-bottom: 7px
    }

    .partner__thumb img {
        position: static;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .partner__content {
        background-image: unset;
        margin-left: 0;
        padding-left: 0;
        width: 100%
    }

    .partner__info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .partner__info-title {
        margin-bottom: 10px;
        margin-right: 0;
        text-align: center;
        width: 100%
    }

    .partner__right {
        width: 100%
    }

    .partner__promo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 10px
    }

    .partner__promo-info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .partner__promo-btn {
        margin-bottom: 25px;
        min-width: unset
    }
}

@media (hover:hover) {
    .partner__promo-btn:hover .partner__promo-hint {
        opacity: 1
    }
}

.popular__carousel-slide {
    height: auto
}

.popular__carousel-slide .card {
    height: 100%
}

.popular .swiper-slide {
    height: auto
}

.popular .swiper-slide .cards__elements-item {
    height: 100%;
    margin: 0;
    width: 100%
}

.popular .swiper-slide .cards__elements-item .card {
    height: 100%
}

@media (max-width:1199.9999px) {
    .popular__carousel {
        overflow: visible
    }

    .popular__carousel-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -12px -24px;
        width: auto
    }

    .popular__carousel-slide {
        display: none;
        margin: 0 12px 24px;
        width: calc(50% - 24px)
    }

    .popular__carousel-slide:first-child,
    .popular__carousel-slide:nth-child(2),
    .popular__carousel-slide:nth-child(3),
    .popular__carousel-slide:nth-child(4) {
        display: block
    }
}

@media (max-width:767.98px) {
    .popular {
        overflow: hidden
    }

    .popular__carousel-wrapper {
        margin: 0 0 -20px
    }

    .popular__carousel-slide {
        margin: 0 0 20px;
        width: 100%
    }

    .popular__carousel-slide:first-child,
    .popular__carousel-slide:nth-child(2),
    .popular__carousel-slide:nth-child(3) {
        display: block
    }

    .popular__carousel-slide:nth-child(4) {
        display: none
    }

    .popular .swiper {
        overflow: visible
    }
}

.popup {
    padding: 50px;
    position: relative
}

.popup-dark {
    background-color: #232325
}

.popup__close {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 40px;
    z-index: 2
}

.popup__close-icon {
    background-color: #6b7479;
    height: 15px;
    -webkit-mask-image: url(../img/icons/icon-close-gray.svg);
    mask-image: url(../img/icons/icon-close-gray.svg);
    -webkit-transition: .3s;
    transition: .3s;
    width: 15px
}

.popup-search {
    margin-top: 90px;
    max-width: 1320px;
    width: 100%
}

.popup-search__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-search__block:first-child {
    width: 64%
}

.popup-search__block:last-child {
    padding-left: 70px;
    width: 36%
}

.popup-search__block-title {
    color: #f5f5f5;
    font-family: Evolventa, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px
}

.popup-search__checks {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px
}

.popup-search__checks-item {
    margin-right: 23px
}

.popup-search__checks-item:last-child {
    margin-right: 0
}

.popup-search__content-inner {
    display: none
}

.popup-search__content.result-found .popup-search__content-inner {
    display: block
}

.popup-search__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 50px -30px -50px
}

.popup-search__results-item {
    margin: 0 30px 50px;
    width: calc(33.3333% - 60px)
}

.popup-search__results--lt .card-small__content-title-second span {
    border-bottom-color: #f5f5f5;
    color: #f5f5f5
}

.popup-search__btn {
    margin-top: 50px
}

.popup-sidebar {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(31, 31, 41, .94);
    -webkit-box-shadow: 0 0 15px 0 rgba(67, 75, 89, .57);
    box-shadow: 0 0 15px 0 rgba(67, 75, 89, .57);
    height: 100%;
    max-width: 612px;
    position: relative;
    width: 100%
}

.popup-sidebar__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%
}

.popup-sidebar .popup__close {
    right: 45px;
    top: 45px
}

.popup-sidebar__title {
    color: #f5f5f5;
    margin-bottom: 23px;
    padding-right: 40px
}

.popup-sidebar__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 30px
}

.popup-sidebar__bottom {
    margin-top: 30px
}

.popup-sidebar__thumb {
    margin-bottom: 30px;
    padding-bottom: 64%;
    position: relative
}

.popup-sidebar__block {
    margin-bottom: 30px
}

.popup-sidebar__block:last-child {
    margin-bottom: 0
}

.popup-sidebar__block-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    color: #949fa6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    justify-content: space-between;
    line-height: 27px;
    margin-bottom: 12px
}

.popup-sidebar__block-info .notice__hint {
    right: 0
}

.popup-sidebar__range {
    margin-bottom: 40px;
    margin-top: 28px
}

.popup-sidebar__prices {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.popup-sidebar__prices-item {
    width: 43%
}

.popup-sidebar__prices-separator {
    color: #6f787d;
    font-family: NAMU-Pro, sans-serif;
    font-size: 16px
}

.popup-sidebar__field {
    margin-bottom: 25px
}

.popup-sidebar__field:last-child {
    margin-bottom: 0
}

.popup-sidebar__checkbox {
    margin-bottom: 15px
}

.popup-sidebar__checkbox:last-child {
    margin-bottom: 0
}

.popup-sidebar__info {
    color: #aaa;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 28px;
    text-align: center
}

.popup-full {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(31, 31, 41, .94);
    padding: 70px 24px 60px
}

.popup-full__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.popup-full__title {
    color: #fff;
    margin-bottom: 23px
}

.popup-full__content {
    color: #f5f5f5;
    font-size: 17px;
    line-height: 35px
}

.popup-how {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 90vh;
    max-width: 984px;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.popup-how--long {
    max-width: 1320px
}

.popup-how--long .popup-how__left {
    padding: 45px 60px 45px 50px;
    width: 72%
}

.popup-how--long .popup-how__right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px 40px;
    width: 28%
}

.popup-how--long .popup-how__thumb {
    margin-bottom: 55px
}

.popup-how__row {
    -webkit-box-flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    min-height: 0
}

.popup-how__left {
    padding: 45px 90px 45px 50px;
    width: 67%
}

.popup-how__left,
.popup-how__slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0
}

.popup-how__slide,
.popup-how__specs {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-how__specs {
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px
}

.popup-how__right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 35px 40px;
    width: 33%
}

.popup-how__thumb {
    border-radius: 50%;
    height: 160px;
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
    width: 160px
}

.popup-how__title {
    color: #363cda;
    font-family: Evolventa, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 5px
}

.popup-how__step {
    color: #7b7e86;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px
}

.popup-how__descr {
    font-size: 16px;
    line-height: 23px
}

.popup-how__controls {
    margin-left: -10px;
    margin-top: 16px
}

.popup-how__info {
    color: #3d404b;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 15px;
    margin-top: 20px
}

.popup-how__more {
    color: #3d404b;
    font-size: 16px;
    line-height: 23px
}

.popup-how__columns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -15px
}

.popup-how__columns-item {
    margin-bottom: 15px;
    padding-right: 5px
}

.popup-how__columns-item ul li:before {
    content: url(../img/icons/icon-check-gray.svg)
}

.popup-how__btn-wrapper {
    position: relative
}

.popup-default {
    background-color: #fff;
    max-width: 1320px;
    overflow: hidden;
    padding: 45px 50px;
    width: 100%
}

.popup-default__title {
    color: #363cda;
    font-family: Evolventa, sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 20px;
    max-width: 750px
}

.popup-default__descr {
    font-size: 16px;
    line-height: 23px
}

.popup-default__top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.popup-default__top .popup-default__title {
    margin: 0 13px 0 0
}

.popup-default__top .card-simple__prices {
    position: static
}

.popup-default .article__slider {
    margin: 35px 0 0;
    padding: 0
}

.popup-default .article__slider .carousel {
    margin: 0
}

.popup-default .article__slider .carousel .swiper {
    overflow: visible
}

.popup-default .article__slider-row {
    margin-left: -10px;
    padding: 0
}

.is-popup-light .fancybox__backdrop {
    background-color: hsla(0, 0%, 96%, .6)
}

.is-popup-offset .fancybox__slide {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

.is-popup-offset .fancybox__slide:after,
.is-popup-offset .fancybox__slide:before {
    display: none
}

.is-popup-sidebar .fancybox__slide {
    overflow: hidden;
    padding: 0
}

.is-popup-sidebar .fancybox__slide:after,
.is-popup-sidebar .fancybox__slide:before {
    display: none
}

.is-popup-sidebar .fancybox__content {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.is-popup-full .fancybox__slide {
    padding: 0
}

.fancybox__backdrop {
    background: rgba(31, 31, 41, .57)
}

@media (max-width:1199.9999px) {
    .popup-search__block:first-child {
        width: 100%
    }

    .popup-search__block:last-child {
        margin-top: 20px;
        padding-left: 0;
        width: 100%
    }

    .popup-search__results {
        margin-bottom: -30px;
        margin-left: -12px;
        margin-right: -12px
    }

    .popup-search__results-item {
        margin: 0 12px 30px;
        width: calc(50% - 24px)
    }

    .popup-how--long .popup-how__left {
        width: 65%
    }

    .popup-how--long .popup-how__right {
        width: 35%
    }

    .popup-how__columns {
        margin-bottom: -10px
    }

    .popup-how__columns-item {
        margin-bottom: 10px
    }

    .popup-default .article__slider {
        overflow: visible
    }
}

@media (max-width:991.9999px) {
    .popup-how__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .popup-how__left {
        padding: 30px;
        width: 100%
    }

    .popup-how__right {
        padding: 30px 30px 35px;
        width: 100%
    }

    .popup-how--long .popup-how__left {
        padding: 30px;
        width: 100%
    }

    .popup-how--long .popup-how__right {
        padding: 30px 30px 35px;
        width: 100%
    }

    .popup-how--long .popup-how__thumb {
        margin-bottom: 30px
    }
}

@media (max-width:767.98px) {
    .popup {
        height: 100%;
        padding: 70px 24px 24px
    }

    .popup-search {
        margin: 0;
        overflow-y: auto
    }

    .popup-search__results {
        margin-left: 0;
        margin-right: 0
    }

    .popup-search__results-item {
        margin: 0 0 30px;
        width: 100%
    }

    .popup-full {
        height: 100%;
        width: 100%
    }

    .popup-full__title {
        margin-bottom: 15px
    }

    .popup-full__content {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        overflow-y: auto;
        padding-right: 30px
    }

    .popup__close {
        right: 24px
    }

    .popup__close-icon {
        height: 18px;
        width: 18px
    }

    .popup-sidebar .popup__close {
        right: 24px;
        top: 34px
    }

    .popup-sidebar__info {
        margin-bottom: 15px
    }

    .popup-sidebar__bottom {
        margin-top: 15px
    }

    .popup-sidebar__bottom .button {
        height: 56px
    }

    .popup-how {
        height: auto;
        overflow-y: auto;
        padding: 0
    }

    .popup-how__thumb {
        height: 92px;
        margin-bottom: 20px;
        width: 92px
    }

    .popup-how__title {
        padding-right: 40px
    }

    .popup-how__step {
        margin-bottom: 11px
    }

    .popup-how__controls {
        margin-top: 6px
    }

    .popup-how__info {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .popup-default {
        height: auto;
        overflow: unset
    }

    .popup-default .article__slider {
        margin-left: -24px;
        margin-right: -24px;
        overflow: hidden;
        padding: 0 24px
    }

    .popup-default .article__slider-row {
        margin: 30px 0 0
    }

    .popup-default__top .popup-default__title {
        margin: 0 0 10px;
        width: 100%
    }

    .is-popup-full .fancybox__backdrop {
        display: none
    }

    .fancybox__slide {
        padding: 0 24px
    }
}

@media (hover:hover) {
    .popup-dark .popup__close:hover .popup__close-icon {
        background-color: #fff
    }
}

.priorities {
    position: relative
}

.priorities:before {
    background-color: #f2f2f2;
    bottom: 200px;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.priorities__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.priorities__inner,
.priorities__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priorities__inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 100px
}

.priorities__btn {
    margin-top: 40px
}

.priorities__content {
    max-width: 584px
}

.priorities__content-title {
    color: #435b70;
    margin-bottom: 14px
}

.priorities__content-descr {
    color: #38393d;
    font-size: 19px;
    font-weight: 500;
    line-height: 29px
}

.priorities__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 65px;
    position: relative;
    width: calc(100% - 424px)
}

.priorities__bg {
    bottom: 200px;
    max-width: unset;
    pointer-events: none;
    position: absolute;
    right: -212px;
    width: auto
}

.priorities__right {
    margin-top: -55px;
    position: relative;
    width: 424px;
    z-index: 1
}

.priorities__main {
    height: 100%;
    position: relative
}

.priorities__additional,
.priorities__main {
    position: relative;
    z-index: 1
}

.priorities__block {
    background-color: #435b70;
    margin-bottom: 40px;
    padding: 50px
}

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

.priorities__additional {
    background-color: #fff;
    padding: 9px 0 18px 50px
}

.priorities__additional-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.priorities__additional-info {
    max-width: 320px
}

.priorities__additional-title {
    color: #435b70;
    margin-bottom: 12px
}

.priorities__additional-more {
    color: #0d111c;
    font-size: 19px
}

.priorities__additional-descr {
    color: #2e3338;
    font-size: 16px;
    line-height: 28px;
    max-width: 264px
}

.priorities__additional-decor {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.priorities__advantage {
    margin-bottom: 35px
}

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

.priorities__advantage-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.priorities__advantage-icon {
    width: 25px
}

.priorities__advantage-title {
    color: #fff;
    font-family: Evolventa, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    padding-left: 12px;
    width: calc(100% - 25px)
}

.priorities__advantage-descr {
    color: #e1e6ea;
    font-size: 16px;
    line-height: 24px
}

.priorities__services-items {
    margin-bottom: 28px
}

.priorities__services-bullets {
    margin-bottom: 34px
}

.priorities__services-bullets ul li {
    color: #fff;
    font-size: 19px;
    line-height: 29px
}

.priorities__services-bullets ul li:before {
    content: url(../img/icons/icon-check-white.svg);
    top: -3px
}

.priorities__services-more {
    position: relative
}

.priorities__services-label {
    background-color: #66a600;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    left: -6px;
    padding: 4px 9px;
    position: absolute;
    text-transform: uppercase;
    top: -7px;
    z-index: 1
}

.priorities__services-btn:after {
    left: 18px;
    opacity: .23;
    right: 18px
}

.priorities__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    bottom: 44px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    position: absolute;
    right: 74px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.priorities__info-label {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 3px;
    margin-left: 20px;
    text-shadow: 0 0 12px rgba(0, 0, 0, .2)
}

.priorities__info-title {
    font-family: Gunterz, sans-serif;
    font-size: 65px;
    font-weight: 500;
    line-height: 65px;
    opacity: .5;
    text-transform: uppercase
}

@media (max-width:1199.9999px) {
    .priorities {
        background-color: #f2f2f2;
        overflow: hidden
    }

    .priorities:before {
        display: none
    }

    .priorities__inner {
        padding-right: 80px
    }

    .priorities__btn {
        margin-top: 40px
    }

    .priorities__content {
        max-width: 390px
    }

    .priorities__content-title {
        margin-bottom: 5px
    }

    .priorities__content-descr {
        font-size: 16px;
        line-height: 28px
    }

    .priorities__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 25px;
        position: relative;
        width: 100%
    }

    .priorities__bg {
        bottom: -240px;
        max-width: 1480px;
        right: -254px
    }

    .priorities__right {
        margin-left: -28px;
        margin-right: -28px;
        margin-top: 0;
        width: auto
    }

    .priorities__main {
        height: auto;
        padding-bottom: 285px
    }

    .priorities__block {
        background-color: #435b70;
        margin-bottom: 0;
        padding: 30px
    }

    .priorities__additional {
        background-color: #fff;
        padding: 24px 30px 30px;
        position: relative
    }

    .priorities__additional-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .priorities__additional-info {
        max-width: 100%;
        width: 100%
    }

    .priorities__additional-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 6px
    }

    .priorities__additional-more {
        font-size: 16px;
        font-weight: 700;
        line-height: 25px
    }

    .priorities__additional-descr {
        max-width: 510px;
        width: 100%
    }

    .priorities__additional-decor {
        max-width: 115px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .priorities__advantage {
        margin-bottom: 25px
    }

    .priorities__services {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .priorities__services-items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 25px
    }

    .priorities__services-bullets {
        margin-bottom: 40px
    }

    .priorities__services-bullets ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: unset;
        width: 100%
    }

    .priorities__services-bullets ul li {
        font-size: 16px;
        line-height: 26px;
        padding-right: 30px;
        width: 33.3333%
    }

    .priorities__services-btn {
        padding-left: 60px;
        padding-right: 60px
    }

    .priorities__info {
        display: none
    }
}

@media (max-width:767.98px) {
    .priorities__inner {
        padding-right: 0
    }

    .priorities__btn {
        display: none
    }

    .priorities__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        padding-top: 25px;
        position: relative;
        width: 100%
    }

    .priorities__bg {
        display: none
    }

    .priorities__right {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        width: 100%
    }

    .priorities__main {
        height: auto;
        padding-bottom: 28px
    }

    .priorities__block {
        margin-left: -24px;
        margin-right: -24px;
        padding: 30px 24px
    }

    .priorities__additional {
        margin-left: -24px;
        margin-right: -24px;
        padding: 24px 24px 30px
    }

    .priorities__additional-info {
        margin-bottom: 8px;
        padding-right: 125px
    }

    .priorities__additional-decor {
        top: 10px;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .priorities__services-bullets {
        margin-bottom: 40px
    }

    .priorities__services-bullets ul {
        display: block
    }

    .priorities__services-bullets ul li {
        padding-right: 0;
        width: 100%
    }

    .priorities__services-btn {
        padding-left: 30px;
        padding-right: 30px
    }

    .priorities__services-more {
        width: 100%
    }
}

.product {
    margin-bottom: 30px
}

.product__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__left,
.product__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: calc(100% - 424px)
}

.product__left .card__marks {
    right: 50px;
    top: 50px
}

.product__left .card__slider {
    height: 100%;
    margin: 0;
    overflow: hidden
}

.product__left .card__slider .swiper,
.product__left .card__slider .swiper-wrapper {
    height: 100%
}

.product__left .card__slider .swiper-pagination {
    bottom: 50px;
    left: unset;
    padding: 0;
    right: 50px;
    width: auto
}

.product__left .card__thumb {
    height: 100%
}

.product__left .viewer3d {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__left .viewer3d__stage {
    -webkit-box-flex: 1;
    border-radius: 0;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 0
}

.product__left .viewer3d__colors {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #f2f2f2;
    justify-content: center;
    margin-top: 0;
    padding: 16px 24px
}

.product__colors {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 58px;
    position: absolute;
    z-index: 1
}

.product__colors-item {
    margin-right: 10px
}

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

.product__right {
    background-color: #f2f2f2;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    box-shadow: 0 0 12px rgba(0, 0, 0, .05);
    padding: 40px;
    width: 424px
}

.product__status {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../img/elements/element-product-lines.svg);
    background-position: bottom;
    background-repeat: no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 22px;
    padding-bottom: 32px
}

.product__status-thumb {
    position: relative
}

.product__status-check {
    left: 2px;
    position: absolute;
    top: 2px
}

.product__status-icon {
    width: 62px
}

.product__status-content {
    line-height: 24px;
    padding-left: 16px;
    width: calc(100% - 62px)
}

.product__status-title {
    color: #313444;
    font-size: 18px;
    font-weight: 700
}

.product__status-descr {
    color: #7b7e86;
    font-size: 15px
}

.product__variants {
    margin-bottom: 30px
}

.product__variants-equipment {
    margin-bottom: 15px
}

.product__variants-equipment .popup-sidebar__block-title {
    color: #435b70;
    font-size: 17px;
    line-height: 24px
}

.product__links {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 25px
}

.product__links-equipment {
    line-height: 22px
}

.product__links-equipment span {
    display: inline
}

.product__links-info {
    color: #7b7e86;
    font-size: 13px;
    margin-top: 5px
}

.product__links-file {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__links-file,
.product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product__price {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product__price-notice {
    margin-left: 4px;
    margin-top: 2px;
    position: absolute
}

.product__stats {
    background-image: url(../img/elements/element-product-lines.svg);
    background-position: top;
    background-repeat: no-repeat;
    padding-top: 32px
}

.product__stats .card__stats {
    padding: 0
}

.product__stats .card__stat {
    width: auto
}

@media (max-width:1440px) {
    .viewer3d__img {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media (max-width:1199.9999px) {
    .product__left {
        width: 100%
    }

    .product__left .card__marks {
        right: 40px;
        top: 40px
    }

    .product__left .card__thumb {
        padding-bottom: 72%
    }

    .product__left .card__slider .swiper-pagination {
        bottom: 50px;
        right: 40px
    }

    .product__left .viewer3d__stage {
        padding-bottom: 90%
    }

    .product__left .viewer3d__img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    .product__right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        width: 100%
    }

    .product__col:first-child {
        width: 45%
    }

    .product__col:last-child {
        width: 48%
    }

    .product__status {
        background-image: unset;
        margin-bottom: 34px;
        padding-bottom: 0
    }

    .product__price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .product__price .card__more {
        margin-bottom: 26px;
        padding-right: 0;
        width: 100%
    }

    .product__price .card__more-info {
        max-width: unset
    }

    .product__stats {
        background-image: unset;
        padding-top: 0
    }
}

@media (max-width:767.98px) {
    .product__left {
        width: 100%
    }

    .product__left .viewer3d__img {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .product__left .card__marks {
        right: 20px;
        top: 20px
    }

    .product__left .card__thumb {
        padding-bottom: 89%
    }

    .product__left .card__slider .swiper-pagination {
        bottom: 35px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }

    .product__colors {
        bottom: -15px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .product__right {
        padding: 45px 20px 35px
    }

    .product__col:first-child {
        width: 100%
    }

    .product__col:last-child {
        width: 100%
    }

    .product__status {
        background-image: url(../img/elements/element-product-lines.svg);
        margin-bottom: 26px;
        padding: 0 10px 26px
    }

    .product__status-title {
        font-size: 16px;
        line-height: 22px
    }

    .product__status-descr {
        font-size: 14px;
        line-height: 24px
    }

    .product__variants {
        padding: 0 10px
    }

    .product__links {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product__links-equipment {
        margin-bottom: 5px
    }

    .product__links-equipment br {
        display: none
    }

    .product__links-info {
        margin-left: 10px;
        margin-top: 0
    }

    .product__links-file {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .product__links-file,
    .product__price .card__more {
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .product__price .card__more {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px;
        padding-right: 0;
        width: 100%
    }

    .product__price .card__more-info {
        max-width: 145px;
        text-align: center
    }

    .product__price .card__more-info .notice__hint {
        right: 0;
        text-align: left
    }

    .product__price-btn {
        width: 100%
    }

    .product__stats {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url(../img/elements/element-product-lines.svg);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 32px
    }

    .product__stats .card__stats {
        width: 100%
    }

    .product__stats-link {
        margin-top: 15px
    }
}

.viewer3d {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.viewer3d__stage {
    background-color: #f2f2f2;
    border-radius: 8px;
    cursor: -webkit-grab;
    cursor: grab;
    overflow: hidden;
    padding-bottom: 68%;
    position: relative
}

.viewer3d__stage:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.viewer3d__img {
    height: 100%;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35);
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    width: 100%
}

.viewer3d__img.is-loading {
    opacity: .5
}

.viewer3d__loader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .7);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    inset: 0;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 2
}

.viewer3d__loader.is-visible {
    opacity: 1
}

.viewer3d__spinner {
    -webkit-animation: spin3d .8s linear infinite;
    animation: spin3d .8s linear infinite;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
    border-top-color: #363cda;
    height: 36px;
    width: 36px
}

.viewer3d__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    box-shadow: 0 0 12px rgba(0, 0, 0, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s;
    transition: .3s;
    width: 40px;
    z-index: 3
}

.viewer3d__arrow--prev {
    left: 12px
}

.viewer3d__arrow--prev:hover .viewer3d__arrow-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.viewer3d__arrow--next {
    right: 12px
}

.viewer3d__arrow-icon {
    background-color: #363cda;
    display: block;
    height: 14px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    -webkit-transition: -webkit-transform .15s ease;
    transition: -webkit-transform .15s ease;
    transition: transform .15s ease;
    transition: transform .15s ease, -webkit-transform .15s ease;
    width: 14px
}

.viewer3d__arrow--prev .viewer3d__arrow-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.viewer3d__arrow--prev:hover .viewer3d__arrow-icon {
    -webkit-transform: rotate(180deg) scale(1.15);
    -ms-transform: rotate(180deg) scale(1.15);
    transform: rotate(180deg) scale(1.15)
}

.viewer3d__arrow--next:hover .viewer3d__arrow-icon {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

.viewer3d__hint {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, .45);
    border-radius: 20px;
    bottom: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    gap: 6px;
    left: 50%;
    padding: 5px 12px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    white-space: nowrap;
    z-index: 3
}

.viewer3d__hint.is-hidden {
    opacity: 0
}

.viewer3d__hint-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 18px;
    width: 18px
}

.viewer3d__track {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1.5px solid rgba(0, 0, 0, .13);
    border-radius: 50%;
    bottom: 15%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    height: 100px;
    justify-content: center;
    left: 50%;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 97%;
    z-index: 3
}

.viewer3d__track-arrow {
    color: rgba(0, 0, 0, .35);
    font-size: 22px;
    font-style: normal;
    line-height: 1
}

.viewer3d__colors {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 14px
}

.viewer3d__color-btn {
    -ms-flex-negative: 0;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
    cursor: pointer;
    flex-shrink: 0;
    height: 36px;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s;
    width: 36px
}

.viewer3d__color-btn.is-active {
    border-color: #363cda;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #363cda;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #363cda
}

@-webkit-keyframes spin3d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin3d {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.props__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px -24px
}

.props__block {
    margin: 0 12px 24px;
    width: calc(50% - 24px)
}

.props__block-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    justify-content: space-between;
    margin-bottom: 3px;
    padding: 18px 40px
}

.props__block-row:last-child {
    margin-bottom: 0
}

.props__block-row:nth-child(odd) {
    background-color: #f2f2f2
}

.props__block-row:nth-child(2n) {
    background-color: #fff
}

.props__block-title {
    color: #3d404b;
    font-weight: 600
}

.props__block-value {
    color: #61636a
}

@media (max-width:1199.9999px) {
    .props__row {
        margin: 0
    }

    .props__block {
        margin: 0;
        width: 100%
    }

    .props__block:not(:first-child) {
        display: none
    }

    .props__block-row {
        font-size: 16px;
        padding: 20px 30px
    }
}

@media (max-width:767.98px) {
    .props__block-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 7px 30px
    }

    .props__block-title,
    .props__block-value {
        width: 100%
    }
}

.quote {
    background-color: #fff;
    padding: 36px 227px 36px 50px
}

.quote__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.quote__content {
    padding-left: 30px;
    width: calc(100% - 90px)
}

.quote__content-descr {
    font-size: 20px;
    line-height: 34px
}

.quote__content-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    margin-top: 4px;
    padding-left: 33px;
    position: relative
}

.quote__content-info:before {
    content: url(../img/icons/icon-quotes.svg);
    left: 0;
    position: absolute;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quote__content-name {
    margin-right: 5px
}

.quote__content-job {
    color: #757575
}

.quote__content-link {
    font-size: 18px;
    font-weight: 700;
    line-height: 18px
}

.quote__info {
    position: relative
}

.quote__info .card-simple__prices {
    bottom: unset;
    left: -15px;
    right: unset;
    top: 10px
}

@media (max-width:1199.9999px) {
    .quote {
        padding: 30px
    }

    .quote__row {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .quote__thumb {
        height: 72px;
        width: 72px
    }

    .quote__content {
        padding-left: 26px;
        width: calc(100% - 72px)
    }

    .quote__content-descr {
        font-size: 15px;
        line-height: 25px
    }

    .quote__content-info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 15px;
        padding-left: 33px
    }

    .quote__content-info:before {
        top: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }

    .quote__content-link {
        font-size: 15px;
        line-height: 18px
    }
}

@media (max-width:767.98px) {
    .quote {
        padding: 30px
    }

    .quote__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .quote__content {
        margin-top: 16px;
        padding-left: 0;
        width: 100%
    }

    .quote__content-descr {
        font-size: 15px;
        line-height: 28px
    }
}

.screen {
    min-height: 100vh;
    overflow: hidden;
    padding: 190px 0 310px;
    position: relative
}

.screen__bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.screen__bg img {
    min-height: 1280px;
    -o-object-position: top center;
    object-position: top center
}

.screen__decor {
    pointer-events: none;
    position: absolute
}

.screen__leaf {
    left: 30px;
    top: 60px;
    z-index: 10
}

.screen__bloom {
    right: -450px;
    top: 200px;
    z-index: 1
}

.screen__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.screen__left,
.screen__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.screen__left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 170px;
    position: relative;
    width: 20%;
    z-index: 2
}

.screen__left:before {
    background-color: #f6f6f6;
    bottom: -90px;
    content: "";
    left: -170px;
    position: absolute;
    top: -190px;
    width: 300px
}

.screen__right {
    padding-left: 75px;
    width: 80%
}

.screen__title {
    margin-bottom: 55px;
    max-width: 98%
}

.screen__advantages {
    margin-bottom: 100px
}

.screen__btn {
    padding-left: 45px
}

.screen__btn,
.screen__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.screen__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    color: #3b3c42;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 23px;
    opacity: .1;
    padding-right: 83px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.screen__info-label {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 3px;
    margin-left: 5px
}

.screen__info-title {
    font-family: Gunterz, sans-serif;
    font-size: 38px;
    font-weight: 500;
    line-height: 38px;
    text-transform: uppercase
}

.screen__cards {
    position: relative
}

.screen__cards-arrows {
    display: none
}

.screen__cards:before {
    background-color: #435b70;
    background-image: url(../img/elements/element-screen-lines.svg);
    background-position: right calc(100% - 25px);
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    display: block;
    left: -170px;
    position: absolute;
    top: 0;
    width: 68px
}

@media (max-width:1199.9999px) {
    .screen {
        margin-bottom: 173px;
        min-height: unset;
        overflow: unset;
        padding: 40px 0 0
    }

    .screen__decor {
        display: none
    }

    .screen__bg img {
        -o-object-position: right -200px;
        object-position: right -200px
    }

    .screen__left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-bottom: -146px;
        order: 2;
        padding-top: 0;
        width: 100%
    }

    .screen__left:before {
        display: none
    }

    .screen__right {
        margin-bottom: 400px;
        padding-left: 0;
        width: 100%
    }

    .screen__title {
        margin-bottom: 35px;
        max-width: 700px
    }

    .screen__advantages {
        margin-bottom: 72px
    }

    .screen__btn {
        padding-left: 25px
    }

    .screen__info {
        display: none
    }

    .screen__cards-arrows {
        display: block;
        margin-bottom: 10px;
        margin-left: -10px
    }

    .screen__cards .swiper {
        overflow: visible
    }

    .screen__cards:before {
        display: none
    }
}

@media (max-width:991.9999px) {
    .screen__bg img {
        min-height: 1150px;
        -o-object-position: -555px -100px;
        object-position: -555px -100px
    }
}

@media (max-width:767.98px) {
    .screen {
        margin-bottom: 0;
        padding: 25px 0 20px
    }

    .screen__bg img {
        min-height: 1150px;
        -o-object-position: -555px -100px;
        object-position: -555px -100px
    }

    .screen__left {
        margin-bottom: 0
    }

    .screen__right {
        margin-bottom: 300px
    }
}

@media (min-width:1200px) {
    .screen__cards .swiper {
        overflow: visible
    }

    .screen__cards .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .screen__cards .swiper-slide {
        margin-bottom: 50px
    }

    .screen__cards .swiper-slide:last-child {
        margin-bottom: 0
    }
}

.search__container {
    background-color: #f2f2f2;
    padding: 45px 50px 50px
}

.search__container .popup-search__results {
    margin-top: 0
}

.search__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Evolventa, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 20px
}

.search__more-info {
    color: #435b70;
    margin-right: 25px
}

@media (max-width:1199.9999px) {
    .search__container {
        padding: 30px
    }

    .search__more {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }
}

@media (max-width:767.98px) {
    .search__container {
        padding: 30px
    }

    .search__more {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .search__more-info {
        line-height: 28px;
        margin-bottom: 6px;
        margin-right: 0;
        width: 100%
    }

    .search__container {
        padding: 20px
    }
}

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

.services__elements {
    margin-bottom: 40px
}

.services__elements .swiper-slide {
    height: auto
}

.services__elements .swiper-slide .card {
    height: 100%
}

.services .banner,
.services .partner {
    margin-bottom: 40px
}

@media (max-width:1199.9999px) {
    .services__elements {
        margin-bottom: 30px
    }

    .services__elements .swiper {
        overflow: visible
    }

    .services .partner {
        margin-bottom: 20px
    }

    .services .banner {
        margin-bottom: 30px
    }
}

.sort {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sort__results {
    color: #435b70;
    font-family: Evolventa, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 28px;
    margin-right: 20px;
    min-width: 170px;
    padding-top: 6px
}

.sort__types {
    margin-left: 10px;
    margin-right: 40px;
    position: relative
}

.sort__types-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.sort__types-item {
    margin-right: 35px
}

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

.sort__types-rect {
    background-color: #363cda;
    height: 34px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 55%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: .3s;
    transition: .3s
}

.sort__type-old:checked~.sort__type-title {
    border-bottom-color: transparent;
    color: #fff
}

.sort__type-title {
    border-bottom: 1px dashed #232325;
    color: #232325;
    cursor: pointer;
    font-family: NAMU-Pro, sans-serif;
    font-size: 17px;
    line-height: 24px;
    -webkit-transition: .3s;
    transition: .3s
}

.sort__switchers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sort__switchers-item {
    margin-right: 20px
}

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

.sort__switchers .switcher__title {
    /* color: #232325; */
    font-family: NAMU-Pro, sans-serif
}

.sort__select {
    min-width: 200px
}

@media (max-width:1199.9999px) {
    .sort {
        margin: 0 -24px;
        overflow-x: auto;
        padding: 2px 24px
    }

    .sort__switchers-item,
    .sort__types-item {
        white-space: nowrap
    }

    .sort__results {
        margin: 0;
        min-width: unset;
        padding: 0
    }
}

@media (max-width:767.98px) {
    .sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sort__types {
        margin-right: 0
    }

    .sort__switchers {
        margin-top: 23px
    }
}

@media (hover:hover) {
    .sort__type:hover .sort__type-old:checked~.sort__type-title {
        border-bottom-color: transparent;
        color: #fff;
        cursor: default
    }

    .sort__type:hover .sort__type-title {
        border-color: #5e6d75;
        color: #5e6d75
    }
}

.steps {
    background-color: #f8fafc;
    margin-top: 130px;
    position: relative
}

.common-home .steps {
    background-color: #fff;
}

.steps__map {
    left: -280px;
    max-width: unset;
    pointer-events: none;
    position: absolute;
    top: 717px;
    width: auto;
    z-index: 1
}

.steps__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.steps__left,
.steps__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps__left {
    -ms-flex-item-align: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-self: flex-start;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1250px;
    position: sticky;
    top: 0;
    width: 32.2%;
    z-index: 2
}

.steps__right {
    width: 67.8%
}

.steps__right-tablet {
    display: none
}

.steps__right-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps__right-main {
    /* min-height: 1250px; */
    position: relative
}

.steps__right-main {
    min-height: 1250px;
}

.steps__right-main-img {
    height: 100%;
    left: 0;
    max-width: unset;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: auto
}

.steps__right-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 60px 0 0 60px;
    position: relative
}

.steps__car {
    bottom: -80px;
    /* display: none; */
    pointer-events: none;
    position: absolute;
    right: -127px;
    z-index: 1
}

.steps-about {
    background-color: #435b70;
    margin-bottom: 50px;
    margin-top: -56px;
    padding: 42px 60px 50px 70px
}

.steps-about__title {
    margin-bottom: 17px
}

.steps-about__descr {
    color: #d9d9d9;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 25px
}

.steps-about__subtitle {
    font-family: Evolventa, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 18px;
    max-width: 85%
}

.steps-about__bullets {
    Flex-wrap: wrap;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 62px;
    margin-left: -7px;
    margin-right: -7px
}

.steps-about__bullets-item {
    margin: 0 7px;
    width: calc(50% - 14px)
}

.steps-about__bullets-item:before {
    content: url(../img/icons/icon-check-gray.svg);
    margin-right: 14px
}

.steps-about__info {
    color: #a8b5be;
    font-size: 14px;
    line-height: 22px
}

.steps__work-title {
    color: #435b70;
    margin-bottom: 11px
}

.steps__work-descr {
    color: #0d111c;
    font-size: 19px;
    line-height: 32px;
    max-width: 340px
}

.steps-info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* display: none; */
    display: flex;
    margin-bottom: 60px;
    margin-top: auto
}

.steps-info__number {
    color: #363cda;
    font-family: NAMU-Pro, sans-serif;
    font-size: 111px;
    line-height: 75px
}

.steps-info__content {
    max-width: 275px;
    padding-left: 18px
}

.steps-info__content-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 6px
}

.steps-info__content-descr {
    color: #717380;
    font-size: 14px;
    line-height: 22px
}

.steps-slider {
    margin-top: -56px;
    width: 50%;
    z-index: 1
}

.steps-slider__inner {
    background-color: #405363;
    height: 100%;
    padding: 55px 60px;
    position: relative
}

.steps-slider__inner:before {
    background-image: url(../img/example/steps/slider-bg.png);
    background-position: center 110%;
    background-repeat: no-repeat;
    background-size: 122%;
    content: "";
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.steps-slider__arrows {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.steps-slider__arrows .slider-arrows__btn-icon {
    background-color: #f8fafc
}

.steps-slider__container {
    margin-left: -15px
}

.steps-slider__container .swiper {
    padding-left: 15px
}

.steps-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 45px;
    position: relative;
    width: 50%
}

.steps-more__image {
    display: none
}

.steps-more__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.steps-more__info-descr {
    color: #a3a3a3;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 5px
}

.steps-more__info-title {
    color: hsla(0, 0%, 100%, .5);
    font-family: Gunterz, sans-serif;
    font-size: 65px;
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase
}

.steps-more__content {
    margin-left: 63px
}

.steps-more__content-descr {
    color: #2e3338;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 20px
}

.steps-more__content-stamp {
    mix-blend-mode: luminosity
}

.steps-slide {
    position: relative
}

.steps-slide__char {
    color: hsla(0, 0%, 100%, .05);
    font-size: 77px;
    font-weight: 900;
    left: -15px;
    line-height: 77px;
    position: absolute;
    top: -15px
}

.steps-slide__descr {
    color: #fff;
    font-size: 16px;
    line-height: 32px
}

.steps__descr {
    color: #0d111c;
    font-size: 19px;
    line-height: 32px;
    width: 300px
}

.steps__buttons {
    margin-top: -130px;
    width: calc(100% - 300px);
    z-index: 1
}

.steps__button,
.steps__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.steps__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #fff;
    height: 130px;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    width: 50%
}

.steps__button-icon {
    background-color: #fff;
    height: 30px;
    margin-right: 20px;
    width: 30px
}

.steps__button-title {
    font-family: NAMU-Pro, sans-serif;
    font-size: 13px;
    line-height: 19px;
    max-width: 90px;
    text-transform: uppercase
}

.steps__button--dark {
    background-color: #0d111c
}

.steps__button--dark .steps__button-icon {
    -webkit-mask-image: url(../img/icons/icon-clover-gray.svg);
    mask-image: url(../img/icons/icon-clover-gray.svg)
}

.steps__button--accent {
    background-color: #363cda
}

.steps__button--accent .steps__button-icon {
    -webkit-mask-image: url(../img/icons/icon-video-blue-lt.svg);
    mask-image: url(../img/icons/icon-video-blue-lt.svg)
}

.steps__connect {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #b4c5d0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    width: 62px
}

.steps__connect-icon {
    background-image: url(../img/icons/icon-connect-gray-ltr.svg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 26px;
    width: 26px
}

.steps__screens {
    /* display: none; */
    position: relative;
    z-index: 1
}

/* .page-company .steps__screens {
    display: none
} */

.steps__screens-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 70px;
    z-index: 2
}

.steps__screens-connect {
    margin-right: 20px
}

.steps-dots,
.steps__screens-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.steps-dots {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    left: 90px;
    position: absolute;
    top: 70px;
    z-index: 2
}

.steps-dots__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 165px;
    position: relative
}

.steps-dots__items:after {
    background-color: #474849;
    content: "";
    height: 130px;
    left: 50%;
    margin-top: 20px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1px
}

.steps-dots__item {
    background-color: #6b7276;
    border-radius: 77px;
    height: 8px;
    margin-bottom: 8px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 8px
}

.steps-dots__item:last-child {
    margin-bottom: 0
}

.steps-dots__item.active {
    background-color: #fff;
    height: 17px
}

.steps-dots__number {
    color: #5f666c;
    font-family: Evolventa, sans-serif;
    font-size: 20px;
    line-height: 27px;
    position: relative
}

.steps-dots__number:after {
    background-color: #363cda;
    content: "";
    height: 17px;
    left: 50%;
    margin-top: 14px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3px
}

.steps-screen {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 1100px;
    padding-bottom: 100px;
    padding-left: 150px;
    position: relative
}

.steps-screen__image {
    height: 100%;
    left: 0;
    max-width: unset;
    position: absolute;
    top: 0;
    width: auto
}

.steps-screen__word {
    color: hsla(0, 0%, 100%, .05);
    font-family: Gunterz, sans-serif;
    font-size: 80px;
    font-weight: 500;
    left: 210px;
    line-height: 80px;
    position: absolute;
    top: 70px;
    -webkit-transform: scale(-1);
    -ms-transform: scale(-1);
    transform: scale(-1);
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr
}

.steps-screen__content {
    max-width: 510px;
    position: relative
}

.steps-screen__content-title {
    color: #fff;
    font-family: NAMU-Pro, sans-serif;
    font-size: 39px;
    line-height: 47px;
    margin-bottom: 25px
}

.steps-screen__content-descr {
    color: #c1c2c6;
    font-size: 22px;
    line-height: 47px
}

/* .steps {
    margin-top: 0
} */

.steps-dots {
    top: 206px
}

/* .page-company .steps__screens-buttons {
    display: none
} */

@media (max-width:1199.9999px) {
    .steps {
        margin-top: 25px;
        overflow: hidden
    }

    .steps__map {
        left: -50px;
        top: -80px;
        z-index: unset
    }

    .steps__row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .steps__left {
        min-height: unset;
        width: 100%
    }

    .steps__right {
        position: relative;
        width: 100%;
        z-index: 1
    }

    .steps__right-tablet {
        display: block;
        position: relative
    }

    .steps__right-tablet__inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -12px;
        margin-right: -12px;
        min-height: 520px;
        padding-top: 25px;
        position: relative;
        z-index: 1
    }

    .steps__right-tablet__inner .steps__work {
        margin: 0 12px;
        width: calc(48% - 24px)
    }

    .steps__right-tablet__inner .steps__work-title {
        margin-bottom: 12px;
        text-shadow: unset
    }

    .steps__right-tablet__inner .steps__work-descr {
        font-size: 16px;
        line-height: 28px
    }

    .steps__right-tablet__inner .steps-info {
        margin: 42px 12px 0;
        width: calc(48% - 24px)
    }

    .steps__right-tablet__inner .steps-info__content-title {
        font-size: 15px;
        line-height: 27px;
        max-width: 228px
    }

    .steps__right-tablet__inner .steps-info__content-descr {
        display: none
    }

    .steps__right-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .steps__right-main {
        min-height: unset
    }

    .steps__right-main-img {
        height: 100%;
        left: 0;
        max-width: unset;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: auto
    }

    .steps__right-bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    .steps__car {
        bottom: unset;
        right: 50%;
        top: 200px;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
        z-index: unset
    }

    .steps-about {
        margin-bottom: 0;
        margin-top: 0;
        padding: 24px 0;
        position: relative
    }

    .steps-about:after,
    .steps-about:before {
        background-color: #435b70;
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100vw;
        z-index: -1
    }

    .steps-about:before {
        right: 50%
    }

    .steps-about:after {
        left: 50%
    }

    .steps-about__title {
        margin-bottom: 7px
    }

    .steps-about__descr {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 16px
    }

    .steps-about__subtitle {
        margin-bottom: 13px
    }

    .steps-about__bullets {
        margin-bottom: 17px;
        margin-left: -10px;
        margin-right: -10px;
        max-width: 280px
    }

    .steps-about__bullets-item {
        margin: 0 10px;
        min-width: 105px;
        width: auto
    }

    .steps-slider {
        margin-top: 0;
        position: relative;
        width: 100%
    }

    .steps-slider:after,
    .steps-slider:before {
        background-color: #405363;
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100vw
    }

    .steps-slider:before {
        right: 50%
    }

    .steps-slider:after {
        left: 50%
    }

    .steps-slider__inner {
        padding: 30px 0;
        position: relative;
        z-index: 1
    }

    .steps-slider__inner:before {
        background-position: top
    }

    .steps-slider__arrows {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -10px
    }

    .steps-more {
        padding: 45px 60% 70px 0;
        position: relative;
        width: 100%
    }

    .steps-more .steps__right-main-img {
        display: block;
        height: 100%;
        left: 30%;
        max-width: unset;
        position: absolute;
        top: 0;
        width: auto
    }

    .steps-more:before {
        background-color: #dedde2;
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        right: 50%;
        top: 0;
        width: 100vw;
        z-index: 1
    }

    .steps-more__content {
        margin-left: 25px;
        position: relative;
        z-index: 1
    }

    .steps-more__content-descr {
        position: relative
    }

    .steps-more__content-stamp {
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: .7
    }

    .steps-more__info {
        position: relative;
        z-index: 1
    }

    .steps-slide__char {
        display: none
    }

    .steps-slide__descr,
    .steps__descr {
        line-height: 28px
    }

    .steps__descr {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        background-color: #dddee3;
        font-size: 16px;
        order: 2;
        padding: 25px 0;
        position: relative;
        width: auto
    }

    .steps__descr-inner {
        position: relative;
        z-index: 1
    }

    .steps__descr:after,
    .steps__descr:before {
        background-color: #dddee3;
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100vw
    }

    .steps__descr:before {
        right: 50%
    }

    .steps__descr:after {
        left: 50%
    }

    .steps__buttons {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin: 0;
        order: 1;
        width: 100%
    }

    .steps__button {
        position: relative
    }

    .steps__button:before {
        bottom: 0;
        content: "";
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100vw
    }

    .steps__button--dark:before {
        background-color: #0d111c;
        right: 0
    }

    .steps__button--accent:before {
        background-color: #363cda;
        left: 0
    }

    .steps__button-icon,
    .steps__button-title {
        position: relative
    }

    .steps-dots,
    .steps__screens-buttons,
    .steps__screens-inner {
        display: none
    }
}

@media (max-width:767.98px) {
    .steps__map {
        top: -90px
    }

    .steps__right-tablet {
        padding-bottom: 306px
    }

    .common-home .steps__right-tablet {
        padding-bottom: 90px;
    }

    .steps__right-tablet__inner {
        margin-left: 0;
        margin-right: 0;
        min-height: unset;
        padding-top: 25px
    }

    .steps__right-tablet__inner .steps__work {
        margin: 0 0 20px;
        width: 100%
    }

    .steps__right-tablet__inner .steps__work-title {
        margin-bottom: 5px
    }

    .steps__right-tablet__inner .steps-info {
        margin: 0;
        width: 100%
    }

    .steps__right-main-img {
        display: none
    }

    .steps__car {
        top: 270px
    }

    .steps-about__bullets {
        max-width: unset
    }

    .steps-about__bullets-item {
        min-width: 120px
    }

    .steps-slider__inner {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }

    .steps-slider__inner:before {
        background-position: center -100%
    }

    .steps-more {
        padding: 25px 10px 20px 0
    }

    .steps-more .steps__right-main-img {
        display: none
    }

    .steps-more:before {
        right: -24px
    }

    .steps__button {
        height: 86px
    }

    .steps__button-icon {
        height: 26px;
        margin-right: 13px;
        width: 26px
    }

    .steps__button-title {
        font-size: 12px
    }
}

@media (hover:none) {
    .steps-slider__arrows .slider-arrows__btn:active span {
        background-color: #b7d4e8
    }

    .steps__button--dark:active,
    .steps__button--dark:focus {
        background-color: #373e4f
    }

    .steps__button--dark:active .steps__button-title,
    .steps__button--dark:focus .steps__button-title {
        color: #fff
    }

    .steps__button--accent:active,
    .steps__button--accent:focus {
        background-color: #464cdb
    }

    .steps__button--accent:active .steps__button-title,
    .steps__button--accent:focus .steps__button-title {
        color: #fff
    }

    .steps__connect:hover {
        background-color: #363cda
    }

    .steps__connect:hover span {
        background-image: url(../img/icons/icon-connect-white.svg)
    }
}

@media (hover:hover) {
    .steps-slider__arrows .slider-arrows__btn:hover span {
        background-color: #b7d4e8
    }

    .steps__button--dark:hover {
        background-color: #373e4f;
        color: #fff
    }

    .steps__button--dark:focus {
        color: #fff
    }

    .steps__button--accent:hover {
        background-color: #464cdb;
        color: #fff
    }

    .steps__button--accent:focus {
        color: #fff
    }

    .steps__connect:hover {
        background-color: #363cda
    }

    .steps__connect:hover span {
        background-image: url(../img/icons/icon-connect-white.svg)
    }
}

.target {
    background-color: #fff;
    padding: 44px 66px 108px;
    position: relative;
    z-index: 1
}

.target__row {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.target__descr {
    width: 60%
}

.target__info {
    padding-left: 60px;
    width: 40%
}

.target__info .txt-brush:after {
    background-image: url(../img/elements/element-brush-accent.svg);
    bottom: -15px;
    left: 2px;
    right: -5px
}

.target__decor {
    pointer-events: none;
    position: absolute
}

.target__oil {
    left: -12px;
    top: 25px
}

.target__car {
    bottom: -30px;
    right: -63px
}

@media (max-width:1199.9999px) {
    .target {
        padding: 32px 32px 38px 60px
    }

    .target__descr {
        margin-bottom: 17px;
        width: 100%
    }

    .target__info {
        font-size: 19px;
        line-height: 26px;
        max-width: 316px;
        padding-left: 0;
        width: 100vw
    }

    .target__oil {
        left: -10px;
        max-width: 50px;
        top: 15px
    }

    .target__car {
        max-width: 290px;
        right: 20px
    }
}

@media (max-width:767.98px) {
    .target {
        padding: 35px 27px 95px 60px
    }

    .target__info {
        margin-left: -30px
    }

    .target__oil {
        left: -12px;
        max-width: 100%
    }

    .target__car {
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%)
    }
}

.variants .swiper-slide {
    height: auto
}

.variants--single .popup-how {
    height: 70vh
}

.variants--single .popup-how__left {
    min-height: 0
}

.variants--single .popup-how__right {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:1199.9999px) {
    .variants .swiper {
        overflow: visible
    }

    .variants .swiper-slide {
        height: auto
    }

    .variants .swiper-slide .card__btn {
        font-size: 15px;
        padding-left: 0;
        padding-right: 0
    }
}

.ways {
    background-color: #f2f2f2;
    padding: 50px 50px 65px;
    position: relative
}

.ways__bg {
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.ways__title {
    margin-bottom: 55px;
    max-width: 720px
}

.ways__title span:after {
    background-image: url(../img/elements/element-brush-accent.svg);
    bottom: -15px;
    left: 0;
    right: -10px
}

.ways__items {
    padding: 0 100px 0 120px;
    position: relative
}

.ways__decor {
    left: -140px;
    pointer-events: none;
    position: absolute;
    top: 105px
}

.ways__elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px;
    margin-left: -17px;
    margin-right: -17px
}

.ways__item {
    margin: 0 17px 30px;
    width: calc(50% - 34px)
}

.ways__item:nth-child(4n+3) {
    margin-left: 68px
}

.ways__item:nth-child(4n+4) {
    margin-right: -68px
}

.way {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.way:after {
    background-color: #435b70;
    content: "";
    height: 14px;
    -webkit-mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    mask-image: url(../img/icons/icon-arrow-right-gray.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    position: absolute;
    right: 30px;
    top: 35px;
    -webkit-transition: .3s;
    transition: .3s;
    width: 21px
}

.way__thumb {
    height: 136px;
    position: relative;
    width: 136px
}

.way__thumb-number {
    bottom: -10px;
    color: #fff;
    font-size: 45px;
    font-weight: 300;
    line-height: 45px;
    position: absolute;
    right: 15px
}

.way__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Evolventa, sans-serif;
    font-size: 22px;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 27px;
    padding-left: 30px;
    padding-right: 70px;
    width: calc(100% - 136px)
}

@media (max-width:1199.9999px) {
    .ways {
        padding: 30px 30px 40px
    }

    .ways__bg {
        display: none
    }

    .ways__title {
        font-size: 19px;
        line-height: 26px;
        margin-bottom: 15px;
        max-width: 100%
    }

    .ways__items {
        padding: 0
    }

    .ways__decor {
        display: none
    }

    .ways__elements {
        margin-bottom: -20px;
        margin-left: -12px;
        margin-right: -12px
    }

    .ways__item {
        margin: 0 12px 20px;
        width: calc(50% - 24px)
    }

    .ways__item:nth-child(4n+3) {
        margin-left: 12px
    }

    .ways__item:nth-child(4n+4) {
        margin-right: 12px
    }

    .way:after {
        display: none
    }

    .way__thumb {
        height: 100px;
        width: 100px
    }

    .way__thumb-number {
        right: 10px
    }

    .way__title {
        font-size: 17px;
        line-height: 22px;
        padding: 0 30px;
        width: calc(100% - 100px);
        word-break: break-word
    }
}

@media (max-width:767.98px) {
    .ways {
        padding: 30px 30px 40px
    }

    .ways__bg {
        display: none
    }

    .ways__title {
        margin-bottom: 25px
    }

    .ways__elements {
        margin-bottom: -30px;
        margin-left: 0;
        margin-right: 0
    }

    .ways__item {
        margin: 0 0 30px;
        width: 100%
    }

    .ways__item:nth-child(4n+3) {
        margin-left: 0
    }

    .ways__item:nth-child(4n+4) {
        margin-right: 0
    }

    .way {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: transparent;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .way__thumb {
        margin-bottom: -20px;
        z-index: 1
    }

    .way__thumb-number {
        right: 50%;
        text-align: center;
        -webkit-transform: translateX(55%);
        -ms-transform: translateX(55%);
        transform: translateX(55%)
    }

    .way__title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background-color: #fff;
        font-size: 17px;
        justify-content: center;
        line-height: 22px;
        padding: 37px 22px 30px;
        text-align: center;
        width: calc(100% - 100px);
        width: 100%;
        word-break: break-word
    }
}

@media (hover:hover) {
    .way:hover:after {
        background-color: #363cda
    }
}

.filter-dropdown {
    padding: 20px 20px 24px 20px;
}

.filter-dropdown__prices {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.filter-dropdown__prices-item {}

.filter-dropdown__range {
    margin-top: 43px;
    margin-bottom: 26px;
}

.filter-dropdown__btn {
    width: 100%;
    height: 49px;
    font-size: 14px;
    font-weight: 500;
}

.popular__empty {
    text-align: center;
    padding: 60px 20px;
    color: #6F787D;
}

.popular__empty-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 20px;
    opacity: 0.4;
}

.popular__empty-icon svg {
    width: 100%;
    height: 100%;
}

.popular__empty-title {
    font-size: 20px;
    font-weight: 500;
    color: #1A1A1E;
    margin-bottom: 8px;
}

.popular__empty-descr {
    font-size: 15px;
    line-height: 1.5;
    max-width: 420px;
    margin: 0 auto;
}