.wrapper {
    position: relative;
    overflow: hidden;
}

.container {
    max-width: 1230px;
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
}

/* header */
.header {
    position: relative;
    padding-bottom: 98px;
    z-index: 15;
}

.header__top {
    position: relative;
}

.header__top-wrap {
    position: relative;
    padding-top: 25px;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid hsla(0, 0%, 84%, .4);
}

.header__top-left,
.header__top-right {
    width: 200px;
    position: relative;
    display: flex;
}

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

.header__top-right {
    justify-content: flex-end;
}

.header__top-wrap .phone {
    font-size: 18px;
    font-weight: 500;
}

.header__top-wrap .logo {
    max-width: 180px;
    position: relative;
    display: block;
}

.hamburger,
.header__bottom-logo,
.header__menu {
    display: none;
}

.header__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
}

.header__bottom.is-fixed {
    top: 0;
    position: fixed;
    bottom: auto;
    box-shadow: 0 4px 20px rgba(84, 84, 84, .1);
}

.header__bottom-right {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.header__bottom-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px;
}

/* Main menu */
.menu {
    position: relative;
}

.menu ul {
    position: relative;
    display: flex;
    align-items: center;
}

.menu ul li {
    position: relative;
    margin-right: 30px;
}

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

.menu ul li a {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.menu ul li a~svg {
    margin-left: 4px;
    margin-top: -1px;
    transform: rotate(180deg);
    transition: transform .3s ease;
}

.menu ul li a.active {
    color: #d6d6d6;
}

/* catalog menu */
.catalog-menu {
    margin-right: 20px;
}

.catalog-menu__btn {
    height: 48px;
}

.catalog-menu__drop {
    width: 100%;
    padding: 40px;
    position: absolute;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .25);
    transition: opacity .3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    pointer-events: none;
}

.catalog-menu__drop>ul {
    position: relative;
    padding-bottom: 60px;
}

.catalog-menu__drop>ul:before {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 200px;
    display: block;
    background: #d6d6d6;
    content: '';
}

.catalog-menu__drop>ul>li {
    width: 100%;
    margin-bottom: 40px;
}

.catalog-menu__drop>ul>li:last-child {
    margin-bottom: 0;
}

.catalog-menu__drop>ul>li>a {
    width: 200px;
    display: block;
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    text-transform: uppercase;
}

.catalog-menu__drop>ul>li.is-active>a {
    color: #ECD391;
}

.catalog-menu__main {
    width: calc(100% - 200px);
    position: absolute;
    top: 0;
    left: 200px;
    padding-left: 40px;
    opacity: 0;
    transition: opacity .3s ease;
}

.catalog-menu__main-wrap {
    display: flex;
}

.catalog-menu__col {
    width: 33.3%;
    padding-right: 15px;
}

.catalog-menu__block {
    margin-bottom: 30px;
}

.catalog-menu__block:last-child {
    margin-bottom: 0;
}

.catalog-menu__main-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #8c8c8c;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.catalog-menu__main ul li {
    margin-bottom: 5px;
}

.catalog-menu__main ul li:last-child {
    margin-bottom: 0;
}

.catalog-menu__main ul li a {
    font-size: 16px;
    line-height: 140%;
}

.catalog-menu__main ul>li>a:hover {
    color: #ECD391;
}

/* footer */
.footer {
    position: relative;
}

.footer__main {
    position: relative;
    padding-top: 40px;
    padding-bottom: 80px;
    border-top: 1px solid hsla(0, 0%, 84%, .4);
}

.menu-footer {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.menu-footer__col {
    margin-right: 40px;
}

.menu-footer__col:last-child {
    margin-right: 0;
}

.menu-footer__title {
    font-weight: 600;
    letter-spacing: .04em;
    font-size: 24px;
    line-height: 120%;
    display: inline-flex;
    margin-bottom: 15px;
    font-family: Cormorant SC;
}

.menu-footer__title svg {
    display: none;
}

.menu-footer__menu li {
    list-style: none;
    margin-bottom: 10px;
}

.menu-footer__menu li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
}

.menu-footer__menu li:last-child {
    margin-bottom: 0;
}

.footer__bottom {
    position: relative;
    background-color: #f3f3f3;
}

.footer__bottom-info {
    display: flex;
    align-items: center;
}

.footer__bottom-info .phone {
    margin-right: 30px;
}

.footer__bottom-info .social {
    margin-right: 30px;
}

.footer__bottom-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.footer__bottom-wrap .phone,
.footer__bottom-wrap .mail {
    font-weight: 500;
    font-size: 18px;
}

.year {
    position: relative;
    font-size: 15px;
    line-height: 130%;
    color: #8c8c8c;
}

/* ------ */
.section {
    position: relative;
    margin-bottom: 80px;
}

.title-h2 {
    position: relative;
    margin-bottom: 40px;
    font-size: 50px;
    line-height: 60px;
    font-weight: 500;
    text-transform: uppercase;
}

.title-h3 {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 45px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: 500;
}

.title-h4 {
    position: relative;
    margin: 0 0 20px 0;
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 500;
}

.title-h5 {
    position: relative;
    display: block;
    font-size: 25px;
    line-height: 30px;
    font-weight: 500;
    text-transform: uppercase;
}

.snippet {
    position: relative;
    font-size: 20px;
    line-height: 28px;
}

.center {
    text-align: center;
}

/* banner */
.banner-top {
    position: relative;
    margin: 0 0 20px 0;
}
.banner-top video {
    width: 100%;
    height: 375px;
    object-fit: cover;
    object-position: center;
}
.banner-bottom {
    position: relative;
    margin: 20px 0 0 0;
}

.banner {
    position: relative;
    display: block;
}

.banner img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
}

/* category */
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}

.category {
    position: relative;
    display: grid;
    grid-gap: 15px;
}

.category-item {
    position: relative;
    display: block;
}

.category-item_img {
    position: relative;
}

.category-item_img img {
    width: 100%;
    height: auto;
    position: relative;
}

.category-item_img:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
}

.category-item_title {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    transition: 1s;
}

.category-item:hover .category-item_title {
    bottom: 10px;
    transition: 1s;
}

.btns {
    position: relative;
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.btns a {
    margin: 0 10px;
    display: block;
}

/* form-line */
.form-line {
    position: relative;
    padding: 160px 0;
    color: #fff;
    background-image: url(../images/fon-form.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-line__form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form-line__body {
    width: 49%;
    position: relative;
}

.form-line__text a:hover {
    color: #dfb851;
}

.form-line__main {
    width: 41%;
    position: relative;
}

.form-line__field {
    margin-bottom: 20px;
}

.form-line__btn {
    margin-top: 30px;
}

.form-line__input {
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
    font-family: Inter;
    text-transform: uppercase;
    color: #fff;
    width: 100%;
    height: 40px;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
}

.form-line__input::-webkit-input-placeholder {
    color: #fff;
    font-family: Inter;
    font-weight: 700;
    font-size: 11px;
}

.form-line__input:-moz-placeholder,
.form-line__input::-moz-placeholder {
    color: #fff;
    font-family: Inter;
    font-weight: 700;
    font-size: 11px;
}

.form-line__input:-ms-input-placeholder {
    color: #fff;
    font-family: Inter;
    font-weight: 700;
    font-size: 11px;
}

/* collections */
.collections-title {
    position: relative;
    margin-bottom: 40px;
}

.collections-title img {
    width: 100%;
    height: auto;
    display: block;
}

.collections-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    margin-bottom: -40px;
}

.collections-item {
    padding-bottom: 25%;
    position: relative;
    margin-bottom: 40px;
}

.collections-item.big-box {
    width: 65%;
}

.collections-item.small-box {
    width: calc(35% - 40px);
}

.collections-item_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.collections-item_info {
    position: absolute;
}

.collections-item_info .btn {
    margin-top: 10px;
}

.collections-item.big-box .collections-item_info {
    bottom: 25px;
    text-align: center;
}

.collections-item.big-box.right-box .collections-item_info {
    right: 25px;
}

.collections-item.big-box.left-box .collections-item_info {
    left: 25px;
}

.collections-item.small-box .collections-item_info {
    max-width: 200px;
    top: 25px;
    left: 25px;
}

.collections-item.white-box .collections-item_info_name {
    color: #fff;
}

.collections-item.big-box.white-box.right-box .collections-item_img:after {
    width: 100%;
    height: 80%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
}

.collections-item.big-box.white-box.left-box .collections-item_img:after {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    content: '';
}

/* about */
.about-title {
    position: relative;
}

.about-title:before {
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 7px;
    display: block;
    background: #000;
    content: '';
}

.about-title:after {
    width: 110px;
    height: 20px;
    position: absolute;
    left: 135px;
    bottom: 0;
    display: block;
    background: #fff;
    content: '';
}

.about-title .title-h2 {
    padding-top: 45px;
    padding-bottom: 15px;
    text-align: right;
    background-image: url(../images/logo-about.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 120px;
    z-index: 5;
}

.about-plus {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
}

.about-plus_item {
    height: 250px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: #000;
}

.about-plus_item:after {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: absolute;
    left: 15px;
    top: 15px;
    display: block;
    border: 1px solid #fff;
    content: '';
}

.about-plus_item_img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.about-plus_item_title {
	max-width: 400px;
	position: relative;
    margin: 0 auto;
    color: #fff;
    text-align: center;
	font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 500;
}

/* discont */
.discont-card {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row-reverse;
}

.discont-card_img {
    width: 40%;
    position: relative;
}

.discont-card_img img {
    width: 100%;
    height: auto;
    display: block;
}

.discont-card_info {
    width: 60%;
    position: relative;
    padding-left: 80px;
    box-sizing: border-box;
}

.discont-card__title {
    max-width: 560px;
}

.discont-card__btn {
    position: relative;
    margin: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
}

.discont-card__btn button,
.discont-card__btn a {
    display: block;
    margin-right: 10px;
}

.discont-card__btn button:last-child {
    margin-right: 0;
}

.visible-print {
    display: none !important;
}

.visible-print-block {
    display: none !important;
}

.slick-slide,
a,
button,
input,
textarea {
    outline: 0;
}

.product__slider.is-hidden {
    z-index: 22;
}

.product__slider.is-hidden .slick-list,
.product__slider.is-hidden .slick-track {
    position: static;
    transform: none !important;
}

.container:after,
.container:before {
    display: none;
}

.col-1 {
    width: 25%
}

.col-3 {
    width: 75%
}

.small-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.mobile-flex {
    display: none;
}

.mobile-1200,
.mobile-flex-1200 {
    display: none;
}

.ui-widget.ui-widget-content {
    z-index: 9 !important;
}

.text--top p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    max-width: 837px;
    text-align: center;
}

.text--top {
    margin-top: -30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
}

.main__title-wrap--company {
    text-align: center;
}

.main__title-wrap--company .main__title-text {
    max-width: 627px;
    text-align: center;
    margin-top: 24px;
}

.address__item {
    display: flex;
    align-items: center;
    margin-bottom: 29px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%
}

.address__item .check__control {
    margin-right: 6px;
}

.address__change {
    cursor: pointer;
    margin-left: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #8c8c8c;
}

.address__btn {
    margin-top: 34px;
}

.basket {
    padding-bottom: 40px;
}

.basket .size {
    display: flex;
    align-items: center;
}

.basket .size__wrap {
    margin-bottom: 0;
    margin-right: 0;
}

.basket .size__title {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #8c8c8c;
    font-family: Geometria;
    letter-spacing: normal;
    margin: 0;
    text-transform: inherit;
    margin-right: 7px;
}

.basket .size__title:after {
    content: ":"
}

.basket .size__item {
    display: none;
}

.basket .size__item.is-active {
    cursor: auto;
    display: inline-flex;
    color: #8c8c8c;
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    margin: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    font-family: Geometria;
    letter-spacing: normal;
}

.basket__dop {
    display: none;
}

.basket__delete {
    top: 14px;
    right: 22px;
    cursor: pointer;
    z-index: 3;
    position: absolute;
}

.basket__delete .svg-icon use {
    fill: #8c8c8c;
}

.basket__stock {
    margin-top: 4px;
}

.basket__total {
    width: 236px;
    flex: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.basket__total .current {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .04em;
    font-feature-settings: "pnum" on, "lnum" on;
    font-family: Cormorant SC;
}

.basket__total-title {
    margin-top: 4px;
    color: #8c8c8c;
}

.basket__total-stock {
    margin-top: 4px;
    font-size: 18px;
    line-height: 140%;
    padding: 3px 6px;
    color: #171717;
    background: #f3f3f3;
}

.basket__count {
    width: 118px;
    flex: none;
}

.basket__count .prod__count {
    width: 100%;
    margin-top: 0;
    height: 58px;
}

.basket__count .prod__count .counter-input {
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    width: calc(100% - 35px - 35px);
}

.basket__count .prod__count .counter-minus {
    width: 35px;
}

.basket__count .prod__count .counter-minus svg:last-child {
    display: none;
}

.basket__count .prod__count .counter-plus {
    width: 35px;
}

.basket__count .prod__count .counter-plus svg:last-child {
    display: none;
}

.basket__info {
    font-family: Geometria;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #8c8c8c;
}

.basket__price {
    width: 233px;
    text-align: center;
    flex: none;
    padding: 0 15px;
}

.basket__price .current {
    font-weight: 700;
    font-size: 28px;
    font-feature-settings: "pnum" on, "lnum" on;
    line-height: 120%;
    letter-spacing: .04em;
    font-family: Cormorant SC;
}

.basket__price .old {
    margin-bottom: 4px;
    color: #8c8c8c;
    text-decoration: line-through;
}

.basket__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    flex: none;
}

.basket__size,
.basket__stock {
    margin-top: 16px;
    color: #8c8c8c;
}

.basket__name {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: .04em;
    font-feature-settings: "pnum" on, "lnum" on;
    font-family: Cormorant SC;
}

.basket__body {
    flex: none;
    width: 497px;
    padding-left: 52px;
    padding-right: 15px;
    width: auto;
    max-width: 421px;
    flex-grow: 1;
}

.basket__item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 20px;
    border: 1px solid #d6d6d6;
    margin-bottom: 24px;
}

.basket__item:last-child {
    margin-bottom: 0;
}

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

.basket__item--order .basket__body {
    padding: 0;
    width: 345px;
    flex: none;
}

.basket__item--order .basket__price {
    width: auto;
    flex-grow: 1;
    padding: 0;
    text-align: center;
}

.basket__item--order .basket__size,
.basket__item--order .basket__stock {
    font-size: 18px;
    line-height: 140%
}

.basket__item--order .basket__name {
    font-size: 20px;
    line-height: 140%
}

.basket__item--order .basket__img {
    margin-right: 52px;
    flex: none;
}

.basket-top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 44px;
    margin-top: -81px;
}

.basket-top__back {
    padding-bottom: 10px;
}

.basket-top__btn {
    display: flex;
    align-items: center;
    margin-top: 26px;
}

.basket-top__btn-wrap {
    display: inline-flex;
    align-items: center;
}

.basket-top__btn .btn {
    padding: 15px 32px;
    margin-left: 23px;
}

.basket-top__price {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.basket-top__price-name {
    display: inline-flex;
    margin-right: 16px;
    font-weight: 600;
    letter-spacing: .03em;
}

.alert.alert-warning.text-center.alert-small {
    font-size: 15px;
    margin-top: 20px;
}

.basket-top__price-name,
.basket-top__price-total {
    font-family: Cormorant SC;
    font-size: 28px;
    line-height: 120%
}

.basket-top__price-total {
    font-weight: 700;
}

.basket-top__price .old {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 2px;
    color: #8c8c8c;
    text-decoration: line-through;
}

.back {
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    color: #8c8c8c;
}

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

.back .svg-icon {
    margin-right: 10px;
}

.back .svg-icon use {
    fill: #8c8c8c;
}


.btn-control {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.btn-control__btn .btn {
    width: 100%
}

.btn-control__btn--row {
    display: flex;
    margin: 0 -8px;
    padding-top: 32px;
    position: relative;
}

.btn-control__btn--row:before {
    content: " ";
    position: absolute;
    top: 0;
    height: 1px;
    left: 8px;
    right: 8px;
    background-color: #d6d6d6;
}

.btn-control__btn--row .btn {
    width: calc(50% - 16px);
    margin: 0 8px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-control__title {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 32px;
}

.btn-control__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 40px;
    height: 40px;
}

.btn-control__icon .svg-icon use {
    fill: transparent;
}

.btn-control__count {
    position: absolute;
    top: -6px;
    right: -3px;
    display: flex;
    align-content: center;
    justify-content: center;
    padding: 1px 0 0 1px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #b1795c;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
}

.btn-control__drop {
    position: absolute;
    right: -35px;
    top: 89%;
    opacity: 0;
    padding-top: 17px;
    pointer-events: none;
    transition: opacity .3s ease;
}

.btn-control__drop:before {
    z-index: 1;
    box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2);
}

.btn-control__drop:after,
.btn-control__drop:before {
    content: " ";
    position: absolute;
    width: 28px;
    height: 28px;
    background: #fff;
    border-radius: 3px;
    transform: rotate(-45deg);
    top: 9px;
    display: block;
    right: 40px;
}

.btn-control__drop:after {
    z-index: 3;
}

.btn-control__drop-wrap {
    position: relative;
    z-index: 2;
    width: 530px;
    padding: 24px 32px 32px;
    background: #fff;
    box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2);
}

.btn-control__item {
    margin-right: 9px;
    position: relative;
}

.btn-control__item:last-child {
    margin-right: 0;
}

.btn-control__item--izb .btn-control__icon .svg-icon use {
    stroke: #171717;
}

.btn-control__item--user .btn-control__icon .svg-icon use {
    fill: transparent;
}

.check {
    display: flex;
    flex-direction: column;
    position: relative;
}

.check input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.check input:checked~.check__control .svg-icon {
    opacity: 1;
}

.check:last-child {
    margin-bottom: 0;
}

.check__control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    padding-left: 2px;
    flex: none;
    border: 1px solid #8c8c8c;
}

.check__control .svg-icon {
    display: block;
    opacity: 0;
    transition: opacity .3s ease;
}

.check__control .svg-icon use {
    fill: #171717;
}

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

.check__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.check__list .check {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: 20px;
}

.check__list .check:last-child {
    margin-bottom: 0;
}

.check__label {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
}

.check--white .check__control {
    border-color: #fff;
}

.check--white .check__control .svg-icon use {
    fill: #fff;
}

.dropmenu {
    position: absolute;
    left: -264px;
    top: 100%;
    z-index: 6;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    padding-top: 13px;
}

.dropmenu:before {
    content: " ";
    position: absolute;
    background: #fff;
    width: 29px;
    height: 29px;
    border-radius: 3px;
    left: 281px;
    top: 8px;
    transform: rotate(-45deg);
}

.dropmenu__wrap {
    width: 804px;
    padding: 50px 64px;
    background: #fff;
    box-shadow: 0 4px 22px rgba(0, 0, 0, .25);
}

.dropmenu__wrap>ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    margin-bottom: -32px;
}

.dropmenu__wrap>ul>li {
    width: 33.3%;
    list-style: none;
    margin-bottom: 32px;
}

.dropmenu__wrap>ul>li>a {
    display: inline-flex;
    align-items: center;
}

.fixed-menu {
    display: none;
}

.dev {
    display: inline-flex;
    align-items: center;
}

.dev span {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #8c8c8c;
}

.dev .svg-icon {
    margin-left: 8px;
    margin-top: 1px;
}

.dev .svg-icon use {
    fill: #8c8c8c;
}

.form-line__agree {
    display: flex;
    align-items: flex-start;
    margin-top: 12px;
}

.form-line__agree-text {
    font-family: Geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    max-width: 80%
}

.form-line__agree .check {
    margin-right: 10px;
    flex: none;
}

.form-line__agree .check__control {
    margin-right: 0;
}


.form .tag {
    margin-right: -32px;
    margin-bottom: -8px;
}

.form__code {
    display: none;
    margin-top: 10px;
}

.form__code-text {
    margin-top: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    font-family: Geometria;
    letter-spacing: .03em;
    color: #171717;
}

.form__code-text span {
    display: block;
    margin-bottom: 10px;
}

.form__control {
    width: 17px;
    height: 17px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.form__control .svg-icon {
    position: absolute;
    transition: opacity .3s ease;
}

.form__control .svg-icon:first-child {
    opacity: 0;
}

.form__control .svg-icon use {
    fill: transparent;
}

.form__control.is-active .svg-icon:first-child {
    opacity: 1;
}

.form__control.is-active .svg-icon:nth-child(2) {
    opacity: 0;
}

.form__label {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    margin-bottom: 4px;
    transition: color .3s ease;
}

.form__label.is-hidden {
    display: none;
}

.form__row {
    display: flex;
    margin: 0 -16px 16px;
}

.form__row:last-child {
    margin-bottom: 0;
}

.form__col {
    width: 50%;
    padding: 0 16px;
}

.form__col-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 12px;
}

.form__agreetext {
    color: #8c8c8c;
}

.form__agreetext,
.form__atten {
    margin-top: 12px;
    letter-spacing: .03em;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%
}

.form__field {
    position: relative;
    margin-bottom: 16px;
}

.form__field .radio__wrap {
    margin-bottom: -12px;
}

.form__field-wrap {
    position: relative;
}

.form__field-wrap--pointer input {
    cursor: pointer;
}

.form__field-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.form__field:last-child {
    margin-bottom: 0;
}

.form__field.is-error .form__label {
    color: #eb5757;
}

.form__field.is-error .form__input {
    border-color: #eb5757;
}

.form__field--hidden {
    display: none;
}

.form__field--hidden.is-active {
    display: block;
}

.form__input {
    height: 57px;
}

.form__input,
.form__textarea {
    width: 100%;
    border: 1px solid #d6d6d6;
    padding: 16px 24px;
    background: #fff;
    font-weight: 400;
    font-size: 18px;
    font-family: Geometria;
    line-height: 140%;
    color: #171717;
    transition: border-color .3s, background-color .3s ease;
}

.form__textarea {
    height: 157px;
    resize: none;
}

input[type="file" i].form__input {
    border: none;
    padding: 0;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-weight: 500;
}

.form__select {
	width: 100%;
	height: 57px;
    border: 1px solid #d6d6d6;
    padding: 16px 24px;
    background: #fff;
    font-weight: 400;
    font-size: 18px;
    font-family: Geometria;
    line-height: 140%;
    color: #171717;
}	

.form__info {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    margin-top: 10px;
}

.form__btn {
    margin-top: 24px;
}

.form__btn .btn {
    width: 100%
}

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

.form__btn--start .btn {
    width: auto;
    padding: 19px 40px;
}

.form__btn--center {
    display: flex;
    justify-content: center;
}

.form__btn--center .btn {
    width: auto;
}

.form__btn-row {
    display: flex;
    align-items: flex-start;
    margin-top: 32px;
}

.form__btn-row .form__btn {
    margin-right: 12px;
    flex: none;
    margin-top: 0;
}

.form__btn-row .form__agree {
    margin-top: 6px;
}

.form__btn-row .check__text {
    font-size: 12px;
    font-family: Inter;
    font-weight: 300;
    line-height: 150%;
}

.form__social {
    display: flex;
    justify-content: center;
    margin-top: 27px;
}

.form__social--mt0 {
    margin-top: 0;
    margin-bottom: 19px;
}

.form__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
}

.form__link a {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 1px solid #d6d6d6;
}

.form__agree {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    font-family: Geometria;
    align-items: flex-start;
    font-size: 12px;
    line-height: 150%;
}

.form__agree .check__item {
    margin-right: 10px;
    flex: none;
}

.form__agree .check__control {
    margin: 0;
}

.form__agree--center {
    align-items: center;
    justify-content: center;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%
}

.form__agree--center .check {
    margin-right: 10px;
}

.form__agree--small {
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 150%;
    padding-right: 25px;
}

.form__agree--small .check {
    margin-right: 10px;
}

.bread {
    margin-bottom: 24px;
    margin-top: 24px;
}

.bread--notfound {
    margin-bottom: 14px;
}

.bread--notfound .back {
    font-family: Geometria;
}

.bread .back {
    display: none;
}

.bread .back--visible {
    display: inline-flex;
    align-items: center;
}

.bread ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.bread ul li {
    list-style: none;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}

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

.bread ul li a {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #d6d6d6;
}

.bread ul li a .svg-icon {
    display: block;
    margin-bottom: 0;
    margin-left: 8px;
}

.bread ul li a .svg-icon:last-child {
    display: none;
}

.bread ul li a .svg-icon use {
    stroke: #d6d6d6;
    fill: transparent;
}

.bread ul li span {
    display: inline-flex;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #d6d6d6;
}

.card {
    display: flex;
    margin-top: 71px;
    margin-bottom: 83px;
}

.card .slick-for {
    border: 1px solid hsla(0, 0%, 84%, .3);
}

.card .slick-for__wrap {
    position: relative;
}

.card .slick-for__status {
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    font-family: Geometria;
    position: absolute;
    left: 17px;
    top: 13px;
    z-index: 5;
    color: #d6d6d6;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.card__fitting {
    display: flex;
    align-items: center;
    margin-bottom: 31px;
    padding-right: 44px;
}

.card__fitting .tooltip__text--mobile {
    display: none;
}

.card__fitting .btn {
    width: 210px;
    margin-right: 16px;
    flex: none;
    padding: 16px 25px;
}

.card__fitting .btn span:last-child {
    display: none;
}

.card__slider {
    width: 585px;
}

.card__slider .card__dop {
    display: none;
}

.card__slider .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 56px;
    height: 56px;
    position: absolute;
    border: 0;
    bottom: 0;
    z-index: 2;
    background-color: hsla(0, 0%, 5%, .5);
}

.card__slider .slick-arrow .svg-icon use {
    fill: transparent;
    stroke: #fff;
}

.card__slider .slick-arrow.slick-next {
    right: 0;
    padding-right: 2px;
}

.card__slider .slick-arrow.slick-prev {
    right: 58px;
    padding-left: 2px;
}

.card__slider-item {
    display: block;
    width: 100%;
    height: 456px;
    background-position: 50%;
    background-size: cover;
}

.card__dop {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.card__dop-item {
    margin-right: 15px;
    cursor: pointer;
}

.card__info {
    margin-bottom: 29px;
    max-width: 339px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #171717;
}

.card__info--mb {
    margin-bottom: 36px;
}

.card__info a {
    text-decoration: underline;
}

.card__online {
    display: block;
    position: relative;
    cursor: pointer;
    /* margin-bottom: 36px; */
    width: 343px;
    color: #171717;
    text-decoration: none;
    background-color: #f3f3f3;
}

.card__online-icon {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.card__online-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 6px;
}

.card__online-text {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: .03em;
    line-height: 130%
}

.card__main {
    padding-left: 33px;
    width: calc(100% - 585px);
    position: relative;
    z-index: 3;
}

.card__main h1 {
    font-weight: 600;
    font-size: 33px;
    line-height: 100%;
    margin-bottom: 27px;
}

.card__btn {
    /* display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 27px; */
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
    gap: 15px;
}

.card__btn .btn {
    /* width: 209px;
    margin-right: 12px; */
    width: 100%;
}

.card__btn .btn:last-child {
    margin-right: 0;
}

.card__link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
    margin-top: -8px;
    width: 311px;
    justify-content: space-between;
}

.card__link a {
    font-weight: 400;
    font-size: 15px;
    line-height: 1;
    letter-spacing: .03em;
    border-bottom: 1px solid #171717;
    margin-right: 24px;
}

.card__link a:last-child {
    margin-right: 0;
}

.card__text {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    max-width: 90%
}

.card__tech {
    padding-right: 208px;
    margin-bottom: 16px;
}

.card__tech div {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.card__tech div:last-child {
    margin-bottom: 0;
}

.card__tech div span {
    width: 50%;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
}

.card__tech div span:first-child {
    color: #8c8c8c;
}

.card__block {
    margin-bottom: 36px;
}

.card__block:last-child {
    margin-bottom: 0;
}

.card__block-btn {
    margin-top: 24px;
}

.card__block-title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px;
}

.card__price {
    display: flex;
    align-items: center;
    margin-bottom: 3px;
}

.card__price .current {
    font-family: Cormorant SC;
    font-weight: 500;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: .03em;
}

.card__price .old {
    font-size: 16px;
    margin-left: 16px;
    text-decoration: line-through;
}

.card__attr,
.card__price .old {
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .03em;
    color: #8c8c8c;
}

.card__attr {
    font-size: 13px;
    margin-bottom: 10px;
}

.izb-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #f3f3f3;
}

.izb-btn .svg-icon use {
    fill: transparent;
    stroke: #171717;
}



.card-fixed {
    display: none;
}


.delivery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.delivery .slick-slide {
    padding: 0 5px;
}

.delivery .slick-track {
    display: flex;
}

.delivery__item {
    display: flex;
    height: 202px;
    width: 183px;
    flex-direction: column;
    padding: 16px;
    padding-bottom: 72px;
    position: relative;
    align-items: flex-start;
    border: 1px solid #d6d6d6;
    transition: background-color .3s, box-shadow .3s ease;
}

.delivery__name {
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    margin-bottom: 8px;
}

.delivery__link {
    position: absolute;
    left: 16px;
    bottom: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #a4a4a4;
    text-transform: uppercase;
}

.delivery__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: .03em;
}

.del__item {
    display: flex;
    margin-bottom: 100px;
}

.del__item:last-child {
    margin-bottom: 0;
}

.del__body {
    padding-right: 51px;
}

.del__text {
    margin-bottom: 32px;
}

.del__name {
    margin-bottom: 12px;
}

.del__info {
    max-width: 60%
}

.del__info-item {
    margin-bottom: 16px;
}

.del__info-item:last-child {
    margin-bottom: 0;
}

.del__info-item span {
    color: #8c8c8c;
    display: block;
    margin-bottom: 4px;
}

.del__img {
    width: 584px;
    flex: none;
}

.discont {
    display: flex;
    margin-left: -11px;
    margin-bottom: -75px;
}

.discont__img {
    flex: none;
}

.discont__title--hidden {
    display: none;
}

.discont__title.h2 {
    margin-bottom: 24px;
}

.discont__btn .btn {
    padding-top: 14px;
    padding-bottom: 14px;
}

.discont__body {
    padding-left: 55px;
    padding-top: 8px;
}

.discont__text {
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 24px;
}


.popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    background-color: hsla(0, 0%, 9%, .5);
    z-index: 18;
    opacity: 0;
    pointer-events: none;

    padding: 15px;
    transition: opacity .3s ease;
}

.popup.is-open {
    opacity: 1;
    pointer-events: auto;
}

.popup .form-ok {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none;
}

.popup .form-ok__icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.popup__close {
    display: flex;
    align-items: center;
    right: 21px;
    top: 23px;
    position: absolute;
    cursor: pointer;
}

.popup__close .svg-icon use {
    fill: #b5b5b5;
}

.popup__container,
.popup__wrap {
    position: relative;
}

.popup__wrap {
    display: flex;
    flex-direction: column;
    width: 456px;
    padding: 48px;
    overflow-y: auto;
    max-height: 100%;
    background-color: #fff;
    transition: transform .3s ease;
}

.popup__wrap.is-ok {
    transform: translateY(-100vh);
}

.popup__name {
    text-align: center;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .03em;
    font-family: Cormorant SC;
}

.popup__name svg {
    margin-bottom: 4px;
}

.popup__name--left {
    text-align: left;
}

.popup__name--mb {
    margin-bottom: 32px;
}

.popup__name-subtitle {
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 4px;
}

.popup__name-small {
    font-weight: 600;
    font-size: 30px;
    line-height: 110%;
    margin-bottom: 24px;
}

.popup__name--col {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.popup__text {
    font-size: 16px;
    line-height: 153%;
    letter-spacing: -.02em;
}

.popup__text--center {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 16px;
}

.popup__top {
    margin-bottom: 16px;
}

.popup__top-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin-top: 16px;
    text-align: center;
}

.popup__body {
    transition: opacity .3s ease;
}

.popup__text p {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin-top: 0;
    margin-bottom: 20px;
}

.popup__text p:last-child {
    margin: 0;
}

.popup--middle .popup__wrap {
    width: 500px;
    padding-left: 56px;
    padding-right: 56px;
}

.popup--text .popup__name {
    margin-bottom: 20px;
}

.popup--big .popup__wrap {
    width: 1032px;
}

.popup--secondary .popup__wrap {
    width: 920px;
    padding: 31px 56px;
}

.prod {
    padding-left: 12px;
    padding-bottom: 24px;
    padding-top: 32px;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}

.prod,
.prod .delete {
    display: inline-flex;
    align-items: center;
}

.prod .delete {
    margin-bottom: 13px;
}

.prod__body {
    flex-grow: 1;
}

.prod__info {
    width: 129px;
    text-align: right;
    flex: none;
}

.prod__img {
    width: 100px;
    height: 100px;
    flex: none;
}

.prod__img img {
    max-height: 100%;
}

.prod__name {
    display: inline-flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 8px;
}

.prod:first-child {
    padding-top: 0;
}

.prod:last-child {
    border-bottom: 0;
}

.delete {
    cursor: pointer;
}

.delete .svg-icon use {
    fill: #8c8c8c;
}

.price__old {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 2px;
    text-decoration: line-through;
    color: #8c8c8c;
}

.price__current {
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .04em;
    line-height: 120%;
    font-family: Cormorant SC;
    font-feature-settings: "pnum" on, "lnum" on;
}

.product {
    text-align: center;
    color: #171717;
    min-height: 400px;
    position: relative;
}

.product .size {
    margin-top: 22px;
    z-index: 1;
    position: relative;
}

.product__text {
    font-size: 15px;
}

.product .old,
.product__text {
    font-weight: 400;
    line-height: 130%;
    letter-spacing: .03em;
}

.product .old {
    font-size: 16px;
    margin-bottom: 4px;
    text-decoration: line-through;
    color: #8c8c8c;
}

.product .current {
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    font-family: Cormorant SC;
    letter-spacing: .04em;
    font-feature-settings: "pnum" on, "lnum" on;
}

.product__delete {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
}

.product__delete .svg-icon use {
    fill: #8c8c8c;
}

.product__info {
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

.product__img {
    justify-content: center;
    position: relative;
}

.product__img,
.product__wrap {
    display: flex;
    align-items: center;
}

.product__wrap {
    flex-direction: column;
    border: 1px solid transparent;
    padding: 16px 17px 32px;
    transition: box-shadow .3s, border-color .3s ease;
    pointer-events: none;
}

.product__wrap,
.product__wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.product__wrap:before {
    content: " ";
    bottom: 0;
    background-color: #fff;
    opacity: 0;
    transition: opacity .3s ease;
}

.product__status {
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 5;
}

.product__status-item {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
}

.product__status-item.yellow {
    color: #dfb851;
}

.product__body {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.product__body-btn .mobile-1200,
.product__body-title {
    display: none;
}

.product__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px -32px;
}

.product__list .product {
    margin: 0 16px 32px;
    width: calc(25% - 32px);
}

.product__izb {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    width: auto;
    height: auto;
    border: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.product__izb .svg-icon use {
    stroke: #d6d6d6;
}

.product__izb .svg-icon {
    width: 20px;
    height: auto;
}

.product--middle .product__wrap {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.product--middle .product__text {
    margin-top: 5px;
}

.product--middle .product__body,
.product--middle .product__info {
    padding-left: 12px;
    padding-right: 12px;
}

.product--middle .product__img {
    width: 100%;
    height: 266px;
    margin-bottom: 20px;
}

.product--big {
    min-height: 502px;
}

.product--big .current {
    font-size: 32px;
    line-height: 120%
}

.product--big .product__img {
    height: 400px;
    margin-bottom: 16px;
}

.product--big .product__text {
    max-width: 61%;
    margin: 0 auto;
    margin-top: 3px;
}

.product--big .product__text-wrap {
    font-size: 16px;
    text-align: center;
    width: 100%;
    line-height: 130%
}

.product--big .product__wrap {
    padding: 0;
    padding-top: 16px;
    padding-bottom: 30px;
}

.product--small .product__wrap {
    padding-top: 36px;
}

.product--small .product__img {
    width: 200px;
    height: 200px;
    margin-bottom: 12px;
}

.product__slider {
    margin: 0 -21px;
    z-index: 2;
}

.product__slider:before {
    left: 100%
}

.product__slider:after,
.product__slider:before {
    content: " ";
    position: absolute;
    background-color: #fff;
    width: 100vw;
    height: 100%;
    z-index: 2;
    top: 0;
}

.product__slider:after {
    right: 100%
}

.product__slider .slick-list {
    overflow: visible;
    z-index: 5;
}

.product__slider .slick-slide {
    padding: 0 21px;
    opacity: 0;
    transition: opacity .3s ease;
}

.product__slider .slick-slide.slick-active {
    opacity: 1;
}

.product__slider.slider-common .slick-arrow {
    top: 151px;
    padding: 0;
}

.product__slider.slider-common .slick-arrow.slick-prev {
    left: -40px;
}

.product__slider.slider-common .slick-arrow.slick-next {
    right: -40px;
}

.product__slider--big {
    padding: 0 100px;
    margin-bottom: 20px;
}

.product__slider--big .slick-slide {
    padding: 0 62px;
}

.product__slider--big.slider-common .slick-arrow {
    top: 255px;
}

.product__slider--big.slider-common .slick-arrow.slick-prev {
    left: 21px;
}

.product__slider--big.slider-common .slick-arrow.slick-next {
    right: 21px;
}

.product__slider--big.slider-common .slick-dots {
    bottom: -52px;
}

.product__slider--big.slider-common .slick-dots li {
    margin: 0 5px;
    display: flex;
}

.product__slider--big.slider-common .slick-dots li.slick-active button {
    background-color: #171717;
    border-color: #171717;
}

.product__slider--big.slider-common .slick-dots li button {
    width: 6px;
    border: 1px solid #d6d6d6;
    height: 6px;
    background-color: transparent;
    border-radius: 50%;
    transition: background-color .3s, border-color .3s ease;
}

.btn-basket--mobile {
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    display: none;
}

.main-banner__slider {
    /* height: 500px; */
    overflow: hidden;
}

.main-banner__slider.slider-common .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}

.main-banner__slider.slider-common .slick-arrow.slick-next {
    right: -54px;
}

.main-banner__slider.slider-common .slick-arrow.slick-prev {
    left: -54px;
}

.main-banner__slider.slick-initialized {
    overflow: visible;
}

.main-banner__btn {
    display: none;
}

.main-banner__img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%
}

.main-banner__img,
.main-banner__item {
    background-position: 50%;
    background-size: cover;
}

.main-banner__item {
    height: 500px;
}

.ibanner {
    margin-bottom: 55px;
}

.mcatalog {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -17px;
}

.mcatalog__item {
    display: flex;
    flex-direction: column;
    padding-top: 26px;
    height: 340px;
    text-align: center;
    width: calc(100%/4 - 34px);
    margin: 0 17px;
    border: 1px solid transparent;
    transition: border-color .3s, box-shadow .3s ease;
}

.mcatalog__count {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #b1795c;
}

.mcatalog__img {
    height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.mcatalog__name {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #171717;
    margin: 0 -5px;
    letter-spacing: .02em;
    font-family: Cormorant SC, serif;
    margin-bottom: 8px;
}

.mcatalog__slider .slick-slide {
    padding: 0 17px;
}

.mcatalog__slider .slick-list {
    margin: 0 -17px;
}

.mcatalog__slider .mcatalog__item {
    margin: 0;
    width: 100%;
}

.mdropmenu {
    position: fixed;
    width: 360px;
    background-color: #fff;
    z-index: 2;
    padding: 24px 24px 32px;
    display: flex;
    flex-direction: column;
    z-index: 5;
    height: calc(100vh - 64px);
    left: 0;
    bottom: 0;
    overflow-y: auto;
    transition: transform .3s ease;
    transform: translateX(-100%);
}

.mdropmenu.is-open {
    transform: translateX(0);
}

.mdropmenu__title {
    font-family: Cormorant SC;
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%
}

.mdropmenu__wrap ul li {
    width: 100%;
    margin-bottom: 24px;
}

.mdropmenu__wrap ul li,
.mdropmenu__wrap ul li.is-child,
.mdropmenu__wrap ul li.is-child a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mdropmenu__wrap ul li.is-child a {
    width: 100%
}

.mdropmenu__wrap ul li:last-child {
    margin-bottom: 0;
}

.mdropmenu__wrap ul li a {
    display: inline-flex;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.mobile-menu {
    justify-content: flex-start;
    position: fixed;
    left: 0;
    right: 0;
    top: 64px;
    bottom: 0;
    z-index: 20;
    display: flex;
    background: hsla(0, 0%, 9%, .2);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.mobile-menu.is-active {
    opacity: 1;
    pointer-events: auto;
}

.mobile-menu__wrap {
    width: 360px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mobile-menu .menu>ul {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.mobile-menu .menu>ul>li {
    margin-bottom: 20px;
    margin-right: 0;
}

.mobile-menu .menu>ul>li.is-child,
.mobile-menu .menu>ul>li.is-child>a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-menu .menu>ul>li:last-child {
    margin-bottom: 0;
}

.mobile-menu .menu>ul>li>a {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.mobile-menu__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
    flex: none;
}

.mobile-menu .social {
    margin-bottom: 20px;
}

.mobile-menu .phone {
    margin-bottom: 16px;
}

.subsection {
    display: flex;
    flex-wrap: wrap;
}

.subsection__item {
    display: flex;
    flex-direction: column;
    padding-top: 26px;
    height: 290px;
    text-align: center;
    width: 20%;
    border: 1px solid transparent;
    transition: border-color .3s, box-shadow .3s ease;
}

.subsection__count {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #b1795c;
}

.subsection__img {
    height: 168px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.subsection__name {
    font-weight: 600;
    font-size: 19px;
    line-height: 120%;
    color: #171717;
    letter-spacing: .04em;
    font-family: Cormorant SC, serif;
    margin-bottom: 6px;
}

.tab-card {
    padding-top: 78px;
}

.tab-card__control {
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}

.tab-card__block {
    display: none;
}

.tab-card__block.is-active {
    display: block;
}

.tab-card__item {
    cursor: pointer;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: .03em;
    margin-right: 32px;
}

.tab-card__item:last-child {
    margin-right: 0;
}

.tab-card__item.is-active {
    font-weight: 500;
}

.info-block {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.info-block__img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.info-block__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%
}

.info-block__name {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    margin-bottom: 20px;
    letter-spacing: .04em;
    max-width: 71%;
    font-family: Cormorant SC;
}

.info-block__btn {
    position: absolute;
    left: 50px;
    bottom: 50px;
}

.info-block__item {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 50px;
    padding-bottom: 136px;
    width: calc(58.4% - 32px);
    margin: 0 16px;
    background-color: #fff1f1;
}

.info-block__item.is-small {
    padding-right: 20px;
    width: calc(41.6% - 32px);
    background-color: #f0f9ff;
}

.imap {
    border: 1px solid #d6d6d6;
}

.imap__address {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 27px;
    padding-right: 25px;
    min-height: 84px;
}

.imap__btn {
    margin-top: 24px;
}

.imap__btn .btn {
    width: 100%
}

.imap__icon {
    width: 24px;
    height: 24px;
    margin-right: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imap__time {
    margin-bottom: 24px;
}

.imap__phone,
.imap__time {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    display: inline-flex;
    align-items: center;
}

.imap__map {
    height: 410px;
}

.imap__body {
    border-top: 1px solid #d6d6d6;
    display: flex;
}

.imap__item {
    width: 33.3%;
    padding: 24px;
    border-right: 1px solid #d6d6d6;
}

.imap__item:last-child {
    border-right: 0;
}

.fbtn {
    position: fixed;
    z-index: 11;
    top: 70%;
    right: calc((100% - 1200px)/2 - 82px);
    transition: opacity .3s ease;
}

.fbtn.is-hidden {
    opacity: 0;
    pointer-events: none;
}

.whatsapp {
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #43d854;
    border-radius: 50%;
    margin-bottom: 20px;
    transition: background-color .3s ease;
}

.whatsapp .svg-icon use {
    fill: #fff;
}

@media (min-width:960px) {
    .whatsapp:hover {
        background-color: hsla(0, 0%, 9%, .8);
    }
}

@media (max-width:1380px) {
    .fbtn {
        right: 20px;
    }
}

@media (max-width:1330px) {
    .fbtn {
        right: 20px;
    }

    .whatsapp {
        width: 40px;
        height: 40px;
        margin-bottom: 10px;
    }

    .whatsapp .svg-icon {
        width: 18px;
        height: auto;
    }
}

.up {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, border-color .3s ease;
    background-color: #fff;
    z-index: 8;
}

.up svg path {
    fill: #171717;
    transition: fill .3s ease;
}

.up.is-active {
    opacity: 1;
    pointer-events: auto;
}

.up.is-white {
    border-color: #fff;
}

.up.is-white svg path {
    fill: #fff;
}

@media (min-width:960px) {
    .up:hover {
        opacity: .7;
    }
}

@media (max-width:1330px) {
    .up {
        width: 40px;
        height: 40px;
    }

    .up .svg-icon {
        width: 9px;
        height: auto;
    }
}

.package .slick-list {
    overflow: visible;
    margin: 0 -10px;
}

.package .slick-slide {
    padding: 0 10px;
}

.package__item {
    padding: 16px 26px;
    height: 200px;
    border: 1px solid #d6d6d6;
    transition: border-color .3s ease;
}

.package__img {
    width: 100%;
    background-position: 50%;
    background-size: cover;
    height: 122px;
    margin-bottom: 8px;
}

.package__name {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #171717;
    text-align: center;
}

@media (max-width:960px) {
    .package .slick-list {
        margin: 0 -5px;
    }

    .package .slick-slide {
        padding: 0 5px;
    }

    .package__item {
        width: 213px;
    }

}

@media (max-width:1300px) {
    .search {
        z-index: 7;
    }

    .search__block {
        left: -161px;
        width: calc(100vw - 64px);
    }
}

@media (max-width:1200px) {
    .search {
        z-index: 7;
        margin-right: 0;
    }

    .search__block {
        left: -151px;
    }
}

@media (max-width:960px) {
    .search__block {
        width: calc(100vw - 48px);
    }
}

@media (max-width:640px) {
    .search__btn {
        width: 19px;
    }

    .search__block {
        left: -46px;
        height: 36px;
        top: -5px;
        padding-left: 9px;
        padding-right: 10px;
    }

    .search__input {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%
    }

    .search__input::-webkit-input-placeholder {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%
    }

    .search__input:-moz-placeholder,
    .search__input::-moz-placeholder {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%
    }

    .search__input:-ms-input-placeholder {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%
    }

    .search__icon {
        margin-right: 19px;
    }

    .search__icon .svg-icon {
        width: 15px;
        height: auto;
    }
}

.share {
    position: relative;
}

.share__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #f3f3f3;
}

.share__body {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    bottom: 100%;
    display: inline-flex;
    padding: 10px 17px;
    background-color: #fff;
    box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2);
    border-radius: 12px;
}

.share__body .ya-share2 {
    display: flex;
    align-items: center;
}

.size__title {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 13px;
    text-align: left;
}

.size__btn,
.size__title-big {
    display: none;
}

.size__wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -13px;
    margin-right: -12px;
}

.size__item {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    color: #171717;
    padding: 5px 11px 6px;
    letter-spacing: .03em;
    margin-right: 12px;
    margin-bottom: 13px;
    border: 1px solid #d6d6d6;
    border-radius: 30px;
    transition: border-color .3s, color .3s, background-color .3s ease;
}

.size__item.is-active {
    color: #fff;
    background-color: #171717;
    border-color: #171717;
}

@media (min-width:960px) {
    .size__item:hover {
        color: #fff;
        background-color: #171717;
        border-color: #171717;
    }
}

@media (max-width:1200px) {
    .size__title {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 12px;
    }

    .size__item {
        font-size: 13px;
        line-height: 130%;
        margin-right: 12px;
        margin-bottom: 12px;
        padding: 5px 10px;
    }
}

.slick-for {
    position: relative;
}

.slick-for .slick-arrow {
    padding: 0;
    border: 0;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
}

.slick-for .slick-arrow.slick-next {
    right: -52px;
}

.slick-for .slick-arrow.slick-prev {
    left: -52px;
}

.slick-for__item {
    height: 600px;
    display: flex;
    background-position: 50%;
    background-size: cover;
}

.slick-nav {
    margin-top: 10px;
    margin-right: -5px;
    margin-left: -5px;
    position: relative;
}

.slick-nav .slick-track {
    margin: 0;
}

.slick-nav .slick-slide {
    padding: 0 5px;
}

.slick-nav .slick-slide.slick-current .slick-nav__item {
    border: 1px solid #d6d6d6;
}

.slick-nav__item {
    height: 116px;
    cursor: pointer;
    display: flex;
    background-position: 50%;
    background-size: cover;
    border: 1px solid transparent;
    transition: border-color .3s ease;
}

@media (max-width:1350px) {
    .slick-for {
        width: 1028px;
        margin: 0 auto;
    }

    .slick-for__item {
        height: 578px;
    }

    .slick-nav {
        width: 1041px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width:1200px) {
    .slick-for {
        width: 626px;
        margin: 0 auto;
    }

    .slick-for .slick-arrow {
        top: 236px;
        transform: translateY(0);
    }

    .slick-for_status {
        display: none;
    }

    .slick-for__item {
        height: 313px;
    }

    .slick-nav {
        width: 626px;
        margin-left: auto;
        margin-right: auto;
    }

    .slick-nav__item {
        height: 133px;
    }
}

@media (max-width:960px) {
    .slick-for {
        width: 432px;
    }

    .slick-for__item {
        height: 216px;
    }

    .slick-nav {
        width: 432px;
    }

    .slick-nav__item {
        height: 92px;
    }
}

@media (max-width:480px) {
    .slick-for {
        width: auto;
    }

    .slick-for__item {
        height: 43.5vw;
    }

    .slick-nav {
        width: auto;
        margin-right: -2px;
        margin-left: -2px;
        margin-top: 6px;
    }

    .slick-nav .slick-slide {
        padding-left: 2px;
        padding-right: 2px;
    }

    .slick-nav__item {
        height: 18.35vw;
    }
}

.slider-common .slick-dots {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
}

.slider-common .slick-dots li {
    display: flex;
    list-style: none;
    margin: 0 5.5px;
}

.slider-common .slick-dots li.slick-active button {
    background-color: #fff;
}

.slider-common .slick-dots li button {
    width: 6px;
    height: 6px;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: background-color .3s ease;
}

.slider-common .slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    width: 36px;
    height: 18px;
    padding: 5px;
    position: absolute;
    background-color: transparent;
    border: 0;
    top: 0;
    z-index: 6;
}

.slider-common .slick-arrow .svg-icon use {
    fill: #171717;
}

.slider-common .slick-arrow.slick-disabled {
    pointer-events: none;
}

.slider-common .slick-arrow.slick-disabled .svg-icon use {
    fill: #8c8c8c;
}

.slider-common .slick-arrow.slick-next {
    right: 0;
}

.slider-common .slick-arrow.slick-prev {
    left: 0;
}

@media (max-width:1330px) {
    .slider-common .slick-dots {
        bottom: 17px;
    }

    .slider-common .slick-dots li {
        margin: 0 10px;
    }

    .slider-common .slick-dots li button {
        width: 8px;
        height: 8px;
    }
}

@media (min-width:960px) {
    .slider-common .slick-arrow:hover .svg-icon use {
        fill: #b1795c;
    }
}



.sorting .radio__item input:checked~.radio__control:before {
    opacity: 0;
}

.sorting .radio__item.is-active .radio__control:before {
    opacity: 1 !important;
}

@media (min-width:1200px) {
    .sorting {
        position: relative;
        z-index: 6;
        min-width: 185px;
        margin-right: 39px;
        transform: translateY(-2px);
        display: inline-flex;
        align-items: center;
    }

    .sorting__wrap {
        display: inline-flex;
        position: relative;
    }

    .sorting__wrap.is-active .sorting__body {
        opacity: 1;
        pointer-events: auto;
    }

    .sorting__wrap.is-active .sorting__main-control .svg-icon {
        transform: rotate(180deg);
    }

    .sorting__main {
        display: inline-flex;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        line-height: 130%;
        cursor: pointer;
    }

    .sorting__main-control {
        display: flex;
        align-items: center;
        margin-left: 7px;
        margin-top: 4px;
        position: relative;
    }

    .sorting__main-control .svg-icon {
        transition: transform .3s ease;
    }

    .sorting__main-control .svg-icon use {
        fill: transparent;
    }

    .sorting .radio__col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: -17px;
    }

    .sorting .radio__label--big {
        letter-spacing: .03em;
        font-weight: 400;
        font-size: 15px;
        line-height: 130%
    }

    .sorting .radio__item {
        margin: 0;
        margin-bottom: 17px;
    }

    .sorting .radio__control,
    .sorting .radio__item.is-active,
    .sorting__btn,
    .sorting__title {
        display: none;
    }

    .sorting__body {
        position: absolute;
        top: 100%;
        padding-top: 6px;
        opacity: 0;
        transition: opacity .3s ease;
        pointer-events: none;
    }

    .sorting__body-wrap {
        width: calc(100% + 22px);
        padding: 8px 16px;
        background: #fff;
        box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2);
    }

    .sorting__body-wrap:before {
        content: " ";
        position: absolute;
        transform: rotate(-45deg);
        width: 24px;
        height: 24px;
        top: 3px;
        right: -7px;
        border-radius: 2.50141px;
        background-color: #fff;
    }
}

@media (max-width:1200px) {
    .sorting {
        position: fixed;
        background: hsla(0, 0%, 9%, .5);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 22;
        display: flex;
        align-items: flex-end;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
    }

    .sorting.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .sorting__btn {
        margin-top: 31px;
        display: flex;
        justify-content: flex-end;
    }

    .sorting__btn .btn {
        margin-left: 16px;
        padding: 8.5px 13px;
    }

    .sorting .radio__col {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .sorting .radio__control {
        width: 16px;
        height: 16px;
    }

    .sorting .radio__control:before {
        width: 10px;
        height: 10px;
    }

    .sorting .radio__label--big {
        font-weight: 500;
        font-size: 12px;
        line-height: 130%
    }

    .sorting .radio__item {
        margin-bottom: 20px;
    }

    .sorting .radio__item:last-child {
        margin-bottom: 0;
    }

    .sorting__main {
        display: none;
    }

    .sorting__title {
        font-family: Cormorant SC;
        margin-bottom: 28px;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%
    }

    .sorting__wrap {
        width: 100%;
        background: #fff;
        border-radius: 32px 32px 0 0;
        padding: 32px 24px;
    }
}

.spinner {
    width: 108px;
    height: 38px;
}

.spinner .ui-spinner {
    display: flex;
    width: 100%;
    height: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 0;
}

.spinner .ui-spinner .ui-spinner-input {
    order: 2;
    width: calc(100% - 30px*2);
    margin: 0;
    height: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    font-family: Geometria;
}

.spinner .ui-spinner a.ui-spinner-button {
    position: relative;
    top: auto;
    right: auto;
    width: 30px;
    height: 38px;
    order: 3;
    flex: none;
    border: 0;
    background-color: transparent;
}

.spinner .ui-spinner a.ui-spinner-button.ui-spinner-down {
    order: 1;
}

.wrapper--inner .header__menu {
    display: none;
}

.c-info {
    margin-top: 8px;
}

.c-info__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-info__img {
    margin-top: 24px;
}

.c-info__img img {
    max-width: 100%
}

.c-info__btn {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-info__btn .btn {
    padding: 11px 24px;
    margin: 0 8px;
}

.c-info__item {
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin: 0 22px;
}

.c-info__item .svg-icon {
    margin-right: 20px;
}

.c-info__item .svg-icon use {
    fill: transparent;
}

@media (max-width:960px) {
    .c-info {
        margin-top: 0;
    }

    .c-info__wrap {
        flex-direction: column;
        align-items: center;
    }

    .c-info__item {
        font-size: 15px;
        line-height: 140%;
        margin: 0 0 18px;
    }

    .c-info__item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:640px) {
    .c-info__btn {
        margin: 0 -7px;
        margin-top: 15px;
    }

    .c-info__btn .btn {
        width: calc(50% - 14px);
        margin: 0 7px;
        padding: 8.5px 5px;
    }

    .c-info__wrap {
        align-items: flex-start;
    }
}

@media (max-width:480px) {
    .c-info__btn .btn {
        width: auto;
        padding: 8.5px 6px;
        margin: 0 7px;
    }
}

.size-info,
.size-info__body {
    margin-bottom: 34px;
}

.size-info__item {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #000;
    margin-bottom: 16px;
}

.size-info__item:last-child {
    margin-bottom: 0;
}

.size-info__main {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
}

.size-info__icon {
    margin-right: 10px;
    flex: none;
}

.tooltip__main {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 4px;
}

.tooltip__main span {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: .02em;
    text-transform: uppercase;
    border-bottom: 1px solid #171717;
}

.tooltip__icon {
    position: absolute;
    top: -5px;
    right: -15px;
}

.tooltip__text {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    letter-spacing: .03em;
}

.tooltip:hover .tooltip__wrap {
    background-color: #000;
}

.tooltip:hover .tooltip__body {
    opacity: 1;
}

@media (min-width:1141px) and (max-width:1440px) {
    .tooltip {
        margin-left: 5px;
    }

    .tooltip__body {
        bottom: 1.3vw;
        font-size: 1vw;
        max-width: 214px;
    }

    .tooltip__wrap {
        width: 1.3vw;
        height: 1.3vw;
        background-color: #000;
    }

    .tooltip__wrap svg {
        width: .4vw;
    }
}

@media (max-width:961px) {
    .tooltip__wrap {
        width: 16px;
        height: 16px;
    }

    .tooltip__wrap svg {
        width: 5px;
        height: auto;
    }

    .tooltip__body {
        bottom: 16px;
        right: 0;
        font-size: 10px;
        width: 165px;
        left: inherit;
    }
}

.order {
    display: flex;
}

.order__menu-body {
    display: none;
}

.order__main {
    width: 291px;
}

.order__menu li {
    margin-bottom: 24px;
}

.order__menu li:last-child {
    margin-bottom: 0;
}

.order__menu li>a {
    display: inline-flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.order__menu li>a svg {
    transition: transform .3s ease;
}

.order__menu li>a span {
    display: inline-flex;
    margin-right: 5px;
}

.order__menu li.is-active>a {
    color: #8c8c8c;
}

.order__menu li.is-open>a svg {
    transform: rotate(180deg);
}

.order__menu-drop {
    display: none;
    padding-top: 24px;
}

.order__stock {
    justify-content: space-between;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    padding: 15px 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .02em;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.order__stock,
.order__stock-main {
    display: flex;
    align-items: center;
}

.order__stock-main img {
    margin-right: 10px;
}

.order__status {
    color: #8c8c8c;
    width: 22.5%;
    padding-right: 25px;
    flex: none;
}

.order__status i {
    width: 8px;
    height: 8px;
    display: block;
    border-radius: 50%;
    margin-right: 4px;
    flex: none;
}

.order__status i.is-green {
    background: #23b242;
}

.order__status i.is-grey {
    background: #d6d6d6;
}

.order__status i.is-yellow {
    background: #dfb851;
}

.order__status span {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: #171717;
}

.order__address {
    flex-grow: 1;
}

.order__number {
    width: 20.5%;
    padding-right: 25px;
    flex: none;
}

.order__price .btn {
    padding: 11px 24px;
    margin-left: -29px;
}

.order__price-text {
    color: #8c8c8c;
}

.order__price-text span {
    display: block;
    margin-bottom: 5px;
    color: #171717;
}

.order__wrap {
    padding-left: 100px;
    flex-grow: 1;
}

.order__wrap .form {
    width: 482px;
    max-width: 100%
}

.order__wrap .form__btn {
    margin-top: 59px;
}

.order__table {
    padding-left: 70px;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    flex-grow: 1;
}

.order__table .order__number {
    color: #8c8c8c;
}

.order__table .order__number span {
    display: block;
    margin-bottom: 6px;
    color: #171717;
}

.order__price {
    width: 141px;
    flex: none;
    padding-left: 28px;
}

.order__row {
    display: flex;
    padding-top: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0, 0%, 84%, .4);
}

.order__row:first-child {
    padding-top: 0;
}

.order__row:last-child {
    padding-bottom: 0;
    border: 0;
}

.order__head {
    display: flex;
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    color: #8c8c8c;
    padding-bottom: 48px;
}

@media (max-width:1200px) {
    .order__main {
        width: 314px;
        flex: none;
    }

    .order__wrap {
        flex-grow: 1;
    }

    .order__table,
    .order__wrap {
        padding-left: 99px;
    }

    .order__stock {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 19px;
    }

    .order__menu li {
        margin-bottom: 16px;
    }

    .order__price {
        padding-left: 0;
    }

    .order__price .btn {
        padding: 8px 15px;
        margin-left: 0;
    }

    .order__row {
        font-size: 15px;
        line-height: 140%;
        padding-top: 31px;
        padding-bottom: 16px;
    }

    .order__status {
        width: auto;
        text-align: left;
        padding-right: 0;
    }

    .order__number {
        width: 50%
    }

    .order__number,
    .order__status {
        margin-bottom: 16px;
    }

    .order__price {
        width: 50%
    }

    .order__row {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .order__address,
    .order__head {
        display: none;
    }
}

@media (max-width:960px) {
    .order {
        display: block;
    }

    .order__wrap {
        padding-left: 0;
        flex-grow: 1;
    }

    .order__menu-body {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 24px 12px 16px;
        border: 1px solid #D6D6D6;
        font-size: 18px;
        font-family: Geometria;
        line-height: 140%;
        color: #171717;
        width: 100%;
    }

    .order__menu-wrap {
        position: relative;
        order: 1;
        display: flex;
        margin-bottom: 30px;
    }

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

    .order__menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: #ffff;
        padding: 12px 16px;
        z-index: 5;
        border: 1px solid #D6D6D6;
        border-top: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .order__menu-wrap-text {
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .order__menu-wrap-text.is-show {
        opacity: 1;
    }

    .order__menu-wrap svg {
        transition: transform 0.3s ease;
    }

    .order__menu-wrap.is-active .order__menu {
        opacity: 1;
        pointer-events: auto;
    }

    .order__menu-wrap.is-active svg {
        transform: rotate(180deg);
    }

    .order__table {
        padding-left: 0;
    }

    .order__stock {
        order: 2;
        margin-bottom: 30px;
    }
}

@media (max-width:480px) {
    .order__main {
        width: 100%
    }
}

@media (min-width:960px) {
    .order__menu li a:hover {
        color: #8c8c8c;
    }
}

.m-order-stock {
    display: none;
}

@media (max-width:640px) {
    .m-order-stock {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: flex-end;
        background: hsla(0, 0%, 9%, .5);
        z-index: 14;
        pointer-events: none;
        opacity: 0;
        transition: opacity .3s ease;
    }

    .m-order-stock.is-active {
        opacity: 1;
        pointer-events: auto;
    }

    .m-order-stock__title {
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        font-family: Cormorant SC;
        margin-bottom: 10px;
        letter-spacing: .04em;
    }

    .m-order-stock__img {
        margin-bottom: 20px;
    }

    .m-order-stock__img img {
        width: 100%
    }

    .m-order-stock__btn {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .m-order-stock__btn .btn {
        padding: 8px 16px;
        margin-left: 16px;
    }

    .m-order-stock__btn .btn:first-child {
        margin-left: 0;
    }

    .m-order-stock__info {
        margin-bottom: 24px;
    }

    .m-order-stock__info div {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        margin-bottom: 12px;
    }

    .m-order-stock__info div:last-child {
        margin-bottom: 0;
    }

    .m-order-stock__info div span:first-child {
        width: 121px;
        flex: none;
        color: #8c8c8c;
    }

    .m-order-stock__wrap {
        background: #fff;
        border-radius: 32px 32px 0 0;
        width: 100%;
        padding: 32px 24px;
    }
}

.faq {
    width: 770px;
    margin: 0 auto;
}

.faq__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
}

.faq__top.is-active .faq__control {
    transform: rotate(0);
}

.faq__control {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 5px;
    top: 4px;
    height: 20px;
    width: 20px;
    position: absolute;
    transform: rotate(45deg);
    transition: transform .3s ease;
}

.faq__item {
    width: 100%;
    border-bottom: 1px solid #ede6e6;
    padding-bottom: 19px;
    margin-bottom: 21px;
}

.faq__item:last-child {
    margin-bottom: 0;
}

.faq__body {
    padding-top: 17px;
    display: none;
}

.faq__body p:last-child {
    margin-bottom: 0;
}

.faq__name {
    font-size: 18px;
    line-height: 140%;
    padding-right: 50px;
}

@media (max-width:1200px) {
    .faq {
        width: 576px;
    }

    .faq__control {
        width: 16px;
        height: 16px;
    }

    .faq__control svg {
        width: 100%;
        height: auto;
    }

    .faq__item {
        padding-bottom: 12px;
        margin-bottom: 24px;
    }

    .faq__name {
        font-size: 15px;
        line-height: 140%
    }

    .faq__body {
        font-size: 14px;
    }
}

@media (max-width:960px) {
    .faq {
        width: 100%
    }

    .faq__control {
        top: 2px;
    }
}

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

.fitting__body {
    padding-right: 54px;
}

.fitting__body h4 {
    margin-bottom: 12px;
}

.fitting__main {
    position: relative;
    width: 583px;
    background: #e8fcfb;
    flex: none;
    padding: 24px 32px;
}

.fitting__main-title {
    display: none;
}

.fitting__main svg {
    position: absolute;
    top: 27px;
    right: 23px;
}

.fitting__main p {
    font-size: 15px;
    line-height: 130%;
    max-width: 80%;
    letter-spacing: .03em;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}

@media (max-width:1200px) {
    .fitting h2 {
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 18px;
    }

    .fitting h4 {
        font-size: 18px;
        line-height: 120%;
        margin-bottom: 12px;
    }

    .fitting__body {
        padding-right: 30px;
    }

    .fitting__body p {
        font-size: 15px;
        line-height: 140%
    }

    .fitting__main {
        width: 450px;
        padding: 16px 24px;
    }

    .fitting__main svg {
        display: none;
    }

    .fitting__main p {
        max-width: 100%;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 130%
    }

    .fitting__main-title {
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        margin-bottom: 16px;
        font-size: 15px;
        line-height: 19px;
        letter-spacing: .02em;
        text-transform: uppercase;
    }

    .fitting__main-title svg {
        display: block;
        position: relative;
        top: auto;
        right: auto;
    }
}

@media (max-width:960px) {
    .fitting {
        display: block;
    }

    .fitting__body {
        padding-right: 0;
        margin-bottom: 24px;
    }

    .fitting__main {
        width: 100%
    }
}

.dfitting {
    display: flex;
    padding-bottom: 64px;
}

.dfitting .product {
    width: calc(50% - 32px);
}

.dfitting__body {
    flex-grow: 1;
    padding-right: 134px;
}

.dfitting__aside {
    width: 481px;
    flex: none;
}

.dfitting__aside h4 {
    margin-bottom: 24px;
}

.dfitting .form__btn {
    margin-top: 36px;
}

.text {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 16px;
}

@media (max-width:1200px) {
    .dfitting {
        padding-bottom: 77px;
    }

    .dfitting__body {
        padding-right: 89px;
    }

    .dfitting__aside {
        width: 415px;
    }

    .text {
        font-size: 15px;
        line-height: 140%;
        margin-bottom: 24px;
    }
}

@media (max-width:960px) {
    .dfitting {
        display: block;
        padding-bottom: 50px;
    }

    .dfitting__aside {
        width: 416px;
        padding-top: 50px;
        padding-right: 0;
        max-width: 100%
    }

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

.radio {
    display: flex;
}

.radio__list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -8px;
}

.radio__list .radio__item {
    margin-right: 28px;
    margin-bottom: 8px;
}

.radio__wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -24px;
}

.radio__item {
    display: inline-flex;
    align-items: center;
    margin-right: 24px;
    margin-bottom: 12px;
    position: relative;
}

.radio__item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.radio__item input:checked~.radio__control:before {
    opacity: 1;
}

.radio__control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    border-radius: 50%;
    flex: none;
    border: 1px solid rgba(0, 0, 0, .6);
}

.radio__control:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #282828;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease;
}

.radio__label {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
}

.radio__label--big {
    font-size: 18px;
    line-height: 140%
}

@media (min-width:1141px) and (max-width:1440px) {
    .radio__name {
        font-size: 1.1vw;
    }

    .radio__item {
        margin-right: 17px;
    }

    .radio__control {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .radio__control:before {
        width: 10px;
        height: 10px;
    }
}

@media (max-width:1200px) {
    .radio__control {
        width: 20px;
        height: 20px;
    }

    .radio__control:before {
        width: 10px;
        height: 10px;
    }

    .radio__label--big {
        font-size: 13px;
        line-height: 130%
    }
}

.promo {
    margin-right: 1px;
    position: relative;
}

.promo__icon {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: absolute;
    bottom: 16px;
    right: 0;
}

.promo__icon .svg-icon use {
    fill: #171717;
}

.promo input {
    height: 41px;
    border: 0;
    font-weight: 700;
    width: 274px;
    padding-right: 25px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 1px;
    font-family: Inter;
    text-transform: uppercase;
    color: #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
}

@media (max-width:1200px) {
    .promo {
        margin-right: 0;
        width: 100%
    }

    .promo__icon {
        bottom: 13px;
    }

    .promo input {
        height: auto;
        width: 100%;
        font-weight: 700;
        font-size: 8px;
        line-height: 10px;
        padding-bottom: 12px;
    }
}

.shops__map {
    height: 600px;
    margin-bottom: 50px;
}

.shops__map #map {
    width: 100%;
    height: 100%
}

.shops__name {
    font-size: 20px;
    line-height: 140%;
    font-weight: 700;
    margin-bottom: 24px;
}

.shops__icon {
    display: flex;
    align-items: center;
    width: 24px;
    margin-right: 16px;
}

.shops__address {
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 24px;
}

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

.shops__btn .btn {
    padding: 11px 24px;
    margin-right: 9px;
}

.shops__btn .btn:last-child {
    margin-right: 0;
}

.shops__time {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

.shops__link {
    margin-bottom: 26px;
}

.shops__link a {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #8c8c8c;
}

.shops__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -54px;
}

.shops__item {
    width: calc(33.3% - 108px);
    margin: 0 54px 72px;
}

@media (max-width:1200px) {
    .shops {
        display: flex;
        flex-direction: column;
    }

    .shops__map {
        margin-bottom: 0;
        margin-top: 0;
        order: 2;
        height: 512px;
    }

    .shops__list {
        margin: 0 -12px;
        margin-bottom: 8px;
    }

    .shops__item {
        width: calc(50% - 24px);
        margin: 0 12px 32px;
    }
}

@media (max-width:960px) {
    .shops {
        display: flex;
        flex-direction: column;
    }

    .shops__link {
        margin-bottom: 26px;
    }

    .shops__list {
        margin-bottom: 16px;
    }

    .shops__item {
        width: calc(100% - 24px);
        margin: 0 12px 24px;
    }
}

.sort {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.sort__top {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.sort__top .radio__list,
.sort__top .radio__list .radio__item {
    margin-bottom: 0;
}

.sort__btn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.sort__btn-item {
    margin-left: 12px;
}

.sort__btn-item:first-child {
    margin-left: 0;
}

.sort__btn-item .svg-icon use {
    fill: #d6d6d6;
}

.sort__btn-item.is-active .svg-icon use {
    fill: #8c8c8c;
}

@media (max-width:1200px) {
    .sort {
        position: absolute;
        right: 0;
        top: -52px;
    }

    .sort .tag {
        display: none;
    }

    .sort__top {
        margin-bottom: 0;
    }

    .sort .radio__list {
        display: none;
    }

    .sort__btn-item .svg-icon use {
        fill: #8c8c8c;
    }

    .sort__btn-item.is-active {
        display: none;
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 73px;
}

.pagination__separation {
    margin: 0;
}

.pagination__item,
.pagination__separation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #0c0c0c;
    color: #8c8c8c;
}

.pagination__item {
    cursor: pointer;
    margin: 0 12px;
    transition: border-color .3s, background-color .3s ease;
}

.pagination__item.is-active {
    cursor: inherit;
    color: #171717;
}

@media (min-width:960px) {
    .pagination__item:hover {
        color: #810d10;
    }
}

@media (max-width:1200px) {
    .pagination {
        margin-top: 38px;
    }
}

.tag {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.tag__close {
    margin-left: 11px;
}

.tag__close .svg-icon use {
    fill: #8c8c8c;
}

.tag__item {
    cursor: pointer;
    display: inline-flex;
    padding: 4px 12px;
    align-items: center;
    text-decoration: none;
    color: inherit;
    border: 0;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    transition: background-color .3s, color .3s, border-color .3s ease;
    margin: 0 8px 8px 0;
    border-radius: 36px;
    border: 1px solid #d6d6d6;
}

.tag__item.is-active {
    color: #fff;
    background-color: #171717;
    border-color: #171717;
}

@media (max-width:1200px) {
    .tag__item {
        font-size: 13px;
        line-height: 130%;
        padding: 6px 10px;
        margin-right: 12px;
        margin-bottom: 12px;
    }
}

@media (min-width:960px) {
    .tag__item:hover {
        color: #fff;
        background-color: #171717;
    }
}

@media (max-width:960px) {
    .tag--catalog {
        display: flex;
        position: relative;
        margin-bottom: 0;
        flex-grow: 1;
        margin-top: 0;
    }

    .tag--catalog .tag__main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 12px;
        flex-grow: 1;
        border: 1.5px solid #ede6e6;
        height: 40px;
    }

    .tag--catalog .tag__control {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform .3s ease;
    }

    .tag--catalog .tag__container,
    .tag--catalog .tag__link {
        display: none;
    }
}

.tag-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    /* margin-top: -82px;
    margin-bottom: 65px; */
    margin-top: -45px;
    margin-bottom: 28px;
}

.tag-link a {
    display: inline-flex;
    margin-left: 32px;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: .03em;
}

.tag-link a:first-child {
    margin-left: 0;
}

.tag-link a.is-active {
    color: #dfb851;
}

@media (max-width:1200px) {
    .tag-link {
        display: none;
    }
}

.directory__item {
    display: flex;
    position: relative;
    margin-bottom: 91px;
}

.directory__item:first-child {
    z-index: 5;
}

.directory__item:nth-child(2) {
    z-index: 4;
}

.directory__item:nth-child(3) {
    z-index: 3;
}

.directory__item:nth-child(4) {
    z-index: 2;
}

.directory__item:nth-child(5) {
    z-index: 1;
}

.directory__item:last-child {
    margin-bottom: 0;
}

.directory__empty {
    padding-left: 16px;
    padding-right: 16px;
}

.directory__empty h3 {
    margin-bottom: 12px;
}

.directory__link {
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
}

.directory__link-item {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
    line-height: 1.1;
    padding: 10px;
    color: #8c8c8c;
    transition: color .3s, background-color .3s ease;
    border-radius: 10px;
    border: 1px solid #000;
}

.directory__link-item.is-active {
    background-color: #f3f3f3;
    color: #171717;
}

.directory__menu {
    width: 310px;
    flex: none;
    padding-right: 67px;
    padding-top: 51px;
}

.directory__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.directory__list a {
    display: inline-flex;
    margin-bottom: 19px;
}

.directory__list a:last-child {
    margin-bottom: 0;
}

.directory__title {
    display: flex;
    font-weight: 500;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: .03em;
    margin-bottom: 28px;
    font-family: Cormorant SC;
}

.directory__body {
    width: calc(100% - 310px);
}

.directory__slider {
    margin: 0 -16px;
    display: none;
}

.directory__slider.is-active {
    display: block;
}

.directory__slider .slick-arrow {
    cursor: pointer;
    padding: 0;
    border: 0;
    top: -39px;
    position: absolute;
    background-color: transparent;
    right: 16px;
}

.directory__slider .slick-arrow .svg-icon {
    display: block;
}

.directory__slider .slick-arrow.slick-prev {
    right: 70px;
}

.directory__slider .slick-list {
    overflow: visible;
}

.directory__slider .slick-slide {
    opacity: 0;
    transition: opacity .3s ease;
    padding: 0 16px;
}

.directory__slider .slick-slide.slick-active {
    opacity: 1;
}

.directory__slider .product {
    width: 100%
}

.directory__slider .product__izb {
    width: auto;
    height: auto;
    top: 14px;
    right: 14px;
}

.directory__slider .product__wrap {
    padding-top: 48px;
}

@media (max-width:1200px) {
    .directory {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 13px;
    }

    .directory__item {
        width: 33.3%;
        padding-right: 15px;
    }

    .directory__item,
    .directory__item:last-child {
        margin-bottom: 36px;
    }

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

    .directory__title {
        font-weight: 500;
        font-size: 24px;
        line-height: 100%;
        margin-bottom: 20px;
    }

    .directory__list a {
        font-size: 15px;
        line-height: 140%;
        margin-bottom: 16px;
    }

    .directory__body {
        display: none;
    }
}

@media (max-width:960px) {
    .directory__item {
        width: 50%
    }
}

@media (max-width:640px) {
    .directory__item {
        width: 100%
    }
}

.brand-item {
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 1px solid #d6d6d6;
}

.checkout {
    overflow: hidden;
    padding-bottom: 100px;
    padding-left: 35px;
    margin-left: -35px;
}

.checkout__change {
    display: none;
    margin-bottom: 40px;
}

.checkout .form__field {
    margin-bottom: 24px;
}

.checkout .form__field:last-child {
    margin-bottom: 0;
}

.checkout__block {
    padding-bottom: 56px;
}

.checkout__agree {
    padding-left: 12px;
    display: flex;
    font-family: Geometria;
    align-items: flex-start;
    font-size: 12px;
    line-height: 150%
}

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

.checkout__btn .btn {
    flex: none;
}

.checkout .radio__list {
    margin-top: 33px;
}

.checkout__text {
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    max-width: 584px;
    margin-top: -15px;
    margin-bottom: 42px;
}

.checkout__text a {
    text-decoration: underline;
}

.checkout .main__title-wrap {
    margin-bottom: 34px;
}

.checkout__body--middle {
    width: 582px;
}

.checkout__body--long {
    width: 702px;
}

.checkout__section {
    padding-bottom: 82px;
}

.checkout__section:last-child {
    padding-bottom: 0;
}

.checkout .back {
    display: inline-flex;
    align-items: center;
    margin-bottom: 35px;
}

.checkout__title {
    font-family: Cormorant SC;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .03em;
    margin-bottom: 40px;
}

.checkout__main {
    float: left;
    padding-right: 36px;
    width: calc(100% - 379px);
}

.checkout__aside {
    float: right;
    width: 379px;
    padding: 32px 32px 40px 36px;
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}

.checkout__aside-atten {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #8c8c8c;
}

.checkout__aside-atten a {
    color: #171717;
}

.checkout__aside-name {
    font-family: Cormorant SC;
    letter-spacing: .03em;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%
}

.checkout__aside-name span {
    text-transform: uppercase;
}

.checkout__aside-btn {
    margin-bottom: 16px;
}

.checkout__aside-btn .btn {
    padding: 15px 5px;
    width: 100%
}

.checkout__aside-total {
    margin-bottom: 24px;
}

.checkout__aside-total div {
    display: flex;
    align-items: flex-end;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    font-weight: 400;
}

.checkout__aside-total div:last-child {
    margin-bottom: 0;
}

.checkout__aside-total div span:first-child {
    width: 113px;
    color: #8c8c8c;
}

.checkout__aside-total div span:last-child {
    font-family: Cormorant SC;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    padding-left: 24px;
    font-feature-settings: "tnum" on, "lnum" on;
}

.checkout__aside-info {
    margin-bottom: 40px;
}

.checkout__aside-info div {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    font-weight: 400;
}

.checkout__aside-info div:last-child {
    margin-bottom: 0;
}

.checkout__aside-info div span:first-child {
    width: 128px;
    color: #8c8c8c;
}

.checkout__aside-info div span:last-child {
    padding-left: 16px;
}

.checkout__aside-change {
    cursor: pointer;
    font-size: 14px;
    line-height: 18px;
    margin-left: 24px;
    text-transform: uppercase;
    color: #8c8c8c;
}

.checkout__aside-top {
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
}

@media (max-width:1200px) {
    .checkout {
        padding-bottom: 75px;
    }

    .checkout__change {
        display: inline-flex;
    }

    .checkout__agree {
        padding-left: 0;
        padding-top: 12px;
    }

    .checkout__agree-text {
        font-size: 11px;
        line-height: 130%;
        padding-right: 15px;
    }

    .checkout__btn {
        width: 281px;
        flex-direction: column;
        align-items: flex-start;
    }

    .checkout__btn .btn {
        padding: 13px 19px;
        width: 100%
    }

    .checkout__block {
        padding-bottom: 32px;
    }

    .checkout .radio__list {
        margin-top: 23px;
    }

    .checkout .form__field {
        margin-bottom: 16px;
    }

    .checkout .form__row {
        display: block;
        margin-bottom: 16px;
    }

    .checkout .form__row:last-child {
        margin-bottom: 0;
    }

    .checkout .form__col {
        width: 100%;
        margin-bottom: 16px;
    }

    .checkout .form__col:last-child {
        margin-bottom: 0;
    }

    .checkout__section {
        padding-bottom: 36px;
    }

    .checkout__textinfo {
        margin-top: 32px;
        font-size: 11px;
        line-height: 130%;
        max-width: 312px;
    }

    .checkout .tag {
        width: 553px;
        margin-top: 14px;
        margin-bottom: -5px;
    }

    .checkout__title {
        font-size: 20px;
        line-height: 120%;
        margin-bottom: 24px;
    }

    .checkout__text {
        font-size: 13px;
        line-height: 130%;
        margin-bottom: 16px;
        max-width: 78%
    }

    .checkout__body--middle {
        width: 85%
    }

    .checkout__body--full,
    .checkout__body--long {
        width: 100%
    }

    .checkout .main__title-wrap {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .checkout .back {
        display: none;
    }

    .checkout__main {
        padding-right: 18px;
        width: calc(100% - 326px);
    }

    .checkout__aside {
        width: 326px;
        padding: 24px;
    }

    .checkout__aside-atten {
        font-size: 13px;
        line-height: 130%
    }

    .checkout__aside-btn .btn {
        padding: 11px 5px;
    }

    .checkout__aside-info {
        margin-bottom: 33px;
    }

    .checkout__aside-info div {
        font-size: 13px;
        line-height: 130%;
        margin-bottom: 12px;
    }

    .checkout__aside-info div span:first-child {
        width: 128px;
    }

    .checkout__aside-top {
        margin-bottom: 30px;
    }

    .checkout__aside-total div {
        font-size: 13px;
        line-height: 130%
    }

    .checkout__aside-total div span:last-child {
        font-size: 24px;
        line-height: 100%
    }

    .checkout__aside-name {
        font-size: 22px;
        line-height: 120%
    }

    .checkout__aside-change {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 2px;
    }
}

@media (max-width:960px) {
    .checkout {
        padding: 0;
        margin: 0;
        overflow: visible;
        position: relative;
    }
	#bx-soa-order.checkout {
		overflow: hidden;
	}	
    .checkout__aside {
        display: none;
    }

    .checkout__main {
        width: 73%;
        padding-right: 0;
    }
}

@media (max-width:640px) {
    .checkout__main {
        width: 100%;
        padding-right: 0;
    }

    .checkout .tag {
        width: calc(100% + 24px);
        margin-right: -24px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .checkout .tag__item {
        flex: none;
    }

    .checkout__body--middle {
        width: 100%
    }
}

.select {
    height: 57px;
    width: 100%
}

.select .jq-selectbox {
    width: 100%;
    opacity: 1;
    height: 100%
}

.select .jq-selectbox.dropup .jq-selectbox__dropdown {
    border-bottom: 1px solid transparent;
}

.select .jq-selectbox.dropup .jq-selectbox__select {
    border-top: 1px solid transparent;
}

.select .jq-selectbox.dropdown .jq-selectbox__trigger {
    transform: rotate(180deg);
}

.select .jq-selectbox.dropdown .jq-selectbox__dropdown {
    border-top: 1px solid transparent;
}

.select .jq-selectbox.dropdown .jq-selectbox__select {
    border-bottom: 1px solid transparent;
}

.select .jq-selectbox.dropdown .jq-selectbox__select:before {
    opacity: 1;
}

.select .jq-selectbox__trigger {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    transition: transform .3s ease;
    background-image: url(../images/common/arrow-select.png);
    background-position: 50%;
    background-repeat: no-repeat;
}

.select .jq-selectbox__dropdown {
    background: #fff;
    border: 1px solid #d6d6d6;
    width: 100%
}

.select .jq-selectbox__dropdown ul {
    margin: 0;
    max-height: 368px !important;
}

.select .jq-selectbox__dropdown ul li {
    cursor: pointer;
    padding: 12px 24px;
    font-size: 18px;
    line-height: 140%;
    transition: color .3s ease;
}

.select .jq-selectbox__dropdown ul li.selected {
    color: #810d10;
}

.select .jq-selectbox__select-text {
    width: 100%;
    height: 100%;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 140%;
    padding-right: 60px;
    z-index: 2;
    position: relative;
}

.select .jq-selectbox__select-text.placeholder {
    color: #8C8C8C;
}

.select .jq-selectbox__select {
    cursor: pointer;
    background: #fff;
    height: 100%;
    border: 1px solid #d6d6d6;
    width: 100%;
    position: relative;
}

.dfitting .select {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.dfitting .select.is-active {
    opacity: 1;
    pointer-events: auto;
}

@media (max-width:1200px) {
    .select {
        height: 45px;
    }

    .select .jq-selectbox__trigger {
        width: 45px;
        height: 45px;
    }

    .select .jq-selectbox__dropdown ul li {
        font-size: 15px;
        line-height: 140%;
        padding: 8px 16px;
    }

    .select .jq-selectbox__select-text {
        font-size: 15px;
        line-height: 140%;
        padding-left: 16px;
        padding-right: 55px;
    }
}

@media (min-width:960px) {
    .select .jq-selectbox__dropdown ul li:hover {
        color: #810d10;
    }
}

.dtab__wrap {
    border: 1px solid #8c8c8c;
    padding: 40px 75px 44px 33px;
}

.dtab__address {
    margin-bottom: 25px;
}

.dtab__address-control {}

.dtab__address-name {
    font-weight: 500;
    font-size: 15px;
    line-height: 130%;
    margin-bottom: 12px;
}

.dtab__address-info span {
    font-size: 15px;
    line-height: 130%;
    margin-right: 24px;
}

.dtab__address-info span span {
    margin-left: 16px;
}

.dtab__address-info span:last-child {
    margin-right: 0;
}

.dtab__address-item {
    position: relative;
    padding-bottom: 16px;
    padding-left: 25px;
    margin-bottom: 22px;
    border-bottom: 1px solid #d6d6d6;
    transition: box-shadow 0.3s ease;
}

.dtab__address-item .check__control {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    left: 0;
    width: 16px;
    height: 16px;
    padding: 0;
}

.dtab__address-item .check__control::before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    background-color: #171717;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.dtab__address-item input:checked~.check__control::before {
    opacity: 1;
}

.dtab__address-item input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 4;
}

.dtab__address-item:last-child {
    margin-bottom: 0;
    border: 0;
}

.dtab__delivery {
    max-width: 350px;
}

.dtab__delivery div {
    margin-bottom: 16px;
}

.dtab__delivery div:last-child {
    margin-bottom: 0;
}

.dtab__delivery div span {
    display: block;
    font-size: 18px;
    line-height: 140%
}

.dtab__delivery div span:first-child {
    color: #8c8c8c;
    margin-right: 4px;
}

.dtab__delivery div span:last-child {
    margin-top: 4px;
}

.dtab__delivery div span:last-child a {
    display: inline-flex;
    border-bottom: 1px solid #d6d6d6;
}

.dtab__info {
    margin-top: 39px;
}

.dtab__info div {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.dtab__info div:last-child {
    margin-bottom: 0;
}

.dtab__info div span {
    font-size: 15px;
    line-height: 130%
}

.dtab__info div span:first-child {
    color: #8c8c8c;
    margin-right: 4px;
}

.dtab__info div span:last-child a {
    display: inline-flex;
    border-bottom: 1px solid #d6d6d6;
}

.dtab__block,
.dtab__block-date,
.dtab__block-name {
    display: none;
}

.dtab__block.is-active {
    display: block;
}

.dtab__text {
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    margin-bottom: 24px;
    margin-right: -14px;
}

.dtab__control {
    display: flex;
    margin: 0 -5px;
}

.dtab__control-icon,
.dtab__control-title {
    display: none;
}

.dtab__control-wrap {
    display: flex;
}

.dtab__control-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #171717;
    padding-right: 25px;
}

.dtab__control-date {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: #8c8c8c;
}

.dtab__control-item {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    width: calc(25% - 10px);
    margin: 0 5px;
   /* height: 99px;*/
    flex-direction: column;
    border: 1px solid transparent;
    border-bottom: 0;
    padding: 12px 18px 12px 12px;
    position: relative;
}

.dtab__control-item:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: 0;
    height: 1px;
    bottom: -1px;
}

.dtab__control-item.is-active {
    cursor: inherit;
    border-color: #8c8c8c;
}

.dtab__control-item.is-active:before {
    opacity: 1;
}

@media (max-width:1200px) {
    .dtab__info {
        margin-top: 32px;
    }

    .dtab__info div {
        margin-bottom: 12px;
    }

    .dtab__info div span {
        font-size: 13px;
        line-height: 130%
    }

    .dtab__block-name {
        font-weight: 500;
        font-size: 15px;
        line-height: 140%;
        display: block;
        margin-bottom: 12px;
    }

    .dtab__block-date {
        font-weight: 400;
        font-size: 11px;
        line-height: 130%;
        letter-spacing: .03em;
        display: block;
        color: #8c8c8c;
        margin-bottom: 16px;
    }

    .dtab__wrap {
        padding: 0;
        border: 0;
    }

    .dtab__text {
        font-size: 13px;
        line-height: 130%;
        margin: 0 0 24px;
    }

    .dtab__control {
        padding: 32px 24px 40px;
        width: 100%;
        flex-direction: column;
        background: #fff;
        border-radius: 32px 32px 0 0;
        margin: 0;
    }

    .dtab__control-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border: 1px solid rgba(0, 0, 0, .6);
        border-radius: 10px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .dtab__control-icon:before {
        content: " ";
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #282828;
        border-radius: 50%;
        opacity: 0;
        transition: opacity .3s ease;
    }

    .dtab__control-item {
        width: 100%;
        position: relative;
        border: 0;
        height: auto;
        padding: 0;
        margin: 0;
        padding-left: 20px;
        margin-bottom: 38px;
    }

    .dtab__control-item.is-active .dtab__control-icon:before {
        opacity: 1;
    }

    .dtab__control-item:last-child {
        margin-bottom: 0;
    }

    .dtab__control-item:before {
        display: none;
    }

    .dtab__control-date {
        font-size: 11px;
        line-height: 130%;
        margin-top: 4px;
    }

    .dtab__control .dtooltip {
        display: none;
    }

    .dtab__control-name {
        font-size: 12px;
        line-height: 130%
    }

    .dtab__control-title {
        font-family: Cormorant SC;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        display: block;
        margin-bottom: 28px;
    }

    .dtab__control-wrap {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        background: hsla(0, 0%, 9%, .5);
        z-index: 15;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s ease;
    }

    .dtab__control-wrap.is-active {
        opacity: 1;
        pointer-events: auto;
    }
}

.dtooltip {
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 5;
}

.dtooltip__icon {
    cursor: pointer;
}

.dtooltip__block {
    box-shadow: 1px 4px 15px 1px rgba(0, 0, 0, .2);
}

.dtooltip__wrap {
    width: 325px;
    padding-bottom: 14px;
    position: absolute;
    bottom: 100%;
    left: -157px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.dtooltip__wrap:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 2.50141px;
    bottom: 5px;
    transform: rotate(45deg);
}

.dtooltip__body {
    position: relative;
    background: #fff;
    letter-spacing: .03em;
    padding: 16px 24px;
    font-size: 15px;
    line-height: 130%
}

@media (min-width:960px) {
    .dtooltip:hover .dtooltip__wrap {
        opacity: 1;
        pointer-events: auto;
    }
}

.stock {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px -24px;
}

.stock__item {
    display: flex;
    flex-direction: column;
    margin: 0 16px 24px;
    width: calc(33.3% - 32px);
}

.stock__img {
    height: 250px;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 12px;
}

.stock__name {
    margin-right: -1px;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    font-family: Cormorant SC;
    letter-spacing: .04em;
    margin-bottom: 6px;
}

.stock__info {
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #8c8c8c;
}

@media (max-width:1200px) {
    .stock {
        margin: 0 -12px -24px;
    }

    .stock__item {
        margin: 0 12px 24px;
        width: calc(50% - 24px);
    }

    .stock__img {
        height: 21.4vw;
        margin-bottom: 14px;
    }

    .stock__info {
        font-size: 13px;
    }

    .stock__name {
        font-size: 18px;
        margin-bottom: 2px;
    }
}

@media (max-width:960px) {
    .stock {
        margin: 0 -12px -24px;
    }

    .stock__img {
        height: 32vw;
    }

    .stock__info {
        font-size: 13px;
    }

    .stock__name {
        font-size: 18px;
    }
}

@media (max-width:640px) {
    .stock__item {
        width: calc(100% - 24px);
    }

    .stock__img {
        height: 42.62vw;
    }
}

@media (max-width:480px) {
    .stock__img {
        height: 56.945vw;
    }
}

.page img {
    margin-bottom: 40px;
}

.page__btn {
    margin-top: 32px;
}

.page h1 {
    margin-bottom: 16px;
}

@media (max-width:1200px) {
    .page img {
        margin-bottom: 32px;
    }

    .page h1.h2 {
        font-size: 18px;
        line-height: 120%
    }

    .page h1.h2,
    .page p {
        margin-bottom: 12px;
    }

    .page__btn {
        display: flex;
        justify-content: center;
    }
}

.main__title-item {
    display: inline-flex;
    align-items: center;
    margin: 0 22px;
}

.main__title-icon {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.main__title-text {
    margin: 0 auto;
    margin-top: 16px;
    max-width: 909px;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%
}

.main__title-btn {
    margin-top: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main__title-btn .btn {
    margin: 0 10px;
}

.main__title-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.main__title-wrap {
    margin-bottom: 60px;
}

.main__title-wrap--brand {
    display: flex;
    align-items: center;
}

.main__title-wrap--brand img {
    margin-left: 49px;
    max-height: 44px;
}

.main__title-wrap--center {
    text-align: center;
}

.main__title-wrap--detail {
    margin-bottom: 24px;
}

.main__title-wrap--req {
    margin-bottom: 37px;
}

@media (max-width:1200px) {
    .main__title-text {
        font-weight: 400;
        font-size: 15px;
        line-height: 140%;
        text-align: left;
        margin-top: 12px;
    }

    .main__title-btn,
    .main__title-info {
        margin-top: 13px;
    }

    .main__title-btn .btn {
        margin: 0 6px;
    }

    .main__title-item {
        font-size: 15px;
        line-height: 140%;
        margin: 0 10px;
    }

    .main__title-wrap {
        margin-bottom: 31px;
        margin-top: 26px;
    }

    .main__title-wrap img {
        max-height: 30px;
        margin-left: 25px;
        display: block;
    }

    .main__title-wrap--catalog {
        margin-bottom: 32px;
        margin-top: 15px;
    }

    .main__title-wrap--catalog .main__title {
        font-size: 36px;
        line-height: 100%
    }

    .main__title-wrap--detail {
        margin-bottom: 32px;
    }

    .main__title-wrap--detail .main__title-text {
        text-align: center;
    }

    .main__title-wrap--req {
        margin-top: 28px;
        margin-bottom: 24px;
    }

    .main__title-wrap--req h1 {
        font-weight: 500;
        font-size: 40px;
        line-height: 100%
    }
}

@media (max-width:960px) {
    .main__title-wrap {
        margin-top: 6px;
    }

    .main__title-wrap--catalog {
        margin-top: -4px;
        margin-bottom: 33px;
    }

    .main__title-info {
        margin-top: 9px;
    }

    .main__title-icon {
        margin-top: 2px;
    }

    .main__title-item {
        margin-bottom: 15px;
    }

    .main__title-item:last-child {
        margin-bottom: 0;
    }

    .main__title-info {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width:640px) {
    .main__title-wrap {
        margin-top: 15px;
        margin-bottom: 29px;
    }

    .main__title-wrap img {
        margin-left: 15px;
        max-height: 20px;
    }

    .main__title-wrap--center .main__title-text {
        text-align: center;
    }

    .main__title-wrap--catalog {
        margin-top: -3px;
        margin-bottom: 32px;
    }

    .main__title-btn {
        margin-left: -6px;
        margin-right: -6px;
    }

    .main__title-btn .btn {
        width: calc(50% - 12px);
    }
}

@media (max-width:480px) {
    .main__title-btn {
        margin-left: -6px;
        margin-right: -6px;
    }

    .main__title-btn .btn {
        width: auto;
    }
}

.prezent {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px -36px;
}

.prezent__item {
    position: relative;
    width: calc(25% - 36px);
    margin: 0 18px 36px;
    height: 266px;
}

.prezent__izb {
    position: absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
}

.prezent__izb .svg-icon use {
    fill: transparent;
    stroke: #d6d6d6;
}

.prezent__type {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    margin-bottom: 12px;
    text-align: center;
}

.prezent__btn {
    height: 0;
    overflow: hidden;
    transition: height .3s ease;
}

.prezent__btn .btn {
    width: 100%
}

.prezent__price {
    font-family: Cormorant SC;
    text-align: center;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .04em;
    margin-bottom: 8px;
}

.prezent__img {
    height: 136px;
    margin-bottom: 18px;
}

.prezent__wrap {
    position: absolute;
    top: 0;
    right: 0;
    padding: 27px 30px;
    padding-bottom: 0;
    left: 0;
    min-height: 100%;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    transition: box-shadow .3s, padding .3s ease;
}

@media (min-width:1200px) {
    .prezent__item:hover {
        z-index: 5;
    }

    .prezent__item:hover .prezent__wrap {
        box-shadow: 0 4px 20px rgba(84, 84, 84, .1);
        padding-bottom: 30px;
    }

    .prezent__item:hover .prezent__btn {
        height: 42px;
    }
}

@media (max-width:1200px) {
    .prezent {
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: -20px;
    }

    .prezent__izb {
        top: 8px;
        right: 8px;
    }

    .prezent__izb .svg-icon {
        width: 16px;
        height: auto;
    }

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

    .prezent__type {
        font-size: 13px;
        margin-bottom: 0;
        line-height: 130%
    }

    .prezent__price {
        font-size: 21px;
        line-height: 120%;
        text-align: left;
        margin-bottom: 2px;
    }

    .prezent__body {
        display: flex;
        align-items: center;
        margin-right: -10px;
    }

    .prezent__img {
        height: auto;
        margin-bottom: 11px;
    }

    .prezent__item {
        height: auto;
        width: calc(25% - 10px);
        margin: 0 5px 20px;
    }

    .prezent__wrap {
        position: relative;
        padding: 30px 50px 26px;
        min-height: 0;
    }
}

@media (max-width:960px) {
    .prezent__item {
        width: calc(33.3% - 10px);
    }

    .prezent__wrap {
        padding-left: 36px;
        padding-right: 36px;
    }
}

@media (max-width:640px) {
    .prezent__item {
        width: calc(50% - 10px);
    }

    .prezent__wrap {
        padding-left: 46px;
        padding-right: 46px;
    }
}

@media (max-width:480px) {
    .prezent__wrap {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width:359px) {
    .prezent__wrap {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.req {
    width: 482px;
    margin: 0 auto;
}

@media (max-width:1200px) {
    .req .check__control {
        width: 20px;
        height: 20px;
    }
}

@media (max-width:960px) {
    .req {
        width: 312px;
    }
}

@media (max-width:480px) {
    .req {
        width: 100%
    }
}

.prod__count {
    width: 108px;
    border: 1px solid #f3f3f3;
    margin-top: 8px;
}

.prod__count,
.prod__count .counter-minus {
    display: flex;
    align-items: center;
    height: 38px;
}

.prod__count .counter-minus {
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    width: 30px;
    order: 1;
    flex: none;
    border: 0;
    background-color: transparent;
}

.prod__count .counter-minus .svg-icon use {
    fill: #8c8c8c;
}

.prod__count .counter-input {
    order: 2;
    width: 40%;
    margin: 0;
    height: 100%;
    padding: 0;
    border: 0;
    color: #171717;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    font-family: Geometria;
}

.prod__count .counter-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: auto;
    right: auto;
    width: 30px;
    height: 38px;
    order: 3;
    flex: none;
    border: 0;
    background-color: transparent;
}

.prod__count .counter-plus .svg-icon use {
    fill: #8c8c8c;
}

@media (min-width:992px) {

    .prod__count .counter-minus:hover .svg-icon use,
    .prod__count .counter-plus:hover .svg-icon use {
        fill: #171717;
    }
}

.cost__info {
    display: flex;
    margin: 0 -5px;
}

.cost__slider {
    margin-bottom: 28px;
}

.cost__slider .ui-slider-handle {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 0;
    background-color: #171717;
    top: -7px;
    margin-left: -8px;
}

.cost__slider .ui-slider-range {
    height: 2px;
    border: 0;
    border-radius: 0;
    background: #171717;
}

.cost__slider .ui-slider-horizontal {
    height: 2px;
    border: 0;
    border-radius: 0;
    background: #d6d6d6;
}

.cost__item {
    display: flex;
    align-items: center;
    border: 1px solid #d6d6d6;
    height: 43px;
    padding: 0 8px;
    width: calc(50% - 10px);
    margin: 0 5px;
    position: relative;
}

.cost__item span {
    color: #8c8c8c;
    margin-right: 6px;
}

.cost__item input,
.cost__item span {
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
}

.cost__item input {
    width: calc(100% - 24px);
    font-family: Geometria;
    border: 0;
}

.notfound {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 544px;
    margin: 0 auto;
    text-align: center;
}

.notfound__number {
    font-family: Cormorant SC;
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 204px;
    line-height: 100%
}

.notfound__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 30px;
    letter-spacing: .03em;
}

.notfound__btn .btn {
    width: 209px;
    margin: 0 10px;
    padding-top: 14px;
    padding-bottom: 14px;
}

@media (max-width:640px) {
    .notfound {
        width: 100%
    }

    .notfound__text {
        font-size: 14px;
    }

    .notfound__number {
        font-size: 164px;
        margin-bottom: 24px;
    }

    .notfound__btn {
        flex-direction: column;
    }

    .notfound__btn .btn {
        margin: 0;
        margin-bottom: 20px;
    }

    .notfound__btn .btn:last-child {
        margin-bottom: 0;
    }
}

.inbasket {
    position: fixed;
    background: hsla(0, 0%, 9%, .5);
    z-index: 16;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.inbasket.is-active {
    opacity: 1;
    pointer-events: auto;
}

.inbasket.is-active .inbasket__wrap {
    transform: translateY(0);
}

.inbasket__title {
    font-family: Cormorant SC;
    letter-spacing: .04em;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    margin-bottom: 17px;
}

.inbasket__wrap {
    padding: 29px 24px;
    border-radius: 32px 32px 0 0;
    width: 100%;
    background-color: #fff;
    transform: translateY(100%);
    transition: transform .3s ease;
}

.inbasket__btn {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
}

.inbasket__btn .btn {
    width: 100%;
    margin-bottom: 10px;
}

.inbasket__btn .btn:last-child {
    width: 100%;
    margin-bottom: 0;
}

.inbasket__body {
    margin: 0 -8px;
}

.inbasket .prod {
    margin-bottom: 16px;
    flex-direction: column;
    position: relative;
    padding: 12px 6px 16px;
    border: 1px solid #d6d6d6;
    width: calc(50% - 16px);
    margin: 0 8px;
}

.inbasket .prod .price__current {
    font-weight: 700;
    font-size: 21px;
    line-height: 120%
}

.inbasket .prod .price__old {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%
}

.inbasket .prod__img {
    width: 70px;
    height: 70px;
    margin-right: 12px;
    flex: none;
}

.inbasket .prod__size {
    margin-top: 6px;
}

.inbasket .prod__size,
.inbasket .prod__stock {
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    color: #8c8c8c;
}

.inbasket .prod__stock {
    margin-top: 4px;
}

.inbasket .prod .delete {
    position: absolute;
    margin-bottom: 0;
    top: 10px;
    right: 6px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inbasket .prod__name {
    font-family: Cormorant SC;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: .04em;
    margin-bottom: 0;
}

.inbasket .prod__body {
    margin-bottom: 12px;
}

.inbasket .prod__body,
.inbasket .prod__info {
    display: flex;
    align-items: center;
    padding-right: 16px;
    width: 100%
}

.inbasket .prod__info {
    padding-left: 16px;
    justify-content: space-between;
}

.inbasket .prod:last-child {
    margin-bottom: 0;
}

@media (max-width:640px) {
    .inbasket__body {
        margin: 0;
    }

    .inbasket .prod {
        margin-bottom: 16px;
        width: 100%
    }
}

@media (min-width:1200px) {
    .inbasket {
        display: none;
    }
}

.persona {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 64px;
    margin-top: 67px;
}

.persona__main {
    font-family: Cormorant SC;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    max-width: 854px;
    margin-bottom: 16px;
    text-align: center;
    letter-spacing: .03em;
    font-feature-settings: "tnum" on, "lnum" on;
}

.persona__logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: Geometria;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 130%;
    letter-spacing: .03em;
    color: #909090;
    margin-bottom: 48px;
}

.persona__logo-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-position: 50%
}

.persona__logo span {
    display: block;
    margin-top: 16px;
    margin-bottom: 2px;
    color: #282828;
}

.persona__logo span,
.persona__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%
}

.persona__text {
    font-family: Geometria;
    color: #171717;
    text-align: center;
    max-width: 826px;
}

@media (max-width:1200px) {
    .persona__main {
        font-size: 25px;
        line-height: 118%
    }

    .persona__logo {
        font-size: 13px;
        line-height: 130%;
        margin-bottom: 30px;
    }

    .persona__logo span {
        font-size: 18px;
        margin-top: 10px;
    }

    .persona__text {
        font-size: 18px;
        line-height: 132%;
        max-width: 808px;
    }
}

@media (max-width:960px) {
    .persona {
        margin-top: 35px;
    }

    .persona__main {
        font-size: 21px;
        line-height: 107%
    }

    .persona__logo {
        font-size: 11px;
        line-height: 130%;
        margin-bottom: 20px;
    }

    .persona__logo span {
        font-size: 16px;
        margin-top: 9px;
    }

    .persona__text {
        font-size: 15px;
        line-height: 132%
    }
}

.aservice__item {
    display: inline-flex;
    align-items: center;
    margin-bottom: 99px;
}

.aservice__item--right .aservice__body {
    order: 2;
    padding-right: 0;
    padding-left: 72px;
}

.aservice__item:last-child {
    margin-bottom: 0;
}

.aservice__img {
    flex: none;
    width: 584px;
    background-position: 50%;
    background-size: cover;
}

.aservice__name {
    font-family: Cormorant SC;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: .03em;
    max-width: 80%
}

.aservice__name,
.aservice__text {
    margin-bottom: 12px;
}

.aservice__text ol {
    padding: 0 0 0 22px;
    margin: 15px 0;
}

.aservice__text ol li {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    margin-bottom: 12px;
}

.aservice__text ol li:last-child {
    margin-bottom: 0;
}

.aservice__text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%
}

.aservice__text p:last-child {
    margin-bottom: 0;
}

.aservice__body {
    padding-right: 72px;
}

.aservice__info {
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
    max-width: 80%
}

.aservice__info span {
    display: flex;
    margin-bottom: 4px;
    color: #8c8c8c;
}

.aservice__info div {
    margin-bottom: 16px;
}

.aservice__info div:last-child {
    margin-bottom: 0;
}

@media (max-width:1200px) {
    .aservice__img {
        width: 450px;
    }

    .aservice__item {
        margin-bottom: 60px;
    }

    .aservice__name {
        font-size: 18px;
        line-height: 120%;
        max-width: 83%;
        letter-spacing: .04em;
        margin-bottom: 12px;
    }

    .aservice__text p {
        font-size: 14px;
        line-height: 153%
    }

    .aservice__info {
        font-size: 14px;
        line-height: 140%
    }

    .aservice__info div {
        margin-bottom: 8px;
    }
}

@media (max-width:960px) {
    .aservice__img {
        display: none;
    }

    .aservice__body {
        padding-left: 0;
    }

    .aservice__item {
        margin-bottom: 35px;
    }

    .aservice__item--right .aservice__body {
        padding-right: 0;
        padding-left: 0;
    }

    .aservice__body {
        padding-right: 0;
    }

    .aservice__info,
    .aservice__name {
        max-width: inherit;
    }
}

.whatb {
    display: flex;
    flex-direction: column;
    margin-top: 98px;
    align-items: center;
}

.whatb__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    max-width: 869px;
}

.whatb__text a {
    white-space: nowrap;
    border-bottom: 1px solid #171717;
}

.whatb__btn {
    padding-top: 32px;
}

.whatb__btn .btn {
    font-size: 14px;
    line-height: 18px;
    padding: 12px 28px 12px 24px;
}

.whatb__btn .btn,
.whatb__btn .btn svg {
    margin-right: 10px;
}

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

    .whatb__text {
        font-size: 18px;
    }

    .whatb__btn {
        padding-top: 20px;
    }
}

.block {
    margin-bottom: 96px;
}

.block__title {
    text-align: center;
    margin-bottom: 48px;
}

.block:last-child {
    margin-bottom: 0;
}

@media (max-width:1200px) {
    .block__title {
        text-align: center;
        margin-bottom: 26px;
    }
}

.rek {
    padding: 40px;
    width: 512px;
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    margin: 0 auto;
}

.rek__item {
    margin-bottom: 16px;
}

.rek__item,
.rek__link {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%
}

.rek__link {
    display: flex;
    align-items: center;
    color: #8c8c8c;
}

.rek__link span {
    display: inline-flex;
}

.rek__link a {
    color: #171717;
    text-decoration: none;
}

@media (max-width:1200px) {
    .rek {
        width: 410px;
    }

    .rek__item {
        margin-bottom: 10px;
    }

    .rek__item,
    .rek__link,
    .rek__link a {
        font-size: 14px;
    }
}

@media (max-width:640px) {
    .rek {
        width: 100%;

    }

    .re__item span {
        display: block;
    }
}

.catalog {
    display: flex;
    position: relative;
    z-index: 5;
}

/*
.catalog__filter {
    flex: none;
    width: 308px;
    padding-right: 48px;
}
*/
.catalog__body {
    flex-grow: 1;
    padding-bottom: 100px;
}

.catalog__body-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px -24px;
}

.catalog__body-wrap .product {
    width: calc(20% - 32px);
    margin-bottom: 24px;
    margin-left: 16px;
    margin-right: 16px;
}

.catalog__body-wrap--list {
    margin: 0 -9px -24px;
}

.catalog__body-wrap--list .product {
    width: calc(50% - 18px);
    margin-bottom: 24px;
    margin-left: 9px;
    margin-right: 9px;
}

@media (max-width:1200px) {
    .catalog {
        flex-direction: column;
        z-index: 9;
    }

    .catalog__filter {
        width: auto;
        padding-right: 0;
        margin-right: -32px;
    }

    .catalog__body-wrap {
        margin-left: -8px;
        margin-right: -8px;
    }

    .catalog__body-wrap .product {
        width: calc(25% - 16px);
        margin-bottom: 24px;
        margin-left: 8px;
        margin-right: 8px;
    }
}

@media (max-width:960px) {
    .catalog__body-wrap .product {
        width: calc(33% - 16px);
    }
}

@media (max-width:640px) {
    .catalog__body-wrap .product {
        width: calc(50% - 16px);
    }
}


/* filter */
.catalog__filter {
    position: relative;
}

.filter {
    position: relative;
    margin-bottom: 40px;
}

.filter__body {
    position: relative;
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    align-items: flex-start;
}

.filter__btn {
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
	font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    gap: 10px;
}

.filter__btn--sort {
    display: none;
}

.filter__btn span {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    padding-left: 10px;
}

.filter__body form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.filter__section {
    position: relative;
    margin-left: 10px;
    margin-bottom: 10px;
}

.filter__section:last-child {
    padding-bottom: 0;
}

.filter__section-name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}

.filter__section-top {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.filter__section-top-icon {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.filter__section-top-icon svg {
    transform: rotate(180deg);
}

.filter__section:hover .filter__section-top-icon svg {
    transform: rotate(0deg);
}

.filter__section-body {
    min-width: 160px;
    position: absolute;
    left: 0;
    padding: 20px 10px;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(84, 84, 84, .1);
    z-index: 10;
    display: none;
}

.filter__section:hover .filter__section-body {
    display: flex;
}

.filter__section-body--cost {
    min-width: 240px;
}

.filter__section-body .check__label {
    font-size: 14px;
    line-height: 20px;
}

.filter__section-body-title {
    display: none;
}

.filter__more {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    margin-right: 20px;
}

.filter__control {
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.filter__reset {
    display: inline-flex;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #8c8c8c;
}

@media (max-width:1200px) {
    .filter {
        width: 100%;
        flex-direction: row;
        z-index: 12;
    }

    .filter__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        background-color: #f3f3f3;
        margin-right: 8px;
        padding: 0;
        margin-bottom: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .filter__btn--sort {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        background-color: #f3f3f3;
        margin-right: 8px;
    }

    .filter__body {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 16px;
        margin-bottom: 16px;
    }

    .filter__body form {
        flex-wrap: nowrap;
    }

    .filter__btn span {
        display: none;
    }

    .filter__section {
        width: auto;
        margin-left: 8px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .filter__section-body {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        opacity: 0;
        pointer-events: none;
        position: fixed;
        z-index: 13;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0;
        background-color: hsla(0, 0%, 9%, .5);
        transition: opacity .3s ease;
    }

    .filter__section-body-title {
        display: block;
        font-family: Cormorant SC;
        font-weight: 600;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: .04em;
        margin-bottom: 20px;
    }

    .filter__section-body-wrap {
        padding: 32px 24px 24px;
        width: 100%;
        background-color: #fff;
        border-radius: 32px 32px 0 0;
    }

    .filter__section-name {
        white-space: nowrap;
        font-weight: 400;
        font-size: 15px;
        line-height: 130%;
        padding: 8px 14px 9px;
        border: 1px solid #d6d6d6;
        border-radius: 30px;
        height: 38px;
    }

    .filter__section-top {
        margin-bottom: 0;
        padding: 0;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .filter__section-top-icon {
        display: none;
    }

    .filter__section.is-open .filter__section-body {
        opacity: 1;
        pointer-events: auto;
    }
}

.text-block__title {
    font-family: Cormorant SC;
    font-weight: 600;
    font-size: 28px;
    line-height: 120%;
    width: 300px;
    flex: none;
    letter-spacing: .03em;
    font-feature-settings: "tnum" on, "lnum" on;
}

.text-block__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 50px;
}

.text-block__item:last-child {
    margin-bottom: 0;
}

.text-block__body {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%
}

@media (max-width:1200px) {
    .text-block__title {
        font-size: 21px;
        line-height: 120%;
        width: 200px;
    }

    .text-block__body {
        font-weight: 400;
        font-size: 14px;
        line-height: 140%
    }

    .text-block__item {
        margin-bottom: 32px;
    }
}

@media (max-width:640px) {
    .text-block__item {
        display: block;
    }

    .text-block__title {
        width: auto;
        margin-bottom: 5px;
    }
}

.partners {
    flex-wrap: wrap;
    max-width: 80%;
    margin: 0 auto -40px;
}

.partners,
.partners__item {
    display: flex;
    justify-content: center;
}

.partners__item {
    width: 25%;
    align-items: center;
    margin-bottom: 40px;
    height: 160px;
}

.partners__item img {
    max-height: 100%
}

@media (max-width:1200px) {
    .partners {
        max-width: none;
    }
}

@media (max-width:992px) {
    .partners {
        margin-bottom: -25px;
    }

    .partners__item {
        width: 33.3%;
        padding: 10px 15px;
        margin-bottom: 25px;
    }
}

@media (max-width:560px) {
    .partners {
        margin-bottom: -15px;
    }

    .partners__item {
        width: 50%;
        height: auto;
        margin-bottom: 15px;
    }
}

.forgot {
    width: 463px;
    margin: 0 auto;
    max-width: 100%
}

.forgot .form__btn .btn {
    width: 100%
}

.forgot .h3 {
    margin-bottom: 32px;
}

.filter-top__btn {
    display: none;
}

@media (max-width:960px) {
    .filter-top {
        display: flex;
        align-items: flex-start;
        margin-bottom: 32px;
    }

    .filter-top__select {
        display: flex;
        flex-grow: 1;
    }

    .filter-top__btn {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 14px;
        flex: none;
        background-color: #303030;
    }
}

.top-page {
    padding-top: 12px;
    margin-bottom: 68px;
    position: relative;
}

.top-page__wrap {
    position: relative;
    text-align: center;
    margin-bottom: 140px;
    padding-bottom: 47px;
    background-position: 50%;
    background-size: cover;
}

.top-page__wrap .top-page {
    padding-top: 0;
}

.top-page__wrap .bread {
    margin-bottom: 92px;
    padding-top: 13px;
}

.top-page__wrap .bread ul {
    justify-content: center;
}

.top-page__wrap .bread ul li a {
    color: #fff;
}

.top-page__wrap .bread ul li a .svg-icon use {
    stroke: #fff;
}

.top-page__wrap .bread ul li span {
    color: #fff;
}

.top-page__wrap:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(1turn, rgba(0, 0, 0, .92), transparent);
}

.top-page__wrap h1 {
    font-size: 57px;
    line-height: 68px;
    margin-bottom: 36px;
    color: #fff;
}

.top-page__text {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    font-family: Bitter, serif;
    color: #fff;
    max-width: 621px;
    margin: 0 auto;
}

@media (max-width:1140px) {
    .top-page {
        padding-top: 3px;
        margin-bottom: 28px;
    }
}

@media (max-width:960px) {
    .top-page {
        padding-top: 8px;
        margin-bottom: 30px;
    }

    .top-page__text {
        font-size: 14px;
        line-height: 150%
    }

    .top-page__wrap {
        margin-bottom: 48px;
        padding-bottom: 71px;
        padding-top: 56px;
        letter-spacing: normal;
    }

    .top-page__wrap .bread {
        display: none;
    }

    .top-page__wrap h1 {
        font-size: 36px;
        line-height: 43px;
        margin-bottom: 24px;
    }
}

@media (max-width:640px) {
    .top-page {
        margin-bottom: 24px;
    }
}

.section--small .section__block {
    padding-top: 40px;
    padding-bottom: 47px;
}

.section--bottom .section__block {
    padding-top: 73px;
    padding-bottom: 109px;
}

.section__body {
    display: block;
}

.section--middle .section__block {
    padding-top: 0;
    padding-bottom: 86px;
}

.section--catalog .section__block {
    padding-top: 0;
    padding-bottom: 205px;
}

.section--big .section__block {
    padding-top: 40px;
    padding-bottom: 109px;
}

.section--mega .section__block {
    padding-top: 0;
    padding-bottom: 122px;
}

.section--100 .section__block {
    padding-bottom: 100px;
}

.section--default .section__block {
    padding-top: 105px;
    padding-bottom: 109px;
}

.section__title {
    margin-bottom: 55px;
}

.section__title--center {
    text-align: center;
}

.section__title h3 {
    margin-bottom: 0;
    margin-top: 0;
}

.section--border .section__block {
    border-bottom: 1px solid hsla(0, 0%, 84%, .4);
}

.section--pt0 .section__block {
    padding-top: 0 !important;
}

.section--new .section__block {
    padding-bottom: 16px;
}

section:last-child .section__block {
    padding-bottom: 0 !important;
}

@media (max-width:1200px) {
    .section--big .section__block {
        padding-top: 30px;
        padding-bottom: 39px;
    }

    .section--mega .section__block {
        padding-top: 0;
        padding-bottom: 49px;
    }

    .section__title {
        margin-bottom: 25px;
    }

    .section--set .section__block {
        padding-bottom: 0;
    }

    .section--catalog .section__block {
        padding-top: 0;
        padding-bottom: 50px;
    }
}

@media (max-width:960px) {
    .section--big .section__block {
        padding-top: 23px;
    }

    .section--small .section__block {
        padding-top: 10px;
        padding-bottom: 42px;
    }

    .section--100 .section__block {
        padding-bottom: 32px;
    }

    .section--100 .section__title--center {
        text-align: left;
    }
}

.form-big {
    display: flex;
    margin-top: 141px;
}

.form-big__section {
    margin-bottom: 86px;
}

.form-big__section:last-child {
    margin-bottom: 0;
}

.form-big__body {
    width: 615px;
    padding-right: 83px;
    flex: none;
}

.form-big__body h2 {
    margin-bottom: 66px;
}

.form-big__form h3 {
    margin-bottom: 24px;
}

@media(max-width: 1356px) {
    .form-big {
        margin-top: 100px;
    }

    .form-big__section {
        margin-bottom: 50px;
    }


    .form-big__body {
        width: 425px;
        padding-right: 55px;
    }

    .form-big__body h2 {
        margin-bottom: 46px;
    }

    .form-big__form h3 {
        margin-bottom: 20px;
    }
}

@media(max-width: 960px) {
    .form-big {
        display: block;
        margin-top: 60px;
    }

    .form-big img {
        display: none;
    }

    .form-big__section {
        margin-bottom: 30px;
    }

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

    .form-big__body h2 br {
        display: none;
    }

    .form-big__body h2 {
        margin-bottom: 30px;
    }

    .form-big__body h3 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 22px;
    }


}

.video {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

.video__img {
    height: 250px;
    margin-bottom: 24px;
    overflow: hidden;
}

.video__img-wrap {
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-size: cover;
    transition: transform .3s ease;
}

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

.video__text {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: -.02em;
    color: #717171;
    transition: color .3s ease;
}

.video__name {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #171717;
    margin-bottom: 4px;
    transition: color .3s ease;
}

.video__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 94px;
}

.video__btn .btn span {
    margin-left: 5px;
    margin-right: 5px;
}

.video__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    background-color: #992b2e;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 16px;
    flex-wrap: none;
}

.video__icon .svg-icon use {
    fill: #fff;
}

.video__item {
    display: block;
    margin: 0 16px;
    width: calc(33.3% - 32px);
}

.video__slider .slick-slide {
    padding: 0 16px;
}

.video__slider .slick-list {
    overflow: hidden;
    margin: 0 -16px;
}

.video__slider .video__item {
    margin: 0;
    width: 100%
}

@media (min-width:1141px) and (max-width:1440px) {
    .video {
        margin-left: -14px;
        margin-right: -14px;
    }

    .video__icon {
        width: 3.5vw;
        height: 3.5vw;
        margin-right: 12px;
    }

    .video__icon .svg-icon {
        width: 11px;
        height: auto;
    }

    .video__btn {
        margin-top: 6vw;
    }

    .video__text {
        font-size: 1vw;
    }

    .video__name {
        font-size: 1.2vw;
    }

    .video__img {
        height: 17vw;
    }

    .video__item {
        margin: 0 14px;
        width: calc(33.3% - 28px);
    }
}

@media (min-width:960px) {
    .video__item:hover .video__img-wrap {
        transform: scale(1.1);
    }

    .video__item:hover .video__name,
    .video__item:hover .video__text {
        color: #810d10;
    }
}

@media (max-width:1140px) {
    .video {
        margin: 0 -12px;
    }

    .video__img {
        height: 19vw;
        margin-bottom: 12px;
    }

    .video__btn {
        margin-top: 40px;
    }

    .video__btn .btn span {
        display: none;
    }

    .video__icon {
        width: 32px;
        height: 32px;
        margin-right: 8px;
        padding-left: 2px;
    }

    .video__icon .svg-icon {
        width: 11px;
        height: auto;
    }

    .video__item {
        margin: 0 12px;
        width: calc(33.3% - 24px);
    }
}

@media (max-width:961px) {
    .video--main .video__img {
        height: 29vw;
    }

    .video--main .video__item {
        width: calc(50% - 24px);
    }

    .video--main .video__item:last-child {
        display: none;
    }
}

@media (max-width:641px) {
    .video--main {
        display: block;
    }

    .video--main .video__name {
        margin-bottom: 0;
    }

    .video--main .video__img {
        height: 42vw;
    }

    .video--main .video__item {
        width: calc(100% - 24px);
        margin-bottom: 24px;
    }

    .video--main .video__item:last-child {
        display: none;
    }
}

@media (max-width:481px) {
    .video--main .video__img {
        height: 56vw;
    }

    .video__btn .btn {
        width: 100%;
        padding: 12px;
    }
}

.tech {
    display: flex;
    margin-bottom: 38px;
}

.tech__item {
    width: 33.3%;
    padding-right: 25px;
}

.tech__title {
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -.02em;
    margin-bottom: 8px;
}

.tech__size {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}

@media (min-width:1141px) and (max-width:1440px) {
    .tech {
        margin-bottom: 32px;
    }

    .tech__title {
        font-size: .94vw;
        margin-bottom: 0;
    }

    .tech__size {
        font-size: 1.2vw;
    }
}

@media (max-width:1140px) {
    .tech {
        display: block;
        margin-bottom: 32px;
    }

    .tech__title {
        font-size: 16px;
        line-height: 150%;
        width: 144px;
        margin-right: 8px;
        flex: none;
        color: #717171;
        margin-bottom: 0;
    }

    .tech__item {
        padding-right: 0;
        margin-bottom: 8px;
    }

    .tech__item:last-child {
        margin-bottom: 0;
    }

    .tech__size {
        font-family: Fira Sans, sans-serif;
        font-size: 16px;
        line-height: 150%
    }

    .tech__item {
        width: 100%;
        display: flex;
    }
}

@media (max-width:960px) {

    .tech__size,
    .tech__title {
        font-size: 16px;
        line-height: 150%
    }
}

.tab__img {
    display: flex;
    align-items: center;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 46px;
}

.tab__img-item {
    width: 33.3%;
    padding: 0 30px;
}

.tab__img img {
    opacity: .5;
}

.tab__img img:last-child {
    margin-right: 0;
}

.tab__icon {
    display: none;
    position: relative;
}

.tab__icon:before {
    content: " ";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #992b2e;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .3s ease;
}

.tab__text {
    font-size: 16px;
    line-height: 153%;
    letter-spacing: -.02em;
    margin-bottom: 48px;
}

.tab__text:last-child {
    margin-bottom: 0;
}

.tab__text h4 {
    margin-bottom: 16px;
}

.tab__text .btn {
    margin-top: 24px;
}

.tab__slider {
    margin-bottom: 36px;
}

.tab__slider .btn {
    display: none;
}

.tab__slider:last-child {
    margin-bottom: 0;
}

.tab__block {
    padding-bottom: 25px;
    display: none;
}

.tab__block.is-active {
    display: block;
}

.tab__content {
    width: 800px;
}

.tab__slider h4 {
    margin-bottom: 32px;
}

.tab__slider .slider-common .slick-arrow {
    top: -66px;
    padding: 0;
}

.tab__slider .slider-common .slick-arrow.slick-next {
    right: 0;
}

.tab__slider .slider-common .slick-arrow.slick-prev {
    left: auto;
    right: 42px;
}

.tab__slider .case__slider .slick-list {
    overflow: hidden;
    margin: 0 -15px;
}

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

.tab__aside {
    width: 279px;
}

.tab__aside h5 {
    margin-bottom: 40px;
}

.tab__container {
    padding-top: 70px;
    padding-bottom: 85px;
    background-color: #fff;
}

.tab__container .container {
    display: flex;
    justify-content: space-between;
}

.tab__link {
    display: inline-flex;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 3px solid transparent;
    transition: border-bottom .3s, color .3s ease;
    margin-right: 40px;
}

.tab__link:last-child {
    margin-right: 0;
}

.tab__link.is-active,
.tab__link.is-active:hover {
    border-bottom-color: #810d10;
}

.tab__link.is-active:hover {
    color: #0c0c0c;
}

.tab--mini {
    margin-top: 48px;
}

.tab--mini .tab__container {
    padding: 0;
    background-color: transparent;
}

.tab--mini .tab__link {
    margin-right: 32px;
}

.tab--mini .tab__content {
    width: auto;
}

.tab--mini .tab__block {
    padding: 40px 48px 46px;
    background-color: #f2f2f2;
}

.tab--mini .tab__block--empty {
    padding: 0;
}

@media (min-width:960px) {
    .tab__link:hover {
        border-bottom-color: transparent;
        color: #810d10;
    }
}

@media (min-width:1141px) and (max-width:1440px) {
    .tab__text {
        font-size: 1.1vw;
        margin-bottom: 33px;
    }

    .tab__img {
        margin-bottom: 3.5vw;
    }

    .tab--mini .tab__block {
        padding: 31px 39px 40px;
    }

    .tab__container {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }

    .tab__content {
        width: 55.5vw;
    }

    .tab__link {
        margin-right: 24px;
        font-size: .95vw;
        padding-bottom: 2px;
    }

    .tab__aside {
        width: 19vw;
    }
}

@media (max-width:1140px) {
    .tab__container {
        padding-bottom: 56px;
        padding-top: 56px;
    }

    .tab__slider .case__slider .slick-list {
        margin: 0 -10px;
    }

    .tab__slider .case__slider .slick-slide {
        padding: 0 10px;
    }

    .tab__link {
        font-size: 13px;
        line-height: 100%;
        padding-bottom: 10px;
        margin-right: 32px;
    }

    .tab__content {
        width: 100%
    }

    .tab--mini {
        margin-top: 32px;
    }

    .tab--mini .tab__block {
        padding: 32px;
    }

    .tab--card .tab__content {
        padding-right: 41px;
        width: calc(100% - 277px);
    }

    .tab--card .tab__aside {
        width: 277px;
        flex: none;
    }
}

@media (max-width:960px) {
    .tab__control-item {
        margin-right: 18px;
    }

    .tab__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        flex: none;
        border: 2px solid #ede6e6;
        border-radius: 50%;
        margin-right: 6px;
    }

    .tab__text {
        margin-bottom: 30px;
    }

    .tab__link {
        font-size: 14px;
        line-height: 100%;
        margin-right: 48px;
    }

    .tab__container {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .tab--card .tab__container {
        padding-bottom: 0;
    }

    .tab--card .tab__container .container {
        display: block;
    }

    .tab--card .tab__aside {
        display: none;
        width: calc(100% + 80px);
        padding-top: 50px;
        background-color: #f2f2f2;
        margin: 0 -40px;
        padding-left: 40px;
        padding-right: 40px;
    }

    .tab--card .tab__aside h5 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 32px;
    }

    .tab--card .tab__content {
        width: 100%;
        padding-right: 0;
    }

    .tab--mini .tab__control {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .tab--mini .tab__block {
        padding: 0;
        background-color: transparent;
    }

    .tab--mini .tab__link {
        display: inline-flex;
        align-items: center;
        padding: 0;
        margin: 0;
        font-weight: 400;
        font-family: Fira Sans, sans-serif;
        border: 0;
        letter-spacing: -.02em;
        font-size: 14px;
        line-height: 153%;
        text-transform: inherit;
        margin-bottom: 16px;
    }

    .tab--mini .tab__link.is-active .tab__icon:before {
        opacity: 1;
    }

    .tab--mini .tab__link:last-child {
        margin-bottom: 0;
    }
}

@media (max-width:640px) {
    .tab__link {
        font-size: 13px;
        line-height: 100%;
        padding-bottom: 10px;
        margin-right: 24px;
        white-space: nowrap;
    }

    .tab__container {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .tab__control {
        padding-right: 0;
        overflow-x: auto;
        width: 100%
    }
}

@media (max-width:480px) {
    .tab__container {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .tab__slider {
        margin-bottom: 32px;
    }

    .tab__slider .btn {
        padding: 16px 18px;
        display: inline-flex;
    }

    .tab__slider .video__slider h4 {
        margin-bottom: 30px;
    }

    .tab__slider .video__slider .video__name {
        font-size: 18px;
        line-height: 150%;
        margin-bottom: 2px;
    }

    .tab__slider .video__slider .video__icon {
        width: 32px;
        height: 32px;
        margin-right: 8px;
    }

    .tab__slider .video__slider .video__icon .svg-icon {
        width: 11px;
        height: auto;
    }

    .tab__slider .video__slider .video__img {
        height: 56.2vw;
        margin-bottom: 12px;
    }

    .tab__slider .video__slider>div {
        display: none;
        margin-bottom: 32px;
    }

    .tab__slider .video__slider>div:first-child,
    .tab__slider .video__slider>div:nth-child(2) {
        display: block;
    }

    .tab__slider .case__slider h4 {
        margin-bottom: 30px;
    }

    .tab__slider .case__slider .case__name {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 8px;
    }

    .tab__slider .case__slider .case__img {
        height: 53.2vw;
    }

    .tab__slider .case__slider>div {
        display: none;
        margin-bottom: 32px;
    }

    .tab__slider .case__slider>div:first-child,
    .tab__slider .case__slider>div:nth-child(2) {
        display: block;
    }
}

.range {
    padding-bottom: 8px;
}

.range .ui-slider {
    height: 2px;
    background: #ede6e6;
    border: 0;
}

.range .ui-slider-range {
    height: 2px;
    background: #810d10;
    border: 0;
    border-radius: 0 !important;
}

.range .ui-slider-horizontal .ui-slider-handle {
    margin-left: -8px;
}

.range .ui-slider-handle {
    top: -6px;
    background-color: #810d10;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 0;
}

.range__info {
    display: flex;
    align-items: center;
    margin: 0 -6px 27px;
}

.range__item {
    position: relative;
    width: calc(50% - 12px);
    margin: 0 6px;
}

.range__item span {
    position: absolute;
    left: 13px;
    top: 3px;
    font-weight: 400;
}

.range__item input,
.range__item span {
    font-size: 16px;
    font-family: Fira Sans, sans-serif;
    line-height: 153%;
    letter-spacing: -.02em;
}

.range__item input {
    height: 32px;
    padding-left: 35px;
    background: hsla(0, 16%, 92%, .5);
    border: 0;
    width: 100%
}

.r-slide {
    display: flex;
    flex-direction: column;
}

.r-slide__img {
    margin-bottom: 14px;
}

.r-slide__item {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 19px;
    position: relative;
}

.r-slide__item input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.r-slide__item input:checked~.r-slide__control {
    background-color: #810d10;
}

.r-slide__item input:checked~.r-slide__control:before {
    left: 18px;
}

.r-slide__item:last-child {
    margin-bottom: 0;
}

.r-slide__control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 18px;
    padding-top: 3px;
    padding-left: 2px;
    flex: none;
    background-color: #b5b5b5;
    border-radius: 50px;
    transition: background-color .3s ease;
}

.r-slide__control-wrap {
    display: inline-flex;
    position: relative;
    order: 2;
}

.r-slide__control:before {
    content: " ";
    left: 2px;
    top: 2px;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    transition: left .3s ease;
}

.r-slide__label {
    order: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 153%;
    letter-spacing: -.01em;
}

.r-slide--light .check__label {
    letter-spacing: -.02em;
    font-weight: 400;
}

.r-slide--img {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}

.r-slide--img .r-slide__item {
    display: flex;
    flex-direction: column;
    padding-right: 25px;
    align-items: flex-start;
    width: 33.3%
}

.r-slide--img .r-slide__body {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}

.r-slide--img .r-slide__body input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.r-slide--img .r-slide__body input:checked~.r-slide__body-wrap .r-slide__control {
    background-color: #810d10;
}

.r-slide--img .r-slide__body input:checked~.r-slide__body-wrap .r-slide__control:before {
    left: 18px;
}

.r-slide--img .r-slide__label {
    font-weight: 400;
}

.r-slide--img .r-slide__control {
    position: relative;
    margin-right: 7px;
}

.r-slide--img .r-slide__control-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (min-width:1141px) and (max-width:1440px) {
    .r-slide__control {
        width: 27px;
        height: 14px;
    }

    .r-slide__control:before {
        width: 10px;
        height: 10px;
    }

    .r-slide--img .r-slide__body input:checked~.r-slide__body-wrap .r-slide__control:before {
        left: 15px;
    }

    .r-slide--img .r-slide__label {
        font-size: 1.1vw;
    }

    .r-slide--img .r-slide__img {
        margin-bottom: 9px;
    }

    .r-slide--img .r-slide__img img {
        width: 7vw;
    }
}

@media (max-width:1140px) {
    .r-slide__control {
        width: 26px;
        height: 14px;
    }

    .r-slide__control:before {
        width: 10px;
        height: 10px;
    }

    .r-slide__img {
        height: 52px;
        margin-bottom: 9px;
    }

    .r-slide__img img {
        max-height: 100%
    }

    .r-slide--img .r-slide__body input:checked~.r-slide__body-wrap .r-slide__control:before {
        left: 15px;
    }

    .r-slide--img .r-slide__label {
        font-size: 14px;
        line-height: 153%
    }

    .r-slide--img .r-slide__control-wrap {
        justify-content: flex-start;
    }
}

@media (max-width:960px) {
    .r-slide--img .r-slide__body input:checked~.r-slide__body-wrap .r-slide__control:before {
        left: 18px;
    }

    .r-slide--img .r-slide__item {
        padding-right: 0;
        justify-content: center;
        align-items: center;
    }

    .r-slide--img .r-slide__label {
        font-size: 12px;
        line-height: 168%
    }

    .r-slide--img .r-slide__control {
        margin-right: 0;
        margin-top: 6px;
        order: 2;
    }

    .r-slide--img .r-slide__control-wrap {
        justify-content: center;
        flex-direction: column;
    }

    .r-slide__img {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 49px;
        margin-bottom: 8px;
    }

    .r-slide__control {
        width: 34px;
        height: 18px;
    }

    .r-slide__control:before {
        width: 14px;
        height: 14px;
    }
}

.total {
    display: flex;
    align-items: flex-start;
}

.total__body {
    width: 463px;
    flex: none;
    margin-right: 55px;
}

.total__body .btn {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 16px;
}

.total__body .btn span {
    margin-right: 5px;
}

.total__body p {
    color: #810d10;
}

.total__info {
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
}

.total__info span {
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: .05em;
}

@media (min-width:1141px) and (max-width:1440px) {
    .total__body {
        width: 32vw;
        flex: none;
        margin-right: 45px;
    }

    .total__info {
        font-size: 2.2vw;
    }

    .total__info span {
        font-size: 1.1vw;
    }
}

@media (max-width:1140px) {
    .total__body {
        width: 420px;
        margin-right: 48px;
    }

    .total__info {
        font-size: 22px;
        line-height: 100%
    }

    .total__info span {
        font-size: 14px;
        line-height: 100%;
        margin-bottom: 12px;
    }
}

@media (max-width:960px) {
    .total {
        flex-direction: column;
    }

    .total__body {
        order: 2;
        width: 100%
    }

    .total__info {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        order: 1;
        margin-bottom: 24px;
        width: 100%
    }

    .total__info span {
        margin-bottom: -4px;
        margin-right: 12px;
    }
}

@media (max-width:640px) {
    .total__body .btn span {
        display: none;
    }
}

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

.mainadv__body {
    padding-left: 72px;
}

.mainadv__img {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: none;
    width: 574px;
    height: 431px;
    background-position: 50%;
    background-size: cover;
}

.mainadv__img:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
}

.mainadv__play {
    width: 72px;
    height: 72px;
    background-color: #810d10;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
}

.mainadv__title {
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
    margin-bottom: 53px;
}

.mainadv__list {
    margin-bottom: 48px;
}

.mainadv__list ol {
    counter-reset: a;
    padding: 0;
    margin: 0;
}

.mainadv__list ol li {
    list-style: none;
    position: relative;
    padding-left: 65px;
    font-family: Bitter, serif;
    font-weight: 600;
    font-size: 19px;
    line-height: 132%;
    letter-spacing: normal;
    margin-bottom: 39px;
}

.mainadv__list ol li:last-child {
    margin-bottom: 0;
}

.mainadv__list ol li:after {
    content: " ";
    top: -14px;
    left: -8px;
    border-radius: 50%;
    border: 8px solid rgba(129, 13, 16, .1);
}

.mainadv__list ol li:after,
.mainadv__list ol li:before {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 21px;
    line-height: 132%;
    color: #fff;
    position: absolute;
}

.mainadv__list ol li:before {
    top: -6px;
    left: 0;
    background-color: #810d10;
    border-radius: 50%;
    counter-increment: a;
    content: counter(a);
}

@media (min-width:1141px) and (max-width:1440px) {
    .mainadv__img {
        width: 40vw;
        height: 30vw;
    }

    .mainadv__list ol li {
        padding-left: 4.5vw;
        font-size: 1.33vw;
        line-height: 1.2;
        margin-bottom: 2.8vw;
    }

    .mainadv__list ol li:after {
        width: 2.8vw;
        height: 2.8vw;
    }

    .mainadv__list ol li:before {
        width: 2.8vw;
        height: 2.8vw;
        font-size: 1.5vw;
        line-height: 1;
        padding-top: 1px;
    }

    .mainadv__title {
        font-size: 2.55vw;
        margin-bottom: 3.5vw;
    }

    .mainadv__body {
        padding-left: 5vw;
    }
}

@media (max-width:1140px) {
    .mainadv__title {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 39px;
    }

    .mainadv .btn {
        padding: 12px 28px;
    }

    .mainadv__body {
        padding-left: 39px;
    }

    .mainadv__img {
        width: 413px;
        height: 303px;
    }

    .mainadv__list {
        margin-bottom: 32px;
    }

    .mainadv__list ol li {
        padding-left: 50px;
        font-size: 16px;
        line-height: 132%;
        margin-bottom: 34px;
    }

    .mainadv__list ol li:after {
        border: 4.64667px solid rgba(129, 13, 16, .1);
        width: 34px;
        height: 34px;
        top: -3px;
        left: -5px;
    }

    .mainadv__list ol li:before {
        width: 34px;
        height: 34px;
        font-size: 18px;
        line-height: 132%
    }
}

@media (max-width:960px) {
    .mainadv {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mainadv__play {
        width: 52px;
        height: 52px;
    }

    .mainadv__play .svg-icon {
        width: 10px;
        height: auto;
    }

    .mainadv__body {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mainadv__list {
        width: 357px;
    }

    .mainadv__list ol li:before {
        top: 2px;
    }

    .mainadv__title {
        text-align: center;
    }

    .mainadv__img {
        order: 2;
        width: 323px;
        height: 220px;
        margin-top: 32px;
    }
}

@media (max-width:640px) {
    .mainadv__img {
        margin-top: 40px;
        margin-right: -32px;
        margin-left: -32px;
        width: calc(100% + 64px);
        height: 49vw;
    }

    .mainadv__list {
        width: 258px;
    }

    .mainadv__list ol li {
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-bottom: 32px;
    }

    .mainadv__list ol li:before {
        position: relative;
        top: auto;
        left: auto;
        margin-bottom: 12px;
    }

    .mainadv__list ol li:after {
        top: -5px;
        left: auto;
    }
}

@media (max-width:480px) {
    .mainadv__img {
        margin-top: 40px;
        margin-right: -24px;
        margin-left: -24px;
        width: calc(100% + 48px);
        height: 49vw;
        height: 65vw;
    }
}

.doc {
    display: inline-flex;
}

.doc__section {
    width: 1008px;
    max-width: 100%
}

.doc__container {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.doc__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    font-family: Bitter, serif;
    margin-bottom: 48px;
}

.doc__section {
    margin-bottom: 64px;
}

.doc__section:last-child {
    margin-bottom: 0;
}

.doc__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.doc__item {
    width: 33.3%;
    margin-bottom: 32px;
    padding-right: 35px;
}

.doc__icon {
    margin-right: 14px;
    flex: none;
    opacity: .5;
    transition: opacity .3s ease;
}

.doc__icon svg {
    display: block;
}

.doc__name {
    font-size: 18px;
    margin-bottom: 4px;
    color: #0c0c0c;
}

.doc__link,
.doc__name {
    line-height: 100%;
    letter-spacing: -.02em;
}

.doc__link {
    font-size: 14px;
    color: #810d10;
    opacity: .5;
    transition: opacity .3s ease;
}

@media (min-width:1140px) and (max-width:1440px) {
    .doc__title {
        font-size: 1.7vw;
        margin-bottom: 3vw;
    }

    .doc__link {
        font-size: 1vw;
    }

    .doc__name {
        font-size: 1.3vw;
        list-style: 1.2;
    }

    .doc__section {
        margin-bottom: 2vw;
    }

    .doc__item {
        margin-bottom: 1.4vw;
    }

    .doc__icon {
        width: 2.3vw;
        margin-right: .8vw;
    }

    .doc__icon svg {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media (min-width:960px) {

    .doc__item:hover .doc__icon,
    .doc__item:hover .doc__link {
        opacity: 1;
    }
}

@media (max-width:1140px) {
    .doc__icon {
        margin-right: 10px;
    }

    .doc__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 24px;
    }

    .doc__container {
        margin-bottom: -16px;
    }

    .doc__section {
        width: 100%;
        margin-bottom: 40px;
    }

    .doc__link {
        font-size: 12px;
    }

    .doc__item {
        margin-bottom: 16px;
    }

    .doc__name {
        font-size: 16px;
        line-height: 100%
    }
}

@media (max-width:960px) {
    .doc__item {
        width: 50%
    }
}

@media (max-width:640px) {
    .doc__item {
        width: 100%
    }
}

.contact {
    margin-bottom: 80px;
    max-width: 466px;
    letter-spacing: normal;
}

.contact__map {
    display: none;
}

.contact__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 28px;
}

.contact__item:last-child {
    margin-bottom: 0;
}

.contact__item div {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    font-family: Bitter, serif;
    margin-bottom: 4px;
}

.contact__item div svg {
    margin-top: -2px;
    margin-left: 6px;
}

.contact__item div svg use {
    fill: #b5b5b5;
}

.contact__item div:last-child {
    margin-bottom: 0;
}

.contact__item div a {
    display: inline-flex;
    align-items: center;
    color: inherit;
}

.contact__item span {
    font-size: 14px;
    line-height: 168%;
    letter-spacing: -.02em;
    color: #717171;
    display: block;
    margin-bottom: 8px;
}

@media (min-width:1141px) and (max-width:1440px) {
    .contact__item span {
        font-size: 1vw;
    }

    .contact__item div {
        font-size: 1.3vw;
    }
}

@media (max-width:1140px) {
    .contact {
        margin-bottom: 54px;
        max-width: inherit;
    }

    .contact .btn {
        font-size: 12px;
        line-height: 100%;
        padding: 12px 28px;
    }

    .contact__item {
        margin-bottom: 24px;
    }

    .contact__item div {
        font-size: 16px;
        line-height: 150%
    }

    .contact__item div svg {
        width: 17px;
        height: auto;
        margin-top: 0;
    }

    .contact__item span {
        font-size: 12px;
        line-height: 168%;
        margin-bottom: 4px;
    }
}

@media (max-width:640px) {
    .contact {
        max-width: 100%
    }

    .contact__map {
        display: block;
        height: 261px;
        width: calc(100% + 64px);
        margin-right: -32px;
        margin-left: -32px;
        margin-bottom: 37px;
    }
}

@media (max-width:480px) {
    .contact {
        max-width: 100%;
        margin-bottom: 32px;
    }

    .contact .btn {
        width: 100%
    }

    .contact__map {
        height: 224px;
        width: calc(100% + 48px);
        margin-right: -24px;
        margin-left: -24px;
    }
}

.main-block__item {
    display: flex;
    align-items: center;
    margin-bottom: 100px;
}

.main-block__item:last-child {
    margin-bottom: 0;
}

.main-block__img {
    background-position: 50%;
    background-size: cover;
}

.main-block__text p {
    margin: 0 0 20px;
}

.main-block__text p:last-child {
    margin-bottom: 0;
}

.main-block__body {
    padding-right: 58px;
}

.main-block__img {
    flex: none;
    width: 591px;
    height: 393px;
}

.main-block__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    font-family: Bitter, serif;
    margin-bottom: 32px;
}

@media (min-width:1141px) and (max-width:1440px) {
    .main-block__img {
        width: 41vw;
        height: 27vw;
    }

    .main-block__item {
        margin-bottom: 5vw;
    }

    .main-block__title {
        font-size: 1.6vw;
        margin-bottom: 2vw;
    }
}

@media (max-width:960px) {
    .main-block__item {
        display: block;
        margin-bottom: 64px;
    }

    .main-block__item p {
        font-size: 16px;
        line-height: 150%;
        margin-bottom: 16px;
    }

    .main-block__title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 24px;
    }

    .main-block__img {
        width: 100%
    }

    .main-block__body {
        padding-right: 0;
        margin-bottom: 20px;
    }
}

@media (max-width:480px) {
    .main-block__item {
        margin-bottom: 56px;
    }
}

.tab-info {
    margin-top: 55px;
}

.tab-info__top {
    display: flex;
}

.tab-info__container {
    position: relative;
    z-index: 2;
}

.tab-info__block {
    display: none;
    background: #fff;
}

.tab-info__block form {
    display: block;
    width: 100%
}

.tab-info__block.is-active {
    display: flex;
}

.tab-info__block-form {
    padding: 45px 48px 51px;
}

.tab-info__link {
    cursor: pointer;
    flex: none;
    display: flex;
    background-color: #e6e6e6;
    padding: 22px 18px;
    position: relative;
    transition: background-color .3s ease;
}

.tab-info__link .stock-icon {
    position: absolute;
    right: 35px;
    top: -7px;
}

.tab-info__link.is-active {
    background-color: #fff;
}

.tab-info__link:last-child {
    flex-grow: 1;
}

.tab-info__link-icon {
    display: flex;
    align-items: center;
    margin-right: 12px;
    flex: none;
}

.tab-info__link-icon svg {
    display: block;
}

.tab-info__link-name {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%
}

.tab-info__link-text {
    font-size: 14px;
    line-height: 132%;
    letter-spacing: -.02em;
}

.stock-icon {
    font-weight: 600;
    font-size: 15px;
    line-height: 90%;
    letter-spacing: -.01em;
    color: #fff;
    text-align: center;
}

.stock-icon,
.stock-icon__container {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

.stock-icon__container {
    z-index: 1;
    width: 105px;
    height: 105px;
    background: #42951b;
}

.stock-icon:before {
    content: " ";
    position: absolute;
    background-color: rgba(66, 149, 27, .16);
    width: 137px;
    height: 137px;
    border-radius: 50%
}

.stock-icon__wrap div {
    margin-top: 5px;
    font-size: 22px;
    line-height: 90%
}

.stock-icon__wrap div span {
    display: inline-flex;
    margin-left: 2px;
    opacity: .5;
}

@media (min-width:1141px) and (max-width:1440px) {
    .stock-icon:before {
        width: 9vw;
        height: 9vw;
    }

    .stock-icon__container {
        width: 7vw;
        height: 7vw;
    }

    .stock-icon__wrap div {
        font-size: 1.45vw;
    }

    .tab-info {
        margin-top: 20px;
    }

    .tab-info__block-form {
        padding: 33px 35px 36px;
    }

    .tab-info__link {
        padding: 15px 14px;
    }

    .tab-info__link-text {
        font-size: .9vw;
    }

    .tab-info__link-icon {
        margin-right: 10px;
    }

    .tab-info__link-name {
        font-size: 1.3vw;
    }

    .tab-info__link img {
        width: 31px;
    }

    .tab-info__link .stock-icon {
        font-size: 1vw;
    }
}

@media (max-width:1140px) {
    .tab-info {
        margin-top: 45px;
    }

    .tab-info__block-form {
        padding: 24px 0;
    }

    .tab-info__link {
        padding: 6px 8px 8px;
        width: 50%;
        flex-direction: column;
        align-items: center;
        text-align: center;
        flex: none;
    }

    .tab-info__link-icon img {
        width: 33px;
    }

    .tab-info__link .stock-icon {
        right: 11px;
        top: -28px;
    }

    .tab-info__link-text {
        font-size: 12px;
        line-height: 100%
    }

    .tab-info__link-name {
        font-size: 15px;
        line-height: 100%;
        margin-bottom: 2px;
    }

    .tab-info__link-icon {
        margin-right: 0;
        margin-bottom: 4px;
    }

    .tab-info__link-icon svg {
        display: block;
        width: 30px;
        height: auto;
    }

    .stock-icon {
        font-weight: 600;
        font-size: 12.4138px;
        line-height: 90%;
        letter-spacing: -.01em;
    }

    .stock-icon:before {
        width: 99px;
        height: 99px;
    }

    .stock-icon__container {
        width: 78px;
        height: 78px;
    }

    .stock-icon__wrap div {
        font-weight: 600;
        font-size: 16.1379px;
        line-height: 90%;
        letter-spacing: -.01em;
    }
}

.map {
    width: 100%;
    height: 100%;
}

.map__wrap {
    float: left;
    width: calc((100vw - 1276px)/2 + 651px);
    height: calc(100vh - 160px);
}

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

.main-tech__step {
    font-size: 13px;
    line-height: 150%;
    color: #d6d6d6;
    letter-spacing: .07em;
    font-weight: 400;
    margin-bottom: 16px;
}

.main-tech__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
}

.main-tech__wrap {
    position: fixed;
    transform: translateY(100vh);
    opacity: 0;
    background-color: #fff;
    transition: transform 1.2s, opacity .5s linear;
    width: 100%;
    height: 100vh;
    z-index: 2;
}

.main-tech__wrap.is-active {
    opacity: 1;
    transform: translateY(0);
}

.main-tech__wrap.is-top {
    transform: translateY(-100vh);
}

.main-tech__btn,
.main-tech__tech {
    display: flex;
    align-items: center;
}

.main-tech__btn {
    margin-top: 64px;
}

.main-tech__btn .btn {
    margin-right: 20px;
}

.main-tech__info div {
    font-weight: 700;
    font-size: 17px;
    line-height: 132%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.main-tech__info div span {
    width: 87px;
    font-size: 29px;
    font-weight: 400;
    line-height: 33px;
    flex: none;
    margin-right: 5px;
}

.main-tech__info div:last-child {
    margin-bottom: 0;
}

.main-tech__schema {
    width: 765px;
    height: 603px;
    flex: none;
    position: relative;
}

.main-tech__schema .schema {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.main-tech__schema .schema.is-active {
    pointer-events: auto;
    opacity: 1;
}

.main-tech__schema .schema__container,
.main-tech__schema .schema__img {
    height: 603px;
}

.main-tech__schema .schema.is-active {
    display: block;
}

.main-tech__name {
    font-weight: 700;
    font-size: 30px;
    line-height: 132%;
    max-width: 89%;
    margin-bottom: 40px;
}

.main-tech__title {
    position: fixed;
    right: 0;
    left: 0;
    top: 149px;
    z-index: 17;
    pointer-events: none;
    opacity: 0;
    transition: opacity .3s ease;
}

.main-tech__title.is-active {
    pointer-events: auto;
    opacity: 1;
}

.main-tech__title .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.main-tech__title-body {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .13em;
    font-weight: 700;
    text-transform: uppercase;
}

.main-tech__control {
    display: flex;
}

.main-tech__control-item {
    display: inline-flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 13px;
    line-height: 150%;
    letter-spacing: .07em;
    margin-left: 50px;
    color: #d6d6d6;
    transition: color .3s ease;
    margin-bottom: 18px;
}

.main-tech__control-item:last-child {
    margin-bottom: 0;
}

.main-tech__control-item.is-active {
    color: #007b32;
}

.news__img {
    height: 530px;
    background-position: 50%;
    background-size: cover;
    margin-bottom: 24px;
}

.news__date {
    font-size: 12px;
    line-height: 150%;
    color: #d6d6d6;
    letter-spacing: .13em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.news__name {
    color: #292929;
    font-weight: 700;
    font-size: 21px;
    line-height: 132%
}

.news__item {
    display: block;
    margin-bottom: 56px;
}

.news__item--line {
    display: flex;
    align-items: center;
}

.news__item--line .news__img {
    width: 240px;
    height: 240px;
    margin-right: 40px;
    margin-bottom: 0;
    flex: none;
}

.news__item--line .news__date {
    margin-bottom: 4px;
}

.news__item--line .news__text {
    font-size: 15px;
    line-height: 182%;
    color: #292929;
}

.news__item--line .news__link {
    margin-top: 16px;
    display: inline-flex;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    color: #007b32;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.news__item--line .news__name {
    font-size: 19px;
    line-height: 132%;
    margin-bottom: 16px;
}

.form-ok__close {
    right: 18px;
    top: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
}

.form-ok__close .svg-icon use {
    fill: #b5b5b5;
}

.form-ok__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    z-index: 20;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    text-align: center;
    pointer-events: none;
    transition: opacity .3s ease;
    background-color: rgba(23, 23, 23, 70%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-ok__wrap-inner {
    background-color: rgba(31, 47, 88, .7);
}

.form-ok {
    position: relative;
    padding: 43px 30px 60px;
    width: 500px;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 3px 7px rgba(51, 51, 51, .15);
}

.form-ok__wrap.is-active {
    opacity: 1;
    pointer-events: auto;
}

.form-ok__icon {
    flex: none;
    margin-bottom: 12px;
}

.form-ok__title {
    font-family: Cormorant SC, serif;
    text-align: center;
    font-weight: 600;
    font-size: 56px;
    line-height: 56px;
    margin-bottom: 20px;
}

.form-ok__text {
    font-weight: 400;
    text-align: center;
    font-size: 28px;
    line-height: 39.2px;
}

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

.more:before {
    content: " ";
    position: absolute;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 64.06%);
    height: 208px;
    left: 0;
    right: 0;
    bottom: -25px;
    pointer-events: none;
}

.more__link {
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #007b32;
}

.not-found__wrap {
    background: #1f2f58;
    padding-top: 150px;
    height: calc(100vh - 120px);
    text-align: center;
    color: #fff;
}

.not-found__img,
.not-found__wrap {
    display: flex;
    justify-content: center;
}

.not-found__img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    pointer-events: none;
}

.not-found__img img {
    display: block;
}

.not-found__link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.not-found__link .back .svg-icon {
    margin-right: 12px;
}

.not-found__link .back .svg-icon use {
    fill: #fff;
}

.not-found__link .back span {
    color: #fff;
}

.not-found__link a {
    margin: 0 12px;
    color: #fff;
}

.not-found__link a .svg-icon {
    margin-right: 12px;
}

.not-found__link a .svg-icon use {
    fill: #fff;
}

.not-found__link a span:before {
    background-color: #fff;
}

.not-found__text {
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 40px;
}

.not-found__title {
    font-weight: 600;
    font-size: 144px;
    line-height: 100%;
    margin-bottom: 8px;
    font-family: Galderglynn1884Cd;
}

.founder {
    display: inline-flex;
    align-items: center;
}

.founder__icon {
    margin-right: 21px;
    flex: none;
}

.founder__text {
    font-weight: 300;
    font-size: 15px;
    line-height: 160%;
    color: #fff;
}

.question__name {
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    margin-bottom: 9px;
}

.question__item {
    margin-bottom: 48px;
}

.question__item:last-child {
    margin-bottom: 0;
}

.question__text {
    font-weight: 300;
    font-size: 17px;
    line-height: 160%
}

.question__btn {
    margin-top: 48px;
}

.question__btn .btn {
    width: 100%;
}

.check-service {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

.check-service:last-child {
    margin-bottom: 0;
}

.check-service .service-item {
    padding-right: 50px;
}

.check-service__control {
    width: 30px;
    height: 30px;
    position: relative;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    border: 1px solid #000;
    transition: border-color .3s ease;
}

.check-service__control input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.check-service__control input[type=checkbox]:checked~.check-service__control-wrap .svg-icon {
    opacity: 1;
}

.check-service__control .svg-icon {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
}

.check-service--disabled .check-service__control {
    border-color: #ababab;
}

.check-service--disabled .check-service__control .svg-icon {
    opacity: 1;
}

.check-service--disabled .check-service__control .svg-icon use {
    fill: #ababab;
}

.main-info {
    display: flex;
    margin: 0 -24px;
}

.main-info__item {
    width: 33.3%;
    margin: 0 24px;
}

.main-info__name {
    font-weight: 600;
    font-size: 39px;
    line-height: 110%;
    margin-bottom: 24px;
}

.main-info__text {
    font-weight: 300;
    font-size: 17px;
    line-height: 160%
}

.main-info__text a {
    color: #1d71b8;
    text-decoration: none;
}

.detail ul {
    margin-top: 24px;
    margin-bottom: 72px;
    padding: 0;
}

.detail ul li {
    font-weight: 300;
    font-size: 17px;
    line-height: 160%;
    position: relative;
    list-style: none;
    margin-bottom: 16px;
    padding-left: 36px;
}

.detail ul li:before {
    background-color: #1a5dd1;
}

.detail ul li:after,
.detail ul li:before {
    content: " ";
    width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
}

.detail ul li:after {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/common/list.svg);
}

.detail ul li:last-child {
    margin-bottom: 0;
}

.detail ol {
    margin-top: 24px;
    margin-bottom: 72px;
    counter-reset: a;
    padding: 0;
}

.detail ol li {
    font-weight: 300;
    font-size: 17px;
    line-height: 160%;
    position: relative;
    padding-left: 36px;
    list-style: none;
    margin-bottom: 16px;
}

.detail ol li:last-child {
    margin-bottom: 0;
}

.detail ol li:before {
    content: " ";
    counter-increment: a;
    content: counter(a);
    position: absolute;
    left: 0;
    top: 0;
}

.detail h4 {
    margin: 72px 0 24px;
}

.detail p:last-child {
    margin: 0;
}

.detail .big {
    font-weight: 600;
}

.detail .mission {
    margin-bottom: 72px;
    margin-top: 72px;
}

.detail__block {
    margin-top: 72px;
}

.detail__block h2 {
    margin-top: 0;
    margin-bottom: 56px;
}

.service-item {
    display: flex;
    flex-direction: column;
    padding: 14px 0 24px;
    border-bottom: 1px solid #000;
    text-decoration: none;
    color: #000;
    position: relative;
}

.service-item:last-child {
    padding-bottom: 0;
    border: 0;
}

.service-item__section {
    font-size: 14px;
    line-height: 150%;
    letter-spacing: .1em;
    font-family: Galderglynn1884Cd;
    color: #ababab;
    margin-bottom: 6px;
}

.service-item__icon-link {
    position: absolute;
    top: 33px;
    right: 0;
}

.service-item__icon-link .svg-icon {
    width: 20px;
    height: auto;
}

.service-item__icon-link .svg-icon use {
    fill: #e0e0e0;
}

.service-item__icon-link:hover .svg-icon use {
    fill: #fff;
}

.service-item__link {
    color: #e0e0e0;
    text-decoration: none;
    transition: color .3s ease;
}

.service-item__link,
.service-item__type {
    font-size: 14px;
    line-height: 150%;
    display: inline-flex;
    letter-spacing: .1em;
    font-family: Galderglynn1884Cd;
}

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

.service-item__icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 9px;
}

.service-item__icon--free {
    background-color: #1a5dd1;
}

.service-item__icon--sof {
    background: linear-gradient(135deg, #1a5dd1 50%, #e40f18 50.01%);
}

.service-item__name {
    font-weight: 300;
    font-size: 17px;
    line-height: 160%;
    text-decoration: none;
    color: #000;
}

.service-item__body {
    margin-top: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.name-block__type {
    font-weight: 300;
    font-size: 15px;
    line-height: 160%;
    color: #ababab;
}

.name-block__title {
    margin-top: 4px;
    display: inline-flex;
    padding-bottom: 4px;
    font-size: 20px;
    line-height: 110%;
    text-transform: uppercase;
    color: #1a5dd1;
    border-bottom: #1a5dd1;
    font-family: Galderglynn1884Cd, sans-serif;
}

.name-block__about {
    margin-top: 32px;
    font-weight: 600;
    font-size: 17px;
    line-height: 160%;
}

.file {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Geometria;
    line-height: 140%;
    border: 0;
    border: 1px solid #D6D6D6;
    font-style: normal;
    height: 56px;
    font-size: 18px;
    font-family: Geometria;
    line-height: 140%;
    position: relative;
    padding: 15px 24px;
    color: #171717;
    transition: border-color .3s, background-color .3s ease;
}

.file__wrap svg {
    display: block;
}

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

.file__text {
    color: #8C8C8C;
    transition: color 0.3s ease;
}

.is-active .file__text {
    color: #171717;
}

.file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.certificates-type {
    position: relative;
}

.certificates-type_item {
    position: relative;
    padding: 20px;
    margin-bottom: 40px;
    background: url(../images/black-concrete-wall.png) no-repeat center;
    background-size: cover;
}

.certificates-type_item:last-child {
    margin-bottom: 0;
}

.certificates-type__info {
    position: relative;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #000;
}

.certificates-type__info_text {
    width: 60%;
    position: relative;
    padding: 0 20px;
}

.certificates-type__info_img {
    width: 40%;
    position: relative;
}

.certificates-type__info_img img {
    width: 100%;
    max-width: 460px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.about__text {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
	text-align: left;
	margin: 40px 0;
}
@media (max-width:1200px) {
    .about__text {
        font-size: 18px;
        margin-top: 20px;
	}
}
.mtop60 {
	margin-top: 60px;
}	

/*Detail card*/