/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CUSTOM PRELOAD */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background-color: var(--color-white);-webkit-animation: loader 1.5s linear;animation: loader 1.5s linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@-webkit-keyframes loader {0% {opacity: 1;}70% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}
@keyframes loader {0% {opacity: 1;}70% {opacity: 1;}99% {opacity: 0;}100% {display: none;visibility: hidden;z-index: -10;opacity: 0;}}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ROOT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
:root {
	--color-black: #171717;
    --color-text: #565656;
	--color-white: #fff;
	--color-grey: #E6E6E6;
    --color-red: #E31E24;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
* {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust:none;box-sizing:border-box;}
html:not(.touch-screen)::-webkit-scrollbar,html:not(.touch-screen) *::-webkit-scrollbar {width: 6px;height:6px;}
html:not(.touch-screen)::-webkit-scrollbar-track,html:not(.touch-screen) *::-webkit-scrollbar-track {background: rgba(0,0,0,0.1);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--color-red);}
:focus, :active, :visited {outline: none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html{height: 100%;}
body{height: 100%;overflow: hidden;}
/* body.lock{overflow: hidden;} */
#content-block{overflow: hidden;position: relative;}
html:not(.ie) #content-block{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:100%;}
.overflow-hidden{overflow: hidden;}
html.overflow-hidden body{overflow: hidden;}
html:not(.ie) main{position: relative;-webkit-box-flex:1;-ms-flex:1;flex:1;}
/*hide block*/
.hide-block {opacity: 0;}
/*spacers*/
.spacer-xl {height: 100px;}
.spacer-lg {height: 80px;}
.spacer-md {height: 60px;}
.spacer-sm {height: 40px;}
.spacer-xs {height: 20px;}
/*media*/
@media(min-width: 1640px) and (max-width:1750px){
    .container{max-width: 1460px;}
}
@media(min-width: 1440px) and (max-width:1640px){
    .container{max-width: 1380px;}
}
@media(min-width:1200px) and (max-width:1440px){
    .container{max-width: 1280px;}
}
@media(min-width:1200px) and (max-width:1640px){
    .col-lt-12{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .col-lt-11{-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-lt-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-lt-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-lt-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
    .col-lt-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-lt-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-lt-5 {max-width: 41.666667%;flex: 0 0 41.666667%;-ms-flex: 0 0 41.666667%;}
    .col-lt-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    .col-lt-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-lt-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .offset-lt-0{margin-left:0;}
    .offset-lt-3{margin-left: 25%;}
    .offset-lt-2{margin-left: 16.666667%;}
    .offset-lt-1{margin-left: 8.333333%;}
}
@media(max-width: 1366px){
    .spacer-xl {height: 80px;}
}
@media(max-width: 1199px){
    .spacer-header {height: 30px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body * {font-family: 'TT Interfaces';}
* {-webkit-locale: auto;}
strong {font-weight: 700;}
a {cursor:pointer;text-decoration:none;outline:none;color:inherit;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
a:link, a:visited, a:active, a:hover {cursor:pointer;text-decoration:none;outline:none;}
iframe {border:none;outline:none;}
ul, ol {list-style: none;}
img {width:100%;height:auto;max-width:100%;}
img[data-i-src] {-webkit-transition: opacity 0.25s;-o-transition: opacity 0.25s;transition: opacity 0.25s;opacity: 0;}
img[data-i-src].imgLoaded {opacity: 1;}
sub, sup {font-size: 50%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.4em;}
sub {bottom: -0.4em;}
button {background-color: transparent;border: 0;cursor: pointer;}
/*text*/
.text,.text p {font-size: 20px;line-height: 1.4em;color: var(--color-text);font-weight: 300;}
.text.size-2,.text.size-2 p {font-size: 18px;}
.text.color-black p {color: var(--color-black);}
.text.color-white p {color: var(--color-white);}
.text * {margin-bottom: 15px;}
.text *:last-child {margin-bottom: 0;}
.text img {max-width: 100%;height: auto;display: block;}
.text ul li, .text ol li {position:relative;padding-left: 20px;font-weight: 400;margin-bottom: 10px;}
.text ul li:before {position: absolute;content: "";left: 0;top: 14px;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-red);}
.text ol {counter-reset: number;}
.text ol li:before {position: absolute;top: 4px;left: 0;counter-increment: number;content: counter(number) ".";display: inline-block;font-size: 18px;font-weight: 500;line-height: normal;color: var(--color-red);}
.text a {position:relative;color:var(--color-red);font-weight: 500;cursor:pointer;white-space: nowrap;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.text span {font-weight: 500;color: var(--color-black);}
blockquote {position: relative;display: block;width: 100%;font-size: 20px;font-weight: 500;line-height: 1.6em;color: #1A1A1A;padding: 40px;border-radius: 6px;background-color: #F8F8F8;margin: 10px 0;}
blockquote::before,blockquote::after {position: absolute;z-index: 1;content: '';top: -10px;left: 40px;display: inline-block;width: 60px;height: 34px;background-image: url('../img/icons/blockquote_top.svg');background-repeat: no-repeat;background-size: contain;background-position: center;}
blockquote::after {top: auto;left: auto;bottom: -10px;right: 40px;background-image: url('../img/icons/blockquote_bottom.svg');}
/*titles*/
.title {position: relative;}
h1,.h1 {position: relative;font-size: 54px;line-height: 1.1em;font-weight: 300;color: var(--color-black);}
h2,.h2 {position: relative;font-size: 46px;line-height: 1.1em;font-weight: 300;color: var(--color-black);}
h3,.h3 {position: relative;font-size: 42px;line-height: 1.1em;font-weight: 300;color: var(--color-black);}
h4,.h4 {position: relative;font-size: 36px;line-height: 1.1em;font-weight: 300;color: var(--color-black);}
h5,.h5 {position: relative;font-size: 28px;line-height: 1.2em;font-weight: 300;color: var(--color-black);}
h6,.h6 {position: relative;font-size: 20px;line-height: 1.2em;font-weight: 300;color: var(--color-black);}
/*font-weight*/
.bold {font-weight: 700;}
.semi-bold {font-weight: 600;}
.media {font-weight: 500;}
.normal {font-weight: 400;}
.thin {font-weight: 300;}
.text-upper {text-transform: uppercase;}
/*title-decor*/
.title-decor {display: inline-block;padding-left: 65px;}
.title-decor::before {position: absolute;content: '';top: 6px;left: 0;display: inline-block;width: 50px;height: 46px;background-size: contain;background-position: center;background-repeat: no-repeat;}
.title-decor.title-decor-black::before {background-image: url('../img/icons/title_decor_black.svg');}
.title-decor.title-decor-black-two::before {background-image: url('../img/icons/title_decor_black_two.svg');}
.title-decor.title-decor-white::before {background-image: url('../img/icons/title_decor_white.svg');}
.decor-style-2::before {top: 2px;}
/*title-width*/
.title-width-80 {width: 80%;}
.title-width-60 {width: 60%;}
.title-width-50 {width: 60%;}
.title-width-80.title-width-auto,.title-width-60.title-width-auto,.title-width-50.title-width-auto {margin: 0 auto;}
/*title-block*/
.title-block {position: relative;display: block;width: 100%;padding: 20px;background-image: url('../img/icons/title_block_bg.svg');background-size: auto;background-repeat: repeat-y;background-position: center;}
.title-block .title-block-inner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 25px 30px;background-color: var(--color-black);}
.title-block .title-block-inner .title {letter-spacing: 0.03em;}
.title-block .title-block-inner .title::before {top: 0;}
.title-block .title-block-inner .title.title-decor {padding-left: 65px;}
.title-block .title-block-inner .japan {position: relative;display: block;text-align: right;font-size: 28px;font-weight: 100;letter-spacing: 0.05em;color: #595959;}


@media(max-width: 1199px){
    .title-width-80,.title-width-60,.title-width-50 {width: 100%;}
    .title-block {padding: 15px;}
    .title-block .title-block-inner {padding: 20px;}
    .title-block .title-block-inner .title {font-size: 34px;}
    .title-block .title-block-inner .japan {font-size: 22px;}
    .title-block .title-block-inner .title::before {top: -2px;}
    .title-margin-60 {margin-bottom: 40px;}
}

/*colors*/

.color-white {color: var(--color-white);}
.color-black {color: var(--color-black);}
/*position*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*text-line*/
.text-line-1 {overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-2 {overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-3 {overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-4 {overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-5 {overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;display: -webkit-box;}
.text-line-6 {overflow: hidden;-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box;}
/*title-margin*/
.title-margin-60 {margin-bottom: 60px;}
.title-margin-50 {margin-bottom: 50px;}
.title-margin-40 {margin-bottom: 40px;}
.title-margin-30 {margin-bottom: 30px;}
.title-margin-20 {margin-bottom: 20px;}
.title-margin-10 {margin-bottom: 10px;}
/*media*/
@media(min-width: 1200px){
	.text a:hover {color: var(--color-blue);border-color: var(--color-blue);}
}
@media(max-width: 1640px){
    .title-width-60 {width: 80%;}
    .title-width-50 {width: 65%;}
    .title-block {padding: 18px;}
    .title-block .title-block-inner {padding: 20px 25px;}
    .title-block .title-block-inner .japan {font-size: 26px;}
    blockquote {padding: 35px 30px;}
    blockquote::before,blockquote::after {width: 56px;height: 30px;}
    blockquote::before {left: 35px;}
    blockquote::after {right: 35px;}
}
@media(max-width: 1440px){
	.title-margin-50,.title-margin-40 {margin-bottom: 30px;}
    .title-decor,.title-block .title-block-inner .title.title-decor {padding-left: 55px;}
    .title-decor::before {width: 46px;height: 42px;top: 7px;}
    h1,.h1 {font-size: 46px;}
    h2,.h2 {font-size: 42px;}
    h3,.h3 {font-size: 34px;}
    h4,.h4 {font-size: 32px;}
    h5,.h5 {font-size: 26px;}
    .text,.text p {font-size: 18px;}
    .text.size-2,.text.size-2 p {font-size: 17px;}
    .title-width-50 {width: 85%;}
    .title-block .title-block-inner .japan {font-size: 24px;}
    .title-block .title-block-inner .title::before {top: -2px;}
    .text ul li {padding-left: 18px;}
    .text ul li:before {top: 12px;}
    .text ol li:before {font-size: 17px;top: 3px;}
    blockquote {font-size: 18px;}
    .decor-style-2::before {top: -2px;}
    .title-margin-60 {margin-bottom: 50px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.btn {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;height: 54px;border: 1px solid var(--color-black);background-color: var(--color-black);color: var(--color-white);padding: 0 30px;overflow: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn span {position: relative;z-index: 1;font-size: 14px;font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
/*active*/
.btn.active {background-color: transparent;}
.btn.active span {color: var(--color-black);}
/*red*/
.btn.red {background-color: var(--color-red);border-color: var(--color-red);}
.btn.red.active {background-color: transparent;}
.btn.red.active span {color: var(--color-red);}
/*white*/
.btn.white {background-color: #E6E6E6;border-color: #E6E6E6;}
.btn.white span {color: var(--color-black);}
.btn.white.active {background-color: transparent;}
.btn.white.active span {color: #565656;}
/*decor*/
.btn.decor::before {position: absolute;content: '';top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background-image: url('../img/icons/btn_decor.svg');background-size: auto;background-repeat: repeat;background-position: top center;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*simple*/
.simple-btn {position: relative;display: inline-block;}
.simple-btn span {position: relative;display: inline-block;z-index: 1;font-size: 18px;line-height: 1.2em;font-weight: 600;letter-spacing: 0.01em;color: var(--color-black);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.simple-btn.red span {color: var(--color-red);}
/*btn-more*/
.btn-more {position: absolute;z-index: 1;top: 0;left: 0;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: 180px;height: 180px;border-radius: 50%;background-color: var(--color-red);border: 1px solid var(--color-red);}
.btn-more::before {position: absolute;content: '';z-index: 1;top: 0;left: 0;display: inline-block;width: 100%;height: 100%;background-image: url('../img/icons/btn_more.svg');background-position: center;background-repeat: no-repeat;background-size: contain;border-radius: 50%;border: 1px solid var(--color-red);-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-more:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
.btn-more span {position: relative;z-index: 1;display: inline-block;font-size: 16px;line-height: 1.4em;font-weight: 600;color: var(--color-white);letter-spacing: 0.05em;text-transform: uppercase;}
/*close*/
.btn-close,.card-close {position: absolute;top: 10px;right: 10px;display: inline-block;width: 16px;height: 16px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-close::before,.btn-close::after,
.card-close::before,.card-close::after {position: absolute;content: '';top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;margin-top: -1px;background-color: var(--color-black);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-close::before,.card-close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.btn-close::after,.card-close::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.btn-close:active,.card-close:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.btn-close.white::before,.btn-close.white::after {background-color: var(--color-white);}
.card-close {top: 19px;right: 15px;}
/*btn-full*/
.btn.btn-full {width: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
/*btn-block*/
.btn-block {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.btn-block .btn {margin-right: 5px;}
.btn-block .btn:last-child {margin-right: 0;}
/*disabled*/
.btn.disabled {opacity: 0.5;pointer-events: none;}
/*media*/
@media(min-width: 1200px){
	.btn:hover {background-color: transparent;}
    .btn:hover span {color: var(--color-black);}
    .btn.active:hover {background-color: var(--color-black);}
    .btn.active:hover span {color: var(--color-white);}
    .btn.red:hover span {color: var(--color-red);}
    .btn.red.active:hover {background-color: var(--color-red);}
    .btn.red.active:hover span {color: var(--color-white);}
    .btn.white:hover span {color: #565656;}
    .btn.white.active:hover {background-color: #E6E6E6;}
    .btn.white.active:hover span {color: var(--color-black);}
    .btn.decor:hover {background-color: var(--color-white);}
    .btn.decor:hover::before {top: 10px;opacity: 0;}
    .btn.decor:hover span {color: var(--color-red);}
    .btn.active.red-hover:hover {background-color: var(--color-red);border-color: var(--color-red);}
    .btn.active.red-hover:hover span {color: var(--color-white);}
    .simple-btn span:hover {color: var(--color-red);}
    .simple-btn.red span:hover {color: var(--color-black);}
    .btn-close:hover::before,.btn-close:hover::after,
    .card-close:hover::before,.card-close:hover::after {background-color: var(--color-red);}
    .btn-close.white:hover::before,.btn-close.white:hover::after {background-color: var(--color-text);}
    .btn-more:hover::before {-webkit-transform: translate(-12px, -12px);-ms-transform: translate(-12px, -12px);transform: translate(-12px, -12px);}
}
@media(max-width: 1640px){
    .btn-more {width: 160px;height: 160px;}
}
@media(max-width: 1440px){
    .btn {height: 50px;padding: 0 25px;}
    .btn-more {width: 140px;height: 140px;}
    .btn-more span {font-size: 15px;}
}

@media(max-width: 1199px){
    .simple-btn span {font-size: 17px;}
    .btn {height: 48px;}
    .btn-more {display: none;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* PAGE DECOR */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.page-decor {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.page-decor span {position: absolute;display: inline-block;opacity: 0.7;}
.page-decor span.left {left: -5px;}
.page-decor span.right {right: -5px;}
.page-decor span img {position: relative;display: inline-block;width: 400px;}
.page-decor span.left img {-webkit-transform-origin: center left;-ms-transform-origin: center left;transform-origin: center left;}
.page-decor span.right img {-webkit-transform-origin: center right;-ms-transform-origin: center right;transform-origin: center right;}
/*home*/
.home span:nth-child(1) {top: 41%;}
.home span:nth-child(2) {top: 48%;}
.home span:nth-child(3) {top: 55%;}
/*search*/
.search span {top: -6%;}
/*block-404-decor*/
.block-404-decor span:nth-child(1) {top: -13%;right: -3%;}
.block-404-decor span:nth-child(2) {top: 49%;left: -4%;}
/*about*/
.about span:nth-child(1) {top: 8%;}
.about span:nth-child(2) {top: 26%;}
.about span:nth-child(3) {top: 30%;}
.about span:nth-child(4) {top: 52%;}
.about span:nth-child(5) {top: 65%;}
/*action*/
.action span:nth-child(1) {top: 8%;}
.action span:nth-child(2) {top: 36%;}
.action span:nth-child(3) {top: 66%;}
/*action-detail*/
.action-detail span {top: 8%;}
/*thank*/
.thank span:nth-child(1) {top: -17%;}
.thank span:nth-child(2) {top: 75%;}
/*like*/
.like span:nth-child(1) {top: -20%;}
.like span:nth-child(2) {top: 75%;}
/*delivery*/
.delivery span:nth-child(1) {top: -15%;}
.delivery span:nth-child(2) {top: 74%;}
/*review*/
.review span {top: 75%;}
/*contact*/
.contact span:nth-child(1) {top: -15%;}
.contact span:nth-child(2) {top: 74%;}
/*checkout*/
.checkout span:nth-child(1) {top: -13%;}
.checkout span:nth-child(2) {top: 76%;}
/*user-data*/
.user-data-page span,.user-history-page span {top: 55%;}
/*user-like-page*/
.user-like-page span {top: 65%;}
/*media*/
@media(max-width: 1640px){
    .page-decor img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
    /*home*/
    .home span:nth-child(1) {top: 48%;}
    .home span:nth-child(2) {top: 53%;}
    .home span:nth-child(3) {top: 54%;}
    /*about*/
    .about span:nth-child(1) {top: 6%;}
}
@media(max-width: 1440px){
    .page-decor img {-webkit-transform: scale(0.8);-ms-transform: scale(0.8);transform: scale(0.8);}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNER BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner-block-sec {position: relative;display: block;width: 100%;}
.banner {position: relative;overflow: hidden;display: table-cell;vertical-align: middle;width: 10000px;height: 300px;padding-bottom: 36%;background-color: var(--color-grey);}
.banner .bg,.bg {background-position: 50% 50%;background-repeat: no-repeat;background-attachment: scroll;background-size: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.banner .bg.mobile {display: none;}
.banner-opacity.mobile {display: none;}
.banner-opacity::before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to left, #000000 0%, rgba(0, 0, 0, 0) 67.84%);}
.banner-opacity-top::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 30%;background-image: linear-gradient(180deg, #000000 -12.79%, rgba(0, 0, 0, 0) 60.23%);}
.banner-opacity-bottom::before {position: absolute;content: '';z-index: 1;bottom: 0;left: 0;display: block;width: 100%;height: 74%;background-image: linear-gradient(360deg, #000000 -2.46%, rgba(0, 0, 0, 0) 74.58%);}
.banner-video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;clip: rect(auto,auto,auto,auto);}
.banner-video video {position: fixed;left: 50%;top: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner-cont {position: absolute;z-index: 2;left: 50%;bottom: 50px;display: block;text-align: center;width: 55%;margin: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.banner-cont.mobile {display: none;}
.banner-link {overflow: hidden;}
.banner-link .banner-link-block {position: relative;display: block;width: 100%;height: 100%;-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;}
/*home-banner*/
.home-banner {position: relative;display: block;width: 92%;height: 600px;opacity: 0;visibility: hidden;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
body.site-ready .home-banner {opacity: 1;visibility: visible;}
.home-banner .swiper-slide {position: relative;width: 100%;height: 100%;overflow: hidden;}
.home-banner .swiper-button-prev,.home-banner .swiper-button-next {position: absolute;right: 0;top: 0;left: auto;margin: 0;}
.home-banner .swiper-button-prev {top: 50px;border-top: none;}
.home-banner .banner-btns {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home-banner .btn-more {bottom: 0;right: 0;left: auto;top: auto;z-index: 2;display: none;-webkit-transform: translate(90px, -70px);-ms-transform: translate(90px, -70px);transform: translate(90px, -70px);}
.home-banner .btn-more.active {display: -webkit-box;display: -ms-flexbox;display: flex;}
.home-banner .banner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 600px;padding: 0;background-color: transparent;}
.home-banner .banner-cont {bottom: 70px;right: 140px;left: auto;text-align: left;width: 32%;transform: none;}
.home-banner .banner-cont .title {color: var(--color-white);margin-bottom: 10px;}
.home-banner .banner-cont .text {color: rgba(255, 255, 255, 0.8);font-size: 24px;}
.home-banner .swiper-pagination {display: none;}
/*simple banner*/
.banner.simple-banner {display: block;width: 100%;background-color: transparent;height: auto;padding: 0;margin-top: 50px;}
.banner.simple-banner .banner-cont {position: relative;left: auto;bottom: auto;transform: none;width: 100%;padding-bottom: 20px;}
.banner.simple-banner .banner-cont::before {position: absolute;content: '';left: 0;bottom: 0;display: block;width: 100%;height: 20px;background-image: url('../img/icons/simple_banner.svg');background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner.simple-banner .banner-cont .title {margin-bottom: 20px;}
/*media*/
@media(min-width: 1200px){
    .banner-link .banner-link-block:hover {-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
}
@media(max-width: 1640px){
    .home-banner {width: 93%;}
    .home-banner,.home-banner .banner {height: 520px;}
    .home-banner .btn-more {-webkit-transform: translate(80px, -60px);-ms-transform: translate(80px, -60px);transform: translate(80px, -60px);}
    .home-banner .banner-cont {bottom: 50px;right: 100px;width: 36%;}
    .home-banner .banner-cont .text {font-size: 22px;}
    .banner-cont {bottom: 40px;}
}
@media(max-width: 1440px){
    .home-banner,.home-banner .banner {height: 470px;}
    .home-banner .btn-more {-webkit-transform: translate(70px, -50px);-ms-transform: translate(70px, -50px);transform: translate(70px, -50px);}
    .home-banner .banner-cont {bottom: 30px;right: 90px;width: 46%;}
    .home-banner .swiper-button-prev {top: 48px;}
    .home-banner .banner-cont .text {font-size: 20px;}
    .home-banner .swiper-button-prev, .home-banner .swiper-button-next {display: -webkit-box;display: -ms-flexbox;display: flex;}
    .banner-cont {width: 60%;}
}

@media(max-width: 1199px){
    .home-banner {width: 100%;height: auto;}
    .home-banner::before {position: absolute;z-index: 1;content: '';bottom: -10px;left: 0;width: 100%;height: calc(100% - 390px);background-color: var(--color-white);}
    .home-banner .banner {height: 400px;}
    .banner-opacity.mobile {display: block;}
    .banner .bg,.home-banner .banner-btns,.home-banner .swiper-button-prev,.home-banner .swiper-button-next,.home-banner .banner-cont {display: none;}
    .banner .bg.mobile,.home-banner .swiper-pagination {display: block;}
    .banner-cont.mobile {position: relative;display: block;width: 100%;text-align: left;left: auto;bottom: auto;right: auto;top: auto;margin-top: 20px;-webkit-transform: none;-ms-transform: none;transform: none;}
    .banner-cont.mobile .title {color: var(--color-black);margin-bottom: 15px;}
    .banner-cont.mobile .text {color: var(--color-text);margin-bottom: 15px;}
    .home-banner .banner-cont .text {font-size: 16px;}
    .banner-cont {width: 72%;bottom: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* COOKIES POPUP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.cookies-popup {position: fixed;z-index: 2;left: 20px;bottom: 0;display: inline-block;background-color: var(--color-white);opacity: 0;visibility: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.cookies-popup.active {opacity: 1;visibility: visible;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
.cookies-block,.cookies-cont {position: relative;display: block;width: 100%;}
.cookies-block {padding: 20px;padding-top: 26px;}
.cookies-cont {max-width: 320px;}
.cookies-cont .semi-bold {margin-bottom: 5px;}
.cookies-cont .text {font-size: 16px;}
.cookies-cont .cookies-buttons {position: relative;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%;margin-top: 10px;}
.cookies-cont .cookies-buttons .simple-btn span {font-size: 14px;}
/*media*/
@media(max-width: 1440px){
    .cookies-block {padding: 15px;padding-top: 22px;}
    .cookies-block .btn-close {top: 6px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header {position: fixed;display: block;width: 100%;z-index: 6;background-color: var(--color-white);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
header .layer-close {display: none;}
header.active-layer-close .layer-close {position: fixed;display: block;height: 100vh;z-index: 3;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.7);}
header.active-layer-close .layer-close.style-2 {top: 110px;}
header.scrolled {box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
header.hide {-webkit-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);}
header.hide.active-layer-close .layer-close {-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);}
.header-inner {position: relative;display: block;width: 100%;}
.header-margin {margin-bottom: 120px;}
/*top*/
.header-top {position: relative;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%;height: 50px;background-color: #040404;padding: 0 30px;}
.header-delivery-city,.header-time,.header-lan {position: relative;display: inline-block;}
.header-delivery-city p a,.header-delivery a,.header-time a,.header-user-paner a svg path,.list ul,.list ul li a,
.header-burger::before,.header-burger::after,.header-burger span,.header-basket,.header-menu li a svg path,.header-menu li a span,
.header-menu li .list .list-svg path,.header-menu li .list .list-link,.header-menu li .list .list-link::before,.header-menu li .list ul li a svg path,
.header-left-menu,.header-left-menu ul li a,.header-lan .header-lan-main::before,.header-burger,
header.user .header-user-paner .with-class-user svg path,header.user .header-user-paner .with-class-user p,
header.user .header-user-paner .with-class-user p::before,header.user .header-user-paner .with-class-user ul li a svg path,
.header-basket-label {-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-delivery-city p {position: relative;display: inline-block;font-size: 16px;line-height: 1.2em;color: #E6E6E6;}
.header-delivery-city p a {color: var(--color-red);border-bottom: 1px dashed var(--color-red);margin-left: 5px;}
.header-delivery .header-delivery-wrapper {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
.header-delivery,.header-delivery .header-delivery-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-delivery .header-delivery-block {margin-right: 20px;}
.header-delivery .header-delivery-block:last-child {margin-right: 0;}
.header-delivery .header-delivery-block img {position: relative;display: inline-block;width: 20px;min-width: 20px;margin-right: 7px;}
.header-delivery .header-delivery-block p {position: relative;display: block;font-size: 14px;line-height: 1.2em;color: #D2D2D2;margin-bottom: 3px;}
.header-delivery .header-delivery-block p:last-child {margin-bottom: 0;}
.header-delivery .header-delivery-block p .green {font-weight: 600;color: #009432;margin-left: 5px;}
.header-delivery .header-delivery-block p .yellow {font-weight: 600;color: #f9ca24;margin-left: 5px;}
.header-delivery a {position: relative;display: inline-block;font-size: 16px;color: var(--color-white);margin-left: 30px;}
.header-time {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-time a {position: relative;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.2em;font-weight: 600;text-transform: uppercase;letter-spacing: 0.01em;color: var(--color-white);margin-right: 20px;}
.header-time a img {position: relative;display: inline-block;width: 20px;min-width: 20px;margin-right: 5px;}
.header-time p {position: relative;display: inline-block;font-size: 14px;line-height: 1.2em;color: #D2D2D2;}
.header-time p span {font-weight: 500;color: var(--color-white);}
.header-user {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;}
.header-lan {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;}
.header-lan .header-lan-main {position: relative;display: inline-block;font-size: 16px;letter-spacing: 0.02em;color: var(--color-white);padding-right: 18px;}
.header-lan .header-lan-main::before {position: absolute;content: '';top: 50%;right: 0;display: inline-block;border-top: 4px solid var(--color-white);border-left: 4px solid transparent;border-right: 4px solid transparent;margin-top: -1px;}
.header-lan.active .header-lan-main::before {border-top: 4px solid transparent;border-bottom: 4px solid var(--color-white);margin-top: -4px;}
.list ul {position: absolute;z-index: 5;top: calc(100% + 10px);left: -15px;display: inline-block;width: 80px;padding: 15px;background-color: var(--color-white);border: 1px solid #E6E6E6;opacity: 0;visibility: hidden;}
.list ul li {position: relative;display: block;width: 100%;margin-bottom: 10px;}
.list ul li:last-child {margin-bottom: 0;}
.list ul li a {position: relative;display: inline-block;font-size: 16px;font-weight: 500;line-height: 1.2em;letter-spacing: 0.02em;color: var(--color-black);}
.list.active ul {opacity: 1;visibility: visible;top: 100%;}
.header-user-paner {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: 25px;}
.header-user-paner a {position: relative;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: 48px;height: 48px;border-radius: 50%;margin-right: 10px;}
.header-user-paner a:last-child {margin-right: 0;}
.header-user-paner a:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.header-user-paner a svg {position: relative;display: inline-block;width: 19px;}
.header-user-paner a svg path {fill: #fff;}
.header-user-paner a svg.all path {stroke: #fff;}
/*bottom*/
.header-bottom {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: 70px;background-color: var(--color-white);border: 1px solid #E6E6E6;}
.header-bottom-left {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
/*logo and burger*/
.header-logo {position: relative;display: inline-block;padding: 0 50px;}
.header-logo img {position: relative;display: inline-block;width: 112px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.header-burger {position: relative;z-index: 1;display: inline-block;width: 26px;height: 18px;cursor: pointer;}
.header-burger::before,.header-burger::after {position: absolute;content: '';top: 0;left: 0;display: inline-block;width: 100%;height: 2px;background-color: var(--color-black);}
.header-burger::after {top: auto;bottom: 0;}
.header-burger span {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;margin-top: -1px;background-color: var(--color-black);}
.header-burger.active::before {top: 8px;transform: rotate(45deg);}
.header-burger.active::after {bottom: 8px;transform: rotate(-45deg);}
.header-burger.active span {left: 5px;opacity: 0;visibility: hidden;}
/*menu*/
.header-menu {position: absolute;display: block;text-align: center;height: 100%;padding: 0 30px;}
.header-menu > ul {position: relative;display: flex;height: 100%;}
.header-menu li {position: relative;display: inline-block;height: 100%;margin-right: 50px;}
.header-menu li:last-child {margin-right: 0;}
.header-menu li a,.header-menu li .list {position: relative;top: -1px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: calc(100% + 2px);cursor: pointer;}
.header-menu li a img,.header-menu li a svg,.header-menu li .list .list-svg,.header-menu li .list ul li a svg {position: relative;display: inline-block;width: 30px;min-width: 30px;margin-right: 10px;}
.header-menu li a svg path,.header-menu li .list .list-svg path,.header-menu li .list ul li a svg path {fill: #171717;}
.header-menu li a span,.header-menu li .list .list-link,.header-menu li .list ul li a span {position: relative;display: inline-block;font-size: 16px;line-height: 1.2em;font-weight: 600;text-transform: uppercase;color: var(--color-black);}
.header-menu li .list .list-link {padding-right: 20px;height: auto;top: 1px;}
.header-menu li .list .list-link::before {position: absolute;content: '';top: 50%;right: 0;display: inline-block;border-bottom: 4px solid transparent;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid var(--color-black);margin-top: -1px;}
.header-menu li .list::before {position: absolute;z-index: 1;content: '';top: 50%;right: -10px;display: inline-block;width: 30px;height: 30px;margin-top: -15px;background-color: transparent;}
.header-menu li .list.active .list-link::before {border-top: 4px solid transparent;border-bottom: 4px solid var(--color-red);margin-top: -5px;}
.header-menu li .list ul {position: absolute;width: 282px;height: auto;padding: 20px;left: -20px;}
.header-menu li .list.active ul {top: calc(100% - 1px);}
.header-menu li .list ul li {margin-bottom: 20px;}
.header-menu li .list ul li:last-child {margin-bottom: 0;}
.header-menu li .list ul li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-menu li .list ul li a span {font-weight: 500;padding: 0;}
.header-menu li .list ul li a span::before {display: none;}
.header-menu li .list.active .list-svg path {fill: #E31E24;}
.header-menu li .list.active .list-link {color: var(--color-red);}
/*basket*/
.header-basket {position: absolute;top: -1px;right: -1px;display: inline-block;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: calc(100% + 2px);padding-left: 25px;padding-right: 25px;background-color: var(--color-red);}
.header-basket:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.header-basket img {position: relative;display: inline-block;width: 17px;min-width: 17px;margin-right: 10px;}
.header-basket span {position: relative;display: inline-block;font-size: 16px;line-height: 1.2em;color: var(--color-white);}
.header-basket .header-basket-label {display: none;}
/*menu-mobile*/
.header-left-menu {position: fixed;z-index: 3;left: 0;top: 0;display: -webkit-box;display: -ms-flexbox;display: flex;width: 380px;height: 100vh;padding: 60px 60px 20px 0;overflow: auto;background-color: var(--color-white);will-change: transform;-webkit-transform: translateX(-380px);-ms-transform: translateX(-380px);transform: translateX(-380px);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.header-left-menu::before {position: absolute;content: '';top: 0;right: 0;display: inline-block;width: 20px;height: 100%;background-image: url('../img/icons/header_left_menu.svg');background-size: auto;background-position: center;background-repeat: repeat;}
.header-left-menu.active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
.header-left-menu-close {position: absolute;cursor: pointer;z-index: 1;top: 20px;right: 40px;font-size: 26px;font-weight: 600;color: var(--color-black);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-left-menu ul {position: relative;z-index: 1;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: normal;-ms-flex-direction: column;flex-direction: column;width: 100%;padding-left: 50px;padding-bottom: 40px;}
.header-left-menu ul li {position: relative;display: block;width: 100%;margin-bottom: 40px;}
.header-left-menu ul li:last-child {margin-bottom: 0;}
.header-left-menu ul li a {position: relative;display: inline-block;font-size: 20px;line-height: 1.2em;color: var(--color-black);}
.header-left-menu .header-left-info {position: absolute;left: 0;bottom: 20px;display: block;width: 100%;padding-left: 50px;}
.header-left-menu .header-left-info .header-delivery,.header-left-menu .header-left-info .header-time {display: none;}
.header-left-menu .header-left-info .footer-socials a:nth-child(1)::after,
.header-left-menu .header-left-info .footer-socials a:nth-child(2)::after {background-color: var(--color-white);}
.header-left-menu .header-left-info .footer-socials a svg path ~ defs stop {-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.header-left-decor {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.header-left-decor img {position: absolute;top: -2px;left: -2px;display: inline-block;width: auto;-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;}
header.hide .header-left-menu {-webkit-transform: translate(-380px, 50px);-ms-transform: translate(-380px, 50px);transform: translate(-380px, 50px);}
header.hide .header-left-menu.active {-webkit-transform: translate(0, 50px);-ms-transform: translate(0, 50px);transform: translate(0, 50px);}
/*user*/
.header-user-paner .with-class-user {display: none;}
header.user .header-basket .header-basket-label,.header-user-paner .header-like span {position: absolute;z-index: 1;margin-top: -22px;margin-left: 9px;display: inline-block;text-align: center;width: 17px;height: 17px;font-weight: 300;border-radius: 50%;font-size: 12px;line-height: 17px;color: var(--color-white);background-color: var(--color-black);}
.header-user-paner .header-like span {color: var(--color-white);background-color: var(--color-red);margin-left: 16px;margin-top: -16px;}
header.user .header-user-paner {align-items: center;}
header.user .header-user-paner a {width: auto;padding: 0 12px;}
header.user .header-user-paner .with-header {display: none;}
header.user .header-user-paner .with-class-user {position: relative;height: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;cursor: pointer;padding: 0 12px;}
header.user .header-user-paner .with-class-user svg {position: relative;display: inline-block;width: 19px;min-width: 19px;margin-right: 10px;}
header.user .header-user-paner .with-class-user svg path {fill: #fff;}
header.user .header-user-paner .with-class-user p {position: relative;display: inline-block;font-size: 14px;line-height: 1.2em;color: var(--color-white);padding-right: 18px;}
header.user .header-user-paner .with-class-user p::before {position: absolute;content: '';top: 50%;right: 0;display: inline-block;border-top: 4px solid var(--color-white);border-left: 4px solid transparent;border-right: 4px solid transparent;margin-top: -1px;}
header.user .header-user-paner .with-class-user ul {width: 220px;padding: 0;padding-top: 20px;left: auto;right: -20px;transition:none;}
header.user .header-user-paner .with-class-user ul li {margin-bottom: 20px;padding: 0 20px;}
header.user .header-user-paner .with-class-user ul li:last-child {margin-bottom: 0;}
header.user .header-user-paner .with-class-user ul li.exit {padding: 15px 20px;background-color: #F8F8F8;}
header.user .header-user-paner .with-class-user ul li a {padding: 0;height: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
header.user .header-user-paner .with-class-user ul li a svg {position: relative;display: inline-block;width: 20px;min-width: 20px;margin-right: 10px;}
header.user .header-user-paner .with-class-user ul li a svg path {fill: #171717;}
header.user .header-user-paner .with-class-user ul li a svg.stroke path {stroke: #171717;}
header.user .header-user-paner .with-class-user.active svg.main-svg path {fill: #E31E24;stroke: #E31E24;}
header.user .header-user-paner .with-class-user.active p {color: var(--color-red);}
header.user .header-user-paner .with-class-user.active p::before {border-top: 4px solid transparent;border-bottom: 4px solid var(--color-red);margin-top: -5px;}
header.user .header-user-paner .with-class-user.active ul{-webkit-transition: all 0.3s;transition: all 0.3s;}
/*cart-empty*/
.cart-empty {position: absolute;z-index: 4;top: 150px;right: 45px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 20px 25px;background-color: var(--color-white);border: 2px solid var(--color-grey);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.cart-empty.active {opacity: 1;visibility: visible;top: 135px;}
.cart-empty::before {position: absolute;z-index: 1;content: '';top: -12px;right: 28px;border-bottom: 12px solid var(--color-grey);border-left: 10px solid transparent;border-right: 10px solid transparent;}
.cart-empty::after {position: absolute;z-index: 1;content: '';top: -9px;right: 30px;border-bottom: 10px solid var(--color-white);border-left: 8px solid transparent;border-right: 8px solid transparent;}
.cart-empty-imgs {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 44px;min-width: 44px;margin-right: 25px;}
.cart-empty-imgs img {position: relative;display: inline-block;width: 100%;}
.cart-empty-cont {position: relative;display: block;width: 100%;}
.cart-empty-cont .title {font-size: 18px;}
.cart-empty-cont .text {font-size: 16px;}
/*like-empty*/
.like-empty {position: absolute;z-index: 4;top: 75px;right: 82px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 285px;padding: 20px 25px;background-color: var(--color-white);border: 2px solid var(--color-grey);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.like-empty.active {opacity: 1;visibility: visible;top: 45px;}
.like-empty::before {position: absolute;z-index: 1;content: '';top: -12px;right: 28px;border-bottom: 12px solid var(--color-grey);border-left: 10px solid transparent;border-right: 10px solid transparent;}
.like-empty::after {position: absolute;z-index: 1;content: '';top: -9px;right: 30px;border-bottom: 10px solid var(--color-white);border-left: 8px solid transparent;border-right: 8px solid transparent;}
.like-empty-imgs {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;width: 44px;min-width: 44px;margin-right: 25px;}
.like-empty-imgs img {position: relative;display: inline-block;width: 100%;}
.like-empty-cont {position: relative;display: block;width: 100%;}
.like-empty-cont .title {font-size: 18px;}
header.user .like-empty {right: 133px;}
.on-mobile,.header-bottom .header-user-paner,.header-plus {display: none;}
/*media*/
@media(min-width: 1200px){
    .header-delivery-city p a:hover {color: var(--color-white);border-color: var(--color-white);}
    .header-delivery a:hover,.header-time a:hover,.list ul li a:hover,.header-menu li a:hover span,
    .header-menu li .list:hover .list-link,.header-menu li .list ul li a:hover span,.header-left-menu ul li a:hover {color: var(--color-red);}
    .header-user-paner a:hover svg path,.header-menu li a:hover svg path,.header-menu li .list:hover .list-svg path,
    .header-menu li .list ul li a:hover svg path,header.user .header-user-paner .with-class-user:hover svg.main-svg path,
    header.user .header-user-paner .with-class-user ul li a:hover svg path {fill: #E31E24;}
    header.user .header-user-paner .with-class-user ul li a:hover svg.stroke path {stroke: #E31E24;}
    .header-user-paner a:hover svg.all path,header.user .header-user-paner .with-class-user:hover svg.all path {stroke: #E31E24;}
    .header-basket:hover {background-color: var(--color-black);}
    .header-burger:hover span,.header-burger:hover::before,.header-burger:hover::after {background-color: var(--color-red);}
    header.user .header-basket:hover .header-basket-label {background-color: var(--color-red);}
    .header-left-menu .header-left-info .footer-socials a:nth-child(1):hover svg path {fill: url('#instGrad');}
    .header-left-menu .header-left-info .footer-socials a:hover svg path ~ defs stop:nth-child(1) {stop-color: #8010F3;}
    .header-left-menu .header-left-info .footer-socials a:hover svg path ~ defs stop:nth-child(2) {stop-color: #D321B8;}
    .header-left-menu .header-left-info .footer-socials a:hover svg path ~ defs stop:nth-child(3) {stop-color: #FE9119;}
    .header-left-menu .header-left-info .footer-socials a:nth-child(2):hover svg path {fill: #1877F2;}
    .header-left-menu-close:hover {color: var(--color-red);}
}
@media(max-width: 1750px){
    .header-logo {padding: 0 30px;}
    .header-menu {padding: 0 20px;}
    .header-menu li {margin-right: 40px;}
}
@media(max-width: 1640px){
    .header-top {padding: 0 10px;}
    .header-logo {padding: 0 25px;}
    .header-logo img {width: 100px;}
    .header-basket {padding-left: 20px;padding-right: 20px;}
    .header-menu {padding: 0 20px;}
    .header-menu li a span,.header-menu li .list .list-link,.header-menu li .list ul li a span {font-size: 15px;}
    .header-menu li {margin-right: 30px;}
    .header-menu li .list .list-link {padding-right: 16px;}
    .header-menu li .list .list-link::before {margin-top: -2px;}
    .header-menu li .list.active .list-link::before {margin-top: -7px;}
    .header-menu li .list ul {padding: 15px;left: -15px;width: 255px;}
    .header-left-menu ul {padding-left: 35px;}
    header.user .header-user-paner .with-class-user ul {padding-top: 15px;right: -15px;width: 210px;}
    header.user .header-user-paner .with-class-user ul li {padding: 0 15px;}
    header.user .header-user-paner .with-class-user ul li.exit {padding: 15px;}
    .cart-empty {right: 35px;padding: 20px;}
    .like-empty {padding: 20px;right: 77px;}
    header.user .like-empty {right: 129px;}
    .header-left-menu .header-left-info {padding-left: 35px;}
    .header-left-decor img {-webkit-transform: scale(0.95);-ms-transform: scale(0.95);transform: scale(0.95);}
    .header-menu li a img,.header-menu li a svg,.header-menu li .list .list-svg,.header-menu li .list ul li a svg {width: 25px;height: 25px;min-width: 25px;margin-right: 8px;}
    .header-delivery a {margin-left: 15px;font-size: 14px;}
    .header-user-paner {margin-left: 15px;}
    .header-user-paner a {width: 40px;height: 40px;}
    .header-time a {margin-right: 15px;font-size: 14px;}
    .header-delivery-city p,.header-time p {font-size: 14px;}
}
@media(max-width: 1440px){
    .header-top {padding: 0 5px;}
    .header-delivery-city p,.header-time p {font-size: 13px;}
    .header-time a,.header-delivery a {font-size: 13px;}
    .header-delivery a {margin-left: 10px;}
    .header-time a {margin-right: 10px;}
    .header-logo {padding: 0 20px;}
    .header-margin {margin-bottom: 110px;}
    .header-delivery .header-delivery-block p {font-size: 13px;}
    .header-delivery .header-delivery-block {margin-right: 15px;}
    .header-lan .header-lan-main {font-size: 14px;}
    .header-bottom {height: 60px;}
    .header-logo img {width: 85px;}
    .header-burger {width: 22px;height: 14px;}
    .header-basket {padding-left: 15px;padding-right: 15px;}
    .header-basket span {font-size: 15px;}
    .header-menu {padding: 0 10px;}
    .header-menu li {margin-right: 20px;}
    .header-menu li a img,.header-menu li a svg,.header-menu li .list .list-svg,.header-menu li .list ul li a svg {width: 22px;height: 22px;min-width: 22px;}
    .header-menu li a span,.header-menu li .list .list-link,.header-menu li .list ul li a span {font-size: 13px;}
    .list ul {padding: 10px;left: -10px;width: 70px;}
    .header-menu li .list ul li {margin-bottom: 18px;}
    .header-left-menu::before {width: 15px;}
    .header-left-menu ul {padding-left: 25px;}
    .header-left-menu ul li {margin-bottom: 30px;}
    .header-left-menu ul li a {font-size: 18px;}
    .header-user-paner {margin-left: 10px;}
    .header-user-paner a {width: 32px;height: 32px;margin-right: 2px;}
    .header-delivery .header-delivery-block img,.header-time a img {width: 16px;min-width: 16px;height: 16px;margin-right: 5px;}
    .header-user-paner a svg {width: 16px;}
    header.user .header-user-paner a,header.user .header-user-paner .with-class-user {padding: 0 8px;}
    header.user .header-basket .header-basket-label {margin-left: 10px;}
    header.user .header-user-paner {margin-left: 10px;}
    header.user .header-delivery .header-delivery-block {margin-right: 10px;}
    header.user .header-delivery .header-delivery-block:last-child {margin-right: 0;}
    header.user .header-delivery a {margin-left: 10px;}
    header.user .header-time a {margin-right: 10px;}
    .cart-empty {top: 140px;}
    .cart-empty.active {top: 125px;}
    .cart-empty-imgs,.like-empty-imgs {width: 42px;height: 42px;min-width: 42px;}
    .like-empty {right: 50px;}
    header.user .like-empty {right: 102px;}
    .header-left-menu .header-left-info {padding-left: 25px;}
    .header-left-decor img {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
}

@media(max-width: 1199px){
    header.hide {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    .header-delivery,.header-time {display: none;}
    .header-top {padding: 0 20px;}
    .header-logo {padding: 0 35px;}
    .header-left-menu ul {padding-bottom: 0;}
    .header-left-menu .header-left-info,.header-left-menu .header-left-info .header-delivery,
    .header-left-menu .header-left-info .header-time {display: block;}
    .header-left-menu .header-left-info {padding: 0 20px;position: relative;left: auto;bottom: auto;}
    .header-left-info .header-delivery {position: relative;display: block;width: 100%;margin-bottom: 30px;}
    .header-left-info .header-delivery p {position: relative;display: block;font-size: 16px;line-height: 1.2em;font-weight: 500;color: var(--color-black);margin-bottom: 10px;}
    .header-left-info .header-delivery p:last-child {margin-bottom: 0;}
    .header-left-info .header-delivery p .green {font-weight: 600;margin-left: 5px;color: #04dd5b;}
    .header-left-info .header-delivery p .yellow {font-weight: 600;margin-left: 5px;color: #ede637;}
    .header-left-info .header-time {position: relative;display: block;width: 100%;margin-bottom: 30px;}
    .header-left-info .header-time a {font-size: 17px;color: var(--color-red);margin: 0;margin-bottom: 10px;}
    .header-left-info .header-time p {font-size: 16px;color: var(--color-text);}
    .header-left-info .header-time p span {color: var(--color-black);}
    header.user .header-user-paner .with-class-user ul {right: -10px;}
    header.user .header-user-paner .with-class-user ul li a span {font-size: 15px;}
    header.user .header-user-paner a, header.user .header-user-paner .with-class-user {padding: 0 10px;}
    .cart-empty {top: 85px;right: 15px;}
    .cart-empty.active {top: 65px;}
    .cart-empty-imgs,.like-empty-imgs {width: 40px;height: 40px;min-width: 40px;margin-right: 20px;}
    header.user .like-empty {right: 218px;top: 75px;}
    header.user .like-empty.active {top: 55px;}
    .like-empty {right: 160px;top: 75px;}
    .like-empty.active {top: 55px;}
    .header-left-decor,.header-top {display: none;}
    header.user .header-time a {margin-right: 0;}
    .on-mobile {display: block;}
    .header-delivery-city {padding-left: 20px;margin-bottom: 60px;}
    .header-delivery-city p,.header-lan .header-lan-main {font-size: 18px;color: var(--color-black);}
    .header-lan.on-mobile {height: auto;padding-left: 20px;margin: 60px 0;}
    .header-lan .header-lan-main {letter-spacing: normal;padding-right: 20px;}
    .header-lan .header-lan-main::before {border-top-color: var(--color-black);}
    .header-lan ul {position: relative;display: none;left: auto;top: auto;padding: 0;padding-left: 20px;width: 100%;margin-top: 20px;}
    .header-lan ul li {margin-bottom: 20px;}
    .header-lan ul li:last-child {margin-bottom: 0;}
    .header-lan ul li a {font-size: 16px;font-weight: 400;letter-spacing: normal;}
    .header-left-menu {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .header-left-menu-close {right: 30px;font-size: 24px;}
    .header-bottom .header-user-paner,header.user .header-bottom .header-user-paner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0;position: absolute;right: 120px;height: 100%;}
    .header-user-paner a svg path,header.user .header-user-paner .with-class-user svg path {fill: var(--color-black);}
    header.user .header-user-paner .with-class-user p {color: var(--color-black);}
    header.user .header-user-paner .with-class-user p::before {border-top-color: var(--color-black);}
    header.user .header-user-paner .with-class-user {height: 100%;}
    .header-plus {position: relative;border-bottom: 1px solid var(--color-grey);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%;height: 50px;background-color: var(--color-white);}
    .header-plus p {position: relative;display: inline-block;font-size: 15px;line-height: 1.4em;font-weight: 600;color: var(--color-black);text-transform: uppercase;padding: 0 35px;}
    .header-plus .open-plus {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: 20px;height: 100%;margin: 0 20px;}
    .header-plus .open-plus::before,.header-plus .open-plus::after {position: absolute;content: '';display: block;width: 100%;height: 2px;background-color: var(--color-red);}
    .header-plus .open-plus::after {-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
    .header-plus .open-plus.active::after {-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}
    .header-menu {position: fixed;z-index: 3;top: 0;left: 0;display: block;width: 100%;height: 50px;background-color: var(--color-white);border-top: 1px solid var(--color-grey);border-bottom: 1px solid var(--color-grey);padding: 0 35px;opacity: 0;visibility: hidden;will-change: transform;-webkit-transform: translateY(90px);-ms-transform: translateY(90px);transform: translateY(90px);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
    .header-menu.active {opacity: 1;visibility: visible;-webkit-transform: translateY(110px);-ms-transform: translateY(110px);transform: translateY(110px);}
    .header-menu ul {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%;}
    .header-menu li {margin: 0;}
    .header-menu li .list ul {display: block;width: 200px;}
    .header-menu li:last-child .list ul {left: auto;right: -20px;}
    .header-menu li a img,.header-menu li a svg,.header-menu li .list .list-svg,.header-menu li .list ul li a svg {display: none;}
    header.hide .header-left-menu {-webkit-transform: translateX(-380px);-ms-transform: translateX(-380px);transform: translateX(-380px);}
    header.hide .header-left-menu.active {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
    .header-user-paner .header-like span {font-size: 11px;width: 16px;height: 16px;}
}