@charset "UTF-8";/*--------------------*/
/*  PRELOADER         */
/*--------------------*/
#loader-wrapper {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 9999;background-color: var(--clr-white);-webkit-animation: loader 0.5s linear;animation: loader 0.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;}
}
/*--------------------*/
/*  RESET             */
/*--------------------*/
html {height: auto;overflow-y: scroll;-webkit-box-sizing: border-box;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;}
*,
*:before,
*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
* {font: inherit;font-size: 100%;line-height: inherit;margin: 0;padding: 0;border: 0;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
html:not(.touch-screen)::-webkit-scrollbar,
html:not(.touch-screen) *::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track,
html:not(.touch-screen) *::-webkit-scrollbar-track {background: var(--clr-grey);}
html:not(.touch-screen)::-webkit-scrollbar-thumb,
html:not(.touch-screen) *::-webkit-scrollbar-thumb {background: var(--clr-title);}
:focus,
:hover,
:active,
:visited {outline: none;}
button {background: none;}
body {height: auto;scroll-behavior: smooth;background-color: var(--clr-white);}
body.bg-dark {background-color: var(--bg-3);}
body ::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
body ::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
ul,
ol {list-style: none;}
sub,
sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
img {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: var(--clr-grey);}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
input,
textarea,
select {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
/*--------------------*/
/*  GLOBAL SETTINGS   */
/*--------------------*/
:root {--ff-1: "Fixel Display";--ff-2: "Kharkiv";--h1: clamp(2.125rem, -0.8224rem + 6.1404vw, 5.625rem);--h2: clamp(1.625rem, 0.0461rem + 3.2895vw, 3.5rem);--h3: clamp(1.5rem, 0.6579rem + 1.7544vw, 2.5rem);--h4: clamp(1.25rem, 0.8289rem + 0.8772vw, 1.75rem);--h5: 1.25rem;--h6: 1rem;--sp-xl: clamp(3.75rem, -0.9868rem + 9.8684vw, 9.375rem);--sp-lg: clamp(3.75rem, 1.6447rem + 4.386vw, 6.25rem);--sp-md: clamp(2.50rem, calc(0.39rem + 4.39vw), 5.00rem);--sp-sm: clamp(1.88rem, calc(0.30rem + 3.29vw), 3.75rem);--sp-xs: clamp(0.94rem, calc(0.15rem + 1.64vw), 1.88rem);--sp-30: 30px;--rd-1: .125rem;--rd-2: 1.875rem;--rd-5: 0.3125rem;--rd-10: 0.625rem;--clr-title: #2C2B2A;--clr-text: #3F4242;--clr-plc: #757575;--clr-input: #E9E9E9;--clr-white: #ffffff;--clr-black: #2C2B2A;--clr-grey: #757575;--clr-grey2: #B0ABA7;--clr-red: #EB5757;--clr-green: #959F7C;--clr-dark-green: #636D4A;--clr-primary: #7C8663;--clr-secondary: #ECE7E3;--clr-hover-dark: #DBD6D2;--rgb-white: 255,255,255;--rgb-primary: #99916C;--bg-1: #ECE7E3;--bg-2: #959F7C;--bg-3: #272A2A;--transition-1: .25s linear;}
html.overflow-hidden,
html.overflow-hidden body,
html.overflow-menu,
html.overflow-menu body {overflow: hidden;}
html.keyboard-focus:focus {outline: auto;}
#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;}
footer {margin-top: auto;}
.section {position: relative;overflow: hidden;opacity: 0;-webkit-transition: ease-in 0.5s;transition: ease-in 0.5s;}
.section.animated {opacity: 1;}
.swiper-slide:not(:first-child) {display: block;}
.swiper-container {opacity: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.swiper-container.swiper-initialized {opacity: 1;}
.popup-wrapper,
.cookies-informer {display: none;}
[class*=spacer] {clear: both;width: 100% !important;}
.spacer-xl {height: var(--sp-xl);}
.spacer-lg {height: var(--sp-lg);}
.spacer-md {height: var(--sp-md);}
.spacer-sm {height: var(--sp-sm);}
.spacer-xs {height: var(--sp-xs);}
.spacer-30 {height: var(--sp-30);}
@media (min-width: 1200px) {
.container {max-width: 100% !important;width: min(92%, 1740px) !important;}
}
@media (min-width: 2080px) {
html {font-size: 1.25rem;}
.container {width: 92% !important;}
}
@media (max-width: 1199px) {
.container {width: 100% !important;}
}
@media (max-width: 991px) {
:root {--h5: 1.125rem;}
}
@media (max-width: 767px) {
.landscape .container {max-width: 100% !important;}
}
/*--------------------*/
/*  HEADER            */
/*--------------------*/
:root {--h-height: 6.875rem;--h-logo-width: 3.5rem;}
header {height: var(--h-height);position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: rgba(19, 22, 22, 0.9);-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
header::before,
header::after {content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 41%;height: var(--h-height);background-image: url("../img/content/header-decor-left.svg");background-position: left;background-size: contain;background-repeat: no-repeat;}
header::after {left: auto;right: 5%;width: 39%;background-image: url("../img/content/header-decor-right.svg");}
header + * {padding-top: var(--h-height);}
header + .banner-sec {padding-top: 0;}
.h-inner {position: relative;width: 100%;height: var(--h-height);z-index: 100;}
.h-logo {display: block;width: var(--h-logo-width);-ms-flex-negative: 0;flex-shrink: 0;margin-left: 1.875rem;}
.h-logo img {display: block;max-width: 100%;}
.h-top {position: relative;width: 100%;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;gap: 0.625rem;padding-block: 0.625rem;padding-inline: 6.5rem;height: var(--h-height);}
.h-menu {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-pack: distribute;justify-content: space-around;gap: 1.875rem;}
.h-links {margin: 0 auto;}
.h-links ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;gap: 0.5rem 3.175rem;}
.h-links ul li {position: relative;padding: 10px 0;}
.h-links ul ul {--padd: 1.25rem;position: absolute;top: 100%;left: calc(var(--padd) * -1);min-width: 340px;background: var(--bg-3);padding: var(--padd);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rd-1);-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 0;visibility: hidden;opacity: 0;}
.h-links ul ul::before {content: "";position: absolute;top: -4px;left: -4px;width: 2.5rem;height: 2.5rem;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.h-links ul ul li {width: 100%;padding: 0;}
.h-links ul ul a {width: 100%;padding: 9px 10px;border-radius: var(--rd-1);}
.h-links a {font-size: 1rem;line-height: 2em;font-weight: 400;color: var(--clr-secondary);}
.h-burger {--size: 1.5rem;position: absolute;top: 0;left: 0;display: block;width: 104px;height: var(--h-height);-ms-flex-negative: 0;flex-shrink: 0;border-right: 1px solid #545553;cursor: pointer;z-index: 3;}
.h-burger i {display: inline-block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 1.125rem;height: 0.125rem;background-color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-burger i:before,
.h-burger i:after {content: "";position: absolute;left: 0;top: -0.3125rem;width: 100%;height: 100%;background-color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-burger i:after {top: 0.375rem;}
.h-cart {position: absolute;top: 0;right: 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: 104px;height: var(--h-height);-ms-flex-negative: 0;flex-shrink: 0;border-left: 1px solid #545553;cursor: pointer;}
.h-cart path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-cart .num {display: inline-block;position: absolute;z-index: 1;top: 50%;left: 50%;-webkit-transform: translate(0%, -100%);transform: translate(0%, -100%);width: 1.25rem;height: 1.25rem;border-radius: 100%;background-color: var(--bg-2);font-size: 0.75rem;line-height: 1.375rem;font-weight: 500;color: var(--clr-title);text-align: center;}
.h-toggle-menu {position: fixed;top: 0;left: 0;width: 100%;height: -webkit-fit-content;height: -moz-fit-content;height: fit-content;background-color: var(--bg-3);padding-block: 3.125rem;z-index: 2;-webkit-transform: translateY(-100%);transform: translateY(-100%);opacity: 0;visibility: hidden;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.second-menu > ul {position: relative;display: -ms-grid;display: grid;-ms-grid-columns: (1fr)[4];grid-template-columns: repeat(4, 1fr);}
.second-menu > ul > li {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;border: 1px solid #474a4a;min-height: 8.125rem;margin-top: -1px;margin-left: -1px;}
.second-menu > ul > li > a {font-size: var(--h5);color: var(--clr-secondary);text-transform: uppercase;width: 100%;height: 100%;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;z-index: 1;}
.second-menu > ul > li > a::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);-webkit-transition: var(--transition-1);transition: var(--transition-1);z-index: -1;opacity: 0;visibility: hidden;}
.second-menu > ul > li > a + img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: var(--transition-1);transition: var(--transition-1);-o-object-position: bottom;object-position: bottom;opacity: 0;visibility: hidden;}
.h-menu-overlay {display: block;position: fixed;z-index: 99;inset: 0;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(24px);backdrop-filter: blur(24px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.open-menu .h-toggle-menu {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;visibility: visible;}
.open-menu .h-burger {border-color: transparent;}
.open-menu .h-burger i {background-color: transparent;}
.open-menu .h-burger i:before,
.open-menu .h-burger i:after {top: 0;-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.open-menu .h-burger i:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
/*  CABINET & FAVORITE DROPDOWN  */
.h-cabinet {position: relative;cursor: pointer;line-height: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;font-weight: 500;color: var(--clr-secondary);font-size: 1rem;gap: 0.625rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-cabinet.is-active .h-cabinet-dropdown {opacity: 1;visibility: visible;}
.h-cabinet > svg {max-width: 1.5rem;max-height: 1.5rem;}
.h-cabinet > svg path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-cabinet > b {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;line-height: 1.3;}
.h-cabinet-dropdown {--padd: 1.25rem;position: absolute;left: 50%;top: calc(100% + 10px);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.h-cabinet-dropdown::before {content: "";position: absolute;top: -4px;left: -4px;width: 2.5rem;height: 2.5rem;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.h-cabinet-dropdown ul {line-height: 0;min-width: 230px;background: var(--bg-3);padding: var(--padd);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rd-1);}
.h-cabinet-dropdown li {line-height: 0;}
.h-cabinet-dropdown li .icon {--size: 1.5rem;}
.h-cabinet-dropdown li > * {cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;gap: 0.625rem;background-color: transparent;font-size: 1rem;line-height: 1.2em;font-weight: 300;color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);padding: 0.625rem;}
.h-cabinet-dropdown li > * b {display: inline-block;white-space: nowrap;}
.h-cabinet-dropdown li:last-child {margin-top: 0.625rem;padding-top: 0.625rem;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.h-cabinet-dropdown li a.active {background-color: var(--clr-text);}
.h-favorite {position: relative;display: inline-block;line-height: 1;font-size: 0;cursor: pointer;}
.h-favorite.is-active .h-favorite-dropdown {opacity: 1;visibility: visible;}
.h-favorite > svg {max-width: 1.5rem;max-height: 1.5rem;}
.h-favorite > svg path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-favorite > .num {display: inline-block;-ms-flex-negative: 0;flex-shrink: 0;position: absolute;z-index: 1;top: -0.3rem;right: -0.8rem;width: 1.25rem;height: 1.25rem;border-radius: 100%;background-color: var(--bg-2);font-size: 0.75rem;line-height: 1.375rem;font-weight: 500;color: var(--clr-title);text-align: center;}
.h-favorite-dropdown {--padd: 1.25rem;position: absolute;left: 50%;top: calc(100% + 20px);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.h-favorite-dropdown::before {content: "";position: absolute;top: -4px;left: -4px;width: 2.5rem;height: 2.5rem;background-color: var(--bg-2);border-radius: var(--rd-1);z-index: -1;pointer-events: none;}
.h-favorite-dropdown .inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;gap: 10px;position: relative;text-align: center;line-height: 0;min-width: 15.375rem;max-width: 15.375rem;background: var(--bg-3);padding: var(--padd);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rd-1);}
.h-favorite-dropdown .inner .flag {width: 92px;height: 92px;margin: 0 auto;}
.h-favorite-dropdown .inner .flag > img {max-width: 100%;max-height: 100%;}
.h-favorite-dropdown .inner .title {color: var(--clr-secondary);}
.h-favorite-dropdown .inner .text {color: var(--clr-secondary);}
.h-app {margin-inline: 3.125rem;}
.h-lang {position: relative;display: inline-block;font-size: 1rem;font-weight: 500;line-height: 1;color: var(--clr-secondary);cursor: pointer;-webkit-transition: var(--transition-1);transition: var(--transition-1);margin-right: 5rem;padding: 15px 22px 15px 0;}
.h-lang::before {content: "";position: absolute;top: 21px;right: 3px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);width: 7px;height: 7px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;}
.h-lang .other-lang {--padd: 0.625rem;position: absolute;left: 50%;top: 100%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);min-width: 70px;background: var(--bg-3);padding: var(--padd);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--rd-1);opacity: 0;visibility: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.h-lang .other-lang > * {cursor: pointer;background-color: var(--clr-text);padding: 5px var(--padd);color: var(--clr-white);font-weight: 400;border-radius: var(--rd-1);}
@media (min-width: 1200px) {
.h-burger:hover i {background-color: var(--clr-green);}
.h-burger:hover i:before,
.h-burger:hover i:after {background-color: var(--clr-green);}
.open-menu .h-burger:hover i {background-color: transparent;}
.h-links a:hover {color: var(--clr-green);}
.h-links ul ul a:hover {color: var(--clr-secondary);background-color: var(--clr-text);}
.h-logo:hover {opacity: 0.75;}
.h-cart:hover svg path {stroke: var(--clr-green);}
.second-menu > ul > li a:hover:before {opacity: 1;visibility: visible;}
.second-menu > ul > li > a:hover + img {opacity: 1;visibility: visible;-o-object-position: center;object-position: center;}
.h-links li:hover > ul {opacity: 1;visibility: visible;}
.h-cabinet-dropdown li > *:hover {color: var(--clr-secondary);background-color: var(--clr-text);}
.h-cabinet:hover {color: var(--clr-green);}
.h-cabinet:hover > svg path {stroke: var(--clr-green);}
.h-favorite:hover > svg path {stroke: var(--clr-green);}
.h-favorite:hover .h-favorite-dropdown {opacity: 1;visibility: visible;}
.h-lang:hover .other-lang {opacity: 1;visibility: visible;}
.h-lang:hover::before {top: 23px;-webkit-transform: translate(-50%, -50%) rotate(-135deg);transform: translate(-50%, -50%) rotate(-135deg);}
.h-lang .other-lang a:hover {color: var(--clr-green);}
}
@media (min-width: 2080px) {
.h-cabinet > b {line-height: 1;}
}
@media (max-width: 1680px) {
:root {--h-height: 5rem;}
.h-top {padding-inline: 5rem;}
.h-logo {margin-left: 1.25rem;}
.h-burger {width: var(--h-height);}
.h-links ul {gap: 0.5rem 1.5rem;}
.h-cart {width: var(--h-height);}
.h-menu {gap: 1.5rem;}
.h-app {margin: 0;}
.h-lang {margin-right: 1.25rem;}
}
@media (max-width: 1440px) {
.second-menu > ul > li {min-height: 7rem;}
}
@media (min-width: 1200px) and (max-width: 1340px) {
.h-links a {font-size: 0.75rem;}
.h-cabinet,
.btn.h-app,
.h-lang {font-size: 0.75rem;}
.h-lang::before {top: 18px;}
.second-menu > ul > li > a {font-size: calc(var(--h5) - 4px);}
}
@media (max-width: 1199px) {
.h-inner {z-index: inherit;}
.h-toggle-menu {height: 100%;max-width: 26.25rem;z-index: 100;-webkit-transform: translateX(-100%) translateY(0);transform: translateX(-100%) translateY(0);}
.h-toggle-menu .container {overflow-y: auto;overflow-x: hidden;height: 100%;text-align: center;}
.open-menu .h-toggle-menu {-webkit-transform: translate(0);transform: translate(0);}
.h-burger {z-index: 101;}
.h-menu {gap: 2rem;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;margin-right: 2rem;}
.h-menu .h-links,
.h-menu .h-lang {display: none;}
.h-links {text-align: center;}
.h-links ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0;}
.h-links ul li {padding: 0;margin-bottom: 5px;min-width: 12.5rem;}
.h-links ul li a {line-height: 2em;padding: 0;text-transform: uppercase;}
.h-links ul li i {display: block;width: 2rem;height: 2rem;position: absolute;top: 0;right: 0;z-index: 5;}
.h-links ul li i::before {content: "";position: absolute;left: 50%;top: 50%;margin-top: -0.5rem;margin-left: -0.25rem;width: 0.5rem;height: 0.5rem;border-left: 1px solid var(--clr-secondary);border-bottom: 1px solid var(--clr-secondary);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: 0.3s;transition: 0.3s;}
.h-links ul li i.return-arrow {-webkit-transform: rotateX(-180deg);transform: rotateX(-180deg);top: -0.125rem;}
.h-links ul ul {position: relative;top: auto;left: auto;padding: 0;background: none;border: none;visibility: visible;opacity: 1;min-width: 100%;padding-bottom: 0.25rem;display: none;}
.h-links ul ul::before {content: none;}
.h-links ul ul li:last-child {margin-bottom: 0;}
.h-links ul ul a {font-size: 0.75rem;text-transform: inherit;}
.second-menu > ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.second-menu > ul > li {min-height: auto;margin: 0;border: none;margin-bottom: 5px;}
.second-menu > ul > li a {font-size: 1rem;line-height: 2em;}
.second-menu > ul > li a + img {display: none;}
.second-menu .social {margin-top: 10px;}
.h-lang {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 0;margin: 0;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 1rem;margin-top: 1rem;}
.h-lang::before {content: none;}
.h-lang > span {color: var(--clr-primary);}
.h-lang .other-lang {position: relative;left: 0;top: 0;-webkit-transform: none;transform: none;min-width: auto;background: none;padding: 0;border: none;border-radius: 0;opacity: 1;visibility: visible;}
.h-lang .other-lang > * {padding: 0;background: none;display: -webkit-box;display: -ms-flexbox;display: flex;gap: 10px;}
}
@media (max-width: 991px) {
.h-menu .h-app {display: none;}
.h-toggle-menu .h-app {margin-top: 1rem;}
.h-toggle-menu .h-lang {margin-top: 1.5rem;}
}
@media (max-width: 767px) {
:root {--h-height: 3.75rem;--h-logo-width: 2.5rem;}
.h-top {padding-inline: var(--h-height);}
.h-logo {margin-left: 1rem;}
.h-menu {gap: 1.5rem;margin-right: 1.5rem;}
.second-menu ul li {margin-bottom: 0;}
.h-cabinet b {display: none;}
.h-cabinet .h-cabinet-dropdown {--padd: 1rem;}
.h-cabinet .h-cabinet-dropdown ul {gap: 10px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.h-cabinet .h-cabinet-dropdown li:last-child {margin-top: 0;}
.h-cabinet .h-cabinet-dropdown a {padding: 0;}
.h-favorite-dropdown {--padd: 1rem;position: fixed;top: var(--h-height);left: auto;right: 0;-webkit-transform: none;transform: none;}
.h-links ul li {margin-bottom: 0;}
.h-toggle-menu {padding-block: 2.5rem 1rem;}
}
/*--------------------*/
/*  TYPOGRAPHY        */
/*--------------------*/
body {font-family: var(--ff-1);font-size: 1.125rem;line-height: 1.33em;font-weight: 400;color: var(--clr-text);background-color: var(--bg-1);}
.text {--text-space: 1rem;--text-li-padding: 1.625rem;--text-th-height: 4.375rem;--text-th-padding: 1.25rem;font-size: 1.125rem;line-height: 1.6em;font-weight: 400;color: var(--clr-text);position: relative;}
.text * + :where(*) {margin-top: calc(var(--text-space) * 3.125);}
.text * + :is(p, ul, ol, h5) {margin-top: calc(var(--text-space) * 1.875);}
.text * + :is(li) {margin-top: calc(var(--text-space) * 1.375);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + * {margin-top: calc(var(--text-space) * 3.125);}
.text .swiper-entry .slide-img {overflow: hidden;border-radius: var(--rd-10);}
.text .swiper-entry > * * {margin-top: 0;}
.text b,
.text strong {font-weight: 700;}
.text span {color: var(--clr-green);}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;color: var(--clr-green);text-decoration: underline;text-decoration-color: currentColor;}
.text ul li,
.text ol li {position: relative;padding-left: var(--text-li-padding);}
.text ul li:before {content: "";position: absolute;left: 0;top: 0.25em;width: 0.5em;height: 0.5em;border-radius: 100%;background-color: var(--clr-green);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number);display: inline-block;position: absolute;left: 0;font-weight: 400;line-height: inherit;color: var(--clr-green);}
.text.clr-black span {color: var(--clr-title);}
.text.clr-black a:not(.btn) {color: var(--clr-title);text-decoration-color: currentColor;}
.text.clr-black ul li:before {background-color: var(--clr-title);}
.text.clr-black ol li:before {color: var(--clr-title);}
.text img {display: block;width: 100%;border-radius: var(--rd-10);}
.text figure {line-height: 0;width: 100% !important;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75rem;font-weight: 400;line-height: 1.33em;color: var(--clr-title);margin: 0.25rem !important;}
.text iframe {display: block;border: 0;width: 100%;height: 100%;border-radius: var(--rd-10);aspect-ratio: 16/9;}
.text blockquote {position: relative;background-color: var(--clr-hover-dark);border-radius: var(--rd-5);font-size: var(--h6);text-transform: uppercase;font-family: var(--ff-2);line-height: 1.5;font-weight: 400;color: var(--clr-title);text-align: center;padding: 3.125rem 4.375rem;}
.text blockquote::before {content: "";position: absolute;top: -10px;left: 1.875rem;width: 3.25rem;height: 2.5rem;background: none;background-image: url(../img/icons/blockquote-icon.svg);z-index: 1;background-position: center;background-size: cover;background-repeat: no-repeat;}
.text table {border-collapse: collapse;width: 100%;}
.text table thead tr {border: none !important;}
.text table thead th,
.text table thead td {height: calc(var(--text-th-height) / 1.59);background-color: var(--clr-hover-dark);color: var(--clr-title);font-family: var(--ff-2);text-transform: uppercase;vertical-align: top;font-size: 1rem;}
.text table thead td:first-child {border-top-left-radius: var(--rd-10);}
.text table thead td:last-child {border-top-right-radius: var(--rd-10);}
.text table tr {text-align: left;border-bottom: 1px solid var(--clr-hover-dark);}
.text table td,
.text table th {vertical-align: middle;height: var(--text-th-height);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-title);padding: calc(var(--text-th-padding) * 1.25) var(--text-th-padding);}
.title-margin + hr {margin-top: var(--sp-sm);}
hr {position: relative;text-align: center;display: block;margin: 0 auto;width: 422px;height: 4px;background-color: var(--clr-green);}
.text *:first-child img {margin-top: 0;}
.text.text-lg {font-size: 1.5rem;}
.text.text-sm {font-size: 1rem;}
.text.text-sm table thead th,
.text.text-sm table thead td {font-size: 1.125rem;}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {font-weight: 400;color: var(--clr-title);font-family: var(--ff-2);}
h1,
.h1 {font-size: var(--h1);line-height: 1.3em;}
h2,
.h2 {font-size: var(--h2);line-height: 1.25em;}
h3,
.h3 {font-size: var(--h3);line-height: 1.25em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.3em;text-transform: uppercase;}
h5,
.h5 {font-size: var(--h5);line-height: 1.5em;text-transform: uppercase;}
h6,
.h6 {font-size: var(--h6);line-height: 1.5em;text-transform: uppercase;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.title {position: relative;z-index: 1;}
.title-margin {position: relative;z-index: 1;margin-bottom: max(1.25rem, 1.875vw);text-transform: uppercase;}
.title-margin-30 {margin-bottom: max(1.25rem, 1.6vw);}
.title-with-btn {margin-bottom: max(1.25rem, 1.875vw);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;gap: 1rem;}
.title-with-btn .title-margin {margin-bottom: 0;}
.title-with-btn .btn-link {-ms-flex-negative: 0;flex-shrink: 0;margin-top: -0.25rem;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.upper {text-transform: uppercase;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: transparent;}
}
@media (max-width: 991px) {
.text:not(.h6) {--text-space: .75rem;--text-th-height: 4rem;--text-th-padding: 1rem;font-size: 1rem;}
.text blockquote {padding-block: 2rem;padding-inline: 2rem;}
.text blockquote::before {top: -0.5rem;left: 1.5rem;width: 2.25rem;height: 1.5rem;}
.text ul li:before {top: 0.4em;}
}
@media (max-width: 767px) {
.title-with-btn {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 0.625rem;}
.title-with-btn .btn-link {margin: 0;}
.text table td,
.text table th,
.text table thead td {padding: 0.25rem 0.5rem;height: calc(var(--text-th-height) / 2);font-size: 0.625rem;line-height: 1.4;}
.text-md-center {text-align: center;}
}
.clr-white {color: var(--clr-white);}
.clr-white-2 {color: var(--clr-secondary);}
.clr-black {color: var(--clr-text);}
/*--------------------*/
/*  BUTTONS           */
/*--------------------*/
.btn {position: relative;cursor: pointer;z-index: 1;-ms-flex-negative: 0;flex-shrink: 0;overflow: hidden;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;vertical-align: bottom;font-size: 1rem;line-height: 1em;font-weight: 500;min-height: 2.875rem;color: var(--bg-3);text-decoration: none;padding: 1em 1.5em 0.8em;background: var(--bg-2);border-radius: var(--rd-1);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn::before,
.btn::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url("../img/content/btn-decor.svg");z-index: -1;background-position: left center;background-size: contain;background-repeat: no-repeat;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn::after {opacity: 0;left: -1%;background-image: url("../img/content/btn-decor-hover.svg");}
.btn b {display: inline-block;}
.btn.size2 {font-size: 1.125rem;min-height: 3.875rem;}
.btn.size2::before {background-image: url("../img/content/btn-decor-size2.svg");}
.btn.size2::after {background-image: url("../img/content/btn-decor-size2-hover.svg");}
.btn-block {width: 100%;}
.btn-block::before {background-size: auto;}
.btn-block::after {left: 45%;top: 15%;height: 70%;}
.btn.disabled {pointer-events: none;background: var(--clr-grey2);color: var(--clr-secondary);}
.btn.disabled::before,
.btn.disabled::after {-webkit-filter: grayscale(1);filter: grayscale(1);}
.btn-close {--bw: 1.5rem;display: inline-block;position: relative;cursor: pointer;width: var(--bw);height: var(--bw);color: var(--clr-secondary);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::before {content: "✖";position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 1rem;font-weight: 400;line-height: var(--bw);color: currentColor;}
.btn-link {position: relative;cursor: pointer;display: inline-block;font-size: 1rem;line-height: 1.375em;color: var(--bg-3);font-weight: 500;-webkit-transition: var(--transition-1);transition: var(--transition-1);padding-right: 1rem;}
.btn-link::after {content: "";display: inline-block;position: absolute;top: 50%;right: 0;width: 0.4375rem;height: 0.4375rem;border-width: 0 0.125rem 0.125rem 0;border-style: solid;border-color: currentColor;-webkit-transform: translate(0%, -50%) rotate(-45deg);transform: translate(0%, -50%) rotate(-45deg);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.type-2 {padding-right: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: end;-ms-flex-align: end;align-items: end;}
.btn-link.type-2::after {content: none;}
.btn-link.type-2 > svg {margin-right: 0.625rem;}
.btn-link.type-2 > svg path {-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.green {color: var(--clr-green);}
.btn-link.revers {padding-left: 1rem;padding-right: 0;}
.btn-link.revers::after {right: auto;left: 1px;-webkit-transform: translate(0%, -50%) rotate(135deg);transform: translate(0%, -50%) rotate(135deg);}
.btn-play {--size: 6rem;position: relative;z-index: 2;cursor: pointer;width: var(--size);height: var(--size);-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition: var(--transition-1);transition: var(--transition-1);color: var(--clr-white);}
.btn-play i {position: absolute;cursor: pointer;display: inline-block;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;line-height: 0;border-radius: 100%;border: 0.125rem solid currentColor;}
.btn-play i::after {content: "";position: absolute;z-index: 1;top: 50%;left: calc(50% + 0.125rem);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 0;height: 0;border-radius: 0.25rem;border-style: solid;border-width: calc(var(--size) / 6) 0 calc(var(--size) / 6) calc(var(--size) / 4);border-color: transparent transparent transparent currentColor;}
.btn-wrapp {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;gap: 1.875rem;}
.btn-wrapp.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
@media (min-width: 1200px) {
.btn:hover {background-color: var(--clr-primary);}
.btn:not(.btn-block):hover:before {left: 80%;opacity: 0;}
.btn:hover:after {left: 0;opacity: 1;}
.btn-block:hover::before {left: 30%;opacity: 0;}
.btn-block:hover::after {left: 50%;}
.btn-close:hover {color: var(--clr-primary);}
.btn-link.type-2:hover {color: var(--clr-primary);}
.btn-link.type-2:hover svg path {stroke: currentColor;}
.btn-link:hover {color: var(--clr-primary);}
.btn-link:hover::after {-webkit-transform: translate(0.25rem, -50%) rotate(-45deg);transform: translate(0.25rem, -50%) rotate(-45deg);}
.btn-link.revers:hover::after {-webkit-transform: translate(-0.25rem, -50%) rotate(135deg);transform: translate(-0.25rem, -50%) rotate(135deg);}
.btn-link.green:hover {color: var(--clr-secondary);}
.btn-link.green:hover svg path {stroke: currentColor;}
.btn-play:hover {opacity: 0.75;}
}
@media (max-width: 991px) {
.btn-play {--size: 4.25rem;}
}
@media (max-width: 767px) {
.btn {width: 100%;}
.btn.size2 {min-height: 3.125rem;padding: 0.8rem;}
.btn-link {line-height: 1.15em;}
.btn-link.type-2 svg {max-width: 1.25rem;max-height: 1.25rem;margin-right: 0.5rem;}
.btn-wrapp {gap: 1.125rem;}
.btn-wrapp.direction-row {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
}