/*--------------------*/
/* RESET              */
/*--------------------*/
html {height: auto;font-synthesis: none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-font-smoothing: antialiased;}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen)::-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;scroll-behavior: smooth;scroll-padding-top: var(--h-height, 0);background-color: var(--clr-white);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
:is(*, *:before, *:after) {-webkit-box-sizing: inherit;box-sizing: inherit;}
* {border: 0;margin: 0;padding: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-text-size-adjust: none;-webkit-locale: auto;-webkit-tap-highlight-color: transparent;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: default;outline: none;color: inherit;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(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;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background-image: url(../img/placeholder-img.webp);background-repeat: no-repeat;background-position: center;background-size: cover;}
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 {display: none;}
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: default;}
:is(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;}
button {background: none;}
/*----------------------*/
/* MAIN GLOBAL SETTINGS */
/*----------------------*/
:root {--root-scale: 1rem;--svh: 100vh;--dvh: 100vh;--container-width: 100%;--ff-1: "PP Neue Montreal Book";--ff-500: "PP Neue Montreal";--h1: clamp(3.125rem, 2.1776rem + 1.9737vi, 4.25rem);--h2: clamp(2.75rem, 2.1184rem + 1.3158vi, 3.5rem);--h3: clamp(2.75rem, 2.3289rem + 0.8772vi, 3.25rem);--h4: clamp(2rem, 1.7895rem + 0.4386vi, 2.25rem);--h5: clamp(1.75rem, 1.6447rem + 0.2193vi, 1.875rem);--h6: clamp(1.125rem, 1.0197rem + 0.2193vi, 1.25rem);--text: clamp(1rem, 0.8947rem + 0.2193vi, 1.125rem);--text-sm: clamp(1rem, calc(0.8947rem + 0.2193vw), 1.125rem);--text-xl: clamp(1rem, 0.7895rem + 0.4386vi, 1.25rem);--sp-xl: clamp(3.125rem, -0.9803rem + 8.5526vi, 8rem);--sp-lg: clamp(3.125rem, 0.7039rem + 5.0439vi, 6rem);--sp-md: clamp(2.5rem, 1.2368rem + 2.6316vi, 4rem);--sp-sm: clamp(1.88rem, calc(0.30rem + 3.29vw), 3.75rem);--sp-xs: clamp(0.94rem, calc(0.15rem + 1.64vw), 1.88rem);--rd-1: .5rem;--clr-title: #0B0B0B;--clr-text: #171719;--clr-text-2: #E6E6E6;--clr-text-3: rgba(23,23,25,0.50);--clr-plc: #4A5055;--clr-input: #D3D3D3;--clr-white: #ffffff;--clr-black: #0B0B0B;--clr-grey: #e3e3e3;--clr-white-50: rgba(255, 255, 255, 0.50);--clr-red: #870101;--clr-green: #00A850;--clr-separator: rgba(0, 0, 0, 0.15);--clr-primary: #0B0B0B;--clr-secondary: #E6E6E6;--bg-white: #ffffff;--bg-black: #0B0B0B;--bg-gray: #F1F1F0;--transition-1: .3s ease;}
@supports (height: 100svh) and (height: 100dvh) {
:root {--svh: 100svh;--dvh: 100dvh;}
}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-hidden {overflow: hidden;}
html.overflow-hidden body {overflow: hidden;}
#content-block {position: relative;min-height: var(--svh);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
main {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
main .seo-sec {-webkit-box-ordinal-group: 2;-ms-flex-order: 1;order: 1;}
footer {margin-top: auto;}
.section {position: relative;overflow: clip;opacity: 0;-webkit-transition: 0.5s linear opacity;transition: 0.5s linear opacity;}
.section:not(.banner-sec).animated {opacity: 1;}
.section:not(.lr-section) .container {-webkit-transform: translateY(6.25rem);-ms-transform: translateY(6.25rem);transform: translateY(6.25rem);opacity: 0;-webkit-transition: 1s;transition: 1s;}
.section:not(.lr-section).animated .container {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
.section.pd-section.black-sec + .section:not(.pd-section, .full-sec) {margin-top: var(--sp-xl);}
.category-products {opacity: 0;-webkit-transition: ease-in 0.5s;transition: ease-in 0.5s;}
.product-row,
.sidebar {opacity: 0;}
.container,
.container-fluid {--bs-gutter-x: 1.5rem;--bs-gutter-y: 3rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.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 {content-visibility: auto;}
.sale-informer,
.cookies-informer,
.cart-informer,
.cart_bg-layer,
.cart {content-visibility: auto;}
.rellax-img {height: 110% !important;-o-object-position: center top;object-position: center top;}
.single-post .rellax-img{height: 100% !important;top: 0% !important;-webkit-transform: none!important;-ms-transform: none!important;transform: none!important;}
/* sticky block */
@media (min-width: 992px) {
.show-sticky {overflow: visible;}
.sticky-block {position: -webkit-sticky;position: sticky;top: calc(var(--h-height) + 1rem);}
}
/* container size change */
@media (min-width: 1200px) {
:root {--container-width: 88.75vw;}
.container {width: var(--container-width);}
}
@media (min-width: 1200px) and (max-width: 1440px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 1441px) and (max-width: 1640px) {
:root {--root-scale: 0.9rem;}
}
@media (min-width: 2600px) {
:root {--root-scale: 2rem;}
}
@media (max-width: 991px) {
.sticky-block {overflow: hidden;}
}
/*--------------------*/
/* HEADER             */
/*--------------------*/
:root {--h-height: 7.5rem;--h-logo-width: 16.875rem;--h-logo2-width: 8.125rem;}
header {height: var(--h-height);opacity: 0;position: fixed;z-index: 100;}
header.type2 {position: inherit;}
.h-wrap {position: fixed;z-index: 100;top: 0;left: 0;width: 100%;background-color: transparent;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-wrap::before {content: "";position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;background: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
header.type2 .h-wrap,
header.scrolled .h-wrap {-webkit-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.04);}
header.type2 .h-wrap::before,
header.scrolled .h-wrap::before {opacity: 1;}
.h-inner {position: relative;width: 100%;height: var(--h-height);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;}
.h-logo {display: block;width: var(--h-logo-width);-ms-flex-negative: 0;flex-shrink: 0;}
.h-logo img {display: block;max-width: 100%;}
.h-logo-second {display: block;width: var(--h-logo2-width);-ms-flex-negative: 0;flex-shrink: 0;}
.h-logo-second img {display: block;max-width: 100%;}
.close-menu {font-size: 1rem;line-height: 1.3em;font-weight: 400;text-transform: uppercase;color: var(--clr-white);cursor: default;position: absolute;top: 2.25rem;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-links {margin-inline: 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: 2vw;}
.h-links a {font-size: 1.25rem;line-height: 1em;font-weight: 500;color: var(--clr-white);}
.h-menu {position: fixed;z-index: 101;right: 0;top: 0;height: 100%;width: min(100%, 23.75rem);padding: 1rem;padding-top: 4rem;-webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%);background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);overflow-y: auto;overflow-x: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;opacity: 0;}
.h-menu > * + * {margin-top: 2rem;}
.h-menu-overlay {display: block;position: fixed;z-index: 100;inset: 0;opacity: 0;visibility: hidden;background: rgba(0, 0, 0, 0.45);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.open-menu .h-menu:not(.h-projects) {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;z-index: 101;}
.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
.open-project-menu .h-projects {-webkit-transform: translateX(0%);-ms-transform: translateX(0%);transform: translateX(0%);opacity: 1;z-index: 101;}
.open-project-menu .h-menu-overlay {opacity: 1;visibility: visible;}
.h-links {margin-block: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 4.2vw;}
.h-links .main-menu ul,
.h-links .second-menu ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 0.75rem;}
.h-links .main-menu a,
.h-links .second-menu a {font-size: 1.125rem;line-height: 1.2em;font-weight: 400;color: var(--clr-white);text-transform: inherit;}
.h-links .main-menu a.active,
.h-links .second-menu a.active {color: var(--clr-white-50);}
.h-links .social {--size: 2.25rem;}
.h-links .social ul {-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;}
.h-right {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;gap: 0.125rem;margin-right: 4.375rem;}
.h-project-menu {font-size: 1rem;font-weight: 400;line-height: 1.3em;color: var(--clr-white);text-transform: uppercase;cursor: default;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-lang {position: relative;text-align: center;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;gap: 0.75rem;padding: 0.125rem;background-color: rgba(255, 255, 255, 0.15);}
.h-lang > * {font-size: 0.75rem;font-weight: 400;line-height: 1.16em;color: var(--clr-white-50);text-transform: uppercase;-webkit-transition: var(--transition-1);transition: var(--transition-1);cursor: default;}
.h-lang > *.active {color: var(--clr-white);pointer-events: none;}
.h-burger {position: absolute;right: -0.625rem;top: calc(50% - 1.75rem);display: block;width: 2.5rem;height: 2.5rem;cursor: default;}
.h-burger i {display: inline-block;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 50%;height: 0.125rem;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-burger i:before,
.h-burger i:after {content: "";position: absolute;left: 0;top: -0.375rem;width: 100%;height: 100%;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.h-burger i:after {top: 0.375rem;}
@media (min-width: 1200px) {
.h-logo:hover,
.h-logo-second:hover {opacity: 0.8;}
.close-menu:hover {color: var(--clr-white-50);}
.h-links a:hover {color: var(--clr-white-50);}
.h-project-menu:hover {color: var(--clr-white-50);}
.h-lang:hover > * {color: var(--clr-white);}
.h-burger:hover i {background-color: var(--clr-white-50);}
.h-burger:hover i:before,
.h-burger:hover i:after {background-color: var(--clr-white-50);}
}
@media (max-width: 1680px) {
:root {--h-height: 4.5rem;--h-logo2-width: 6rem;}
}
@media (max-width: 1199px) {
:root {--h-height: 3.75rem;--h-logo2-width: 5.5rem;}
.h-wrap::before {opacity: 1;}
.h-burger {right: 0;}
}
@media (max-width: 767px) {
:root {--h-logo-width: 12.5rem;}
.h-logo-second {display: none;}
.h-right {margin-right: 0;}
.h-burger {display: none;}
.h-menu {width: 100%;}
.h-links {gap: 1.5rem;}
}
header {opacity: 1;}
/*--------------------*/
/* TYPOGRAPHY         */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--text);line-height: 1.4em;color: var(--clr-text);background-image: url(../img/body-pattern.webp);background-repeat: repeat;}
.text {--text-space: 1.5rem;--text-rd: var(--rd-1);--text-li-padding: 2rem;--text-th-height: 4rem;--text-th-padding: 1.5rem;font-size: var(--text);line-height: 1.33em;font-weight: 400;color: var(--clr-text);}
.text * + :where(*) {margin-top: calc(var(--text-space) * 1.5);}
.text * + :is(p, li) {margin-top: var(--text-space);}
.text * + :is(ul, ol) {margin-top: calc(var(--text-space) * 1.5);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption),
.text :is(h1, h2, h3, h4, h5, h6) + *:not(figcaption) {margin-top: calc(var(--text-space) * 1.5);}
.text :is(h1, h2, h3, h4, h5, h6) {font-weight: 500;font-family: var(--ff-500);color: var(--clr-text);}
.text .swiper-entry > * * {margin-top: 0;}
.text.text-xl {font-size: var(--text-xl);}
.text b {font-weight: 500;}
.text b,
.text span {color: var(--clr-primary);}
.text strong {font-weight: 700;}
.text em,
.italic {font-style: italic;font-weight: 400;}
.text a:not(.btn) {display: inline;font-weight: 500;color: var(--clr-primary);text-decoration: underline;-webkit-text-decoration-color: transparent;text-decoration-color: transparent;}
.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.5em;width: 1.125rem;height: 0.125rem;background-color: var(--clr-text);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;font-family: var(--ff-500);line-height: inherit;color: var(--clr-text);}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.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: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {text-align: left;font-weight: 500;padding-block: calc(var(--text-space) * 3);padding-inline: clamp(1rem, -6.54rem + 15.6vw, var(--text-space) * 6);color: var(--clr-black);background-color: var(--clr-grey);border-radius: var(--text-rd);}
.text table {border-collapse: collapse;width: 100%;}
.text tbody tr {text-align: left;}
.text tbody tr:nth-child(even) th,
.text tbody tr:nth-child(even) td {background-color: var(--clr-grey);}
.text tbody tr:last-child:not(:nth-child(even)) {border-bottom: 0.0625rem solid var(--clr-grey);}
.text thead tr {border: none;}
.text thead th,
.text thead td {height: var(--text-th-height);font-weight: 500;color: var(--clr-black);background-color: var(--clr-grey);}
.text td,
.text th {vertical-align: middle;height: calc(var(--text-th-height) / 1.4);padding: calc(var(--text-th-padding) / 3);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);border-radius: var(--text-rd) 0 0 var(--text-rd);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);border-radius: 0 var(--text-rd) var(--text-rd) 0;}
.text *:first-child img {margin-top: 0;}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {font-weight: 400;color: var(--clr-title);text-wrap: balance;}
h1,
.h1 {font-size: var(--h1);line-height: 1.25em;}
h2,
.h2 {font-size: var(--h2);line-height: 1.06em;}
h3,
.h3 {font-size: var(--h3);line-height: 1.14em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.2em;}
h5,
.h5 {font-size: var(--h5);line-height: 1.2em;}
h6,
.h6 {font-size: var(--h6);line-height: 1.4em;}
.title {text-transform: uppercase;}
.text-animate {opacity: 0;}
.text-animated {opacity: 1;}
.text-animate-word {position: relative;overflow: hidden;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;line-height: inherit;}
.text-animate-word.animated > * {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
.text-animate-word > * {display: inline-block;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;-webkit-transition: 1s;transition: 1s;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.text-animate__word > span {display: inline-block;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 0;-webkit-transition: 1s;transition: 1s;-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.text-animate__word.animated > span {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
.sub-title {font-size: calc(var(--h4) - 0.5rem);line-height: 1.25em;font-weight: 400;color: var(--clr-title);}
.title-margin {margin-bottom: max(1.5rem, 3.15vw);}
.title-margin.m-40 {margin-bottom: max(1.5rem, 2.1vw);}
.title-ml {margin-left: 2.5rem;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.content > * + * {margin-top: 1.5rem;}
.content.m-20 > * + * {margin-top: 1.25rem;}
.fw-500 {font-family: var(--ff-500);}
.upper {text-transform: uppercase;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {-webkit-text-decoration-color: currentColor;text-decoration-color: currentColor;}
}
@media (max-width: 1199px) {
.title-ml {margin-left: 1.5rem;}
}
@media (max-width: 991px) {
.text {--text-space: .75rem;--text-li-padding: 1.5rem;--text-th-height: 3.5rem;--text-th-padding: .5rem;}
.text ul li:before {width: 0.875rem;}
.text :is(h1, h2, h3, h4, h5, h6) + *:not(figcaption) {margin-top: calc(var(--text-space) * 1.5);}
}
@media (max-width: 767px) {
.content > * + * {margin-top: 1rem;}
.content.m-20 > * + * {margin-top: 1rem;}
}
/*--------------------*/
/* BUTTONS            */
/*--------------------*/
.btn {z-index: 1;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: default;overflow: hidden;font-size: 1rem;line-height: 1em;font-weight: 400;color: var(--clr-black);text-transform: uppercase;text-decoration: none;padding: 1.25rem 1.5rem;border: none;border-radius: 1.75rem;background-color: var(--clr-white);-webkit-transition: var(--transition-1);transition: var(--transition-1);-ms-flex-negative: 0;flex-shrink: 0;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;}
.btn b {display: inline-block;line-height: inherit;font-weight: inherit;color: currentColor;}
.btn > * + * {margin-left: 0.8em;}
.btn-primary {background-color: var(--clr-primary);color: var(--clr-white);}
.btn-secondary {background-color: var(--clr-white);color: var(--clr-black);}
.btn-svg svg {color: currentColor;}
.btn-svg svg *[stroke] {stroke: currentColor;}
.btn-svg svg *[fill] {fill: currentColor;}
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);}
.btn-close {display: inline-block;position: relative;cursor: default;--bw: 2.5rem;width: var(--bw);height: var(--bw);color: var(--clr-white);background-color: var(--clr-black);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;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-link {position: relative;display: inline-block;cursor: default;font-size: 1rem;line-height: 1.31em;color: var(--clr-title);font-weight: 400;text-transform: uppercase;-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.white {color: var(--clr-white);}
.btn-link.white::before {background-color: rgba(255, 255, 255, 0.35);}
.btn-link::before {content: "";position: absolute;right: 0;bottom: -0.125rem;height: 0.0625rem;width: 100%;background-color: var(--clr-text);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.btn-back {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-link.btn-back::before {content: none;}
.btn-link.btn-back img,
.btn-link.btn-back svg {width: 1.875rem;height: 1.875rem;color: var(--clr-title);-webkit-transition: var(--transition-1);transition: var(--transition-1);}
.btn-link.btn-back img path,
.btn-link.btn-back svg path {fill: currentColor;}
.btn-link.show-more {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.btn-link.show-more::before {content: none;}
.btn-link.show-more img,
.btn-link.show-more svg {width: 1.875rem;height: 1.875rem;color: var(--clr-title);-webkit-transition: var(--transition-1);transition: var(--transition-1);-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.btn-link.show-more img path,
.btn-link.show-more svg path {fill: 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: start;-ms-flex-align: start;align-items: flex-start;gap: 1.875rem;}
.btn-wrapp.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
@media (min-width: 1200px) {
.btn:hover {color: var(--clr-white);background-color: var(--clr-primary);}
.btn-primary:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-secondary:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-close:hover {opacity: 0.8;}
.btn-link:hover::before {width: 0;}
.btn-back:hover img,
.btn-back:hover svg {-webkit-transform: translateX(-20%);-ms-transform: translateX(-20%);transform: translateX(-20%);}
.btn-link.show-more:hover svg {-webkit-transform: rotate(-90deg) translateX(-10%);-ms-transform: rotate(-90deg) translateX(-10%);transform: rotate(-90deg) translateX(-10%);}
}
@media (max-width: 1440px) {
.btn,
.btn-link {font-size: 1.125rem;}
}
@media (max-width: 991px) {
.btn,
.btn-link {font-size: 1rem;}
.btn-close {--bw: 2rem;}
}
@media (max-width: 767px) {
.btn-wrapp {gap: 1.125rem;}
}