#loader-wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; -webkit-animation: loader 1.4s linear; animation: loader 1.4s linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-color: var(--white); }
@-webkit-keyframes loader {
  0% {opacity: 1;}
  70% {opacity: 1;}
  95% {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    */
/*------------*/
html {-webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; overflow-y: scroll;}
*,
*:before,
*:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;}
.clear {clear: both;overflow: hidden;height: 0;font-size: 0;display: block;}
html:not(.touch-screen)::-webkit-scrollbar,
html:not(.touch-screen) *::-webkit-scrollbar {width: 0.375rem;height: 0.375rem;}
html:not(.touch-screen)::-webkit-scrollbar-track,
html:not(.touch-screen) *::-webkit-scrollbar-track {background: var(--white);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,
html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--black);}
body ::-moz-selection {color: var(--white);background: var(--black);}
body ::selection {color: var(--white);background: var(--black);}
body ::-moz-selection {color: var(--white);background: var(--black);}
:focus,
:hover,
:active,
:visited {outline: none;}
button {background: none;}
img {height: auto;max-width: 100%;}
/*--------------------*/
/* GLOBAL SETTINGS    */
/*--------------------*/
:root {--font-primary: 'Kharkiv Tone';--font-secondary: 'Montserrat';--h1: clamp(2.25rem, 5vw - 0.5rem, 5rem);--h2: clamp(1.875rem, 3vw + 0.25rem, 3.5rem);--h3: clamp(1.75rem, 3vw + 0.5rem, 3rem);--h4: clamp(1.5rem, 3vw - 0.5rem, 2rem);--h5: clamp(1.125rem, 3vw - 0.5rem, 1.5rem);--h6: clamp(1rem, 2vw, 1.125rem);--white: #fff;--black: #14141E;--light-black: #1E1E3C;--grey: #d4d4d4;--dark-grey: #727278;--green: #9CCF66;--blue: #6E80BE;--purple: #C0428B;--yellow: #FFE715;--orange: #F15628;--error: #EB5757;--success:#27AE60;--rgb-white: 255, 255, 255;--rgb-black: 20, 20, 30;--rgb-light-black: 30, 30, 60;--rgb-grey: 212, 212, 212;--rgb-green: 156, 207, 102;--rgb-blue: 110, 128, 190;--rgb-purple: 192, 66, 139;--rgb-yellow: 255, 231, 21;--rgb-orange: 241, 86, 40;--transition-1: 0.3s;--transition-2: 0.45s;--transition-3: 0.6s;}
html {height: 100%;-webkit-font-smoothing: antialiased;}
body {height: 100%;overflow: hidden;background: #F8F7F3;}
#content-block {overflow: hidden;position: relative;min-height: 100vh;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
html.overflow-hidden {overflow-y: hidden;}
html.overflow-hidden body {overflow: hidden;}
html.keyboard-focus :focus {outline: auto;}
.swiper-slide:not(:first-child) {display: none;}
.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.img {display: inline-block;max-width: 100%;max-height: 100%;vertical-align: top;}
.clearfix {position: relative;}
.clearfix:after {display: block;content: "";clear: both;}
.cell-view {display: table-cell;vertical-align: middle;width: 10000px;}
img[data-i-src],
[data-bg] {-webkit-transition: opacity 0.3s;transition: opacity 0.3s;opacity: 0;}
img[data-i-src].imgLoaded,
[data-bg].bgLoaded {opacity: 1;}
section,
.section,
.relative,
.container {position: relative;}
ul,
ol {list-style: none;}
a {cursor: pointer;color: inherit;text-decoration: none;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
.popup-wrapper,
.cookies-informer,
.cart,
.cart-informer {display: none;}
/* bootstrap extensions */
.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
/* spacers */
[class*="spacer"] {clear: both;width: 100% !important;}
.spacer-xl {height: 10.5rem;}
.spacer-lg {height: 4.5rem;}
.spacer-md {height: 3rem;}
.spacer-sm {height: 2rem;}
.spacer-xs {height: 1rem;}
@media (min-width: 1200px) {
  .container {--bs-gutter-x: 2rem;max-width: 100%;width: 96%;}
}
@media (min-width: 1441px) {
  .container {width: 88%;}
}
@media (max-width: 1680px) {
  .spacer-xl {height: 7.5rem;}
  .spacer-lg {height: 3rem;}
}
@media (max-width: 991px) {
  .spacer-xl {height: 5rem;}
  .spacer-lg {height: 2rem;}
  .spacer-md {height: 2rem;}
}
@media (max-width: 767px) {
  .spacer-xl {height: 3rem;}
  .spacer-xs {height: 0.5rem;}
}
/*---------------*/
/* TYPOGRAPHY    */
/*---------------*/
body {font-size: 1rem;font-family: var(--font-secondary);font-weight: 400;color: var(--light-black);}
body * {font-family: var(--font-secondary);}
b,
strong {font-weight: 700;line-height: inherit;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-cap {text-transform: capitalize;}
.text-upper {text-transform: uppercase;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-700 {font-weight: 700;}
.italic {font-style: italic;}
.text-cut-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-4 {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.text-cut-5 {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
/*****     TITLES     *****/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: var(--font-primary);font-weight: 400;}
h1, .h1 {font-size: var(--h1);line-height: 1.02em;}
h2, .h2 {font-size: var(--h2);line-height: 1.07em;}
h3, .h3 {font-size: var(--h3);line-height: 1.08em;}
h4, .h4 {font-size: var(--h4);line-height: 1.12em;}
h5, .h5 {font-size: var(--h5);line-height: 1.41em;}
h6, .h6 {font-size: var(--h6);line-height: 1.33em;}
.title-decor {--gap: 0.625rem;margin-block: var(--gap);}
.title-decor > span {box-decoration-break: clone;-webkit-box-decoration-break: clone;font-family: inherit;background-color: var(--orange);border-radius: 0.5rem;padding: var(--gap) 1.5rem;}
.space-1 {margin-bottom: 3rem;}
.space-2 {margin-bottom: 3.75rem;}
.space-3 {margin-bottom: 2.5rem;}
.section-title >* + * {margin-top: 0.625rem;}
/*****     TEXT     *****/
.text {font-size: 1rem;line-height: 1.62em;font-weight: 400;}
.text-lg {font-size: 1.125rem;line-height: 1.56em;}
.text-md {font-size: 0.875rem;}
.text > * + * {margin-top: 0.5rem;}
.text > * + h1,
.text > * + h2,
.text > * + h3,
.text > * + h4,
.text > * + h5,
.text > * + h6 {margin-top: 3rem;}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6 {font-weight: 400;}
.text em {font-style: italic;font-weight: inherit;}
.text a:not(.btn) {position: relative;display: inline;font-weight: inherit;color: var(--orange);text-decoration: underline;-webkit-text-decoration-color: transparent;text-decoration-color: transparent;}
.text ul li,
.text ol li {position: relative;font-size: inherit;color: inherit;padding-left: 1.25rem;}
.text ul li::before {content: "";position: absolute;left: 0;top: 0.6em;width: 0.375rem;height: 0.375rem;border-radius: 100%;background-color: currentColor;}
.text ol {counter-reset: number;padding-left: 0;}
.text ol li {padding-left: 1.5rem;}
.text ol li::before {position: absolute;top: 0.0625em;left: 0;display: inline-block;counter-increment: number;content: counter(number) ".";font-size: inherit;line-height: inherit;font-weight: inherit;color: currentColor;}
/* .text img {display: block;width: 100%;} */
.text iframe {display: block;width: 100%;max-width: 100%;height: 38.75rem;max-height: calc(56.3vw - 1rem);}
.text blockquote {--size-quote: 3rem;position: relative;border: 0.0625rem solid var(--orange);border-radius: 0.5rem;font-family: var(--font-primary);font-size: var(--h5);line-height: 1.41em;font-weight: 400;color: inherit;text-align: center;padding-inline: 2rem;padding-block: 2.5rem;}
.text blockquote::before {content: "";position: absolute;top: calc(var(--size-quote) / -2);left: 2rem;width: var(--size-quote);height: var(--size-quote);background-image: url(../img/icons/quote.svg);background-repeat: no-repeat;background-size: contain;}
.text blockquote > * {font-family: inherit;}
.text figure > * {margin: 0 !important;}
.text figure > * * {margin: 0 !important;}
.text figure > * + figcaption {margin-top: 0.5rem !important;}
.text figcaption {font-size: 0.875rem;line-height: 1.33em;color: var(--light-black);}
.text img,
.text video,
.text table,
.text iframe,
.text figure,
.text .swiper-entry,
.text blockquote {margin: 3rem 0;}
.text .slide-img img {margin: 0 !important;}
.text img,
.text video,
.text iframe,
.text .slide-img img {border-radius: 0.5rem;}
.text table {border-collapse: collapse;width: 100%;}
.text table tbody {min-width: 43rem;}
.text table th,
.text table td {vertical-align: middle;height: 4.875rem;font-size: inherit;line-height: inherit;font-weight: 400;color: var(--black);text-align: left;padding: 0.5rem 1.25rem;}
.text table thead th,
.text table thead td {height: 4.25rem;background-color: var(--black);font-weight: 700;color: var(--white);}
.text table thead th:first-child {border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem;}
.text table thead th:last-child {border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem;}
.text table tbody tr {border-bottom: 0.0625rem solid var(--black);text-align: left;}
.text *:first-child {margin-top: 0;}
.text *:first-child img {margin-top: 0;}
.text > *:last-child {margin-bottom: 0;}
.text > *:last-child img {margin-bottom: 0;}
.title.light,
.text.light {color: var(--white);}
@media (min-width: 1200px) {
  .text a:not(.btn):hover {-webkit-text-decoration-color: currentColor;text-decoration-color: currentColor;}
}
@media (max-width: 1680px) {
  .title-decor {--gap: 0.5rem;}
  .title-decor > span {padding: var(--gap) 1rem;}
}
@media (max-width: 1199px) {
  .section-title.space-1,
  .section-title.space-2 { margin-bottom: 2rem; }
  .text > * + h1,
  .text > * + h2,
  .text > * + h3,
  .text > * + h4,
  .text > * + h5,
  .text > * + h6 {margin-top: 2rem;}
  .text img,
  .text table,
  .text iframe,
  .text figure,
  .text .swiper-entry,
  .text blockquote {margin: 2rem 0;}
  .text table th,
  .text table td {height: 3.25rem;}
  .text table thead th,
  .text table thead td {height: 3.25rem;}
}
@media (max-width: 991px) {
  .text blockquote {--size-quote: 2.5rem;padding-inline: 1.5rem;padding-block: 2rem;}
  .text blockquote::before {left: 1.5rem;}
}
@media (max-width: 767px) {
  .title-decor > span {padding: var(--gap);}
  .text-lg {font-size: 1rem;}
  .text {font-size: 0.875rem;}
  .text > * + h1,
  .text > * + h2,
  .text > * + h3,
  .text > * + h4,
  .text > * + h5,
  .text > * + h6 {margin-top: 1.25rem;}
  .text blockquote {padding-inline: 1.25rem;padding-block: 1.5rem;}
  .text blockquote::before {left: 1.25rem;}
  .text img,
  .text video,
  .text table,
  .text iframe,
  .text figure,
  .text .swiper-entry,
  .text blockquote {margin: 1.25rem 0;}
  .text table th,
  .text table td {padding: 0.5rem;}
}
/*------------*/
/* BUTTONS    */
/*------------*/
.btn {position: relative;cursor: pointer;overflow: hidden;z-index: 1;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-negative: 0;flex-shrink: 0;border-radius: 2.5rem;border: 0.125rem solid transparent; -webkit-transition: var(--transition-1);transition: var(--transition-1);font-family: var(--font-primary); font-size: 1rem;line-height: 1.62em;font-weight: 400;text-decoration: none;text-align: center;padding: 0.875rem 2rem;}
.btn.disabled {pointer-events: none;color: var(--black);background-color: var(--grey);border-color: var(--grey);}
.btn-block {width: 100%;}
.btn b {display: inline-block;line-height: inherit;font-family: inherit;font-weight: inherit;color: currentColor;-webkit-transform: translateY(0.125rem);-ms-transform: translateY(0.125rem);transform: translateY(0.125rem);}
.btn-primary {background-color: var(--black);border-color: var(--black);color: var(--white);}
.btn-secondary {background-color: transparent;border-color: var(--white);color: var(--white);}
.btn-thirdy {background-color: transparent;border-color: var(--black);color: var(--black);}
.btn-account {font-family: var(--font-secondary);border-color: rgba(var(--rgb-black), 0.15);color: var(--black);}
.btn i {--size: 1.5rem;position: relative;display: inline-block;width: var(--size);height: var(--size);color: currentColor;margin-right: 0.625rem;}
.btn i svg {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: inline-block;width: 100%;height: 100%;}
.btn i svg *[fill] {fill: currentColor; }
.btn i svg *[stroke] {stroke: currentColor;}
.btn.btn-main {width: auto;border: none;border-radius: 0;padding: 0;}
.btn-main i {--size: 6rem;margin-right: 1rem;}
.btn-main i svg .arrow[stroke] {stroke: var(--white);}
.btn-main i svg * {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link {position: relative;cursor: pointer;z-index: 1;display: inline-block;vertical-align: middle;-webkit-transition: var(--transition-1);transition: var(--transition-1);font-size: 1rem;line-height: 1.62em;font-weight: 400;color: var(--orange);text-decoration: underline;-webkit-text-decoration-color: transparent;text-decoration-color: transparent;}
.btn-link b {display: inline-block;line-height: inherit;font-weight: inherit;color: currentColor;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.btn-close {--size: 1.5rem;display: inline-block;position: relative;cursor: pointer;z-index: 1;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;color: var(--black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 94%;height: 0.125rem;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {-webkit-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);}
.btn-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;gap: 1.25rem;}
.btn-account-wrapper { margin-bottom: 0.5rem;}
.btn-account-wrapper >* + * { margin-top: 0.75rem;}
.btn-account-wrapper .or {font-family: var(--font-primary);font-size: 1rem;line-height: 1.625em;color: var(--black);}
@media (min-width: 1200px) {
.btn-primary:hover {color: var(--black);background-color: transparent;}
.btn-secondary:hover {background-color: var(--white);color: var(--black);}
.btn-thirdy:hover {background-color: var(--black);color: var(--white);}
.btn-account:hover {border-color: var(--orange);color: var(--orange);}
.btn-main:hover i svg .arrow[stroke] {stroke: currentColor;}
.btn-main:hover i svg *:not(.arrow)[fill] {fill: transparent;}
.btn-link:hover {-webkit-text-decoration-color: currentColor;text-decoration-color: currentColor;}
.btn-close:hover {color: var(--orange);}
.btn-thirdy.active {background-color: var(--black);color: var(--white);}

}
@media (max-width: 1680px) {
  .btn {padding: 0.875rem 1.5rem;}
  .btn-main i {--size: 5rem;}
}
@media (max-width: 991px) {
  .btn {font-size: 0.875rem;padding: 0.5rem 1.25rem;}
  .btn-account {padding: 0.5rem 1rem;}
  .btn i {--size: 1.25rem;}
  .btn-main i {--size: 4rem;margin-right: 0.5rem;}
  .btn-link {font-size: 0.875rem;}
  .btn-account-wrapper .or {font-size: 0.875rem;}
}
@media (max-width: 767px) {
  .btn {width: 100%;}
  .btn-main i {--size: 3rem;}
  .btn-close {--size: 1.25rem;}
}
/*-----------*/
/* HEADER    */
/*-----------*/
:root {--header-h: 9.25rem;}
html.open-menu {overflow: hidden;}
header + * {padding-top: var(--header-h);}
.main-header {position: fixed;z-index: 100;top: 0;left: 0;right: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);height: var(--header-h);background:#F8F7F3;border-bottom: 1px solid rgba(0,0,0,.2);}
.home .main-header {border-bottom: none;}
.scrolled .main-header {-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.main-header .logo {position: relative;-webkit-transition: var(--transition-1);transition: var(--transition-1);display: block;width: 100%;max-width: 9.25rem;margin-inline: auto;padding: 1.5em 0 1em;}
.main-header .logo img {width: 100%;height: auto;max-width: 100%;}
.main-header .logo img.mobile {display: none;}
.main-header .container {height: inherit;}
.main-header-wrapper {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;height: auto;}
.main-header-wrapper .menu-toggle li {position: relative;display: inline-block;}
.main-header-wrapper .menu-toggle li a {position: relative;display: block;border-radius: 2.25rem;background-color: transparent;font-size: 1.125rem;line-height: 1.62em;font-weight: 400;color: var(--black);padding: 0.25rem 1.875rem;}
.main-header-wrapper .menu-toggle li.current-menu-item a {color: var(--orange);}
.main-header-right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: 2.5rem;}
.main-header-right .menu {position: relative;display: inline-block;vertical-align: middle;line-height: 0;}
.main-header-right a {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-negative: 0;flex-shrink: 0;gap: 0.625rem;color: var(--black);}
.main-header-right svg {--size: 1.5rem;display: inline-block;vertical-align: middle;width: var(--size);height: var(--size);}
.main-header-right svg *[fill] {fill: currentColor;}
.main-header-right svg *[stroke] {stroke: currentColor;}
.main-header-right a > span {display: inline-block;font-size: 1rem;line-height: 1.25em;font-weight: 400;color: currentColor;}
.main-header-right a.cabinet > span i {--size: 1rem;position: relative;cursor: pointer;display: inline-block;vertical-align: middle;-ms-flex-negative: 0;flex-shrink: 0;width: var(--size);height: var(--size);margin-left: 0.5rem;margin-top: -0.125rem;}
.main-header-right a.cabinet > span i::after {content: "";position: absolute;z-index: 1;top: calc(50% - 0.1em);left: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 47%;height: 47%;border-bottom: 0.125em solid currentColor;border-right: 0.125em solid currentColor;}
.main-header-right .menu .sub-menu {pointer-events: none;position: absolute;z-index: 5;top: 2.75rem;left: 50%;-webkit-transform: translateX(-50%);  -ms-transform: translateX(-50%);  transform: translateX(-50%);width: 10rem;-ms-flex-negative: 0;flex-shrink: 0;border: 0.0625rem solid var(--black);border-radius: 0.5rem;background: var(--white);padding: 1rem 0.875rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);opacity: 0;visibility: hidden;}
.main-header-right .menu .sub-menu::before {content: '';position: absolute;top: -1.25rem;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);width: 100%;height: 1.25rem;background: transparent;}
.main-header-right .menu .sub-menu a {display: block;font-size: 1rem;line-height: 1.62em;color: var(--black);}
.main-header-right .menu .sub-menu a + a {margin-top: 0.625rem;}
.main-header-right .menu .sub-menu .exit {padding-top: 0.625rem;border-top: 0.0625rem solid #e5e5e5;}
.header-cart .icon  {position: relative;}
.header-cart .icon > b {--size-b: 1.125rem;display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;position: absolute;z-index: 1;top: calc(-1 * var(--size-b) / 3);right: calc(-1 * var(--size-b) / 3);width: var(--size-b);height: var(--size-b);border-radius: 100%;background-color: var(--orange);font-size: .625rem;line-height: var(--size-b);font-weight: 400;color: var(--white);text-align: center;}
.h-lang {position: relative;cursor: pointer;font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--black);}
.h-lang.is-active .current-lang {color: var(--orange);}
.h-lang.is-active .current-lang::before {-webkit-transform: translateY(-10%) rotate(225deg);-ms-transform: translateY(-10%) rotate(225deg);transform: translateY(-10%) rotate(225deg);}
.h-lang.is-active .other-lang {opacity: 1;visibility: visible;}
.current-lang {position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: var(--black);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-right: 1.25rem;}
.current-lang::before {content: "";position: absolute;right: 0.125rem;top: calc(50% - .0625rem);-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);width: .4375rem;height: .4375rem;border-right: .0625rem solid currentColor;border-bottom: .0625rem solid currentColor;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.other-lang {position: absolute;left: 50%;bottom: 0;-webkit-transform: translate(-50%, calc(100% + 1rem));-ms-transform: translate(-50%, calc(100% + 1rem));transform: translate(-50%, calc(100% + 1rem));width: 6rem;background-color: rgba(var(--rgb-white), 1);-webkit-box-shadow: 0 0 1.5rem rgba(var(--rgb-black), 0.2);box-shadow: 0 0 1.5rem rgba(var(--rgb-black), 0.2);border-radius: 0.5rem;opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 1rem;}
.other-lang > *:not(:last-child) {margin-bottom: 1rem;}
.other-lang a {display: block;}
/*mobile-button*/
.mobile-button {display: none;position: relative;cursor: pointer;z-index: 999;-ms-flex-negative: 0;flex-shrink: 0;width: 1.125rem;height: 1.125rem;}
.mobile-button span {display: block;position: absolute;top: 50%;left: 0;width: 100%;height: 0.125rem;margin-top: -0.0625rem;background: var(--black);}
.mobile-button:before,
.mobile-button:after {content: "";position: absolute;display: block;top: 50%;left: 0;width: 100%;height: 0.125rem;background: var(--black);margin-top: 0.375rem;-webkit-transition: 0.3s;transition: 0.3s;}
.mobile-button:before {margin-top: -0.5rem;}
.mobile-button.active:before,
.mobile-button.active:after {-webkit-transform: translateY(0.4375rem) rotate(45deg);-ms-transform: translateY(0.4375rem) rotate(45deg);transform: translateY(0.4375rem) rotate(45deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.mobile-button.active:after {-webkit-transform: translateY(-0.4375rem) rotate(-45deg);-ms-transform: translateY(-0.4375rem) rotate(-45deg);transform: translateY(-0.4375rem) rotate(-45deg);-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.mobile-button.active span {opacity: 0;-webkit-transform: translateX(2rem);-ms-transform: translateX(2rem);transform: translateX(2rem);-webkit-transition: 0.3s;transition: 0.3s;}
/* menu-hidden */
.menu-hidden {display: none !important;}
@media (min-width: 1200px) {
  .main-header .logo:hover {opacity: 0.7;}
  .main-header-wrapper .menu-toggle li:not(.current-menu-item) a:hover {background-color: rgba(var(--rgb-black), 0.15);}
  .main-header-right a:hover {color: var(--orange);}
  .main-header-right .menu:hover .sub-menu {visibility: visible;opacity: 1;pointer-events: unset;}
  .main-header-right .menu .sub-menu a:hover {color: var(--orange);}
  .current-lang:hover,
  .other-lang a:hover {color: var(--orange);}
}
@media (max-width: 1680px) {
  :root {--header-h: 9rem;}
  .main-header .logo {max-width: 7rem;}
  .main-header-wrapper .menu-toggle li a {padding: 0.25rem 1rem;}
  .main-header-right {gap: 2rem;}
}
@media (max-width: 1199px) {
  :root {--header-h: 4rem;}
  .menu-toggle {position: fixed;z-index: 101;overflow: auto;top: var(--header-h);left: 0;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);-webkit-transition: var(--transition-1);transition: var(--transition-1);display: block;width: 100%;height: calc(100dvh - var(--header-h));max-height: 100%;background: #F8F7F3;text-align: center;padding: 1rem;}
  .open-menu .menu-toggle {-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}
  .main-header-wrapper {height: inherit;}
  .main-header .logo {margin: 0;padding: 0;}
  .main-header-wrapper .menu-toggle li {display: block;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;}
  .main-header-wrapper .menu-toggle li a {padding: 0.25rem 0.5rem;text-align: left;}
  .mobile-button {display: inline-block;vertical-align: middle;}
  .main-header-right .menu.active .sub-menu {visibility: visible;opacity: 1;pointer-events: unset;}
}
@media (max-width: 767px) {
  .main-header .logo img.mobile {display: inline-block;}
  .main-header .logo img.desktop {display: none;}
  .main-header-right {gap: 1.25rem;}
  .main-header-right a > span {display: none;}
  .h-lang {font-size: 0.87rem;}
  .current-lang {padding-right: 1rem;}
}
/*------------*/
/* BANNERS    */
/*------------*/
.bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: 50% 50%;background-repeat: no-repeat;background-attachment: scroll;background-size: cover;border-radius: 0.5rem;}
.bg.video {clip: rect(auto, auto, auto, auto);}
.bg.video video {position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 0.5rem;}
.banner-slide {position: relative;overflow: hidden;z-index: 2;display: table-cell;vertical-align: bottom;width: 10000px;height: 60vh;padding-block: 2rem;}
.banner-slide .bg {background-position: unset;}
.banner-content {padding-left: 5rem;}
.banner-content > * + * {margin-top: 3rem;}
.banner-content .title {width: 100%;max-width: 41.875rem;}
.banner-slider .swiper-controls {position: absolute;bottom: 2rem;right: 2rem;}
.banner-img {position: relative;padding-bottom: 38%;border-radius: 0.5rem;}
.banner-img .bg {border-radius: 0.5rem;}

@media (min-width: 1200px) and (max-height: 750px) {
  .banner-slide {height: 85vh;}
}
@media (max-width: 1680px) {
  .banner-content {padding-left: 3rem;}
  .banner-content > * + * {margin-top: 2rem;}
  .banner-content .title {max-width: 100%;}
  .banner-slider .swiper-controls {bottom: 1.25rem;right: 1.25rem;}
}
@media (max-width: 1199px) {
  .banner-slide {height: 50vh;}
}
@media (max-width: 991px) {
  .banner-content {padding-left: 2rem;}
  .banner-content > * + * {margin-top: 1.25rem;}
}
@media (max-width: 767px) {
  .banner-slide {height: auto;padding-block: 0;}
  .banner-align {padding-block: 1.5rem;}
  .banner-media {position: relative;/*padding-bottom: 100%;*/}
  .banner-content {padding-left: 0;}
  .banner-content .title {line-height: 1.1em;}
  .banner-slider .swiper-controls {position: relative;bottom: 0;right: 0;}
  .banner-slider .swiper-button-prev,
  .banner-slider .swiper-button-next {display: none;}
  .banner-img {padding-bottom: 45%;}
}
/*-------------------*/
/* - BREADCRUMBS     */
/*-------------------*/
.breadcrumbs {--br-fz: 0.625rem;--br-space: 1rem;position: relative;z-index: 10;width: 100%;margin-block: 1rem 0.25rem;overflow-y: hidden;overflow-x: auto;-ms-scroll-snap-type: x mandatory;scroll-snap-type: x mandatory;}
.breadcrumbs ul {min-width: -webkit-max-content;min-width: -moz-max-content;min-width: max-content;line-height: 0;padding-right: var(--br-space);}
.breadcrumbs li {position: relative;display: inline-block;font-size: var(--br-fz);line-height: 1.22em;color: var(--black);text-transform: uppercase;scroll-snap-align: start;scroll-margin-left: var(--br-space);}
.breadcrumbs li:after {content: "";position: relative;display: inline-block;vertical-align: middle; width: 0.25rem;height: 0.25rem;border-radius: 100%;background: var(--black);margin: 0 0.5rem;}
.breadcrumbs li:last-child:after {content: none;}
.breadcrumbs li.active {color: var(--orange);}
.breadcrumbs li > * {display: inline-block;-webkit-transform: translateY(.0625rem);-ms-transform: translateY(.0625rem);transform: translateY(.0625rem);}
@media (min-width: 1200px) {
  .breadcrumbs li a:hover {color: var(--orange);}
}
@media (max-width: 767px) {
  .breadcrumbs {margin-block: 0.25rem;}
  .breadcrumbs ul {padding-block: 0.5rem;}
}
/*------------------*/
/* - PAGINATION     */
/*------------------*/
.custom-pagination {position: relative;display: block;text-align: center;}
.custom-pagination ul {position: relative;display: inline-block;margin: 0 auto;text-align: center;font-size: 0;}
.custom-pagination ul li {--size: 2.875rem;position: relative;display: inline-block;vertical-align: middle;margin-inline: 0.5rem;}
.custom-pagination ul li.dott {pointer-events: none;display: inline-block;width: var(--size);height: var(--size);line-height: var(--size);font-size: 1.5rem;font-weight: 400;color: var(--light-black);}
.custom-pagination ul li a {position: relative;z-index: 2;width: var(--size);height: var(--size);display: inline-block;vertical-align: top;-ms-flex-negative: 0;flex-shrink: 0;border: 0.0625rem solid var(--light-black);border-radius: 100%;font-size: 1rem;line-height: var(--size);font-weight: 400;color: var(--light-black);}
.custom-pagination ul li.active a {border-color: var(--black);background-color: var(--black);color: var(--white);}
.custom-pagination ul li.arr a {border: none;}
.custom-pagination ul li.arr svg {display: inline-block;width: var(--size);height: var(--size);}
.custom-pagination ul li.arr svg * {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.custom-pagination ul li.arr svg *[fill] {fill: transparent;}
.custom-pagination ul li.arr svg *[stroke] {stroke: var(--black);}
.custom-pagination ul li.arr.arr-left {margin-inline: 0 1.25rem;}
.custom-pagination ul li.arr.arr-right {margin-inline: 1.25rem 0;}
@media (min-width: 1200px) {
  .custom-pagination ul li:not(.arr) a:hover {border-color: var(--black);background-color: var(--black);color: var(--white);}
  .custom-pagination ul li.arr:hover svg *[fill] {fill: var(--black);}
  .custom-pagination ul li.arr:hover svg *[stroke] {stroke: var(--white);}
}
@media (max-width: 767px) {
  .custom-pagination ul li {--size: 2.25rem;margin-inline: 0.25rem;}
  .custom-pagination ul li.dott {font-size: 1.25rem;}
  .custom-pagination ul li.arr.arr-left {margin-inline: 0 0.25rem;}
  .custom-pagination ul li.arr.arr-right {margin-inline: 0.25rem 0;}
}

/*------------------*/
/* - VIDEO SWIPER   */
/*------------------*/

.video-slider .swiper-controls{
  margin-top: 20px;
}

.video-content .section-title{
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: baseline;
}

@media(max-width: 768px){
  .video-content .section-title{
    flex-direction: column;
    gap: 0px;
    align-items: center;
  }
  .video-content .social-link{
    justify-content: center;
  }
}

@media(min-width: 992px){
  .video-content .container{
    width: 60%;
  }
}


.video-content .video-link{
  position: absolute;
  top: 10px;
  right: 5px;
}

.video-content .video-link.btn i{
  --size: 3rem;
}

@media (min-width: 1200px) {
    .video-content .btn-main:hover i svg *:not(.arrow)[fill] {
        fill: #fff;
    }
}