/* Start:/local/templates/cifra/media.css?177030606911467*/
@media (max-width: 767px) {
a.mobile_link.mobile_home.active path {
    fill: #FF006C;
    stroke: #FF006C;
}

a.mobile_link.mobile_catalog.active path {
    fill: #FF006C;
    stroke: #FF006C;
    stroke-width: 0.1px;
}

a.mobile_link.mobile_search.active path {
    stroke: #FF006C;
}

a.mobile_link.mobile_menu_link.active path {
    fill: #FF006C;
}

a.mobile_link.active circle {
    fill: #FF006C;
}


.mobile_link span.js-basketCount {
    position: absolute;
    right: 20px;
    width: 18px;
    height: 18px;
    background: #FF006C;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: -6px;
    font-weight: bold;
    font-size: 11px;
}

.mobile_link {
    position: relative;
}

li.nav__item.hidden.mobile {
    display: block !important;
}

.mobile .dropdown {
    background: #f3f3f3;
}

.mobile .dropdown a {
    padding: 5px 10px;
    font-size: 12px;
    min-width: 110px;
    color: #9B9B9B;
}

div#city .current {
    font-size: 12px;
		padding-right: 17px !important;
        background-image: url(/include/img/arrow_down.png);
        background-repeat: no-repeat;
        background-position: right center;
}

a.logo.header__logo.header__logo--mob-visible {
    max-width: 81px;
}

a.logo.header__logo.header__logo--mob-visible img {
    max-width: 100%;
}
body .labels .label {
    padding: 2px 7px;
}

body .labels {
    left: -10px !important;
	gap: 5px !important;
}

.btns {
    flex-wrap: wrap-reverse;
}
.modal-content {
    max-width: 85%;
}

.modal_title {margin-bottom: 20px;}

.modal_top {
    height: 0;
    border-bottom: none;
}

.modal .btns {
    gap: 5px;
}

.modal a.btn {
    width: 200px;
}
a.btn.btn_white {
	width: 200px;
	}

.btns {
    flex-wrap: wrap-reverse;
}

.modal-content {
    max-width: 85%;
}

.modal_title {margin-bottom: 20px;}

.modal_top {
    height: 0;
    border-bottom: none;
}

.modal .btns {
    gap: 5px;
}

.modal a.btn {
    width: 200px;
}

.btns {
    flex-wrap: wrap-reverse;
}

.modal-content {
    max-width: 85%;
}

.modal_title {margin-bottom: 20px;}

.modal_top {
    height: 0;
    border-bottom: none;
}

.modal .btns {
    gap: 5px;
}

.modal a.btn {
    width: 200px;
}

.catalog-products-viewed {
    margin-bottom: 0 !important;
}

	.bx-blue .btn.btn-default {
		padding: 10px;
		box-sizing: border-box;
		min-width: initial;
		width: 100%;
	}
	section.store-location {
		background-color: #fff;
	}
	
	.container.store-location__container {
		background: #f5f5f7;
		padding: 16px !important;
		border-radius: 13px;
	}
	
	.store-location__position {
		overflow: hidden;
		margin: 10px !important;
		padding: 0 !important;
		width: initial !important;
	}
	
	#store-location-swiper-iw {
		margin: 0 !important;
	}
	
	#store-location-swiper > .tns-item {
		padding: 0 !important;
	}
	
	.store-card__content {
		padding: 0 !important;
	}
	
	div#mapNew {
		padding: 0px !important;
		margin: 5px 0 0 !important;
	}
	body section.store-location {
        padding-top: 0;
		padding-bottom: 0;
        margin-top: 0;
	}
	
	.adv_list > div {
        min-height: 100px !important;
        font-size: 16px;
	}

p.start_desc {
    font-size: 14px;
}
.mobile_header a {
    font-size: 12px;
}

p.start_title {
    font-size: 22px;
}
body h2 {
    font-size: 22px !important;
    line-height: 120% !important;
}
.catalog_index {
    margin-bottom: 10px !important;
} 
body .index_text p {
    font-size: 14px !important;
}

body .services_list .service_item {
    padding: 16px;
        margin-bottom: 16px;
}

body .service_name {
    font-size: 22px;
}

body .service_desc {
    font-size: 14px;
    line-height: 1.8em;
}

div#bx-soa-delivery {
    width: 100% !important;
}

div#bx-soa-paysystem {
    width: 100% !important;
}

input[type=checkbox].bx-soa-pp-company-checkbox {
    display: none;
}
.wrapper main {
    padding-top: 0 !important;
}

.header__main--scrolled {
	position:fixed !important;
	}

.mobile_popup_wrap.show {
    z-index: 9999;
}

.mobile_header {
    z-index: 99999 !important;
}

.footer__top-panel_2 {
    display:none !important;
}

.basket-items-list-item-descriptions-inner {
    flex-direction: row !important;
}

.basket-item-block-image a {
    width: 100% !important;
}

.basket-item-image {
    max-width: 100%;
    margin: 0;
    max-height: 100%;
}

td.basket-items-list-item-amount {
    display: flex;
}

.basket-item-block-image {
    min-width: 100px;
    margin-right: 20px;
    max-height: 100px;
    margin-bottom: 0;
    padding-bottom: 0;
}

td.basket-items-list-item-price {

}

.basket-checkout-block.basket-checkout-block-total {
    float: left;
    width: 50%;
    min-width: 50%;
}

.basket-checkout-block.basket-checkout-block-total-price {
    float: right;
    width: 50%;
    min-width: 50%;
}


.prop_value a {
    white-space: nowrap;
}

.prop_value {
    flex-wrap: wrap;
}

	section.store-location {
		flex-direction: column;
		gap: 20px;
	}
	
	div#mapNew {
		margin-left: 0;
	}

    .footer__top-panel--pc {
        display: block !important;
    }

    .footer__top-panel_2 {
        display: none;
    }

    .footer__contact-panel {
        display: none !important;
    }

    .footer__contact-panel:first-child {
        width: 100%;
        display: block !important;
    }

    footer .footer__catalog-panel {
        display: none;
    }

    .footer__contact-top > div {
        display: none;
    }

    .footer__top-panel.footer__top-panel--pc {
        margin-bottom: 20px;
    }

    span.copyright__descr {
        text-align: center;
    }

    .footer__developers {
        display: none !important;
    }

    a.footer_phone {
        margin: -10px 0 30px;
        display: block;
    }

    .mobile_header a {width: 20% !important;}



    .item_type {
        width: 100%;
    }

    .adv_list > div {
        width: 100%;
        height: initial;
        min-height: 150px;
    }

    .service_left {
        min-width: 100%;
    }

    .service_item {
        flex-wrap: wrap;
    }

    .service_btn {
        position: relative;
        margin-top: 50px;
    }

    .adv_list {margin-bottom: 30px;}

    .product {
        margin-bottom: 30px;
    }

    .service_name {
        max-width: 100% !important;
    }

    .search_header {
        display: none;
    }

    .index .types {
        display: none !important;
    }

    .product-item-container {
        width: 50% !important;
    }

    .product-item {
        background: #F7F6F5 !important;
        padding: 40px 15px 15px !important;
    }

    .product-item .btns {
        display: none;
    }

    .services_list .service_item {
        display: block !important;
    }

    .top_img {
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .top_img img {
        max-width: 60%;
    }

    li.nav__item {
        display: none;
    }

    li.nav__item.nav__basket {

    }

    a.nav__basket .basket {
        display: block !important;
    }

    a.nav__link.basket {
        display: block !important;
    }
    .container.header__main-container {
        justify-content: space-between;
        align-items: center;
    }
    li.nav__item.nav__phone {
        display: block;
        margin-right: 10px;
    }

    div#header-main {
        padding-top: 0;
    }

    .container.header__main-container {
        padding: 20px 0;
    }

    a.logo.header__logo.header__logo--mob-visible {
        margin: 0;
    }

    nav.nav.third-nav {
        margin: 0;
    }

    body .service_right {
        position: static;
        min-width: 100%;
    }

    body .service_btn {
        position: relative;
    }

    body .service_btn a {
        width: 100%;
    }

    main.container {
        padding: 5px 15px 15px;
    }


    .mobile_header {
        display: flex !important;
        position:fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
    }
    .mobile_header a {
        width: 100%;
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .mobile_header {
        padding: 15px 5px 15px 5px;
    }


    .show.mobile_popup {
        display: block;
    }
    .mobile_popup_wrap {
        z-index: 399;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    .mobile_popup_wrap.show .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #49494990;
    }

    .mobile_popup {
        width: 65%;
        background: #F7F6F5;
        z-index: 990;
        position: absolute;
        height: 100%;
        padding: 40px 30px;
    }

    ul.mobile_menu li a {
        display: block;
        margin: 10px 0;
        padding: 7px;
    }
    .mobile_popup.active {
        text-decoration: none !important;
    }
    .active svg {
    }
    .mobile_popup.active span {
        font-weight: bold;
        text-decoration: none;
    }
    div#search input {
        width: 100%;
        padding: 16px;
        border: 1px solid #494949;
        border-radius: 8px;
        background: #f7f6f5;
    }

    .block_counters {
        flex-direction: column;
    }

    .block_counter {
        padding: 30px;
    }

    p.gray_text {
        text-align: center;
        font-size: 15px;
        line-height: 21px;
        font-weight: 400;
    }

    body .service_item.form_bg .service_name {
        font-size: 24px;
        line-height: 30px;
    }

    .service_item.form_bg .service_desc {
        margin: 20px 0;
    }
    .catalog-products-viewed .col-xs-6.col-md-3 {
        margin-bottom: 20px;
    }
    .product-item-detail-slider-controls-block {
        display: none !important;
    }
    .bx-catalog-element .btns {
        flex-direction: column;
        gap: 9px !important;
    }
    .item_type {
        width: calc(50% - 17px) !important;
    }
    .item_type span.item_name {
        position: absolute;
        top: 10px;
    }
    nav.nav.third-nav ul {
        display: flex;
        flex-wrap: nowrap;
    }
    body h1 {
        font-size: 25px !important;
    }

    .services_list {
        margin-top: 50px;
    }
}
@media (max-width: 460px) {

    nav.nav.third-nav ul {
        gap: 0;
    }

    nav.nav.third-nav{
        width:100%;
    }
    .nav__item.hidden.mobile{
        width:28%;
        margin-left:auto;
        margin-right:0;
    }
    div#city .current{
        background-image: none;
        padding-right:unset;
    }
    .nav__item.nav__phone{
        margin-left:auto;
        margin-right:0;
        display:block;
    }
    .nav__phone .phone{
        font-size:12px;
    }
    .nav__phone .phone svg{
        display:none;
    }
}
/* End */


/* Start:/local/templates/cifra/components/bitrix/search.title/cifra/style.css?17564118813135*/
button.search_submit {
	padding: 0px 15px;
	display: inline-flex;
	align-items: center;
	border-radius: 7px;
	margin-left: -50px;
}

input#title-search-input {
	height: 37px;
	border: 1px solid #DDDDDD;
	border-radius: 7px;
}

form.search_title {
	display: flex;
}


a.catalog_btn {
	display: flex;
	align-items: center;
	background: #e00590;
	color: #fff;
	gap: 8px;
	padding: 3px 15px;
	border-radius: 7px;
	font-size: 14px;
	margin-right: 12px;
	z-index: 2;
}
a.catalog_btn:hover {
	background: rgb(176, 4, 115);
	color: #fff;
}

.title-search-result {
	max-width: 100%;
	min-width: 400px;
}

table.title-search-result td.title-search-item a {
	display: flex !important;
	align-items: center !important;;
}



input#title-search-input {
	width: 675px;
	padding: 3px 15px;
}

@media (max-width: 1439px) {
	input#title-search-input {
		width: 475px;
	}
}

@media (max-width: 1042px) {
	input#title-search-input {
		width: 440px;
	}
}

@media (max-width: 948px) {
	input#title-search-input {
		width: calc(100% - 138px);
	}
}

div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
	display:block;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/local/templates/cifra/components/bitrix/search.title/cifra/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/local/templates/cifra/components/bitrix/menu/main/style.css?1749545065798*/
nav.nav.header__nav {
    background: #000;
    color: #fff;
    position: relative;
    z-index: 99;
}

.nav__list.container ul {
    position: absolute;
    background: #fff;
    border: 1px solid #eee;
    border-top: none;
    display:none;
}

.nav__list.container > li > a {
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
}

.nav__list.container {
    justify-content: center;
    gap: 20px;
}

.nav__list.container li:hover ul {
    display:block;
}

.nav__list.container .nav__item {
    padding: 0 !important;
}

.nav__list ul li a {
    padding: 13px 25px !important;
    text-align: left;
    display: block;
    color: #000;
    border-bottom: 1px solid #eee;
}

.nav__list.container ul > li a:hover {
    background: #fafafa;
}
/* End */


/* Start:/local/templates/cifra/styles.css?177393619039472*/
.button-primary {
    display: block;

    background-color: #E00590;
    color: #fff;

    padding: 12px;

    font-size: 14px;

    text-decoration: none;
    text-align: center;

    border: 1px solid transparent;
    border-radius: 4px;

    cursor: pointer;
    transition: all 0.1s ease;
}

.button-primary:hover {
    background-color: #B00473 !important;
    border-color: #B00473 !important;
    color: #fff !important;
}

.button-primary--black {
    background-color: rgba(0, 0, 0, 1);
}

.button-primary--black:hover {
    background-color: rgb(35, 35, 35) !important;
    border-color: rgb(35, 35, 35) !important;
    color: #fff !important;
}

.button-text {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
}

a:hover, a:focus {
    color: inherit;
    text-decoration: inherit;
}

.bx-core-window.bx-core-adm-dialog {
    z-index: 10500!important;
}

ul.nav__list.container {
    padding: 0 7px;
}

div#city .current {
    padding-left: 0 !important;
}

.container-fluid {
    padding: 0;
}

div.title-search-result {
    z-index: 9999;
    margin-left: 101px;
}

.prop_value {
    flex-wrap: wrap;
}
.service_bg {
    display: none;
}
.service img {
    display: inline-block;
}
.bx-filter {
    min-width: initial !important;
}
.menu_item a {
    padding: 7px 10px;
    font-size: 16px;
}
body .labels {
    top: -35px;
    left: -15px;
    flex-direction: row;
    gap: 10px;
}

body .product-item {
    padding-top: 40px;
}

body .labels .label {
    /* padding: 3px 10px; */
    font-size: 11px;
    border: none;
}

body .label.label_sale {
    background: #FF7D4B;
    color: #fff;
}

body .label.label_new {
    background: linear-gradient(0deg, #262626, #262626),
linear-gradient(180deg, #030200 0%, #A88168 183.4%);
    color: #fff;
}

body .label.label_0e104c408839292efd7814a09fb7b5dc {
    background: #FF0004;
    color: #fff;
}

body .container.header__main-container {
    padding-top: 10px;
    padding-bottom: 15px;
}

body .container.header__top-panel {
    padding-top: 5px;
    padding-bottom: 7px;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    z-index: 99999;
    pointer-events: auto;
}

.modal-dialog.modal-dialog-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.modal-content {
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px 40px;
    position: relative;
}

button.close.js-closeModal {
}
.modal_top {
    height: 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.modal_title {
    text-align: center;
    font-size: 30px;
}

.modal .btns {
    display: flex;
    justify-content: center;
    gap: 20px;
}

a.btn.btn_black {
    background: #000;
    color: #fff;
}

a.btn.btn_white {
    border: 1px solid #000;
    width: 200px;
    white-space: nowrap;
    box-sizing: content-box;
}

.modal a.btn {
    white-space: nowrap;
    box-sizing: content-box;
}
body button.btn.btn-lg.btn-default.basket-btn-checkout {
    background: #000 !important;
    color: #fff !important;
}

.basket-checkout-section-inner {
    align-items: center;
}

ul.tabs {
	margin-top:20px;
    display: flex;
    background: #f7f6f5;
    padding: 10px;
    gap: 20px;
}

ul.tabs li span {
    display: block;
    padding: 10px;
    font-size: 17px;
	cursor: pointer;
}

ul.tabs li span.active {
    font-weight:bold;
}

.tab_content {
    display: none;
}

.tab_content.active {
    display: block;
}

body {
    font-family: "Manrope", sans-serif;
}
body h1 {
    font-size: 35px;
    margin-bottom: 20px;
    font-weight: 500;
}
body h2 {
    font-size: 40px;
    margin-bottom: 20px;
    font-weight: 500;
}

.header__logo img {
    max-width: 120px;
}
body .footer__contact-panel {
    width: 30%;
}

main.container {
    padding-top: 40px;
    padding-bottom: 60px;
}
section.banner {
    margin-bottom: 28px;
}


.index_text p {
    margin-bottom: 40px;
    font-size: 16px;
    max-width: 800px;
}


.btn {
    padding: 16px;
    display: inline-block;
    border-radius: 7px;
    font-weight: 500;
    min-width: 150px;
    text-align: center;
}

.btn-default {
    background: #fff;
    color: #000;
}

.btn-default:hover {
    box-shadow: 0 0 2px #ccc;
    background: linear-gradient(45deg, #fff, #f0f0f0);
}
.header__main {
    border-bottom: none !important;
}
.header__main {
    padding-bottom: 0 !important;
}

.contact.header-address {
    margin: 0;
}

.container.header__top-panel {
    justify-content: space-between;
}
a.phone {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    /* font-weight: 500; */
}
.y_rate {
    display: flex;
    gap: 5px;
    background: #000;
    border-radius: 7px;
    padding: 10px;
    color: #ddd;
    font-size: 12px;
}

.y_rate span {
    color: #fff;
}

.nav__list  .social li a {
    width: 36px;
    height: 36px;
    display: flex;
    padding: 0 !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #f4f4f4;
}

.nav__item {
    padding-top: 0;
    padding-bottom: 0;
}

.header__logo {
    padding: 0;
}

.header__main {
    padding-top: 0;
}

.container.header__main-container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.container {
    max-width: 1200px;
}

.catalog-section {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;

    margin-bottom: 30px;
}

@media (max-width: 1024px) {
    .catalog-section {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .catalog-section {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 470px) {
    .catalog-section {
        grid-template-columns: repeat(2, calc(48vw - 8px));
        gap:5px;
        justify-content:center;
    }
}

.product-item {
    padding: 45px 20px 30px;
    background: #F7F6F5;
    border-radius: 7px;
}

.header__main--scrolled .container.header__main-container {
    padding-top: 0;
    padding-bottom: 10px;
}

.sale {
    font-weight: 700;
    text-transform: uppercase;
    color: #FF9300;
}

ul.nav__list.container {
    justify-content: space-around;
}
.product-item-image-original, .product-item-image-alternative {
    mix-blend-mode: multiply;
}

.product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.btns a {
    margin-top: 10px;
    width: 100%;
    cursor:pointer;
}

.btn-1 {
    border: 1px solid #000;
    font-weight: 500;
}
.btn-1:hover {
    background: #fffc;
}

.btn-2 {
    background:
            linear-gradient(180deg, #030200 0%, #A88168 183.4%);
    color: #fff !important;
}
.btn-2:hover {
    background:
            linear-gradient(180deg, #030200 0%, #A88168 123.4%);
}

.catalog_index {
    margin-bottom: 100px;
}

.loading {
    cursor: wait;
    animation: pulse 1s linear infinite; // Указываем название анимации, время, тип, и нужно ли её повторять
}

.notifications {
    position: fixed;
    width: 100%;
    z-index: 99999;
}

.notifications .notification {
    padding: 10px;
    position: absolute;
    right: 0;
    z-index: 999;
    margin: 20px 0;
    background:
            linear-gradient(180deg, #030200 0%, #A88168 183.4%);
    color: #fff;
    border-radius: 15px;
    max-width: 300px;
    text-align: center;
    opacity: 0.9;
}

.notifications .container {
    position: relative;
    z-index: 9;
}
.product-item-image-slider-slide-container > * {
    mix-blend-mode: multiply;
}
.tabs ul {
    display: flex;
    margin-bottom: 32px;
    gap: 35px;
}

.tabs ul li a.active {
    border-bottom: 2px solid #000;
}

.tabs ul li a {
    padding: 7px 0;
    cursor:pointer;
}

.labels {
    position: absolute;
    top: -30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    text-align: center;
    z-index: 2;
}

.labels .label {
    background: #D9D9D9;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 12px;
    border: 1px solid #cacaca;
}

section.store-location {
    display: flex;
}

.store-location__position {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.container.store-location__container {
    padding: 0;
    width: inherit;
}

div#map {
    margin-left: 30px;
    height: 560px;
}
.store-card__img {
    height: initial;
}

.store-card__figure {
    height: inherit;
    min-height: 350px;
    overflow: hidden;
    margin-top: 10px;
}
.store-card__content {
    background: #F7F6F5 !important;
}


.store-card__address-name {
    color: #000;
    font-weight: 600;

    display: flex;
    align-items: center;
    gap: 5px;
}

.store-card__content p {
    margin-bottom: 10px;
}

.store-card__content span {
    margin-bottom: 20px;
    display: block;
}

.store-card__hr:not(:last-of-type) {
    height: 30px;
}

@keyframes pulse {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.2;
    }
}


.loading {
    cursor: wait;
    animation: pulse 2s linear infinite; // Указываем название анимации, время, тип, и нужно ли её повторять
}

.notifications {
    position: fixed;
    z-index: 99999;
    width: 100%;
    left: 0;
    top: 0;
}

.notifications .notification {
    padding: 20px;
    position: absolute;
    right: 0;
    z-index: 999;
    margin: 20px 0;
    background: #494949;
    color: #fff;
    border-radius: 15px;
    max-width: 300px;
    text-align: center;
    opacity: 0.95;
}

.notifications .container {
    position: relative;
    z-index: 9;
    width: 100%;
}

.container .container {
    padding: 0;
}

section.banner {
    margin-bottom: 28px;
}

.types {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: flex-start;
    margin-bottom: 60px;
}

.item_type {
    width: calc(33% - 17px);
    background: rgba(247, 246, 245, 1);
    border-radius: 7px;
    height: 200px;
    position: relative;
    transition: all 0.5s;
}

.item_type img {
    position: absolute;
    bottom: 0;
    right: 0;
    mix-blend-mode: multiply;
}

.item_type a {
    display: flex;
    height: 100%;
    padding: 20px;
    align-items: flex-end;
}

.item_type span.item_name {
    font-size: 20px;
    font-weight: 600;
}

.item_type:hover {
    background: rgb(251 245 240);
}

section.banner {
     margin-bottom: 28px;
 }

.types {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
}

.item_type {
    width: calc(33% - 17px);
    background: rgba(247, 246, 245, 1);
    border-radius: 7px;
    height: 200px;
    position: relative;
    transition: all 0.5s;
}

.item_type img {
    position: absolute;
    bottom: 0;
    right: 5%;
    mix-blend-mode: multiply;
    max-height: 150px;
}

.item_type a {
    display: flex;
    height: 100%;
    padding: 20px;
    align-items: flex-end;
}

.item_type span.item_name {
    font-size: 20px;
    font-weight: 500;
}

.item_type:hover {
    background: rgb(251 245 240);
}

.catalog-block-header {
    font-size: 35px;
    font-weight: 500;
    padding: 20px 0 30px;
    border: none;
}

.product-item-detail-slider-block {
    background: #F7F6F5;
    margin-bottom: 20px;
}

.product-item-detail-slider-controls-image img {
    max-width: 150px;
    max-height: 150px;
    border: none;
}

.product-item-detail-slider-controls-image {
    width: 150px;
    height: 150px;
    border: none;
    outline: navajowhite;
}

.product-item-detail-slider-image img {
    mix-blend-mode: multiply;
    background: none !important;
}

.bx-catalog-element .btns {
    display: flex;
    gap: 30px;
}

.price {
    margin: 30px 0 20px;
}

.price .product-item-detail-price-current {
    color: #262626;
    font-size: 26px;
}

.prop {
    display: flex;
    gap: 20px;
    margin: 20px 0;
    align-items: center;
}

.prop_value {
    display: flex;
    gap: 10px;
}

.prop_name {
    color: #555;
    font-size: 14px;
}

.prop_value a {
    display: block;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding: 7px 5px;
}

.prop_value a.active {
    background: #494949;
    color: #fff;
}

.prop_value a:hover {
    text-decoration: none;
    background: #fafafa;
    color: #494949;
}

.prop_name {
    min-width: 55px;
}

a.nav__link.basket span {
    background: #e00590;
    color: #fff;
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -14px;
    top: -15px;
    font-size: 11px;
}

a.nav__link.basket {
    position: relative;
}

.product-item-price-old {
    color: #5A5A59;
    font-size: 14px;
    margin-top: -20px;
    position: absolute;
}
#mapNew {
    width: 100%; height: 584px; padding: 0;

    margin-left: 30px;
}

html body .btn-default {
    border: 1px solid #000 !important;
    font-weight: 500;
    background: #f7f6f5 !important;
    color: #494949 !important;
}
html body .btn-default:hover {
    background: #fff !important;
}
.container:before,.container:after {
    display: none;
}
.header__nav .nav__list > li > a {
    color: #fff;
}
.search-page {
    margin-bottom: 50px;
}

.search-page input[type="text"] {
    border: 1px solid #494949;
    padding: 15px 30px;
    border-radius: 13px;
    width: 100%;
}

.search-page input[type="submit"] {
    position: absolute;
    right: 0;
    padding: 15px;
    top: 0;
}

.search-page form {
    position: relative;
}

.service_item {
    padding: 50px 50px 100px;
    background: linear-gradient(272.45deg, #030200 17.57%, #A88168 130.73%);
    margin-bottom: 50px;
    border-radius: 7px;
    min-height: 350px;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.service_item input {
    color: black;
}

.service_left {
    width: 50%;
}

.service_name {
    font-size: 40px;
    max-width: 50%;
    line-height: 48px;
    margin-bottom: 20px;
}

.service_desc {
    font-size: 18px;
}

.service_btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.service_right {
    width: 50%;
    position: relative;
}

.service_btn .btn {
    min-width: 200px;
}

.service_bg {
    position: absolute;
    width: 50%;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    opacity: 0.1;
    background-position: left center;
    top: 0;
}

.service_item {
    position: relative;
}

.service_right {
    z-index: 2;
}
.top_img {
    display: flex;
    justify-content: end;
}

.column2 {
    display: flex;
    gap: 20px;
}

.form_bg form input[type="text"] {
    padding: 15px 20px;
    width: 100%;
    border-radius: 7px;
    border: none;
    font-size: 16px;
    background: #fff;
    color: #262626;
}

.form_bg form input[type="text"]::placeholder {
    color: #999;
}

.radio {
    gap: 20px;
    display: flex;
    color: #fff;
    font-size: 16px;
    margin: 20px 0 30px;
    align-items: center;
}

.radio label {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.radio input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
}

.radio input[type="radio"]:checked {
    background: #000;
    border-color: #fff;
}

.radio input[type="radio"]:checked::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form_subtitle {
    font-size: 16px;
    color: #fff;
    margin: 25px 0 15px;
    font-weight: 400;
}

input.btn_form_submit {
    background: #FF006C;
    color: #fff;
    border: none;
    padding: 18px 30px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    cursor: pointer;
    transition: all 0.3s;
}

input.btn_form_submit:hover {
    background: #E00060;
    transform: translateY(-2px);
}

.consest {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    margin: 20px 0 0;
    color: #fff;
}

.consest input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 2.5px;
    outline: none;
    cursor: pointer;
    flex-shrink: 0;
    margin-top: 2px;
}

.consest input[type="checkbox"]:checked {
    background: #FF006C;
    border-color: #FF006C;
    position: relative;
}

.consest input[type="checkbox"]:checked::after {
    content: '✓';
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.consest label {
    margin: 0;
    line-height: 1.5;
}

.consest label a {
    color: #FF006C;
}

.consest label a:hover {
    color: #E00060;
}

.service_item.form_bg {
    background: linear-gradient(180deg, #000000 0%, #2B2B2A 100%);
    padding: 60px 50px;
    margin: 60px 0;
    border-radius: 10px;
    display: flex;
    gap: 50px;
    align-items: flex-start;
}

.service_item.form_bg .service_left {
    width: 45%;
    flex-shrink: 0;
}

.service_item.form_bg .service_right {
    width: 55%;
    flex: 1;
}

.service_item.form_bg .service_desc {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    margin-top: 20px;
}

.service_item.form_bg .service_name {
    font-size: 32px;
    line-height: 1.3;
    color: #fff;
    font-weight: 500;
}

.mobile_header {
    display: none;
}
.mobile_popup {
    display: none;
}

figure.image2 {
    margin: 20px -32px -32px;
}

figure.image2 img {
    border-radius: 7px;
}

.footer__bottom-panel {
    align-items: flex-start !important;
}

.footer__developers {
    align-self: flex-start !important;
}

.footer__developers ul {
    display: flex;
    gap: 20px;
}

nav.footer__nav ul li a {
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 15px;
}

h3.footer__title {
    color: #818080;
    margin-bottom: 15px;
}
footer .footer__catalog-panel {
    width: 20%;
}

.footer__contact-panel {
    margin-right: auto;
}
.footer__contact-top p {
    color: #7F8080;
    font-size: 12px;
    text-align: left;
    margin: 10px 0 20px;
}

.footer__contact-top {
    text-align: left;
}

.footer__contact-top {
    text-align: left;
}

.btn.btn-white {
    background: #fff;
    color: #494949;
    width: 100%;
    max-width: 300px;
}

a.btn.btn-white.js-modal {
    margin: 15px 0 50px;
}

a.footer_phone {
    font-weight: 500;
    font-size: 29px;
    line-height: 34.15px;
    padding: 10px;
}

a.social_link {
    display: flex;
    padding: 15px 20px;
    line-height: 20px;
    height: 50px;
    align-items: center;
    /*border: 1px solid #fff;*/
    border-radius: 10px;
    gap: 10px;
}

.social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer__top-panel_2 {
    margin-top:50px;
    display: flex;
    justify-content: space-between;
}
.social_link span.icon {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social_link span.text {
    font-family: Manrope;
    font-weight: 600;
    font-size: 14px;
    line-height: 16.62px;
}

.marketplaces {
    display: flex;
    gap: 30px;
}

.marketplaces a {
    padding: 5px 20px;
}

.f15 {font-size: 15px;}
.f16 {font-size: 16px;}
.f17 {font-size: 17px;}
.f18 {font-size: 18px;}
.f19 {font-size: 19px;}
.f20 {font-size: 20px;}
.f22 {font-size: 22px;}
.f24 {font-size: 24px;}
.f25 {font-size: 25px;}

.bold {
    font-weight: 600;
}

.wrapper .container h3 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
}

p.gray_text {
    margin: 50px 0;
    font-family: Manrope;
    font-weight: 500;
    font-size: 45px;
    line-height: 61.47px;
    color: #aaa;
}

.block_counters {
    display: flex;
    gap: 10px;
}

.block_counter {
    width: 100%;
    display: flex;
    background: #F7F6F5;
    padding: 70px 40px;
    border-radius: 10px;
    position: relative;
}

.block_counter span {
    position: absolute;
    font-family: Manrope;
    font-weight: 400;
    font-size: 20px;
    line-height: 27.32px;
    right: 10px;
    color: #aaa;
    top: 10px;
}

.mobile_popup_wrap {
    display: none;
}
.mobile_popup_wrap.show {
    display: block;
}

.item_type_img {
    position: absolute;
    bottom: 20px;
    right: 5%;
    text-align: center;
    width: 50%;
}

.item_type_img img {
    position: relative;
    display: inline;
}
.item_type span.item_name {
    max-width: 45%;
    font-size: 17px;
}

a.mobile_link.active path {

}
a.mobile_link.active span {
    color: #FF006C !important;
    font-weight: 500;
}
a.mobile_link.active  {
    text-decoration:none !important;
    font-weight: 500;
}

.product-item-price-old {
    text-decoration: line-through;
}

div#city {
    position: relative;
}

.dropdown {
    display: none;
    position: absolute;
    background: #000;
    padding-top: 35px;
    z-index: 1;
}

.dropdown a {
    display: block;
    padding:15px 10px;
}
.dropdown a:hover {
    color: #fff;
    text-decoration: none !important;
    background:#333;
}
div#city:hover .dropdown {
    display: block;
}

div#city .current {
    height: 100%;
    display: block;
    z-index: 2;
    padding:7px 10px;
}

.container.header__top-panel {
    z-index: 999;
}

.col-sm-9.bx-soa {
    z-index: 1;
}

.catalog-section.catalog-products-viewed {
    margin-bottom: 60px;
}

header#header {
    z-index: 9999;
    position: relative;
}
.header__top-bg {
    z-index: 140 !important;
}
.wa-actions-section {
    display: flex;
    gap: 20px;
    margin: 30px 0;
}

.wa-actions-section button {
    padding: 20px;
}
.basket-items-list-item-price-for-one,.basket-items-list-item-amount {
    display: flex;
}

.basket-item-block-image {
    max-height: 60px;
}

.basket-item-block-image a {
    height: 100%;
}

.bx-soa-section-title-container {
    background: #fff !important;
}
span.bx-soa-section-title-count {
    display: none;
}
.bx-soa-section {
    border: none !important;
}
.col-sm-5.bx-soa-pp-desc-container {
    display: none;
}
div#bx-soa-properties {
    width: 100%;
}

div#bx-soa-basket {
    width: 100%;
}
.bx-soa-pp-company {
}

div#bx-soa-delivery {
    width: 100%;
}

div#bx-soa-paysystem {
    width: 100%;
}

.col-sm-9.bx-soa {
    display: flex;
    flex-wrap: wrap;
}

.col-sm-7.bx-soa-pp-item-container {
    width: 100%;
}
#bx-soa-total-mobile {
    display: none !important;
}

.bx-soa-section.bx-selected .bx-soa-section-title {
    font-size: initial !important;
}

.bx-soa-section.bx-selected .bx-soa-section-title-container {
    padding: 7px 0px !important;
}
.bx-soa-item-td.bx-soa-item-properties.bx-text-right {
    display: none;
}

.bx-soa-item-td.bx-soa-item-properties.bx-text-right:last-child {
    display: block;
}
@media (max-width:1024px){
    .social-items{
        display:flex !important;
        justify-content: space-between;
        flex-direction:row;
        flex-wrap:wrap;
        width:100%;
    }
}

@media (max-width:767px) {
img.banner__img {
    height: 400px;
    object-fit: cover;
}

.banner_content {}

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

.banner_text {
    padding-left: 10px;
}

.banner_content .title {
    font-size: 32px;
}

.banner_text .desc {
    margin: 20px 0;
    font-size: 14px;
}
}

.col-xs-6.bx-filter-parameters-box-container-block.bx-left {
    padding-right: 3px;
}

.col-xs-6.bx-filter-parameters-box-container-block.bx-right {
    padding-left: 3px;
}


body .header__top-item a:hover:not(.focus-visible) {
    color: #fff !important;
}


@media (min-width: 992px) {
    .col-md-2 {
        width: 20%;
    }
    .col-md-10 {
        width: 80%;
    }

.prop_value {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
        width: 100%;
}
	.prop_value a {white-space:nowrap; text-align:center;}
}

/* New services blocks styles */
.new_services_blocks {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 60px 0;
}

.new_service_item {
    position: relative;
    min-height: 350px;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(272.45deg, #030200 17.57%, #A88168 130.73%);
    flex: 1;
}

.new_service_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}

.new_service_content {
    position: relative;
    z-index: 2;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 350px;
    color: #fff;
}

.new_service_content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0), rgba(255, 255, 255, 0) 100%);
}

.new_service_text {
    max-width: 50%;
    z-index: 1;
}

.new_service_title {
    font-size: 40px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 20px;
    color: #fff;
}

.new_service_desc {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
    color: #fff;
}

.new_service_logos {
    margin-bottom: 20px;
}

.new_service_logos img {
    max-width: 100%;
    height: auto;
}

.new_service_btn {
    align-self: flex-start;
    min-width: 200px;
}

@media (max-width: 768px) {
    .new_services_blocks {
        flex-direction: column;
        gap: 16px;
        margin: 40px 0;
    }

    .new_service_item {
        min-height: 450px;
    }

    .new_service_content {
        padding: 30px 20px;
        min-height: 450px;
    }

    .new_service_text {
        max-width: 100%;
    }

    .new_service_title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .new_service_desc {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .new_service_btn {
        width: 100%;
        text-align: center;
    }
}

/* Why us block styles */
.why_us_block {
    margin: 60px 0;
}

.why_us_title {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
    color: #262626;
}

.why_us_cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.why_us_card {
    background: #F7F6F5;
    border-radius: 10px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
}

.why_us_icon {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
}

.why_us_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.why_us_card_title {
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 15px;
    line-height: 24px;
}

.why_us_card_desc {
    font-size: 14px;
    color: #5A5A59;
    line-height: 20px;
    margin: 0;
}

@media (max-width: 1024px) {
    .why_us_cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .why_us_block {
        margin: 40px 0;
    }

    .why_us_title {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .why_us_cards {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .why_us_card {
        padding: 25px 20px;
    }

    .why_us_icon {
        width: 50px;
        height: 50px;
        margin-bottom: 15px;
    }

    .why_us_card_title {
        font-size: 17px;
        margin-bottom: 12px;
    }

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

/* Social subscribe banner */
.social_subscribe_banner {
    background: linear-gradient(180deg, #000000 0%, #2B2B2A 86.54%);
    border-radius: 10px;
    margin: 60px 0;
    padding: 60px 50px;
}

.social_subscribe_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.social_subscribe_text {
    flex: 1;
}

.social_subscribe_text p {
    font-size: 28px;
    font-weight: 500;
    color: #fff;
    margin: 0;
    line-height: 36px;
}

.social_subscribe_btn {
    background: #fff;
    color: #262626;
    padding: 18px 40px;
    min-width: 200px;
    border-radius: 7px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
    white-space: nowrap;
}

.social_subscribe_btn:hover {
    background: #f0f0f0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    .social_subscribe_banner {
        margin: 40px 0;
        padding: 40px 20px;
    }

    .social_subscribe_content {
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .social_subscribe_text p {
        font-size: 20px;
        line-height: 28px;
    }

    .social_subscribe_btn {
        width: 100%;
        text-align: center;
    }
}

.cs-phone {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
}

.cs-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #818080;
    margin-bottom: 12px;
}

.cs-links {
    display: flex;
    gap: 12px;
}

.cs-links a {
    width: 24px;
    height: 24px;
}

.cs-panel {
    padding: 0 !important;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cs-panel--mobile {
    display: none;
}

@media (max-width: 767px) {
    .cs-panel--mobile {
        display: flex;
    }
}


.cn {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;

    margin-bottom: 24px;
    gap: 24px;
    overflow: hidden;

    border-radius: 12px;
    background-color: #F7F6F5;
    padding: 43.5px 32px;
}

@media (max-width: 1024px) {
    .cn {
        flex-direction: column;
    }
}

.cn__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}

.cn__item-hr {
    height: inherit;
    width: 1px;
    background-color: #bbbbbb;
}

@media (max-width: 1024px) {
    .cn__item-hr {
        display: none;
    }
}

.cn__item-name {
    color: #242726CC;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
}

.cn__item-value {
    color: #242726;
    font-weight: 600;
    font-size: 22px;

    display: flex;
    gap: 12px;
}

.vanta-btn {
    font-family: "Golos Text", serif;
    border-radius: 12px;
    border: none;
    box-shadow: none;
    text-decoration: none;
    background: #fff;
    color: #1B1B1B;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    max-width: 100%;
    width: 100%;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 5px;
    cursor: pointer;
    margin: 0;
    height: 47px;
}

.vanta-btn span {
    font-size: 9px;
}

.vanta-btn svg {
    width: 65px;
}

/*.vanta-btn {*/
/*	font-family: "Golos Text", serif;*/
/*	border-radius: 12px;*/
/*	border: none;*/
/*	box-shadow: none;*/
/*	text-decoration: none;*/
/*	background: #fff;*/
/*	color: #1B1B1B;*/
/*	font-size: 15px;*/
/*	font-style: normal;*/
/*	font-weight: 600;*/
/*	line-height: 16px;*/
/*	letter-spacing: 0.6px;*/
/*	text-transform: uppercase;*/
/*	max-width: 100%;*/
/*	width: 100%;*/
/*	height: auto;*/
/*	min-height: 56px;*/
/*	padding: 12px 16px;*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	gap: 10px;*/
/*	cursor: pointer;*/
/*	margin: 15px auto 0;*/
/*}*/

.vanta-btn__pink {
	background: var(--Clean-gradient, linear-gradient(85deg, rgba(255, 140, 231, 0.30) -11.77%, rgba(217, 200, 255, 0.30) 64.01%, rgba(117, 222, 255, 0.30) 103.18%), #FFF);
}

.vanta-btn__black {
	background: #1B1B1B;
	color: #fff;
}

.vanta-btn__sm {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px auto 0;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0;
}

@media (max-width: 767px) {
    .jv-mobile > jdiv {
        bottom: 65px;
    }

    .modal .btns {
        gap: 6px;
    }

    .modal a.btn {
        width: 120px;
        padding: 10px 16px;
        border-radius: 4px;
        font-weight: 400;
    }
}

body.exit-popup-open {
    overflow: hidden;
}

.exit-popup {
    position: fixed;
    top:50%;
    left:0;
    right:0;
    transform: translateY(-50%);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

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

.exit-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    height:550px;
}

.exit-popup__content {
    position: relative;
    width: min(96vw, 920px);
    margin: 8vh auto 0;
    background: radial-gradient(80% 90% at 20% 92%, rgba(255, 255, 255, 0.18), transparent 65%), radial-gradient(70% 90% at 70% 90%, rgba(255, 255, 255, 0.16), transparent 70%), #030303;
    border: none;
    border-radius: 6px;
    padding: 44px 34px 34px 42px;
    display: grid;
    grid-template-columns: 245px 1fr;
    gap: 30px;
    color: #fff;
}

.exit-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.exit-popup__close:before,
.exit-popup__close:after {
    content: "";
    position: absolute;
    left: 11px;
    top: 1px;
    width: 1px;
    height: 22px;
    background: #fff;
}

.exit-popup__close:before {
    transform: rotate(45deg);
}

.exit-popup__close:after {
    transform: rotate(-45deg);
}

.exit-popup__title {
    margin: 0 0 34px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
}

.exit-popup__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.35;
    color: #f0f0f0;
}

.exit-popup__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 14px;
}

.exit-popup__form input[type="text"] {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    border: 0;
    background: #f0f1f3;
    color: #202020;
    font-size: 16px;
    line-height: 1;
    padding: 0 16px;
}

.exit-popup__form input[type="text"]::placeholder {
    color: #9ea4af;
}

.exit-popup__form > input[type="text"] {
    margin-bottom: 24px;
}

.exit-popup__subtitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 12px;
}

.exit-popup__radio {
    display: flex;
    gap: 32px;
    margin-bottom: 22px;
}

.exit-popup__radio label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.exit-popup__radio input[type="radio"] {
    margin: 0;
    width: 18px;
    height: 18px;
    accent-color: #fff;
}

.exit-popup__submit {
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 8px;
    background: #e4008c;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.exit-popup__policy {
    margin-top: 14px;
}

.exit-popup__policy label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.2;
}

.exit-popup__policy input[type="checkbox"] {
    margin-top: 3px;
}

.exit-popup__policy a {
    color: #e4008c;
}

.exit-popup .result .success {
    color: #57d957;
    font-size: 14px;
    margin-top: 8px;
}

@media (max-width: 980px) {
    .exit-popup__content {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 32px 18px 22px;
        margin-top: 3vh;
    }

    .exit-popup__title {
        font-size: 34px;
        margin-bottom: 12px;
    }

    .exit-popup__desc {
        font-size: 14px;
    }
}

body.pod-zakaz-popup-open {
    overflow: hidden;
}

.pod-zakaz-popup {
    position: fixed;
    top:50%;
    left:0;
    right:0;
    transform: translateY(-50%);
    z-index: 100000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.pod-zakaz-popup.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.pod-zakaz-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.62);
    height:580px;
}

.pod-zakaz-popup__content {
    position: relative;
    width: min(96vw, 920px);
    margin: 8vh auto 0;
    background: radial-gradient(80% 90% at 20% 92%, rgba(255, 255, 255, 0.18), transparent 65%), radial-gradient(70% 90% at 70% 90%, rgba(255, 255, 255, 0.16), transparent 70%), #030303;
    border: none;
    border-radius: 6px;
    padding: 44px 34px 34px 42px;
    display: grid;
    grid-template-columns: 245px 1fr;
    gap: 30px;
    color: #fff;
}

.pod-zakaz-popup__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.pod-zakaz-popup__close:before,
.pod-zakaz-popup__close:after {
    content: "";
    position: absolute;
    left: 11px;
    top: 1px;
    width: 1px;
    height: 22px;
    background: #fff;
}

.pod-zakaz-popup__close:before {
    transform: rotate(45deg);
}

.pod-zakaz-popup__close:after {
    transform: rotate(-45deg);
}

.pod-zakaz-popup__title {
    margin: 0 0 34px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 500;
}

.pod-zakaz-popup__desc {
    margin: 0;
    font-size: 14px;
    line-height: 1.35;
    color: #f0f0f0;
}

.pod-zakaz-popup__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 14px;
}

.pod-zakaz-popup__form input[type="text"] {
    width: 100%;
    height: 50px;
    border-radius: 7px;
    border: 0;
    background: #f0f1f3;
    color: #202020;
    font-size: 16px;
    line-height: 1;
    padding: 0 16px;
}

.pod-zakaz-popup__form input[type="text"]::placeholder {
    color: #9ea4af;
}

.pod-zakaz-popup__form > input[type="text"] {
    margin-bottom: 24px;
}

.pod-zakaz-popup__subtitle {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 12px;
}

.pod-zakaz-popup__radio {
    display: flex;
    gap: 32px;
    margin-bottom: 22px;
}

.pod-zakaz-popup__radio label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.pod-zakaz-popup__radio input[type="radio"] {
    margin: 0;
    width: 18px;
    height: 18px;
    accent-color: #fff;
}

.pod-zakaz-popup__submit {
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 8px;
    background: #e4008c;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.pod-zakaz-popup__policy {
    margin-top: 14px;
}

.pod-zakaz-popup__policy label {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    font-size: 14px;
    line-height: 1.2;
}

.pod-zakaz-popup__policy input[type="checkbox"] {
    margin-top: 3px;
}

.pod-zakaz-popup__policy a {
    color: #e4008c;
}

.pod-zakaz-popup .result .success {
    color: #57d957;
    font-size: 14px;
    margin-top: 8px;
}

@media (max-width: 980px) {
    .pod-zakaz-popup__content {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 32px 18px 22px;
        margin-top: 3vh;
    }

    .pod-zakaz-popup__title {
        font-size: 34px;
        margin-bottom: 12px;
    }

    .pod-zakaz-popup__desc {
        font-size: 14px;
    }
}

/* End */


/* Start:/local/templates/cifra/template_styles.css?1773936190338272*/
@charset "UTF-8";
*, ::after, ::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

::-ms-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

*, ::after, ::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb
}

::after, ::before {
  --tw-content: ''
}

:host, html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0px;
  display:block;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b, strong {
  font-weight: bolder
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  -webkit-font-feature-settings: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button, select {
  text-transform: none
}

button, input:where([type=button]), input:where([type=reset]), input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto
}

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

::-webkit-search-decoration {
  -webkit-appearance: none
}

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

summary {
  display: list-item
}

blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
  margin: 0
}

fieldset {
  margin: 0;
  padding: 0
}

legend {
  padding: 0
}

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

dialog {
  padding: 0
}

textarea {
  resize: vertical
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1;
  color: #9ca3af
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #9ca3af
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af
}

input::placeholder, textarea::placeholder {
  opacity: 1;
  color: #9ca3af
}

[role=button], button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle
}

img, video {
  max-width: 100%;
  height: auto
}

[hidden]:where(:not([hidden=until-found])) {
  display: none
}

.container {
  width: 100%
}

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

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

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

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

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

.visible {
  visibility: visible
}

.collapse {
  visibility: collapse
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.sticky {
  position: sticky
}

.end-1 {
  inset-inline-end: .25rem
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-12 {
  margin-bottom: 3rem
}

.mb-14 {
  margin-bottom: 3.5rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-8 {
  margin-bottom: 2rem
}

.me-1 {
  -webkit-margin-end: .25rem;
  margin-inline-end: .25rem
}

.ml-6 {
  margin-left: 1.5rem
}

.mr-4 {
  margin-right: 1rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-12 {
  margin-top: 3rem
}

.mt-2 {
  margin-top: .5rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-6 {
  margin-top: 1.5rem
}

.block {
  display: block
}

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

.hidden {
  display: none
}

.w-full {
  width: 100%
}

.max-w-full {
  max-width: 100%
}

.transform {
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  -ms-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.resize {
  resize: both
}

.self-start {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.overflow-hidden {
  overflow: hidden
}

.overflow-x-hidden {
  overflow-x: hidden
}

.border {
  border-width: 1px
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.p-0 {
  padding: 0
}

.pb-12 {
  padding-bottom: 3rem
}

.pb-4 {
  padding-bottom: 1rem
}

.ps-4 {
  -webkit-padding-start: 1rem;
  padding-inline-start: 1rem
}

.tracking-\[\.3px\] {
  letter-spacing: .3px
}

.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.blur {
  --tw-blur: blur(8px);
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/local/templates/kdmarket/css/../assets/fonts/InterVariable.woff2) format("woff2")
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-Light.woff2) format("woff");
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-Regular.woff2) format("woff");
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-Medium.woff2) format("woff");
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-SemiBold.woff2) format("woff");
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-Bold.woff2) format("woff");
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-ExtraBold.woff2) format("woff");
  font-weight: 800;
  font-style: normal
}

@font-face {
  font-family: Inter;
  font-display: fallback;
  src: url(/local/templates/kdmarket/css/../assets/fonts/Inter-Black.woff2) format("woff");
  font-weight: 900;
  font-style: normal
}

.wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(100 * var(--vh, 1vh))
}

.wrapper .footer, .wrapper .header {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.wrapper main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.rouble {
  font-family: Rouble, Arial, sans-serif;
  text-transform: lowercase !important;
  font-weight: 400 !important
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%)
}

.scroll-lock-ios {
  position: fixed;
  overflow: hidden;
  max-width: 100%
}

.scroll-lock {
  overflow: hidden;
  max-width: 100%
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
  display: none
}

.no-transition {
  -webkit-transition: none !important;
  transition: none !important
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: 0
}

* {
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

main {
  position: relative
}

.wrapper-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 80%;
  padding-left: 28px
}

@media (max-width: 1023px) {
  .wrapper-content {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .wrapper-content {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .wrapper-content {
    padding: 0
  }
}

.primary-title {
  color: #fff;
  font-size: 48px;
  font-weight: 570;
  line-height: 1.25
}

.second-title {
  font-size: 32px;
  font-weight: 570;
  line-height: 1.25
}

.second-title--w83 {
  max-width: 83.33%;
  margin-bottom: 32px
}

@media (max-width: 1023px) {
  .second-title--w83 {
    max-width: 720px
  }
}

.second-title--w50 {
  width: 50%
}

@media (max-width: 1023px) {
  .second-title--w50 {
    width: 100%
  }
}

.second-title--w80 {
  width: 80%
}

.second-title--mb {
  margin-bottom: 24px
}

@media (max-width: 1023px) {
  .second-title--mb {
    margin-bottom: 16px
  }
}

.second-title--mauto {
  margin: 0 auto
}

@media (max-width: 1199px) {
  .second-title--mauto {
    margin: 0
  }
}

.second-title--mb20 {
  margin-bottom: 20px
}

.second-title--mb32 {
  margin-bottom: 32px
}

.second-title--mb40 {
  margin-bottom: 40px
}

@media (max-width: 575px) {
  .second-title--mb40 {
    margin-bottom: 16px
  }
}

.second-title--mb60 {
  margin-bottom: 60px
}

@media (max-width: 575px) {
  .second-title--mb60 {
    margin-bottom: 40px
  }
}

.second-title--mb80 {
  margin-bottom: 80px
}

.second-title--mt56 {
  margin-top: 56px
}

@media (max-width: 1023px) {
  .second-title--mt56 {
    margin-top: 40px
  }
}

.second-title--mt80 {
  margin-top: 80px
}

@media (max-width: 1023px) {
  .second-title--mt80 {
    margin-top: 56px
  }
}

.second-title--mt120 {
  margin-top: 120px
}

@media (max-width: 1023px) {
  .second-title--mt120 {
    margin-top: 56px
  }
}

.second-title--fsz24 {
  font-size: 24px;
  line-height: 1.5
}

.second-title--gray {
  color: #555
}

.second-title--lite-gray {
  color: rgba(255, 255, 255, .75)
}

@media (max-width: 1023px) {
  .second-title--mob-disp-none {
    display: none
  }

  .second-title {
    font-size: 23px
  }
}

@media (max-width: 767px) {
  .second-title {
    font-size: 22px
  }
}

.second-title--large-fsz {
  font-size: 40px
}

@media (max-width: 1023px) {
  .second-title--large-fsz {
    font-size: 24px
  }
}

@media (max-width: 575px) {
  .second-title--large-fsz {
    font-size: 22px
  }
}

.second-title--acc {
  font-size: 33px;
  letter-spacing: .5px
}

@media (max-width: 1023px) {
  .second-title--acc {
    font-size: 24px
  }
}

@media (max-width: 575px) {
  .second-title--discount {
    font-size: 24px
  }
}

.second-title.second-title--lite-gray {
  margin: 0 auto;
  margin-bottom: 32px
}

@media (max-width: 1023px) {
  .second-title.second-title--lite-gray {
    margin: 0;
    margin-bottom: 32px
  }
}

.third-title {
  margin-top: 40px;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 570;
  line-height: 1.25
}

.third-wrapper-title {
  margin-top: 40px;
  margin-bottom: 16px;
  font-weight: 570;
  font-size: 26px;
  line-height: 1.25
}

@media (max-width: 767px) {
  .third-wrapper-title {
    font-size: 20px
  }
}

.fourth-title {
  font-size: 16px;
  font-weight: 570;
  color: #000
}

.variable-title {
  font-size: 33px
}

@media (max-width: 1023px) {
  .variable-title {
    font-size: calc(1.275rem + .3vw)
  }
}

.second-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff7c03;
  padding-right: 32px;
  -webkit-transition: color .2s ease-in-out, opacity .2s ease-in-out;
  transition: color .2s ease-in-out, opacity .2s ease-in-out
}

.second-link::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #ff7c03;
  -webkit-transition: width .3s ease;
  transition: width .3s ease
}

@media (hover: hover) {
  .second-link:hover:not(.focus-visible)::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff7c03;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }

  .second-link:hover:not(.focus-visible) {
    outline: 0
  }

  .second-link:hover:not(.focus-visible)::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ff7c03;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }
}

.second-link.focus-visible:focus {
  outline: 0
}

.second-link.focus-visible:focus::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ff7c03;
  -webkit-transition: width .3s ease;
  transition: width .3s ease
}

.second-link--no-svg {
  padding-right: 0
}

.second-link--white {
  color: #fff
}

.second-link--white::after {
  background-color: #fff
}

@media (hover: hover) {
  .second-link--white:hover:not(.focus-visible) {
    opacity: .75
  }

  .second-link--white:hover:not(.focus-visible)::after {
    background-color: #fff
  }
}

.second-link--white.focus-visible:focus::after {
  background-color: #fff
}

.second-link--fsz14 {
  font-size: 14px
}

.second-link--gray {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 570;
  color: rgba(255, 255, 255, .75)
}

.second-link--gray::after {
  background-color: rgba(255, 255, 255, .75)
}

@media (hover: hover) {
  .second-link--gray:hover:not(.focus-visible)::after {
    background-color: rgba(255, 255, 255, .75)
  }
}

.second-link--gold {
  color: #f7cc76;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content
}

.second-link--gold::after {
  background-color: #f7cc76
}

@media (hover: hover) {
  .second-link--gold:hover:not(.focus-visible)::after {
    background-color: #f7cc76
  }
}

.second-link--wmax {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content
}

.second-title__span {
  display: block
}

@media (max-width: 1023px) {
  .second-title__span {
    display: inline
  }
}

.second-link svg {
  position: absolute;
  top: auto;
  right: 8px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease
}

.second-link:hover svg {
  right: 0;
  -webkit-transition: right .3s ease;
  transition: right .3s ease
}

.third-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
  padding-right: 32px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 16px;
  outline: 0
}

.third-link--large {
  font-weight: 570;
  font-size: 18px
}

@media (hover: hover) {
  .third-link:hover:not(.focus-visible) svg {
    right: 0
  }
}

.third-link.focus-visible:focus svg {
  right: 0
}

.third-link svg {
  position: absolute;
  top: auto;
  right: 8px;
  width: 24px;
  height: 24px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease
}

.orange-link {
  font-weight: 570;
  font-size: 14px;
  color: #ff7c03;
  line-height: 1.25;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

@media (hover: hover) {
  .orange-link:hover:not(.focus-visible) {
    outline: 0;
    color: #d96e0b;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
  }
}

.orange-link.focus-visible:focus {
  outline: 0;
  color: #d96e0b;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.orange-link--plus {
  font-weight: 500;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding-right: 16px
}

.orange-link--plus::after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  content: "+";
  font-size: 15px;
  color: currentColor
}

.demarcation-line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ddd
}

.demarcation-line--margin {
  margin-top: 120px;
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .demarcation-line--margin {
    margin: 0;
    display: none
  }
}

.demarcation-line--white-gray {
  background-color: rgba(255, 255, 255, .2)
}

b {
  font-weight: 570
}

.container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
  font-weight: 420
}

.container--height {
  height: 100%
}

@media (max-width: 1439px) {
  .container {
    max-width: 1140px
  }
}

@media (max-width: 1023px) {
  .container--mob-720 {
    max-width: 720px
  }
}

@media (max-width: 1199px) {
  .container--w83 {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .container--w83 {
    max-width: 720px;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .container--w83 {
    max-width: 540px
  }
}

@media (max-width: 1199px) {
  .container--mw {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .container--mw {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .container--mw {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .container--mw {
    max-width: 100%
  }
}

.primary-btn {
  padding: 16px 24px;
  border-radius: 6px;
  color: #fff;
  background-color: #ff7c03
}

.fourth-btn {
  border-radius: 4px;
  color: #fff;
  background-color: #222221;
  padding: 16px 32px;
  -webkit-transition: background-color, .2s ease;
  transition: background-color, .2s ease
}

@media (hover: hover) {
  .fourth-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: #1d1d1d
  }
}

.fourth-btn.focus-visible:focus {
  outline: 0;
  background-color: #1d1d1d
}

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

@media (max-width: 1023px) {
  .wrapper {
    padding-top: 0
  }
}

.wrapper--height-auto {
  min-height: auto
}

.wrapper--min-mt {
  padding-top: 0
}

.sticky-wrapper {
  position: sticky;
  top: 116px;
  left: 0
}

.sticky-wrapper--aside {
  padding-bottom: 20px
}

.wrapper-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px
}

.wrapper-flex--mb120 {
  margin-bottom: 120px
}

.wrapper-flex--pb-no-mb {
  margin-bottom: 0;
  padding-bottom: 120px
}

.wrapper-flex--sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1023px) {
  .wrapper-flex {
    margin-bottom: 40px
  }
}

.wrapper-flex--product-page {
  padding-bottom: 0
}

@media (max-width: 1023px) {
  .wrapper-flex--product-page {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    max-width: inherit
  }
}

.text-link {
  font-weight: 570;
  color: #ff7c03;
  cursor: pointer
}

.text-link--fsz-large {
  font-size: 18px
}

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

@media (hover: hover) {
  .text-link:hover:not(.focus-visible) {
    outline: 0;
    text-decoration: underline
  }
}

.text-link.focus-visible:focus {
  outline: 0;
  text-decoration: underline
}

.text-link--flex svg {
  margin-right: 8px
}

.small-text {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 570;
  color: rgba(255, 255, 255, .75);
  letter-spacing: .1em
}

.small-text--gray {
  display: block;
  color: #777
}

.small-text--orange {
  display: block;
  color: #ff7c03
}

.small-text--mb8 {
  display: block;
  margin-bottom: 8px
}

.small-text--mb16 {
  display: block;
  margin-bottom: 16px
}

.small-text--mb32 {
  margin-bottom: 32px
}

.text-description {
  display: block;
  font-size: 24px;
  font-weight: 420;
  text-align: center;
  color: #555;
  max-width: 720px;
  line-height: 1.25
}

@media (max-width: 1439px) {
  .text-description {
    padding: 0 80px;
    max-width: 815px
  }
}

@media (max-width: 1023px) {
  .text-description {
    display: none
  }
}

.three-link {
  padding: 16px 32px;
  background-color: #fff;
  color: #000;
  border-radius: 4px;
  border: 1px solid #fff;
  -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease;
  transition: border-color .3s ease, -webkit-box-shadow .3s ease;
  transition: border-color .3s ease, box-shadow .3s ease;
  transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

@media (hover: hover) {
  .three-link:hover:not(.focus-visible) {
    outline: 0;
    border-color: #969696;
    -webkit-box-shadow: -4px 4px 30px 1px rgba(34, 60, 80, .4) inset;
    box-shadow: -4px 4px 30px 1px rgba(34, 60, 80, .4) inset;
    -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, -webkit-box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease;
    transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
  }
}

.three-link.focus-visible:focus {
  outline: 0;
  border-color: #969696;
  -webkit-box-shadow: -4px 4px 30px 1px rgba(34, 60, 80, .4) inset;
  box-shadow: -4px 4px 30px 1px rgba(34, 60, 80, .4) inset;
  -webkit-transition: border-color .3s ease, -webkit-box-shadow .3s ease;
  transition: border-color .3s ease, -webkit-box-shadow .3s ease;
  transition: border-color .3s ease, box-shadow .3s ease;
  transition: border-color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.gray-link {
  color: #777;
  font-weight: 570;
  font-size: 14px;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

@media (hover: hover) {
  .gray-link:hover:not(.focus-visible) {
    outline: 0;
    color: rgba(119, 119, 119, .75);
    -webkit-transition: color .2s ease;
    transition: color .2s ease
  }
}

.gray-link.focus-visible:focus {
  outline: 0;
  color: rgba(119, 119, 119, .75);
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.small-title {
  font-size: 16px;
  color: #555;
  width: 20%;
  min-width: 100px;
  max-width: 100%
}

@media (max-width: 575px) {
  .small-title {
    width: 20%;
    margin-right: 8px
  }
}

.green-btn {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 12px 48px 12px 24px;
  background-color: #1d4b40;
  border-radius: 4px;
  text-align: start;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.green-btn--product-page {
  width: 67.7%
}

@media (hover: hover) {
  .green-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: #194036;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
  }
}

.green-btn.focus-visible:focus {
  outline: 0;
  background-color: #194036;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.green-btn::after {
  position: absolute;
  content: "+";
  top: 6px;
  right: 24px;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 20px
}

@media (max-width: 1023px) {
  .green-btn::after {
    top: 8px
  }
}

.green-btn--no-plus {
  padding: 12px 24px
}

.green-btn--no-plus::after {
  display: none
}

.gold-btn {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 12px 48px 12px 24px;
  background-color: #ff7c03;
  border-radius: 4px;
  text-align: start;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.gold-btn--product-page {
  width: 67.7%
}

@media (hover: hover) {
  .gold-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: #d96e0b;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
  }
}

.gold-btn.focus-visible:focus {
  outline: 0;
  background-color: #d96e0b;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.gold-btn::after {
  position: absolute;
  content: "+";
  top: 6px;
  right: 24px;
  color: #fff;
  width: 16px;
  height: 16px;
  font-size: 20px
}

@media (max-width: 1023px) {
  .gold-btn::after {
    top: 8px
  }
}

.gold-btn--no-plus {
  padding: 12px 24px
}

.gold-btn--no-plus::after {
  display: none
}

.gold-btn--form-page {
  padding: 16px 32px;
  font-size: 16px;
  text-align: center
}

.gold-btn--wmax {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  display: block
}

.gold-btn--arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.gold-btn--black {
  background-color: #131313
}

@media (hover: hover) {
  .gold-btn--black:hover:not(.focus-visible) {
    background-color: rgba(19, 19, 19, .8)
  }
}

.gold-btn--black.focus-visible:focus {
  background-color: rgba(19, 19, 19, .8)
}

.gold-btn--arrow svg {
  margin-left: 16px
}

.black-btn {
  position: relative;
  display: block;
  color: #fff;
  padding: 12px 48px 12px 24px;
  background-color: #222221;
  border-radius: 4px;
  text-align: start;
  font-size: 14px;
  line-height: 1.5;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.black-btn::after {
  position: absolute;
  content: "+";
  text-align: center;
  top: 10px;
  right: 28px;
  width: 16px;
  height: 16px;
  color: #fff;
  font-size: 14px;
  font-weight: 500
}

@media (max-width: 1023px) {
  .black-btn::after {
    top: calc(50% - 12px)
  }
}

@media (hover: hover) {
  .black-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: #1d1d1d;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
  }
}

.black-btn.focus-visible:focus {
  outline: 0;
  background-color: #1d1d1d;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.black-btn--gold-bg {
  background-color: #f7cc76;
  color: #000
}

.black-btn--gold-bg::after {
  color: currentColor
}

@media (hover: hover) {
  .black-btn--gold-bg:hover:not(.focus-visible) {
    background-color: #f8d48b
  }
}

.black-btn--no-plus::after {
  display: none
}

.black-btn--wmax {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 16px 32px;
  font-size: 16px
}

.black-btn--center {
  padding: 12px 32px;
  text-align: center
}

.black-btn--minus::after {
  content: "-"
}

.black-btn--padding {
  padding: 16px 32px
}

.btn-dark {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 32px;
  margin-top: auto;
  border: 1px solid #1b1b1b;
  border-radius: 4px;
  color: #fff;
  background-color: #1b1b1b;
  font-size: 16px;
  line-height: 1.5;
  -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

@media (max-width: 1023px) {
  .btn-dark {
    padding: 12px 24px 12px 24px
  }
}

@media (hover: hover) {
  .btn-dark:hover:not(.focus-visible) {
    outline: 0;
    background-color: #1d1d1d;
    border-color: #1d1d1d;
    -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease
  }
}

.btn-dark.focus-visible:focus {
  outline: 0;
  background-color: #1d1d1d;
  border-color: #1d1d1d;
  -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

.btn-dark--gold-bg {
  color: #f7cc76;
  border-color: #f7cc76
}

@media (hover: hover) {
  .btn-dark--gold-bg:hover:not(.focus-visible) {
    color: #1b1b1b;
    background-color: #f7cc76;
    border-color: #f7cc76
  }
}

@media (max-width: 1023px) {
  .btn-dark svg {
    width: 14px;
    height: 14px
  }
}

.btn-lite-gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 24px;
  width: 100%;
  margin-top: auto;
  border-radius: 4px;
  color: #000;
  background-color: #f5f5f7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

.btn-lite-gray--white {
  background-color: #fff
}

@media (hover: hover) {
  .btn-lite-gray:hover:not(.focus-visible) {
    outline: 0;
    background-color: #f1f1f1;
    -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease
  }
}

.btn-lite-gray.focus-visible:focus {
  outline: 0;
  background-color: #f1f1f1;
  -webkit-transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease
}

@media (max-width: 1023px) {
  .btn-lite-gray svg {
    width: 12px;
    height: 12px
  }
}

.light-btn {
  padding: 12px 24px;
  width: 33.3%;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  border: 1px solid #eee;
  -webkit-transition: background-color .2s ease, border-color .2s ease;
  transition: background-color .2s ease, border-color .2s ease
}

@media (hover: hover) {
  .light-btn:hover:not(.focus-visible) {
    background-color: #eee;
    border-color: #eee;
    -webkit-transition: background-color .2s ease, border-color .2s ease;
    transition: background-color .2s ease, border-color .2s ease
  }
}

.light-btn:active {
  background-color: #f5f5f7;
  border-color: #f5f5f7;
  -webkit-transition: background-color .2s ease, border-color .2s ease;
  transition: background-color .2s ease, border-color .2s ease
}

@media (hover: hover) {
  .light-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: #eee;
    border-color: #eee;
    -webkit-transition: background-color .2s ease, border-color .2s ease;
    transition: background-color .2s ease, border-color .2s ease
  }
}

.light-btn.focus-visible:focus {
  outline: 0;
  background-color: #eee;
  border-color: #eee;
  -webkit-transition: background-color .2s ease, border-color .2s ease;
  transition: background-color .2s ease, border-color .2s ease
}

.background {
  padding: 120px 0
}

.background--gray {
  background-color: #f5f5f7
}

.background--black-russian {
  background-color: #1d1d1f
}

.background--black {
  background-color: #000
}

@media (max-width: 1023px) {
  .background {
    padding: 56px 0
  }
}

.background--black .second-title {
  color: #fff
}

.background--gray .second-title {
  color: #000
}

.compensation-padding {
  padding-bottom: 69px
}

.overflow-x-hidden {
  overflow-x: hidden
}

.mobile-display-none {
  display: inline;
  margin-left: 5px
}

@media (max-width: 1023px) {
  .mobile-display-none {
    display: none
  }
}

.black-background-vip {
  background-color: #000;
  -webkit-transition: background-color .6s ease;
  transition: background-color .6s ease
}

.black-background-vip .company {
  background-color: transparent
}

.black-background-vip.bg-invert {
  background-color: #fff;
  -webkit-transition: background-color .6s ease;
  transition: background-color .6s ease
}

.black-background-vip.bg-invert .company {
  color: #000
}

.black-background-vip.bg-invert .company__accordion-tab .company__accordion-btn {
  color: #000
}

.black-background-vip.bg-invert .company__accordion-tab {
  color: #000
}

.black-background-vip.bg-invert .company__accordion-tab.is-active .company__accordion-header .company__accordion-btn {
  color: #000
}

.lite-gray-bg {
  padding: 120px 0;
  background-color: #f5f5f7
}

@media (max-width: 1023px) {
  .lite-gray-bg {
    padding: 56px 0
  }
}

.lite-gray-bg--pb0 {
  padding-bottom: 0
}

.link-sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  border-radius: 50%;
  background-color: #ff7c03;
  -webkit-transition: background-color, .3s ease;
  transition: background-color, .3s ease
}

@media (hover: hover) {
  .link-sign:hover:not(.focus-visible) {
    background-color: #d96e0b;
    -webkit-transition: background-color, .3s ease;
    transition: background-color, .3s ease
  }
}

.mb16 {
  margin-bottom: 16px
}

.mt0 {
  margin-top: 0
}

.border {
  border: 1px solid #ddd
}

.border-bottom {
  border-bottom: 1px solid #ddd
}

.hidden {
  display: none
}

.color-gray {
  color: #555
}

.background-pattern {
  opacity: .3;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 100%;
  top: 100%;
  position: absolute;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  overflow: clip;
  overflow-clip-margin: content-box
}

@media (max-width: 1023px) {
  .another-title {
    font-size: calc(1.375rem + 1.5vw)
  }
}

.ac {
  margin-top: 8px;
  border: 1px solid #eee;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.ac .ac-header {
  margin: 0;
  padding: 0
}

.ac .ac-trigger {
  font: bold 16px Arial, sans-serif;
  color: #111;
  text-align: left;
  width: 100%;
  padding: 8px 32px 8px 8px;
  display: block;
  cursor: pointer;
  background-color: transparent;
  -webkit-transition: color .25s ease;
  transition: color .25s ease;
  position: relative;
  text-decoration: none;
  margin: 0;
  border: 0
}

.ac .ac-trigger::after {
  content: "+";
  text-align: center;
  width: 15px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: absolute;
  right: 10px;
  top: 50%
}

.ac .ac-trigger:focus {
  color: #8a8a8a
}

.ac .ac-panel {
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.ac .ac-panel .ac-text {
  font: 15px/24px Arial, sans-serif;
  color: #111;
  padding: 8px;
  margin: 0
}

.ac.js-enabled .ac-panel {
  visibility: hidden
}

.ac.is-active .ac-panel {
  visibility: visible
}

.ac.is-active > .ac-header .ac-trigger::after {
  content: "–"
}

.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  transition: all 0s
}

.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery > .tns-moving {
  -webkit-transition: all .25s;
  transition: all .25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity .6s;
  transition: opacity .6s;
  opacity: .6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  z-index: 0
}

.tns-fadeOut, .tns-normal {
  opacity: 0;
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both
}

.tns-t-ct > div {
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left
}

.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  -webkit-transform-style: flat;
  transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-connects {
  border-radius: 3px
}

.noUi-connect {
  background: #3fb8af
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
  -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #ccc
}

.noUi-marker-sub {
  background: #aaa
}

.noUi-marker-large {
  background: #aaa
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  -ms-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  -ms-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px
}

.modal {
  position: fixed;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1);
  transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
  pointer-events: none;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.modal::-webkit-scrollbar {
  display: none
}

.modal__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 60px 40px
}

@media (max-width: 767px) {
  .modal__wrapper {
    padding: 60px 16px
  }
}

.modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer
}

.modal__content {
  position: relative;
  width: 600px;
  padding: 40px;
  background-color: #fff
}

@media (max-width: 767px) {
  .modal__content {
    width: 100%;
    padding: 20px
  }
}

.modal__close-btn {
  position: absolute;
  top: -16px;
  right: -12px;
  -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, .2392156863);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .2392156863);
  border-radius: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  padding: 0;
  background: #ffb81f;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: -webkit-transform 150ms ease-out;
  transition: -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out
}

.modal__close-btn:hover {
  -webkit-box-shadow: rgba(255, 255, 255, .42) 0 0 0 5px, inset 0 0 1px 0 rgba(0, 0, 0, .3);
  box-shadow: rgba(255, 255, 255, .42) 0 0 0 5px, inset 0 0 1px 0 rgba(0, 0, 0, .3);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.modal--responsive .modal__content {
  width: 100%
}

.modal--fit-content .modal__content {
  width: auto
}

@media (max-width: 767px) {
  .modal--fit-content .modal__content {
    width: 100%
  }
}

.modal--no-scale {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.modal--preload {
  -webkit-transition: none;
  transition: none
}

.modal.is-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  pointer-events: auto
}

.modal .form h2 {
  font-size: 22px
}

.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.modal__content--small-padding {
  padding: 0 20px 20px 20px
}

.selection-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 80px;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

@media (hover: hover) {
  .selection-city:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

.selection-city.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.selection-city:active {
  color: #d96e0b
}

.selection-city svg {
  width: 12px;
  height: 12px;
  margin-right: 8px
}

.modal-selection-city {
  background-color: rgba(0, 0, 0, .6);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: opacity .5s ease-out, background-color .5s ease, visibility .5s ease;
  transition: opacity .5s ease-out, background-color .5s ease, visibility .5s ease
}

.modal-selection-city.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: opacity .5s ease-out, background-color .5s ease, visibility .5s ease;
  transition: opacity .5s ease-out, background-color .5s ease, visibility .5s ease
}

.modal-СЃontent-selection-city {
  max-width: 500px;
  padding: 40px;
  border: 0 solid rgba(0, 0, 0, .2);
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, -webkit-transform .2s ease;
  transition: opacity .2s ease, transform .2s ease;
  transition: opacity .2s ease, transform .2s ease, -webkit-transform .2s ease
}

@media (max-width: 1023px) {
  .modal-СЃontent-selection-city {
    border-radius: 6px;
    padding: 24px
  }
}

.modal-selection-city.is-active .modal__content-selection-city {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, -webkit-transform .5s ease;
  transition: opacity .5s ease, transform .5s ease;
  transition: opacity .5s ease, transform .5s ease, -webkit-transform .5s ease
}

.modal__content-selection-city h4 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 570
}

.modal__selection-city-close-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .modal__selection-city-close-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.modal__selection-city-close-btn.focus-visible:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, .05);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.selection-city-search {
  position: relative;
  width: 100%;
  margin-bottom: 32px
}

.selection-city-search__input {
  width: 100%;
  padding: 8px 16px;
  border-radius: 6px;
  font-size: 14px;
  min-height: 40px;
  color: #000;
  background-color: #f5f5f7;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.selection-city-search__input::-webkit-input-placeholder {
  font-size: 14px;
  color: #777
}

.selection-city-search__input::-moz-placeholder {
  font-size: 14px;
  color: #777
}

.selection-city-search__input:-ms-input-placeholder {
  font-size: 14px;
  color: #777
}

.selection-city-search__input::-ms-input-placeholder {
  font-size: 14px;
  color: #777
}

.selection-city-search__input::placeholder {
  font-size: 14px;
  color: #777
}

@media (hover: hover) {
  .selection-city-search__input:hover:not(.focus-visible) {
    background-color: #d7d7d7;
    outline: 0;
    background-color: #e8e8ed;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.selection-city-search__input.focus-visible:focus {
  outline: 0;
  background-color: #e8e8ed;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.selection-city-search__btn {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 8px;
  right: 16px;
  width: 24px;
  height: 24px;
  color: #777;
  cursor: default;
  pointer-events: none
}

.city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 16px
}

.city__item {
  font-size: 16px
}

.city__item:not(:last-child) {
  margin-right: 32px
}

.city__item.hidden {
  opacity: 0;
  visibility: hidden
}

.city__btn {
  display: block;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (hover: hover) {
  .city__btn:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.city__btn.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.nav__link-img {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #ddd
}

@media (max-width: 1023px) {
  .nav__link-img {
    width: 32px;
    height: 32px
  }
}

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

@media (max-width: 1023px) {
  .nav__list {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
  }
}

.nav__item {
  font-size: 14px;
  font-weight: 570;
  padding: 8px 16px
}

.nav__item--min-padding {
  padding-right: 0
}

.nav__item--distance {
  margin-left: 40px
}

@media (max-width: 1279px) {
  .nav__item--distance {
    margin-left: 10px
  }
}

@media (max-width: 1023px) {
  .nav__item {
    padding: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
  }
}

.nav__item:empty {
  display: none
}

.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: normal;
  opacity: 1;
  -webkit-transition: opacity, ease .15s;
  transition: opacity, ease .15s
}

@media (hover: hover) {
  .nav__link:hover:not(.focus-visible) {
    outline: 0;
    opacity: .7;
    -webkit-transition: opacity, ease .15s;
    transition: opacity, ease .15s
  }
}

.nav__link.focus-visible:focus {
  outline: 0;
  opacity: .7;
  -webkit-transition: opacity, ease .15s;
  transition: opacity, ease .15s
}

.nav__link-svg {
  width: 16px;
  height: 16px;
  border: none;
  margin-right: 8px
}

.header__top-bg {
  position: inherit;
  z-index: 40;
  width: 100%
}

@media (max-width: 1023px) {
  .header__top-bg {
    display: none
  }
}

.header__top-panel {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 20px;
  font-size: 12px;
  color: #fff
}

@media (max-width: 1023px) {
  .header__top-panel {
    display: none
  }
}

.header__top-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: rgba(255, 255, 255, .75)
}

.header__top-item:not(:last-child) {
  margin-right: 24px
}

@media (hover: hover) {
  .header__top-item a:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

.header__top-item a.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.header__top-item a:active {
  color: #d96e0b
}

.header__main {
  position: sticky;
  top: 0;
  width: 100%;
  padding: 12px 0;
  background-color: #fff;
  border-bottom: 1px solid #e8e8ed;
  z-index: 100;
  -webkit-transition: top .2s ease, background-color .2s ease;
  transition: top .2s ease, background-color .2s ease
}

@media (max-width: 1023px) {
  .header__main {
    position: relative;
    top: 0;
    border-bottom: none;
    padding: 40px 20px 12px 20px
  }
}

.header__main--scrolled {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #fff;
  -webkit-transition: top .2s ease;
  transition: top .2s ease
}

@media (max-width: 1023px) {
  .header__main--scrolled {
    position: relative
  }
}

.header-main-transparent {
  position: fixed;
  top: 43px;
  background-color: transparent;
  color: #fff;
  border: none;
  -webkit-transition: top .2s ease, background-color .2s ease;
  transition: top .2s ease, background-color .2s ease
}

@media (max-width: 1023px) {
  .header-main-transparent {
    top: 0;
    position: absolute
  }
}

.header-main-transparent .search__input-container {
  color: #000
}

.header__main--scrolled.header-main-transparent {
  top: 0;
  background-color: #000;
  color: #fff;
  -webkit-transition: top .2s ease-in-out, background-color .2s ease;
  transition: top .2s ease-in-out, background-color .2s ease
}

@media (max-width: 1023px) {
  .header__main--scrolled.header-main-transparent {
    background-color: transparent;
    color: #000
  }
}

.header__main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px
}

@media (max-width: 1023px) {
  .header__main-container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .header__main-container {
    padding: 0;
    max-width: 500px
  }
}

@media (max-width: 575px) {
  .header__main-container {
    max-width: none
  }
}

@media (max-width: 1023px) {
  .header__main-container--pad-bord-gray {
    padding-bottom: 16px;
    border-bottom: 1px solid #ddd
  }
}

@media (max-width: 767px) {
  .header__main-container--pad-bord-gray {
    padding-bottom: 16px
  }
}

@media (max-width: 1023px) {
  .header__main-container--pad-bord {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
  }
}

@media (max-width: 767px) {
  .header__main-container--pad-bord {
    padding-bottom: 16px
  }
}

.header__logo {
  display: block;
  position: relative;
  margin-right: 64px;
  padding: 12px 0
}

@media (max-width: 1279px) {
  .header__logo {
    margin-right: 32px
  }
}

.header__logo::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  -webkit-transition: background-color, .3s ease;
  transition: background-color, .3s ease
}

@media (hover: hover) {
  .header__logo:hover:not(.focus-visible) {
    outline: 0
  }
}

.header__logo.focus-visible:focus {
  outline: 0
}

.header__logo:focus::after {
  z-index: -1;
  outline: 0;
  opacity: .3;
  background-color: #ffe4c6;
  -webkit-transition: background-color, .3s ease;
  transition: background-color, .3s ease
}

@media (max-width: 1023px) {
  .header__logo {
    display: none
  }

  .header__logo--mob-visible {
    display: block
  }
}

.header__logo-img {
  max-height: 20px
}

@media (max-width: 1023px) {
  .header__logo-img {
    max-height: 21px
  }
}

.header__logo-img--white {
  display: none
}

.header__mobile-title {
  display: none
}

@media (max-width: 1023px) {
  .header__mobile-title {
    display: none;
    color: #000;
    font-weight: 690;
    font-size: 30px;
    line-height: 1.5
  }
}

.header__mobile-title--white {
  color: #fff
}

@media (max-width: 767px) {
  .header__mobile-title {
    font-size: 28px
  }
}

@media (max-width: 575px) {
  .header__mobile-title {
    font-size: 24px
  }
}

@media (max-width: 374px) {
  .header__mobile-title {
    font-size: 22px
  }
}

.header__mobile-title.hidden {
  display: none
}

@media (max-width: 1023px) {
  .header__mobile-title.visible {
    display: block
  }
}

.header-main-transparent .header__logo-img--white {
  display: block
}

.header-main-transparent .header__logo-img--black {
  display: none
}

.header-main-transparent .nav__link-svg--white {
  display: block
}

.header-main-transparent .nav__link-svg--black {
  display: none
}

@media (max-width: 1023px) {
  .header__nav {
    display: none
  }
}

.third-nav {
  margin-left: auto
}

.mobile-header {
  display: none
}

@media (max-width: 1023px) {
  .mobile-header {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    bottom: -1px;
    left: 0;
    width: 100%;
    padding-bottom: calc(8px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-top: 1px solid #f5f5f7;
    -webkit-transition: padding-bottom .4s ease;
    transition: padding-bottom .4s ease
  }
}

.mobile-header--safary-padding {
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  -webkit-transition: padding-bottom .4s ease;
  transition: padding-bottom .4s ease
}

.mobile-header.safari-down {
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  -webkit-transition: padding-bottom .4s ease;
  transition: padding-bottom .4s ease
}

@media (max-width: 575px) {
  .mobile-header__container {
    padding: 0
  }
}

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

.mobile-header__nav {
  width: 100%;
  padding: 16px 140px;
  padding-bottom: 14px
}

@media (max-width: 767px) {
  .mobile-header__nav {
    padding: 8px 0 5px 0
  }
}

@media (max-width: 575px) {
  .mobile-header__nav {
    padding: 8px 8px 5px 8px
  }
}

.mobile-header__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20%
}

.mobile-header__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
  color: #969696
}

@media (max-width: 1023px) {
  .mobile-header__link svg {
    margin-top: -2px;
    margin-bottom: 2px
  }
}

.mobile-header__link.active {
  color: #ff7c03
}

@media (max-width: 1023px) {
  .basket {
    display: none
  }

  .search-btn {
    display: none
  }
}

.basket svg, .search-btn {
  width: 20px;
  height: 20px
}

.menu__wrapper {
  z-index: 100;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 75vh;
  width: 100%;
  max-width: 100%;
  border-top: 0 solid rgba(0, 0, 0, .2);
  border-radius: 6px 6px 0 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.menu__wrapper.open {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out;
  transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.mobile-header__overlay {
  z-index: -1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .2s ease, opacity .3s ease;
  transition: visibility .2s ease, opacity .3s ease
}

.mobile-header__overlay.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .2s ease, opacity .3s ease;
  transition: visibility .2s ease, opacity .3s ease
}

.menu__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 16px;
  border-radius: 6px 6px 0 0;
  background-color: #f5f5f7
}

@media (max-width: 1023px) {
  .menu__container {
    max-width: 720px;
    margin: 0 auto
  }
}

@media (max-width: 767px) {
  .menu__container {
    max-width: none
  }
}

.menu__close-btn {
  display: block;
  font-size: 14px;
  font-weight: 570;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: #ff7c03
}

.menu__close-btn:active {
  color: #d96e0b
}

.menu__list {
  overflow-y: auto;
  overflow-x: hidden;
  height: 70vh;
  margin-top: 16px;
  padding-bottom: 42px
}

.menu__item {
  background-color: #fff;
  padding: 0 12px 0 12px;
  border-radius: 6px
}

.menu__item:first-child {
  padding-bottom: 0
}

.menu__item:not(:last-child) {
  margin-bottom: 32px
}

.menu__second-item {
  position: relative;
  padding: 12px 0
}

.menu__second-item--not-padding {
  padding: 0
}

.menu__second-item:not(:last-child)::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f2f2f2
}

.menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 0;
  width: 100%;
  font-size: 15px
}

.menu__link::after {
  position: absolute;
  content: "";
  top: 14px;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(/local/templates/kdmarket/css/../assets/image/svg/arrow.svg);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.menu__link--no-arrow::after {
  display: none
}

.menu__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  font-weight: 570;
  color: #969696
}

.droplist {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  left: 0;
  top: 68px;
  z-index: 30;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease
}

.droplist--open {
  top: 68px;
  position: absolute;
  opacity: 1;
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease
}

.droplist--scrolled {
  top: 68px;
  position: absolute;
  -webkit-transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease;
  transition: transform .5s ease, opacity .4s ease, visibility .4s ease, top .3s ease, -webkit-transform .5s ease
}

@media (max-width: 1023px) {
  .droplist {
    display: none
  }
}

.droplist__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 90;
  padding-top: 40px;
  padding-bottom: 40px
}

.droplist__background {
  background-color: #fff;
  padding-bottom: 40px
}

.droplist__layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  background-color: rgba(0, 0, 0, .5)
}

.search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.search__input-container {
  position: relative;
  width: 92%;
  margin-right: 20px
}

.search__input {
  width: 100%;
  padding: 16px;
  padding-left: 40px;
  border-radius: 6px;
  background-color: #f5f5f7
}

.search__input::-webkit-input-placeholder {
  color: #777
}

.search__input::-moz-placeholder {
  color: #777
}

.search__input:-ms-input-placeholder {
  color: #777
}

.search__input::-ms-input-placeholder {
  color: #777
}

.search__input::placeholder {
  color: #777
}

.search__loupe {
  position: absolute;
  top: 18px;
  left: 16px
}

.search__loupe svg {
  width: 16px;
  height: 16px
}

.nameplate-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.nameplate {
  padding: 8px 16px;
  color: #555;
  font-size: 14px;
  border-radius: 6px;
  line-height: 1.2
}

.nameplate:not(:last-child) {
  margin-right: 8px
}

.nameplate--black {
  display: block;
  border: none;
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 12px;
  color: #fff;
  background-color: #000
}

.nameplate--green {
  display: block;
  border: none;
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 12px;
  color: #fff;
  background-color: #1d4b40
}

.nameplate--orange {
  display: block;
  border: none;
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 12px;
  color: #fff;
  background-color: #ff7c03
}

.nameplate--yellow {
  color: #000;
  padding: 6px 9px;
  background-color: #f7cc76
}

.nameplate--gray {
  background-color: #f5f5f7;
  -webkit-transition: background-color, .3s ease;
  transition: background-color, .3s ease
}

@media (hover: hover) {
  .nameplate--gray:hover:not(.focus-visible) {
    outline: 0;
    background-color: #d7d7d7;
    -webkit-transition: background-color, .3s ease;
    transition: background-color, .3s ease
  }
}

.nameplate--gray.focus-visible:focus {
  outline: 0;
  background-color: #d7d7d7;
  -webkit-transition: background-color, .3s ease;
  transition: background-color, .3s ease
}

.nameplate--gray:active {
  color: #000;
  background-color: #e8e8ed
}

.nameplate--gradient {
  padding: 6px 9px;
  background: -webkit-gradient(linear, left top, right top, from(#0090f7), color-stop(#ba62fc), to(#f2416b));
  background: linear-gradient(to right, #0090f7, #ba62fc, #f2416b);
  border-radius: 4px;
  font-size: 12px;
  color: #fff
}

.nameplate--gray-small {
  color: #000;
  padding: 6px 9px;
  background-color: rgba(150, 150, 150, .1490196078)
}

.nameplate--cancel-small {
  color: #000;
  padding: 6px 9px;
  background-color: #edb9ab
}

.nameplate--transparent-gray {
  color: #fff;
  padding: 7px 10px;
  background-color: rgba(255, 255, 255, .1)
}

.nameplate__link {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1
}

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

.product__card {
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 16%
}

@media (max-width: 1023px) {
  .product__card {
    border-radius: 6px
  }
}

.product-available-notice {
  font-size: 14px;
  color: gray;
  margin: -16px 0 30px 0
}

.product__link {
  display: block;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.product__link::before {
  position: absolute;
  content: "";
  inset: 0;
  width: calc(100% - 24px);
  z-index: -1;
  cursor: pointer
}

@media (hover: hover) {
  .product__link:hover:not(.focus-visible) {
    color: #d96e0b;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

.product__link.focus-visible:focus {
  outline: 0;
  color: #d96e0b;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.product__link:active {
  color: #d96e0b;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.product__link--small {
  font-size: 15px
}

.product__link-img {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
  background-color: #f5f5f7;
  overflow: hidden
}

.product__link-img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 133%
}

.product__image {
  position: relative;
  background-color: #f5f5f7;
  background-size: cover;
  background-position: center;
  display: inline-block;
  z-index: 1;
  width: 100%;
  min-height: 83%
}

@media (max-width: 1023px) {
  .product__image {
    overflow: hidden;
    border-radius: 6px
  }
}

.product__image img {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 3;
  padding: 18% 16% 18% 16%;
  padding-bottom: calc(18% + 20px);
  opacity: 1;
  max-height: 100%
}

.product__image img:first-child {
  opacity: 1;
  -webkit-transition: opacity .1s ease 0s;
  transition: opacity .1s ease 0s
}

.product__image img:last-child {
  opacity: 0;
  -webkit-transition: opacity .3s ease 80ms;
  transition: opacity .3s ease 80ms
}

@media (min-width: 1024px) {
  .product__image:hover img:first-child {
    opacity: 0;
    -webkit-transition: opacity .3s ease .2s;
    transition: opacity .3s ease .2s
  }

  .product__image:hover img:last-child {
    opacity: 1;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
  }
}

.product--animation .product__card .product__image img {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

@media (min-width: 1024px) {
  .product--animation .product__card .product__image:hover img:first-child {
    opacity: 0
  }

  .product--animation .product__card .product__image:hover img:last-child {
    opacity: 1
  }
}

.product--instantly .product__card .product__image img {
  -webkit-transition: none;
  transition: none
}

@media (min-width: 1024px) {
  .product--instantly .product__card .product__image:hover img:first-child {
    opacity: 0
  }

  .product--instantly .product__card .product__image:hover img:last-child {
    opacity: 1
  }
}

.product__title {
  padding-top: 16px
}

@media (max-width: 767px) {
  .product__title {
    padding-top: 12px
  }
}

.product__title--pt12 {
  padding-top: 12px
}

@media (max-width: 1023px) {
  .product__title--pt12 {
    padding-top: 10px
  }
}

@media (max-width: 767px) {
  .product__title--pt12 {
    padding-top: 8px
  }
}

.product__card-price {
  font-size: 16px
}

.product__carusel {
  position: relative;
  margin-top: 32px
}

.product__carusel--mt40 {
  margin-top: 40px
}

@media (max-width: 1023px) {
  .product__carusel {
    margin-top: 24px;
    overflow: visible
  }
}

@media (max-width: 1199px) {
  .product__carousel-container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .product__carousel-container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .product__carousel-container {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .product__carousel-container {
    padding-right: 40px
  }
}

.product__swiper-btn-area {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px
}

.product__carusel .product__card {
  width: 100%
}

.product__swiper-button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.product__swiper-button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.product__carusel:hover .product__swiper-button-next {
  right: 16px;
  opacity: 1
}

.product__carusel:hover .product__swiper-button-prev {
  left: 16px;
  opacity: 1
}

.product__swiper-button-next, .product__swiper-button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.product__swiper-button-next::after, .product__swiper-button-prev::after {
  display: none
}

.product__swiper-button-next:hover, .product__swiper-button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .product__swiper-button-next, .product__swiper-button-prev {
    display: none
  }
}

.product__swiper-button-next svg, .product__swiper-button-prev svg {
  width: 20px;
  height: 20px
}

.product__swiper {
  overflow-x: auto
}

.product-card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  row-gap: 24px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -12px
}

@media (max-width: 1199px) {
  .product-card-area {
    margin: 0 -8px
  }
}

@media (max-width: 1023px) {
  .product-card-area {
    row-gap: 16px
  }
}

@media (max-width: 1199px) {
  .product-card-area--padding-card-large {
    margin: 0 -12px
  }
}

@media (max-width: 1023px) {
  .product-card-area--padding-card-large {
    margin: 0 -8px
  }
}

.product-card-area .product__card {
  margin-right: 0;
  padding: 0 12px;
  width: 25%;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content
}

@media (max-width: 1199px) {
  .product-card-area .product__card {
    padding: 0 8px
  }
}

@media (max-width: 1023px) {
  .product-card-area .product__card {
    width: 33.33%;
    min-width: 215px
  }
}

@media (max-width: 767px) {
  .product-card-area .product__card {
    width: 50%;
    min-width: 0
  }
}

.product-card-area--row-three {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  row-gap: 24px
}

@media (max-width: 1023px) {
  .product-card-area--row-three {
    row-gap: 16px;
    margin-left: -8px;
    margin-right: -8px
  }
}

.product-card-area--row-three .product__card .product__link::before {
  left: 12px
}

@media (max-width: 1199px) {
  .product-card-area--row-three .product__card .product__link::before {
    width: calc(100% - 16px);
    left: 8px
  }
}

.product-card-area--row-three .product__card {
  width: 33.3%
}

@media (max-width: 1023px) {
  .product-card-area--row-three .product__card {
    padding: 0 8px
  }
}

@media (max-width: 767px) {
  .product-card-area--row-three .product__card {
    width: 50%
  }
}

@media (max-width: 1199px) {
  .product-card-area--padding-card-large .product__card {
    padding: 0 12px
  }
}

@media (max-width: 1023px) {
  .product-card-area--padding-card-large .product__card {
    padding: 0 8px
  }

  .product-card-area--padding-card-large .product__title {
    padding-top: 12px
  }
}

.product__carusel .tns-ovh {
  overflow: visible
}

.product__wrapper-swiper {
  overflow-x: hidden;
  width: 100%
}

.product__wrapper-swiper--no-load .product__carousel-container {
  overflow: hidden;
  max-width: none
}

.product__wrapper-swiper--no-load .product__carousel-container::-webkit-scrollbar {
  width: 100px;
  height: 5px
}

.product__wrapper-swiper--no-load .product__carousel-container::-webkit-scrollbar-thumb {
  background: #555;
  height: 3px;
  border-radius: 6px
}

.product__wrapper-swiper--no-load .product__swiper {
  overflow-x: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.product__wrapper-swiper--no-load .product__card {
  min-width: 302px;
  margin-right: 24px
}

@media (max-width: 1199px) {
  .product__wrapper-swiper--no-load .product__card {
    min-width: 212px
  }
}

@media (max-width: 767px) {
  .product__wrapper-swiper--no-load .product__card {
    min-width: 202px
  }
}

.confirmation-city {
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  -webkit-transition: opacity .3s ease, visibility .3s ease;
  transition: opacity .3s ease, visibility .3s ease
}

@media (max-width: 1023px) {
  .confirmation-city {
    border-bottom: none;
    margin: 0 auto;
    padding: 0 21px;
    padding-top: 12px;
    padding-bottom: 24px
  }
}

.confirmation-city--lite-bg {
  background-color: #f5f5f7;
  border-color: transparent
}

@media (max-width: 1023px) {
  .confirmation-city--lite-bg {
    background-color: transparent
  }
}

@media (min-width: 1024px) {
  .confirmation-city.leveling {
    margin-top: 69px
  }
}

.confirmation-city.hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s ease, visibility .3s ease;
  transition: opacity .3s ease, visibility .3s ease
}

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

@media (max-width: 1023px) {
  .confirmation-city__container {
    max-width: 680px;
    border-radius: 6px;
    padding: 12px 16px;
    background-color: #f5f5f7
  }
}

@media (max-width: 767px) {
  .confirmation-city__container {
    max-width: 500px
  }
}

@media (max-width: 575px) {
  .confirmation-city__container {
    max-width: none
  }
}

@media (max-width: 1023px) {
  .confirmation-city__container--product-page {
    max-width: 680px
  }
}

@media (max-width: 767px) {
  .confirmation-city__container--product-page {
    max-width: 500px
  }
}

.confirmation-city__title {
  margin-right: 36px
}

@media (max-width: 1023px) {
  .confirmation-city__title {
    margin-right: auto
  }
}

.confirmation-city__btn:not(:last-child) {
  margin-right: 20px
}

@media (max-width: 1023px) {
  .confirmation-city__btn:not(:last-child) {
    margin-right: 16px
  }
}

.confirmation-city__btn--success {
  color: #ff7c03;
  font-weight: 570
}

.confirmation-city__btn--error {
  color: #555
}

.city-accordion__wrapper {
  margin: 0;
  background-color: transparent;
  border: none;
  padding: 0
}

.ac .city-accordion__btn {
  padding: 0;
  padding-top: 12px;
  font-family: Inter, sans-serif, arial;
  font-size: 15px;
  font-weight: 420;
  color: #000
}

.city-accordion__btn.ac-trigger::after {
  content: "";
  top: 14px;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(/local/templates/kdmarket/css/../assets/image/svg/arrow.svg);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.city-accordion__wrapper .city-accordion__btn:focus {
  color: #000
}

.city-accordion__wrapper.is-active > .city-accordion__header .city-accordion__btn::after {
  content: "";
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.city-accordion__wrapper .city-accordion__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 24px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 12px
}

.city-accordion__btn span {
  color: #777
}

.city-accordion__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-right: 24px;
  font-size: 15px;
  color: #777;
  border-top: 1px solid #ddd
}

.city-accordion__btn-selection {
  display: block;
  width: 100%;
  padding-top: 11px;
  padding-bottom: 11px;
  text-align: end
}

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

.personal-area__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60%
}

@media (max-width: 575px) {
  .personal-area__link {
    width: 100%
  }
}

.personal-area__title {
  font-weight: 570;
  font-size: 16px
}

.personal-area__img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  margin-right: 16px
}

.personal-area__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1.5
}

.personal-area__name {
  font-size: 15px
}

.personal-area__mail {
  font-size: 14px;
  color: #777
}

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto
}

.contact__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: rgba(255, 255, 255, .75)
}

.contact__link:not(:last-child) {
  margin-right: 24px
}

.contact__link--black {
  font-size: 15px;
  color: #000;
  line-height: 1.5
}

@media (hover: hover) {
  .contact__link[href]:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

.contact__link.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.contact__link:active {
  color: #d96e0b
}

@media (max-width: 1023px) {
  .contact__link {
    width: 100%
  }
}

.contact__number-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  color: #777;
  font-size: 15px
}

.contact__number-span svg {
  width: 14px;
  height: 14px
}

.contact svg {
  width: 12px;
  height: 12px;
  margin-right: 8px
}

.ya-card {
  width: 100%;
  height: 677px
}

@media (max-width: 1023px) {
  .ya-card {
    display: none
  }
}

.color-selection {
  position: absolute;
  bottom: 20px;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

.color-selection--bt16 {
  bottom: 16px
}

@media (max-width: 1023px) {
  .color-selection--bt16 {
    bottom: 10px
  }
}

.color-selection--pos-rel {
  position: relative;
  bottom: inherit
}

.color-selection--flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media (max-width: 575px) {
  .color-selection {
    bottom: 10px
  }
}

@media (max-width: 374px) {
  .color-selection {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px
  }
}

.color-selection__item {
  width: 14px;
  height: 14px;
  z-index: 6
}

@media (max-width: 1023px) {
  .color-selection__item {
    width: 11px;
    height: 11px
  }
}

.color-selection__item:not(:last-child) {
  margin-right: 8px
}

.color-selection__content {
  position: relative;
  z-index: 5;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2)
}

@media (max-width: 1023px) {
  .color-selection__content {
    width: 11px;
    height: 11px
  }

  .banner {
    margin-top: 0
  }
}

.banner__container {
  width: 100%;
  max-width: none;
  padding: 0
}

.banner__img {
  width: 100%;
}

.banner__slide {
  display: block
}

.banner__slide:not(:first-child) {
  display: none
}

.banner__slide .tns-item {
  display: block
}

.banner__swiper {
  overflow: hidden;
    max-height: 600px !important;
}

.banner__swiper.tns-slider {
  max-height: none;
  overflow: visible
}

.banner__swiper__wrapper {
  position: relative;
    max-height: 600px;
}

.banner__swiper-button-next {
  right: 40px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.banner__swiper-button-prev {
  left: 40px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.banner__swiper__wrapper .tns-nav {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 10
}

@media (max-width: 1023px) {
  .banner__swiper__wrapper .tns-nav {
    bottom: 10px
  }
}

@media (max-width: 575px) {
  .banner__swiper__wrapper .tns-nav {
    bottom: 5px
  }
}

.banner__swiper__wrapper .tns-nav button {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 50%;
  background: 0 0
}

.banner__swiper__wrapper .tns-nav button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  background-color: rgba(0, 0, 0, .2);
  border-radius: 50%;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

.banner__swiper__wrapper .tns-nav.buttons-white button::before {
  background-color: rgba(255, 255, 255, .6)
}

.banner__swiper__wrapper .tns-nav.buttons-white .tns-nav-active::before {
  background-color: #fff
}

.banner__swiper__wrapper .tns-nav .tns-nav-active::before {
  background-color: #000
}

.banner__swiper__wrapper:hover .banner__swiper-button-next {
  right: 16px;
  opacity: 1
}

.banner__swiper__wrapper:hover .banner__swiper-button-prev {
  left: 16px;
  opacity: 1
}

.banner__swiper-button-next, .banner__swiper-button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.banner__swiper-button-next::after, .banner__swiper-button-prev::after {
  display: none
}

.banner__swiper-button-next:hover, .banner__swiper-button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.banner__swiper-button-next svg, .banner__swiper-button-prev svg {
  width: 20px;
  height: 20px
}

@media (max-width: 1023px) {
  .brands {
    padding-top: 56px
  }
}

@media (max-width: 575px) {
  .brands {
    padding-top: 32px
  }
}

@media (max-width: 1023px) {
  .brands__container {
    padding: 0;
    overflow-x: hidden
  }
}

.brands__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px
}

@media (max-width: 1023px) {
  .brands__top-panel {
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 24px
  }
}

@media (max-width: 767px) {
  .brands__top-panel {
    max-width: 520px
  }
}

@media (max-width: 575px) {
  .brands__top-panel {
    margin: 0;
    padding: 0 20px;
    padding-left: 20px;
    margin-bottom: 24px
  }
}

@media (max-width: 1023px) {
  .brands__top-panel .second-link {
    display: none
  }
}

.brands__cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  z-index: 5
}

@media (min-width: 1024px) {
  .brands__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.brands__slide {
  position: relative
}

@media (min-width: 1024px) {
  .brands__slide {
    min-height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }

  .brands__slide:nth-child(2n-1) {
    min-height: 632px;
    max-height: 632px
  }

  .brands__slide:nth-child(2n) {
    min-height: 474px;
    max-height: 474px
  }
}

.brands__slide-wrapper {
  position: relative;
  width: 100%;
  height: auto
}

.brands__slide-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .7)), color-stop(76%, rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, .7), rgba(255, 255, 255, 0) 76%)
}

@media (max-width: 1023px) {
  .brands__slide-wrapper {
    overflow: hidden;
    border-radius: 6px
  }
}

@media (min-width: 1024px) {
  .grid-item {
    width: calc(50% - 8px);
    margin-bottom: 16px
  }

  .grid-item--width100 {
    width: 100%
  }
}

.brands__slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1
}

.brands__slide-link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.brands__slide-link::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%
}

.brands__slide-link::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 124, 3, .7)), color-stop(76%, rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(255, 124, 3, .7), rgba(255, 255, 255, 0) 76%);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media (hover: hover) {
  .brands__slide-link:hover:not(.focus-visible)::after {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
}

.brands__slide-link.focus-visible:focus::after {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.brands__slide-title {
  font-weight: 570;
  font-size: 24px;
  color: #fff
}

.brands__slide-span {
  color: rgba(255, 255, 255, .75);
  font-weight: 570
}

@media (max-width: 1023px) {
  .brands__swiper-position {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .brands__swiper-position {
    max-width: 540px;
    margin: 0 auto
  }
}

@media (max-width: 575px) {
  .brands__swiper-position {
    margin: 0;
    padding-right: 40px
  }
}

@media (max-width: 1023px) {
  .brands__swiper-position .tns-ovh {
    overflow: visible
  }
}

@media (max-width: 575px) {
  #brands-swiper-iw {
    margin: 0
  }
}

.company {
  background-color: #000;
  color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
  margin: 56px 0;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .company {
    padding-top: 56px;
    padding-bottom: 56px;
    margin-bottom: 56px
  }
}

.company__container--w83 {
  width: 83.3%
}

@media (max-width: 1199px) {
  .company__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .company__container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .company__container {
    max-width: 540px;
    margin: 0 auto
  }
}

@media (max-width: 575px) {
  .company__container {
    max-width: 100%;
    margin: 0
  }
}

.company__containerw83 {
  width: 83.3%;
  margin: 0 auto
}

@media (max-width: 1023px) {
  .company__containerw83 {
    width: 100%
  }
}

.company__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .company__top-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 56px
  }
}

.company__title {
  max-width: 58%;
  line-height: 1.25
}

@media (max-width: 1023px) {
  .company__title {
    max-width: 100%;
    font-size: 24px
  }
}

@media (max-width: 767px) {
  .company__title {
    font-size: 22px
  }
}

@media (max-width: 1023px) {
  .company__title--vip {
    margin-bottom: 16px
  }
}

.company__blockquote {
  margin-top: 16px;
  width: 33%
}

@media (max-width: 1023px) {
  .company__blockquote {
    margin-top: 24px;
    width: 100%
  }
}

@media (max-width: 575px) {
  .company__blockquote {
    width: 100%
  }
}

.company__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 40px
}

@media (max-width: 1023px) {
  .company__accordion {
    row-gap: 0
  }
}

.company__accordion:hover .company__accordion-btn {
  color: rgba(255, 255, 255, .5)
}

.company__accordion-tab {
  background-color: transparent;
  border: none;
  color: #fff
}

@media (max-width: 1023px) {
  .company__accordion-tab {
    margin-top: 24px
  }

  .company__accordion-tab:not(:first-child) {
    margin-top: 30px
  }
}

@media (max-width: 767px) {
  .company__accordion-tab:first-child {
    margin-top: 20px
  }
}

@media (max-width: 575px) {
  .company__accordion-tab:first-child {
    margin-top: 0
  }
}

.company__accordion-tab .company__accordion-btn {
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 40px;
  color: #fff;
  font-family: Inter, sans-serif, arial;
  font-size: 24px;
  font-weight: 420
}

.company__accordion-tab .company__accordion-btn--large-fsz {
  font-size: 33px;
  letter-spacing: -.1px
}

@media (max-width: 1023px) {
  .company__accordion-tab .company__accordion-btn {
    font-size: 21px;
    padding-top: 0;
    padding-bottom: 8px
  }
}

@media (max-width: 767px) {
  .company__accordion-tab .company__accordion-btn {
    font-size: 20px;
    font-weight: 500
  }
}

.company__accordion-tab .company__accordion-btn::after {
  display: none
}

.company__close-svg svg {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

@media (max-width: 1023px) {
  .company__close-svg svg {
    top: 5px
  }
}

@media (max-width: 767px) {
  .company__close-svg svg {
    left: 5px
  }
}

.company__accordion-tab .company__accordion-btn:hover {
  color: #fff
}

.company__accordion-tab.is-active .company__accordion-header .company__accordion-btn {
  color: #fff;
  font-family: Inter, sans-serif, arial
}

.company__accordion-tab.is-active .company__accordion-btn > .company__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.company__accordion-content {
  padding-left: 40px;
  display: block
}

.company__accordion-position {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding-top: 16px
}

@media (max-width: 1023px) {
  .company__accordion-position {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
}

.company__accordion-content-left-panel {
  width: 43%;
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .75)
}

@media (max-width: 1023px) {
  .company__accordion-content-left-panel {
    width: 100%;
    margin-bottom: 32px;
    padding-top: 12px;
    font-size: 16px;
    font-weight: 420
  }
}

.company__accordion-content-left-panel--color-white {
  color: #fff
}

.company__accordion-content-img {
  width: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 300px
}

@media (max-width: 1023px) {
  .company__accordion-content-img {
    width: 100%;
    border-radius: 6px
  }
}

@media (max-width: 767px) {
  .company__accordion-content-img {
    max-height: 230px
  }
}

.blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width: 1023px) {
  .blockquote {
    width: 66.67%
  }
}

@media (max-width: 767px) {
  .blockquote {
    width: 100%
  }
}

.blockquote__text {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500
}

@media (max-width: 1023px) {
  .blockquote__text {
    font-size: 16px;
    margin-bottom: 0
  }
}

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

@media (max-width: 1023px) {
  .blockquote__autor {
    margin-top: 24px
  }
}

.blockquote__autor-img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px
}

.blockquote__autor-info {
  font-size: 14px
}

@media (max-width: 1023px) {
  .blockquote__autor-info {
    font-size: 15px
  }
}

.blockquote__autor-info h4 {
  font-weight: 500
}

.blockquote__autor-info span {
  color: #969696;
  font-weight: 500
}

.blog__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 40px
}

@media (max-width: 1023px) {
  .blog__top-panel {
    margin: 0 auto;
    margin-bottom: 24px;
    padding: 0 20px;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .blog__top-panel {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .blog__top-panel {
    padding: 0 20px
  }
}

.blog__bottom-panel {
  display: none
}

@media (max-width: 1023px) {
  .blog__bottom-panel {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 24px;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .blog__bottom-panel {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .blog__bottom-panel {
    padding: 0 20px
  }
}

@media (max-width: 1023px) {
  .blog__swiper-position {
    max-width: 720px;
    margin: 0 auto;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .blog__swiper-position {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .blog__swiper-position {
    padding-right: 40px
  }
}

@media (max-width: 1023px) {
  .blog__swiper-position .tns-ovh {
    overflow: visible
  }
}

@media (max-width: 575px) {
  .blog__card-area {
    padding: 0 20px
  }
}

@media (max-width: 1023px) {
  .blog__top-panel .second-link {
    display: none
  }

  .blog__title {
    font-size: 23px;
    font-weight: 570
  }

  .blog__container {
    padding: 0;
    overflow-x: hidden
  }
}

.blog__link {
  display: block;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.blog__link::before {
  position: absolute;
  content: "";
  inset: 0;
  z-index: -1;
  cursor: pointer
}

@media (hover: hover) {
  .blog__link:hover:not(.focus-visible) {
    color: #d96e0b;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

@media (min-width: 1024px) {
  .blog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px
  }
}

@media (max-width: 575px) {
  .blog__wrapper {
    overflow: visible
  }
}

@media (min-width: 1024px) {
  .blog__slide {
    width: 31.3%
  }
}

@media (max-width: 1023px) {
  .blog__slide {
    border-radius: 6px
  }
}

@media (max-width: 575px) {
  .blog__slide {
    width: 89%
  }
}

.blog__slide--mobile {
  display: none
}

@media (max-width: 1023px) {
  .blog__slide--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.blog__slide.swiper-slide-prev {
  margin-right: 40px
}

.blog__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%
}

.blog__card--big {
  width: 50%
}

@media (max-width: 1023px) {
  .blog__card {
    width: 100%
  }
}

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

@media (max-width: 1023px) {
  .blog__card-img {
    border-radius: 6px
  }
}

.blog__card-video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.blog__card-video-icon {
  width: 56px;
  height: 56px
}

.blog__card-link {
  position: relative;
  display: block;
  height: auto;
  z-index: 10;
  margin-bottom: 24px
}

.blog__card-link::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 60%
}

@media (max-width: 1023px) {
  .blog__card-link::before {
    padding-top: 60.5%
  }
}

.blog__title-link {
  font-size: 24px;
  line-height: 1.25;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (max-width: 1023px) {
  .blog__title-link {
    font-size: 23px
  }
}

@media (max-width: 575px) {
  .blog__title-link {
    font-size: 22px
  }
}

@media (hover: hover) {
  .blog__title-link:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.blog__title-link.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.blog__data {
  padding-top: 16px;
  font-size: 12px;
  font-weight: 570;
  color: #777;
  letter-spacing: .1em;
  text-transform: uppercase
}

.blog-page {
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .blog-page {
    margin-bottom: 48px
  }
}

@media (max-width: 1279px) {
  .blog-page__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .blog-page__container {
    max-width: 720px;
    margin: 0 auto
  }
}

@media (max-width: 767px) {
  .blog-page__container {
    max-width: 540px
  }
}

.blog-page__container .blog__card {
  width: 33.33%;
  padding: 0 28px
}

@media (max-width: 1023px) {
  .blog-page__container .blog__card {
    width: 50%;
    padding: 0 16px
  }
}

@media (max-width: 767px) {
  .blog-page__container .blog__card {
    width: 100%
  }
}

.blog-page__container .blog__card--big {
  width: 50%
}

@media (max-width: 767px) {
  .blog-page__container .blog__card--big {
    width: 100%
  }
}

.blog-page__container .blog__card-link::before {
  padding-top: 75%
}

@media (max-width: 1023px) {
  .blog-page__container .blog__card-link::before {
    padding-top: 62.5%
  }
}

.blog-page__card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 56px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-left: -28px;
  margin-right: -28px
}

@media (max-width: 1023px) {
  .blog-page__card-area {
    margin-left: -16px;
    margin-right: -16px;
    row-gap: 32px
  }
}

.blog-page__small-text {
  display: block;
  margin-bottom: 40px;
  font-weight: 600;
  color: rgba(0, 0, 0, .75)
}

@media (max-width: 575px) {
  .blog-page__small-text {
    margin-bottom: 32px
  }
}

.store-location {
  position: relative;
  margin-top: 60px
}

@media (max-width: 1023px) {
  .store-location {
    margin-top: 56px;
    padding: 56px 0;
    background-color: #f5f5f7
  }

  .store-location__container {
    overflow: hidden;
    padding: 0
  }
}

.store-location__position {
  position: absolute;
  top: 120px;
  left: 15.6%;
  width: 23%;
  min-width: 400px;
}

@media (min-width: 1024px) {
  .store-location__position--no-load {
    overflow-x: hidden
  }

  .store-location__position {
    max-width: 426px
  }
}

@media (max-width: 1023px) {
  .store-location__position {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    min-width: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .store-location__position {
    max-width: 540px;
    padding: 0 20px
  }
}

@media (max-width: 575px) {
  .store-location__position {
    padding-right: 40px
  }
}

@media (max-width: 1023px) {
  .store-location__position.store-location__position--no-load {
    max-width: 100%
  }
}

.store-location__position--no-load .store-location__swiper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto
}

@media (min-width: 1024px) {
  .store-location__position--no-load .store-card {
    min-width: 426px;
    margin-right: 24px
  }
}

@media (max-width: 1023px) {
  .store-location__position--no-load .store-card {
    min-width: 320px;
    margin-right: 24px
  }
}

.store-location__top-panel {
  display: none
}

@media (max-width: 1023px) {
  .store-location__top-panel {
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
    max-width: 720px;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .store-location__top-panel {
    max-width: 540px
  }
}

.store-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 1023px) {
  .store-card {
    border-radius: 6px;
    width: 100%
  }
}

.store-card__figure {
  position: relative;
  width: 100%;
  display: block;
  height: auto
}

.store-card__figure::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%
}

@media (max-width: 1023px) {
  .store-card__figure {
    border-radius: 6px 6px 0 0
  }
}

.store-card__img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1023px) {
  .store-card__img {
    border-radius: 6px 6px 0 0
  }
}

.store-card__content {
  width: 100%;
  padding: 32px;
  background-color: #fff;border-radius: 12px;
}

@media (max-width: 1023px) {
  .store-card__content {
    padding: 20px
  }
}

@media (max-width: 767px) {
  .store-card__content {
    padding: 16px 24px
  }
}

.store-card__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 570;
  line-height: 1.25
}

@media (max-width: 1023px) {
  .store-card__title {
    margin-top: 8px;
    font-size: 20px
  }
}

@media (max-width: 575px) {
  .store-card__title {
    margin: 8px 0
  }
}

.store-card__address {
  color: #555
}

@media (max-width: 1023px) {
  .store-card__address {
    font-size: 14px
  }
}

.store-card__btn {
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .store-card__btn {
    display: none;
    font-size: 14px;
    font-weight: 420
  }
}

.store-card__link {
  position: relative;
  display: none;
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .store-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    font-size: 14px;
    font-weight: 420
  }

  .store-location__schedule {
    font-size: 14px
  }
}

.store-location__swiper-button-next, .store-location__swiper-button-prev {
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -6px;
  background-color: #000;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10
}

.store-location__swiper-button-next::after, .store-location__swiper-button-prev::after {
  display: none
}

@media (hover: hover) {
  .store-location__swiper-button-next:hover:not(.focus-visible), .store-location__swiper-button-prev:hover:not(.focus-visible) {
    background-color: #ff7c03
  }
}

.store-location__swiper-button-next svg, .store-location__swiper-button-prev svg {
  width: 20px;
  height: 20px
}

.store-location__swiper-button-next {
  right: -75px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.store-location__swiper-button-prev {
  left: -75px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.store-location__navigation {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 50%;
  left: -18%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 136%
}

@media (max-width: 1023px) {
  .store-location__navigation {
    display: none
  }

  .store-location__position .tns-ovh {
    overflow: visible
  }
}

.store-location__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

footer {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #000;
  text-align: center;
  color: #fff;
  font-size: 18px
}

@media (max-width: 1023px) {
  footer {
    padding-top: 40px;
    padding-bottom: 96px;
    background-color: #1d1d1f
  }
}

.footer.hide {
  display: none
}

@media (max-width: 1023px) {
  .footer__container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .footer__container {
    max-width: 540px
  }
}

@media (max-width: 1023px) {
  .footer__container .demarcation-line {
    display: none
  }
}

.footer__top-panel {
  margin-bottom: 64px
}

@media (max-width: 1023px) {
  .footer__top-panel--pc {
    display: none
  }
}

.footer__top-panel--mob {
  display: none
}

@media (max-width: 1023px) {
  .footer__top-panel--mob {
    display: block;
    margin-bottom: 24px
  }
}

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

.footer__title {
  margin-bottom: 16px;
  text-align: start;
  font-size: 16px;
  font-weight: 570;
  line-height: 1.5
}

.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: left;
  -ms-flex-align: left;
  align-items: left
}

@media (max-width: 1023px) {
  .footer__list {
    padding-bottom: 16px
  }
}

.footer__list--item-order {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  max-width: 290px
}

@media (max-width: 1023px) {
  .footer__list--item-order {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.footer__item {
  font-size: 14px;
  color: rgba(255, 255, 255, .5)
}

.footer__item:not(:last-child) {
  margin-bottom: 8px
}

@media (max-width: 1023px) {
  .footer__item:not(:last-child) {
    margin-bottom: 0
  }

  .footer__item {
    color: rgba(255, 255, 255, .75);
    font-weight: 500
  }
}

.footer__item:first-child .footer__link {
  padding-top: 0
}

.footer__link {
  display: block;
  text-align: start
}

@media (max-width: 1023px) {
  .footer__link {
    padding-bottom: 8px;
    padding-top: 8px
  }
}

.tippy-box[data-theme~=social] {
  background-color: transparent;
  color: #fff
}

.footer__catalog-panel, .footer__info-panel {
  padding: 0 20px
}

.footer__company-panel {
  width: 15.7%;
  padding-right: 20px
}

.footer__catalog-panel {
  padding-right: 20px;
  width: 25%
}

.footer__info-panel {
  margin-right: auto
}

@media (hover: hover) {
  .footer__link:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color, .3s ease;
    transition: color, .3s ease
  }
}

.footer__link.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color, .3s ease;
  transition: color, .3s ease
}

.footer__link:active {
  color: #d96e0b
}

.footer__contact-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 23%
}

@media (max-width: 1279px) {
  .footer__contact-panel {
    width: 30%
  }
}

.footer__contact-top {
  margin-left: 0;
  margin-bottom: 24px
}

.footer__contact-link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  min-width: 126px;
  font-size: 14px;
  color: rgba(255, 255, 255, .5);
  font-weight: 500
}

.footer__contact-link .contact__number-span {
  margin-top: 8px;
  margin-left: 0;
  font-size: 18px;
  font-weight: 570;
  color: #fff
}

.footer__contact-link .contact__number-span svg {
  width: 16px;
  height: 16px
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px
}

.social__img {
  width: 32px;
  height: 32px
}

.footer__bottom-panel {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .footer__bottom-panel {
    margin-top: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 31%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 1023px) {
  .copyright {
    width: 100%
  }
}

.copyright__title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px
}

@media (max-width: 1023px) {
  .copyright__title {
    font-size: 14px
  }
}

.copyright__descr {
  font-size: 14px;
  font-weight: 400;
  display: block;
  text-align: start;
  color: rgba(255, 255, 255, .5)
}

.footer__developers {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  font-size: 12px;
  color: rgba(255, 255, 255, .5)
}

@media (max-width: 1023px) {
  .footer__developers {
    margin-left: 0;
    margin-top: 24px;
    -ms-flex-item-align: start;
    align-self: flex-start
  }
}

.footer__statistic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .footer__statistic {
    margin-bottom: 8px
  }
}

.footer__statistic-link {
  overflow: hidden;
  border-radius: 6px;
  width: 88px;
  height: 31px
}

.footer__accordion-tab {
  background-color: transparent;
  border: none;
  color: #fff;
  margin: 0
}

.footer__accordion-tab:not(:first-child) {
  border-top: 1px solid rgba(221, 221, 221, .2);
  padding-top: 16px
}

.footer__accordion-tab .footer__accordion-btn {
  position: relative;
  padding: 0;
  font-size: 14px;
  color: #fff;
  padding-bottom: 16px;
  font-weight: 600
}

.footer__accordion-tab .footer__accordion-btn::after {
  display: none
}

.footer__close-svg svg {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.footer__accordion-tab.is-active .footer__accordion-header .footer__accordion-btn {
  color: #fff
}

.footer__accordion-tab .footer__accordion-btn:focus {
  color: #fff
}

.footer__accordion-tab.is-active .footer__accordion-btn > .footer__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.js-fix-block {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  width: 100%;
  z-index: 10;
  bottom: 20px;
  left: 0
}

@media (max-width: 1023px) {
  .js-fix-block {
    bottom: 70px
  }
}

.js-fix-block.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.js-fix-btn {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 20px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background-color: #ff7c03
}

.modal-mobile {
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.modal-mobile__wrapper {
  padding-bottom: 0;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

@media (max-width: 767px) {
  .modal-mobile__wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.modal-mobile__content {
  width: 100%;
  max-width: 100%;
  border-radius: 6px 6px 0 0;
  min-height: 95%
}

.modal-mobile .modal-mobile__content {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.modal-mobile.is-active .modal-mobile__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

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

.modal-mobile__title {
  font-size: 32px;
  font-weight: 700;
  margin-right: 24px
}

@media (max-width: 575px) {
  .modal-mobile__title {
    font-size: 24px
  }
}

.modal-mobile__link {
  display: block;
  font-weight: 700;
  margin-bottom: 8px
}

.modal-mobile__content-panel {
  overflow-y: auto;
  overflow-x: hidden
}

.modal-mobile__content-panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px;
  padding-bottom: 40px
}

.modal-mobile__search-container {
  width: 100%;
  margin-right: 0
}

.modal-mobile__loupe {
  top: 11px;
  left: initial;
  right: 18px;
  padding: 8px;
  z-index: 30;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.modal-mobile__loupe:active svg circle {
  color: #ff7c03;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.modal-mobile__loupe:active svg line {
  color: #ff7c03;
  -webkit-transition: color .2s ease;
  transition: color .2s ease
}

.modal-mobile__search-container .search__input {
  padding-left: 16px;
  padding-right: 50px
}

.breadcrumb {
  padding-top: 44px;
  margin-bottom: 24px
}

.breadcrumb--mb16 {
  margin-bottom: 16px
}

.breadcrumb--pt-small {
  padding-top: 42px
}

@media (max-width: 1023px) {
  .breadcrumb {
    max-width: 720px;
    padding-top: 0;
    margin-bottom: 32px
  }
}

@media (max-width: 767px) {
  .breadcrumb {
    max-width: 540px;
    overflow: hidden
  }
}

@media (max-width: 575px) {
  .breadcrumb {
    margin-bottom: 24px
  }
}

.breadcrumb nav {
  -ms-overflow-style: none;
  scrollbar-width: none
}

@media (max-width: 767px) {
  .breadcrumb nav {
    overflow-x: auto
  }

  .breadcrumb nav::-webkit-scrollbar {
    display: none
  }
}

@media (max-width: 1023px) {
  .confirmation-city.hidden + .breadcrumb {
    padding-top: 8px
  }
}

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

@media (max-width: 767px) {
  .breadcrumb__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content
  }
}

.breadcrumb__item {
  position: relative;
  max-height: 21px
}

@media (max-width: 1023px) {
  .breadcrumb__item:first-child {
    margin-right: 6px
  }
}

.breadcrumb__item:not(:first-child) {
  margin-left: 16px;
  padding-left: 21px
}

.breadcrumb__item:not(:first-child)::before {
  position: absolute;
  content: "/";
  max-height: 18px;
  overflow: hidden;
  top: 0;
  left: 0;
  color: #969696
}

@media (max-width: 1023px) {
  .breadcrumb__item:not(:first-child) {
    margin-left: 12px;
    margin-right: 6px
  }
}

.breadcrumb__item svg {
  color: #000;
  width: 16px;
  height: 16px
}

@media (max-width: 1023px) {
  .breadcrumb__item svg {
    width: 14px;
    height: 14px
  }
}

.breadcrumb__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  color: #969696;
  font-size: 14px;
  font-weight: 420;
  line-height: 1.5
}

.breadcrumb__link::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: width .3s ease;
  transition: width .3s ease
}

.breadcrumb__link[href] {
  color: #000
}

@media (hover: hover) {
  .breadcrumb__link[href]:hover:not(.focus-visible)::after {
    width: 100%;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }

  .breadcrumb__link[href]:hover:not(.focus-visible) {
    outline: 0
  }

  .breadcrumb__link[href]:hover:not(.focus-visible)::after {
    width: 100%;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }
}

.breadcrumb__link[href].focus-visible:focus {
  outline: 0
}

.breadcrumb__link[href].focus-visible:focus::after {
  width: 100%;
  -webkit-transition: width .3s ease;
  transition: width .3s ease
}

.aside {
  width: 25%;
  padding-right: 28px
}

@media (max-width: 1023px) {
  .aside {
    display: none
  }
}

.aside__nav {
  height: 100%
}

.aside__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.aside__second-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f5f5f7;
  padding: 0 24px
}

.aside__second-list:not(:last-child) {
  margin-bottom: 16px
}

.aside__second-item:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.aside__link {
  display: block;
  padding: 15px 0 15px 0;
  margin: 1px 0 1px 0;
  font-size: 14px;
  font-weight: 570;
  color: #555;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (hover: hover) {
  .aside__link:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.aside__link.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.aside__link.active {
  color: #ff7c03
}

.delivery {
  margin-bottom: 56px
}

.delivery__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

@media (max-width: 1023px) {
  .delivery__list {
    row-gap: 16px
  }
}

@media (max-width: 767px) {
  .delivery__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.delivery__item {
  width: calc(50% - 12px);
  padding: 40px;
  background-color: rgba(250, 186, 125, .14);
  height: auto
}

@media (max-width: 1023px) {
  .delivery__item {
    padding: 32px;
    border-radius: 6px
  }
}

@media (max-width: 767px) {
  .delivery__item {
    width: 100%
  }
}

.orange-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.orange-card__svg {
  width: 32px;
  height: 32px;
  margin-bottom: 80px;
  color: #ff7c03
}

@media (max-width: 1023px) {
  .orange-card__svg {
    margin-bottom: 32px
  }
}

.orange-card__title {
  margin: 0;
  margin-bottom: 12px;
  font-size: 24px
}

@media (max-width: 1023px) {
  .orange-card__title {
    font-size: 18px
  }
}

.orange-card__description {
  color: #555;
  font-size: 16px;
  margin-bottom: 16px
}

.orange-card__link {
  margin-top: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #000;
  font-weight: 570
}

.orange-card__link::after {
  background-color: #000
}

.orange-card__link svg {
  height: 20px;
  width: 16px;
  right: 15px
}

.orange-card__link:hover::after {
  background-color: #000
}

.payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.payment__item:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 24px
}

.payment__item:not(:first-child) {
  padding-top: 16px
}

.payment__item .fourth-title {
  margin-bottom: 10px;
  font-size: 20px
}

.payment__description {
  font-size: 16px;
  color: #555
}

.plasticcard {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 5px;
  -webkit-column-gap: 5px;
  -moz-column-gap: 5px;
  column-gap: 5px
}

.plasticcard__link {
  display: block;
  border-radius: 10px;
  border: 1px solid #d7d7d7;
  width: 60px;
  height: 38px;
  overflow: hidden;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease
}

@media (hover: hover) {
  .plasticcard__link:hover:not(.focus-visible) {
    border-color: #555;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
  }
}

.plasticcard__img {
  width: 60px;
  height: 37px
}

.text-block {
  margin-bottom: 0
}

.text-block__p {
  color: #555;
  line-height: 1.5;
  font-weight: 420
}

.text-block__p:not(:last-child) {
  margin-bottom: 16px
}

.text-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 24px
}

.text-block__item {
  padding-top: 14px;
  padding-bottom: 14px
}

.text-block__item:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.general-accordion {
  margin: 40px 0 40px 0
}

.general-accordion--m0 {
  margin: 0
}

@media (max-width: 1023px) {
  .general-accordion {
    overflow: hidden;
    border-radius: 6px
  }
}

.ac .general-accordion__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 32px;
  background-color: #f5f5f7;
  font-family: Inter, sans-serif, arial;
  font-size: 17px;
  font-weight: 420;
  line-height: 1.25;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.ac .general-accordion__btn::after {
  display: none
}

@media (max-width: 1023px) {
  .ac .general-accordion__btn {
    padding: 24px
  }
}

.ac .general-accordion__btn:focus {
  outline: 0;
  color: #000
}

.general-accordion__tab {
  border: none;
  margin-top: 0
}

.general-accordion__tab:not(:last-child) {
  border-bottom: 1px solid #ddd
}

@media (max-width: 1023px) {
  .general-accordion__tab:first-child {
    border-radius: 6px 6px 0 0
  }

  .general-accordion__tab:last-child {
    border-radius: 0 0 6px 6px
  }
}

.general-accordion__tab.is-active .general-accordion__btn {
  color: #000;
  font-weight: 600;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.general-accordion__content {
  background-color: #f5f5f7
}

.general-accordion__position {
  padding: 0 32px 32px 32px;
  color: #555
}

@media (max-width: 1023px) {
  .general-accordion__position {
    padding: 0 24px 24px 24px
  }
}

.general-accordion__position p:not(:last-child) {
  margin-bottom: 16px
}

@media (max-width: 575px) {
  .general-accordion__close-svg {
    margin-left: 10px
  }
}

.general-accordion__close-svg svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.general-accordion__tab.is-active .general-accordion__btn > .general-accordion__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  stroke: #000;
  stroke-width: .5
}

.bold-text {
  color: #000;
  font-weight: 570
}

.bold-text:not(:first-child) {
  margin-top: 40px
}

.general-accordion__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0
}

.general-accordion__item:first-child {
  padding: 0;
  padding-bottom: 8px
}

.general-accordion__span {
  color: #000;
  font-size: 16px;
  width: 50%
}

.general-accordion__span--gray {
  color: #777
}

.general-accordion__characteristics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.general-accordion__characteristics-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 16px;
  padding-bottom: 16px
}

.general-accordion__characteristics-item:first-child {
  padding-top: 0
}

.general-accordion__characteristics-item:last-child {
  padding-bottom: 0
}

.general-accordion__characteristics-item:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.general-accordion__characteristics-title {
  margin-bottom: 16px;
  color: #000;
  font-size: 16px;
  font-weight: 570
}

.general-accordion__characteristics-title:not(:first-child) {
  margin-top: 32px
}

.general-accordion__list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%
}

.general-accordion__text-link {
  border-bottom: 1px dashed #777;
  padding-bottom: 1px;
  color: #000;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

@media (hover: hover) {
  .general-accordion__text-link:hover:not(.focus-visible) {
    outline: 0;
    border-color: #ff7c03;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
  }
}

.general-accordion__text-link.focus-visible:focus {
  outline: 0;
  border-color: #ff7c03;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

.main-banner {
  position: relative;
  margin-bottom: 120px
}

.main-banner--mb0 {
  margin-bottom: 0
}

.main-banner::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .2;
  z-index: 2
}

@media (max-width: 1023px) {
  .main-banner::before {
    opacity: .5
  }

  .main-banner {
    margin-bottom: 56px
  }
}

@media (max-width: 575px) {
  .main-banner {
    margin-bottom: 40px
  }
}

.main-banner--black-bg {
  background: #000;
  z-index: 1
}

.main-banner--black-bg::before {
  background-color: transparent
}

@media (max-width: 1023px) {
  .main-banner--black-bg::before {
    background-color: #000
  }
}

.main-banner--mb0 {
  margin-bottom: 0
}

.main-banner--bonus {
  overflow: hidden
}

@media (max-width: 1023px) {
  .main-banner--bonus::before {
    opacity: .2
  }
}

.main-banner--discount::before {
  display: none
}

@media (max-width: 1023px) {
  .main-banner--discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 56px;
    background-color: #f5f5f7
  }
}

@media (max-width: 767px) {
  .main-banner--discount {
    padding: 0
  }
}

@media (max-width: 575px) {
  .main-banner--discount {
    max-width: 100%
  }
}

.main-banner--overlay-dark::before {
  position: absolute;
  opacity: .5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: #000
}

@media (max-width: 1023px) {
  .main-banner--discount .main-banner__background-img {
    position: relative
  }
}

.main-banner--article {
  margin-bottom: 80px
}

.main-banner--article::before {
  background: gradient(linear, right bottom, left bottom, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, .3)))
}

@media (max-width: 1023px) {
  .main-banner--article {
    margin-bottom: 40px
  }

  .main-banner__btn {
    display: none
  }
}

.main-banner__btn--mob {
  display: none
}

@media (max-width: 1023px) {
  .main-banner__btn--mob {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.main-banner__background-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0
}

.main-banner__background-img--w50 {
  width: 50%;
  left: inherit;
  right: 0;
  z-index: 1
}

@media (max-width: 1023px) {
  .main-banner__background-img--w50 {
    width: 100%
  }
}

.main-banner__mob-title {
  color: #fff;
  font-weight: 500;
  line-height: 1.25;
  display: none
}

@media (max-width: 1023px) {
  .main-banner__mob-title {
    display: block;
    margin-bottom: 24px;
    font-size: 22px;
    padding-top: 20px
  }
}

.main-banner__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 16.3%;
  padding-bottom: 16.3%;
  height: calc(100vh - 42px);
  z-index: 3
}

.main-banner__container--index {
  position: relative;
  z-index: 3
}

@media (max-width: 1023px) {
  .main-banner__container--bonus {
    height: auto
  }

  .main-banner__container {
    max-width: 720px;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: auto;
    padding-top: 30%;
    padding-bottom: 5%
  }
}

@media (max-width: 767px) {
  .main-banner__container {
    max-width: 540px;
    padding-top: 236px;
    padding-bottom: 56px
  }
}

.main-banner__container--discount {
  height: calc(100vh - 111px);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding-top: 60px
}

@media (max-width: 1199px) {
  .main-banner__container--discount {
    max-width: 720px
  }
}

@media (max-width: 1023px) {
  .main-banner__container--discount {
    padding: 20px;
    margin: 0 auto;
    height: auto
  }
}

@media (max-width: 767px) {
  .main-banner__container--discount {
    padding: 20px 0;
    max-width: 500px
  }
}

@media (max-width: 575px) {
  .main-banner__container--discount {
    max-width: 520px;
    padding: 20px;
    padding-bottom: 32px
  }
}

.main-banner__container--article {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  max-width: 880px;
  margin: 0 auto;
  height: inherit;
  padding-top: 310px;
  padding-bottom: 60px
}

@media (max-width: 1023px) {
  .main-banner__container--article {
    max-width: 720px;
    padding-top: 236px
  }
}

@media (max-width: 767px) {
  .main-banner__container--article {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .main-banner__container--article {
    padding-top: 226px;
    margin-bottom: 56px
  }
}

@media (max-width: 400px) {
  .main-banner__container--article {
    padding-top: 200px
  }
}

@media (max-width: 374px) {
  .main-banner__container--article {
    padding-top: 180px
  }
}

.main-banner__container--vipstore {
  padding-top: 11.3%;
  padding-bottom: 17.3%
}

@media (max-width: 1439px) {
  .main-banner__container--vipstore {
    padding-top: 18%;
    padding-bottom: 20%
  }
}

@media (max-width: 1199px) {
  .main-banner__container--vipstore {
    padding-top: 20%;
    padding-bottom: 32%
  }
}

@media (max-width: 1023px) {
  .main-banner__container--vipstore {
    padding-top: 24%;
    padding-bottom: 6%;
    height: auto
  }
}

@media (max-width: 767px) {
  .main-banner__container--vipstore {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    min-height: 60vh
  }
}

.main-banner__title {
  width: 58.8%;
  margin-bottom: 32px;
  text-align: center
}

.main-banner__title--vip {
  width: 100%;
  margin-bottom: 40px;
  text-align: left
}

@media (max-width: 1023px) {
  .main-banner__title--vip {
    display: none
  }
}

.main-banner__title--text-align {
  text-align: start
}

@media (max-width: 1023px) {
  .main-banner__title {
    text-align: start;
    font-size: 30px;
    width: 100%
  }
}

@media (max-width: 767px) {
  .main-banner__title {
    margin-bottom: 24px;
    font-size: 28px
  }
}

@media (max-width: 575px) {
  .main-banner__title {
    font-size: 24px
  }
}

.main-banner__title--article {
  width: 100%;
  font-size: 32px
}

@media (max-width: 767px) {
  .main-banner__title--article {
    margin-bottom: 0;
    font-size: 23px
  }
}

.main-banner__title--discount {
  margin-bottom: 16px;
  color: #000;
  line-height: 1.15
}

@media (max-width: 1439px) {
  .main-banner__title--discount {
    width: 100%
  }
}

@media (max-width: 1199px) {
  .main-banner__title--discount {
    font-size: calc(1.425rem + 2.1vw)
  }
}

@media (max-width: 1023px) {
  .main-banner__title--discount {
    font-size: 35px;
    margin-bottom: 24px
  }
}

@media (max-width: 575px) {
  .main-banner__title--discount {
    font-size: 30px
  }
}

.main-banner__title--job {
  font-size: 48px;
  margin-bottom: 40px
}

@media (max-width: 1199px) {
  .main-banner__title--job {
    font-size: calc(1.375rem + 1.5vw)
  }
}

@media (max-width: 575px) {
  .main-banner__title--job {
    margin-bottom: 24px
  }
}

.main-banner__half-container {
  width: 41.67%;
  -ms-flex-item-align: start;
  align-self: flex-start
}

@media (max-width: 1023px) {
  .main-banner__half-container {
    width: 100%
  }
}

.main-banner__small-text {
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .main-banner__small-text {
    display: none
  }
}

.scroll-down {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  bottom: 80px;
  left: 50%;
  width: 1rem;
  height: 1rem;
  margin-left: -12px;
  border-left: .125rem solid #fff;
  border-bottom: .125rem solid #fff;
  -webkit-animation: scrollDown 1.4s infinite;
  animation: scrollDown 1.4s infinite;
  z-index: 8
}

@media (max-width: 1023px) {
  .scroll-down {
    display: none
  }
}

@-webkit-keyframes scrollDown {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-100%, 100%);
    transform: rotate(-45deg) translate(-100%, 100%);
    opacity: 0
  }
}

@keyframes scrollDown {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    transform: rotate(-45deg) translate(0, 0);
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-100%, 100%);
    transform: rotate(-45deg) translate(-100%, 100%);
    opacity: 0
  }
}

@media (max-width: 1023px) {
  .main-banner__link {
    position: relative;
    display: block;
    padding: 0;
    padding-right: 35px;
    background-color: transparent;
    color: #fff;
    border-color: transparent
  }
}

@media (hover: hover) and (max-width: 1023px) {
  .main-banner__link:hover:not(.focus-visible) {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
  }
}

@media (max-width: 1023px) {
  .main-banner__link.focus-visible:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
  }
}

.main-banner__link::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  display: none;
  -webkit-transition: width .3s ease;
  transition: width .3s ease
}

@media (max-width: 1023px) {
  .main-banner__link::after {
    display: block
  }
}

.main-banner__link::before {
  position: absolute;
  content: "";
  bottom: 3px;
  right: 15px;
  background-image: url(/local/templates/kdmarket/css/../assets/image/svg/arrow-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
  -webkit-transition: right .3s ease;
  transition: right .3s ease;
  display: none
}

@media (max-width: 1023px) {
  .main-banner__link::before {
    display: block
  }

  .main-banner__link--black {
    color: #000
  }

  .main-banner__link--black::before {
    background-image: url(/local/templates/kdmarket/css/../assets/image/svg/arrow.svg)
  }

  .main-banner__link--black::after {
    background-color: #000
  }

  .main-banner__link:hover::after {
    width: 100%;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }

  .main-banner__link:hover::before {
    right: 0;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
  }

  .main-banner__link:focus {
    outline: 0
  }

  .main-banner__link:focus::after {
    width: 100%;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
  }

  .main-banner__link:focus::before {
    right: 0;
    -webkit-transition: right .3s ease;
    transition: right .3s ease
  }
}

.main-banner__nameplate {
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .main-banner__picture--discount {
    max-width: 720px;
    margin: 0 auto
  }
}

@media (max-width: 767px) {
  .main-banner__picture--discount {
    max-width: 540px
  }
}

.blog-article__container {
  max-width: 880px;
  margin: 0 auto;
  margin-bottom: 80px;
  font-size: 18px;
  color: #555;
  line-height: 1.5
}

@media (max-width: 1023px) {
  .blog-article__container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .blog-article__container {
    max-width: 540px
  }
}

.blog-article__container img {
  max-height: 473px;
  margin-top: 40px
}

.blog-article__container img:not(:last-child) {
  margin-bottom: 40px
}

.blog-article__container .border {
  border: 1px solid #ddd
}

.blog-article__container ul {
  margin-top: 16px
}

.blog-article__container li {
  list-style-type: none;
  padding: 0 0 10px 24px;
  background: url(/local/templates/kdmarket/css/../assets/image/svg/li.svg) 2px 10px no-repeat transparent;
  background-size: 8px auto
}

.blog-article__container p {
  display: block
}

.list-orange {
  margin-top: 16px
}

.list-orange--product-page .list-orange__item {
  background-size: 5px auto;
  color: #000;
  padding: 4px 0 10px 24px;
  background-position: 2px 11.5px;
  line-height: 18px
}

.list-orange__item {
  list-style-type: none;
  padding: 0 0 10px 24px;
  background: url(/local/templates/kdmarket/css/../assets/image/svg/li.svg) 2px 10px no-repeat transparent;
  background-size: 8px auto
}

.blog-article__button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

@media (max-width: 767px) {
  .blog-article__button-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.blog-article__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: auto;
  overflow: hidden
}

.blog-article__btn::after {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  padding-top: 50%
}

@media (max-width: 767px) {
  .blog-article__btn::after {
    display: none
  }

  .blog-article__btn {
    width: 100%
  }

  .blog-article__btn:not(:last-child) {
    border-bottom: 1px solid #ddd
  }
}

.blog-article__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55%;
  font-size: 24px;
  font-weight: 570;
  line-height: 1.25;
  z-index: 1
}

@media (max-width: 1279px) {
  .blog-article__link {
    width: 100%
  }
}

@media (max-width: 1023px) {
  .blog-article__link {
    font-size: 20px
  }
}

@media (max-width: 767px) {
  .blog-article__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px
  }
}

.blog-article__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1
}

@media (hover: hover) {
  .blog-article__link:hover:not(.focus-visible) {
    color: #fff
  }

  .blog-article__link:hover:not(.focus-visible)::after {
    opacity: .3
  }
}

.blog-article__link svg {
  display: block;
  min-width: 40px;
  min-height: 40px;
  margin: 0 40px
}

@media (max-width: 767px) {
  .blog-article__link svg {
    min-height: 33px;
    min-width: 33px;
    max-width: 33px;
    max-height: 33px;
    margin: 0
  }
}

.blog-article__link-text {
  padding-right: 20px
}

@media (max-width: 1023px) {
  .blog-article__link-text {
    padding: 20px 20px 20px 0
  }
}

@media (max-width: 767px) {
  .blog-article__link-text {
    padding: 0
  }
}

.blog-article__bg-img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -3;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.blog-article__btn-next svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.blog-article__btn-next {
  text-align: end
}

.blog-article__btn-bg {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f7;
  z-index: -1;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.blog-article__link:hover .blog-article__bg-img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.blog-article__link:hover .blog-article__btn-bg {
  background-color: rgba(0, 0, 0, .7);
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.blog-article__btn-next svg {
  margin-left: 40px
}

@media (max-width: 767px) {
  .blog-article__btn-prev .blog-article__link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
  }

  .blog-article__btn-next .blog-article__link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
  }
}

.blog-article__btn-prev svg {
  margin-right: 40px
}

.catalog {
  margin-bottom: 120px;
  overflow-x: hidden
}

@media (max-width: 1023px) {
  .catalog {
    margin-bottom: 56px
  }
}

.catalog--overflow {
  overflow: hidden
}

.catalog__title {
  margin-bottom: 40px
}

@media (max-width: 767px) {
  .catalog__title {
    margin-bottom: 16px
  }
}

@media (max-width: 1199px) {
  .catalog__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .catalog__container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .catalog__container {
    max-width: 540px
  }
}

.catalog .product:not(:last-child) {
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .catalog .product:not(:last-child) {
    margin-bottom: 56px
  }
}

.aside-filter {
  width: 22.23%
}

@media (max-width: 1023px) {
  .aside-filter {
    z-index: 200;
    position: fixed;
    bottom: 0;
    left: 0;
    min-height: 75vh;
    margin: 0 auto;
    width: 100%;
    border-top: 0 solid rgba(0, 0, 0, .2);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out
  }

  .aside-filter.is-open {
    border-radius: 6px 6px 0 0;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, -webkit-transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out;
    transition: visibility .2s ease, opacity .2s ease, transform .4s ease-in-out, -webkit-transform .4s ease-in-out
  }
}

.aside-filter__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.aside-filter__item--border {
  border-top: 1px solid #ddd;
  padding-top: 40px
}

.aside-filter__item--mt {
  margin-top: 40px
}

.aside-filter__title {
  margin-bottom: 16px;
  font-size: 12px;
  font-weight: 570;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #777
}

@media (max-width: 1023px) {
  .aside-filter__list {
    max-width: 720px;
    margin: 0 auto;
    background-color: #fff
  }
}

.aside-filter__list-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.aside-filter__item-choice {
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5
}

.aside-filter__item-choice:not(:last-child) {
  margin-bottom: 8px
}

.aside-filter__model {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  cursor: pointer;
  padding: 4px 8px 4px 0;
  line-height: 1.5;
  border: 1px solid transparent;
  -webkit-transition: padding .2s, color .2s;
  transition: padding .2s, color .2s
}

.aside-filter__model::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  text-align: center;
  content: "";
  background: #ddd;
  opacity: 0;
  -webkit-transition: right .2s, opacity .2s ease;
  transition: right .2s, opacity .2s ease
}

.aside-filter__model::after {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  text-align: center;
  font-weight: 300;
  content: "+";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0
}

@media (hover: hover) {
  .aside-filter__model:hover:not(.focus-visible) {
    outline: 0;
    color: #ff7c03;
    -webkit-transition: padding .2s, color .2s;
    transition: padding .2s, color .2s
  }
}

.aside-filter__model.focus-visible:focus {
  outline: 0;
  color: #ff7c03;
  -webkit-transition: padding .2s, color .2s;
  transition: padding .2s, color .2s
}

@media (max-width: 1023px) {
  .aside-filter__model {
    border-radius: 6px
  }
}

.aside-filter__checkbox {
  display: none
}

.aside-filter__checkbox:checked ~ .aside-filter__model {
  padding-left: 8px;
  padding-right: 40px;
  border-color: #ddd
}

.aside-filter__checkbox:checked ~ .aside-filter__model::before {
  opacity: 1
}

.aside-filter__checkbox:checked ~ .aside-filter__model::after {
  opacity: 1
}

.noUi-horizontal .noUi-handle {
  top: 0;
  right: -17px;
  border: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  cursor: pointer
}

.noUi-horizontal .noUi-handle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: #000;
  border-radius: 50%
}

.noUi-horizontal .noUi-handle::after {
  display: none
}

.noUi-connects {
  width: calc(100% + 32px);
  left: -17px;
  right: 0;
  top: 15px;
  height: 2px;
  background: #777
}

.noUi-connects .noUi-connect {
  background: #000
}

.noUi-target {
  border: none;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0 16px;
  height: 32px
}

.noUi-horizontal .noUi-handle.noUi-handle-lower {
  right: -17px
}

.noUi-horizontal .noUi-handle:hover::before {
  background: #ff7c03
}

.aside-filter__selection {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 420
}

@media (max-width: 1279px) {
  .aside-filter__selection {
    font-size: 12px
  }
}

@media (max-width: 1023px) {
  .aside-filter__selection {
    font-size: 14px
  }
}

.aside-filter-btn-open {
  margin-top: 28px;
  margin-bottom: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 16px;
  background-color: #f5f5f7;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 420;
  display: none
}

@media (max-width: 1023px) {
  .aside-filter-btn-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.aside-filter-btn-open svg {
  margin-right: 5px
}

@media (max-width: 1023px) {
  .aside-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden
  }

  .aside-overlay.visible {
    z-index: 150;
    opacity: 1;
    visibility: visible
  }

  .aside-filter__mob-wrap {
    top: 0;
    left: calc(50% - 360px);
    position: absolute;
    width: 100%;
    max-width: 720px;
    background-color: #fff;
    padding: 24px 24px 36px 24px;
    border-radius: 6px 6px 0 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
  }
}

@media (max-width: 767px) {
  .aside-filter__mob-wrap {
    margin: 0;
    max-width: 540px;
    left: calc(50% - 270px)
  }
}

@media (max-width: 575px) {
  .aside-filter__mob-wrap {
    left: 0;
    max-width: 100%
  }
}

.aside-filter__modal-top-panel {
  display: none
}

@media (max-width: 1023px) {
  .aside-filter__modal-top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 24px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ddd
  }
}

.aside-filter__modal-title {
  line-height: 1.5;
  margin: 0
}

.aside-filter__input::-webkit-inner-spin-button, .aside-filter__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.aside-filter__input {
  display: none;
  -moz-appearance: textfield
}

.product-page {
  position: relative;
  padding-bottom: 120px
}

@media (max-width: 1199px) {
  .product-page {
    max-width: 960px;
    margin: 56px auto
  }
}

@media (max-width: 1023px) {
  .product-page {
    padding: 0;
    margin-top: 0;
    max-width: 100%
  }
}

.product-page__sliders {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  top: 64px
}

@media (max-width: 1199px) {
  .product-page__sliders {
    top: 64px
  }
}

@media (max-width: 1023px) {
  .product-page__sliders {
    max-width: 720px;
    padding: 0 20px;
    margin: 0 auto;
    top: inherit;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width: 767px) {
  .product-page__sliders {
    max-width: 500px;
    padding: 0
  }
}

.product-page__wrapper {
  width: 50%;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .product-page__wrapper {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden
  }
}

@media (max-width: 767px) {
  .product-page__wrapper {
    padding-right: 0;
    padding: 0 20px
  }
}

.product-page__content {
  width: 41.67%;
  margin-top: 16px;
  padding-left: 24px
}

@media (max-width: 1199px) {
  .product-page__content {
    width: 50%
  }
}

@media (max-width: 1023px) {
  .product-page__content {
    width: 100%;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .product-page__content {
    padding: 0 20px
  }
}

.product-page__title {
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: 570;
  line-height: 1.25;
  color: #000
}

@media (max-width: 1199px) {
  .product-page__title {
    font-size: 54px
  }
}

@media (max-width: 1023px) {
  .product-page__title {
    font-size: 23px
  }
}

@media (max-width: 767px) {
  .product-page__title {
    font-size: 22px
  }
}

.product-page__color-selection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 34px
}

.product-page__check-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px
}

.product-page__price {
  font-size: 32px;
  font-weight: 570;
  margin-top: 32px;
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .product-page__price {
    font-size: 30px
  }
}

@media (max-width: 767px) {
  .product-page__price {
    font-size: 27px
  }
}

@media (max-width: 575px) {
  .product-page__price {
    font-size: 24px
  }
}

.product-page__btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  margin-bottom: 40px
}

@media (max-width: 767px) {
  .product-page__btn-area .green-btn {
    width: 77.3%
  }
}

@media (max-width: 575px) {
  .product-page__btn-area .green-btn {
    width: initial;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
  }
}

@media (max-width: 767px) {
  .product-page__btn-area .light-btn {
    width: 22.7%
  }
}

@media (max-width: 575px) {
  .product-page__btn-area .light-btn {
    width: inherit;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
  }
}

.product-page__nameplate-wrapper {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 60%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 16px;
  right: 20px;
  z-index: 10;
  row-gap: 4px
}

@media (max-width: 1199px) {
  .product-page__nameplate-wrapper {
    max-width: 75%
  }
}

@media (max-width: 1023px) {
  .product-page__nameplate-wrapper {
    margin-top: 48px;
    padding-left: 12px;
    position: relative;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: 0;
    right: inherit;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

@media (max-width: 767px) {
  .product-page__nameplate-wrapper {
    margin-top: 43px;
    padding-left: 0
  }
}

@media (max-width: 575px) {
  .product-page__nameplate-wrapper {
    margin-top: 24px
  }
}

.product-page__nameplate-wrapper .nameplate:not(:last-child) {
  margin-right: 4px
}

@media (max-width: 1023px) {
  .product-page__nameplate-wrapper .nameplate {
    border-radius: 6px
  }
}

.product-page__pre-order {
  margin-bottom: 40px
}

.color-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .color-check {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 12px
  }
}

.color-check__item {
  position: relative;
  width: 22px;
  height: 22px;
  margin-right: 12px;
  border-radius: 50%
}

.color-check__input {
  display: none
}

.color-check__label {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  overflow: hidden;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
  border-radius: 50%;
  -webkit-transition: outline 50ms ease, outline-offset 50ms ease;
  transition: outline 50ms ease, outline-offset 50ms ease;
  cursor: pointer
}

.color-check__label--triple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.color-check__triple-color {
  position: relative;
  width: 50%;
  height: 100%;
  z-index: 1
}

.color-check__triple-color--left {
  -webkit-transform: skew(35deg) rotate(35deg) translate(-9%, 40%);
  -ms-transform: skew(35deg) rotate(35deg) translate(-9%, 40%);
  transform: skew(35deg) rotate(35deg) translate(-9%, 40%)
}

.color-check__triple-color--right {
  -webkit-transform: skew(-35deg) rotate(-35deg) translate(12%, 40%);
  -ms-transform: skew(-35deg) rotate(-35deg) translate(12%, 40%);
  transform: skew(-35deg) rotate(-35deg) translate(12%, 40%)
}

.color-check__half {
  width: 100%;
  height: 50%
}

.color-check__label:hover {
  outline-offset: 2px;
  outline: 1px solid #777
}

.color-check__input:checked ~ .color-check__label {
  outline-offset: 2px;
  outline: 1px solid #ff7c03;
  -webkit-transition: outline 50ms ease, outline-offset 50ms ease;
  transition: outline 50ms ease, outline-offset 50ms ease
}

.vertical-swiper {
  width: 83.3%
}

@media (max-width: 1023px) {
  .vertical-swiper {
    padding: 0 12px
  }
}

@media (max-width: 767px) {
  .vertical-swiper {
    width: 100%;
    padding: 0;
    padding-right: 20px
  }
}

@media (max-width: 575px) {
  .vertical-swiper {
    padding: 0
  }
}

@media (max-width: 1023px) {
  .vertical-swiper .tns-ovh {
    overflow: visible
  }
}

.thumb-swiper {
  width: 15.7%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

@media (max-width: 1023px) {
  .thumb-swiper {
    display: none
  }
}

.thumb-swiper__slide {
  max-height: 100%;
  opacity: .25;
  cursor: pointer
}

.thumb-swiper__slide.tns-nav-active {
  opacity: 1
}

#product-page-swiper-thumbs > .tns-item {
  position: relative;
  background-color: #f5f5f7
}

#product-page-swiper-thumbs > .tns-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%
}

.thumb-swiper__slide img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  max-height: 120px;
  padding: 10%;
  -o-object-fit: contain;
  object-fit: contain
}

.vertical-swiper__figure {
  position: relative;
  display: inline-block;
  width: 100%;
  min-height: 100%;
  background-size: cover;
  background-position: center;
  background-color: #f5f5f7;
  overflow: hidden
}

.vertical-swiper__figure::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 133%
}

@media (max-width: 1023px) {
  .vertical-swiper__figure {
    border-radius: 6px;
    overflow: hidden;
    min-height: auto
  }

  .vertical-swiper__figure:hover .vertical-swiper__img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

.vertical-swiper__img {
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  bottom: 0;
  left: 0;
  z-index: 3;
  padding: 18% 16% 18% 16%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (max-width: 1023px) {
  .vertical-swiper__img {
    cursor: pointer
  }

  #bp_container img {
    border-radius: 6px;
    background-color: #f5f5f7;
    padding: 20px;
    max-width: 92%;
    max-height: 92%
  }
}

@media (max-width: 1023px) and (max-width: 575px) {
  #bp_container img {
    padding: 20px
  }
}

@media (max-width: 1023px) {
  #bp_container {
    display: block !important
  }
}

#bp_container > .bp-x {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.vertical-swiper__slide:not(:first-child) {
  display: none
}

@media (max-width: 1023px) {
  .vertical-swiper__slide {
    margin-right: 24px;
    display: block;
    min-width: 282px
  }

  .vertical-swiper__slide:not(:first-child) {
    display: block;
    min-height: auto
  }

  .vertical-swiper__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: initial
  }
}

.vertical-swiper__slide.tns-item {
  display: block
}

@media (max-width: 1023px) {
  .vertical-swiper__slide.tns-item {
    margin-right: 0;
    min-width: auto
  }
}

.vertical-swiper__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  height: auto
}

@media (max-width: 575px) {
  #product-page-swiper-iw {
    margin: 0
  }
}

.vertical-swiper__card, .vertical-swiper__slide.tns-item {
  perspective: 1000;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.sticky-mini {
  opacity: 0;
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

@media (max-width: 1023px) {
  .sticky-mini {
    display: none
  }
}

.scroll-lock .sticky-mini.visible {
  padding-right: 17px
}

.sticky-mini.visible {
  visibility: visible;
  z-index: 30;
  position: fixed;
  opacity: 1;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

@media (max-width: 1023px) {
  .sticky-mini.visible {
    display: none
  }
}

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

@media (max-width: 1199px) {
  .sticky-mini__container {
    max-width: 960px
  }
}

.sticky-mini__left-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sticky-mini__right-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.sticky-mini__img {
  max-height: 40px;
  margin-right: 16px
}

.sticky-mini__title {
  color: #000
}

.sticky-mini__price {
  display: block;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-right: 16px;
  font-size: 18px;
  font-weight: 570;
  color: #000
}

.vertical-swiper {
  position: relative
}

.vertical-swiper__button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.vertical-swiper__button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.vertical-swiper:hover .vertical-swiper__button-next {
  right: 16px;
  opacity: 1;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.vertical-swiper:hover .vertical-swiper__button-prev {
  left: 16px;
  opacity: 1;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.vertical-swiper__button-next, .vertical-swiper__button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.vertical-swiper__button-next::after, .vertical-swiper__button-prev::after {
  display: none
}

.vertical-swiper__button-next:hover, .vertical-swiper__button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .vertical-swiper__button-next, .vertical-swiper__button-prev {
    display: none
  }
}

.vertical-swiper__button-next svg, .vertical-swiper__button-prev svg {
  width: 20px;
  height: 20px
}

.horizontal-swiper-wrapper {
  width: 82.33%;
  margin: 0 auto
}

@media (max-width: 1199px) {
  .horizontal-swiper-wrapper {
    width: 100%
  }
}

.horizontal-swiper {
  padding: 0;
  max-width: 1100px
}

@media (max-width: 1199px) {
  .horizontal-swiper {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .horizontal-swiper {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .horizontal-swiper {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .horizontal-swiper {
    padding-right: 40px
  }
}

.horizontal-product-swiper {
  position: relative
}

@media (max-width: 1023px) {
  .horizontal-product-swiper {
    padding-right: 32px
  }
}

.horizontal-product-swiper .tns-ovh {
  overflow: visible
}

.horizontal-product-swiper__button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.horizontal-product-swiper__button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.horizontal-product-swiper:hover .horizontal-product-swiper__button-next {
  right: 16px;
  opacity: 1
}

.horizontal-product-swiper:hover .horizontal-product-swiper__button-prev {
  left: 16px;
  opacity: 1
}

.horizontal-product-swiper__button-next, .horizontal-product-swiper__button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.horizontal-product-swiper__button-next::after, .horizontal-product-swiper__button-prev::after {
  display: none
}

.horizontal-product-swiper__button-next:hover, .horizontal-product-swiper__button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .horizontal-product-swiper__button-next, .horizontal-product-swiper__button-prev {
    display: none
  }
}

.horizontal-product-swiper__button-next svg, .horizontal-product-swiper__button-prev svg {
  width: 20px;
  height: 20px
}

.horizontal-product-swiper__wrapper--no-load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.horizontal-product-swiper__wrapper--no-load .product__carousel-container {
  overflow-x: visible;
  overflow-y: hidden;
  max-width: none
}

.horizontal-product-swiper__wrapper--no-load .product__carousel-container::-webkit-scrollbar {
  width: 100px;
  height: 5px
}

.horizontal-product-swiper__wrapper--no-load .product__carousel-container::-webkit-scrollbar-thumb {
  background: #555;
  height: 3px;
  border-radius: 6px
}

.horizontal-product-swiper__wrapper--no-load .product__swiper {
  overflow-x: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.horizontal-product-swiper__wrapper--no-load .horizontal-product-swiper__slide {
  min-width: 302px;
  margin-right: 24px
}

@media (max-width: 1199px) {
  .horizontal-product-swiper__wrapper--no-load .horizontal-product-swiper__slide {
    min-width: 212px
  }
}

@media (max-width: 767px) {
  .horizontal-product-swiper__wrapper--no-load .horizontal-product-swiper__slide {
    min-width: 202px
  }
}

.background--black-russian .horizontal-swiper-wrapper, .background--black-russian .second-title {
  color: #fff
}

.background--black-russian .second-card__description {
  color: rgba(255, 255, 255, .75)
}

.second-card__img {
  width: 100%
}

@media (max-width: 1023px) {
  .second-card__img {
    border-radius: 6px
  }
}

.second-card__title {
  margin-top: 24px;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 570
}

.second-card__description {
  font-size: 16px;
  color: #555;
  line-height: 1.25
}

.useful-services {
  margin-top: 120px;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .useful-services {
    margin-top: 56px;
    margin-bottom: 56px
  }
}

.useful-services__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

@media (max-width: 1023px) {
  .useful-services__top-panel {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .useful-services__top-panel {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .useful-services__top-panel {
    padding: 0 20px
  }
}

.useful-services__swiper-position {
  overflow: hidden;
  max-width: 100%
}

.useful-services__swiper-position .tns-ovh {
  overflow: visible
}

@media (max-width: 1199px) {
  .useful-services__card-area {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .useful-services__card-area {
    max-width: 720px;
    padding-right: 40px
  }
}

@media (max-width: 767px) {
  .useful-services__card-area {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .useful-services__card-area {
    padding-right: 40px
  }
}

@media (max-width: 1023px) {
  .useful-services__container {
    padding: 0
  }
}

@media (min-width: 1024px) {
  .useful-services__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px
  }
}

@media (max-width: 1023px) {
  .useful-services__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

@media (max-width: 575px) {
  .useful-services__wrapper {
    overflow: visible
  }
}

@media (min-width: 1024px) {
  .useful-services__slide {
    width: 33.33%;
    padding: 0 16px
  }
}

@media (max-width: 1023px) {
  .useful-services__slide {
    border-radius: 6px
  }
}

@media (max-width: 575px) {
  .useful-services__slide {
    width: 89%
  }
}

.useful-services__slide--mobile {
  display: none
}

@media (max-width: 1023px) {
  .useful-services__slide--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.useful-card {
  padding: 40px;
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  perspective: 1000;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.useful-card--dark {
  color: #fff;
  background-color: #1d1d1f;
  border-color: #1d1d1f
}

@media (max-width: 1023px) {
  .useful-card {
    max-width: 100%;
    padding: 32px;
    border-radius: 6px
  }
}

@media (max-width: 575px) {
  .useful-card {
    padding: 24px
  }
}

.useful-card__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 570;
  line-height: 1.25
}

@media (max-width: 575px) {
  .useful-card__title {
    margin-bottom: 8px
  }
}

.useful-card__description {
  margin-bottom: 32px;
  color: #555;
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5
}

.useful-card__description--dark {
  color: rgba(255, 255, 255, .75)
}

@media (max-width: 575px) {
  .useful-card__description {
    margin-bottom: 16px
  }
}

.useful-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px
}

.useful-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5;
  color: #000
}

.useful-card__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(34, 34, 33, .1)
}

.useful-card__icon-box--dark {
  background-color: rgba(255, 255, 255, .1)
}

@media (max-width: 767px) {
  .useful-card__icon-box {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px
  }
}

@media (max-width: 575px) {
  .useful-card__icon-box {
    margin-right: 8px
  }
}

.useful-card--dark .useful-card__item {
  color: #fff
}

.useful-services__card, .useful-services__slide.tns-item {
  perspective: 1000;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.buy-with-this {
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .buy-with-this {
    margin-bottom: 56px
  }
}

.buy-with-this__title {
  margin-bottom: 32px
}

@media (max-width: 1199px) {
  .buy-with-this__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .buy-with-this__container {
    max-width: 720px
  }
}

.vip-modal {
  overflow-y: initial;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.vip-modal .vip-modal__content {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.vip-modal.is-active .vip-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.vip-modal.is-active {
  background-color: rgba(0, 0, 0, .4)
}

.vip-modal__wrapper {
  padding-top: 20vh;
  padding-bottom: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 767px) {
  .vip-modal__wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.vip-modal__content {
  width: 42%;
  max-width: 850px;
  height: 80vh;
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden
}

.vip-modal__content::-webkit-scrollbar {
  width: 0;
  visibility: hidden;
  opacity: 0
}

@media (max-width: 1023px) {
  .vip-modal__content {
    width: 100%;
    border-radius: 6px 6px 0 0
  }
}

.vip-modal__top-panel {
  position: relative;
  padding: 40px 32px 56px 32px;
  z-index: 2;
  margin-bottom: 56px
}

.vip-modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
  overflow: hidden;
  background-color: #000
}

.vip-modal__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1023px) {
  .vip-modal__figure img {
    border-radius: 6px 6px 0 0
  }
}

.vip-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(221, 221, 221, .2);
  color: #fff
}

.vip-modal__title {
  color: #fff;
  font-weight: 570;
  line-height: 1.5;
  font-size: 24px
}

.vip-modal__title--black {
  color: #000
}

.vip-modal__close-btn {
  color: rgba(255, 255, 255, .75);
  font-size: 14px;
  font-weight: 570
}

.vip-modal__description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-top: 40px;
  padding-top: 56px;
  line-height: 1.25;
  font-size: 20px;
  font-weight: 500;
  color: #fff
}

.vip-modal__link {
  margin-top: 24px;
  color: #f7cc76;
  font-size: 15px;
  font-weight: 420;
  line-height: 1.5
}

.vip-modal__link::after {
  background-color: #f7cc76
}

@media (hover: hover) {
  .vip-modal__link:hover:not(.focus-visible)::after {
    background-color: #f7cc76
  }
}

.vip-modal__bottom-panel {
  padding: 0 32px 56px 32px
}

.vip-modal__card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -12px;
  margin-top: 24px
}

@media (max-width: 767px) {
  .vip-modal__card-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 40px
  }
}

.vip-modal__card-wrapper {
  padding: 0 12px;
  width: 50%
}

@media (max-width: 767px) {
  .vip-modal__card-wrapper {
    width: 100%
  }
}

.vip-modal__card {
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.vip-modal__card--dark {
  color: #fff;
  background-color: #1d1d1f;
  border-color: #1d1d1f
}

@media (max-width: 1023px) {
  .vip-modal__card {
    border-radius: 6px
  }
}

.vip-modal__card-content {
  padding: 40px 24px
}

.vip-modal__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px
}

.vip-modal__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.5;
  color: #000
}

.vip-modal__item:not(:last-child) {
  margin-bottom: 16px
}

.vip-modal__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(0, 0, 0, .1)
}

.vip-modal__icon-box--gold {
  background-color: rgba(247, 204, 118, .4)
}

.vip-modal__icon-box svg {
  width: 14px;
  height: 14px
}

.vip-modal__price {
  font-size: 24px;
  font-weight: 570
}

.product-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 19px
}

.product-check__item:not(:last-child) {
  margin-right: 12px
}

.product-check__input {
  display: none
}

.product-check__label {
  padding: 6px 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

@media (max-width: 1023px) {
  .product-check__label {
    border-radius: 6px
  }
}

.product-check__label:hover {
  border-color: #ff7c03;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

.product-check__input:checked ~ .product-check__label {
  border-color: #ff7c03;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

@media (max-width: 1199px) {
  .info-block-wrapper {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .info-block-wrapper {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .info-block-wrapper {
    max-width: 540px
  }
}

.info-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #f5f5f7;
  padding: 0 80px;
  margin-top: 56px
}

@media (max-width: 1023px) {
  .info-block {
    border-radius: 6px;
    padding: 0 32px
  }
}

@media (max-width: 767px) {
  .info-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.info-block__left-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50%;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .info-block__left-panel {
    padding: 32px 20px 32px 0;
    width: 41.66%
  }
}

@media (max-width: 767px) {
  .info-block__left-panel {
    width: 100%;
    padding-right: 0
  }
}

.info-block__title {
  margin-bottom: 12px;
  color: #000;
  font-size: 24px;
  font-weight: 570;
  line-height: 1.25
}

@media (max-width: 1023px) {
  .info-block__title {
    font-size: 20px
  }
}

.info-block__right-panel {
  width: 50%;
  padding-left: 20px
}

@media (max-width: 1023px) {
  .info-block__right-panel {
    width: 58.3%
  }
}

@media (max-width: 767px) {
  .info-block__right-panel {
    width: 100%;
    padding: 0
  }
}

.info-block__slide:not(:first-child) {
  display: none
}

.info-block__slide.tns-item {
  display: block
}

.video-swiper {
  width: 83.3%;
  margin: 0 auto;
  position: relative
}

@media (max-width: 1199px) {
  .video-swiper {
    width: 100%
  }
}

@media (max-width: 767px) {
  .video-swiper {
    padding-right: 32px
  }
}

.video-swiper .tns-ovh {
  overflow: visible
}

.video-swiper__card {
  position: relative;
  overflow-x: hidden
}

@media (max-width: 1023px) {
  .video-swiper__card {
    border-radius: 6px
  }
}

.video-swiper__card::after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%
}

@media (max-width: 1023px) {
  .video-swiper__card::after {
    padding-top: 75%
  }
}

@media (max-width: 767px) {
  .video-swiper__card::after {
    padding-top: 100%
  }
}

@media (max-width: 575px) {
  .video-swiper__card::after {
    padding-top: 80%
  }
}

.video-swiper__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  z-index: 3;
  background-color: rgba(0, 0, 0, .2)
}

.video-swiper__content--no-bg {
  background-color: transparent
}

@media (max-width: 767px) {
  .video-swiper__content {
    padding: 32px
  }
}

@media (max-width: 575px) {
  .video-swiper__content {
    padding: 24px
  }
}

.video-swiper__title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 570;
  line-height: 1.25;
  color: #fff
}

.video-swiper__title--black {
  color: #000
}

@media (max-width: 575px) {
  .video-swiper__title {
    font-size: 21px;
    margin-bottom: 8px
  }
}

@media (max-width: 374px) {
  .video-swiper__title {
    font-size: 18px
  }
}

.video-swiper__description {
  font-size: 18px;
  font-weight: 570;
  line-height: 1.25;
  color: rgba(255, 255, 255, .75)
}

@media (max-width: 575px) {
  .video-swiper__description {
    font-size: 18px
  }
}

@media (max-width: 374px) {
  .video-swiper__description {
    font-size: 14px
  }
}

.video-swiper__videomaterial {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1
}

.video-swiper__button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.video-swiper__button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.video-swiper:hover .video-swiper__button-next {
  right: 16px;
  opacity: 1
}

.video-swiper:hover .video-swiper__button-prev {
  left: 16px;
  opacity: 1
}

.video-swiper__button-next, .video-swiper__button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.video-swiper__button-next::after, .video-swiper__button-prev::after {
  display: none
}

.video-swiper__button-next:hover, .video-swiper__button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .video-swiper__button-next, .video-swiper__button-prev {
    display: none
  }
}

.video-swiper__button-next svg, .video-swiper__button-prev svg {
  width: 20px;
  height: 20px
}

.video-swiper__slide:not(:first-child) {
  display: none
}

.video-swiper__slide.tns-item {
  display: block
}

.video-swiper__slide--invert .video-swiper__content {
  background-color: transparent
}

.video-swiper__slide--invert .video-swiper__title {
  color: #000
}

.video-swiper__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1
}

.basket-modal {
  overflow-y: initial;
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.basket-modal .basket-modal__content {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.basket-modal.is-active .basket-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.basket-modal.is-active {
  background-color: rgba(0, 0, 0, .4)
}

.basket-modal__wrapper {
  padding-top: 13vh;
  padding-bottom: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 767px) {
  .basket-modal__wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.basket-modal__content {
  width: 42%;
  max-width: 850px;
  height: 87vh;
  padding: 0;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 16px 40px 0 40px
}

.basket-modal__content::-webkit-scrollbar {
  width: 0;
  visibility: hidden;
  opacity: 0
}

@media (max-width: 1439px) {
  .basket-modal__content {
    width: 50%
  }
}

@media (max-width: 1199px) {
  .basket-modal__content {
    width: 55%
  }
}

@media (max-width: 1023px) {
  .basket-modal__content {
    width: 100%;
    margin: 0 80px;
    border-radius: 6px 6px 0 0;
    padding-left: 24px;
    padding-right: 24px
  }
}

@media (max-width: 767px) {
  .basket-modal__content {
    margin: 0
  }
}

.basket-modal__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 16px;
  row-gap: 24px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  border-bottom: 1px solid #ddd
}

.basket-modal__close-btn {
  color: #777;
  font-size: 14px;
  font-weight: 570
}

.basket-modal__bottom-panel {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 80vh;
  padding-top: 40px;
  padding-bottom: 56px;
  font-size: 15px
}

.basket-modal__bottom-panel::-webkit-scrollbar {
  width: 0;
  visibility: hidden;
  opacity: 0
}

.basket-modal__bottom-panel .product__title {
  font-size: 15px
}

.basket-modal__bottom-panel .orange-link {
  margin-top: 8px
}

.basket-modal__title {
  font-size: 24px;
  font-weight: 570;
  margin-bottom: 8px;
  line-height: 1.25
}

.basket-modal__title--mb24 {
  margin-bottom: 24px
}

.basket-modal__description {
  margin-bottom: 32px;
  font-weight: 420;
  color: #555
}

.basket-modal__description--mt56 {
  margin-top: 56px
}

.basket-modal__img {
  display: block;
  margin-bottom: 56px
}

.basket-modal__second-title {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 570;
  line-height: 1.25;
  color: #000
}

.useful-modal {
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.useful-modal.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.useful-modal__wrapper {
  overflow-x: hidden;
  overflow-y: auto
}

.useful-modal__content {
  width: 500px;
  max-width: 500px;
  padding: 64px;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (max-width: 1023px) {
  .useful-modal__content {
    border-radius: 6px;
    padding: 32px;
    width: 468px
  }
}

@media (max-width: 575px) {
  .useful-modal__content {
    width: 100%;
    max-width: inherit
  }
}

.useful-modal.is-active .useful-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.useful-modal__card-title {
  font-size: 20px;
  font-weight: 570;
  line-height: 1.25
}

.useful-modal__card p {
  font-size: 18px;
  font-weight: 420;
  color: #000
}

.useful-modal__price {
  font-size: 24px;
  font-weight: 570
}

.useful-modal__close-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .useful-modal__close-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.useful-modal__close-btn.focus-visible:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, .05);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .useful-modal__close-btn {
    width: 32px;
    height: 32px
  }
}

.accessories-modal {
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.accessories-modal .accessories-modal__content {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  padding: 0 40px 40px 40px;
  min-height: 90vh;
  width: 40%;
  min-width: 720px
}

@media (max-width: 1023px) {
  .accessories-modal .accessories-modal__content {
    border-radius: 6px;
    padding: 0 24px 24px 24px
  }
}

@media (max-width: 767px) {
  .accessories-modal .accessories-modal__content {
    min-width: auto;
    max-width: 100%;
    width: 100%;
    border-radius: 6px 6px 0 0
  }
}

.accessories-modal.is-active .accessories-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.accessories-modal.is-active {
  background-color: rgba(0, 0, 0, .4)
}

.accessories-modal__wrapper {
  padding-top: 10vh;
  padding-bottom: 10vh;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 767px) {
  .accessories-modal__wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
  }
}

.accessories-modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.accessories-modal__bottom-panel {
  padding-top: 40px;
  max-width: 100%
}

.accessories-modal__bottom-panel h3 {
  font-size: 24px;
  font-weight: 570;
  color: #000
}

.accessories-modal__bottom-panel p {
  color: #555;
  font-size: 15px;
  font-weight: 420
}

.accessories-modal__bottom-panel h4 {
  font-size: 18px;
  font-weight: 570;
  color: #000
}

.pre-order-modal__form .primary-form__two-column {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.pre-order-modal__content {
  padding-top: 20px;
  max-width: 600px;
  width: auto
}

@media (max-width: 1023px) {
  .pre-order-modal__content {
    border-radius: 6px
  }
}

.pre-order-modal__title {
  font-size: 24px
}

.black-november {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  background-color: #1d1d1f;
  overflow: hidden
}

.black-november__title {
  font-size: 20px;
  font-weight: 570;
  color: #fff;
  line-height: 1.25;
  text-transform: uppercase
}

.black-november__content {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 66.7%;
  padding: 32px
}

@media (max-width: 1023px) {
  .black-november__content {
    padding: 24px
  }
}

.black-november__price {
  display: block;
  font-size: 32px;
  font-weight: 570;
  color: #ffaf7a;
  line-height: 1.5
}

@media (max-width: 1199px) {
  .black-november__price {
    font-size: calc(1.325rem + .9vw)
  }
}

.black-november__description {
  color: rgba(255, 255, 255, .75);
  line-height: 1.25;
  font-size: 14px;
  font-weight: 420
}

.black-november__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  overflow: hidden
}

@media (max-width: 1199px) {
  .shop-page {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .shop-page {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .shop-page {
    max-width: 540px
  }
}

.shop-map {
  width: 100%;
  height: 400px;
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .shop-map {
    overflow: hidden;
    border-radius: 6px
  }
}

.shops {
  padding-bottom: 120px
}

@media (max-width: 1023px) {
  .shops {
    padding-bottom: 56px
  }
}

.nav-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.tab-pane {
  position: absolute;
  top: 0;
  visibility: hidden;
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out
}

@media (max-width: 1023px) {
  .tab-pane {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.tab-pane.is-active {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .4s ease-in-out, visibility .2s ease-in-out;
  transition: opacity .4s ease-in-out, visibility .2s ease-in-out
}

.shops__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 50%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 4px
}

@media (max-width: 1023px) {
  .shops__list {
    max-width: 100%
  }
}

.shops__link-btn {
  position: relative;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 570;
  color: #969696;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

.shops__link-btn::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  opacity: 0;
  background-color: #000;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

@media (hover: hover) {
  .shops__link-btn:hover:not(.focus-visible) {
    color: #000;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
  }
}

.shops__link-btn.focus-visible:focus {
  color: #000;
  -webkit-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out
}

.shops__link-btn.is-active {
  border-color: #000;
  color: #000;
  -webkit-transition: color .3s ease-in-out, border-color .3s ease-in-out;
  transition: color .3s ease-in-out, border-color .3s ease-in-out
}

.shops__link-btn.is-active::after {
  opacity: 1;
  -webkit-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out
}

.shops__tabs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 32px
}

@media (max-width: 1023px) {
  .shops__tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.shops__left-panel {
  width: 50%;
  padding-right: 40px
}

@media (max-width: 1023px) {
  .shops__left-panel {
    width: 100%;
    padding-right: 0;
    margin-bottom: 40px
  }
}

.shops__right-panel {
  margin-top: -80px;
  width: 50%;
  padding-left: 40px
}

@media (max-width: 1023px) {
  .shops__right-panel {
    width: 100%;
    padding-left: 0;
    margin-top: 0
  }
}

.shops__swiper {
  position: relative
}

.shops__swiper-button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.shops__swiper-button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.shops__swiper:hover .shops__swiper-button-next {
  right: 16px;
  opacity: 1
}

.shops__swiper:hover .shops__swiper-button-prev {
  left: 16px;
  opacity: 1
}

.shops__swiper-button-next, .shops__swiper-button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.shops__swiper-button-next::after, .shops__swiper-button-prev::after {
  display: none
}

.shops__swiper-button-next:hover, .shops__swiper-button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .shops__swiper-button-next, .shops__swiper-button-prev {
    display: none
  }
}

.shops__swiper-button-next svg, .shops__swiper-button-prev svg {
  width: 20px;
  height: 20px
}

.shops__figure {
  position: relative;
  display: block;
  overflow: hidden
}

.shops__figure::after {
  content: "";
  display: block;
  width: 100%;
  padding-top: 75%
}

@media (max-width: 1023px) {
  .shops__figure {
    border-radius: 6px
  }
}

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

.contact-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  row-gap: 8px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  margin-bottom: 24px
}

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

.contact-shop__item svg {
  width: 16px;
  height: 16px;
  margin-right: 8px
}

.contact-shop__span {
  font-size: 16px;
  color: #000;
  line-height: 1.5
}

.shops__title {
  margin-bottom: 24px
}

.shops__content {
  font-size: 16px;
  line-height: 1.5;
  color: #555
}

.shops__content p:not(:last-child) {
  margin-bottom: 16px
}

.primary-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px
}

.primary-form__select {
  position: relative;
  display: block;
  padding: 16px 12px;
  border: 1px solid #ced4da;
  font-size: 16px;
  font-weight: 420;
  color: #000;
  background-image: url(/local/templates/kdmarket/css/../assets/image/svg/arrow-select.svg);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 12px center;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}

@media (hover: hover) {
  .primary-form__select:hover:not(.focus-visible) {
    outline: 0;
    border-color: #ff7c03;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
  }
}

.primary-form__select.focus-visible:focus {
  outline: 0;
  border-color: #ff7c03;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

.primary-form__input {
  border: 1px solid #ced4da;
  padding: 16px 12px;
  font-size: 16px;
  font-weight: 420;
  color: #000;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

.primary-form__input--w50 {
  width: 50%
}

@media (max-width: 767px) {
  .primary-form__input--w50 {
    width: 100%
  }
}

@media (hover: hover) {
  .primary-form__input:hover:not(.focus-visible) {
    outline: 0;
    border-color: #ff7c03;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
  }
}

.primary-form__input.focus-visible:focus {
  outline: 0;
  border-color: #ff7c03;
  -webkit-transition: border-color .2s ease;
  transition: border-color .2s ease
}

@media (max-width: 1023px) {
  .primary-form__input {
    border-radius: 6px
  }
}

.primary-form__input--number {
  -webkit-appearance: none;
  -moz-appearance: number-input;
  -moz-appearance: textfield;
  appearance: none
}

.primary-form__input--number::-webkit-inner-spin-button, .primary-form__input--number::-webkit-outer-spin-button {
  -webkit-appearance: none
}

.primary-form__column-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  row-gap: 16px
}

@media (max-width: 1023px) {
  .primary-form__column-block {
    width: 100%
  }
}

.primary-form__bottom-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px
}

@media (max-width: 575px) {
  .primary-form__bottom-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 16px
  }
}

@media (max-width: 400px) {
  .primary-form__bottom-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 8px
  }
}

.primary-form__remember-me {
  color: #555;
  font-size: 14px;
  padding-right: 20px
}

.primary-form__checkbox {
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-right: 4px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  cursor: pointer
}

.primary-form__checkbox:checked {
  background-color: #ff7c03;
  border-color: #ff7c03;
  -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (hover: hover) {
  .primary-form__checkbox:hover:not(.focus-visible) {
    outline: 0;
    -webkit-box-shadow: 0 0 0 4px rgba(255, 124, 3, .3);
    box-shadow: 0 0 0 4px rgba(255, 124, 3, .3);
    -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
  }
}

.primary-form__checkbox.focus-visible:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 124, 3, .3);
  box-shadow: 0 0 0 4px rgba(255, 124, 3, .3);
  -webkit-transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

@media (max-width: 1023px) {
  .primary-form__checkbox {
    border-radius: 6px
  }
}

.primary-form__two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}

@media (max-width: 767px) {
  .primary-form__two-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 16px
  }
}

@media (max-width: 1023px) {
  .primary-form__two-column--discount {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .primary-form__two-column--job {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
  }

  .primary-form__two-column--job .primary-form__cont {
    max-width: calc(50% - 8px);
    width: calc(50% - 8px)
  }
}

@media (max-width: 767px) {
  .primary-form__two-column--job {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px
  }

  .primary-form__two-column--job .primary-form__cont {
    max-width: 100%;
    width: 100%
  }
}

.primary-form__two-column .primary-form__label {
  width: calc(50% - 12px)
}

@media (max-width: 767px) {
  .primary-form__two-column .primary-form__label {
    width: 100%
  }
}

.primary-form__span {
  padding-top: 16px;
  font-size: 14px;
  color: #777
}

.primary-form__span--label {
  padding-top: 0;
  padding-bottom: 8px
}

.primary-form__span--discount {
  padding-top: 0
}

.primary-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  color: #555
}

.primary-form__label .primary-form__input {
  margin-top: 4px
}

.primary-form__left-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  row-gap: 16px
}

@media (max-width: 1023px) {
  .primary-form__left-panel {
    width: 100%;
    margin-top: 32px
  }
}

.primary-form__left-panel .primary-form__label {
  width: 100%
}

.primary-form__right-panel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: 50%
}

@media (max-width: 1023px) {
  .primary-form__right-panel {
    width: 100%
  }
}

.primary-form__figure {
  position: relative;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  overflow: hidden;
  z-index: 1;
  background-color: #f5f5f7
}

.primary-form__img-download {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2
}

.primary-form__img-download::before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%
}

.primary-form__profile-stub {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(/assets/image/emptyavatar.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover
}

.primary-form__lable-download-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  border-radius: 50%;
  cursor: pointer;
  border: 2px dashed #777;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease
}

@media (hover: hover) {
  .primary-form__lable-download-img:hover:not(.focus-visible) {
    border-color: #ff7c03;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
  }
}

.primary-form__input-file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: transparent;
  background-color: transparent;
  border-radius: 50%;
  border: none;
  z-index: -1;
  opacity: 0;
  cursor: pointer
}

.primary-form__input-file:hover .primary-form__lable-download-img {
  text-decoration: underline
}

.primary-form__error-field {
  display: block;
  margin-top: 4px;
  color: #b81111;
  font-size: 13px;
  max-width: 50%
}

@media (max-width: 1023px) {
  .primary-form__error-field {
    max-width: 100%
  }
}

.primary-form__loader-container {
  width: 147px;
  display: none
}

.primary-form__loader-container--discount {
  height: 53px
}

.primary-form__loader {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite
}

.primary-form__loader::after, .primary-form__loader::before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: #ff7c03;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  border-radius: 50%
}

.primary-form__loader::before {
  left: auto;
  right: 0;
  background: #ff7c03;
  -webkit-transform: translate(50%, 100%);
  -ms-transform: translate(50%, 100%);
  transform: translate(50%, 100%)
}

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

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

.primary-form__input-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 100%
}

.primary-form__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.primary-form__file-label {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ced4da;
  font-size: 16px;
  font-weight: 420;
  cursor: pointer;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
  outline: 0
}

@media (hover: hover) {
  .primary-form__file-label:hover:not(.focus-visible) {
    border-color: #ff7c03
  }
}

.primary-form__file-label.focus-visible:focus {
  border-color: #ff7c03
}

@media (max-width: 1023px) {
  .primary-form__file-label {
    border-radius: 6px
  }
}

.primary-form__text-span {
  display: block;
  padding-right: 12px;
  text-align: start;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: pre;
  max-width: 100%
}

.primary-form__file-label:hover .primary-form__custom-label {
  border-color: #ff7c03
}

.primary-form__file-label:focus .primary-form__custom-label {
  border-color: #ff7c03
}

.primary-form__custom-label {
  background-color: #d7d7d7;
  padding: 16px 12px;
  border-right: 1px solid transparent;
  margin-right: 16px;
  width: 145px;
  min-width: 145px;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease
}

.form-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100vh - 42px);
  padding: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  z-index: 10
}

@media (max-width: 1199px) {
  .form-page {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .form-page {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-top: 101px;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .form-page {
    padding-top: 133px;
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .form-page {
    min-height: 100vh;
    max-width: none;
    margin: 0;
    padding: 0 20px;
    padding-top: 128px
  }
}

.form-page__background {
  position: absolute;
  z-index: -1;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.form-page__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -2
}

.form-page__overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .2);
  z-index: -1
}

.form-page__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  height: 100%;
  padding: 0 20px;
  padding-top: 44px;
  width: 41.67%
}

@media (max-width: 1199px) {
  .form-page__container {
    padding-top: 40px;
    width: 66.67%
  }
}

@media (max-width: 1023px) {
  .form-page__container {
    padding-top: 30px;
    width: 83.3%
  }
}

@media (max-width: 767px) {
  .form-page__container {
    padding-top: 0;
    width: 100%
  }
}

@media (max-width: 575px) {
  .form-page__container {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
  }
}

.form-page__top-panel {
  width: 100%;
  padding: 40px;
  background-color: #fff
}

@media (max-width: 1023px) {
  .form-page__top-panel {
    border-radius: 6px;
    margin-bottom: 16px
  }
}

@media (max-width: 575px) {
  .form-page__top-panel {
    padding: 40px
  }
}

.form-page__title {
  margin-bottom: 40px;
  text-align: center;
  font-size: 33px;
  letter-spacing: .4px
}

.form-page__title--mb16 {
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .form-page__title {
    text-align: left;
    font-size: 30px
  }
}

@media (max-width: 767px) {
  .form-page__title {
    font-size: 28px
  }
}

@media (max-width: 575px) {
  .form-page__title {
    font-size: 26px
  }
}

@media (max-width: 374px) {
  .form-page__title {
    font-size: 24px
  }
}

.form-page__bottom-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, .1)
}

@media (max-width: 1023px) {
  .form-page__bottom-panel {
    border-radius: 6px
  }
}

@media (max-width: 767px) {
  .form-page__bottom-panel {
    margin-bottom: 100px
  }
}

@media (max-width: 575px) {
  .form-page__bottom-panel {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 0
  }
}

.form-page__span {
  color: rgba(255, 255, 255, .75)
}

.form-page__span:not(:last-child) {
  margin-right: 8px
}

.form-page__span--padding {
  padding: 0 8px
}

.form-page__span--padding:not(:last-child) {
  margin-right: 0
}

.form-page__description {
  text-align: center;
  line-height: 1.5;
  color: #555
}

.form-page__description:not(:last-child) {
  margin-bottom: 40px
}

.flatpickr-calendar {
  font-family: Inter, sans-serif, arial
}

.flatpickr-months {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  background-color: #1b1b1b;
  color: #fff
}

.flatpickr-current-month {
  color: #fff;
  background-color: #1b1b1b;
  font-family: Inter, sans-serif, arial
}

.flatpickr-monthDropdown-months {
  background-color: #1b1b1b
}

.flatpickr-monthDropdown-month {
  color: #1b1b1b
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  top: 10px
}

.flatpickr-next-month svg, .flatpickr-prev-month svg {
  fill: #fff
}

.flatpickr-day.selected {
  background: #ff7c03;
  border-color: #ff7c03
}

.flatpickr-day.selected:hover {
  background: #ff7c03;
  border-color: #ff7c03
}

.flatpickr-day.selected:focus {
  background: #ff7c03;
  border-color: #ff7c03
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #fff
}

.list-check {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  z-index: 1
}

.list-check__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 8px
}

.list-check__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-right: 24px;
  border-radius: 50%;
  background-color: #fff
}

@media (max-width: 1023px) {
  .list-check__icon-box {
    margin-right: 12px;
    min-width: 36px;
    width: 36px;
    min-height: 36px;
    height: 36px
  }
}

.list-check__icon-box svg {
  width: 18px;
  height: 18px;
  color: #ff7c03
}

.list-check__content {
  color: #555
}

.list-check__span {
  display: block;
  color: #000;
  font-weight: 570
}

.purchases-accordion {
  margin: 32px 0 32px 0
}

.purchases-accordion--m0 {
  margin: 0
}

@media (max-width: 1023px) {
  .purchases-accordion {
    overflow: hidden;
    border-radius: 6px
  }
}

.ac.purchases-accordion__tab {
  font-family: Inter, sans-serif, arial
}

.ac .purchases-accordion__header {
  position: relative;
  padding-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 100%
}

@media (max-width: 1023px) {
  .ac .purchases-accordion__header {
    padding-bottom: 24px;
    width: 100%
  }
}

.ac .purchases-accordion__btn {
  position: initial;
  width: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  background-color: transparent;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.ac .purchases-accordion__btn::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.ac .purchases-accordion__btn::after {
  display: none
}

@media (max-width: 1023px) {
  .ac .purchases-accordion__btn {
    margin-left: auto
  }
}

.ac .purchases-accordion__btn:focus {
  outline: 0;
  color: #000
}

.purchases-accordion__tab {
  padding-top: 24px;
  border: none;
  margin-top: 0;
  border-bottom: 1px solid #ddd
}

@media (max-width: 1023px) {
  .purchases-accordion__tab:first-child {
    border-radius: 6px 6px 0 0
  }

  .purchases-accordion__tab:last-child {
    border-radius: 0 0 6px 6px
  }
}

.purchases-accordion__position {
  color: #555
}

.purchases-accordion__close-svg svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.purchases-accordion__tab.is-active .purchases-accordion__btn > .purchases-accordion__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.bold-text {
  color: #000;
  font-weight: 570
}

.bold-text:not(:first-child) {
  margin-top: 40px
}

.purchases-accordion__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 0
}

.purchases-accordion__item:first-child {
  padding: 0;
  padding-bottom: 8px
}

.purchases-accordion__card-area {
  padding-bottom: 32px
}

.order-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%
}

@media (max-width: 767px) {
  .order-list {
    width: calc(100% - 48px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
}

.order-list__item:first-child {
  padding-right: 8px;
  width: 33.3%
}

@media (max-width: 767px) {
  .order-list__item:first-child {
    width: 50%
  }
}

.order-list__item:not(:first-child) {
  padding: 0 8px
}

@media (max-width: 1023px) {
  .order-list__item:not(:first-child) {
    padding: 0
  }
}

.order-list__item:nth-child(2) {
  width: 25%
}

@media (max-width: 1023px) {
  .order-list__item:nth-child(2) {
    text-align: end
  }
}

@media (max-width: 767px) {
  .order-list__item:nth-child(2) {
    width: 50%
  }
}

.order-list__item:nth-child(3) {
  width: 25%
}

@media (max-width: 767px) {
  .order-list__item:nth-child(3) {
    width: 50%
  }
}

.order-list__item:nth-child(4) {
  width: 16.7%
}

@media (max-width: 767px) {
  .order-list__item:nth-child(4) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%
  }
}

.order-list__number {
  color: #000
}

.order-list__span {
  font-size: 14px;
  color: #777
}

.order-list__text {
  color: #777
}

.order-list__nameplate {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 14px;
  border-radius: 6px
}

.gray-block {
  position: relative;
  overflow: hidden;
  padding: 40px;
  padding-top: 45px;
  background-color: #f5f5f7;
  margin-bottom: 26px
}

@media (max-width: 1023px) {
  .gray-block {
    padding: 32px;
    margin-bottom: 26px;
    border-radius: 6px
  }
}

.gray-block .small-text {
  position: relative;
  z-index: 1
}

.gray-block__title {
  position: relative;
  z-index: 1;
  font-size: 33px;
  margin-bottom: 88px;
  letter-spacing: .2px
}

@media (max-width: 1023px) {
  .gray-block__title {
    font-size: 24px
  }
}

.gray-block__second-title {
  color: #000;
  font-size: 20px;
  font-weight: 570;
  line-height: 1.25;
  margin-bottom: 8px
}

.gray-block__text:not(:last-child) {
  margin-bottom: 8px
}

.gray-block__span {
  color: #000;
  font-weight: 570
}

.bonus-program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .bonus-program {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 24px
  }
}

.bonus-program__left-panel {
  position: relative;
  width: 58.33%;
  padding: 40px;
  margin-right: 12px
}

@media (max-width: 1023px) {
  .bonus-program__left-panel {
    width: 100%;
    margin-right: 0
  }
}

.bonus-program__title {
  font-size: 32px;
  font-weight: 570;
  color: #fff
}

.bonus-program__right-panel {
  width: 41.67%;
  padding-left: 12px
}

@media (max-width: 1023px) {
  .bonus-program__right-panel {
    width: 100%;
    padding-left: 0
  }
}

.bonus-program__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -2
}

@media (max-width: 1023px) {
  .bonus-program__figure {
    border-radius: 6px
  }
}

.bonus-program__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1023px) {
  .bonus-program__bg {
    border-radius: 6px
  }
}

.bonus-program__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px
}

.bonus-program__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  color: #fff
}

.bonus-program__item:not(:last-child) {
  margin-bottom: 16px
}

.bonus-program__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(255, 255, 255, .1)
}

.bonus-program__icon-box svg {
  width: 14px;
  height: 14px
}

.personal-manager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.personal-manager__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 32px;
  background-color: #f5f5f7
}

@media (max-width: 1023px) {
  .personal-manager__list {
    border-radius: 6px 6px 0 0
  }
}

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

.personal-manager__item:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #ddd
}

.personal-manager__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 575px) {
  .personal-manager__contact {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px
  }
}

.personal-manager__contact-item:not(:last-child) {
  margin-right: 24px
}

.personal-manager__contact-link {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.personal-manager__contact-link svg {
  width: 14px;
  height: 14px;
  color: #555;
  margin-right: 8px
}

.personal-manager__img {
  border-radius: 50%;
  width: 56px;
  height: 56px;
  margin-right: 16px
}

.personal-manager__title {
  color: #000;
  font-size: 20px;
  line-height: 1;
  font-weight: 570
}

.personal-manager__post {
  color: #555;
  font-size: 14px
}

.personal-manager__description {
  padding: 32px;
  border: 1px solid #ddd;
  border-top: none
}

@media (max-width: 1023px) {
  .personal-manager__description {
    border-radius: 0 0 6px 6px
  }
}

.about {
  padding: 120px 0;
  overflow-x: hidden
}

@media (max-width: 1023px) {
  .about {
    padding-top: 24px;
    padding-bottom: 56px
  }
}

@media (max-width: 1199px) {
  .about__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .about__container {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .about__container {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .about__container {
    max-width: 100%
  }
}

.about__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .about__top-panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px
  }
}

.about__title {
  width: 66.67%;
  font-size: 40px
}

@media (max-width: 1023px) {
  .about__title {
    font-size: 36px;
    margin-bottom: 16px
  }
}

@media (max-width: 767px) {
  .about__title {
    font-size: 26px;
    width: 100%
  }
}

.about__text-block {
  font-size: 18px;
  color: #777
}

.about__text {
  font-size: 18px;
  text-align: end
}

@media (max-width: 1023px) {
  .about__text {
    text-align: start
  }
}

.about__text span {
  color: #000
}

.about__second-title {
  font-size: 33px;
  letter-spacing: .3px;
  width: 83.3%;
  margin-bottom: 32px
}

@media (max-width: 1023px) {
  .about__second-title {
    width: 100%;
    font-size: 24px
  }
}

.about__blockquete {
  width: 50%
}

@media (max-width: 1023px) {
  .about__blockquete {
    width: 100%
  }
}

.about__blockquete--text {
  padding-right: 20px;
  font-weight: 420
}

.about-company {
  margin-top: 0
}

@media (max-width: 1023px) {
  .about-company {
    margin-top: 0
  }
}

.about-company--m0 {
  margin: 0
}

.scroll-section {
  margin-bottom: 120px
}

@media (max-width: 1199px) {
  .scroll-section {
    padding: 0 20px;
    margin: 0 auto;
    margin-bottom: 120px;
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .scroll-section {
    padding-bottom: 0;
    margin-bottom: 56px
  }
}

.scroll-section__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1320px
}

.scroll-section__container:not(:last-child) {
  margin-bottom: 40px
}

@media (max-width: 1199px) {
  .scroll-section__container:not(:last-child) {
    margin-bottom: 16px
  }
}

@media (max-width: 1023px) {
  .scroll-section__container {
    max-width: 720px
  }
}

.scroll-section__card {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 20px;
  min-width: 41.6%
}

@media (max-width: 1199px) {
  .scroll-section__card {
    padding: 0 8px
  }
}

@media (max-width: 1023px) {
  .scroll-section__card {
    min-width: 50%;
    width: 50%
  }
}

.scroll-section__figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: auto
}

.scroll-section__figure::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%
}

@media (max-width: 575px) {
  .scroll-section__figure::before {
    padding-top: 75%
  }
}

@media (max-width: 1023px) {
  .scroll-section__figure {
    border-radius: 6px
  }
}

.scroll-section__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  cursor: pointer
}

.scroll-section__img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.location-swiper {
  overflow: hidden;
  padding-bottom: 0
}

.location-swiper__container {
  position: relative;
  width: 66.67%;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .location-swiper__container {
    width: 83.3%
  }
}

@media (max-width: 767px) {
  .location-swiper__container {
    width: 100%
  }
}

.location-swiper__container .tns-ovh {
  overflow: visible
}

.location-swiper__figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  width: 100%;
  height: auto
}

.location-swiper__figure::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 62.5%
}

@media (max-width: 767px) {
  .location-swiper__figure::before {
    padding-top: 75%
  }
}

@media (max-width: 1023px) {
  .location-swiper__figure {
    border-radius: 6px
  }
}

.location-swiper__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: pointer;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media (hover: hover) {
  .location-swiper__img:hover:not(.focus-visible) {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

.location-swiper__btn-area {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0;
  right: 20px
}

@media (max-width: 1023px) {
  .location-swiper__button-prev {
    border-radius: 6px 0 0 6px
  }

  .location-swiper__button-next {
    border-radius: 0 6px 6px 0
  }
}

.location-swiper__button-next, .location-swiper__button-prev {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.location-swiper__button-next::after, .location-swiper__button-prev::after {
  display: none
}

.location-swiper__button-next:hover, .location-swiper__button-prev:hover {
  background-color: #ff7c03;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.location-swiper__button-next svg, .location-swiper__button-prev svg {
  width: 20px;
  height: 20px
}

.team {
  margin-top: 120px;
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f5f5f7
}

@media (max-width: 1023px) {
  .team {
    padding-top: 56px;
    margin-top: 56px;
    padding-bottom: 56px
  }
}

.team__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  margin-bottom: 40px
}

.team__card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  row-gap: 24px;
  margin: 0 -20px
}

@media (max-width: 1023px) {
  .team__card-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 16px;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 24px
  }
}

@media (max-width: 575px) {
  .team__card-area {
    margin: 0;
    margin-bottom: 24px
  }
}

.team__card {
  position: relative;
  width: 33.3%;
  margin: 0 20px
}

@media (max-width: 1023px) {
  .team__card {
    margin: 0;
    width: calc(50% - 16px);
    border-radius: 6px;
    overflow: hidden
  }
}

@media (max-width: 767px) {
  .team__card {
    width: 100%
  }
}

.team__card::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, .4), rgba(255, 255, 255, 0) 100%);
  -webkit-transition: background .3s ease;
  transition: background .3s ease;
  z-index: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.team__card-link {
  position: relative;
  display: block;
  overflow: hidden;
  height: auto
}

.team__card-link::before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133%
}

@media (max-width: 1023px) {
  .team__card-link::before {
    padding-top: 120%
  }
}

.team__card-link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 124, 3, .7)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgba(255, 124, 3, .7), rgba(255, 255, 255, 0) 100%);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  z-index: 4
}

.team__card-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 40px;
  z-index: 7
}

.team__card-title {
  font-size: 24px;
  color: #fff;
  font-weight: 570;
  line-height: 1.25
}

.team__card-text {
  color: rgba(255, 255, 255, .5)
}

.team__card-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1
}

.modal-team__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 32px
}

.modal-team__content {
  max-width: 500px;
  padding: 64px
}

@media (max-width: 1023px) {
  .modal-team__content {
    padding: 40px;
    border-radius: 6px
  }
}

.modal-team__close-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .modal-team__close-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.modal-team__close-btn.focus-visible:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, .05);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.modal-team {
  background-color: rgba(0, 0, 0, .6)
}

.modal-team__form .primary-form__two-column {
  row-gap: 24px;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}

@media (max-width: 1023px) {
  .team__btn {
    display: none
  }

  .team__title {
    font-size: 36px
  }
}

.team .btn-lite-gray.btn-lite-gray--white {
  display: none
}

@media (max-width: 1023px) {
  .team .btn-lite-gray.btn-lite-gray--white {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.vip-services {
  position: relative;
  margin: 0 24px;
  background-color: #000;
  overflow: hidden
}

@media (max-width: 1199px) {
  .vip-services {
    margin: 0
  }
}

.vip-services__container {
  color: #fff;
  padding: 120px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .vip-services__container {
    max-width: 720px;
    padding: 56px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width: 767px) {
  .vip-services__container {
    max-width: 540px
  }
}

.vip-services__left-panel {
  width: 50%
}

@media (max-width: 1023px) {
  .vip-services__left-panel {
    padding-bottom: 56px
  }
}

.vip-services__right-panel {
  position: relative;
  width: 50%;
  height: auto
}

@media (max-width: 1023px) {
  .vip-services__right-panel {
    width: 100%
  }
}

.vip-services__right-panel::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 42%
}

@media (max-width: 1023px) {
  .vip-services__right-panel::before {
    padding-top: 60%
  }
}

.vip-services__jarallax-panel {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%
}

@media (max-width: 1023px) {
  .vip-services__jarallax-panel {
    top: inherit;
    bottom: 0;
    width: 100%;
    height: 60%
  }
}

.vip-services__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.vip-services__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px;
  color: #fff
}

.vip-services__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5;
  color: #fff
}

.vip-services__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(34, 34, 33, .1)
}

.vip-services__icon-box--dark {
  background-color: rgba(255, 255, 255, .1)
}

@media (max-width: 767px) {
  .vip-services__icon-box {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px
  }
}

@media (max-width: 575px) {
  .vip-services__icon-box {
    margin-right: 8px
  }
}

.vip-services--dark .vip-services__item {
  color: #fff
}

.services-cards {
  padding: 120px 0
}

@media (max-width: 1023px) {
  .services-cards {
    padding: 56px 0
  }
}

.services-cards__container {
  margin: 0 auto;
  width: 83.3%
}

@media (max-width: 1023px) {
  .services-cards__container {
    width: 100%;
    max-width: 720px;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .services-cards__container {
    max-width: 540px;
    padding: 0
  }
}

.vip-store-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -20px;
  margin-top: 24px;
  row-gap: 24px
}

@media (max-width: 767px) {
  .vip-store-offer {
    margin-left: 0;
    margin-right: 0;
    row-gap: 40px
  }
}

.vip-store-offer__card-wrapper {
  padding: 0 20px;
  width: 50%
}

@media (max-width: 767px) {
  .vip-store-offer__card-wrapper {
    width: 100%;
    padding: 0
  }
}

.vip-store-offer__card {
  border: 1px solid #ddd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%
}

.vip-store-offer__card--dark {
  color: #fff;
  background-color: #1d1d1f;
  border-color: #1d1d1f
}

@media (max-width: 1023px) {
  .vip-store-offer__card {
    border-radius: 6px
  }
}

.vip-store-offer__figure {
  overflow: hidden
}

@media (max-width: 1023px) {
  .vip-store-offer__figure {
    border-radius: 6px 6px 0 0
  }
}

.vip-store-offer__figure img {
  width: 100%
}

.vip-store-offer__card-content {
  padding: 40px
}

.vip-store-offer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px
}

.vip-store-offer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 1.5;
  color: #000
}

.vip-store-offer__item:not(:last-child) {
  margin-bottom: 16px
}

.vip-store-offer__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 28px;
  min-height: 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(0, 0, 0, .1)
}

.vip-store-offer__icon-box--gold {
  background-color: rgba(247, 204, 118, .4)
}

.vip-store-offer__icon-box svg {
  width: 14px;
  height: 14px
}

.merch {
  margin-bottom: 40px
}

@media (max-width: 1023px) {
  .merch__container {
    max-width: 720px;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .merch__container {
    max-width: 540px;
    padding: 0 20px
  }
}

.merch__half-container {
  width: 50%
}

@media (max-width: 1023px) {
  .merch__half-container {
    width: 100%;
    max-width: 100%
  }
}

.merch__text {
  color: #555
}

.vip-feedback {
  position: relative;
  background-color: #000;
  color: #fff;
  padding: 120px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  overflow: hidden
}

@media (max-width: 1023px) {
  .vip-feedback {
    padding: 56px 0
  }
}

.vip-feedback__container {
  position: relative;
  z-index: 3
}

@media (max-width: 1023px) {
  .vip-feedback__container {
    max-width: 720px;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .vip-feedback__container {
    max-width: 540px
  }
}

.vip-feedback__half {
  width: 50%;
  margin: 0 auto
}

@media (max-width: 1023px) {
  .vip-feedback__half {
    width: 100%
  }
}

.vip-feedback__text {
  color: rgba(255, 255, 255, .75);
  margin-top: 8px
}

.vip-feedback__link {
  position: relative;
  color: #fff;
  font-weight: 570
}

.vip-feedback__link::after {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #fff;
  content: ""
}

.vip-feedback__form {
  margin-top: 48px;
  row-gap: 32px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px
}

.vip-feedback__form .primary-form__two-column {
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px
}

.vip-feedback__form .primary-form__label {
  color: rgba(255, 255, 255, .75)
}

.vip-feedback__bg-img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.3);
  -ms-transform: translate(-50%, -50%) scale(1.3);
  transform: translate(-50%, -50%) scale(1.3);
  width: 3553px;
  height: 3553px
}

.profile:not(:last-child) {
  margin-bottom: 60px
}

.profile__title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px
}

.profile__form-password {
  width: 50%
}

@media (max-width: 1023px) {
  .profile__form-password {
    width: 100%
  }
}

.profile__form-two-column {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width: 1023px) {
  .profile__form-two-column {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.profile__password-btn:disabled {
  background-color: rgba(119, 119, 119, .3)
}

@media (hover: hover) {
  .profile__password-btn:disabled:hover:not(.focus-visible) {
    background-color: rgba(119, 119, 119, .3)
  }
}

.profile__loader-container {
  width: 237px;
  display: none
}

.profile__loader {
  margin: 0 auto;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: rotation 1s linear infinite;
  animation: rotation 1s linear infinite
}

.profile__loader::after, .profile__loader::before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  background: #ff7c03;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  border-radius: 50%
}

.profile__loader::before {
  left: auto;
  right: 0;
  background: #000;
  -webkit-transform: translate(50%, 100%);
  -ms-transform: translate(50%, 100%);
  transform: translate(50%, 100%)
}

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

.primary-form__server-answer {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  min-height: 24px
}

.primary-form__server-answer.success {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  color: #6e998b
}

.primary-form__server-answer.error {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  color: #b81111
}

@media (max-width: 1199px) {
  .discount__container {
    max-width: 960px
  }
}

@media (max-width: 1023px) {
  .discount-header {
    background-color: #f5f5f7
  }
}

.number-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 28px;
  margin: 0 -28px;
  margin-top: 56px;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .number-block {
    margin: 0 -16px;
    margin-top: 32px;
    margin-bottom: 56px
  }
}

.number-block--discount {
  margin-top: 40px
}

@media (max-width: 575px) {
  .number-block {
    margin-top: 32px
  }
}

.number-block__card {
  width: 33.3%;
  padding: 0 28px
}

@media (max-width: 1023px) {
  .number-block__card {
    width: 50%;
    padding: 0 16px
  }
}

@media (max-width: 767px) {
  .number-block__card {
    width: 100%
  }
}

.number-block__number {
  display: block;
  margin-bottom: 16px;
  font-size: 48px;
  color: #ff7c03;
  font-weight: 500
}

@media (max-width: 1023px) {
  .number-block__number {
    font-size: calc(1.425rem + 2.1vw)
  }
}

.number-block__title {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 570
}

@media (max-width: 575px) {
  .number-block__title {
    font-size: calc(1.275rem + .3vw)
  }
}

.number-block__description p:not(:last-child) {
  margin-bottom: 8px
}

.advantages-img-block {
  position: relative;
  margin: 0 24px;
  background-color: #000;
  overflow: hidden;
  margin-bottom: 120px
}

@media (max-width: 1199px) {
  .advantages-img-block {
    margin: 0;
    margin-bottom: 120px
  }
}

@media (max-width: 1023px) {
  .advantages-img-block {
    margin-bottom: 56px
  }
}

.advantages-img-block__container {
  color: #fff;
  padding: 120px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1023px) {
  .advantages-img-block__container {
    max-width: 720px;
    padding: 56px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width: 767px) {
  .advantages-img-block__container {
    max-width: 540px
  }
}

.advantages-img-block__left-panel {
  position: relative;
  z-index: 3;
  width: 50%;
  padding-right: 40px
}

@media (max-width: 1023px) {
  .advantages-img-block__left-panel {
    padding-bottom: 0;
    width: 100%
  }
}

.advantages-img-block__small-text {
  display: block;
  color: rgba(255, 255, 255, .5);
  margin-bottom: 16px
}

@media (max-width: 1023px) {
  .advantages-img-block__small-text {
    margin-bottom: 40px
  }
}

@media (max-width: 767px) {
  .advantages-img-block__small-text {
    margin-bottom: 16px
  }
}

.advantages-img-block__right-panel {
  position: relative;
  width: 50%;
  height: auto
}

@media (max-width: 1023px) {
  .advantages-img-block__right-panel {
    display: none
  }
}

.advantages-img-block__right-panel::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 42%
}

@media (max-width: 1023px) {
  .advantages-img-block__right-panel::before {
    padding-top: 60%
  }
}

.advantages-img-block__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

@media (max-width: 1023px) {
  .advantages-img-block__bg {
    top: inherit;
    bottom: 0;
    width: 100%;
    height: 100%
  }
}

.advantages-img-block__bg::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, .7)), to(rgba(0, 0, 0, .1)));
  background: linear-gradient(to right, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .1) 100%);
  z-index: 1
}

.advantages-img-block__img {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0
}

.advantages-img-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 24px;
  margin-bottom: 32px;
  color: #fff
}

.advantages-img-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5;
  color: #fff
}

@media (max-width: 767px) {
  .advantages-img-block__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
}

.advantages-img-block__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(34, 34, 33, .1)
}

.advantages-img-block__icon-box--dark {
  background-color: #fff;
  color: #000
}

@media (max-width: 767px) {
  .advantages-img-block__icon-box {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px
  }
}

@media (max-width: 575px) {
  .advantages-img-block__icon-box {
    margin-right: 8px
  }
}

.advantages-img-block--dark .advantages-img-block__item {
  color: #fff
}

.two-column-accordion {
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .two-column-accordion {
    margin-bottom: 56px
  }
}

.two-column-accordion__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -40px
}

@media (max-width: 1023px) {
  .two-column-accordion__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
  }
}

.two-column-accordion__accordion {
  width: 50%;
  padding: 0 40px
}

@media (max-width: 1023px) {
  .two-column-accordion__accordion {
    width: 100%;
    padding: 0
  }

  .two-column-accordion__accordion:not(:last-child) {
    border-bottom: 1px solid #ddd
  }
}

.two-column-accordion__accordion-tab {
  background-color: transparent;
  border: none;
  color: #000;
  margin: 0
}

.two-column-accordion__accordion-tab:not(:last-child) {
  border-bottom: 1px solid #ddd
}

.two-column-accordion__accordion-tab .two-column-accordion__accordion-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  font-size: 16px;
  color: #000;
  font-weight: 420;
  padding-top: 32px;
  padding-bottom: 32px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.two-column-accordion__accordion-tab .two-column-accordion__accordion-btn::after {
  display: none
}

.ac .two-column-accordion__accordion-btn {
  font-family: Inter, sans-serif, arial
}

@media (max-width: 1023px) {
  .two-column-accordion__close-svg {
    padding-left: 32px
  }
}

.two-column-accordion__close-svg svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.two-column-accordion__accordion-tab.is-active .two-column-accordion__accordion-header .two-column-accordion__accordion-btn {
  color: #000;
  font-weight: 570;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.two-column-accordion__accordion-tab .two-column-accordion__accordion-btn:focus {
  color: #000
}

.two-column-accordion__accordion-tab.is-active .two-column-accordion__accordion-btn > .two-column-accordion__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.two-column-accordion__accordion-position {
  padding-bottom: 32px;
  padding-right: 32px;
  color: #555
}

.discount-modal {
  background-color: rgba(0, 0, 0, .4);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.discount-modal.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.discount-modal__wrapper {
  overflow-x: hidden;
  overflow-y: auto
}

.discount-modal__content {
  width: 800px;
  max-width: 800px;
  padding: 64px;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (max-width: 1023px) {
  .discount-modal__content {
    border-radius: 6px;
    padding: 32px;
    width: 500px
  }
}

@media (max-width: 575px) {
  .discount-modal__content {
    width: 100%;
    max-width: inherit
  }
}

.discount-modal.is-active .discount-modal__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.discount-modal__card-title {
  font-size: 20px;
  font-weight: 570;
  line-height: 1.25
}

.discount-modal__card p {
  font-size: 18px;
  font-weight: 420;
  color: #000
}

.discount-modal__price {
  font-size: 24px;
  font-weight: 570
}

.discount-modal__close-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .discount-modal__close-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.discount-modal__close-btn.focus-visible:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, .05);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .discount-modal__close-btn {
    width: 32px;
    height: 32px
  }
}

.personal-area-block {
  margin-bottom: 120px
}

.personal-area-block__container {
  width: 83.3%;
  margin: 0 auto
}

@media (max-width: 767px) {
  .personal-area-block__container {
    width: 100%;
    max-width: 500px
  }
}

.personal-area-block__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 24px 8px 8px;
  border-radius: 200px;
  border: 1px solid #ddd;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%
}

.personal-area-block__sign-text {
  display: block;
  font-size: 16px;
  margin-left: 16px
}

@media (max-width: 575px) {
  .personal-area-block__sign-text {
    display: inline
  }
}

.bonus-block {
  position: relative;
  background-color: #f5f5f7;
  padding: 120px 0;
  overflow: hidden;
  margin: 0 20px;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .bonus-block {
    margin: 0;
    margin-bottom: 56px;
    padding: 56px 0
  }
}

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

@media (max-width: 1023px) {
  .bonus-block__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .bonus-block__container {
    max-width: 540px
  }
}

.bonus-block__left-panel {
  position: relative;
  width: 41.6%;
  height: auto;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .bonus-block__left-panel {
    width: 100%;
    padding-top: 50%
  }
}

.bonus-block__right-panel {
  width: 41.6%;
  padding: 0 20px
}

@media (max-width: 1023px) {
  .bonus-block__right-panel {
    width: 100%
  }
}

.bonus-block__title {
  font-size: 48px
}

@media (max-width: 1023px) {
  .bonus-block__title {
    font-size: 32px
  }
}

@media (max-width: 767px) {
  .bonus-block__title {
    font-size: 24px
  }
}

.bonus-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 32px;
  color: #000
}

.bonus-block__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  padding: 8px 0;
  font-size: 16px;
  font-weight: 420;
  line-height: 1.5;
  color: #000
}

@media (max-width: 767px) {
  .bonus-block__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
}

.bonus-block__icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
  background-color: rgba(0, 0, 0, .1)
}

.bonus-block__icon-box--dark {
  background-color: #fff;
  color: #000
}

@media (max-width: 767px) {
  .bonus-block__icon-box {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px
  }
}

@media (max-width: 575px) {
  .bonus-block__icon-box {
    margin-right: 8px
  }
}

.bonus-block--dark .bonus-block__item {
  color: #fff
}

.bonus-block__img {
  position: absolute;
  width: 100%;
  height: auto;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .bonus-block__img {
    top: 0
  }
}

.bonus-table {
  margin-bottom: 120px
}

@media (max-width: 1199px) {
  .bonus-table {
    overflow: hidden
  }
}

@media (max-width: 1023px) {
  .bonus-table {
    margin-bottom: 56px
  }
}

.bonus-table__title {
  margin-left: auto;
  margin-bottom: 40px
}

@media (max-width: 1199px) {
  .bonus-table__title {
    max-width: 680px;
    margin: 0 auto;
    margin-bottom: 40px;
    font-size: 36px
  }
}

@media (max-width: 1023px) {
  .bonus-table__title {
    font-size: 32px;
    margin-bottom: 24px
  }
}

@media (max-width: 767px) {
  .bonus-table__title {
    max-width: 500px
  }
}

@media (max-width: 575px) {
  .bonus-table__title {
    margin: 0;
    margin-bottom: 24px;
    font-size: 30px
  }
}

@media (max-width: 374px) {
  .bonus-table__title {
    font-size: 24px
  }
}

.bonus-table__column {
  width: 25%;
  padding: 0 4px
}

.bonus-table__column--first {
  width: 20%
}

@media (max-width: 1439px) {
  .bonus-table__column--first {
    display: none
  }

  .bonus-table__column {
    width: 25%
  }
}

@media (max-width: 1199px) {
  .bonus-table__column {
    padding: 0
  }
}

.bonus-table__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}

@media (max-width: 1199px) {
  .bonus-table__wrapper {
    display: block;
    max-width: 960px;
    padding-right: 40px;
    margin: 0 auto
  }
}

@media (max-width: 1023px) {
  .bonus-table__wrapper {
    max-width: 720px
  }
}

@media (max-width: 767px) {
  .bonus-table__wrapper {
    max-width: 540px
  }
}

@media (max-width: 575px) {
  .bonus-table__wrapper {
    margin: 0
  }
}

.bonus-table__wrapper .tns-ovh {
  overflow: visible
}

.bonus-table__top-card {
  padding: 32px;
  background-color: #f5f5f7;
  border-radius: 6px
}

.bonus-table__second-title {
  font-size: 24px;
  font-weight: 570
}

.bonus-table__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  width: 80%
}

@media (max-width: 1439px) {
  .bonus-table__container {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
  }
}

.bonus-table__list {
  padding: 0 32px
}

.bonus-table__item {
  padding: 24px 0
}

.bonus-table__item:first-child {
  margin: 9px 0
}

.bonus-table__card-img {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  padding: 160px 32px 32px 32px
}

@media (max-width: 1199px) {
  .bonus-table__card-img {
    border-radius: 6px 6px 0 0
  }
}

@media (max-width: 1023px) {
  .bonus-table__card-img {
    padding-top: 45%
  }
}

.bonus-table__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1
}

.bonus-table__third-title {
  color: #fff;
  font-weight: 570;
  font-size: 24px
}

.bonus-table__list-state {
  padding: 0;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
  border-radius: 6px
}

@media (hover: hover) {
  .bonus-table__list-state:hover:not(.focus-visible) {
    background-color: #f5f5f7;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
  }
}

@media (max-width: 1199px) {
  .bonus-table__list-state {
    background-color: #f5f5f7;
    border-radius: 0 0 6px 6px;
    padding: 32px;
    padding-bottom: 0
  }
}

.bonus-table__list-state-item {
  padding: 24px 32px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 6px;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease
}

@media (hover: hover) {
  .bonus-table__list-state-item:hover:not(.focus-visible) {
    background-color: #d7effd;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
  }
}

.bonus-table__list-state-item--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1199px) {
  .bonus-table__list-state-item {
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 16px 0
  }

  .bonus-table__list-state-item:last-child {
    border-bottom: none
  }
}

.bonus-table__coin {
  width: 16px;
  height: 16px;
  margin-left: 4px
}

@media (hover: hover) {
  .bonus-table__list-state--green .bonus-table__list-state-item:hover:not(.focus-visible) {
    background-color: #e2eeea
  }

  .bonus-table__list-state--red .bonus-table__list-state-item:hover:not(.focus-visible) {
    background-color: #faddd9
  }

  .bonus-table__list-state--yellow .bonus-table__list-state-item:hover:not(.focus-visible) {
    background-color: #f6e6d6
  }
}

.bonus-table__mob-span {
  display: none;
  width: 100%;
  font-size: 14px;
  color: #777
}

@media (max-width: 1439px) {
  .bonus-table__mob-span {
    display: block
  }
}

@media (max-width: 1023px) {
  .bonus-table__mob-span {
    margin-bottom: 4px
  }
}

@media (max-width: 1439px) {
  .bonus-block__small-text {
    text-transform: none;
    letter-spacing: normal;
    color: #000;
    font-size: 16px;
    font-weight: 420
  }
}

.error-404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1d1d1f;
  color: #fff;
  width: 100%;
  height: calc(100vh - 42px)
}

@media (max-width: 1023px) {
  .error-404 {
    padding-top: 130px;
    padding-bottom: 90px;
    height: auto;
    min-height: 100vh
  }
}

.error-404__left-panel {
  width: 50%;
  padding-right: 40px
}

@media (max-width: 1023px) {
  .error-404__left-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0
  }
}

.error-404__title {
  font-size: 60px;
  font-weight: 570;
  line-height: 1.25;
  letter-spacing: .4px
}

@media (max-width: 1023px) {
  .error-404__title {
    text-align: center;
    font-size: 36px
  }
}

.error-404__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .error-404__cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    max-width: 720px;
    margin: 0 auto
  }
}

@media (max-width: 767px) {
  .error-404__cont {
    max-width: 540px
  }
}

.error-404__right-panel {
  padding-left: 40px
}

@media (max-width: 1023px) {
  .error-404__right-panel {
    padding: 0;
    margin-bottom: 40px
  }
}

.error-404__btn {
  display: block;
  margin-top: 32px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  background-color: transparent;
  color: #fff;
  -webkit-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .2s ease;
  border-color: rgba(255, 255, 255, .2)
}

@media (hover: hover) {
  .error-404__btn:hover:not(.focus-visible) {
    background-color: #fff;
    color: #000;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #fff;
    -webkit-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .2s ease
  }
}

.error-404__img {
  padding-left: 40px
}

@media (max-width: 1023px) {
  .error-404__img {
    padding: 0
  }
}

.service-header {
  padding: 13px 0;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 100
}

@media (max-width: 1023px) {
  .service-header {
    background-color: #fff
  }
}

.service-header__container {
  padding: 0 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width: 1023px) {
  .service-header__container {
    padding: 0 24px
  }
}

.service-header__link {
  display: block;
  padding: 16px 0;
  max-height: 50px;
  margin-right: 50px
}

.services-header__img {
  height: 18px
}

@media (max-width: 1023px) {
  .services-header__img {
    height: 15px
  }
}

.service-menu-btn-open {
  position: relative;
  width: 32px;
  height: 32px;
  cursor: pointer
}

.service-menu-btn-open::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 8px;
  width: 18px;
  height: 2px;
  border-radius: 100px;
  background-color: #000
}

.service-menu-btn-open::after {
  content: "";
  position: absolute;
  top: 18px;
  left: 8px;
  width: 18px;
  height: 2px;
  border-radius: 100px;
  background-color: #000
}

.service-menu {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1050;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 80px;
  max-width: 35%;
  visibility: hidden;
  background-color: #fff;
  background-clip: padding-box;
  outline: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

@media (max-width: 1023px) {
  .service-menu {
    max-width: 100%;
    padding: 40px
  }
}

.service-menu.open {
  visibility: visible;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: -webkit-transform .4s ease-in-out;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.service-menu-overlay {
  z-index: -1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility .2s ease, opacity .3s ease;
  transition: visibility .2s ease, opacity .3s ease
}

.service-menu__top-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ddd
}

.service-menu-overlay.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility .2s ease, opacity .3s ease;
  transition: visibility .2s ease, opacity .3s ease
}

.service-menu-btn-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  color: #777;
  -webkit-transition: background-color .3s ease, color .3s ease;
  transition: background-color .3s ease, color .3s ease
}

@media (hover: hover) {
  .service-menu-btn-close:hover:not(.focus-visible) {
    color: #000;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
  }
}

.service-menu-btn-close.focus-visible:focus {
  color: #000;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease, color .3s ease;
  transition: background-color .3s ease, color .3s ease
}

.service-menu-btn-close svg {
  width: 24px;
  height: 24px
}

.service-menu__logo-link {
  display: block;
  height: 16px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.service-menu__logo {
  height: 15px
}

.service-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 16px
}

.service-menu__item-link {
  font-size: 32px;
  font-weight: 590;
  color: #000;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (hover: hover) {
  .service-menu__item-link:hover:not(.focus-visible) {
    outline: 0;
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.service-menu__item-link.focus-visible:focus {
  outline: 0;
  color: #6e998b;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (max-width: 1023px) {
  .service-menu__item-link {
    font-weight: 500;
    font-size: 30px
  }
}

@media (max-width: 575px) {
  .service-menu__item-link {
    font-size: 24px
  }
}

.service-menu__list {
  margin-bottom: auto
}

.service-footer {
  background-color: transparent
}

@media (max-width: 1023px) {
  .service-footer {
    padding-top: 0;
    padding: 0 24px;
    padding-bottom: 56px
  }
}

.service-footer__container {
  max-width: 1122px;
  padding-top: 80px;
  border-top: 1px solid #ddd;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width: 1199px) {
  .service-footer__container {
    width: 66.7%
  }
}

@media (max-width: 1023px) {
  .service-footer__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width: 767px) {
  .service-footer__container {
    width: 500px
  }
}

@media (max-width: 575px) {
  .service-footer__container {
    width: 100%
  }
}

.service-footer__left-panel {
  width: 33.3%;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .service-footer__left-panel {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 24px
  }
}

@media (max-width: 767px) {
  .service-footer__left-panel {
    padding: 0
  }
}

.service-footer__right-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  width: 66.67%;
  padding-left: 10%
}

@media (max-width: 1023px) {
  .service-footer__right-panel {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    padding: 0 20px
  }
}

@media (max-width: 767px) {
  .service-footer__right-panel {
    padding: 0
  }
}

.service-footer__logo-link {
  display: block;
  width: 100%;
  margin-bottom: 32px
}

.service-footer__logo {
  width: 100%
}

.service-footer__copyright {
  margin-bottom: 32px;
  color: #777;
  font-size: 14px;
  text-align: start;
  line-height: 1.25
}

.service-social-contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: 12px;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px
}

.service-social-contact-list__link {
  color: #777;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (hover: hover) {
  .service-social-contact-list__link:hover:not(.focus-visible) {
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.service-social-contact-list__link.focus-visible:focus {
  outline: 0;
  color: #6e998b;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.service-social-contact-list__link svg {
  width: 22px;
  height: 24px
}

.service-footer__contact-list-link {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #777;
  padding-bottom: 3px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.service-footer__contact-list-link::after {
  position: absolute;
  content: "";
  width: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: background-color .3s ease, width .3s ease;
  transition: background-color .3s ease, width .3s ease
}

@media (hover: hover) {
  .service-footer__contact-list-link:hover:not(.focus-visible) {
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }

  .service-footer__contact-list-link:hover:not(.focus-visible)::after {
    width: 100%;
    background-color: #6e998b;
    -webkit-transition: background-color .3s ease, width .3s ease;
    transition: background-color .3s ease, width .3s ease
  }
}

.service-footer__contact-list-link--large {
  font-size: 20px;
  padding-bottom: 5px
}

.service-footer__contact-list-link--large::after {
  height: 2px;
  border-radius: 200px
}

@media (max-width: 1023px) {
  .service-footer__contact-list-link {
    font-size: 14px
  }
}

@media (max-width: 767px) {
  .service-footer__contact-list-link {
    color: #000
  }
}

.service-footer__contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-right: 80px
}

@media (max-width: 1023px) {
  .service-footer__contact-container {
    display: none
  }
}

.service-footer__second-title {
  margin-bottom: 16px;
  text-align: start;
  font-size: 16px;
  font-weight: 570;
  color: #000
}

.service-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

@media (max-width: 1023px) {
  .service-footer__nav .service-footer__second-title {
    display: none
  }
}

.service-footer__contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.service-footer__contact-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-bottom: 16px
}

.service-footer__contact-list-span {
  font-size: 12px;
  color: #777
}

.service-footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

@media (max-width: 1023px) {
  .service-footer__menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
  }
}

@media (max-width: 767px) {
  .service-footer__menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.service-footer__menu-item:not(:last-child) {
  margin-bottom: 4px
}

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

@media (max-width: 1023px) {
  .service-banner__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.service-banner {
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .service-banner {
    padding-top: 120px
  }
}

.service-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 80px
}

.service-container--mb40 {
  margin-bottom: 40px
}

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

.service-banner__left-panel {
  width: 50%;
  padding: 80px
}

@media (max-width: 1023px) {
  .service-banner__left-panel {
    width: 100%;
    padding: 0 24px;
    margin-bottom: 80px
  }
}

.service-banner__right-panel {
  width: 50%
}

@media (max-width: 1023px) {
  .service-banner__right-panel {
    width: 100%
  }
}

.service-title {
  margin-bottom: 40px;
  font-size: 67px;
  font-weight: 570;
  line-height: 1
}

@media (max-width: 1023px) {
  .service-title {
    font-size: 60px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 40px
  }
}

@media (max-width: 767px) {
  .service-title {
    font-size: 49px
  }
}

@media (max-width: 575px) {
  .service-title {
    font-size: 41px
  }
}

@media (max-width: 1023px) {
  .service-title--second {
    font-size: 50px
  }
}

@media (max-width: 767px) {
  .service-title--second {
    font-size: 41px
  }
}

.service-title--small {
  font-size: 57px
}

@media (max-width: 767px) {
  .service-title--small {
    font-size: 38px
  }
}

@media (max-width: 374px) {
  .service-title--small {
    font-size: 31px
  }
}

.service-title--pc {
  display: block
}

@media (max-width: 1023px) {
  .service-title--pc {
    display: none
  }
}

.service-title--mobile {
  display: none
}

@media (max-width: 1023px) {
  .service-title--mobile {
    display: block
  }
}

@media (max-width: 767px) {
  .service-title--mobile {
    font-size: 38px
  }
}

@media (max-width: 374px) {
  .service-title--mobile {
    font-size: 31px
  }
}

.service-description {
  width: 75%;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 40px
}

@media (max-width: 1023px) {
  .service-description {
    width: 100%;
    font-size: 20px
  }
}

.service-banner__btn {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding-bottom: 3px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.service-banner__btn::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .service-banner__btn:hover:not(.focus-visible) {
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }

  .service-banner__btn:hover:not(.focus-visible)::after {
    background-color: #6e998b;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.service-banner__btn--large {
  font-size: 20px;
  padding-bottom: 5px
}

.service-banner__btn--large::after {
  height: 2px;
  border-radius: 200px
}

.service {
  margin-bottom: 80px;
  padding-bottom: 160px
}

.service--m-p {
  margin-top: 80px;
  padding-top: 160px
}

@media (max-width: 1023px) {
  .service--m-p {
    margin-top: 0;
    padding-top: 120px
  }

  .service {
    margin-bottom: 0;
    padding-bottom: 120px
  }
}

.service__btn {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  padding-bottom: 3px;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.service__btn::after {
  position: absolute;
  content: "";
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .service__btn:hover:not(.focus-visible) {
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }

  .service__btn:hover:not(.focus-visible)::after {
    background-color: #6e998b;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.service__btn--large {
  font-size: 20px;
  padding-bottom: 5px
}

.service__btn--large::after {
  height: 2px;
  border-radius: 200px
}

.service__left-panel {
  width: 33.3%;
  padding-right: 20px
}

@media (max-width: 1023px) {
  .service__left-panel {
    display: none
  }
}

.service__left-panel--w66 {
  width: 66.67%
}

@media (max-width: 1023px) {
  .service__left-panel--w66 {
    display: block;
    width: 100%;
    padding-right: 0
  }
}

.service__left-panel--w16 {
  width: 16.67%
}

.service__right-panel {
  width: 66.67%;
  padding-left: 20px
}

@media (max-width: 1023px) {
  .service__right-panel {
    width: 100%;
    padding-left: 0
  }
}

.service__right-panel--w33 {
  width: 33.3%
}

@media (max-width: 1023px) {
  .service__right-panel--mobile-display-none {
    display: none
  }
}

.service__right-panel--large {
  padding-left: 0
}

.service__right-panel--large .service-description {
  width: 100%
}

.service__second-title {
  font-size: 18px
}

.service-list--w75 {
  width: 75%
}

@media (max-width: 1023px) {
  .service-list--w75 {
    width: 100%
  }
}

.service-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 0;
  margin-bottom: 16px
}

.service__span {
  width: 25%;
  color: #777;
  font-size: 20px
}

@media (max-width: 1023px) {
  .service__span {
    width: 50%;
    font-size: 18px
  }
}

.service-list__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 20px
}

@media (max-width: 1023px) {
  .service-list__content {
    width: 50%;
    font-size: 18px
  }
}

.service-list__content--w90 {
  width: 90%
}

.service-list__number {
  width: 10%;
  font-size: 24px;
  font-weight: 570;
  color: #000;
  margin: 0;
  padding-right: 10px
}

@media (max-width: 1023px) {
  .service-list__number {
    width: 20%
  }
}

.service-list__third-title {
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 570;
  color: #000
}

.service-list__text {
  font-size: 18px;
  color: #777
}

.service-link-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width: 1023px) {
  .service-link-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.service-link-list__item {
  margin-top: 32px;
  width: 50%;
  padding: 0 16px
}

@media (max-width: 1023px) {
  .service-link-list__item {
    width: 100%
  }
}

@media (max-width: 767px) {
  .service-link-list__item {
    padding: 0
  }
}

.service-link-list__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 24px;
  padding-bottom: 32px;
  border-bottom: 1px solid #000;
  color: #000;
  -webkit-transition: color .3s ease, border-color .3s ease;
  transition: color .3s ease, border-color .3s ease
}

@media (hover: hover) {
  .service-link-list__link:hover:not(.focus-visible) {
    color: #6e998b;
    border-color: #6e998b;
    -webkit-transition: color .3s ease, border-color .3s ease;
    transition: color .3s ease, border-color .3s ease
  }
}

.service-link-list__link.focus-visible:focus {
  outline: 0;
  color: #6e998b;
  border-color: #6e998b;
  -webkit-transition: color .3s ease, border-color .3s ease;
  transition: color .3s ease, border-color .3s ease
}

@media (max-width: 1023px) {
  .service-link-list__link {
    padding-bottom: 24px
  }
}

.service-link-list__link svg {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.service-link-list__link:hover svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.background-video {
  position: relative;
  min-height: 75vh
}

@media (max-width: 1023px) {
  .background-video {
    min-height: 50vh
  }
}

@media (max-width: 767px) {
  .background-video {
    min-height: 30vh
  }
}

.background-video__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-position: center;
  background-size: cover;
  overflow: hidden
}

.background-video__player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 133%;
  max-width: 135%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.video-block {
  margin-bottom: 80px;
  padding-bottom: 160px
}

@media (max-width: 1023px) {
  .video-block {
    padding: 0 24px;
    padding-bottom: 120px;
    margin-bottom: 0
  }
}

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

.video-block__left-panel {
  position: relative;
  width: calc(50% - 120px);
  margin-right: 80px
}

.video-block__left-panel::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 133%
}

@media (max-width: 1023px) {
  .video-block__left-panel {
    display: none
  }
}

.video-block__right-panel {
  width: 50%;
  padding-left: 80px
}

@media (max-width: 1023px) {
  .video-block__right-panel {
    width: 100%;
    padding: 0
  }
}

.video-block__overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-position: center;
  background-size: cover;
  overflow: hidden
}

.video-block__player {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 133%;
  max-width: 135%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.accordion-plus {
  padding: 0 20px;
  width: 50%
}

@media (max-width: 1023px) {
  .accordion-plus {
    padding: 0;
    width: 100%
  }

  .accordion-plus:not(:last-child) {
    border-bottom: 1px solid #ddd
  }
}

.accordion-plus-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px
}

@media (max-width: 1023px) {
  .accordion-plus-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0
  }
}

.accordion-plus__accordion {
  width: 50%;
  padding: 0 40px
}

@media (max-width: 1023px) {
  .accordion-plus__accordion {
    width: 100%;
    padding: 0
  }
}

.accordion-plus__accordion-tab {
  background-color: transparent;
  border: none;
  color: #000;
  margin: 0;
  margin-top: 32px
}

@media (max-width: 1023px) {
  .accordion-plus__accordion-tab {
    margin-top: 0
  }

  .accordion-plus__accordion-tab:not(:last-child) {
    border-bottom: 1px solid #ddd
  }
}

.accordion-plus__accordion-tab .accordion-plus__accordion-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  font-size: 16px;
  color: #000;
  font-weight: 420;
  padding-bottom: 0;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.accordion-plus__accordion-tab .accordion-plus__accordion-btn::after {
  display: none
}

@media (max-width: 1023px) {
  .accordion-plus__accordion-tab .accordion-plus__accordion-btn {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.ac .accordion-plus__accordion-btn {
  font-family: Inter, sans-serif, arial
}

@media (max-width: 1023px) {
  .ac .accordion-plus__accordion-btn {
    padding: 32px 0
  }
}

.accordion-plus__close-svg {
  display: none
}

@media (max-width: 1023px) {
  .accordion-plus__close-svg {
    padding-left: 32px;
    display: block
  }
}

.accordion-plus__close-svg--pc {
  display: block;
  margin-right: 24px
}

@media (max-width: 1023px) {
  .accordion-plus__close-svg--pc {
    display: none
  }
}

.accordion-plus__close-svg--pc svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.accordion-plus__close-svg svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.accordion-plus__accordion-tab.is-active .accordion-plus__accordion-header .accordion-plus__accordion-btn {
  color: #000;
  font-weight: 570;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}

.accordion-plus__accordion-tab .accordion-plus__accordion-btn:focus {
  color: #000
}

.accordion-plus__accordion-tab.is-active .accordion-plus__accordion-btn > .accordion-plus__close-svg svg {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.accordion-plus__accordion-tab.is-active .accordion-plus__accordion-btn > .accordion-plus__close-svg--pc svg {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.accordion-plus__accordion-tab.is-active .accordion-plus__accordion-btn > .accordion-plus__close-svg--pc svg path {
  stroke-width: 2px
}

.accordion-plus__accordion-position {
  padding-left: 46px;
  padding-top: 16px;
  padding-bottom: 32px;
  padding-right: 32px;
  color: #555
}

@media (max-width: 1023px) {
  .accordion-plus__accordion-position {
    padding-left: 0
  }
}

.modal-service__close-btn {
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (hover: hover) {
  .modal-service__close-btn:hover:not(.focus-visible) {
    outline: 0;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
  }
}

.modal-service__close-btn.focus-visible:focus {
  outline: 0;
  background-color: rgba(0, 0, 0, .05);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.modal-service {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0)
}

@media (max-width: 575px) {
  .modal-service .modal__wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.modal-service.is-active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.modal-service.is-active .modal__content.modal-service__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .7s ease, -webkit-transform .3s ease;
  transition: opacity .7s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, opacity .7s ease;
  transition: transform .3s ease, opacity .7s ease, -webkit-transform .3s ease
}

.modal__content.modal-service__content {
  opacity: 0;
  width: 500px;
  padding: 64px;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity .7s ease, -webkit-transform .3s ease;
  transition: opacity .7s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, opacity .7s ease;
  transition: transform .3s ease, opacity .7s ease, -webkit-transform .3s ease
}

@media (max-width: 575px) {
  .modal__content.modal-service__content {
    width: 100%;
    padding: 24px;
    padding-top: 64px;
    padding-bottom: 64px
  }
}

.modal-service__title {
  font-size: 40px;
  display: block;
  color: #000;
  font-weight: 570;
  margin-bottom: 24px;
  line-height: 1
}

@media (max-width: 575px) {
  .modal-service__title {
    font-size: 24px
  }
}

.modal-service__description {
  color: #555;
  margin-bottom: 32px;
  line-height: 1.5;
  font-size: 16px;
  font-weight: 420
}

.modal-service__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  row-gap: 32px
}

.modal-service__item {
  position: relative
}

.modal-service__label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  color: #000;
  pointer-event: none;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

.modal-service__item input:focus ~ label, .modal-service__item input:valid ~ label {
  top: -12px;
  font-size: 12px;
  color: #6e998b
}

.modal-service__input {
  border-bottom: 1px solid #777;
  background: 0 0;
  width: 100%;
  padding: 8px 0 5px 0;
  font-size: 16px;
  color: #000
}

.modal-service__input:focus {
  outline: 0;
  border-color: #6e998b
}

.modal-service__btn {
  padding: 16px 32px;
  background-color: #000;
  color: #fff;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

@media (hover: hover) {
  .modal-service__btn:hover:not(.focus-visible) {
    color: #6e998b;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
  }
}

.modal-service__btn.focus-visible:focus {
  color: #6e998b;
  -webkit-transition: color .3s ease;
  transition: color .3s ease
}

.description-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1066px;
  margin: 0 auto;
  margin-top: 40px;
  padding: 40px;
  color: #fff;
  background-color: #1d1d1f
}

.description-block--white {
  background-color: #fff;
  color: #000
}

@media (max-width: 1023px) {
  .description-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-radius: 6px
  }
}

.description-block__title {
  font-weight: 570;
  width: 50%;
  font-size: 24px
}

@media (max-width: 1023px) {
  .description-block__title {
    width: 100%;
    max-width: 100%;
    font-size: 20px
  }
}

.description-block__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

@media (max-width: 1023px) {
  .description-block__link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    width: 100%;
    max-width: 100%
  }
}

.description-block__link span {
  font-size: 24px;
  color: rgba(255, 255, 255, .75);
  font-weight: 420;
  margin-right: 4px
}

@media (max-width: 1023px) {
  .description-block__link span {
    font-size: 20px
  }
}

.description-block--white .description-block__link span {
  color: #555
}

.description-block--white .description-block__link svg path {
  stroke: #555
}

.pre-order {
  margin: 120px 0
}

@media (max-width: 1023px) {
  .pre-order {
    margin: 56px 0
  }
}

.who-we {
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .who-we {
    padding-top: 16px;
    margin-bottom: 56px
  }
}

.second-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -8px;
  row-gap: 24px
}

@media (max-width: 1023px) {
  .second-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.second-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 8px;
  width: 25%
}

.second-list__item span {
  font-weight: 570;
  font-size: 48px
}

@media (max-width: 1023px) {
  .second-list__item span {
    font-size: calc(1.425rem + 2.1vw)
  }
}

.second-list__item p {
  color: #555;
  font-size: 20px;
  font-weight: 420
}

@media (max-width: 1023px) {
  .second-list__item {
    width: 50%
  }
}

.another-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.another-slider-wrapper {
  position: relative
}

.another-slider-wrapper .tns-ovh {
  overflow: visible
}

.another-slider__content {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.another-slider__content h3 {
  font-size: 24px;
  font-weight: 570;
  margin-bottom: 8px
}

@media (max-width: 1023px) {
  .another-slider__content h3 {
    font-size: calc(1.275rem + .3vw)
  }
}

.another-slider__content p {
  color: #555;
  font-weight: 420;
  font-size: 18px;
  line-height: 1.25
}

@media (max-width: 575px) {
  .another-slider__content {
    padding: 32px
  }
}

.another__slider__picture {
  display: block;
  position: relative;
  overflow: hidden
}

.another__slider__picture::before {
  position: relative;
  z-index: -1;
  display: block;
  content: "";
  padding-top: 60%
}

@media (max-width: 1023px) {
  .another__slider__picture::before {
    padding-top: 56.25%
  }
}

.another__slider__picture img {
  position: absolute;
  display: block;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width: 1023px) {
  .another__slider__picture img {
    border-radius: 6px 6px 0 0
  }
}

.another-slider__button-next {
  right: 24px;
  -webkit-transition: background-color .3s ease, right .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, right .3s ease-out, opacity .3s ease
}

.another-slider__button-prev {
  left: 24px;
  -webkit-transition: background-color .3s ease, left .3s ease-out, opacity .3s ease;
  transition: background-color .3s ease, left .3s ease-out, opacity .3s ease
}

.another-slider-wrapper:hover .another-slider__button-next {
  right: 16px;
  opacity: 1
}

.another-slider-wrapper:hover .another-slider__button-prev {
  left: 16px;
  opacity: 1
}

.another-slider__button-next, .another-slider__button-prev {
  position: absolute;
  top: calc(50% - 26px);
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, .4);
  border-radius: 50%;
  opacity: 0;
  z-index: 10;
  cursor: pointer
}

.another-slider__button-next::after, .another-slider__button-prev::after {
  display: none
}

.another-slider__button-next:hover, .another-slider__button-prev:hover {
  background-color: #000;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media (max-width: 1023px) {
  .another-slider__button-next, .another-slider__button-prev {
    display: none
  }
}

.another-slider__button-next svg, .another-slider__button-prev svg {
  width: 20px;
  height: 20px
}

.job-direction {
  margin-top: 120px;
  margin-bottom: 120px
}

@media (max-width: 1023px) {
  .job-direction {
    margin-bottom: 56px;
    margin-top: 56px
  }
}

.job-direction__card-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.job-direction__card-area li {
  width: calc(50% - 20px);
  background-color: #f5f5f7;
  padding: 40px;
  margin-top: 40px
}

.job-direction__card-area li:first-child {
  margin-top: 80px
}

@media (max-width: 1023px) {
  .job-direction__card-area li:first-child {
    margin-top: 0
  }

  .job-direction__card-area li {
    width: 100%;
    margin-top: 32px;
    border-radius: 6px;
    padding: 32px
  }
}

.job-direction__content h3 {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 570
}

.job-direction__content p {
  color: #555;
  font-weight: 420;
  font-size: 18px
}

@media (max-width: 1023px) {
  .job-direction__content p {
    line-height: 1.25
  }
}

.job-direction__title {
  font-size: 40px
}

@media (max-width: 1023px) {
  .job-direction__title {
    font-size: calc(1.375rem + 1.5vw)
  }
}

.job-direction__img-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #1d4b40;
  margin-bottom: 80px
}

@media (max-width: 1023px) {
  .job-direction__img-background {
    margin-bottom: 32px
  }
}

.job-direction__logo {
  width: 24px;
  height: 24px
}

@media (max-width: 575px) {
  .job-direction__logo {
    width: 21px;
    height: 21px
  }
}

.modal-job {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.modal-job.is-active {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none
}

.modal-job__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1340px;
  padding: 0;
  opacity: 0;
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px);
  -webkit-transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out;
  transition: opacity .1s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out
}

@media (max-width: 1023px) {
  .modal-job__content {
    max-width: 500px
  }
}

@media (max-width: 575px) {
  .modal-job__content {
    max-width: none
  }
}

@media (max-width: 1023px) {
  .modal-job__content .primary-form__bottom-panel {
    margin-top: 0
  }
}

.modal-job.is-active .modal-job__content {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out;
  transition: opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transition-delay: .3s;
  transition-delay: .3s
}

.modal-job__wrapper {
  padding-top: 28px;
  padding-bottom: 28px
}

@media (max-width: 575px) {
  .modal-job__wrapper {
    padding-left: 0;
    padding-right: 0
  }
}

.modal-job__left-panel {
  padding: 64px;
  width: 58.3%
}

@media (max-width: 1023px) {
  .modal-job__left-panel {
    width: 100%;
    padding: 40px
  }
}

.modal-job__right-panel {
  position: relative;
  width: 41.67%
}

@media (max-width: 1023px) {
  .modal-job__right-panel {
    display: none
  }
}

.modal-job__right-panel::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: .2
}

.modal-job__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.modal-job__title {
  font-size: 40px;
  margin-bottom: 24px
}

@media (max-width: 1199px) {
  .modal-job__title {
    font-size: calc(1.375rem + 1.5vw - 3px)
  }
}

.modal-job__overlay {
  background-color: rgba(0, 0, 0, .2)
}

.modal-job__close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.modal-job__close-btn svg {
  width: 16px;
  height: 16px;
  color: #fff
}

@media (hover: hover) {
  .modal-job__close-btn:hover:not(.focus-visible) {
    background-color: rgba(0, 0, 0, .1)
  }
}

@media (max-width: 1023px) {
  .modal-job__close-btn svg {
    color: #000
  }
}

.modal-job__content .primary-form__remember-me {
  padding-right: 0
}

@media (min-width: 768px) {
  .md\:mt-16 {
    margin-top: 4rem
  }

  .md\:w-2\/4 {
    width: 50%
  }
}

@media (min-width: 1024px) {
  .lg\:mb-14 {
    margin-bottom: 3.5rem
  }

  .lg\:mt-32 {
    margin-top: 8rem
  }

  .lg\:w-2\/4 {
    width: 50%
  }

  .lg\:w-5\/6 {
    width: 83.333333%
  }
}

.title-search-result {
  background: #fff;
  z-index: 2000;
  border-radius: 0 0 6px 6px
}

.title-search-result b {
  color: #ff7c01
}

.title-search-more {
  padding: 0;
  margin: 0
}

.title-search-more a {
  padding: 2px 6px;
  margin-left: 12px;
  display: inline-block
}

.title-search-more a:hover {
  background: #ff7c011c;
  border-radius: 3px
}

.droplist__container .hidden {
  display: none
}


.title-search-result {
  background: #fff;
  z-index: 2000;
  border-radius: 0 0 6px 6px
}

.title-search-result b {
  color: #ff7c01
}

.title-search-more {
  padding: 0;
  margin: 0
}

.title-search-more a {
  padding: 2px 6px;
  margin-left: 12px;
  display: inline-block
}

.title-search-more a:hover {
  background: #ff7c011c;
  border-radius: 3px
}

.droplist__container .hidden {
  display: none
}

@-webkit-keyframes alert-show {
  0% {
    opacity: 0;
    -webkit-transform: translate(13%, 0);
    transform: translate(13%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes alert-show {
  0% {
    opacity: 0;
    -webkit-transform: translate(13%, 0);
    transform: translate(13%, 0)
  }
  to {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.dbogdanoff-alert {
  position: fixed;
  right: 0;
  bottom: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  z-index: 1001;
  pointer-events: none
}

.dbogdanoff-alert__item {
  padding: 10px;
  margin-top: 10px;
  min-width: 275px;
  border-radius: .25rem;
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid #b8daff;
  opacity: 0;
  transition: opacity .25s ease-out
}

.dbogdanoff-alert__item--show {
  opacity: 1;
  -webkit-animation-name: alert-show;
  animation-name: alert-show;
  -webkit-animation-duration: .25s;
  animation-duration: .25s;
  -webkit-animation-timing-function: cubic-bezier(.25, .51, .13, 1.35);
  animation-timing-function: cubic-bezier(.25, .51, .13, 1.35)
}

.dbogdanoff-alert__item--success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}

.dbogdanoff-alert__item--error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.dbogdanoff-alert__item--warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}

@media (max-width: 360px) {
  .dbogdanoff-alert {
    width: 100%
  }
}

.vanta-btn {
  border-radius: 4px!important;
}

.bx-core-window.bx-core-adm-dialog.bx-core-adm-admin-dialog {
  z-index: 10750!important;
}

/* End */
/* /local/templates/cifra/media.css?177030606911467 */
/* /local/templates/cifra/components/bitrix/search.title/cifra/style.css?17564118813135 */
/* /local/templates/cifra/components/bitrix/menu/main/style.css?1749545065798 */
/* /local/templates/cifra/styles.css?177393619039472 */
/* /local/templates/cifra/template_styles.css?1773936190338272 */