/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ROOT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
:root {
    /*white*/
    --color-white:  #fff;
    --color-light-8: rgba(255, 255, 255, 0.8);
    --color-light-6: rgba(255, 255, 255, 0.6);
    /*main*/
    --color-bg: #242849;
    --color-bg-dark: #191C33;
    --color-orange: #EB532E;
    --color-pink: #E8125E;
    --color-blue: #30C0E7;
    --color-purpul: #7276C6;
    --color-red: #E70000;
    /*grad*/
    --color-grad: linear-gradient(86.95deg, #E52E70 2.58%, #EB532E 92.84%);
    --color-grad-light: linear-gradient(108.46deg, rgba(0, 0, 0, 0.264) 0%, rgba(0, 0, 0, 0.066) 100%);
    --color-grad-light-hover: linear-gradient(108.46deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.19) 100%);
    /*header*/
    --header-height: 90px;
}
/*media*/
@media(max-width: 1199px){
    :root {
        --header-height: 80px;
    }
}
@media(max-width: 575px){
    :root {
        --header-height: 70px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CUSTOM PRELOAD */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.loader {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--color-bg-dark);-webkit-animation: loader 1.8s linear;animation: loader 1.8s 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;}}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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(255, 255, 255, 0.14);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #FCFAED;}
:focus, :active, :visited {outline: none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html {height: 100%;}
body {height: 100%;background-color: var(--color-bg);}
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 {-webkit-box-flex:1;-ms-flex:1;flex:1;}
/*spacers*/
.spacer-xl {height: 140px;}
.spacer-lg {height: 120px;}
.spacer-md {height: 100px;}
.spacer-sm {height: 60px;}
.spacer-xs {height: 30px;}
.container {position: relative;z-index: 1;}
/*media*/
@media(min-width: 1641px) and (max-width: 1800px){
    .container{max-width: 1630px;}
}
@media(min-width: 1441px) 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: 1730px){
    .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: 1800px){
    .spacer-xl {height: 120px;}
}
@media(max-width: 1640px){
    .spacer-xl,.spacer-lg {height: 100px;}
}
@media(max-width: 1440px){
    .spacer-xl,.spacer-lg,.spacer-md {height: 80px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* COLORS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.color-block {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
.color-item {position: relative;display: block;width: calc(100% / 8);height: 120px;}
.color-item:nth-child(1) {background-color: var(--color-white);}
.color-item:nth-child(2) {background-color: var(--color-light-8);}
.color-item:nth-child(3) {background-color: var(--color-light-6);}
.color-item:nth-child(4) {background-color: var(--color-bg-dark);}
.color-item:nth-child(5) {background-color: var(--color-orange);}
.color-item:nth-child(6) {background-color: var(--color-pink);}
.color-item:nth-child(7) {background-color: var(--color-blue);}
.color-item:nth-child(8) {background-color: var(--color-purpul);}
.color-item:nth-child(9) {background-image: var(--color-grad);}
.color-item:nth-child(10) {background-image: var(--color-grad-light);}
.color-item:nth-child(11) {background-image: var(--color-grad-light-hover);}
/*media*/
@media(max-width: 1640px){
    .color-item {width: calc(100% / 6);}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*-------------------------------------------------------------------------------------------------------------------------------*/
body * {font-family: 'Exo', sans-serif;color: var(--color-white);}
* {-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%;}
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;}
.layer {position: fixed;z-index: 4;top: 0;left: 0;display: block;width: 100%;height: 100%;background-color: rgba(17, 17, 17, 0.75);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.layer.active {opacity: 1;visibility: visible;}
.mask {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;-webkit-mask-repeat: no-repeat;-webkit-mask-size: contain;}
/*text*/
.text,.text p {font-size: 24px;line-height: 1.4em;color: var(--color-light-8);}
.text.size-2,.text.size-2 p {font-size: 22px;}
.text.size-3,.text.size-3 p {font-size: 16px;}
.text * {margin-bottom: 20px;}
.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: 28px;color: var(--color-light-8);margin-bottom: 10px;}
.text ul li::before {position: absolute;content: "";left: 0;top: 13px;display: inline-block;width: 12px;height: 12px;background-image: url('../img/icons/ul_before.svg');background-repeat: no-repeat;background-size: contain;background-position: center;}
.text ol {counter-reset: item;}
.text ol li {padding-left: 42px;}
.text ol li::before {position: absolute;counter-increment: item;content: "0" counter(item) ".";top: 0;left: 0;display: inline-block;font-size: 24px;font-weight: 500;color: var(--color-orange);}
.text.size-2 ol li {padding-left: 36px;}
.text.size-3 ol li {padding-left: 30px;}
.text.size-2 ol li::before {font-size: 22px;}
.text.size-3 ol li::before {font-size: 16px;}
.text a {position:relative;color:var(--color-orange);cursor:pointer;white-space: nowrap;}
.text a::before {position: absolute;content: '';bottom: 0;right: 0;display: block;width: 0;height: 1px;background-color: var(--color-orange);-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.text span {color: var(--color-white);}
blockquote {position: relative;display: block;width: 100%;font-size: 24px;line-height: 1.4em;color: var(--color-light-8);padding-top: 20px;padding-left: 60px;border-top: 3px solid var(--color-orange);}
blockquote::before {position: absolute;content: '';top: 20px;left: 0;display: inline-block;width: 40px;height: 32px;background-image: url('../img/icons/blockquote.svg');background-size: contain;background-repeat: no-repeat;background-position: center;}
/*titles*/
h1,.h1 {position: relative;font-size: 60px;line-height: 1.3em;}
h2,.h2 {position: relative;font-size: 42px;line-height: 1.3em;}
h3,.h3 {position: relative;font-size: 30px;line-height: 1.3em;}
h4,.h4 {position: relative;font-size: 24px;line-height: 1.3em;}
h5,.h5 {position: relative;font-size: 20px;line-height: 1.3em;}
h6,.h6 {position: relative;font-size: 18px;line-height: 1.3em;}
/*font-weight*/
.extra-bold {font-weight: 800;}
.bold {font-weight: 700;}
.semi-bold {font-weight: 600;}
.media {font-weight: 500;}
.normal {font-weight: 400;}
.light {font-weight: 300;}
.extra-light {font-weight: 200;}
.thin {font-weight: 100;}
.text-upper {text-transform: uppercase;}
/*margin*/
.title-margin {margin-bottom: 46px;}
.title-margin-2 {margin-bottom: 32px;}
/*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;}
/*media*/
@media(min-width: 1200px){
	.text a:hover::before {width: 100%;left: 0;right: auto;}
}
@media(max-width: 1800px){
    h1,.h1 {font-size: 54px;}
}
@media(max-width: 1640px){
    .title-margin {margin-bottom: 40px;}
    h1,.h1 {font-size: 44px;}
    h2,.h2 {font-size: 36px;}
    h3,.h3 {font-size: 26px;}
}
@media(max-width: 1440px){
    .text,.text p {font-size: 22px;}
    .text ul li:before {top: 11px;}
    .text ol li::before {font-size: 22px;}
    blockquote {font-size: 22px;padding-left: 50px;padding-top: 15px;}
    blockquote::before {top: 15px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* CHECKBOX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.checkbox-entry {position: relative;display: inline-block;margin-right: 30px;cursor: pointer;}
.checkbox-entry:last-child {margin-right: 0;}
.checkbox-entry.block {display: block;width: 100%;margin-right: 0;}
.checkbox-entry input {display: none;}
.checkbox-entry span {position: relative;display: inline-block;font-size: 18px;line-height: 26px;letter-spacing: 0.01em;color: var(--color-white);padding-left: 30px;}
.checkbox-entry span::before {position: absolute;content: '';left: 0;top: 5px;width: 16px;height: 16px;background-image: url('../img/icons/checkbox_entry_border.svg');background-size: contain;background-repeat: no-repeat;background-position: center;}
.checkbox-entry span::after {position: absolute;z-index: 1;content: '';left: 4px;top: 9px;width: 8px;height: 8px;background-image: url('../img/icons/checkbox_entry_checked.svg');background-size: contain;background-repeat: no-repeat;background-position: center;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.checkbox-entry input:checked + span::after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BTNS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.btns-block {position: relative;display: block;width: 100%;}
.btns-block div .btn {margin-right: 5px;}
.btns-block div .btn:last-child {margin-right: 0;}
.btn {position: relative;display: inline-block;text-align: center;height: 60px;padding: 0 32px;border-radius: 10px;background-color: var(--color-bg-dark);border: 2px solid var(--color-bg-dark);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn span {position: relative;display: inline-block;font-size: 20px;line-height: 54px;color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*active*/
.btn.active {background-color: transparent;}
.btn.active span {color: var(--color-bg-dark);}
/*grad & grad-light*/
.btn.grad,.btn.grad-light {border: none;background-color: transparent;background-image: var(--color-grad);}
.btn.grad span,.btn.grad-light span {line-height: 58px;}
.btn.grad-light {background-image: var(--color-grad-light);}
.btn.grad-light::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 10px;background-image: var(--color-grad-light-hover);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn.grad-light span {color: var(--color-orange);}
.btn.grad::before {position: absolute;content: '';left: 6px;bottom: -5px;display: block;width: calc(100% - 12px);height: 30px;border-radius: 10px;background-color: var(--color-orange);-webkit-filter: blur(15px);filter: blur(15px);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*orange*/
.btn.orange {border-color: var(--color-orange);background-color: var(--color-orange);}
.btn.orange.active {background-color: transparent;}
.btn.orange.active span {color: var(--color-orange);}
/*size-2 & size-3*/
.btn.size-2 {height: 48px;}
.btn.size-2 span {font-size: 18px;line-height: 43px;}
.btn.size-2.grad span,.btn.size-2.grad-light span {line-height: 46px;}
.btn.size-3 {height: 100px;}
.btn.size-3 span {line-height: 96px;}
.btn.size-3.grad span,.btn.size-3.grad-light span {line-height: 100px;}
/*padding-2 & btn-large*/
.btn.padding-2 {padding: 0 28px;}
.btn.btn-large {width: 270px;max-width: 270px;padding: 0;}
.btn.btn-large span {font-weight: 600;letter-spacing: 0.03em;text-transform: uppercase;}
/*btn-block*/
.btn.btn-block {display: block;width: 100%;padding: 0 20px;}
/*disabled*/
.btn.disabled {opacity: 0.7;pointer-events: none;}
/*link*/
.btn-link {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;font-size: 14px;line-height: 1.4em;font-weight: 500;letter-spacing: 0.12em;text-transform: uppercase;color: var(--color-orange);padding-right: 20px;}
.btn-link::before {position: absolute;content: '';right: 0;display: inline-block;width: 8px;height: 8px;border-top: 2px solid var(--color-orange);border-right: 2px solid var(--color-orange);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*btn-close*/
.btn-close {position: absolute;top: 30px;right: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 18px;height: 18px;}
.btn-close.size-2 {width: 14px;height: 14px;}
.btn-close::before,.btn-close::after {position: absolute;content: '';left: 0;display: block;width: 100%;height: 2px;background-color: var(--color-orange);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.btn-close::before {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.btn-close::after {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
/*:active*/
.btn:not(.grad):active,.btn-close:active {-webkit-transform: translateY(4px);-ms-transform: translateY(4px);transform: translateY(4px);}
/*media*/
@media(min-width: 1200px){
    .btn:hover {background-color: transparent;}
    .btn:hover span {color: var(--color-bg-dark);}
    /*active*/
    .btn.active:hover {background-color: var(--color-bg-dark);}
    .btn.active:hover span {color: var(--color-white);}
    /*grad*/
    .btn.grad:hover {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);-webkit-transform: translateY(-2px);-ms-transform: translateY(-2px);transform: translateY(-2px);}
    .btn.grad:hover span {color: var(--color-white);}
    .btn.grad-light:hover::before {opacity: 1;visibility: visible;}
    .btn.grad-light:hover span {color: var(--color-orange);}
    .btn.grad:hover::before {opacity: 1;visibility: visible;}
    /*orange*/
    .btn.orange:hover span {color: var(--color-orange);}
    .btn.orange.active:hover {background-color: var(--color-orange);}
    .btn.orange.active:hover span {color: var(--color-white);}
    /*link*/
    .btn-link:hover::before {right: -5px;}
    /*btn-close*/
    .btn-close:hover::before,.btn-close:hover::after {background-color: var(--color-red);}
}
@media(max-width: 1640px){
    .btn.size-3 {height: 90px;}
    .btn.size-3 span {line-height: 86px;}
    .btn.size-3.grad span,.btn.size-3.grad-light span {line-height: 90px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
header {position: fixed;z-index: 3;display: block;width: 100%;filter: drop-shadow(0px 6px 30px rgba(0, 0, 0, 0.2));background-color: var(--color-bg);}
.header-margin {margin-bottom: var(--header-height);}
.header-block {position: relative;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 100%;height: var(--header-height);padding: 0 30px;}
.header-logo {position: absolute;left: 30px;display: inline-block;width: 64px;}
.header-logo img {position: relative;display: inline-block;width: auto;}
/*menu*/
.header-menu {position: absolute;left: 0;top: 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;height: 100%;padding: 0 20px;}
.header-menu li {position: relative;display: inline-block;margin-right: 40px;}
.header-menu li:last-child {margin-right: 0;}
.header-menu li a {position: relative;display: inline-block;font-size: 16px;line-height: 1.4em;color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-menu li a.blur {-webkit-filter: blur(1px);filter: blur(1px);}
/*right*/
.header-right {position: absolute;right: 30px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-list-open span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 16px;font-weight: 500;text-transform: uppercase;}
.header-list-open span svg {position: relative;display: inline-block;width: 32px;min-width: 32px;margin-right: 8px;}
.header-list-open span svg path {fill: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-list-open.header-list-open-active {border-color: var(--color--white);background: var(--color-white);}
.header-list-open.header-list-open-active span {color: var(--color-orange);}
.header-list-open.header-list-open-active span svg path {fill: var(--color-orange);}
.header-delivery,.header-location,.header-cart {margin-left: 78px;}
.header-phone,.header-lan {margin-left: 48px;}
.header-delivery,.header-phone {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.header-delivery img {position: relative;display: inline-block;width: 38px;min-width: 38px;margin-right: 15px;}
.header-delivery-cont,.header-phone-cont {position: relative;display: block;width: 100%;}
.header-delivery-cont p,.header-phone-cont p {position: relative;display: block;width: 100%;font-size: 16px;line-height: 1.4em;color: var(--colo-white);margin-bottom: 5px;}
.header-delivery-cont p:last-child,.header-phone-cont p:last-child {margin-bottom: 0;}
.header-delivery-cont p span {font-weight: 600;}
.header-phone svg {position: relative;display: inline-block;width: 32px;min-width: 32px;margin-right: 15px;}
.header-phone svg path {stroke: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-location,.header-lan-selected {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.4em;font-weight: 300;color: var(--color-white);padding-right: 15px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/*.header-location::before,*/
.header-lan-selected::before {position: absolute;content: '';right: 0;display: inline-block;border-top: 5px solid var(--color-white);border-left: 5px solid transparent;border-right: 5px solid transparent;margin-top: 3px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-lan {position: relative;display: inline-block;}
.header-lan-selected::after {position: absolute;content: '';top: 100%;left: 0;display: block;width: 100%;height: 10px;}
.header-lan-list {position: absolute;top: calc(100% + 6px);left: -4px;display: inline-block;min-width: 52px;padding: 4px 6px;opacity: 0;visibility: hidden;border-radius: 5px;background: rgba(24, 26, 47, 0.9);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-lan-list.active {opacity: 1;visibility: visible;}
.header-lan-list li {position: relative;display: block;width: 100%;margin-bottom: 8px;}
.header-lan-list li:last-child {margin-bottom: 0;}
.header-lan-list li a {position: relative;display: inline-block;font-size: 16px;line-height: 1.4em;font-weight: 300;color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-cart {margin-left: 50px; min-width:70px;text-align: center; 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: center;-ms-flex-align: center;align-items: center;}
.header-cart svg {position: relative;display: inline-block;width: 32px;min-width: 32px;}
.header-cart svg path {stroke: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-circle {position: absolute;z-index: 1;top: -6px;right: 4px;display: inline-block;text-align: center;width: 20px;height: 20px;font-size: 12px;line-height: 20px;color: var(--color-white);border-radius: 50%;background-color: var(--color-orange);}
.header-price {min-width: 70px;position: relative;display: block;margin-top: 5px;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-price b {-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-cart.empty .header-price,.header-cart.empty .header-circle {display: none;}
/*burger*/
.header-burger {position: relative;display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 28px;height: 18px;}
.header-burger span {position: absolute;left: 0;display: block;width: 100%;height: 1px;background-color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-burger::before, .header-burger::after {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 1px;background-color: var(--color-white);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-burger::after {top: auto;bottom: 0;}
/*list*/
.header-menu-list {position: fixed;z-index: 2;top: 0;left: 0;display: block;width: 100%;padding: 54px 0;background-color: var(--color-bg);filter: drop-shadow(0px 8px 24px rgba(0, 0, 0, 0.15));opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-menu-list.active {opacity: 1;visibility: visible;-webkit-transform: translateY(var(--header-height));-ms-transform: translateY(var(--header-height));transform: translateY(var(--header-height));}
.header-menu-items {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: calc(100% + 14px);margin-top: -14px;margin-left: -7px;}
.header-menu-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: calc(14.285% - 14px);border-radius: 10px;padding: 10px 15px;background: linear-gradient(152.97deg, rgba(0, 0, 0, 0.09) 0%, rgba(0, 0, 0, 0.27) 100%);margin: 14px 7px 0 7px;}
.header-menu-item::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 10px;background-image: var(--color-grad);opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-menu-item:active {-webkit-transform: translateY(3px);-ms-transform: translateY(3px);transform: translateY(3px);}
.header-menu-imgs {position: relative;display: block;width: 48px;min-width: 48px;height: 48px;margin-right: 20px;}
.header-menu-imgs img {position: absolute;top: 50%;left: 50%;display: inline-block;width: auto;max-height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.header-menu-item span {position: relative;display: inline-block;font-size: 20px;line-height: 1.4em;color: var(--color-white);}
.header-burger-menu {display: none;}
/*header-cart-clear*/
.header-cart-clear {position: fixed;z-index: 2;top: 0;right: 0;display: block;width: 660px;padding: 45px 140px;background-color: var(--color-bg);box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.15);border-radius: 0px 0px 10px 10px;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.header-cart-clear.active {opacity: 1;visibility: visible;-webkit-transform: translateY(var(--header-height));-ms-transform: translateY(var(--header-height));transform: translateY(var(--header-height));}
.header-cart-clear-imgs {position: relative;display: block;width: 110px;height: 110px;margin: 0 auto 20px auto;}
.header-cart-clear-imgs img {position: absolute;top: 50%;left: 50%;display: block;width: auto;max-height: 100%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.header-cart-clear-cont {text-align: center;color: var(--color-white);}
/*media*/
@media(min-width: 1200px){
    .header-list-open.header-list-open-active:hover span {color: var(--color-orange);}
    .header-list-open.header-list-open-active:hover::before {opacity: 0;visibility: hidden;}
    .header-phone:hover svg path {stroke: var(--color-orange);}
    .header-location:hover,.header-lan-selected:hover {color: var(--color-orange);}
    .header-location:hover::before,.header-lan-selected:hover::before {border-top-color: var(--color-orange);}
    .header-lan-list li a:hover {color: var(--color-orange);}
    .header-cart:hover svg path {stroke: var(--color-orange);}
    .header-cart:hover .header-price,.header-cart:hover .header-price b {color: var(--color-orange);}
    .header-menu-item:hover::before {opacity: 1;visibility: visible;}
}

@media(max-width: 1900px){
    .header-menu li{
        margin-right: 35px;
    }
    .header-delivery, .header-location, .header-cart{
        margin-left: 70px;
    }
}

@media(max-width: 1860px){
    .header-menu li{
        margin-right: 30px;
    }
    .header-delivery, .header-location, .header-cart{
        margin-left: 55px;
    }
}


@media(max-width: 1800px){
    .header-menu li {margin-right: 30px;}
    .header-delivery,.header-location,.header-cart,.header-phone,.header-lan {margin-left: 40px;}
    .header-delivery img {width: 32px;min-width: 32px;}
    .header-list-open span svg,.header-phone svg,.header-cart svg {width: 30px;min-width: 30px;}
    .header-list-open {height: 56px;padding: 0 30px;}
    .header-list-open.grad span {line-height: 56px;}
    .header-menu-list {padding: 50px 0;}
    .header-menu-item {width: calc(16.666% - 14px);}
    .header-cart-clear {padding: 35px 100px;width: 600px;}
}

@media(max-width: 1720px){
    .header-menu li {margin-right: 25px;}
    .header-delivery,.header-location,.header-cart,.header-phone,.header-lan {margin-left: 35px;}
}

@media(max-width: 1680px){
    .header-block {padding: 0 15px;}
    .header-logo {left: 15px;width: 56px;}
    .header-right {right: 15px;}
    .header-delivery,.header-location,.header-cart,.header-phone,.header-lan {margin-left: 30px;}
    .header-delivery img {width: 30px;min-width: 30px;}
    .header-phone svg,.header-cart svg {width: 28px;min-width: 28px;}
    .header-list-open span {font-size: 15px;}
    .header-list-open span svg {display: none;}
    .header-list-open {height: 54px;}
    .header-list-open.grad span {line-height: 52px;}
    .header-menu li {margin-right: 25px;}
    .header-menu {padding: 0 10px;}
    .header-menu-imgs {width: 44px;min-width: 44px;height: 44px;}
    .header-menu-item span {font-size: 18px;}
}

@media(max-width: 1560px){
    .header-menu li {margin-right: 20px;}
    .header-delivery,.header-location,.header-cart,.header-phone,.header-lan {margin-left: 30px;}
}
@media(max-width: 1530px){
    .header-logo {width: 50px;}
    .header-phone svg {margin-right: 0;}
    .header-delivery img,.header-phone-cont {display: none;}
    .header-menu {padding: 0 8px;}
    .header-menu li {margin-right: 18px;}
    .header-delivery,.header-location,.header-cart,.header-phone,.header-lan {margin-left: 22px;}
    .header-delivery-cont p,.header-phone-cont p {margin-bottom: 3px;}
    .header-menu-list {padding: 40px 0;}
    .header-menu-item {width: calc(20% - 14px);}
    .header-cart-clear {padding: 30px 80px;width: 500px;}
    .header-cart-clear-imgs {width: 100px;height: 100px;}
    .header-price,.header-price{min-width: 50px;}
}

@media(max-width: 1300px){
    .header-menu li{
        margin-right: 10px;
    }
    .header-delivery, .header-location, .header-cart, .header-phone, .header-lan{
        margin-left: 18px;
    }
    .header-list-open{
        padding: 0 25px;
    }
}
@media(max-width:1240px){
    .header-menu li{
        margin-right: 10px;
    }
    .header-delivery, .header-location, .header-cart, .header-phone, .header-lan{
        margin-left: 15px;
    }
    .header-list-open{
        padding: 0 20px;
    }
    .header-delivery, .header-location, .header-cart, .header-phone, .header-lan{
        margin-left: 12px;
    }
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNER BLOCK */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner {position:relative;display: block;width: 100%;}
.banner .swiper-slide {position: relative;width: 100%;overflow: hidden;}
.bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: scroll;background-size: cover;}
.bg.mobile {display: none;}
.opacity-left::before {position: absolute;content: '';top: 0;left: 0;display: block;width: 800px;height: 100%;background-image: linear-gradient(108.46deg, rgba(0, 0, 0, 0.48) 0%, rgba(0, 0, 0, 0.12) 100%);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.parallax-bg {overflow-y:hidden;}
.parallax-bg .bg {position: absolute;width: 100%;height: 130%;top: -10%;}
.banner-align {position: relative;z-index: 1;display: table-cell;vertical-align: middle;width: 10000px;height: 400px;overflow: hidden;}
.banner-align.full {height: calc(100vh - var(--header-height));}
.banner-content {position: relative;display: block;width: 100%;}
.banner-content.mobile {display: none;}
.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%);}
/*home-banner*/
.home-banner .banner-content {width: 90%;}
.home-banner .banner-content .title {margin-bottom: 30px;}
.home-banner .banner-content .title:last-child {margin-bottom: 0;}
.home-banner .banner-content .text {font-size: 22px;margin-bottom: 50px;}
.home-banner .banner-content .text:last-child {margin-bottom: 0;}
.home-banner-navitaion {position: absolute;bottom: 40px;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: calc(100% - 30px);}
.home-banner-navitaion .swiper-pagination {width: auto;margin: 0;}
.home-banner-arrows {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
.home-banner-arrows .swiper-button-prev {margin-right: 12px;}
/*media*/
@media(max-width: 1800px){
    .opacity-left::before {width: 840px;}
    .home-banner .banner-content {width: 100%;}
    .home-banner .banner-content .title {margin-bottom: 25px;}
    .home-banner .banner-content .text {margin-bottom: 40px;}
    .home-banner-navitaion {bottom: 35px;}
}
@media(max-width: 1640px){
    .home-banner-navitaion {bottom: 30px;}
    .home-banner-arrows .swiper-button-prev {margin-right: 10px;}
}
@media(max-width: 1440px){
    .opacity-left::before {width: 54%;}
    .home-banner-navitaion {bottom: 25px;}
    .home-banner .banner-content .title {margin-bottom: 20px;}
    .home-banner .banner-content .text {margin-bottom: 30px;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* SWIPER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*swiper block*/
.swiper-entry .swiper-container {opacity: 0;visibility: hidden;-webkit-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;}
.swiper-entry .swiper-container.swiper-container-initialized {opacity: 1;visibility: visible;}
.swiper-entry,.swiper-control-wrapper {position: relative;} 
.swiper-container:not(.swiper-no-swiping) .swiper-wrapper {cursor:url(../img/drag.png) 16 9, ew-resize;}
.swiper-slide {background-size: cover;background-position: center center;position: relative;backface-visibility: hidden;}
/*swiper arrow*/
.swiper-button-prev,.swiper-button-next {position: relative;top: auto;bottom: auto;left: auto;right: auto;z-index: 2;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: 60px;height: 60px;min-width: 60px;border-radius: 50%;border: 1px solid var(--color-light-6);background-image: none;margin: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-button-prev::before,.swiper-button-next::before {position: absolute;content: '';display: inline-block;width: 16px;height: 16px;border-left: 2px solid var(--color-light-6);border-bottom: 2px solid var(--color-light-6);margin-left: 4px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.swiper-button-next::before {margin-left: -4px;border-left: none;border-bottom: none;border-right: 2px solid var(--color-light-6);border-top: 2px solid var(--color-light-6);}
.swiper-button-prev:active,.swiper-button-next:active {-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
.swiper-entry .swiper-button-prev.swiper-button-disabled,.swiper-entry .swiper-button-next.swiper-button-disabled {opacity: 0.4;pointer-events: none;}
.swiper-button-prev.swiper-button-lock,.swiper-button-next.swiper-button-lock {display: none;}
/*swiper pagination*/
.swiper-pagination {position: relative;margin-top: 30px;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: 100%;line-height:0;z-index:2;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.swiper-pagination.swiper-pagination-lock {display: none;}
.swiper-pagination-bullet {position: relative;display: inline-block;width: 12px;height: 12px;opacity:1;outline:none;background-color: transparent;border-radius: 0;background-image: url('../img/icons/swiper_bullet.svg');background-size: contain;background-position: center;background-repeat: no-repeat;margin-right: 10px;}
.swiper-pagination-bullet:last-child {margin-right: 0px;}
.swiper-pagination-bullet-active {background-image: url('../img/icons/swiper_bullet_active.svg');}
/*media*/
@media(min-width: 1200px){
    .swiper-button-prev:hover,.swiper-button-next:hover,
    .swiper-button-prev:hover::before,.swiper-button-next:hover::before {border-color: var(--color-orange);}
}
@media(max-width: 1800px){
    .swiper-button-prev,.swiper-button-next {width: 56px;height: 56px;min-width: 56px;}
    .swiper-button-prev::before,.swiper-button-next::before {width: 15px;height: 15px;}
}
@media(max-width: 1640px){
    .swiper-button-prev,.swiper-button-next {width: 50px;height: 50px;min-width: 50px;}
    .swiper-button-prev::before,.swiper-button-next::before {width: 14px;height: 14px;}
}
@media(max-width: 1440px){
    .swiper-button-prev,.swiper-button-next {width: 46px;height: 46px;min-width: 46px;}
    .swiper-button-prev::before,.swiper-button-next::before {width: 13px;height: 13px;}
}