/* ------------------------------------------------------------ *\
	import scss files
\* ------------------------------------------------------------ */
/*  Variables  */
/*  Functions  */
/*  Mixins  */
/* example usage*/
/* ------------------------------------------------------------ *\
	Variables
\* ------------------------------------------------------------ */
:root {
  --vh: 1vh;
  --vh: 1svh;
  --win-height: calc(100 * var(--vh));
  --fz-base: 1.6rem;
  --fz-second: 1.5rem;
  --fw-base: 400;
  --lh-base: 1.2;
  --ff-sans-serif: "Alegreya Sans SC", sans-serif;
  --ff-ss-second: "Alegreya Sans", sans-serif;
  --ff-beer-money: "beer money", serif;
  --ff-serif: "Times New Roman", Times, Georgia, serif;
  --ff-fa-solid: "fa-solid-900";
  --ff-base: var(--ff-sans-serif);
  --t-dur: .3s;
  --t-easing: ease;
  --c-black: #000000;
  --c-white: #FFFFFF;
  --c-gray: #F5F5F5;
  --c-gray2: #DFDFDF;
  --c-gray3: #A2A0A6;
  --c-gray-dark: #464646;
  --c-purple: #745D98;
  --c-purple2: #39385B;
  --c-pink: #AF92DD;
  --c-violet: #E4DDEA;
  --c-theme: var(--c-purple);
  --c-theme-dark: var(--c-purple2);
  --c-theme-light: var(--c-violet);
  --c-theme2: var(--c-black);
  --c-base: #000;
  --c-base: var(--c-purple2);
  --c-theme-rgb: 116, 93, 152;
  --section-spacing: 3rem;
  --container-max-width: 1364px;
  --container-large-max-width: 1120px;
  --container-medium-max-width: 1000px;
  --container-small-max-width: 854px;
  --container-gutter: 2rem;
  --gap: 2rem;
  --gap-secondary: 1.6rem;
  --slider-arrow-width: 2.5rem;
  --slider-arrow-height: 4.4rem;
  --border-radius: 1.9rem;
  --border-radius-secondary: 2.8rem;
}
@media (max-width: 1199px) {
  :root {
    --slider-arrow-width: 2rem;
    --slider-arrow-height: 3.6rem;
  }
}
/* ------------------------------------------------------------ *\
	Functions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Mixins
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Normalize/resets
\* ------------------------------------------------------------ */
* {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}
*:before,
*:after {
  box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
}
template {
  display: none;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}
img,
iframe,
video,
audio,
object {
  max-width: 100%;
}
img,
iframe {
  border: 0 none;
}
img {
  height: auto;
  display: inline-block;
  vertical-align: middle;
}
img,
[style*=background-image] {
  image-rendering: -webkit-optimize-contrast;
}
b,
strong {
  font-weight: bold;
}
address {
  font-style: normal;
}
svg:not(:root) {
  overflow: hidden;
}
a,
button,
input[type=submit],
input[type=button],
input[type=reset],
input[type=file],
input[type=image],
label[for] {
  cursor: pointer;
}
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input[type=text],
input[type=password],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=email],
input[type=number],
input[type=search],
input[type=tel],
input[type=time],
input[type=url],
input[type=color],
textarea,
a[href^=tel] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}
textarea {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
button,
select {
  text-transform: none;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
nav ul,
nav ol {
  list-style: none outside none;
}
input::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
input::placeholder {
  color: inherit;
  opacity: 1;
}
textarea::-moz-placeholder {
  color: inherit;
  opacity: 1;
}
textarea::placeholder {
  color: inherit;
  opacity: 1;
}
input:-webkit-autofill {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
input[type=text],
input[type=button],
input[type=tel],
input[type=email],
input[type=submit],
input[type=date],
input[type=search],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: unset;
  }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-ExtraBold.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-BoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Bold.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Medium.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-LightItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-BlackItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Italic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-ThinItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Regular.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Light.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Thin.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-Black.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans SC";
  src: url("../fonts/AlegreyaSansSC-MediumItalic.woff2") format("woff2"), url("../fonts/AlegreyaSansSC-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ExtraBold.woff2") format("woff2"), url("../fonts/AlegreyaSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Bold.woff2") format("woff2"), url("../fonts/AlegreyaSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Black.woff2") format("woff2"), url("../fonts/AlegreyaSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-ThinItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-ThinItalic.woff") format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-LightItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Thin.woff2") format("woff2"), url("../fonts/AlegreyaSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-BoldItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-BlackItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Italic.woff2") format("woff2"), url("../fonts/AlegreyaSans-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Medium.woff2") format("woff2"), url("../fonts/AlegreyaSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Light.woff2") format("woff2"), url("../fonts/AlegreyaSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-Regular.woff2") format("woff2"), url("../fonts/AlegreyaSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Alegreya Sans";
  src: url("../fonts/AlegreyaSans-MediumItalic.woff2") format("woff2"), url("../fonts/AlegreyaSans-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "beer money";
  src: url("../fonts/beermoney.woff2") format("woff2"), url("../fonts/beermoney.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "fa-brands-400";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-brands-400.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-brands-400.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-light-300";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-light-300.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-light-300.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-regular-400";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-regular-400.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-regular-400.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "fa-solid-900";
  src: url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-solid-900.woff") format("woff"), url("../vendor/fontawesome-pro-5.7.2-web/webfonts/fa-solid-900.woff2") format("woff2");
  font-display: swap;
}
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html {
  font-size: 62.5%;
}
body {
  min-width: 320px;
  background: var(--c-white, #fff);
  font-family: var(--ff-base, sans-serif);
  font-weight: var(--fw-base, 400);
  font-size: var(--fz-base, 1.6rem);
  line-height: var(--lh-base, 1.4);
  color: var(--c-base, #000);
}
body:before {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--c-white, #fff);
  opacity: 1;
  transition: opacity var(--t-dur, 0.3s), z-index var(--t-dur, 0.3s), visibility var(--t-dur, 0.3s);
  pointer-events: all;
  z-index: 9999;
}
body.is-open {
  overflow: hidden;
}
body.no-overlay:before {
  opacity: 0;
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
}
.skip-link:focus {
  width: unset;
  height: unset;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: unset;
  border: 0;
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
  color: inherit;
}
a[href^=tel] {
  text-decoration: none;
}
ul {
  padding-left: 0;
}
figure {
  margin: 0;
}
.bg-gray,
.bg-grey {
  background-color: var(--c-gray);
}
.bg-gray-mid,
.bg-grey-mid {
  background-color: var(--c-gray3);
  color: var(--c-white);
}
.bg-gray-mid :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6),
.bg-grey-mid :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.bg-gray-mid :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small,
.bg-grey-mid :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small {
  color: inherit;
}
.bg-gray-dark,
.bg-grey-dark {
  background-color: var(--c-gray-dark);
  color: var(--c-white);
}
.bg-gray-dark :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6),
.bg-grey-dark :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.bg-gray-dark :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small,
.bg-grey-dark :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small {
  color: inherit;
}
.bg-media-wrapper {
  position: relative;
  isolation: isolate;
}
.bg-media-wrapper .bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  mix-blend-mode: multiply;
  pointer-events: none;
}
.bg-media-wrapper .bg-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.color-theme {
  color: var(--c-theme);
}
.color-theme :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.bg-theme-dark {
  background-color: var(--c-theme-dark);
  color: var(--c-white);
}
.bg-theme-dark :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.bg-theme {
  background-color: var(--c-theme);
  color: var(--c-white);
}
.bg-theme :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.bg-theme .has-separator {
  border-bottom: 1px solid var(--c-white);
}
.bg-theme .has-separator :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.bg-theme .btn:is(:not(.btn--theme2)) {
  color: var(--c-white);
  background-color: transparent;
  border: 1px solid var(--c-white);
}
@media (hover: hover) {
  .bg-theme .btn:is(:not(.btn--theme2)):first-child:hover, .bg-theme .btn:is(:not(.btn--theme2)):hover, .bg-theme .btn:is(:not(.btn--theme2)):first-child:active {
    color: var(--c-theme);
    background-color: var(--c-white);
    border-color: var(--c-white);
  }
}
.bg-theme .btn:is(:not(.btn--theme2)):active {
  color: var(--c-theme);
  background-color: var(--c-white);
  border-color: var(--c-white);
}
.bg-theme .checkbox label:before {
  background-color: var(--c-white, #fff);
  border-color: var(--c-white);
}
.bg-theme .checkbox input[type=checkbox]:checked + label:before {
  background-color: var(--c-white);
  border-color: var(--c-white);
}
.bg-theme2 {
  background-color: var(--c-theme2);
  color: var(--c-white);
}
.bg-theme2 :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
.title {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.title small {
  font-weight: 400;
}
.has-separator {
  padding-bottom: 0.5rem;
  color: var(--c-theme-dark);
  border-bottom: 1px solid var(--c-theme);
}
.has-separator :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme-dark);
}
.section-separator {
  flex: unset !important;
  min-height: var(--section-spacing);
}
:is(div, section).section-size-s {
  padding: 2rem 0;
}
:is(div, section).section-size-xl {
  padding: var(--section-spacing) 0;
}
@media (min-width: 767.02px) {
  :is(div, section).section-size-xl {
    padding: 4rem 0;
  }
}
@media (min-width: 1023.02px) {
  :is(div, section).section-size-xl {
    padding: 5rem 0;
  }
}
@media (min-width: 1199.02px) {
  :is(div, section).section-size-xl {
    padding: 6rem 0;
  }
}
:is(div, section).section-xl-offset-top {
  padding-top: var(--section-spacing);
}
@media (min-width: 767.02px) {
  :is(div, section).section-xl-offset-top {
    padding-top: 4rem;
  }
}
@media (min-width: 1023.02px) {
  :is(div, section).section-xl-offset-top {
    padding-top: 5rem;
  }
}
@media (min-width: 1199.02px) {
  :is(div, section).section-xl-offset-top {
    padding-top: 6rem;
  }
}
:is(div, section).section-xl-offset-bottom {
  padding-bottom: var(--section-spacing);
}
@media (min-width: 767.02px) {
  :is(div, section).section-xl-offset-bottom {
    padding-bottom: 4rem;
  }
}
@media (min-width: 1023.02px) {
  :is(div, section).section-xl-offset-bottom {
    padding-bottom: 5rem;
  }
}
@media (min-width: 1199.02px) {
  :is(div, section).section-xl-offset-bottom {
    padding-bottom: 6rem;
  }
}
:is(div, section).section-s-offset-top {
  padding-top: 2rem;
}
:is(div, section).section-s-offset-bottom {
  padding-bottom: 2rem;
}
:is(div, section).no-offset-top {
  padding-top: 0;
}
:is(div, section).no-offset-bottom {
  padding-bottom: 0;
}
:is(div, section).no-offsets {
  padding: 0;
}
.has-border-radius {
  border-radius: var(--border-radius);
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin-bottom: calc(var(--lh-base) / 2 * 1em);
  font-weight: 900;
  color: var(--c-theme2);
}
.h1,
h1 {
  font-size: 3rem;
  line-height: 1;
}
@media (max-width: 1299px) {
  .h1,
  h1 {
    font-size: 2.8rem;
  }
}
@media (max-width: 1199px) {
  .h1,
  h1 {
    font-size: 2.6rem;
  }
}
@media (max-width: 767px) {
  .h1,
  h1 {
    font-size: 2.4rem;
  }
}
.h2,
h2 {
  font-size: 3rem;
  line-height: 1;
}
@media (max-width: 1299px) {
  .h2,
  h2 {
    font-size: 2.8rem;
  }
}
@media (max-width: 1199px) {
  .h2,
  h2 {
    font-size: 2.6rem;
  }
}
@media (max-width: 767px) {
  .h2,
  h2 {
    font-size: 2.4rem;
  }
}
.h3,
h3 {
  font-size: 2rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .h3,
  h3 {
    font-size: 1.8rem;
  }
}
.h4,
h4 {
  font-size: var(--fz-base);
  line-height: var(--lh-base);
}
.h5,
h5 {
  font-size: var(--fz-second);
  line-height: 1.2rem;
}
.h6,
h6 {
  font-size: 1.4rem;
}
p,
ul,
ol,
dl,
hr,
table,
blockquote {
  margin-bottom: calc(var(--lh-base) * 1em);
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
/* ------------------------------------------------------------ *\
  Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear-float:after {
  content: "";
  line-height: 0;
  display: table;
  clear: both;
}
/* sr-only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*  Hidden  */
[hidden],
.hidden {
  display: none !important;
}
.hidden-soft {
  display: none;
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-xs-inline-flex,
.visible-xs-flex,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-s-inline-block,
.visible-s-block,
.visible-s-inline-flex {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  .visible-xs-block {
    display: block !important;
  }
  .visible-xs-inline {
    display: inline !important;
  }
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 1023px) {
  .hidden-s {
    display: none !important;
  }
  .visible-s-block {
    display: block !important;
  }
  .visible-s-flex {
    display: flex !important;
  }
  .visible-s-inline {
    display: inline !important;
  }
  .visible-s-inline-block {
    display: inline-block !important;
  }
  .visible-s-inline-flex {
    display: inline-flex !important;
  }
}
@media (max-width: 1199px) {
  .hidden-m {
    display: none !important;
  }
  .visible-m-block {
    display: block !important;
  }
  .visible-m-flex {
    display: flex !important;
  }
  .visible-m-inline {
    display: inline !important;
  }
  .visible-m-inline-block {
    display: inline-block !important;
  }
  .visible-m-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 767.02px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
  .visible-sm-block {
    display: block !important;
  }
  .visible-sm-inline {
    display: inline !important;
  }
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1023.02px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  .visible-md-block {
    display: block !important;
  }
  .visible-md-inline {
    display: inline !important;
  }
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1199.02px) {
  .hidden-lg {
    display: none !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
.hidden-visually {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}
/* ------------------------------------------------------------ *\
    Accordion
\* ------------------------------------------------------------ */
.accordion {
  border: none;
}
.accordion:not(:last-child) {
  margin-bottom: 3rem;
}
.accordion .accordion__section:not(:last-child) {
  margin-bottom: 1.4rem;
}
.accordion .accordion__trigger {
  cursor: pointer;
}
.accordion .accordion__head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.7rem;
}
.accordion .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
  line-height: 1;
  margin-bottom: 0;
}
.accordion .accordion__head h3 {
  font-weight: 400;
}
.accordion .accordion__head .accordion__trigger-meta {
  position: relative;
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  background-color: var(--c-theme);
  border-radius: 3px;
  transition: background-color var(--t-dur);
}
.accordion .accordion__head .accordion__trigger-meta:before, .accordion .accordion__head .accordion__trigger-meta:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-color: var(--c-white);
  transition: transform var(--t-dur), opacity var(--t-dur);
}
.accordion .accordion__head .accordion__trigger-meta:before {
  width: 7px;
  height: 2px;
}
.accordion .accordion__head .accordion__trigger-meta:after {
  width: 2px;
  height: 7px;
}
.accordion .accordion__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--t-dur), padding var(--t-dur);
  padding: 0;
}
.accordion .accordion__body-inner {
  overflow: hidden;
  transition: padding var(--t-dur);
  padding: 0;
}
.accordion .accordion__body-inner > ul {
  list-style-position: inside;
  padding-left: .5rem;
}
.accordion .accordion__body-inner > ol {
  list-style-position: inside;
  padding-left: .5rem;
}
.accordion .accordion__body-inner > p {
  text-align: justify;
}
.accordion .accordion__section.is-open .accordion__head .accordion__trigger-meta {
  background-color: var(--c-theme-dark);
}
.accordion .accordion__section.is-open .accordion__head .accordion__trigger-meta:before {
  opacity: 0;
}
.accordion .accordion__section.is-open .accordion__head .accordion__trigger-meta:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion .accordion__section.is-open > .accordion__body {
  grid-template-rows: 1fr;
}
.accordion .accordion__section.is-open > .accordion__body > .accordion__body-inner {
  padding: 1.2rem 0 0;
}
.accordion .feature-product:not(:last-child) {
  margin-bottom: 0rem;
}
/*  accordion--list  */
.accordion--list .grid-flex {
    justify-content: flex-start;
}
.accordion--list .grid-flex .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
}
@media (max-width: 575px) {
    .accordion--list .grid-flex .grid__col--1of2 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
.accordion--list > .accordion__list {
  list-style-type: none;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 16rem;
       column-gap: 16rem;
}
@media (max-width: 575px) {
  .accordion--list > .accordion__list {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (max-width: 1023px) {
  .accordion--list > .accordion__list {
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
  }
}
.accordion--list > .accordion__list > li {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
/*  accordion half  */
.accordion--half .accordion__head {
  max-width: 50%;
}
@media (max-width: 575px) {
  .accordion--half .accordion__head {
    max-width: 100%;
  }
}
/*  accordion big  */
@media (min-width: 767.02px) {
  .accordion--big .accordion__section.is-open > .accordion__body > .accordion__body-inner {
    padding: 3rem 0 3rem;
  }
}
/* ------------------------------------------------------------ *\
    Actions-holder
\* ------------------------------------------------------------ */
.actions-holder {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem var(--gap);
}
.actions-holder:not(:first-child) {
  margin-top: 3.4rem;
}
@media (max-width: 1023px) {
  .actions-holder:not(:first-child) {
    margin-top: 2.4rem;
  }
}
/*  actions-holder align start  */
.actions-holder--align-start {
  justify-content: flex-start;
}
/* ------------------------------------------------------------ *\
    Actions-pill
\* ------------------------------------------------------------ */
.actions-pill {
  border-radius: var(--border-radius);
  transition: background-color var(--t-dur), border-color var(--t-dur);
  background-color: var(--c-gray2);
  border: 1px solid var(--c-gray2);
  color: var(--c-theme2);
  display: inline-flex;
  align-items: center;
}
.actions-pill a {
  text-decoration: none;
}
@media (hover: hover) {
  .actions-pill:hover {
    background-color: var(--c-theme);
    border-color: var(--c-theme);
    color: var(--c-white);
  }
  .actions-pill:hover .actions__price .actions__price-current,
  .actions-pill:hover .actions__price .actions__price-off,
  .actions-pill:hover .actions__btn {
    color: var(--c-white);
  }
  .actions-pill:hover .actions__price-off:before {
    background-color: var(--c-white);
  }
}
.actions-pill .actions__price,
.actions-pill .actions__btn {
  min-width: 13rem;
  min-height: 4rem;
  padding: 0.4rem 0.7rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 1299px) {
  .actions-pill .actions__price,
  .actions-pill .actions__btn {
    min-width: 10rem;
  }
}
@media (max-width: 1023px) {
  .actions-pill .actions__price,
  .actions-pill .actions__btn {
    min-width: 13rem;
  }
}
@media (max-width: 767px) {
  .actions-pill .actions__price,
  .actions-pill .actions__btn {
    min-width: 10rem;
  }
}
.actions-pill .actions__price + .actions__btn {
  border-left: 1px solid var(--c-white);
}
.actions-pill .actions__price {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  flex-wrap: wrap;
  gap: 0.2rem 0.8rem;
}
.actions-pill .actions__price .actions__price-current,
.actions-pill .actions__price .actions__price-off {
  display: flex;
  color: var(--c-theme2);
  font-size: 1.8rem;
  font-weight: 700;
}
.actions-pill .actions__price .actions__price-current small,
.actions-pill .actions__price .actions__price-off small {
  margin-left: 0.2rem;
  align-self: flex-end;
}
.actions-pill .actions__price .actions__price-current small {
  font-size: 70%;
}
.actions-pill .actions__price .actions__price-off {
  position: relative;
  font-weight: 400;
}
.actions-pill .actions__price .actions__price-off small {
  font-size: 80%;
}
.actions-pill .actions__price .actions__price-off:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  width: 90%;
  height: 1px;
  margin-top: 2px;
  z-index: 2;
  background-color: var(--c-theme);
  transition: background-color var(--t-dur);
}
.actions-pill .actions__btn {
  transition: border-color var(--t-dur);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  font-weight: 700;
  display: flex;
  font-size: var(--fz-second);
  padding: 0.4rem 0.8rem 0.4rem;
}
.actions-pill .actions__btn,
.actions-pill .actions__price-current,
.actions-pill .actions__price-off {
  transition: color var(--t-dur);
  margin-bottom: 0;
  line-height: 1.2;
}
@media (max-width: 1023px) {
  .actions-pill {
    background-color: var(--c-theme);
    border-color: var(--c-theme);
    color: var(--c-white);
  }
  .actions-pill .actions__price .actions__price-current, .actions-pill .actions__price .actions__price-off,
  .actions-pill .actions__btn {
    color: var(--c-white);
  }
  .actions-pill .actions__price .actions__price-off:before {
    background-color: var(--c-white);
  }
}
/* ------------------------------------------------------------ *\
    Animations
\* ------------------------------------------------------------ */
@keyframes fadeInRightSmall {
  0% {
    transform: translateX(15rem);
    opacity: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeOutRightSmall {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
    transform: translateX(15rem);
  }
}
/* ------------------------------------------------------------ *\
    Article-prime
\* ------------------------------------------------------------ */
.article-prime {
  color: var(--c-theme);
}
.article-prime > :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
  font-weight: 400;
}
.article-prime > :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):not(:last-child) {
  margin-bottom: 0.1rem;
}
.article-prime > p:not(:last-child) {
  margin-bottom: 0.9rem;
}
.article-prime > p + p {
  margin-top: -0.9rem;
}
.article-prime > p + * {
  margin-top: 1.9rem;
}
@media (max-width: 1199px) {
  .article-prime > p + * {
    margin-top: 1rem;
  }
}
.article-prime img:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media (max-width: 1199px) {
  .article-prime img:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}
.article-prime > ul {
  list-style-type: none;
  padding-left: 0;
}
.article-prime > ul li {
  padding-left: 2.3rem;
  position: relative;
}
@media (max-width: 767px) {
  .article-prime > ul li {
    padding-left: 1.8rem;
  }
}
.article-prime > ul li:before {
  position: absolute;
  content: "";
  top: 0.9rem;
  left: 1rem;
  width: 2px;
  height: 2px;
  background-color: currentColor;
}
@media (max-width: 767px) {
  .article-prime > ul li:before {
    left: 0.5rem;
  }
}
.article-prime > ol {
  padding-left: 2.3rem;
}
@media (max-width: 767px) {
  .article-prime > ol {
    padding-left: 1.8rem;
  }
}
.article-prime > ul:not(:last-child),
.article-prime > ol:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media (max-width: 1199px) {
  .article-prime > ul:not(:last-child),
  .article-prime > ol:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}
.article-prime > hr {
  display: block;
  margin: 5rem 0 2.8rem;
}
@media (max-width: 1199px) {
  .article-prime > hr {
    margin-top: 4rem;
  }
}
@media (max-width: 1023px) {
  .article-prime > hr {
    margin: var(--section-spacing) 0;
  }
}
/* ------------------------------------------------------------ *\
    Badge
\* ------------------------------------------------------------ */
.badge {
  color: var(--c-white);
  position: relative;
  width: 4.6rem;
  height: 4.6rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fz-second);
}
.badge .badge__text {
  margin-bottom: 0;
  color: var(--c-white);
  line-height: 1;
  display: block;
  z-index: 2;
  padding-bottom: 0.2rem;
}
.badge .badge__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.badge .badge__bg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ------------------------------------------------------------ *\
    Box-sides
\* ------------------------------------------------------------ */
.box-sides {
  padding: 5.7rem 0 calc(5.8rem + var(--media-box-size));
}
@media (max-width: 1599px) {
  .box-sides {
    padding: 4rem 0 calc(4rem + var(--media-box-size));
  }
}
@media (max-width: 767px) {
  .box-sides {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
}
.box-sides:not(:last-child) {
  margin-bottom: 3rem;
}
@media (max-width: 1199px) {
  .box-sides:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .box-sides:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.box-sides .box__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  z-index: 2;
  max-width: 50%;
  margin-left: auto;
  padding: 6.7rem 9.6rem 7.1rem;
  border: 8px solid var(--c-white);
  height: 100%;
}
@media (max-width: 1599px) {
  .box-sides .box__content {
    padding: calc(var(--gap) * 2);
  }
}
@media (max-width: 1199px) {
  .box-sides .box__content {
    padding: var(--gap);
  }
}
@media (max-width: 767px) {
  .box-sides .box__content {
    max-width: 100%;
    height: unset;
    flex: 1;
  }
}
.box-sides .box__content > h4 {
  font-weight: 900;
}
.box-sides .box__content > h4:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media (max-width: 1023px) {
  .box-sides .box__content > h4:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
.box-sides .box__content > p {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
}
.box-sides .box__content > p:not(:last-child) {
  margin-bottom: 1.4rem;
}
@media (max-width: 1023px) {
  .box-sides .box__content > p:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.box-sides .box__content > .actions-holder:not(:first-child) {
  margin-top: 2.6rem;
}
@media (max-width: 1199px) {
  .box-sides .box__content > .actions-holder:not(:first-child) {
    margin-top: 1.4rem;
  }
}
@media (max-width: 767px) {
  .box-sides .box__content > .actions-holder:not(:first-child) {
    margin-top: 1rem;
  }
}
.box-sides .media-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 55.4%;
  height: 100%;
}
@media (max-width: 767px) {
  .box-sides .media-box {
    margin-bottom: 2rem;
    position: relative;
    width: 100%;
    height: unset;
  }
}
.box-sides .media-box:after {
  width: 46%;
}
.box-sides .media-box img {
  position: absolute;
  top: 0;
  left: var(--media-box-size);
  width: 100%;
  height: calc(100% - var(--media-box-size));
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .box-sides .media-box img {
    position: relative;
    height: auto;
    left: 0;
  }
}
/*  box sides reverse   */
.box-sides--reverse {
  flex-direction: row-reverse;
}
/* ------------------------------------------------------------ *\
    Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs {
  display: flex;
  align-items: center;
}
.breadcrumbs ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: -0.3rem -1rem;
}
.breadcrumbs ul li {
  position: relative;
  padding: 0.3rem 1rem;
}
.breadcrumbs ul li.is-active {
  pointer-events: none;
  color: var(--c-theme);
}
.breadcrumbs ul li:not(:last-child):after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  right: -0.2rem;
  width: 0.5rem;
  height: 0.7rem;
  background-image: url("/assets/images/arrow-right-small.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0.1rem;
}
.breadcrumbs ul a {
  transition: opacity var(--t-dur);
  display: flex;
  text-decoration: none;
  align-items: center;
  margin-bottom: 0;
}
@media (hover: hover) {
  .breadcrumbs ul a:hover {
    opacity: 0.7;
  }
}
.breadcrumbs ul a i {
  font-size: 1.3rem;
  margin-right: 0.5rem;
}
/* ------------------------------------------------------------ *\
    Btn-play
\* ------------------------------------------------------------ */
.btn-play {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  width: 5rem;
  height: 5rem;
  color: var(--c-white);
  border: 2px solid var(--c-white);
  border-radius: 50%;
  display: none;
}
@media (max-width: 1599px) {
  .btn-play {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .btn-play {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
  }
}
@media (max-width: 1023px) {
  .btn-play {
    width: 2.8rem;
    height: 2.8rem;
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .btn-play {
    width: 3.4rem;
    height: 3.4rem;
  }
}
@media (max-width: 575px) {
  .btn-play {
    width: 2.8rem;
    height: 2.8rem;
  }
}
/*  btn play big  */
.btn-play--big {
  width: 7rem;
  height: 7rem;
  font-size: 2rem;
}
@media (max-width: 1023px) {
  .btn-play--big {
    width: 6rem;
    height: 6rem;
  }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn {
  display: inline-flex;
  vertical-align: middle;
  text-align: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-weight: 900;
  line-height: 1;
  font-size: var(--fz-base);
  border-radius: 0;
  transition: background-color var(--t-dur), color var(--t-dur), border-color var(--t-dur);
  padding: 1.3rem 2.4rem 1.4rem;
  color: var(--c-theme2);
  background-color: var(--c-gray);
  border: 1px solid var(--c-theme);
  position: relative;
  isolation: isolate;
  border-radius: var(--border-radius);
}
@media (max-width: 1023px) {
  .btn {
    padding: 1rem 1.8rem 1.1rem;
  }
}
.btn :where(i, img, svg) {
  margin-left: 0.9rem;
}
@media (hover: hover) {
  .btn:first-child:hover, .btn:hover, .btn:first-child:active {
    color: var(--c-white);
    background-color: var(--c-theme);
    border-color: var(--c-theme);
  }
}
.btn:active {
  color: var(--c-white);
  background-color: var(--c-theme);
  border-color: var(--c-theme);
}
/* :not(.btn-check) + .btn:hover,
:not(.btn-check) + .btn:active {
  color: var(--c-white);
  background-color: var(--c-theme);
  border-color: var(--c-theme);
} */
/*  btn theme  */
.btn--theme {
  color: var(--c-white);
  background-color: var(--c-theme);
}
@media (hover: hover) {
  .btn--theme:first-child:hover, .btn--theme:hover, .btn--theme:first-child:active {
    color: var(--c-theme);
    background-color: var(--c-white);
  }
}
.btn--theme:active {
  color: var(--c-theme);
  background-color: var(--c-white);
}
/* :not(.btn-check) + .btn--theme:hover,
:not(.btn-check) + .btn--theme:active {
  color: var(--c-theme);
  background-color: var(--c-white);
} */
/*  btn white  */
.btn--white {
  color: var(--c-theme);
  background-color: var(--c-white);
}
@media (hover: hover) {
  .btn--white:first-child:hover, .btn--white:hover, .btn--white:first-child:active {
    color: var(--c-white);
    background-color: var(--c-theme);
  }
}
.btn--white:active {
  color: var(--c-white);
  background-color: var(--c-theme);
}
/*  btn black  */
.btn--black {
  color: var(--c-white);
  background-color: var(--c-black);
  border-color: var(--c-black);
}
@media (hover: hover) {
  .btn--black:first-child:hover, .btn--black:hover, .btn--black:first-child:active {
    color: var(--c-black);
    background-color: var(--c-white);
    border-color: var(--c-black);
  }
}
.btn--black:active {
  color: var(--c-black);
  background-color: var(--c-white);
  border-color: var(--c-black);
}
/* :not(.btn-check) + .btn--white:hover,
:not(.btn-check) + .btn--white:active {
  color: var(--c-white);
  background-color: var(--c-theme);
} */
/*  Btn block  */
.btn--block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/*  btn alt  */
.btn--alt {
  font-weight: 400;
  padding: 0.7rem 1.1rem 0.8rem;
  min-width: 11.7rem;
}
/* ------------------------------------------------------------ *\
    Card-box
\* ------------------------------------------------------------ */
.card-box {
  position: relative;
}
.card-box a.card__inner {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
@media (hover: hover) {
  .card-box a.card__inner:hover .card__media:before {
    opacity: 0;
  }
  .card-box a.card__inner:hover .card__media:after {
    opacity: 0.75;
  }
}
.card-box .card__media {
  position: relative;
  width: 100%;
  border-bottom: 8px solid var(--c-theme);
}
.card-box .card__media img {
  width: 100%;
}
.card-box .card__media:before, .card-box .card__media:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0.75;
  transition: opacity var(--t-dur);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}
.card-box .card__media:after {
  background: linear-gradient(0deg, var(--c-theme) 0%, rgba(var(--c-theme-rgb), 0) 70%, rgba(var(--c-theme-rgb), 0) 100%);
  opacity: 0;
}
.card-box .card__content {
  position: relative;
  width: 94%;
  z-index: 5;
  margin: -7rem auto 0;
  text-align: center;
  color: var(--c-theme2);
  background-color: var(--c-gray);
  border: 8px solid var(--c-white);
  padding: 1.5rem 1.5rem 1.7rem;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.card-box .card__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme2);
}
@media (max-width: 1199px) {
  .card-box .card__content {
    padding: var(--gap-secondary);
  }
}
@media (max-width: 767px) {
  .card-box .card__content {
    margin-top: -4rem;
  }
}
@media (max-width: 575px) {
  .card-box .card__content {
    margin-top: -7rem;
  }
}
.card-box .card__description {
  position: relative;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.card-box .card__title-wrapper {
  position: relative;
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  min-height: 7rem;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media (max-width: 1599px) {
  .card-box .card__title-wrapper {
    min-height: 6rem;
  }
}
@media (max-width: 1399px) {
  .card-box .card__title-wrapper {
    min-height: 5.1rem;
  }
}
@media (max-width: 1199px) {
  .card-box .card__title-wrapper {
    min-height: 4.6rem;
  }
}
@media (max-width: 767px) {
  .card-box .card__title-wrapper {
    min-height: 4.2rem;
  }
}
@media (max-width: 575px) {
  .card-box .card__title-wrapper {
    min-height: 0;
  }
}
.card-box .card__title-wrapper:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media (max-width: 1399px) {
  .card-box .card__title-wrapper:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .card-box .card__title-wrapper:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}
@media (max-width: 575px) {
  .card-box .card__title-wrapper:not(:last-child) {
    margin-bottom: 0.9rem;
  }
}
.card-box .card__title {
  font-weight: 900;
  line-height: 1.25;
  display: flex;
  flex-direction: column;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin: auto;
}
/* ------------------------------------------------------------ *\
    Card-tile
\* ------------------------------------------------------------ */
.card-tile {
  position: relative;
}
.card-tile a.card__inner {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
@media (hover: hover) {
  .card-tile a.card__inner:hover .card__media:before {
    opacity: 0;
  }
  .card-tile a.card__inner:hover .card__media:after {
    opacity: 0.75;
  }
}
.card-tile .card__media {
  position: relative;
  width: 100%;
  height: 100%;
}
.card-tile .card__media img {
  width: 100%;
  height: 100%;
}
.card-tile .card__media:before, .card-tile .card__media:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0.75;
  transition: opacity var(--t-dur);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}
.card-tile .card__media:after {
  background: linear-gradient(0deg, var(--c-theme) 0%, rgba(var(--c-theme-rgb), 0) 70%, rgba(var(--c-theme-rgb), 0) 100%);
  opacity: 0;
}
.card-tile .card__content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--gap);
  width: 100%;
  z-index: 3;
  color: white;
}
.card-tile .card__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
@media (max-width: 1599px) {
  .card-tile .card__content {
    padding: var(--gap);
  }
}
@media (max-width: 1199px) {
  .card-tile .card__content {
    padding: var(--gap-secondary);
  }
}
.card-tile .card__subtitle {
  position: relative;
  padding-left: 2.4rem;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .card-tile .card__subtitle {
    padding-left: 2rem;
  }
}
.card-tile .card__subtitle:before {
  position: absolute;
  content: "";
  top: 4px;
  left: 0;
  width: 1.2rem;
  height: 1.6rem;
  background-image: url(../assets/images/ico-location.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.card-tile .card__title {
  position: relative;
  padding-right: 2.5rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-weight: 900;
  display: flex;
  flex-direction: column;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
@media (max-width: 575px) {
  .card-tile .card__title {
    padding-right: 2rem;
  }
}
.card-tile .card__title:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0.1rem;
  right: 0;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url(../assets/images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform var(--t-dur);
}
@media (max-width: 1199px) {
  .card-tile .card__title:after {
    width: 1.3rem;
    height: 1.3rem;
  }
}
@media (max-width: 575px) {
  .card-tile .card__title:after {
    width: 1.1rem;
    height: 1.1rem;
  }
}
/* ------------------------------------------------------------ *\
    Card
\* ------------------------------------------------------------ */
.card {
  border: none;
  border-radius: var(--border-radius-secondary);
  position: relative;
}
@media (hover: hover) {
  .card:hover .card__inner {
    border-color: var(--c-theme);
  }
  .card:hover .card__media .card__media-bg {
    opacity: 1;
  }
  .card:hover .actions-pill {
    background-color: var(--c-theme);
    color: var(--c-white);
  }
  .card:hover .actions-pill .actions__price-current,
  .card:hover .actions-pill .actions__price-off,
  .card:hover .actions-pill .actions__btn {
    color: var(--c-white);
  }
  .card:hover .actions-pill .actions__price-off:before {
    background-color: var(--c-white);
  }
}
.card a {
  text-decoration: none;
}
.card .card__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius-secondary);
  border: 3px solid var(--c-gray2);
  transition: border-color var(--t-dur);
  background-color: var(--c-white);
}
.card .card__content {
  padding: 1.2rem var(--gap) 2rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.card .card__title-wrapper {
  position: relative;
  padding-right: 3rem;
  width: 100%;
}
.card .card__title-wrapper:not(:last-child) {
  margin-bottom: 0.8rem;
}
.card .fav-trigger {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.8rem;
}
.card .card__subtitle a,
.card .card__title a {
  transition: color var(--t-dur);
}
@media (hover: hover) {
  .card .card__subtitle a:hover,
  .card .card__title a:hover {
    color: var(--c-theme);
  }
}
.card .card__subtitle,
.card .card__title {
  font-size: var(--fz-second);
}
.card .card__subtitle {
  transition: color var(--t-dur);
  font-weight: 300;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-bottom: 0.2rem;
  color: var(--c-theme2);
}
.card .card__subtitle:not(:last-child) {
  margin-bottom: 0.2rem;
}
.card .card__title {
  transition: color var(--t-dur);
  display: flex;
  flex-direction: column;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  color: var(--c-theme2);
  margin-bottom: 0;
}
.card .card__entry {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  font-size: var(--fz-second);
  color: var(--c-theme2);
}
.card .card__entry:not(:last-child) {
  margin-bottom: 1.1rem;
}
.card .card__media {
  display: block;
  position: relative;
  width: 100%;
  border-radius: calc(var(--border-radius-secondary) - 3px);
  overflow: hidden;
}
@media (hover: hover) {
  .card .card__media:hover > img:not(.card__media-bg) {
    transform: scale(1.05);
  }
}
.card .card__media > img:not(.card__media-bg) {
  width: 100%;
  border-radius: calc(var(--border-radius-secondary) - 3px);
  transition: transform var(--t-dur);
}
.card .card__media .card__media-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t-dur);
}
.card .card__metas {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0.3rem 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.1rem 1.6rem 0;
  z-index: 3;
  pointer-events: none;
}
.card .card__metas .pill {
  margin: 0.3rem 0 0 0.8rem;
  margin-bottom: 0;
  margin-right: auto;
}
.card .card__metas .badge {
  margin-bottom: 0;
  margin-left: auto;
}
.card .card__actions {
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem 1rem;
  width: 100%;
}
.card .fav-trigger svg path {
  stroke: var(--c-gray2);
}
@media (max-width: 1023px) {
  .card .card__inner {
    border-color: var(--c-theme);
  }
  .card .card__media .card__media-bg {
    opacity: 1;
  }
  .card .fav-trigger svg path {
    stroke: var(--c-theme);
  }
  .card .card__subtitle,
  .card .card__title {
    color: var(--c-theme);
  }
}
/*  Card simple  */
.card--simple .card__inner {
  border-color: transparent;
}
.card--simple .card__content {
  text-align: center;
  align-items: center;
  padding-bottom: 1.7rem;
}
/*  card secondary  */
.card--secondary .card__inner {
  border-color: transparent;
}
@media (max-width: 1023px) {
  .card--secondary .card__inner {
    border-color: var(--c-gray);
  }
}
@media (hover: hover) {
  .card--secondary:hover .card__inner {
    border-color: var(--c-gray);
  }
  .card--secondary:hover .card__content,
  .card--secondary:hover .card__metas {
    opacity: 1;
  }
  .card--secondary:hover .card__media img {
    filter: grayscale(0);
  }
}
.card--secondary .card__media img {
  filter: grayscale(1);
  transition: filter var(--t-dur);
}
@media (max-width: 1023px) {
  .card--secondary .card__media img {
    filter: grayscale(0);
  }
}
.card--secondary .card__content,
.card--secondary .card__metas {
  transition: opacity var(--t-dur), visibility var(--t-dur);
  opacity: 0;
}
@media (max-width: 1023px) {
  .card--secondary .card__content,
  .card--secondary .card__metas {
    opacity: 1;
  }
}
.card--secondary .card__title-wrapper {
  padding-right: 2rem;
}
@media (max-width: 1023px) {
  .card--secondary .card__title-wrapper:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) {
  .card--secondary .card__title-wrapper:not(:last-child) {
    margin-bottom: 1.3rem;
  }
}
@media (max-width: 575px) {
  .card--secondary .card__title-wrapper:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
.card--secondary .card__title-wrapper :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
@media (hover: hover) {
  .card--secondary .card__title-wrapper :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a:hover {
    color: var(--c-theme-dark);
  }
}
.card--secondary .card__title-wrapper .card__title {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.card--secondary .fav-trigger {
  right: 0.2rem;
}
.card--secondary .fav-trigger svg path {
  stroke: var(--c-theme);
}
.card--secondary .card__content {
  padding: 0.7rem 1rem 1rem;
}
@media (max-width: 575px) {
  .card--secondary .card__content {
    padding: 1rem var(--gap) var(--gap);
  }
}
.card--secondary .card__metas {
  padding: 1rem 1rem 0;
}
.card--secondary .card__metas .pill {
  min-width: 3rem;
  padding: 0rem 1rem 0.4rem;
}
.card--secondary .card__metas .badge {
  width: 3.6rem;
  height: 3.6rem;
}
.card--secondary .actions-pill .actions__price,
.card--secondary .actions-pill .actions__btn {
  min-width: 4rem;
  min-height: 2rem;
  padding: 0.6rem 1rem 0.8rem;
}
.card--secondary .actions-pill .actions__price {
  padding: 0.5rem 1rem 0.8rem;
}
/* ------------------------------------------------------------ *\
    Cards box
\* ------------------------------------------------------------ */
.cards-box-grid:not(:last-child) {
  margin-bottom: 4rem;
}
.cards-box-grid.grid {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto 1fr;
}
.cards-box-grid .card-box {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3/auto;
  gap: 0;
  height: 100%;
}
.cards-box-grid .card-box .card__inner {
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
  gap: 0;
  height: 100%;
}
.cards-box-grid .card-box .card__content {
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
  gap: 0;
}
.cards-box-grid .card-box .card__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cards-box-grid .card-box {
  height: 100%;
  width: 100%;
}
/* ------------------------------------------------------------ *\
    Cards
\* ------------------------------------------------------------ */
.cards:not(:last-child) {
  margin-bottom: 4rem;
}
.cards .card,
.cards .card-tile,
.cards .card-box {
  height: 100%;
  width: 100%;
}
@media (hover: hover) {
  .cards .splide__slide:not(:last-child) .card--secondary:hover .card__media:after {
    opacity: 0;
  }
}
.cards .splide__slide:not(:last-child) .card--secondary .card__media:after {
  position: absolute;
  content: "";
  top: var(--border-radius);
  right: -6px;
  width: 2px;
  height: calc(100% - var(--border-radius));
  background-color: var(--c-gray);
  transition: opacity var(--t-dur);
  pointer-events: none;
  z-index: 2;
}
/*  cards boxes  */
@media (max-width: 1199px) {
  .cards--boxes .grid-flex .grid__col--1of3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .cards--boxes .grid-flex .grid__col--1of3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
/*  cards block  */
@media (min-width: 767.02px) {
  .cards--block .grid-flex {
    display: block;
  }
}
@media (min-width: 767.02px) {
  .cards--block .grid-flex .grid__col--1of3 {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Checkbox
\* ------------------------------------------------------------ */
.checkbox input {
  display: none;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  line-height: 1;
}
.checkbox label:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: var(--c-white, #fff);
  border: 1px solid var(--c-theme);
  transition: background-color var(--t-dur), border-color var(--t-dur);
}
.checkbox input[type=checkbox]:checked + label:before {
  background-color: var(--c-theme);
}
/* ------------------------------------------------------------ *\
    Checkboxes
\* ------------------------------------------------------------ */
.checkboxes ul {
  list-style-type: none;
  padding-left: 0;
}
.checkboxes li + li {
  margin-top: 0.9rem;
}
/* ------------------------------------------------------------ *\
    Contacts
\* ------------------------------------------------------------ */
.contacts > ul {
  list-style-type: none;
  padding-left: 0;
}
.contacts > ul > li {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .contacts > ul > li {
    display: block;
  }
}
.contacts > ul > li + li {
  margin-top: 1.7rem;
}
.contacts a {
  text-decoration: none;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .contacts a:hover {
    opacity: 0.7;
  }
}
.contacts h3 {
  font-weight: 400;
  flex: 1;
  line-height: 1.2;
}
.contacts h3:first-child {
  color: var(--c-theme);
}
.contacts h3:nth-child(2) {
  text-align: right;
  color: var(--c-theme-dark);
}
@media (max-width: 575px) {
  .contacts h3:nth-child(2) {
    text-align: left;
  }
}
.contacts:not(:last-child) {
  margin-bottom: 5.5rem;
}
@media (max-width: 1199px) {
  .contacts:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) {
  .contacts:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
@media (max-width: 1023px) {
  .contacts:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
/* ------------------------------------------------------------ *\
    Details
\* ------------------------------------------------------------ */
.details > ul {
  padding-left: 0;
  list-style: none;
}
.details > ul > li {
  color: var(--c-theme);
  border-bottom: 1px solid var(--c-gray);
}
.details > ul > li .grid__col > :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.details > ul > li.is-active {
  color: var(--c-theme-dark);
}
.details > ul > li.is-active .grid__col > :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme-dark);
}
.details .details__cols {
  display: flex;
  padding: 2.5rem 7rem 2.6rem 5rem;
}
@media (max-width: 1023px) {
  .details .details__cols {
    padding: 2.5rem 0rem 2.6rem;
  }
}
@media (max-width: 575px) {
  .details .details__cols {
    padding: 1.5rem 0 1.6rem;
    margin: -0.7rem;
  }
}
.details .details__cols .grid__col {
  text-align: center;
}
@media (max-width: 575px) {
  .details .details__cols .grid__col {
    text-align: left;
    padding: 0.7rem;
  }
}
.details .details__cols .grid__col h4 {
  word-break: break-all;
}
.details .details__cols .grid__col--1of4 {
  max-width: 25%;
  flex: 0 0 25%;
}
@media (max-width: 575px) {
  .details .details__cols .grid__col--1of4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .details .details__cols .grid__col:nth-child(even) {
    text-align: right;
  }
}
.details .accordion__section:not(:last-child) {
  margin-bottom: 0;
}
.details .accordion__trigger {
  padding-right: 1rem;
  display: inline-block;
  position: relative;
}
@media (max-width: 575px) {
  .details .accordion__trigger {
    padding-right: 1.4rem;
  }
}
.details .accordion__trigger:before {
  transition: transform var(--t-dur);
  position: absolute;
  content: ">";
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 0.5rem;
  height: 1.9rem;
}
@media (max-width: 575px) {
  .details .accordion__trigger:before {
    right: 0.5rem;
  }
}
.details .accordion__section.is-open .accordion__trigger:before {
  transform: rotateY(180deg) translateY(-50%);
}
.details .accordion__section.is-open > .accordion__body > .accordion__body-inner {
  padding: 1rem 0 3.5rem;
}
@media (max-width: 575px) {
  .details .accordion__section.is-open > .accordion__body > .accordion__body-inner {
    padding: 0 0 2rem;
  }
}
.details .feature-alt:not(:last-child) {
  margin-bottom: 1rem;
}
/*  details list  */
.details--list .details__cols {
  padding: 2.8rem 10rem 2.9rem;
}
@media (max-width: 1023px) {
  .details--list .details__cols {
    padding: 2.8rem 3rem 2.9rem;
  }
}
@media (max-width: 767px) {
  .details--list .details__cols {
    padding: 2.5rem 0 2.6rem;
  }
}
@media (max-width: 575px) {
  .details--list .details__cols {
    padding: 1.5rem 0 1.6rem;
  }
}
.details--list .grid-flex {
  justify-content: space-between;
  align-items: center;
}
.details--list .grid-flex :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-weight: 700;
}
.details--list .grid-flex :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small {
  font-weight: 400;
  font-size: 100%;
}
.details--list .grid-flex .grid__col:nth-child(1) {
  text-align: left;
}
.details--list .grid-flex .grid__col:nth-child(2) {
  text-align: right;
}
@media (max-width: 767px) {
  .details--list .grid-flex .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
/* ------------------------------------------------------------ *\
  Details-alt
\* ------------------------------------------------------------ */
.details-alt .details__cols {
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .details-alt .grid-flex .grid__col--1of2 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .details-alt .grid__col--1of2:nth-child(2) {
    text-align: right;
  }
}
.details-alt .details__cols .grid__col h4 {
  color: var(--c-theme);
  font-weight: 500;
}
.details-alt .details__cols .grid__col p {
  color: var(--c-theme);
}
.details-alt .details__row-actions {
  margin-bottom: 1rem;
}
.details-alt .details__row-actions label {
  display: block;
  margin-bottom: 1.6rem;
}
.details-alt .details__row-actions .field:not(:last-child) {
  margin-bottom: 1.6rem;
}
/* ------------------------------------------------------------ *\
    dropdown-secondary
\* ------------------------------------------------------------ */
.dropdown-secondary {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  opacity: 0;
  visibility: hidden;
  max-width: 60vw;
  transition: visibility var(--t-dur), opacity var(--t-dur);
  padding-top: 0.5rem;
}
.dropdown-secondary.is-out {
  left: auto;
  right: 0;
  transform: none;
}
.dropdown-secondary.is-open {
  opacity: 1;
  visibility: visible;
}
.dropdown-secondary .dropdown__inner {
  background-color: var(--c-white, #fff);
  padding: 1rem;
  box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
}
.dropdown-secondary ul {
  list-style: none;
  padding-left: 0;
}
.dropdown-secondary a {
  text-decoration: none;
}
/* ------------------------------------------------------------ *\
    Dropdown
\* ------------------------------------------------------------ */
.dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: calc(var(--win-height) - var(--header-height) - 5rem);
  overflow: auto;
  background-color: var(--c-base);
  color: var(--c-white);
  transition: opacity var(--t-dur), visibility var(--t-dur);
  box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.2);
  padding: var(--gap) 0;
}
@media (max-width: 1199px) {
  .dropdown {
    position: relative;
    top: 0;
    max-height: unset;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-dur);
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    color: var(--c-white);
  }
}
.dropdown .dropdown__inner {
  max-width: calc(var(--container-max-width, 1400px) + var(--container-gutter, 24px) * 2);
  padding-left: var(--container-gutter, 24px);
  padding-right: var(--container-gutter, 24px);
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1199px) {
  .dropdown .dropdown__inner {
    overflow: hidden;
    padding: 0;
    transition: padding var(--t-dur);
  }
}
.dropdown .dropdown__cols {
  display: flex;
  justify-content: space-between;
  margin: 0 calc(-1 * var(--gap) / 2);
}
@media (max-width: 1199px) {
  .dropdown .dropdown__cols {
    display: block;
    margin: 0;
  }
}
.dropdown .dropdown__col {
  max-width: -moz-fit-content;
  max-width: fit-content;
  flex: 1;
  padding: 0 calc(var(--gap) / 2);
}
@media (max-width: 1199px) {
  .dropdown .dropdown__col {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .dropdown .dropdown__col + .dropdown__col {
    margin-top: 1.8rem;
  }
}
.dropdown :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-pink);
}
.dropdown .accordion:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 1199px) {
  .dropdown .accordion:not(:last-child) {
    margin-bottom: 0.7rem;
  }
}
@media (max-width: 1199px) {
  .dropdown .accordion .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--c-white);
  }
}
.dropdown .accordion .accordion__section.is-open .accordion__body-inner {
  padding: 0.7rem 0 0.7rem;
}
@media (max-width: 1199px) {
  .dropdown .accordion .accordion__section.is-open .accordion__body-inner {
    padding: 1.6rem 2.2rem 0 0;
  }
}
@media (max-width: 1199px) {
  .dropdown .accordion .accordion__section.is-open .accordion__trigger-meta {
    background-color: var(--c-white);
  }
  .dropdown .accordion .accordion__section.is-open .accordion__trigger-meta:after {
    background-color: var(--c-theme-dark);
  }
}
.dropdown .accordion__body {
  grid-template-rows: 1fr;
}
@media (max-width: 1199px) {
  .dropdown .accordion__body {
    grid-template-rows: 0fr;
  }
}
.dropdown .accordion__body-inner > ul {
  padding-left: 0;
  list-style-type: none;
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: var(--gap);
       column-gap: var(--gap);
}
@media (max-width: 1199px) {
  .dropdown .accordion__body-inner > ul {
    -moz-column-count: 1;
         column-count: 1;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.dropdown .accordion__body-inner > ul > li {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
}
.dropdown .accordion__body-inner > ul > li + li {
  margin-top: 0.7rem;
}
@media (max-width: 1199px) {
  .dropdown .accordion__body-inner > ul > li + li {
    margin-top: 1.5rem;
  }
}
.dropdown .accordion__body-inner > ul > li > a {
  align-items: center;
  font-weight: 500;
  font-family: var(--ff-ss-second);
}
@media (max-width: 1199px) {
  .dropdown .accordion__body-inner > ul > li > a {
    font-size: var(--fz-base);
    font-family: var(--ff-sans-serif);
  }
}
.dropdown .accordion__body-inner > ul > li > a img {
  margin-right: 0.4rem;
}
.dropdown .accordion__trigger {
  display: none;
}
@media (max-width: 1199px) {
  .dropdown .accordion__trigger {
    display: block;
  }
}
@media (max-width: 1199px) {
  .dropdown .accordion__head {
    justify-content: flex-end;
  }
}
.dropdown .accordion__head:not(:last-child) {
  margin-bottom: 1rem;
}
@media (max-width: 1199px) {
  .dropdown .accordion__head:not(:last-child) {
    margin-bottom: 0;
  }
}
.dropdown .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
  transition: color var(--t-dur);
  text-decoration: none;
  font-weight: 500;
}
@media (max-width: 1199px) {
  .dropdown .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
    font-size: var(--fz-base);
  }
}
@media (hover: hover) {
  .dropdown .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a:hover {
    color: var(--c-theme);
  }
}
@media (max-width: 1199px) and (hover: hover) {
  .dropdown .accordion__head :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a:hover {
    color: var(--c-pink);
  }
}
@media (max-width: 1199px) {
  .dropdown .accordion__head .accordion__trigger-meta {
    background-color: var(--c-theme-dark);
  }
}
.dropdown .accordion__body-inner a {
  transition: color var(--t-dur);
  text-decoration: none;
}
@media (hover: hover) {
  .dropdown .accordion__body-inner a:hover {
    color: var(--c-pink);
  }
}
/* ------------------------------------------------------------ *\
    Feature-alt
\* ------------------------------------------------------------ */
.feature-alt:not(:last-child) {
  margin-bottom: 2rem;
}
.feature-alt .feature__inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.feature-alt a.feature__inner {
  text-decoration: none;
}
@media (hover: hover) {
  .feature-alt a.feature__inner:hover {
    color: var(--c-theme);
  }
  .feature-alt a.feature__inner:hover :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--c-theme);
  }
}
.feature-alt .feature__image {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 1199px) {
  .feature-alt .feature__image {
    flex: 0 0 14%;
    max-width: 14%;
  }
}
.feature-alt .feature__image img {
  width: 100%;
}
.feature-alt .feature__content {
  padding-left: var(--gap);
  flex: 1;
}
.feature-alt .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  transition: color var(--t-dur);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-weight: 700;
}
.feature-alt .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6):not(:last-child) {
  margin-bottom: 0.3rem;
}
.feature-alt .feature__content .feature__entry {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 0rem;
  transition: color var(--t-dur);
}
.feature-alt .feature__content p {
  margin-bottom: 0rem;
  transition: color var(--t-dur);
}
@media (max-width: 1399px) {
  .feature-alt .feature__content p.feature__entry {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}
@media (max-width: 575px) {
  .feature-alt .feature__content .feature__entry {
    font-size: 1.4rem;
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}
/*  feature alt secondary  */
.feature-alt--secondary .feature__image {
  flex: 0 0 7rem;
  max-width: 7rem;
}
/* ------------------------------------------------------------ *\
    Feature-pill
\* ------------------------------------------------------------ */
.feature-pill {
  display: flex;
  width: 13rem;
  height: 11.8rem;
  border-radius: 6rem;
  position: relative;
  padding: 1rem 1.6rem;
  text-decoration: none;
}
@media (max-width: 1299px) {
  .feature-pill {
    padding: 1rem;
  }
}
@media (max-width: 575px) {
  .feature-pill {
    width: 8rem;
    height: 8rem;
    padding: 0;
  }
}
.feature-pill:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 27.8rem;
  height: 11.8rem;
  background-color: var(--c-theme-light);
  border-radius: 6rem;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-dur), visibility var(--t-dur);
}
@media (max-width: 1023px) {
  .feature-pill:before {
    display: none;
  }
}
/*@media (hover: hover) {*/
  .feature-pill:hover {
    text-decoration: none;
  }
  .feature-pill:hover .feature__image-bg {
    color: var(--c-theme);
  }
  .feature-pill:hover .feature__content {
    opacity: 1;
    visibility: visible;
  }
  .feature-pill:hover:before {
    opacity: 1;
    visibility: visible;
  }
/*}*/
.feature-pill .feature__image-wrapper {
  position: relative;
  max-width: 9.9rem;
  flex: 0 0 9.9rem;
}
@media (max-width: 575px) {
  .feature-pill .feature__image-wrapper {
    max-width: 8rem;
    flex: 0 0 8rem;
  }
}
.feature-pill .feature__image {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 70%;
  max-height: 10rem;
  z-index: 2;
  width: auto;
}
@media (max-width: 575px) {
  .feature-pill .feature__image {
    max-height: 8.2rem;
    bottom: 1rem;
    max-width: 70%;
  }
}
.feature-pill .feature__image-bg {
  width: 9.9rem;
  height: 9.9rem;
  color: var(--c-gray);
  transition: color var(--t-dur);
}
@media (max-width: 1023px) {
  .feature-pill .feature__image-bg {
    color: var(--c-theme);
  }
}
@media (max-width: 575px) {
  .feature-pill .feature__image-bg {
    width: 8rem;
    height: 8rem;
  }
}
.feature-pill .feature__content {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-dur), visibility var(--t-dur);
  position: relative;
  z-index: 3;
  min-width: 13rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: var(--c-white);
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
@media (max-width: 1023px) {
  .feature-pill .feature__content {
    display: none;
  }
}
.feature-pill .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.feature-pill .feature__content h6 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  font-size: 1.3rem;
}
.feature-pill .feature__content .feature__entry {
  flex: 1;
  display: flex;
  align-items: center;
  margin-left: auto;
  padding-left: 3rem;
  text-align: left;
}
@media (max-width: 1299px) {
  .feature-pill .feature__content .feature__entry {
    padding-left: 2rem;
  }
}
.feature-pill .feature__content .btn {
  margin-top: auto;
  font-size: 1.2rem;
  padding: 0.3rem 0.8rem 0.5rem;
}
/* ------------------------------------------------------------ *\
    Feature-product
\* ------------------------------------------------------------ */
.feature-product {
  color: var(--c-theme);
}
.feature-product :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
  font-weight: 700;
}
.feature-product :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) small {
  font-weight: 400;
  font-size: 100%;
}
.feature-product:not(:last-child) {
  margin-bottom: 2rem;
}
.feature-product .feature__inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid var(--c-gray);
  border-bottom: 1px solid var(--c-gray);
  padding: 1.8rem 0;
}
.feature-product + .feature-product .feature__inner {
  border-top: none;
}
.feature-product .feature__image {
  flex: 5.9rem;
  max-width: 5.9rem;
}
@media (max-width: 575px) {
  .feature-product .feature__image {
    flex: 0 0 5.5rem;
    max-width: 5.5rem;
  }
}
.feature-product .feature__image img {
  width: 100%;
}
.feature-product .feature__content {
  padding-left: 3.4rem;
  flex: 1;
}
@media (max-width: 1023px) {
  .feature-product .feature__content {
    padding-left: var(--gap);
  }
}
@media (max-width: 575px) {
  .feature-product .feature__content {
    padding-left: 1rem;
  }
}
@media (max-width: 575px) {
  .feature-product .feature__content > h4 {
    font-size: var(--fz-second);
  }
}
.feature-product .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  transition: color var(--t-dur);
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin-bottom: 0;
}
.feature-product .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
  transition: color var(--t-dur);
}
@media (hover: hover) {
  .feature-product .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a:hover {
    color: var(--c-theme-dark);
    opacity: 1;
  }
}
.feature-product a {
  text-decoration: none;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .feature-product a:hover {
    opacity: 0.7;
  }
}
.feature-product .feature__content-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
}
@media (max-width: 767px) {
  .feature-product .feature__content-flex {
    flex-wrap: wrap;
  }
}
.feature-product .feature__content-flex h4 {
  flex: 1;
}
.feature-product .feature__price-off {
  position: relative;
}
.feature-product .feature__price-off:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  width: 50%;
  height: 1px;
  margin: 1px 0 0 -10px;
  z-index: 2;
  background-color: var(--c-theme);
}
.feature-product .feature__cols {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 1rem;
}
@media (max-width: 767px) {
  .feature-product .feature__cols {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .feature-product .feature__cols {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.feature-product .feature__col {
  flex: 1;
  max-width: 100%;
  text-align: center;
}
@media (max-width: 575px) {
  .feature-product .feature__col {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
/*  feature product 4 cols  */
.feature-product--4-cols .feature__cols {
  flex: 0 0 30%;
  max-width: 30%;
}
@media (max-width: 767px) {
  .feature-product--4-cols .feature__cols {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .feature-product--4-cols .feature__cols {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .feature-product--4-cols .feature__col--price {
    flex: 0 0 45%;
    max-width: 45%;
    text-align: right;
  }
}
.feature-product--4-cols .feature__col--price h4 {
  white-space: nowrap;
  margin-bottom: 0;
}
.feature-product--4-cols .feature__col--count {
  align-self: center;
}
@media (max-width: 575px) {
  .feature-product--4-cols .feature__col--count {
    flex: 0 0 45%;
    max-width: 45%;
    text-align: right;
  }
}
@media (max-width: 575px) {
  .feature-product--4-cols .feature__price-off {
    max-width: fit-content;
    margin-left: auto;
  }
}
/*  feature product 5 cols  */
.feature-product--5-cols .feature__cols {
  flex: 0 0 45%;
  max-width: 45%;
}
@media (max-width: 767px) {
  .feature-product--5-cols .feature__cols {
    flex: 0 0 40%;
    max-width: 40%;
  }
}
@media (max-width: 575px) {
  .feature-product--5-cols .feature__cols {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 575px) {
  .feature-product--5-cols .feature__col--price {
    flex: 1;
    text-align: center;
  }
}
.feature-product--5-cols .feature__col--price h4 {
  white-space: nowrap;
  margin-bottom: 0;
}
.feature-product--5-cols .feature__col--small {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .feature-product--5-cols .feature__col--small {
    flex: 0 0 4rem;
  }
}
@media (max-width: 575px) {
  .feature-product--5-cols .feature__col--small {
    flex: 0 0 3rem;
  }
}
/*  feature-product action  */
.feature-product--action :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  margin-bottom: 1rem;
}
@media (max-width: 375px) {
  .feature-product--action .feature__inner {
    flex-wrap: wrap;
  }
}
.feature-product--action .feature__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  margin-bottom: 0.8rem;
}
.feature-product--action .feature__price-off {
  margin-bottom: 0;
  overflow: visible;
  margin-left: auto;
}
.feature-product--action .feature__price-off:before {
  width: 90%;
}
@media (max-width: 475px) {
  .feature-product--action .feature__price-off {
    margin-left: 0;
  }
}
.feature-product--action .feature__content-actions {
  display: flex;
  justify-content: space-between;
  gap: 0.3rem 1rem;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 475px) {
  .feature-product--action .feature__content-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
.feature-product--action .feature__price {
  /* margin-bottom: 0.6rem; */
  margin-bottom: 0;
}
.feature-product--action .feature__trigger-holder {
  flex: 0 0 3rem;
  padding-left: 1rem;
  align-self: center;
  text-align: right;
}
@media (max-width: 575px) {
  .feature-product--action .feature__trigger-holder {
    padding-left: 0.5rem;
    flex: 0 0 1.8rem;
  }
}
@media (max-width: 375px) {
  .feature-product--action .feature__trigger-holder {
    /* flex: 0 0 100%; */
    /* margin-top: 0.4rem; */
    /* text-align: left; */
  }
}
.feature-product--action .feature__trigger {
  font-size: 1.6rem;
}
/* ------------------------------------------------------------ *\
    Field-action
\* ------------------------------------------------------------ */
.field-action {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1rem;
  border-radius: var(--border-radius);
  padding: 0.1rem 0.5rem 0.3rem;
  font-size: var(--fz-base);
  font-weight: 700;
  line-height: 1;
}
.field-action a,
.field-action button {
  text-decoration: none;
  line-height: 1;
  border: none;
  background-color: transparent;
}
.field-action .field__minus,
.field-action .field__plus {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1rem;
  /* width: 10px;
  height: 10px; */
}
/* .field-action .field__minus:before, .field-action .field__minus:after,
.field-action .field__plus:before,
.field-action .field__plus:after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  background-color: var(--c-white);
  margin-top: 0.1rem;
}
.field-action .field__minus:before,
.field-action .field__plus:before {
  width: 7px;
  height: 2px;
}
.field-action .field__minus:after,
.field-action .field__plus:after {
  width: 2px;
  height: 7px;
}
.field-action .field__minus:after {
  display: none;
} */
.field-action input {
  display: block;
  background: none;
  box-shadow: none;
  outline: none;
  border: none;
  height: 2rem;
  width: 3rem;
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-transform: none;
  line-height: 1;
  font-weight: inherit;
  border-radius: 0;
  font-size: inherit;
  text-align: center;
}
@media (max-width: 767px) {
  .field-action input {
    font-size: 16px;
  }
}
.field-action input[type=number]::-webkit-inner-spin-button,
.field-action input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  background-color: red;
}
.field-action input[type=number] {
  -moz-appearance: textfield;
}
.field {
  display: block;
  background: none;
  box-shadow: none;
  outline: none;
  border: none;
  height: 3rem;
  width: 100%;
  text-transform: none;
  line-height: 1;
  font-weight: inherit;
  border: 1px solid var(--c-theme);
  padding: 0.4rem 1.2rem;
  background-color: var(--c-white);
  border-radius: var(--border-radius);
  color: var(--c-theme);
  font-size: var(--fz-base);
}
@media (max-width: 767px) {
  .field {
    font-size: 16px;
  }
}
.field::-moz-placeholder {
  opacity: .7;
}
.field::placeholder {
  opacity: .7;
}
.field--textarea {
  line-height: 1.2;
  resize: none;
  height: 20.3rem;
  padding: 1.2rem 1.2rem;
}
/* ------------------------------------------------------------ *\
  Select-custom
\* ------------------------------------------------------------ */

.select-custom .select2 {
  width: 100%!important;
}
.select-custom .select2 .select2-selection {
  border-radius: var(--border-radius);
  background-color: var(--c-white);
  color: var(--c-theme);
  border: 1px solid var(--c-theme);
  height: 3rem;
  font-size: 1.6rem;
}
.select-custom .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.select-custom .select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: var(--c-theme);
}
.select-custom .select2-dropdown {
  border-color: var(--c-theme);
}
@media (max-width: 767px) {
  .select-custom .select2 .select2-selection {
    font-size: 16px;
  }
}
.select-custom .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--c-theme) transparent transparent transparent;
}
.select-custom .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent var(--c-theme) transparent;
}
.select-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--c-theme);
  font-family: var(--ff-sans-serif);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  padding-right: 2rem;
  padding-left: 1.2rem;
}
/* @media (max-width: 1199px) {
  .select-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3rem;
    padding-right: 4.6rem;
  }
} */
@media (max-width: 767px) {
  .select-custom .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
  }
}
.select-custom .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--c-theme);
}
.select-custom .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: var(--c-gray2);
  color: var(--c-theme);
}
/* ------------------------------------------------------------ *\
    Fixed-actions
\* ------------------------------------------------------------ */
.fixed-actions {
  order: 4;
  margin-left: var(--gap);
}
@media (max-width: 1399px) {
  .fixed-actions {
    margin-left: var(--gap-secondary);
  }
}
@media (max-width: 1199px) {
  .fixed-actions {
    position: fixed;
    z-index: 99;
    bottom: 0;
    right: var(--gap);
    margin-left: 0;
  }
}
@media (max-width: 575px) {
  .fixed-actions {
    left: 0;
    right: 0;
  }
}
.fixed-actions .btn {
  letter-spacing: 0.08em;
}
@media (max-width: 1399px) {
  .fixed-actions .btn {
    letter-spacing: 0.06em;
  }
}
@media (max-width: 1199px) {
  .fixed-actions .btn {
    height: var(--fixed-button-size);
    min-width: unset;
    padding: 1rem;
    box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.2);
  }
}
@media (max-width: 767px) {
  .fixed-actions .btn {
    padding: 0.5rem 1rem;
  }
}
@media (max-width: 575px) {
  .fixed-actions .btn {
    width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */
.footer .footer__inner {
  /* padding: 7rem 5rem 3rem; */
  padding: 7rem 0 3rem;
}
@media (max-width: 1299px) {
  .footer .footer__inner {
    padding: 4rem 0rem 3rem;
  }
}
@media (max-width: 767px) {
  .footer .footer__inner {
    padding: var(--section-spacing) 0;
  }
}
@media (min-width: 1023.02px) {
  .footer .footer__inner .footer__col:last-child {
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}
.footer .footer__outro {
  /* padding: 1rem 5rem 7rem; */
  padding: 1rem 0 7rem;
}
@media (max-width: 1299px) {
  .footer .footer__outro {
    padding: 1rem 0 4rem;
  }
}
@media (max-width: 767px) {
  .footer .footer__outro {
    padding: 1rem 0 var(--section-spacing);
  }
}
.footer .footer__outro .footer__cols {
  justify-content: flex-start;
}
@media (max-width: 575px) {
  .footer .footer__outro .footer__cols .footer__col--size-1 {
    order: 1;
  }
}
@media (max-width: 575px) {
  .footer .footer__outro .footer__cols .footer__col--size-3 {
    max-width: 100%;
    flex: 0 0 100%;
    order: 2;
  }
}
.footer :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.footer .footer__cols {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: calc(-1 * var(--gap)) calc(-1 * var(--gap) / 2);
}
@media (max-width: 575px) {
  .footer .footer__cols {
    margin: calc(-1 * var(--gap) / 2) calc(-1 * var(--gap) / 2);
  }
}
.footer .footer__cols .footer__col {
  flex: 1;
  max-width: 100%;
  padding: var(--gap) calc(var(--gap) / 2);
  max-width: fit-content;
}
@media (max-width: 1023px) {
  .footer .footer__cols .footer__col {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
}
@media (max-width: 575px) {
  .footer .footer__cols .footer__col {
    padding: calc(var(--gap) / 2) calc(var(--gap) / 2);
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.footer .footer__outro .footer__cols .footer__col--big {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 1023px) {
  .footer .footer__outro .footer__cols .footer__col--big {
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: auto;
  }
}
@media (max-width: 575px) {
  .footer .footer__outro .footer__cols .footer__col {
    order: 2;
  }

  .footer .footer__outro .footer__cols .footer__col--big {
    flex: 0 0 100%;
    max-width: 100%;
    order: 1;
  }
}
/* .footer .footer__cols .footer__col--size-1 {
  flex: 0 0 39%;
  max-width: 39%;
}
@media (max-width: 1023px) {
  .footer .footer__cols .footer__col--size-1 {
    flex: 0 0 60%;
    max-width: 60%;
    margin-left: auto;
  }
}
@media (max-width: 575px) {
  .footer .footer__cols .footer__col--size-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.footer .footer__cols .footer__col--size-2 {
  flex: 0 0 20%;
  max-width: 20%;
}
@media (max-width: 1023px) {
  .footer .footer__cols .footer__col--size-2 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 575px) {
  .footer .footer__cols .footer__col--size-2 {
    order: unset;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.footer .footer__cols .footer__col--size-3 {
  flex: 0 0 15%;
  max-width: 15%;
}
@media (max-width: 1023px) {
  .footer .footer__cols .footer__col--size-3 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media (max-width: 575px) {
  .footer .footer__cols .footer__col--size-3 {
    order: unset;
    flex: 0 0 50%;
    max-width: 50%;
  }
} */
@media (max-width: 1023px) {
  .footer .footer__inner .footer__cols .footer__col:nth-child(3n+3) {
    max-width: -moz-fit-content;
    max-width: fit-content;
    text-align: right;
  }
}
@media (max-width: 575px) {
  .footer .footer__inner .footer__cols .footer__col:nth-child(3n+3) {
    text-align: left;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .footer .footer__inner .footer__cols .footer__col:nth-child(even) {
    text-align: right;
  }
}
.footer .footer__subtitle {
  font-family: var(--ff-ss-second);
}
.footer .footer__subtitle a {
  text-decoration: none;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .footer .footer__subtitle a:hover {
    opacity: .7;
  }
}
.footer .footer__subtitle:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .footer .footer__subtitle:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.footer .footer__nav ul {
  list-style: none;
  padding-left: 0;
}
.footer .footer__nav ul li {
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  line-height: 1;
}
.footer .footer__nav ul li + li {
  margin-top: 1.2rem;
}
.footer .footer__nav ul a {
  transition: color var(--t-dur);
  text-decoration: none;
  font-family: var(--ff-ss-second);
}
@media (hover: hover) {
  .footer .footer__nav ul a:hover {
    color: var(--c-theme);
  }
}
.footer .socials ul {
  gap: 1rem var(--gap);
}
/* ------------------------------------------------------------ *\
    Form
\* ------------------------------------------------------------ */
.form {
  color: var(--c-theme);
}
.form:not(:last-child) {
  margin-bottom: 3rem;
}
.form .form__head:not(:last-child) {
  margin-bottom: 2.5rem;
}
.form .form__cols {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7.3rem;
}
@media (max-width: 1023px) {
  .form .form__cols {
    margin: calc(-1 * var(--gap) / 2);
  }
}
@media (max-width: 575px) {
  .form .form__cols {
    display: block;
    margin: 0;
  }
}
.form .form__col {
  padding: 0 7.3rem;
  flex: 1;
}
@media (max-width: 1023px) {
  .form .form__col {
    padding: calc(var(--gap) / 2);
  }
}
@media (max-width: 575px) {
  .form .form__col {
    padding: 0;
  }
}
@media (max-width: 575px) {
  .form .form__col + .form__col {
    margin-top: 1.6rem;
  }
}
.form .form__col--1of2 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 575px) {
  .form .form__col--1of2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.form .form__col--size-s {
  max-width: 33.8rem;
}
.form .form__group:not(:last-child) {
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--c-gray);
}
.form .form__group + .form__group {
  margin-top: 2.2rem;
}
@media (max-width: 767px) {
  .form .form__group + .form__group {
    margin-top: 2.6rem;
  }
}
.form .form__row + .form__row {
  margin-top: 1.6rem;
}
@media (max-width: 1023px) {
  .form .form__row + .form__row:has(.form__cols) {
    margin-top: 1rem;
  }
}
@media (max-width: 767px) {
  .form .form__row + .form__row:has(.form__cols) {
    margin-top: 1.6rem;
  }
}
.form .form__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.6rem var(--gap);
}
.form .form__actions--align-start {
  justify-content: flex-start;
}
.form .form__actions:not(:first-child) {
  margin-top: 5rem;
}
@media (max-width: 1199px) {
  .form .form__actions:not(:first-child) {
    margin-top: 4rem;
  }
}
@media (max-width: 1023px) {
  .form .form__actions:not(:first-child) {
    margin-top: 3.4rem;
  }
}
.form .form__success:not(:last-child) {
  margin-bottom: 1.6rem;
}
.form .form__success:not(:last-child) :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.form .form__label {
  display: block;
  font-size: 2rem;
  font-weight: 400;
  margin-bottom: 1.4rem;
  line-height: 1;
  color: var(--c-theme);
  display: block;
}
@media (max-width: 1023px) {
  .form .form__label {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
}
.form .form__label-alt {
  font-size: var(--fz-base);
  font-weight: 300;
  line-height: 1;
  margin-top: 0.5rem;
  color: var(--c-theme);
  font-style: italic;
  display: block;
}
.form .form__title {
  color: var(--c-theme);
  font-weight: 400;
}
.form .form__title:not(:last-child) {
  margin-bottom: 3rem;
}
@media (max-width: 1023px) {
  .form .form__title:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.form .form__meta-link {
  display: inline-block;
  transition: color var(--t-dur);
}
@media (hover: hover) {
  .form .form__meta-link:hover {
    color: var(--c-theme-dark);
  }
}
.form .form__docs p {
  margin-top: 1rem;
}
/*  form contacts  */
.form--contacts .form__actions {
  justify-content: space-between;
}
.form--contacts .form__actions:not(:first-child) {
  margin-top: 1.6rem;
}
/*  form alt  */
@media (min-width: 767.02px) {
  .form--alt .form__group:not(:last-child) {
    padding-bottom: 4rem;
  }
}
@media (min-width: 767.02px) {
  .form--alt .form__group + .form__group {
    margin-top: 3rem;
  }
}
@media (min-width: 767.02px) {
  .form--alt .form__row + .form__row {
    margin-top: 3rem;
  }
}
/*  form small  */
.form--small .form__label {
  font-size: var(--fz-base);
}
.form--small .form__actions:not(:first-child) {
  margin-top: 2.4rem;
}
/* ------------------------------------------------------------ *\
	Grid
\* ------------------------------------------------------------ */
.grid-flex {
  display: flex;
  flex-flow: row wrap;
  margin: calc(-1 * var(--gap) / 2);
  justify-content: center;
  /*  Grid col 1of2  */
  /*  Grid col 1of3  */
  /*  Grid col 1of4  */
  /*  Grid col 1of5  */
}
.grid-flex .grid__col {
  max-width: 100%;
  flex: 1;
  padding: calc(var(--gap) / 2);
}
.grid-flex .grid__col--1of2 {
  max-width: 50%;
  flex: 0 0 50%;
}
@media (max-width: 767px) {
  .grid-flex .grid__col--1of2 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.grid-flex .grid__col--1of3 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
@media (max-width: 1023px) {
  .grid-flex .grid__col--1of3 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .grid-flex .grid__col--1of3 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.grid-flex .grid__col--1of4 {
  max-width: 25%;
  flex: 0 0 25%;
}
@media (max-width: 1199px) {
  .grid-flex .grid__col--1of4 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 1023px) {
  .grid-flex .grid__col--1of4 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 575px) {
  .grid-flex .grid__col--1of4 {
    max-width: 100%;
    flex: 0 0 100%;
  }
}
.grid-flex .grid__col--1of5 {
  max-width: 20%;
  flex: 0 0 20%;
}
@media (max-width: 1199px) {
  .grid-flex .grid__col--1of5 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (max-width: 767px) {
  .grid-flex .grid__col--1of5 {
    max-width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 575px) {
  .grid-flex .grid__col--1of5 {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
/* ------------------------------------------------------------ *\
    Grid
\* ------------------------------------------------------------ */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-template-rows: 1fr;
  gap: var(--gap);
}
.grid .grid__col.span-2cols {
  grid-column: span 2;
}
/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */
.header-holder {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: var(--header-height);
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: transparent;
  background-color: var(--c-gray, #fff);
  padding: 0.7rem 0 0.7rem;
  color: var(--c-theme);
  /* Is fixed */
  /*  Is Open  */
  /*  elements  */
}
@media (max-width: 1399px) {
  .header {
    padding: 0.5rem 0;
  }
}
@media (max-width: 1199px) {
  .header {
    padding: 0;
  }
}
.header.is-under-holder {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  transition: none;
}
@media (min-width: 1399.02px) {
  .header.is-under-holder {
    padding: 0.5rem 0;
  }
}
@media (min-width: 1399.02px) {
  .header.is-under-holder .header__utilities {
    min-height: 5.2rem;
    margin-bottom: 0.3rem;
  }
}
@media (min-width: 1399.02px) {
  .header.is-under-holder .logo {
    width: 4.9rem;
    height: 5.2rem;
  }
}
.header.is-fixed {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.4s, visibility 0.4s;
  box-shadow: 0 0 0 1px var(--c-theme);
}
@media (max-width: 1199px) {
  .header .shell {
    display: contents;
  }
}
.header .header__utilities {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  z-index: 10;
  min-height: 7.2rem;
  margin-bottom: 1.1rem;
}
@media (max-width: 1399px) {
  .header .header__utilities {
    min-height: 5.2rem;
    margin-bottom: 0.2rem;
  }
}
@media (max-width: 1299px) {
  .header .header__utilities {
    margin-bottom: 0;
    min-height: 5rem;
  }
}
@media (max-width: 1199px) {
  .header .header__utilities {
    padding: 0.5rem var(--gap);
    min-height: 5.4rem;
  }
}
@media (max-width: 767px) {
  .header .header__utilities {
    min-height: unset;
    justify-content: space-between;
    padding: 0.2rem var(--gap);
  }
}
.header .header__actions {
  display: flex;
  align-items: center;
  gap: 0 2.4rem;
  margin-left: calc(3.45rem + var(--gap));
  max-width: 50%;
}
@media (max-width: 1299px) {
  .header .header__actions {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .header .header__actions {
    margin-left: var(--gap);
    max-width: unset;
  }
}
@media (max-width: 575px) {
  .header .header__actions {
    gap: 0 2rem;
  }
}
@media (max-width: 375px) {
  .header .header__actions {
    gap: 0 1.4rem;
  }
}
.header .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6.9rem;
  height: 7.2rem;
}
@media (max-width: 1399px) {
  .header .logo {
    width: 4.9rem;
    height: 5.2rem;
  }
}
@media (max-width: 1299px) {
  .header .logo {
    width: 4.7rem;
    height: 5rem;
  }
}
@media (max-width: 1199px) {
  .header .logo {
    width: 4.7rem;
    height: 5rem;
  }
}
@media (max-width: 767px) {
  .header .logo {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 4.4rem;
    height: 4.7rem;
  }
}
@media (max-width: 575px) {
  .header .logo {
    width: 4rem;
    height: 4.3rem;
  }
}
@media (max-width: 375px) {
  .header .logo {
    width: 3.8rem;
    height: 4.1rem;
  }
}
.header .logo img {
  height: 100%;
}
.header .header__action-link {
  text-decoration: none;
  display: inline-flex;
}
.header .header__login {
  position: relative;
  line-height: 1;
}
.header .header__login.is-active .header__login-trigger svg:nth-child(1) {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
  opacity: 0;
}
.header .header__login:not(.is-active) .header__login-trigger svg + svg {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
  opacity: 0;
}
.header .header__login:hover .dropdown-secondary {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1199px) {
  .header .header__login.is-open .dropdown-secondary {
    opacity: 1;
    visibility: visible;
  }
}
.header .header__cart {
  line-height: 1;
}
.header .header__cart .cart__trigger {
  display: inline-flex;
}
.header .header__cart .cart-trigger.is-active .cart__trigger svg:nth-child(1) {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
  opacity: 0;
}
.header .cart-trigger.is-active .cart__count {
  opacity: 1;
}
.header .cart-trigger:not(.is-active) .cart__trigger svg + svg {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal;
  opacity: 0;
}
.header .cart-trigger .cart__trigger {
  position: relative;
}
.header .cart-trigger .cart__count {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: 2px;
  font-size: 1.1rem;
  display: inline-block;
  line-height: 1;
  opacity: 0;
  transition: opacity var(--t-dur);
  color: var(--c-white);
}
.header__fav-trigger {
    position: relative;
}
.header__fav-trigger .header__fav-trigger-count {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    bottom: 6px;
    margin-left: 1px;
    font-size: 1.1rem;
    display: inline-block;
    line-height: 1;
    opacity: 0;
    transition: opacity var(--t-dur);
    color: var(--c-white);
}
.header__fav-trigger.is-active .header__fav-trigger-count  {
    opacity: 1;
}
.header .nav-trigger {
  display: none;
}
@media (max-width: 1199px) {
  .header .nav-trigger {
    display: inline-block;
  }
}
@media (max-width: 1199px) {
  .header .header__navigation {
    position: fixed;
    top: var(--header-height);
    bottom: 0;
    left: 0;
    right: 0;
    min-height: calc(var(--win-height) - var(--header-height));
    border: none;
    margin: 0;
    overflow-x: clip;
    overflow-y: auto;
    z-index: 3;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--t-dur), visibility var(--t-dur);
  }
}
@media (max-width: 1199px) {
  .header .header__navigation.is-open {
    opacity: 1;
    visibility: visible;
  }
  .header .header__navigation.is-open .nav {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
}
.header .header__navigation .header__bg {
  display: none;
}
@media (max-width: 1199px) {
  .header .header__navigation .header__bg {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: var(--header-height);
    min-height: calc(var(--win-height) - var(--header-height));
    background-color: var(--c-black);
    z-index: 2;
    opacity: 0.5;
  }
}
@media (max-width: 1199px) {
  .header .header__navigation .nav {
    z-index: 3;
    position: relative;
    min-height: 100%;
    max-width: 32rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    margin-left: auto;
    padding: 2rem var(--gap) 3rem;
    transition: opacity var(--t-dur), visibility var(--t-dur), transform var(--t-dur);
    text-align: right;
    background-color: var(--c-theme);
    color: var(--c-white);
  }
}
@media (max-width: 575px) {
  .header .header__navigation .nav {
    max-width: 29rem;
  }
}
@media (max-width: 375px) {
  .header .header__navigation .nav {
    max-width: 26rem;
  }
}
/* ------------------------------------------------------------ *\
    Hero-alt
\* ------------------------------------------------------------ */
.hero-alt {
  padding: var(--section-spacing) 0;
}
@media (min-width: 1599.02px) {
  .hero-alt {
    padding: 5.2rem 0;
  }
}
@media (min-width: 1023.02px) {
  .hero-alt {
    padding: 3.2rem 0;
  }
}
@media (min-width: 767.02px) {
  .hero-alt {
    padding: 3rem 0;
  }
}
.hero-alt .hero__inner {
  text-align: center;
}
.hero-alt .hero__inner :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
}
/* ------------------------------------------------------------ *\
    Hero
\* ------------------------------------------------------------ */
.hero {
  position: relative;
  padding: var(--section-spacing) 0;
}
.hero .hero__body {
  position: relative;
  border-radius: var(--border-radius);
}
.hero .slider:not(.is-disabled) .splide {
  padding: 0;
}
.hero .slider {
  position: static;
  border-radius: var(--border-radius);
}
.hero .slider .splide {
  position: static;
  border-radius: var(--border-radius);
}
.hero .slider .splide__track {
  position: static;
  overflow: visible;
  border-radius: var(--border-radius);
}
.hero .slider .splide__list {
  position: static;
  border-radius: var(--border-radius);
}
.hero .slider .splide__slide {
  position: static;
  border-radius: var(--border-radius);
}
.hero .hero__inner {
  border-radius: var(--border-radius);
}
.hero .hero__media {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: var(--border-radius);
}
.hero .hero__media img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius);
}
/* ------------------------------------------------------------ *\
    Link-solid-trigger
\* ------------------------------------------------------------ */
.link-solid-trigger {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media (hover: hover) {
  .link-solid-trigger:not(.header__fav-trigger):hover svg path {
    stroke: var(--c-theme);
    fill: var(--c-theme);
  }
}
.link-solid-trigger.is-active svg path {
  stroke: var(--c-theme);
  fill: var(--c-theme);
}
.link-solid-trigger svg path {
  stroke: var(--c-theme);
  fill: transparent;
  transition: fill var(--t-dur), stroke var(--t-dur);
}
.link-solid-trigger span {
  display: inline-block;
  font-size: var(--fz-base);
  font-weight: 500;
  margin-left: 0.4rem;
  margin-top: -0.3rem;
  line-height: 1;
}
/* ------------------------------------------------------------ *\
    Link
\* ------------------------------------------------------------ */
.link {
  color: var(--c-theme);
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: opacity var(--t-dur), color var(--t-dur);
  line-height: 1;
}
@media (hover: hover) {
  .link:hover {
    /* opacity: 0.7; */
    color: var(--c-theme-dark);
  }
}
.link i {
  margin-left: 0.6rem;
  font-size: 1.4rem;
}
@media (max-width: 1023px) {
  .link i {
    margin-top: 0.2rem;
  }
}
.link strong {
  font-family: var(--ff-gilroy);
}
/*  link reverse  */
.link--reverse i {
  margin: 0 0.6rem 0 0;
}
/*  link dark  */
.link--dark {
  color: var(--c-theme-dark)
}
@media (hover: hover) {
  .link--dark:hover {
    color: var(--c-theme);
  }
}
/* ------------------------------------------------------------ *\
    List-features
\* ------------------------------------------------------------ */
.list-features {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
  gap: 2rem 2.4rem;
}
.list-features:not(:last-child) {
  margin-bottom: 2rem;
}
@media (max-width: 1023px) {
  .list-features {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
}
.list-features:not(:last-child) {
  margin-bottom: 2rem;
}
.list-features li {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.list-features li > div {
  display: inline-flex;
  align-items: center;
}
.list-features figure {
  flex: 0 0 5.6rem;
  margin-right: 0.7rem;
}
@media (max-width: 1599px) {
  .list-features figure {
    flex: 0 0 4.2rem;
    margin-right: 0.5rem;
  }
}
@media (max-width: 1023px) {
  .list-features figure {
    margin-right: 0.8rem;
  }
}
.list-features :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
  flex: 0 1;
}
@media (max-width: 767px) {
  .list-features :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    flex: 1;
  }
}
/* ------------------------------------------------------------ *\
    List-fill-icons
\* ------------------------------------------------------------ */
.list-fill-icons {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  gap: 1px;
  align-items: center;
}
.list-fill-icons a {
  text-decoration: none;
}
.list-fill-icons li.is-active {
  color: var(--c-theme-dark);
}
.list-fill-icons li {
  color: var(--c-theme);
}
/* ------------------------------------------------------------ *\
    List-ico-text
\* ------------------------------------------------------------ */
.list-ico-text {
  list-style-type: none;
  padding-left: 0;
  color: var(--c-theme2);
}
.list-ico-text li {
  display: flex;
}
.list-ico-text li + li {
  margin-top: 1.6rem;
}
.list-ico-text:not(:last-child) {
  margin-bottom: 1rem;
}
.list-ico-text i {
  flex: 0 0 1.6rem;
  margin-right: 0.5rem;
  line-height: var(--lh-base);
}
.list-ico-text p {
  margin-bottom: 0;
}
.list-ico-text a {
  text-decoration: none;
  transition: color var(--t-dur);
}
@media (hover: hover) {
  .list-ico-text a:hover {
    color: var(--c-theme);
  }
}
.list-ico-text strong {
  transition: color var(--t-dur);
  color: var(--c-theme);
}
/*  list ico text prime  */
.list-ico-text--prime li + li {
  margin-top: 2.8rem;
}
@media (max-width: 1599px) {
  .list-ico-text--prime li + li {
    margin-top: 2rem;
  }
}
@media (max-width: 1023px) {
  .list-ico-text--prime li + li {
    margin-top: 1.5rem;
  }
}
.list-ico-text--prime i {
  color: var(--c-theme);
  margin-right: 1rem;
  font-size: 3.2rem;
  flex: 0 0 4.1rem;
}
@media (max-width: 1799px) {
  .list-ico-text--prime i {
    font-size: 3rem;
  }
}
@media (max-width: 1599px) {
  .list-ico-text--prime i {
    font-size: 2.2rem;
    flex: 0 0 2.2rem;
  }
}
@media (max-width: 1399px) {
  .list-ico-text--prime i {
    flex: 0 0 2rem;
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .list-ico-text--prime i {
    flex: 0 0 1.8rem;
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .list-ico-text--prime i {
    flex: 0 0 1.7rem;
    font-size: 1.7rem;
  }
}
@media (max-width: 575px) {
  .list-ico-text--prime i {
    font-size: 1.6rem;
    flex: 0 0 1.6rem;
  }
}
.list-ico-text--prime i,
.list-ico-text--prime p {
  line-height: 1.35;
}
.list-ico-text--prime p {
  font-size: 2.8rem;
  font-weight: 500;
}
@media (max-width: 1799px) {
  .list-ico-text--prime p {
    font-size: 2.7rem;
  }
}
@media (max-width: 1599px) {
  .list-ico-text--prime p {
    font-size: 2.2rem;
  }
}
@media (max-width: 1399px) {
  .list-ico-text--prime p {
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .list-ico-text--prime p {
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .list-ico-text--prime p {
    font-size: 1.7rem;
  }
}
@media (max-width: 575px) {
  .list-ico-text--prime p {
    font-size: 1.6rem;
  }
}
/*  list ico text alt  */
.list-ico-text--alt li + li {
  margin-top: 0.8rem;
}
.list-ico-text--alt i {
  flex: 0 0 1.6rem;
  color: var(--c-theme);
  margin-right: 0.4rem;
  font-size: 1.2rem;
  margin-top: 0.3rem;
}
/* ------------------------------------------------------------ *\
    logo
\* ------------------------------------------------------------ */
.logo {
  display: inline-block;
}
.logo img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
/* ------------------------------------------------------------ *\
    Map
\* ------------------------------------------------------------ */
.map {
  width: 100%;
  height: 60rem;
  position: relative;
  z-index: 10;
}
@media (max-width: 1599px) {
  .map {
    height: 50rem;
  }
}
@media (max-width: 1399px) {
  .map {
    height: 47rem;
  }
}
@media (max-width: 1199px) {
  .map {
    height: 43rem;
  }
}
@media (max-width: 1023px) {
  .map {
    height: 38rem;
  }
}
@media (max-width: 767px) {
  .map {
    height: 36rem;
  }
}
@media (max-width: 575px) {
  .map {
    height: 26rem;
  }
}
@media (max-width: 375px) {
  .map {
    height: 24rem;
  }
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ------------------------------------------------------------ *\
    Media-box
\* ------------------------------------------------------------ */
.media-box {
  display: block;
  position: relative;
  padding: 0 0 var(--media-box-size) var(--media-box-size);
  text-decoration: none;
  color: inherit;
}
@media (hover: hover) {
  .media-box:hover {
    color: inherit;
  }
}
.media-box img {
  z-index: 2;
  position: relative;
}
.media-box:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 49%;
  height: calc(100% - var(--media-box-size));
  background-color: var(--c-theme);
  z-index: 1;
}
/*  media box addition  */
.media-box--addition:before {
  position: absolute;
  content: "";
  bottom: var(--media-box-size);
  right: 0;
  width: calc(var(--media-box-size) + 2rem);
  height: calc(100% - var(--media-box-size) * 2);
  background-color: var(--c-white);
  z-index: 3;
}
@media (max-width: 1599px) {
  .media-box--addition:before {
    width: var(--media-box-size);
  }
}
.media-box.bottom-right {
  padding: 0 var(--media-box-size) var(--media-box-size) 0;
}
.media-box.bottom-right:after {
  left: auto;
  right: 0;
}
.media-box.bottom-right.media-box--addition:before {
  bottom: var(--media-box-size);
  right: auto;
  left: 0;
}
/* ------------------------------------------------------------ *\
    Nav-lang
\* ------------------------------------------------------------ */
.nav-lang {
  position: relative;
  z-index: 10;
  display: inline-flex;
}
.nav-lang .nav__current {
  position: relative;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 1px solid currentColor;
  border-radius: 50%;
  background-color: var(--c-theme);
  color: var(--c-white);
  padding: 0.6rem;
  font-size: 1.3rem;
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .nav-lang .nav__current {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.2rem;
    padding: 0.4rem;
  }
}
.nav-lang:hover .dropdown-secondary {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1399px) {
  .nav-lang.is-open .dropdown-secondary {
    opacity: 1;
    visibility: visible;
  }
}
.nav-lang .dropdown-secondary li + li {
  margin-top: 0.2rem;
}
.nav-lang .dropdown-secondary a {
  display: inline-flex;
  line-height: 1;
  width: 2rem;
  height: 2rem;
  text-transform: uppercase;
}
/* ------------------------------------------------------------ *\
	Nav-trigger
\* ------------------------------------------------------------ */
.nav-trigger {
  transition: opacity var(--t-dur), visibility var(--t-dur);
  height: 16px;
  width: 24px;
  display: inline-block;
  position: relative;
  z-index: 55;
}
.nav-trigger span:nth-child(1),
.nav-trigger span:nth-child(2),
.nav-trigger span:nth-child(3) {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--c-theme);
  transition: transform var(--t-dur);
}
.nav-trigger span:nth-child(1) {
  top: 0;
}
.nav-trigger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.nav-trigger span:nth-child(3) {
  bottom: 0;
}
.nav-trigger.is-open span:nth-child(2) {
  display: none;
}
.nav-trigger.is-open span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
.nav-trigger.is-open span:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -5px);
}
/* ------------------------------------------------------------ *\
    Nav
\* ------------------------------------------------------------ */
.nav {
  display: block;
}
.nav > ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  gap: 0 1rem;
}
@media (max-width: 1199px) {
  .nav > ul {
    display: block;
  }
}
@media (max-width: 1199px) {
  .nav > ul > li + li {
    margin-top: 1.3rem;
  }
}
.nav > ul > li.is-current > a {
  /* cursor: default;
  pointer-events: none; */
  font-weight: 800;
}
@media (max-width: 1199px) {
  .nav > ul > li.is-current > a {
    color: var(--c-white);
  }
}
.nav > ul > li.is-current > a:after {
  transform: scaleX(1);
}
.nav > ul > li > a {
  transition: text-shadow var(--t-dur);
  text-decoration: none;
  position: relative;
  display: inline-block;
  padding-bottom: 0.5rem;
  line-height: 1;
  font-weight: 400;
}
@media (max-width: 1199px) {
  .nav > ul > li > a {
    font-size: var(-fz-base);
    opacity: 0;
    font-weight: 500;
  }
}
.nav > ul > li > a.anim-in {
  animation: 0.6s ease alternate forwards;
  animation-name: fadeInRightSmall;
}
.nav > ul > li > a.anim-out {
  animation: 0.6s ease alternate forwards;
  animation-name: fadeOutRightSmall;
}
@media (hover: hover) {
  .nav > ul > li > a:hover:after {
    transform: scaleX(1);
  }
}
.nav > ul > li > a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--c-theme);
  transition: transform var(--t-dur);
  transform: scaleX(0);
  transform-origin: center;
}
@media (max-width: 1199px) {
  .nav > ul > li > a:after {
    background-color: var(--c-white);
  }
}
@media (max-width: 1199px) {
  .nav > ul > li.has-dropdown > a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.nav > ul > li.has-dropdown .nav__dropdown-trigger {
  display: none;
}
@media (max-width: 1199px) {
  .nav > ul > li.has-dropdown .nav__dropdown-trigger {
    display: inline-flex;
    position: relative;
    width: 12px;
    height: 12px;
    flex: 0 0 12px;
    background-color: var(--c-theme-dark);
    border-radius: 3px;
    transition: background-color var(--t-dur);
    margin-left: 1rem;
  }
  .nav > ul > li.has-dropdown .nav__dropdown-trigger:before, .nav > ul > li.has-dropdown .nav__dropdown-trigger:after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    background-color: var(--c-white);
    transition: transform var(--t-dur), opacity var(--t-dur);
  }
  .nav > ul > li.has-dropdown .nav__dropdown-trigger:before {
    width: 7px;
    height: 2px;
  }
  .nav > ul > li.has-dropdown .nav__dropdown-trigger:after {
    width: 2px;
    height: 7px;
  }
}
.nav > ul > li.has-dropdown > .dropdown {
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1199px) {
  .nav > ul > li.has-dropdown > .dropdown {
    opacity: 1;
    visibility: visible;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows var(--t-dur), padding var(--t-dur);
  }
}
.nav > ul > li.has-dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
}
@media (max-width: 1199px) {
  .nav > ul > li.has-dropdown.is-open > a {
    color: var(--c-white);
    border-color: var(--c-white);
  }
  .nav > ul > li.has-dropdown.is-open .nav__dropdown-trigger {
    background-color: var(--c-white);
  }
  .nav > ul > li.has-dropdown.is-open .nav__dropdown-trigger:before {
    opacity: 0;
  }
  .nav > ul > li.has-dropdown.is-open .nav__dropdown-trigger:after {
    transform: translate(-50%, -50%) rotate(90deg);
    background-color: var(--c-theme-dark);
  }
  .nav > ul > li.has-dropdown.is-open .dropdown {
    grid-template-rows: 1fr;
  }
  .nav > ul > li.has-dropdown.is-open .dropdown .dropdown__inner {
    padding: 1.2rem 1.8rem 0 0;
  }
}
/* ------------------------------------------------------------ *\
    Orbit
\* ------------------------------------------------------------ */
.orbit {
  --size: 28rem;
  --speed: 30s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 13rem 0 13rem;
  /*  feature-pill--reverse  */
}
@media (max-width: 575px) {
  .orbit {
    margin: 10rem 0 6rem;
  }
}
@media (max-width: 375px) {
  .orbit {
    margin: 9rem 0 5rem;
  }
}
.orbit .orbit__center-media {
  width: 21rem;
  height: 13.2rem;
  position: relative;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: -1.2rem;
}
@media (max-width: 575px) {
  .orbit .orbit__center-media {
    width: 14rem;
    height: 9rem;
    margin-top: -1rem;
    margin-left: 0;
  }
}
@media (max-width: 375px) {
  .orbit .orbit__center-media {
    width: 11rem;
    height: 7rem;
    margin-top: -0.8rem;
  }
}
.orbit .orbit__center-media img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: opacity 500ms;
}
.orbit .features-orbit {
  display: grid;
  place-items: center;
  width: 21rem;
  height: 21rem;
  position: relative;
  z-index: 3;
  list-style: none;
  transform-origin: center;
  animation: orbit var(--speed) linear infinite;
}
.orbit .features-orbit:hover {
  animation-play-state: paused;
  --orbit-play-state: paused;
}
.orbit .features__item {
  position: absolute;
  width: 13rem;
  height: 11.8rem;
  text-align: center;
  line-height: 1;
  display: grid;
  place-items: center;
  z-index: 2;
}
@media (max-width: 575px) {
  .orbit .features__item {
    width: 8rem;
    height: 8rem;
  }
}
.orbit .features__item:has(.feature-pill:hover) {
  z-index: 11;
}
.orbit .features__item:hover {
  --throb-play-state: paused;
}
.orbit .features__item:nth-child(1) {
  --throb-delay: 0ms;
}
.orbit .features__item:nth-child(2) {
  --throb-delay: 500ms;
}
.orbit .features__item:nth-child(3) {
  --throb-delay: 1000ms;
}
.orbit .features__item:nth-child(4) {
  --throb-delay: 1500ms;
}
.orbit .features__item:nth-child(5) {
  --throb-delay: 2000ms;
}
.orbit .features__item:nth-child(6) {
  --throb-delay: 2500ms;
}
.orbit .features__item .feature-pill {
  animation: orbit var(--speed) linear reverse infinite, throb 1s var(--throb-delay) ease-in-out infinite alternate;
  animation-play-state: var(--orbit-play-state, running), var(--throb-play-state, running);
}
.orbit .features__item:nth-child(1) {
  transform: translate(-16rem, -4.5rem);
}
@media (max-width: 575px) {
  .orbit .features__item:nth-child(1) {
    transform: translate(-12rem, -2rem);
  }
}
@media (max-width: 375px) {
  .orbit .features__item:nth-child(1) {
    transform: translate(-11rem, -3rem);
  }
}
.orbit .features__item:nth-child(2) {
  transform: translate(0, -17rem);
}
@media (max-width: 575px) {
  .orbit .features__item:nth-child(2) {
    transform: translate(0, -12rem);
  }
}
@media (max-width: 375px) {
  .orbit .features__item:nth-child(2) {
    transform: translate(0, -11rem);
  }
}
.orbit .features__item:nth-child(3) {
  transform: translate(17rem, -4.5rem);
}
@media (max-width: 575px) {
  .orbit .features__item:nth-child(3) {
    transform: translate(12rem, -2rem);
  }
}
@media (max-width: 375px) {
  .orbit .features__item:nth-child(3) {
    transform: translate(11rem, -3rem);
  }
}
.orbit .features__item:nth-child(4) {
  transform: translate(10rem, 13.5rem);
}
@media (max-width: 575px) {
  .orbit .features__item:nth-child(4) {
    transform: translate(7rem, 11rem);
  }
}
@media (max-width: 375px) {
  .orbit .features__item:nth-child(4) {
    transform: translate(7rem, 10rem);
  }
}
.orbit .features__item:nth-child(5) {
  transform: translate(-10rem, 13.5rem);
}
@media (max-width: 575px) {
  .orbit .features__item:nth-child(5) {
    transform: translate(-7rem, 11rem);
  }
}
@media (max-width: 375px) {
  .orbit .features__item:nth-child(5) {
    transform: translate(-7rem, 10rem);
  }
}
@keyframes orbit {
  100% {
    rotate: 1turn;
  }
}
@keyframes hold-position {
  100% {
    rotate: -1turn;
  }
}
@keyframes throb {
  100% {
    scale: 1.05;
  }
}
/* ------------------------------------------------------------ *\
    pagination
\* ------------------------------------------------------------ */

.pagination {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.2rem;
}
.pagination a.is-active {
  color: var(--c-white);
  background-color: var(--c-theme);
}
.pagination a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  transition: color var(--t-dur), background-color var(--t-dur);
  background-color: var(--c-gray);
  color: var(--c-theme);
  font-weight: 700;
  text-decoration: none;
}
@media (hover: hover) {
  .pagination a:hover {
    color: var(--c-white);
    background-color: var(--c-theme);
  }
}
.pagination a:active {
  color: var(--c-white);
  background-color: var(--c-theme);
}

/* ------------------------------------------------------------ *\
    Pill
\* ------------------------------------------------------------ */
.pill {
  display: inline-block;
  min-width: 6.5rem;
  padding: 0rem 2rem 0.3rem;
  text-decoration: none;
  color: var(--c-white);
  background-color: var(--c-theme);
  border-radius: var(--border-radius);
  border: 1px solid var(--c-theme);
  line-height: 1;
  font-size: var(--fz-second);
  font-weight: 900;
  text-align: center;
  transition: color var(--t-dur), background-color var(--t-dur), border-color var(--t-dur);
}
@media (hover: hover) {
  a.pill:hover {
    color: var(--c-theme);
    background-color: var(--c-white);
  }
}
/*  pill white  */
.pill--white {
  background-color: var(--c-white);
  color: var(--c-theme);
}
@media (hover: hover) {
  a.pill--white:hover {
    color: var(--c-white);
    background-color: var(--c-theme);
  }
}
/*  pill small  */
.pill--small {
  min-width: 3.6rem;
  padding: 0.1rem 0.6rem 0.5rem;
}
/*  pill big  */
.pill--big {
  min-width: 7.3rem;
  padding: 0.3rem 1.1rem 0.5rem;
  font-size: var(--fz-base);
  font-weight: 400;
}
/* ------------------------------------------------------------ *\
    Pills
\* ------------------------------------------------------------ */
.pills:not(:last-child) {
  margin-bottom: 2rem;
}
.pills > ul {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.3rem 0.9rem;
}
.pills > ul > li.is-active a {
  cursor: default;
  pointer-events: none;
}
.pills > ul > li.is-active a.pill--white {
  color: var(--c-white);
  background-color: var(--c-theme);
}
/*  pills small  */
.pills--small > ul {
  gap: 0.6rem;
}
/*  pills center  */
.pills--center > ul {
  justify-content: center;
}
/* ------------------------------------------------------------ *\
    Popup
\* ------------------------------------------------------------ */
.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 102;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--t-dur), visibility var(--t-dur);
  display: flex;
  padding: var(--gap);
  overflow: auto;
}
.popup.is-open {
  opacity: 1;
  visibility: visible;
}
.popup.is-open .popup__inner {
  transform: scale(1);
  transition: transform var(--t-dur);
}
.popup .popup__inner {
  position: relative;
  transform: scale(0);
  transition: none;
  background-color: var(--c-white);
  border-radius: var(--border-radius);
  margin: auto;
  padding: var(--gap);
}
.popup .popup__bg {
  position: fixed;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.popup .popup__close {
  position: absolute;
  font-size: 1.8rem;
  transition: opacity var(--t-dur);
  top: 0.7rem;
  right: 1.2rem;
  color: var(--c-theme);
}
@media (hover: hover) {
  .popup .popup__close:hover {
    opacity: 0.7;
  }
}
.popup .popup__head:not(:last-child) {
  margin-bottom: 2.2rem;
}
/*  popup side  */
.popup--side {
  padding: 0;
}
.popup--side.is-open .popup__inner {
  transform: translateX(0);
}
.popup--side .popup__inner {
  position: relative;
  min-height: var(--win-height);
  width: 50.9rem;
  transform: translateX(100%);
  transition: transform var(--t-dur);
  margin: 0 0 0 auto;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  padding: 2.4rem 4rem 0 3rem;
  overflow-x: clip;
  overflow-y: auto;
}
@media (max-width: 1199px) {
  .popup--side .popup__inner {
    padding: var(--gap) var(--gap) 0;
  }
}
@media (max-width: 767px) {
  .popup--side .popup__inner {
    width: 46rem;
  }
}
@media (max-width: 575px) {
  .popup--side .popup__inner {
    width: 86%;
  }
}
@media (max-width: 375px) {
  .popup--side .popup__inner {
    width: 82%;
  }
}
.popup--side .popup__inner:after {
  position: absolute;
  content: "";
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--c-white);
}
@media (max-width: 1199px) {
  .popup--side .popup__head {
    padding-right: 4rem;
  }
}
.popup--side .popup__body {
  flex: 1;
}
.popup--side .popup__actions {
  border-top: 1px solid var(--c-gray);
  padding: 4rem 4rem 2rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (max-width: 1199px) {
  .popup--side .popup__actions {
    padding: 2rem 2rem 2rem;
  }
}
@media (max-width: 767px) {
  .popup--side .popup__actions {
    padding: 2rem 0 2rem;
  }
}
@media (max-width: 575px) {
  .popup--side .popup__actions {
    padding: 1rem 0;
  }
}
.popup--side .popup__actions .btn {
  padding: 1.1rem 1rem 1.2rem;
  font-weight: 400;
  font-size: 2.5rem;
}
@media (max-width: 1199px) {
  .popup--side .popup__actions .btn {
    padding: 0.8rem 0.8rem 0.9rem;
    font-size: 2rem;
  }
}
@media (max-width: 575px) {
  .popup--side .popup__actions .btn {
    font-size: 1.8rem;
    padding: 0.6rem 0.8rem 0.6rem;
  }
}
.popup--side .popup__actions .btn[disabled] {
  background-color: var(--c-gray);
  border-color: var(--c-theme2);
  color: var(--c-theme2);
  pointer-events: none;
}
.popup--side .popup__actions:not(:first-child) {
  /* margin-top: 2rem; */
}
.popup--side .feature-product:not(:last-child) {
  margin-bottom: 0rem;
}
.popup--side .feature-product .feature__inner {
  border-top: none;
  padding: 3rem 0;
}
@media (max-width: 1199px) {
  .popup--side .feature-product .feature__inner {
    padding: 2rem 0;
  }
}
@media (max-width: 767px) {
  .popup--side .feature-product .feature__inner {
    padding: 1rem 0;
  }
}
@media (max-width: 1199px) {
  .popup--side .popup__close {
    font-size: 2.2rem;
    top: 1.5rem;
    right: calc(var(--gap) + 0.3rem);
  }
}
@media (max-width: 767px) {
  .popup--side .popup__close {
    top: 1.3rem;
    right: calc(var(--gap) + 0.4rem);
  }
}
@media (max-width: 575px) {
  .popup--side .popup__close {
    top: 1.2rem;
  }
}
@media (max-width: 375px) {
  .popup--side .popup__close {
    top: 1rem;
  }
}
.popup--side .feature-product--action .feature__price {
  margin-bottom: 0.6rem;
}
@media (min-width: 1199.02px) {
  .popup--side .feature-product--action .feature__price {
    font-size: 2.5rem;
  }
}
/*  GLIGHT BOX  */
.gslide-inline:has(.js-lightbox-popup) {
  max-height: calc(100vh - var(--gap) * 2);
  max-width: calc(100vw - var(--gap) * 2);
}
/* ------------------------------------------------------------ *\
    radio
\* ------------------------------------------------------------ */
.radio input {
  position: absolute !important;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
  opacity: 0;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 3.2rem;
  line-height: 1;
}
.radio label:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background-color: var(--c-white, #fff);
  border: 1px solid var(--c-theme);
  transition: background-color var(--t-dur), border-color var(--t-dur);
}
.radio input[type=radio]:checked + label:before {
  background-color: var(--c-theme);
}
/* ------------------------------------------------------------ *\
    radios
\* ------------------------------------------------------------ */
.radios:not(:last-child) {
  margin-bottom: 2rem;
}
.radios ul {
  list-style-type: none;
  padding-left: 0;
}
.radios li + li {
  margin-top: 0.9rem;
}
/* ------------------------------------------------------------ *\
    Search
\* ------------------------------------------------------------ */
.search {
  position: relative;
  z-index: 10;
  padding: var(--gap);
}
.search.ginlined-content {
  padding: var(--gap);
  display: flex !important;
  flex-direction: column;
}
.search .search__field-holder {
  position: relative;
  z-index: 10;
  margin-bottom: 2rem;
}
.search.is-open .search__menu {
  grid-template-rows: 1fr;
}
.search .search__field {
  height: 5rem;
  width: 100%;
  border: 2px solid var(--c-theme);
  padding: 0.4rem 2.2rem 0.4rem;
  background-color: transparent;
  border-radius: 0;
  color: var(--c-theme);
  font-weight: 500;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .search .search__field .search__field {
    font-size: 16px;
  }
}
.search .search__field::-moz-placeholder {
  opacity: 1;
}
.search .search__field::placeholder {
  opacity: 1;
}
.search .search__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  border-radius: 0;
  border: none;
  transition: opacity var(--t-dur);
  z-index: 3;
  font-size: 1.6rem;
  background-color: transparent;
  line-height: 1;
  color: var(--c-theme);
}
@media (hover: hover) {
  .search .search__btn:hover {
    opacity: 0.7;
  }
}
.search .search__menu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--t-dur), padding var(--t-dur);
  width: 100%;
  z-index: 10;
  background-color: var(--c-white);
  flex: 1;
}
.search .search__menu-inner {
  display: flex;
  flex-direction: column;
  transition: padding var(--t-dur);
  overflow: hidden;
}
.search .search__btn-alt {
  margin-top: auto;
  width: 100%;
}
.search .feature-alt .feature__image {
  flex: 0 0 15%;
  max-width: 15%;
}
/* @media (max-width: 1199px) {
  .search .feature-alt .feature__image {
    flex: 0 0 13%;
    max-width: 13%;
  }
} */
/* ------------------------------------------------------------ *\
    Section-breadcrumbs
\* ------------------------------------------------------------ */
section.section-breadcrumbs {
  padding: 1.6rem 0;
  display: block;
  flex: unset;
}
@media (max-width: 1023px) {
  section.section-breadcrumbs {
    padding: 1.2rem 0;
  }
}
/* ------------------------------------------------------------ *\
    Section-contacts
\* ------------------------------------------------------------ */
.section-contacts {
  position: relative;
  padding: var(--section-spacing) 0;
}
.section-contacts .section__bg-media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-contacts .section__bg-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.section-contacts .section__inner {
  display: flex;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .section-contacts .section__inner {
    display: block;
  }
}
.section-contacts .section__content {
  flex: 0 0 34%;
  max-width: 34%;
  padding: 10rem 10rem 0 0;
}
@media (max-width: 1599px) {
  .section-contacts .section__content {
    padding: 0 var(--gap) 0 0;
    align-self: center;
    flex: 0 0 38%;
    max-width: 38%;
  }
}
@media (max-width: 767px) {
  .section-contacts .section__content {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.section-contacts .section__content-head:not(:last-child) {
  margin-bottom: 4.5rem;
}
@media (max-width: 1199px) {
  .section-contacts .section__content-head:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 767px) {
  .section-contacts .section__content-head:not(:last-child) {
    margin-bottom: 1.8rem;
  }
}
.section-contacts .section__aside {
  flex: 0 0 66%;
  max-width: 66%;
  position: relative;
  padding: var(--media-box-size) var(--media-box-size) var(--media-box-size) 0;
}
@media (max-width: 1599px) {
  .section-contacts .section__aside {
    flex: 0 0 62%;
    max-width: 62%;
  }
}
@media (max-width: 767px) {
  .section-contacts .section__aside {
    max-width: 100%;
  }
}
.section-contacts .section__aside:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 36%;
  height: 100%;
  background-color: var(--c-theme);
  z-index: 1;
}
/* ------------------------------------------------------------ *\
    Section-ico-banner
\* ------------------------------------------------------------ */
.section-ico-banner {
  margin: 6.6rem 0;
}
@media (max-width: 1599px) {
  .section-ico-banner {
    margin: 4rem 0;
  }
}
@media (max-width: 1199px) {
  .section-ico-banner {
    margin: 3rem 0;
  }
}
@media (max-width: 575px) {
  .section-ico-banner {
    margin: 2.5rem 0;
  }
}
.section-ico-banner .section__inner {
  position: relative;
}
.section-ico-banner .section__ico {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 11.2rem;
  height: 11.2rem;
  border: 8px solid var(--c-white);
  border-radius: 50%;
  padding: 0.5rem;
  background-color: var(--c-theme);
  color: var(--c-white);
}
@media (max-width: 1599px) {
  .section-ico-banner .section__ico {
    width: 8rem;
    height: 8rem;
  }
}
@media (max-width: 1199px) {
  .section-ico-banner .section__ico {
    width: 6rem;
    height: 6rem;
    border-width: 5px;
    padding: 1rem;
  }
}
@media (max-width: 575px) {
  .section-ico-banner .section__ico {
    width: 5rem;
    height: 5rem;
  }
}
.section-ico-banner .section__ico--upper {
  margin: -5.6rem 0 0;
}
@media (max-width: 1599px) {
  .section-ico-banner .section__ico--upper {
    margin-top: -4rem;
  }
}
@media (max-width: 1199px) {
  .section-ico-banner .section__ico--upper {
    margin-top: -3rem;
  }
}
@media (max-width: 575px) {
  .section-ico-banner .section__ico--upper {
    margin-top: -2.5rem;
  }
}
.section-ico-banner .section__ico--bottom {
  margin: 0 0 -5.6rem auto;
}
@media (max-width: 1599px) {
  .section-ico-banner .section__ico--bottom {
    margin-bottom: -4rem;
  }
}
@media (max-width: 1199px) {
  .section-ico-banner .section__ico--bottom {
    margin-bottom: -3rem;
  }
}
@media (max-width: 575px) {
  .section-ico-banner .section__ico--bottom {
    margin-bottom: -2.5rem;
  }
}
.section-ico-banner .section__content {
  max-width: 113rem;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1199px) {
  .section-ico-banner .section__content {
    padding: 1rem 0;
  }
}
.section-ico-banner .section__content h2:not(:last-child) {
  margin-bottom: 2rem;
}
/* ------------------------------------------------------------ *\
    Section-prime
\* ------------------------------------------------------------ */
.section-prime {
  padding: 0 0 var(--section-spacing);
}
.section-prime .section__body {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .section-prime .section__body {
    display: block;
  }
}
@media (max-width: 767px) {
  .section-prime .content:not(:last-child),
  .section-prime .aside:not(:last-child) {
    margin-bottom: var(--section-spacing);
  }
}
.section-prime .content {
  flex: 0 0 67.6%;
  max-width: 67.6%;
  padding-right: 6rem;
}
@media (max-width: 1599px) {
  .section-prime .content {
    padding-right: 5rem;
  }
}
@media (max-width: 1399px) {
  .section-prime .content {
    padding-right: var(--gap);
  }
}
@media (max-width: 767px) {
  .section-prime .content {
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 2rem;
  }
}
@media (max-width: 767px) {
  .section-prime .content:not(:last-child) {
    margin-bottom: 1.4rem;
  }
}
@media (max-width: 767px) {
  .section-prime .content {
    max-width: 100%;
    padding-right: 0;
  }
}
.section-prime .aside {
  flex: 0 0 32.4%;
  max-width: 32.4%;
}
@media (max-width: 767px) {
  .section-prime .aside {
    max-width: 100%;
  }
}
/* ------------------------------------------------------------ *\
    Section-sides
\* ------------------------------------------------------------ */
.section-sides {
  padding: var(--section-spacing) 0;
}
.section-sides .section__inner {
  display: flex;
  border-radius: var(--border-radius);
}
@media (max-width: 767px) {
  .section-sides .section__inner {
    display: block;
  }
}
.section-sides .section__content {
  flex: 0 0 55.4%;
  max-width: 55.4%;
  padding: 2.8rem 7.3rem 3rem 8.5rem;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
@media (max-width: 1299px) {
  .section-sides .section__content {
    padding: 4rem;
  }
}
@media (max-width: 1199px) {
  .section-sides .section__content {
    padding: 3rem;
  }
}
@media (max-width: 1023px) {
  .section-sides .section__content {
    padding: var(--gap);
  }
}
@media (max-width: 767px) {
  .section-sides .section__content {
    max-width: 100%;
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
}
.section-sides .section__content > h4:not(:last-child),
.section-sides .section__content .title:not(:last-child) {
  margin-bottom: 2.6rem;
}
@media (max-width: 1299px) {
  .section-sides .section__content > h4:not(:last-child),
  .section-sides .section__content .title:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section-sides .section__content .section__entry > h2 {
  max-width: 55%;
}
@media (max-width: 1299px) {
  .section-sides .section__content .section__entry > h2 {
    max-width: 70%;
  }
}
@media (max-width: 767px) {
  .section-sides .section__content .section__entry > h2 {
    max-width: 100%;
  }
}
.section-sides .section__content .section__entry > h2:not(:last-child) {
  margin-bottom: 2.5rem;
}
.section-sides .section__content .actions-holder {
  justify-content: flex-end;
}
.section-sides .section__content .actions-holder:not(:first-child) {
  margin-top: 3.5rem;
}
@media (max-width: 1299px) {
  .section-sides .section__content .actions-holder:not(:first-child) {
    margin-top: 2.8rem;
  }
}
@media (max-width: 1023px) {
  .section-sides .section__content .actions-holder:not(:first-child) {
    margin-top: 2.4rem;
  }
}
.section-sides .section__aside,
.section-sides .section__media,
.section-sides .section__media img {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
@media (max-width: 767px) {
  .section-sides .section__aside,
  .section-sides .section__media,
  .section-sides .section__media img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
}
.section-sides .section__aside {
  flex: 0 0 44.6%;
  max-width: 44.6%;
}
@media (max-width: 767px) {
  .section-sides .section__aside {
    max-width: 100%;
  }
}
.section-sides .section__aside .section__media {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
/*  section sides reverse  */
.section-sides--reverse .section__inner {
  flex-direction: row-reverse;
}
/* ------------------------------------------------------------ *\
    Section-sliders
\* ------------------------------------------------------------ */
.section-sliders {
  padding: var(--section-spacing) 0;
}
.section-sliders .section__inner {
  display: flex;
  margin-left: -11.4rem;
}
@media (max-width: 1299px) {
  .section-sliders .section__inner {
    margin-left: 0;
  }
  .section-sliders .section__inner .section__aside {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .section-sliders .section__inner {
    display: block;
  }
}
.section-sliders .section__content {
  flex: 0 0 35.7%;
  max-width: 35.7%;
  padding-left: 5rem;
}
@media (max-width: 1299px) {
  .section-sliders .section__content {
    padding-left: 4rem;
    flex: 0 0 38%;
    max-width: 38%;
  }
}
@media (max-width: 1199px) {
  .section-sliders .section__content {
    padding-left: 3rem;
  }
}
@media (max-width: 1023px) {
  .section-sliders .section__content {
    padding-left: var(--gap);
  }
}
@media (max-width: 767px) {
  .section-sliders .section__content {
    max-width: 100%;
    padding-left: 0;
  }
}
.section-sliders .section__content > h3,
.section-sliders .section__content > h2 {
  color: var(--c-theme);
  line-height: 1.35;
}
.section-sliders .section__content > h3:not(:last-child),
.section-sliders .section__content > h2:not(:last-child) {
  margin-bottom: 1rem;
}
.section-sliders .section__content > h3 strong,
.section-sliders .section__content > h2 strong {
  display: block;
}
.section-sliders .section__content > h3 small,
.section-sliders .section__content > h2 small {
  font-weight: 700;
  font-size: 100%;
}
.section-sliders .section__content .section__content-group {
  border-top: 1px solid var(--c-theme);
  padding: 1.4rem 0 1.3rem;
}
.section-sliders .section__content .section__content-group:has(.section__price) {
  padding: 0.3rem 0 1.3rem;
}
.section-sliders .section__content .section__content-utilities {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem 1rem;
}
.section-sliders .section__content .section__content-utilities .list-fill-icons {
  margin-bottom: 0;
}
.section-sliders .section__content .section__content-utilities:not(:last-child) {
  margin-bottom: 2rem;
}
.section-sliders .section__content .section__price {
  display: flex;
  align-items: center;
}
.section-sliders .section__content .section__price :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-theme);
}
.section-sliders .section__content .section__price .section__price-current {
  font-size: 2.8rem;
  line-height: 1;
  margin-bottom: 0;
  font-weight: 800;
}
.section-sliders .section__content .section__price .section__price-current + .section__price-off {
  margin-left: 1rem;
}
.section-sliders .section__content .section__price .section__price-off {
  position: relative;
  font-weight: 400;
  line-height: 1;
  font-size: 2.5rem;
}
.section-sliders .section__content .section__price .section__price-off:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-30deg);
  width: 70%;
  height: 1px;
  margin-top: 4px;
  z-index: 2;
  background-color: var(--c-theme);
}
.section-sliders .section__content .pills:not(:last-child) {
  margin-bottom: 2rem;
}
.section-sliders .section__content .section__content-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.3rem;
}
.section-sliders .section__content .section__content-actions:not(:last-child) {
  margin-bottom: 2rem;
}
.section-sliders .section__content .section__content-actions .btn {
  min-width: 12.8rem;
  font-weight: 700;
  padding: 0.6rem 2rem 0.7rem;
}
.section__hint {
  display: grid;
  grid-template-rows: 0;
  transition: grid-template-rows var(--t-dur);
}
.section__hint.is-open {
  grid-template-rows: 1fr;
}
.section__hint-inner {
  background-color: var(--c-theme);
  padding: 0;
  color: var(--c-white);
  overflow: hidden;
  transition: padding var(--t-dur), margin-bottom var(--t-dur);
}
.section__hint.is-open .section__hint-inner {
  padding: 1rem;
  margin-bottom: 1.5rem;
}
.section-sliders .section__content .accordion {
  padding-right: 5rem;
}
@media (max-width: 1299px) {
  .section-sliders .section__content .accordion {
    padding-right: 0rem;
  }
}
.section-sliders .section__content .accordion .accordion__head {
  justify-content: flex-start;
}
.section-sliders .section__content .accordion .action__trigger-meta {
  margin-top: 3px;
}
.section-sliders .section__content .accordion .accordion__body p {
  line-height: 1.15;
  text-align: left;
}
.section-sliders .section__content .accordion .accordion__section.is-open .accordion__body-inner {
  padding: 0.2rem 0 0;
}
.section-sliders .section__aside {
  flex: 0 0 64.3%;
  max-width: 64.3%;
  padding-right: 9rem;
}
@media (max-width: 1299px) {
  .section-sliders .section__aside {
    flex: 0 0 62%;
    max-width: 62%;
  }
}
@media (max-width: 767px) {
  .section-sliders .section__aside {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */
.section {
  padding: var(--section-spacing) 0;
}
.section .section__head:not(:last-child) {
  margin-bottom: 3.4rem;
}
@media (max-width: 1023px) {
  .section .section__head:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section .section__head.has-offset-side {
  padding-left: 7.5rem;
}
@media (max-width: 1199px) {
  .section .section__head.has-offset-side {
    padding-left: 4rem;
  }
}
@media (max-width: 1023px) {
  .section .section__head.has-offset-side {
    padding-left: var(--gap);
  }
}
.section .section__head.has-separator:not(:last-child) {
  margin-bottom: 5.5rem;
}
@media (max-width: 1199px) {
  .section .section__head.has-separator:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) {
  .section .section__head.has-separator:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
@media (max-width: 1023px) {
  .section .section__head.has-separator:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section .section__head--small-offset.has-separator:not(:last-child) {
  margin-bottom: 2rem;
}
.section .section__head--alt {
  text-align: center;
}
.section .section__head--alt :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-weight: 400;
}
.section .section__inner {
  border-radius: var(--border-radius);
}
/*  section logos  */
.section--logos .section__inner {
  overflow: hidden;
  padding: 1.5rem 0;
}
/*  section orbit  */
.section--orbit {
  overflow: hidden;
}
.section--orbit .section__inner {
  padding: 0 8rem;
}
.section--orbit .section__inner .title {
  color: var(--c-theme);
}
.section--orbit .section__inner .title small {
  color: var(--c-theme);
}
/*  section 3 cols  */
.section--3-cols .section__inner {
  display: flex;
}
@media (max-width: 767px) {
  .section--3-cols .section__inner {
    display: block;
  }
}
@media (hover: hover) {
  .section--3-cols .section__inner:hover .section__media-aside img {
    filter: grayscale(0);
  }
}
.section--3-cols .section__media-prime {
  display: block;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  flex: 0 0 26%;
  max-width: 26%;
}
@media (max-width: 767px) {
  .section--3-cols .section__media-prime {
    max-width: 100%;
  }
}
.section--3-cols .section__media-prime img {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
@media (max-width: 767px) {
  .section--3-cols .section__media-prime,
  .section--3-cols .section__media-prime img {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
}
.section--3-cols .section__media-aside {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  flex: 0 0 34%;
  max-width: 34%;
}
@media (max-width: 1023px) {
  .section--3-cols .section__media-aside {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
@media (max-width: 767px) {
  .section--3-cols .section__media-aside {
    max-width: 100%;
  }
}
.section--3-cols .section__media-aside img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  filter: grayscale(1);
  transition: filter var(--t-dur);
}
@media (max-width: 1023px) {
  .section--3-cols .section__media-aside img {
    filter: grayscale(0);
  }
}
@media (max-width: 767px) {
  .section--3-cols .section__media-aside,
  .section--3-cols .section__media-aside img {
    border-radius: 0 0 var(--border-radius) var(--border-radius);
  }
}
.section--3-cols .section__content {
  flex: 0 0 40%;
  max-width: 40%;
  align-self: center;
  padding: 6rem 5rem 2rem 5rem;
}
@media (max-width: 1299px) {
  .section--3-cols .section__content {
    padding: 4rem;
  }
}
@media (max-width: 1199px) {
  .section--3-cols .section__content {
    padding: 3rem;
  }
}
@media (max-width: 1023px) {
  .section--3-cols .section__content {
    padding: var(--gap);
    flex: 0 0 44%;
    max-width: 44%;
  }
}
@media (max-width: 767px) {
  .section--3-cols .section__content {
    max-width: 100%;
    padding: var(--section-spacing) var(--container-gutter);
  }
}
.section--3-cols .section__entry :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a {
  transition: color var(--t-dur);
  text-decoration: none;
}
@media (hover: hover) {
  .section--3-cols .section__entry :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) a:hover {
    color: var(--c-theme);
  }
}
.section--3-cols .section__entry h5 {
  line-height: 1.1;
}
.section--3-cols .section__entry h5:not(:last-child) {
  margin-bottom: 1.1rem;
}
.section--3-cols .actions-pill {
  margin-left: auto;
  display: flex;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-right: 5rem;
}
@media (min-width: 1023.02px) {
  .section--3-cols .actions-pill {
    background-color: transparent;
    border-color: var(--c-theme);
  }
  .section--3-cols .actions-pill .actions__price + .actions__btn {
    border-color: var(--c-theme);
  }
}
@media (max-width: 1299px) {
  .section--3-cols .actions-pill {
    margin-right: 0;
  }
}
.section--3-cols .actions-pill:not(:first-child) {
  margin-top: 1.8rem;
}
@media (hover: hover) {
  .section--3-cols .actions-pill:hover {
    background-color: var(--c-theme);
  }
  .section--3-cols .actions-pill:hover .actions__price + .actions__btn {
    border-color: var(--c-white);
  }
}
/*  section grid  */
.section--grid .section__inner {
  display: flex;
}
@media (max-width: 767px) {
  .section--grid .section__inner {
    display: block;
  }
}
.section--grid .section__content {
  padding: 3.4rem 9rem 5.3rem 7.6rem;
  flex: 0 0 66%;
  max-width: 66%;
}
@media (max-width: 1299px) {
  .section--grid .section__content {
    padding: 4rem;
  }
}
@media (max-width: 1199px) {
  .section--grid .section__content {
    padding: 3rem;
  }
}
@media (max-width: 1023px) {
  .section--grid .section__content {
    padding: var(--gap);
  }
}
@media (max-width: 767px) {
  .section--grid .section__content {
    max-width: 100%;
  }
}
.section--grid .section__content .title {
  margin: 0 0 3rem 1.3rem;
}
@media (max-width: 1023px) {
  .section--grid .section__content .title {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .section--grid .section__content .title {
    margin-left: 0;
  }
}
.section--grid .section__aside {
  flex: 0 0 34%;
  max-width: 34%;
  padding-bottom: 5.3rem;
}
@media (max-width: 1299px) {
  .section--grid .section__aside {
    padding-bottom: 4rem;
  }
}
@media (max-width: 1199px) {
  .section--grid .section__aside {
    padding-bottom: 3rem;
  }
}
@media (max-width: 1023px) {
  .section--grid .section__aside {
    padding-bottom: var(--gap);
  }
}
@media (max-width: 767px) {
  .section--grid .section__aside {
    max-width: 100%;
    padding: 0 var(--gap) var(--gap);
  }
}
.section--grid .section__aside .section__media,
.section--grid .section__aside .section__media img {
  border-radius: 0 calc(var(--border-radius) + 4px) calc(var(--border-radius) + 4px) calc(var(--border-radius) + 4px);
}
@media (max-width: 767px) {
  .section--grid .section__aside .section__media,
  .section--grid .section__aside .section__media img {
    border-radius: calc(var(--border-radius) + 20px);
  }
}
.section--grid .actions-holder {
  justify-content: center;
}
.section--grid .tile a.tile__inner .tile__media-image {
  filter: grayscale(0);
}
/*  section cards simple slider */
/*  section head align */
.section--head-align .section__inner {
  display: flex;
}
@media (max-width: 1199px) {
  .section--head-align .section__inner {
    display: block;
  }
}
.section--head-align .section__inner .section__head {
  flex: 0 0 14rem;
  max-width: 14rem;
  padding-top: 5rem;
}
@media (max-width: 1199px) {
  .section--head-align .section__inner .section__head {
    max-width: 100%;
    padding-top: 0;
  }
}
.section--head-align .section__inner .section__body {
  flex: 1;
  min-width: 0;
}
/*  section tiles  */
.section--tiles .section__body {
  padding: 0 13.5rem;
}
@media (max-width: 1399px) {
  .section--tiles .section__body {
    padding: 0 9rem;
  }
}
@media (max-width: 1299px) {
  .section--tiles .section__body {
    padding: 0 4rem;
  }
}
@media (max-width: 1199px) {
  .section--tiles .section__body {
    padding: 0;
  }
}
/*  section prime tiles  */
.section--prime-tiles .section__inner {
  padding: 3rem 2.6rem;
}
@media (max-width: 1023px) {
  .section--prime-tiles .section__inner {
    padding: var(--gap);
  }
}
/*  section small tiles slider  */
/*    */
/*  section contacts  */
.section--contacts .contacts {
  max-width: 37.4rem;
  margin-left: auto;
  margin-right: auto;
}
.section--contacts .contacts:not(:last-child) {
  margin-bottom: 6.9rem;
}
@media (max-width: 1199px) {
  .section--contacts .contacts:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) {
  .section--contacts .contacts:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
@media (max-width: 1023px) {
  .section--contacts .contacts:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section--contacts .form .form__col--size-s .field {
  text-align: center;
}
.section--contacts .form .form__col--size-s .field::-moz-placeholder {
  opacity: 0.5;
}
.section--contacts .form .form__col--size-s .field::placeholder {
  opacity: 0.5;
}
/*  section duos  */
.section--duos .section__head.has-separator:not(:last-child) {
  margin-bottom: 1.7rem;
}
.section--duos .section__body-title:not(:last-child) {
  margin-bottom: 3.7rem;
}
@media (max-width: 1023px) {
  .section--duos .section__body-title:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
@media (max-width: 1023px) {
  .section--duos .section__body-title:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section--duos .section__body-title h3 {
  font-weight: 400;
  color: var(--c-theme);
}
.section--duos .section__body-inner {
  display: flex;
}
@media (max-width: 575px) {
  .section--duos .section__body-inner {
    display: block;
  }
}
.section--duos .section__aside {
  flex: 0 0 19.4%;
  max-width: 19.4%;
  border-radius: var(--border-radius);
}
@media (max-width: 1199px) {
  .section--duos .section__aside {
    flex: 0 0 22%;
    max-width: 22%;
  }
}
@media (max-width: 575px) {
  .section--duos .section__aside {
    max-width: 100%;
    margin-bottom: 2rem;
  }
}
.section--duos .section__aside .section__media,
.section--duos .section__aside .section__media img {
  border-radius: var(--border-radius);
}
.section--duos .section__content {
  flex: 0 0 80.6%;
  max-width: 80.6%;
  padding: 1.4rem 0 0 7.4rem;
}
@media (max-width: 1199px) {
  .section--duos .section__content {
    flex: 0 0 78%;
    max-width: 78%;
    padding-left: 7rem;
  }
}
@media (max-width: 1023px) {
  .section--duos .section__content {
    padding-left: var(--gap);
  }
}
@media (max-width: 575px) {
  .section--duos .section__content {
    padding: 0;
    max-width: 100%;
  }
}
.section--duos .section__entry {
  max-width: 45.7rem;
}
@media (max-width: 575px) {
  .section--duos .section__entry {
    max-width: 100%;
  }
}
.section--duos .section__content-title:not(:last-child) {
  margin-bottom: 3rem;
}
@media (max-width: 1023px) {
  .section--duos .section__content-title:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
@media (max-width: 767px) {
  .section--duos .section__content-title:not(:last-child) {
    margin-bottom: 2rem;
  }
}
.section--duos .section__content-title :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-family: var(--ff-beer-money);
  color: var(--c-theme);
  font-weight: 400;
}
.section--duos .section__content-title h3 {
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .section--duos .section__content-title h3 {
    font-size: 2.4rem;
  }
}
/*  section thank you  */
.section--thank-you .section__title {
  color: var(--c-theme-dark);
  text-align: center;
}
.section--thank-you .section__title:not(:last-child) {
  margin-bottom: 5rem;
}
@media (max-width: 1199px) {
  .section--thank-you .section__title:not(:last-child) {
    margin-bottom: 4rem;
  }
}
@media (max-width: 1023px) {
  .section--thank-you .section__title:not(:last-child) {
    margin-bottom: 3.4rem;
  }
}
@media (max-width: 1023px) {
  .section--thank-you .section__title:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section--thank-you .section__media {
  text-align: center;
  border-radius: var(--border-radius);
}
.section--thank-you .section__media img {
  border-radius: var(--border-radius);
}
/*  section error  */
.section--error .section__body {
  margin: auto;
  text-align: center;
}
.section--error .section__body h1 {
  margin-bottom: 2rem;
  color: var(--c-theme);
}
.section--error .section__body .section__image {
  margin-bottom: 2rem;
  padding: 0 1.5rem;
}
@media (max-width: 1399px) {
  .section--error .section__body .section__image {
    max-width: 70%;
    margin: 0 auto 2rem;
  }
}
.section--error .section__body h3 {
  margin-bottom: 2rem;
  color: var(--c-theme);
}
.section--error .section__body p {
  margin-bottom: 2rem;
  line-height: 1.5;
}
.section--error .section__body .btn {
  min-width: 12rem;
}
@media (max-width: 1199px) {
  .section--error .section__body .btn {
    min-width: 10rem;
  }
}
/*  section details  */
.section--details .form {
  margin-bottom: 3.2rem;
  /* padding-bottom: 3.5rem; */
  /* border-bottom: 1px solid var(--c-gray); */
  /* margin-bottom: 0; */
}
.section--details .section__group:not(:last-child) {
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--c-gray);
}
@media (max-width: 767px) {
  .section--details .section__group:not(:last-child) {
    /* padding-bottom: 2.8rem; */
  }
}
.section--details .form + .section__group,
.section--details .section__group + .section__group {
  margin-top: 2.6rem;
}
@media (max-width: 767px) {
  .section--details .form + .section__group,
  .section--details .section__group + .section__group {
    margin-top: 2.6rem;
  }
}
.section--details .section__subtitle {
  color: var(--c-theme);
  font-weight: 400;
}
.section--details .section__subtitle:not(:last-child) {
  margin-bottom: 2.6rem;
}
@media (max-width: 1023px) {
  .section--details .section__subtitle:not(:last-child) {
    margin-bottom: 2.4rem;
  }
}
.section--details .radios:not(:last-child) {
  margin-bottom: 0;
}
.section--details .radios + .section__controls {
  margin-top: 2rem;
}
.section--details .features-product {
  margin-bottom: 2.8rem;
}
/* .section--details .feature-product--4-cols:first-child .feature__inner {
  border-top: none;
}
.section--details .feature-product--4-cols:last-child .feature__inner {
  border-bottom: none;
} */
.section--details .feature-product--4-cols:not(:last-child) {
  margin-bottom: 0;
}
/*  section cart  */
.section--cart {
}
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.shell {
  max-width: calc(var(--container-max-width, 1400px) + var(--container-gutter, 24px) * 2);
  padding-left: var(--container-gutter, 24px);
  padding-right: var(--container-gutter, 24px);
  margin: auto;
  width: 100%;
}
.shell--large {
  max-width: calc(var(--container-large-max-width, 1400px) + var(--container-gutter, 24px) * 2);
}
.shell--medium {
  max-width: calc(var(--container-medium-max-width, 1400px) + var(--container-gutter, 24px) * 2);
}
.shell--small {
  max-width: calc(var(--container-small-max-width, 1400px) + var(--container-gutter, 24px) * 2);
}
/* shell Fluid */
.shell--fluid {
  max-width: none;
}
/* ------------------------------------------------------------ *\
    Slider
\* ------------------------------------------------------------ */
.slider {
  position: relative;
}
.slider:not(.is-disabled) .splide {
  padding: 0 calc(var(--slider-arrow-width) * 2);
}
@media (max-width: 767px) {
  .slider:not(.is-disabled) .splide {
    padding: 0 calc(var(--slider-arrow-width) / 2);
  }
}
.slider .slider__actions {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .slider .slider__actions {
    padding: 0 0.4rem;
  }
}
.slider .splide__arrow {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  background: transparent;
  color: var(--c-theme);
  border-radius: 0;
  width: var(--slider-arrow-width);
  height: var(--slider-arrow-height);
  pointer-events: all;
  border: none;
  transition: border-color var(--t-dur), background-color var(--t-dur), color var(--t-dur);
  opacity: 1;
  pointer-events: all;
}
.slider .splide__arrow img {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .slider .splide__arrow:hover {
    opacity: 1;
  }
  .slider .splide__arrow:hover img {
    transform: scale(1.15);
  }
}
.slider .splide__arrow img {
  transition: transform var(--t-dur);
}
.slider .splide__arrow[disabled] {
  pointer-events: none;
  color: var(--c-gray);
}
.slider .splide__arrow--prev {
  left: 0;
}
@media (max-width: 767px) {
  .slider .splide__arrow--prev {
    left: calc(var(--container-gutter) * -1);
  }
}
.slider .splide__arrow--next {
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .slider .splide__arrow--next {
    right: calc(var(--container-gutter) * -1);
  }
}
.slider .slider__paging {
  bottom: 0;
}
.slider .slider__paging .splide__pagination__page {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  border: 1px solid var(--c-theme);
  background: transparent;
  transition: background var(--t-dur);
  opacity: 1;
  margin: 3px;
  pointer-events: all;
}
.slider .slider__paging .splide__pagination__page.is-active {
  background: var(--c-theme);
  transform: none;
}
.slider.is-disabled .splide__slide--clone {
  display: none;
}
.slider.is-disabled .splide__list {
  transform: none !important;
  justify-content: center;
}
.slider.is-disabled .splide__slide {
  transform: none !important;
}
.slider.is-disabled .slider__actions {
  display: none;
}
.slider.is-disabled .splide__arrow:focus {
  outline: none;
}
.slider.is-disabled .slider__paging {
  display: none;
}
.slider.is-disabled .splide__list {
  justify-content: center;
}
.slider.is-disabled .slider__slide:last-child {
  margin-right: 0 !important;
}
.slider.is-disabled .splide__slide--clone {
  display: none;
}
.slider .slider__slide .card {
  height: 100%;
}
.slider .slider__slide .card .card__inner {
  height: 100%;
}
.slider .slider__slide .tile {
  height: 100%;
}
.slider .slider__slide .tile .card__inner {
  height: 100%;
}
/*  slider hero  */
.slider--hero .slider__paging {
  padding: 0 var(--container-gutter);
  bottom: 1.4rem;
}
/*  slider logos  */
.slider--logos .splide__track {
  overflow: visible;
}
.slider--logos .slider__logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity var(--t-dur);
}
@media (hover: hover) {
  .slider--logos .slider__logo:hover {
    opacity: 0.7;
  }
}
.slider--logos.is-disabled .slider__slides {
  justify-content: center;
}
/*  slider small tiles  */
.slider--small-tiles .splide__slide {
  padding: 0 1.5rem;
}
@media (max-width: 1199px) {
  .slider--small-tiles .splide__slide {
    padding: 0 1.2rem;
  }
}
@media (max-width: 767px) {
  .slider--small-tiles .splide__slide {
    padding: 0 1rem;
  }
}
@media (max-width: 575px) {
  .slider--small-tiles .splide__slide {
    padding: 0 1.7rem;
  }
}
@media (max-width: 375px) {
  .slider--small-tiles .splide__slide {
    padding: 0 1.4rem;
  }
}
.slider--small-tiles .splide__track {
  overflow-x: clip;
  overflow-y: visible;
}
.slider--small-tiles .splide__list {
  /* align-items: center; */
}
.slider--small-tiles .slider.is-disabled .splide__slide.is-current,
.slider--small-tiles .splide__slide.is-current {
  transform: scale(1.15) !important;
}
.slider--small-tiles .slider.is-disabled .splide__slide.is-current .tile__media-image,
.slider--small-tiles .splide__slide.is-current .tile__media-image {
  filter: grayscale(0);
}
/*  slider cards simple  */
.slider--cards-simple .splide__slide.is-active .card__inner {
  border-color: var(--c-theme);
}
.slider--cards-simple .splide__slide.is-active .card__media .card__media-bg {
  opacity: 1;
}
/*  slider thumbs  */
.slider-thumbs-holder {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
}
@media (max-width: 575px) {
  .slider-thumbs-holder {
    display: block;
  }
}
.slider-thumbs-holder .slider__slide {
  border-radius: var(--border-radius);
}
.slider-thumbs-holder .slider__slide img {
  width: 100%;
  border-radius: var(--border-radius);
}
.slider-thumbs-holder .slider__slide .video-placeholder-img,
.slider-thumbs-holder .slider__slide .video-holder img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.slider-thumbs-holder .slider--main .slider__slide img {
}
.slider-thumbs-holder .slider--thumbs .slider__slide img {
    height: 100%;
}
.slider-thumbs-holder .slider--main {
  padding-left: var(--gap);
  flex: 1;
}
@media (max-width: 575px) {
  .slider-thumbs-holder .slider--main {
    margin-bottom: 2rem;
  }
}
.slider-thumbs-holder.is-disabled .slider--main .slider__paging {
  display: none;
}
.slider-thumbs-holder.is-disabled .slider--thumbs .slider__actions {
  display: none;
}
.slider-thumbs-holder .slider--main .splide {
  padding: 0;
}
.slider-thumbs-holder .slider--thumbs .splide {
  padding: 0;
}
.slider-thumbs-holder .slider--main .slider__slide {
  position: relative;
}
.slider-thumbs-holder .slider--main .slider__paging {
  position: relative;
  margin-top: 1rem;
}
@media (max-width: 575px) {
  .slider-thumbs-holder .slider--main .slider__paging {
    display: none;
  }
}
.slider-thumbs-holder .slider--thumbs {
  z-index: 3;
  flex: 0 0 12.9%;
}
@media (max-width: 767px) {
  .slider-thumbs-holder .slider--thumbs {
    flex: 0 0 7.8rem;
  }
}
@media (min-width: 575.02px) {
  .slider-thumbs-holder:not(.is-disabled) .slider--thumbs .splide {
    padding: 2.7rem 0;
  }
}
.slider-thumbs-holder .slider--thumbs .slider__slide {
  position: relative;
  border: 1px solid transparent;
  width: 100%;
}
@media (min-width: 575.02px) {
  .slider-thumbs-holder .slider--thumbs .slider__slide {
    max-height: 8rem;
  }
}
@media (max-width: 575px) {
  .slider-thumbs-holder .slider--thumbs .slider__slide {
    height: auto;
  }
}
.slider-thumbs-holder .slider--thumbs .slider__slide.is-active {
  border: 1px solid var(--c-theme);
}
@media (min-width: 575.02px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions {
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    left: 50%;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 575.02px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow {
    width: 1.6rem;
    height: 2rem;
  }
}
@media (min-width: 575.02px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--prev,
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--next {
    transform: rotate(90deg);
  }
}
@media (max-width: 767px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--prev {
    left: 0;
  }
}
@media (max-width: 575px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--prev {
    left: calc(var(--container-gutter) * -1);
  }
}
@media (max-width: 767px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--next {
    right: 0;
  }
}
@media (max-width: 575px) {
  .slider-thumbs-holder .slider--thumbs .slider__actions .splide__arrow--next {
    right: calc(var(--container-gutter) * -1);
  }
}
/* ------------------------------------------------------------ *\
    Socials
\* ------------------------------------------------------------ */
.socials {
  display: flex;
  align-items: center;
}
.socials ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 0.6rem;
}
.socials a {
  transition: opacity var(--t-dur);
  display: inline-block;
  text-decoration: none;
}
@media (hover: hover) {
  .socials a:hover {
    opacity: 0.7;
  }
}
.socials > p {
  margin: 0rem 0.8rem 0 0;
  line-height: 1;
}
/* ------------------------------------------------------------ *\
    Subscribe
\* ------------------------------------------------------------ */
.subscribe {
  position: relative;
}
.subscribe:not(:last-child) {
  margin-bottom: 1.9rem;
}
.subscribe .subscribe__thankyou {
  margin-bottom: 1.6rem;
}
.subscribe .subscribe__inner {
  position: relative;
  width: 100%;
}
.subscribe .subscribe__field {
  height: 3.2rem;
  width: 100%;
  border: 1px solid var(--c-gray2);
  padding: 0.4rem 1.6rem 0.4rem;
  background-color: var(--c-gray2);
  color: var(--c-white);
  font-weight: 400;
  font-family: var(--ff-ss-second);
}
@media (max-width: 767px) {
  .subscribe .subscribe__field {
    font-size: 16px;
  }
}
.subscribe .subscribe__field::-moz-placeholder {
  opacity: 1;
}
.subscribe .subscribe__field::placeholder {
  opacity: 1;
}
.subscribe .subscribe__btn {
  height: 3.2rem;
  min-width: 0;
  padding: 0.2rem 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 2;
  border: 1px solid var(--c-theme);
  background-color: var(--c-theme);
  border-radius: var(--border-radius);
  color: var(--c-white);
  transition: background-color var(--t-dur), border-color var(--c-theme-dark);
}
@media (hover: hover) {
  .subscribe .subscribe__btn:first-child:hover, .subscribe .subscribe__btn:hover, .subscribe .subscribe__btn:first-child:active {
    background-color: var(--c-theme-dark);
    color: var(--c-white);
    border-color: var(--c-theme-dark);
  }
}
.subscribe .subscribe__btn:active {
  background-color: var(--c-theme-dark);
  color: var(--c-white);
  border-color: var(--c-theme-dark);
}
/* ------------------------------------------------------------ *\
    Tab-links
\* ------------------------------------------------------------ */
.tab-links ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  gap: 0 3.3rem;
}
@media (max-width: 1599px) {
  .tab-links ul {
    gap: 0 var(--gap);
  }
}
@media (max-width: 1399px) {
  .tab-links ul {
    gap: 0 var(--gap-secondary);
  }
}
@media (max-width: 1199px) {
  .tab-links ul {
    gap: 0 0.8rem;
  }
}
@media (max-width: 767px) {
  .tab-links ul {
    gap: 0.4rem 0.6rem;
    flex-wrap: wrap;
  }
}
.tab-links li.is-active a {
  color: var(--c-theme);
}
.tab-links li.is-active a:after {
  opacity: 1;
  visibility: visible;
}
.tab-links a {
  transition: color var(--t-dur);
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.8rem 1.6rem 1.6rem;
}
@media (max-width: 1599px) {
  .tab-links a {
    padding: 0.8rem 1.2rem 1.6rem;
  }
}
@media (max-width: 1399px) {
  .tab-links a {
    font-size: 1.9rem;
  }
}
@media (max-width: 1199px) {
  .tab-links a {
    font-size: 1.8rem;
  }
}
@media (max-width: 1023px) {
  .tab-links a {
    font-size: 1.6rem;
    padding: 0.6rem 1rem 1rem;
  }
}
@media (max-width: 767px) {
  .tab-links a {
    padding: 0rem 0.6rem 0.8rem;
  }
}
@media (hover: hover) {
  .tab-links a:hover {
    color: var(--c-theme);
  }
}
.tab-links a:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.8rem;
  background-color: var(--c-theme);
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 1023px) {
  .tab-links a:after {
    height: 0.6rem;
  }
}
@media (max-width: 767px) {
  .tab-links a:after {
    height: 0.4rem;
  }
}
/* ------------------------------------------------------------ *\
    Tile-frame
\* ------------------------------------------------------------ */
.tile-frame {
  position: relative;
  padding: 4.4rem 4.4rem 4.8rem;
  max-width: 43rem;
  margin: 0 auto;
  box-shadow: 5px 3px 12px rgba(0, 0, 0, 0.5);
}
.tile-frame .tile__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tile-frame .tile__image {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
}
/* ------------------------------------------------------------ *\
    Tile
\* ------------------------------------------------------------ */
.tile {
  text-decoration: none;
  position: relative;
}
.tile .tile__inner {
  width: 100%;
  height: 100%;
}
.tile .tile__media-bg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--t-dur);
}
@media (max-width: 1023px) {
  .tile .tile__media-bg {
    display: block;
    opacity: 1;
  }
}
.tile a.tile__inner {
  text-decoration: none;
  display: block;
}
.tile a.tile__inner .tile__media-image {
  filter: grayscale(1);
  transition: filter var(--t-dur);
}
@media (max-width: 1023px) {
  .tile a.tile__inner .tile__media-image {
    filter: grayscale(0);
  }
}
@media (hover: hover) {
  .tile a.tile__inner:hover .tile__media-image {
    filter: grayscale(0);
  }
  .tile a.tile__inner:hover .tile__media-bg {
    opacity: 1;
  }
  .tile a.tile__inner:hover .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--hover-color, var(--c-white));
  }
}
.tile .tile__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 100%;
  text-align: center;
  padding: 1rem;
}
.tile .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-white);
  transition: color var(--t-dur);
}
@media (max-width: 1023px) {
  .tile .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--hover-color, var(--c-white));
  }
}
.tile,
.tile .tile__inner,
.tile .tile__media,
.tile .tile__media-image {
  border-radius: calc(var(--border-radius) + 15px);
}
.tile .tile__media {
  height: 100%;
  width: 100%;
}
.tile .tile__media.no-image {
  background-color: var(--c-theme);
}
.tile .tile__media .tile__media-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
/*  tile prime  */
.tile--prime a.tile__inner .tile__media-bg {
  display: none;
}
@media (hover: hover) {
  .tile--prime a.tile__inner:hover .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--hover-color, var(--c-theme));
  }

  .tile--prime:has(.tile__media.no-image) a.tile__inner:hover .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--hover-color, var(--c-white));
  }
}
.tile--prime .tile__content {
  top: 2.5rem;
  left: 1.5rem;
  transform: none;
  text-align: left;
  padding: 0 1rem 1rem 0;
}
.tile--prime .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  color: var(--c-gray-dark);
}
@media (max-width: 1023px) {
  .tile--prime .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
    color: var(--c-theme);
  }
}
/*  tile diff  */
.tile--diff a.tile__inner .tile__media-bg {
  display: none;
}
.tile--diff .tile__content :where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-weight: 700;
}
/* ------------------------------------------------------------ *\
    Tiles
\* ------------------------------------------------------------ */
.tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(23.4rem, 1fr));
  grid-template-rows: 1fr;
  justify-content: center;
  gap: var(--gap);
}
.tiles .tile {
  height: 100%;
}
/*  tiles 3 cols  */
.tiles--3-cols {
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-secondary);
}
@media (max-width: 575px) {
  .tiles--3-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*  tiles 5 cols  */
.tiles--5-cols {
  grid-template-columns: repeat(5, 1fr);
  gap: 3.6rem var(--gap);
}
@media (max-width: 1199px) {
  .tiles--5-cols {
    grid-template-columns: repeat(auto-fit, minmax(100px, max-content));
    justify-content: center;
    gap: var(--gap);
  }
}
/* ------------------------------------------------------------ *\
    Video-holder
\* ------------------------------------------------------------ */
.video-holder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.video-holder :is(a.btn-play, div.btn-play, span.btn-play) {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
}
.video-holder img {
  -o-object-fit: cover;
     object-fit: cover;
}
/* ------------------------------------------------------------ *\
    Video-placeholder
\* ------------------------------------------------------------ */
.video-placeholder {
  position: absolute;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal;
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper {
  position: relative;
  min-height: 100svh;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
}
.wrapper .main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.wrapper .main > section:not(.section-breadcrumbs):not(.section--title) {
  flex: 1;
  display: flex;
}
/* ------------------------------------------------------------ *\
  Recaptcha fix
\* ------------------------------------------------------------ */

@media (max-width: 375px) {
  .form .g-recaptcha {
  }

  .form .g-recaptcha iframe {
    transform-origin: 0 0;
    transform: scale(.92);
  }
}
/* ------------------------------------------------------------ *\
  invalid-feedback
\* ------------------------------------------------------------ */

.invalid-feedback {
  color: var(--c-red);
}