.bg-white {
  background-color: #FEFEFE;
}

.bg-black {
  background-color: #000;
}

.bg-dark {
  background-color: #363535;
}

.bg-grey {
  background-color: #C6C6C6;
}

.bg-yellow {
  background-color: #f3b648;
}

.bg-yellow-dark {
  background-color: #D4981C;
}

.bg-grey-50 {
  background-color: #F3F3F3;
}

.bg-grey-100 {
  background-color: #E6E6E6;
}

.bg-grey-150 {
  background-color: #D9D9D9;
}

.bg-grey-200 {
  background-color: #CCCCCC;
}

.bg-grey-300 {
  background-color: #B3B3B3;
}

.bg-grey-400 {
  background-color: #9A9A9A;
}

.bg-grey-500 {
  background-color: #808080;
}

.bg-grey-600 {
  background-color: #646464;
}

.bg-grey-700 {
  background-color: #484848;
}

.bg-grey-750 {
  background-color: #3A3A3A;
}

.bg-grey-800 {
  background-color: #2C2C2C;
}

.bg-grey-850 {
  background-color: #2C2C2C;
}

.bg-grey-900 {
  background-color: #0a0a0a;
}

.bg-green-50 {
  background-color: #C9EBBC;
}

.bg-green-100 {
  background-color: #BCE6AC;
}

.bg-green-150 {
  background-color: #AFE19D;
}

.bg-green-200 {
  background-color: #A2DC8D;
}

.bg-green-300 {
  background-color: #89D36E;
}

.bg-green-400 {
  background-color: #6FC94F;
}

.bg-green-500 {
  background-color: #5AB738;
}

.bg-green-600 {
  background-color: #49942D;
}

.bg-green-700 {
  background-color: #377122;
}

.bg-green-750 {
  background-color: #2F5F1D;
}

.bg-green-800 {
  background-color: #264E18;
}

.bg-green-850 {
  background-color: #264E18;
}

.bg-green-900 {
  background-color: #152A0D;
}

.bg-red-50 {
  background-color: #F1C9C9;
}

.bg-red-100 {
  background-color: #ECB9B9;
}

.bg-red-150 {
  background-color: #E8A9A9;
}

.bg-red-200 {
  background-color: #E49999;
}

.bg-red-300 {
  background-color: #DB7878;
}

.bg-red-400 {
  background-color: #D35858;
}

.bg-red-500 {
  background-color: #CA3838;
}

.bg-red-600 {
  background-color: #A72D2D;
}

.bg-red-700 {
  background-color: #832323;
}

.bg-red-750 {
  background-color: #711E1E;
}

.bg-red-800 {
  background-color: #5F1919;
}

.bg-red-850 {
  background-color: #5F1919;
}

.bg-red-900 {
  background-color: #3B1010;
}
html,
body {
  font-family: Inter, sans-serif;
  font-size: 16px;
  color: #FEFEFE;
  background-color: #363535;
  font-weight: 300;
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  color: inherit;
  text-decoration: inherit;
}

input {
  outline: none;
  -moz-appearance: none;
}

button[type=submit],
button,
input[type=search] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

picture {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  max-height: 100%;
}

a.hover\:yellow {
  transition: all 0.15s;
}

a.hover\:yellow:hover {
  color: #f3b648;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
}
.container {
  max-width: 100vw;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 360px) {
  .xs\:container {
    max-width: 100vw;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 360px) and (min-width: 768px) {
  .xs\:container {
    max-width: 768px;
  }
}

@media (min-width: 360px) and (min-width: 992px) {
  .xs\:container {
    max-width: 1020px;
  }
}

@media (min-width: 360px) and (min-width: 1200px) {
  .xs\:container {
    max-width: 1312px;
  }
}

@media (min-width: 380px) {
  .sm\:container {
    max-width: 100vw;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 380px) and (min-width: 768px) {
  .sm\:container {
    max-width: 768px;
  }
}

@media (min-width: 380px) and (min-width: 992px) {
  .sm\:container {
    max-width: 1020px;
  }
}

@media (min-width: 380px) and (min-width: 1200px) {
  .sm\:container {
    max-width: 1312px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }

  .md\:container {
    max-width: 100vw;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) and (min-width: 768px) {
  .md\:container {
    max-width: 768px;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .md\:container {
    max-width: 1020px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  .md\:container {
    max-width: 1312px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 1020px;
  }

  .lg\:container {
    max-width: 100vw;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 992px) and (min-width: 768px) {
  .lg\:container {
    max-width: 768px;
  }
}

@media (min-width: 992px) and (min-width: 992px) {
  .lg\:container {
    max-width: 1020px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .lg\:container {
    max-width: 1312px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1312px;
  }

  .xl\:container {
    max-width: 100vw;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1200px) and (min-width: 768px) {
  .xl\:container {
    max-width: 768px;
  }
}

@media (min-width: 1200px) and (min-width: 992px) {
  .xl\:container {
    max-width: 1020px;
  }
}

@media (min-width: 1200px) and (min-width: 1200px) {
  .xl\:container {
    max-width: 1312px;
  }
}
.color-white {
  color: #FEFEFE;
}

.color-black {
  color: #000;
}

.color-dark {
  color: #363535;
}

.color-grey {
  color: #C6C6C6;
}

.color-yellow {
  color: #f3b648;
}

.color-yellow-dark {
  color: #D4981C;
}

.color-grey-50 {
  color: #F3F3F3;
}

.color-grey-100 {
  color: #E6E6E6;
}

.color-grey-150 {
  color: #D9D9D9;
}

.color-grey-200 {
  color: #CCCCCC;
}

.color-grey-300 {
  color: #B3B3B3;
}

.color-grey-400 {
  color: #9A9A9A;
}

.color-grey-500 {
  color: #808080;
}

.color-grey-600 {
  color: #646464;
}

.color-grey-700 {
  color: #484848;
}

.color-grey-750 {
  color: #3A3A3A;
}

.color-grey-800 {
  color: #2C2C2C;
}

.color-grey-850 {
  color: #2C2C2C;
}

.color-grey-900 {
  color: #0a0a0a;
}

.color-green-50 {
  color: #C9EBBC;
}

.color-green-100 {
  color: #BCE6AC;
}

.color-green-150 {
  color: #AFE19D;
}

.color-green-200 {
  color: #A2DC8D;
}

.color-green-300 {
  color: #89D36E;
}

.color-green-400 {
  color: #6FC94F;
}

.color-green-500 {
  color: #5AB738;
}

.color-green-600 {
  color: #49942D;
}

.color-green-700 {
  color: #377122;
}

.color-green-750 {
  color: #2F5F1D;
}

.color-green-800 {
  color: #264E18;
}

.color-green-850 {
  color: #264E18;
}

.color-green-900 {
  color: #152A0D;
}

.color-red-50 {
  color: #F1C9C9;
}

.color-red-100 {
  color: #ECB9B9;
}

.color-red-150 {
  color: #E8A9A9;
}

.color-red-200 {
  color: #E49999;
}

.color-red-300 {
  color: #DB7878;
}

.color-red-400 {
  color: #D35858;
}

.color-red-500 {
  color: #CA3838;
}

.color-red-600 {
  color: #A72D2D;
}

.color-red-700 {
  color: #832323;
}

.color-red-750 {
  color: #711E1E;
}

.color-red-800 {
  color: #5F1919;
}

.color-red-850 {
  color: #5F1919;
}

.color-red-900 {
  color: #3B1010;
}
@font-face {
  font-family: "MicrosoftSansSerif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/MicrosoftSansSerif/MicrosoftSansSerif-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "MicrosoftSansSerif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/MicrosoftSansSerif/MicrosoftSansSerif-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Light.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Medium.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/Inter/Inter-SemiBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Inter/Inter-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/fonts/Inter/Inter-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Black.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/fonts/Inter/Inter-Black.woff2") format("woff2");
}
.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all 0.15s;
  font-weight: 500;
  overflow: hidden;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger.is-active:hover {
  opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #f3b648;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #f3b648;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

/*
 * 3DX
 */

.hamburger--3dx .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx .hamburger-inner::before,
.hamburger--3dx .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg);
}

.hamburger--3dx.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DX Reverse
 */

.hamburger--3dx-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r .hamburger-inner::before,
.hamburger--3dx-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dx-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY
 */

.hamburger--3dy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy .hamburger-inner::before,
.hamburger--3dy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg);
}

.hamburger--3dy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DY Reverse
 */

.hamburger--3dy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r .hamburger-inner::before,
.hamburger--3dy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY
 */

.hamburger--3dxy .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy .hamburger-inner::before,
.hamburger--3dxy .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg);
}

.hamburger--3dxy.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * 3DXY Reverse
 */

.hamburger--3dxy-r .hamburger-box {
  perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r .hamburger-inner::before,
.hamburger--3dxy-r .hamburger-inner::after {
  transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::before {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--3dxy-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
}

/*
 * Arrow
 */

.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Arrow Right
 */

.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Alt
 */

.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Alt Right
 */

.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

/*
 * Arrow Turn
 */

.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

.hamburger--arrowturn.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

/*
 * Arrow Turn Right
 */

.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
}

.hamburger--arrowturn-r.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
}

/*
 * Boring
 */

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner::before,
.hamburger--boring .hamburger-inner::after {
  transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg);
}

.hamburger--boring.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--boring.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}

/*
 * Collapse
 */

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Collapse Reverse
 */

.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}

.hamburger--collapse-r .hamburger-inner::before {
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--collapse-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}

.hamburger--collapse-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Elastic
 */

.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-270deg);
  transition-delay: 0.075s;
}

/*
 * Elastic Reverse
 */

.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r .hamburger-inner::before {
  top: 10px;
  transition: opacity 0.125s 0.275s ease;
}

.hamburger--elastic-r .hamburger-inner::after {
  top: 20px;
  transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s;
}

.hamburger--elastic-r.is-active .hamburger-inner::before {
  transition-delay: 0s;
  opacity: 0;
}

.hamburger--elastic-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(270deg);
  transition-delay: 0.075s;
}

/*
 * Emphatic
 */

.hamburger--emphatic {
  overflow: hidden;
}

.hamburger--emphatic .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
  left: -80px;
  top: -80px;
  transform: translate3d(80px, 80px, 0) rotate(45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic.is-active .hamburger-inner::after {
  right: -80px;
  top: -80px;
  transform: translate3d(-80px, 80px, 0) rotate(-45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Emphatic Reverse
 */

.hamburger--emphatic-r {
  overflow: hidden;
}

.hamburger--emphatic-r .hamburger-inner {
  transition: background-color 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::before {
  left: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r .hamburger-inner::after {
  top: 10px;
  right: 0;
  transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
}

.hamburger--emphatic-r.is-active .hamburger-inner {
  transition-delay: 0s;
  transition-timing-function: ease-out;
  background-color: transparent !important;
}

.hamburger--emphatic-r.is-active .hamburger-inner::before {
  left: -80px;
  top: 80px;
  transform: translate3d(80px, -80px, 0) rotate(-45deg);
  transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.hamburger--emphatic-r.is-active .hamburger-inner::after {
  right: -80px;
  top: 80px;
  transform: translate3d(-80px, -80px, 0) rotate(45deg);
  transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
}

/*
 * Minus
 */

.hamburger--minus .hamburger-inner::before,
.hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner::before,
.hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0;
}

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0;
}

/*
 * Slider
 */

.hamburger--slider .hamburger-inner {
  top: 2px;
}

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
  transform: rotate(-45deg) translate3d(-5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(-90deg);
}

/*
 * Slider Reverse
 */

.hamburger--slider-r .hamburger-inner {
  top: 2px;
}

.hamburger--slider-r .hamburger-inner::before {
  top: 10px;
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: 0.15s;
}

.hamburger--slider-r .hamburger-inner::after {
  top: 20px;
}

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

.hamburger--slider-r.is-active .hamburger-inner::before {
  transform: rotate(45deg) translate3d(5.7142857143px, -6px, 0);
  opacity: 0;
}

.hamburger--slider-r.is-active .hamburger-inner::after {
  transform: translate3d(0, -20px, 0) rotate(90deg);
}

/*
 * Spin
 */

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spin Reverse
 */

.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Spring
 */

.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear;
}

.hamburger--spring .hamburger-inner::before {
  top: 10px;
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring .hamburger-inner::after {
  top: 20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important;
}

.hamburger--spring.is-active .hamburger-inner::before {
  top: 0;
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--spring.is-active .hamburger-inner::after {
  top: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: translate3d(0, 10px, 0) rotate(-45deg);
}

/*
 * Spring Reverse
 */

.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r .hamburger-inner::after {
  top: -20px;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
}

.hamburger--spring-r .hamburger-inner::before {
  transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spring-r.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
}

.hamburger--spring-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(90deg);
  transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand
 */

.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Stand Reverse
 */

.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.hamburger--stand-r .hamburger-inner::before {
  transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r .hamburger-inner::after {
  transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.hamburger--stand-r.is-active .hamburger-inner::before {
  top: 0;
  transform: rotate(-45deg);
  transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--stand-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(45deg);
  transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Squeeze
 */

.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
 * Vortex
 */

.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex .hamburger-inner::before,
.hamburger--vortex .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex.is-active .hamburger-inner::before,
.hamburger--vortex.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
}

/*
 * Vortex Reverse
 */

.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r .hamburger-inner::before,
.hamburger--vortex-r .hamburger-inner::after {
  transition-duration: 0s;
  transition-delay: 0.1s;
  transition-timing-function: linear;
}

.hamburger--vortex-r .hamburger-inner::before {
  transition-property: top, opacity;
}

.hamburger--vortex-r .hamburger-inner::after {
  transition-property: bottom, transform;
}

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger--vortex-r.is-active .hamburger-inner::before,
.hamburger--vortex-r.is-active .hamburger-inner::after {
  transition-delay: 0s;
}

.hamburger--vortex-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
}

.hamburger--vortex-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
}
.polygon {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid #f3b648;
  transform: rotate(45deg);
  flex-shrink: 0;
}

@media (min-width: 768px) {
  .polygon {
    position: absolute;
    bottom: 0;
  }
}
.swiper-slide {
  width: auto !important;
}
.slashed {
  display: flex;
}

.slashed:after {
  content: " //";
  display: block;
  font-size: 0.9em;
  margin-left: 0.4em;
}
.tab-bar {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  border: 3px solid #f3b648;
  text-align: center;
  height: 44px;
  width: 100%;
}

@media (min-width: 768px) {
  .tab-bar {
    width: auto;
  }
}
.categories__item .categories__item-text {
  transition: all 0.15s;
}

.categories__item:hover .categories__item-text {
  color: #D4981C;
}
.button_size_default {
  font-size: 16px;
  width: 260px;
  height: 60px;
}
.button_type_solid {
  background-color: #f3b648;
  color: #363535;
  border: 3px solid #f3b648;
}

.button_type_solid > span {
  z-index: 2;
}

.button_type_solid:after {
  content: "";
  display: block;
  width: 110%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 220%;
  left: -5%;
  background-color: #363535;
  transition: all 0.15s ease-in-out;
  z-index: 1;
  transform: rotate(45deg);
}

.button_type_solid:hover {
  color: #fff;
}

.button_type_solid:hover:after {
  top: -140%;
}
.button_type_stroke {
  color: #FEFEFE;
  border: 3px solid #f3b648;
}

.button_type_stroke > span {
  z-index: 2;
}

.button_type_stroke:after {
  content: "";
  display: block;
  width: 110%;
  aspect-ratio: 1/1;
  position: absolute;
  top: 220%;
  left: -5%;
  background-color: #f3b648;
  transition: all 0.15s ease-in-out;
  z-index: 1;
  transform: rotate(45deg);
}

.button_type_stroke:hover {
  color: #363535;
}

.button_type_stroke:hover:after {
  top: -140%;
}
.header__nav-link:after {
  content: "";
  display: block;
  width: 0%;
  height: 2px;
  background-color: #f3b648;
  position: absolute;
  bottom: -4px;
  transition: all 0.25s;
}

.header__nav-link:hover:after {
  width: 100%;
}
.products-subcategory-selector__item {
  transition: all 0.15s ease-in-out;
  cursor: pointer;
}

.products-subcategory-selector__item:hover {
  color: #f3b648;
}
@media (min-width: 768px) {
  .products-subcategory-selector__wrapper {
    display: flex;
    flex-direction: row;
    gap: 40px;
  }
}
.tab-bar__item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
}

.tab-bar__item:not(.tab-bar__item_active):hover {
  background-color: #3f3e3e;
}

@media (min-width: 768px) {
  .tab-bar__item {
    width: 240px;
  }
}
.tab-bar__item_active {
  background: #f3b648;
  color: #363535;
}
.background_home_about {
  /*.webp & {

      @media (max-width: 379px) {
          background-image: url($path + '_xs@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xs@2x.webp');
          }
      }


      @media ($brpt_sm) {
          background-image: url($path + '_sm@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_sm@2x.webp');
          }
      }

      @media ($brpt_md) {
          background-image: url($path + '_md@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_md@2x.webp');
          }
      }

      @media ($brpt_xl) {
          background-image: url($path + '_xl@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xl@2x.webp');
          }
      }

  }*/
  background-size: cover;
  background-position: center;
  aspect-ratio: 570/436;
}

@media (min-width: 0) {
  .background_home_about {
    background-image: url("/img/pages/home/about/background_xs@1x.webp");
  }
}

@media (min-width: 0) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_about {
    background-image: url("/img/pages/home/about/background_xs@2x.webp");
  }
}

@media (min-width: 1200px) {
  .background_home_about {
    background-image: url("/img/pages/home/about/background_xl@1x.webp");
  }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_about {
    background-image: url("/img/pages/home/about/background_xl@2x.webp");
  }
}
.background_home_features {
  /*.webp & {

      @media (max-width: 379px) {
          background-image: url($path + '_xs@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xs@2x.webp');
          }
      }


      @media ($brpt_sm) {
          background-image: url($path + '_sm@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_sm@2x.webp');
          }
      }

      @media ($brpt_md) {
          background-image: url($path + '_md@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_md@2x.webp');
          }
      }

      @media ($brpt_xl) {
          background-image: url($path + '_xl@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xl@2x.webp');
          }
      }

  }*/
  background-size: cover;
  background-position: center;
}

@media (min-width: 0) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@1x.webp");
  }
}

@media (min-width: 0) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xs@2x.webp");
  }
}

@media (min-width: 768px) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@1x.webp");
  }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_md@2x.webp");
  }
}

@media (min-width: 992px) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@1x.webp");
  }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_lg@2x.webp");
  }
}

@media (min-width: 1200px) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@1x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@1x.webp");
  }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@2x.webp");
  }

  .background_home_features {
    background-image: url("/img/pages/home/features/background_xl@2x.webp");
  }
}
.background_home_title-screen {
  /*.webp & {

      @media (max-width: 379px) {
          background-image: url($path + '_xs@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xs@2x.webp');
          }
      }


      @media ($brpt_sm) {
          background-image: url($path + '_sm@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_sm@2x.webp');
          }
      }

      @media ($brpt_md) {
          background-image: url($path + '_md@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_md@2x.webp');
          }
      }

      @media ($brpt_xl) {
          background-image: url($path + '_xl@1x.webp');

          @media (-webkit-min-device-pixel-ratio: 2) {
              background-image: url($path + '_xl@2x.webp');
          }
      }

  }*/
  background-size: cover;
  background-position: center;
}

@media (min-width: 0) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@1x.webp");
  }
}

@media (min-width: 0) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xs@2x.webp");
  }
}

@media (min-width: 768px) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@1x.webp");
  }
}

@media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_md@2x.webp");
  }
}

@media (min-width: 992px) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@1x.webp");
  }
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_lg@2x.webp");
  }
}

@media (min-width: 1200px) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@1x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@1x.webp");
  }
}

@media (min-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@2x.webp");
  }

  .background_home_title-screen {
    background-image: url("/img/pages/home/title-screen/background_xl@2x.webp");
  }
}
.header__nav-link_active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #f3b648;
  position: absolute;
  bottom: -4px;
  transition: all 0.25s;
}
.products-subcategory-selector__item_active {
  color: #ffcb6d;
}
.swiper_type_collection:before,
.swiper_type_collection:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 100%;
  z-index: 2;
  top: 0;
}

.swiper_type_collection:before,
.swiper_type_collection:after {
  transition: all 0.35s;
}

.swiper_type_collection.prev-enabled:before {
  left: 0;
  width: 80px;
  background: linear-gradient(-90deg, rgba(54, 53, 53, 0) 0%, rgba(54, 53, 53, 0.85) 75%);
}

.swiper_type_collection.next-enabled:after {
  right: 0;
  width: 80px;
  background: linear-gradient(90deg, rgba(54, 53, 53, 0) 0%, rgba(54, 53, 53, 0.85) 75%);
}
.swiper_type_collection__button {
  width: 28px;
  aspect-ratio: 1/1;
  z-index: 3;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.swiper_type_collection__button:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #f3b648;
  transform: rotate(45deg);
  background-color: #363535;
}

.swiper_type_collection__button:hover:before {
  background-color: #f3b648;
}

.swiper_type_collection__button:hover:after {
  color: #363535;
}

.swiper_type_collection__button:after {
  font-family: "icomoon";
  font-size: 20px;
  z-index: 1;
}

.swiper_type_collection__button.swiper-button-disabled {
  opacity: 0;
}

.swiper_type_collection__button_prev:after,
.swiper_type_collection__button_next:after {
  opacity: 0.9;
}

.swiper_type_collection__button_prev {
  left: 16px;
}

.swiper_type_collection__button_prev:after {
  content: "\e900";
}

.swiper_type_collection__button_next {
  right: 16px;
}

.swiper_type_collection__button_next:after {
  content: "\e901";
}