@font-face {
   font-family: swiper-icons;
   src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
   font-weight: 400;
   font-style: normal
}

:root {
   --swiper-theme-color: #007aff
}

.swiper {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   list-style: none;
   padding: 0;
   z-index: 1
}

.swiper-vertical>.swiper-wrapper {
   flex-direction: column
}

.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
}

.swiper-pointer-events {
   touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
   touch-action: pan-x
}

.swiper-slide {
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
   visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
   height: auto
}

.swiper-autoheight .swiper-wrapper {
   align-items: flex-start;
   transition-property: height, -webkit-transform;
   transition-property: transform, height;
   transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
   -webkit-perspective: 1200px;
   perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
}

.swiper-3d .swiper-slide-shadow {
   background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
   background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
   background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
   background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
   background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
   overflow: auto;
   scrollbar-width: none;
   -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
   display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
   -webkit-scroll-snap-type: x mandatory;
   -ms-scroll-snap-type: x mandatory;
   scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
   -webkit-scroll-snap-type: y mandatory;
   -ms-scroll-snap-type: y mandatory;
   scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
   content: "";
   flex-shrink: 0;
   order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
   -webkit-margin-start: var(--swiper-centered-offset-before);
   margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
   height: 100%;
   width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
   -webkit-margin-before: var(--swiper-centered-offset-before);
   margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
   width: 100%;
   height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
   scroll-snap-align: center center
}

:root {
   --grid-gap: 28px
}

.grid {
   display: -ms-grid;
   display: grid;
   grid-gap: var(--grid-gap)
}

.grid-cols-1 {
   -ms-grid-columns: (1fr)[1];
   grid-template-columns: repeat(1, 1fr)
}

.grid-cols-2 {
   -ms-grid-columns: (1fr)[2];
   grid-template-columns: repeat(2, 1fr)
}

.grid-cols-3 {
   -ms-grid-columns: (1fr)[3];
   grid-template-columns: repeat(3, 1fr)
}

.grid-cols-4 {
   -ms-grid-columns: (1fr)[4];
   grid-template-columns: repeat(4, 1fr)
}

.grid-cols-5 {
   -ms-grid-columns: (1fr)[5];
   grid-template-columns: repeat(5, 1fr)
}

.grid-cols-6 {
   -ms-grid-columns: (1fr)[6];
   grid-template-columns: repeat(6, 1fr)
}

.grid-cols-7 {
   -ms-grid-columns: (1fr)[7];
   grid-template-columns: repeat(7, 1fr)
}

.grid-cols-8 {
   -ms-grid-columns: (1fr)[8];
   grid-template-columns: repeat(8, 1fr)
}

.grid-cols-9 {
   -ms-grid-columns: (1fr)[9];
   grid-template-columns: repeat(9, 1fr)
}

.grid-cols-10 {
   -ms-grid-columns: (1fr)[10];
   grid-template-columns: repeat(10, 1fr)
}

.grid-cols-11 {
   -ms-grid-columns: (1fr)[11];
   grid-template-columns: repeat(11, 1fr)
}

.grid-cols-12 {
   -ms-grid-columns: (1fr)[12];
   grid-template-columns: repeat(12, 1fr)
}

@media (min-width:320px) {
   .xxs\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .xxs\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .xxs\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .xxs\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .xxs\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .xxs\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .xxs\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .xxs\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .xxs\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .xxs\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .xxs\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .xxs\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:450px) {
   .xs\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .xs\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .xs\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .xs\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .xs\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .xs\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .xs\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .xs\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .xs\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .xs\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .xs\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .xs\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:768px) {
   .sm\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .sm\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .sm\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .sm\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .sm\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .sm\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .sm\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .sm\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .sm\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .sm\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .sm\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .sm\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:1024px) {
   .md\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .md\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .md\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .md\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .md\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .md\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .md\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .md\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .md\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .md\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .md\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .md\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:1170px) {
   .lg\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .lg\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .lg\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .lg\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .lg\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .lg\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .lg\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .lg\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .lg\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .lg\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .lg\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .lg\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:1280px) {
   .xl\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .xl\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .xl\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .xl\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .xl\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .xl\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .xl\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .xl\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .xl\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .xl\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .xl\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .xl\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

@media (min-width:1440px) {
   .xxl\:grid-cols-1 {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr)
   }

   .xxl\:grid-cols-2 {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr)
   }

   .xxl\:grid-cols-3 {
      -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr)
   }

   .xxl\:grid-cols-4 {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr)
   }

   .xxl\:grid-cols-5 {
      -ms-grid-columns: (1fr)[5];
      grid-template-columns: repeat(5, 1fr)
   }

   .xxl\:grid-cols-6 {
      -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr)
   }

   .xxl\:grid-cols-7 {
      -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr)
   }

   .xxl\:grid-cols-8 {
      -ms-grid-columns: (1fr)[8];
      grid-template-columns: repeat(8, 1fr)
   }

   .xxl\:grid-cols-9 {
      -ms-grid-columns: (1fr)[9];
      grid-template-columns: repeat(9, 1fr)
   }

   .xxl\:grid-cols-10 {
      -ms-grid-columns: (1fr)[10];
      grid-template-columns: repeat(10, 1fr)
   }

   .xxl\:grid-cols-11 {
      -ms-grid-columns: (1fr)[11];
      grid-template-columns: repeat(11, 1fr)
   }

   .xxl\:grid-cols-12 {
      -ms-grid-columns: (1fr)[12];
      grid-template-columns: repeat(12, 1fr)
   }
}

.col-span-1 {
   -ms-grid-column: span 1;
   grid-column: span 1
}

.col-span-2 {
   -ms-grid-column: span 2;
   grid-column: span 2
}

.col-span-3 {
   -ms-grid-column: span 3;
   grid-column: span 3
}

.col-span-4 {
   -ms-grid-column: span 4;
   grid-column: span 4
}

.col-span-5 {
   -ms-grid-column: span 5;
   grid-column: span 5
}

.col-span-6 {
   -ms-grid-column: span 6;
   grid-column: span 6
}

.col-span-7 {
   -ms-grid-column: span 7;
   grid-column: span 7
}

.col-span-8 {
   -ms-grid-column: span 8;
   grid-column: span 8
}

.col-span-9 {
   -ms-grid-column: span 9;
   grid-column: span 9
}

.col-span-10 {
   -ms-grid-column: span 10;
   grid-column: span 10
}

.col-span-11 {
   -ms-grid-column: span 11;
   grid-column: span 11
}

.col-span-12 {
   -ms-grid-column: span 12;
   grid-column: span 12
}

@media (min-width:320px) {
   .xxs\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .xxs\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .xxs\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .xxs\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .xxs\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .xxs\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .xxs\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .xxs\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .xxs\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .xxs\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .xxs\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .xxs\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:450px) {
   .xs\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .xs\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .xs\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .xs\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .xs\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .xs\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .xs\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .xs\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .xs\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .xs\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .xs\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .xs\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:768px) {
   .sm\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .sm\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .sm\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .sm\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .sm\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .sm\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .sm\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .sm\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .sm\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .sm\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .sm\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .sm\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:1024px) {
   .md\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .md\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .md\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .md\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .md\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .md\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .md\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .md\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .md\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .md\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .md\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .md\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:1170px) {
   .lg\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .lg\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .lg\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .lg\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .lg\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .lg\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .lg\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .lg\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .lg\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .lg\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .lg\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .lg\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:1280px) {
   .xl\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .xl\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .xl\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .xl\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .xl\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .xl\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .xl\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .xl\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .xl\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .xl\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .xl\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .xl\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

@media (min-width:1440px) {
   .xxl\:col-span-1 {
      -ms-grid-column: span 1;
      grid-column: span 1
   }

   .xxl\:col-span-2 {
      -ms-grid-column: span 2;
      grid-column: span 2
   }

   .xxl\:col-span-3 {
      -ms-grid-column: span 3;
      grid-column: span 3
   }

   .xxl\:col-span-4 {
      -ms-grid-column: span 4;
      grid-column: span 4
   }

   .xxl\:col-span-5 {
      -ms-grid-column: span 5;
      grid-column: span 5
   }

   .xxl\:col-span-6 {
      -ms-grid-column: span 6;
      grid-column: span 6
   }

   .xxl\:col-span-7 {
      -ms-grid-column: span 7;
      grid-column: span 7
   }

   .xxl\:col-span-8 {
      -ms-grid-column: span 8;
      grid-column: span 8
   }

   .xxl\:col-span-9 {
      -ms-grid-column: span 9;
      grid-column: span 9
   }

   .xxl\:col-span-10 {
      -ms-grid-column: span 10;
      grid-column: span 10
   }

   .xxl\:col-span-11 {
      -ms-grid-column: span 11;
      grid-column: span 11
   }

   .xxl\:col-span-12 {
      -ms-grid-column: span 12;
      grid-column: span 12
   }
}

.justify-center {
   justify-content: center
}

.justify-start {
   justify-content: start
}

.justify-end {
   justify-content: end
}

.justify-flex-end {
   justify-content: flex-end
}

.justify-flex-start {
   justify-content: flex-start
}

.justify-space-around {
   justify-content: space-around
}

.justify-space-between {
   justify-content: space-between
}

@media (min-width:320px) {
   .xxs\:justify-center {
      justify-content: center
   }

   .xxs\:justify-start {
      justify-content: start
   }

   .xxs\:justify-end {
      justify-content: end
   }

   .xxs\:justify-flex-end {
      justify-content: flex-end
   }

   .xxs\:justify-flex-start {
      justify-content: flex-start
   }

   .xxs\:justify-space-around {
      justify-content: space-around
   }

   .xxs\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:450px) {
   .xs\:justify-center {
      justify-content: center
   }

   .xs\:justify-start {
      justify-content: start
   }

   .xs\:justify-end {
      justify-content: end
   }

   .xs\:justify-flex-end {
      justify-content: flex-end
   }

   .xs\:justify-flex-start {
      justify-content: flex-start
   }

   .xs\:justify-space-around {
      justify-content: space-around
   }

   .xs\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:768px) {
   .sm\:justify-center {
      justify-content: center
   }

   .sm\:justify-start {
      justify-content: start
   }

   .sm\:justify-end {
      justify-content: end
   }

   .sm\:justify-flex-end {
      justify-content: flex-end
   }

   .sm\:justify-flex-start {
      justify-content: flex-start
   }

   .sm\:justify-space-around {
      justify-content: space-around
   }

   .sm\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:1024px) {
   .md\:justify-center {
      justify-content: center
   }

   .md\:justify-start {
      justify-content: start
   }

   .md\:justify-end {
      justify-content: end
   }

   .md\:justify-flex-end {
      justify-content: flex-end
   }

   .md\:justify-flex-start {
      justify-content: flex-start
   }

   .md\:justify-space-around {
      justify-content: space-around
   }

   .md\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:1170px) {
   .lg\:justify-center {
      justify-content: center
   }

   .lg\:justify-start {
      justify-content: start
   }

   .lg\:justify-end {
      justify-content: end
   }

   .lg\:justify-flex-end {
      justify-content: flex-end
   }

   .lg\:justify-flex-start {
      justify-content: flex-start
   }

   .lg\:justify-space-around {
      justify-content: space-around
   }

   .lg\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:1280px) {
   .xl\:justify-center {
      justify-content: center
   }

   .xl\:justify-start {
      justify-content: start
   }

   .xl\:justify-end {
      justify-content: end
   }

   .xl\:justify-flex-end {
      justify-content: flex-end
   }

   .xl\:justify-flex-start {
      justify-content: flex-start
   }

   .xl\:justify-space-around {
      justify-content: space-around
   }

   .xl\:justify-space-between {
      justify-content: space-between
   }
}

@media (min-width:1440px) {
   .xxl\:justify-center {
      justify-content: center
   }

   .xxl\:justify-start {
      justify-content: start
   }

   .xxl\:justify-end {
      justify-content: end
   }

   .xxl\:justify-flex-end {
      justify-content: flex-end
   }

   .xxl\:justify-flex-start {
      justify-content: flex-start
   }

   .xxl\:justify-space-around {
      justify-content: space-around
   }

   .xxl\:justify-space-between {
      justify-content: space-between
   }
}

.items-center {
   align-items: center
}

.items-end {
   align-items: end
}

.items-start {
   align-items: start
}

.items-flex-start {
   align-items: flex-start
}

.items-baseline {
   align-items: baseline
}

@media (min-width:320px) {
   .xxs\:items-center {
      align-items: center
   }

   .xxs\:items-end {
      align-items: end
   }

   .xxs\:items-start {
      align-items: start
   }

   .xxs\:items-flex-start {
      align-items: flex-start
   }

   .xxs\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:450px) {
   .xs\:items-center {
      align-items: center
   }

   .xs\:items-end {
      align-items: end
   }

   .xs\:items-start {
      align-items: start
   }

   .xs\:items-flex-start {
      align-items: flex-start
   }

   .xs\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:768px) {
   .sm\:items-center {
      align-items: center
   }

   .sm\:items-end {
      align-items: end
   }

   .sm\:items-start {
      align-items: start
   }

   .sm\:items-flex-start {
      align-items: flex-start
   }

   .sm\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:1024px) {
   .md\:items-center {
      align-items: center
   }

   .md\:items-end {
      align-items: end
   }

   .md\:items-start {
      align-items: start
   }

   .md\:items-flex-start {
      align-items: flex-start
   }

   .md\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:1170px) {
   .lg\:items-center {
      align-items: center
   }

   .lg\:items-end {
      align-items: end
   }

   .lg\:items-start {
      align-items: start
   }

   .lg\:items-flex-start {
      align-items: flex-start
   }

   .lg\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:1280px) {
   .xl\:items-center {
      align-items: center
   }

   .xl\:items-end {
      align-items: end
   }

   .xl\:items-start {
      align-items: start
   }

   .xl\:items-flex-start {
      align-items: flex-start
   }

   .xl\:items-baseline {
      align-items: baseline
   }
}

@media (min-width:1440px) {
   .xxl\:items-center {
      align-items: center
   }

   .xxl\:items-end {
      align-items: end
   }

   .xxl\:items-start {
      align-items: start
   }

   .xxl\:items-flex-start {
      align-items: flex-start
   }

   .xxl\:items-baseline {
      align-items: baseline
   }
}

.relative {
   position: relative
}

.absolute {
   position: absolute
}

.fixed {
   position: fixed
}

.sticky {
   position: -webkit-sticky;
   position: sticky
}

@media (min-width:320px) {
   .xxs\:absolute {
      position: absolute
   }

   .xxs\:relative {
      position: relative
   }

   .xxs\:fixed {
      position: fixed
   }

   .xxs\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:450px) {
   .xs\:absolute {
      position: absolute
   }

   .xs\:relative {
      position: relative
   }

   .xs\:fixed {
      position: fixed
   }

   .xs\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:768px) {
   .sm\:absolute {
      position: absolute
   }

   .sm\:relative {
      position: relative
   }

   .sm\:fixed {
      position: fixed
   }

   .sm\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:1024px) {
   .md\:absolute {
      position: absolute
   }

   .md\:relative {
      position: relative
   }

   .md\:fixed {
      position: fixed
   }

   .md\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:1170px) {
   .lg\:absolute {
      position: absolute
   }

   .lg\:relative {
      position: relative
   }

   .lg\:fixed {
      position: fixed
   }

   .lg\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:1280px) {
   .xl\:absolute {
      position: absolute
   }

   .xl\:relative {
      position: relative
   }

   .xl\:fixed {
      position: fixed
   }

   .xl\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

@media (min-width:1440px) {
   .xxl\:absolute {
      position: absolute
   }

   .xxl\:relative {
      position: relative
   }

   .xxl\:fixed {
      position: fixed
   }

   .xxl\:sticky {
      position: -webkit-sticky;
      position: sticky
   }
}

.block {
   display: block
}

.flex {
   display: flex
}

.inline {
   display: inline
}

.inline-block {
   display: inline-block
}

.inline-flex {
   display: inline-flex
}

.none {
   display: none
}

@media (min-width:320px) {
   .xxs\:block {
      display: block
   }

   .xxs\:flex {
      display: flex
   }

   .xxs\:inline {
      display: inline
   }

   .xxs\:inline-block {
      display: inline-block
   }

   .xxs\:inline-flex {
      display: inline-flex
   }

   .xxs\:none {
      display: none
   }
}

@media (min-width:450px) {
   .xs\:block {
      display: block
   }

   .xs\:flex {
      display: flex
   }

   .xs\:inline {
      display: inline
   }

   .xs\:inline-block {
      display: inline-block
   }

   .xs\:inline-flex {
      display: inline-flex
   }

   .xs\:none {
      display: none
   }
}

@media (min-width:768px) {
   .sm\:block {
      display: block
   }

   .sm\:flex {
      display: flex
   }

   .sm\:inline {
      display: inline
   }

   .sm\:inline-block {
      display: inline-block
   }

   .sm\:inline-flex {
      display: inline-flex
   }

   .sm\:none {
      display: none
   }
}

@media (min-width:1024px) {
   .md\:block {
      display: block
   }

   .md\:flex {
      display: flex
   }

   .md\:inline {
      display: inline
   }

   .md\:inline-block {
      display: inline-block
   }

   .md\:inline-flex {
      display: inline-flex
   }

   .md\:none {
      display: none
   }
}

@media (min-width:1170px) {
   .lg\:block {
      display: block
   }

   .lg\:flex {
      display: flex
   }

   .lg\:inline {
      display: inline
   }

   .lg\:inline-block {
      display: inline-block
   }

   .lg\:inline-flex {
      display: inline-flex
   }

   .lg\:none {
      display: none
   }
}

@media (min-width:1280px) {
   .xl\:block {
      display: block
   }

   .xl\:flex {
      display: flex
   }

   .xl\:inline {
      display: inline
   }

   .xl\:inline-block {
      display: inline-block
   }

   .xl\:inline-flex {
      display: inline-flex
   }

   .xl\:none {
      display: none
   }
}

@media (min-width:1440px) {
   .xxl\:block {
      display: block
   }

   .xxl\:flex {
      display: flex
   }

   .xxl\:inline {
      display: inline
   }

   .xxl\:inline-block {
      display: inline-block
   }

   .xxl\:inline-flex {
      display: inline-flex
   }

   .xxl\:none {
      display: none
   }
}

.w-0 {
   width: 0
}

.w-25 {
   width: 25%
}

.w-50 {
   width: 50%
}

.w-75 {
   width: 75%
}

.w-100 {
   width: 100%
}

@media (min-width:320px) {
   .xxs\:w-100 {
      width: 100
   }

   .xxs\:w-25 {
      width: 25
   }
}

@media (min-width:450px) {
   .xs\:w-100 {
      width: 100
   }

   .xs\:w-25 {
      width: 25
   }
}

@media (min-width:768px) {
   .sm\:w-100 {
      width: 100
   }

   .sm\:w-25 {
      width: 25
   }
}

@media (min-width:1024px) {
   .md\:w-100 {
      width: 100
   }

   .md\:w-25 {
      width: 25
   }
}

@media (min-width:1170px) {
   .lg\:w-100 {
      width: 100
   }

   .lg\:w-25 {
      width: 25
   }
}

@media (min-width:1280px) {
   .xl\:w-100 {
      width: 100
   }

   .xl\:w-25 {
      width: 25
   }
}

@media (min-width:1440px) {
   .xxl\:w-100 {
      width: 100
   }

   .xxl\:w-25 {
      width: 25
   }
}

.flex-1 {
   flex: 1
}

.flex-col {
   flex-direction: column
}

.flex-row {
   flex-direction: row
}

@media (min-width:320px) {
   .xxs\:flex-row {
      flex-direction: row
   }
}

@media (min-width:450px) {
   .xs\:flex-row {
      flex-direction: row
   }
}

@media (min-width:768px) {
   .sm\:flex-row {
      flex-direction: row
   }
}

@media (min-width:1024px) {
   .md\:flex-row {
      flex-direction: row
   }
}

@media (min-width:1170px) {
   .lg\:flex-row {
      flex-direction: row
   }
}

@media (min-width:1280px) {
   .xl\:flex-row {
      flex-direction: row
   }
}

@media (min-width:1440px) {
   .xxl\:flex-row {
      flex-direction: row
   }
}

@media (min-width:320px) {
   .xxs\:flex-col {
      flex-direction: column
   }
}

@media (min-width:450px) {
   .xs\:flex-col {
      flex-direction: column
   }
}

@media (min-width:768px) {
   .sm\:flex-col {
      flex-direction: column
   }
}

@media (min-width:1024px) {
   .md\:flex-col {
      flex-direction: column
   }
}

@media (min-width:1170px) {
   .lg\:flex-col {
      flex-direction: column
   }
}

@media (min-width:1280px) {
   .xl\:flex-col {
      flex-direction: column
   }
}

@media (min-width:1440px) {
   .xxl\:flex-col {
      flex-direction: column
   }
}

.text-left {
   text-align: left
}

.text-right {
   text-align: right
}

.text-justify {
   text-align: justify
}

@media (min-width:320px) {
   .xxs\:text-center {
      text-align: center
   }

   .xxs\:text-left {
      text-align: left
   }

   .xxs\:text-right {
      text-align: right
   }

   .xxs\:text-justify {
      text-align: justify
   }
}

@media (min-width:450px) {
   .xs\:text-center {
      text-align: center
   }

   .xs\:text-left {
      text-align: left
   }

   .xs\:text-right {
      text-align: right
   }

   .xs\:text-justify {
      text-align: justify
   }
}

@media (min-width:768px) {
   .sm\:text-center {
      text-align: center
   }

   .sm\:text-left {
      text-align: left
   }

   .sm\:text-right {
      text-align: right
   }

   .sm\:text-justify {
      text-align: justify
   }
}

@media (min-width:1024px) {
   .md\:text-center {
      text-align: center
   }

   .md\:text-left {
      text-align: left
   }

   .md\:text-right {
      text-align: right
   }

   .md\:text-justify {
      text-align: justify
   }
}

@media (min-width:1170px) {
   .lg\:text-center {
      text-align: center
   }

   .lg\:text-left {
      text-align: left
   }

   .lg\:text-right {
      text-align: right
   }

   .lg\:text-justify {
      text-align: justify
   }
}

@media (min-width:1280px) {
   .xl\:text-center {
      text-align: center
   }

   .xl\:text-left {
      text-align: left
   }

   .xl\:text-right {
      text-align: right
   }

   .xl\:text-justify {
      text-align: justify
   }
}

@media (min-width:1440px) {
   .xxl\:text-center {
      text-align: center
   }

   .xxl\:text-left {
      text-align: left
   }

   .xxl\:text-right {
      text-align: right
   }

   .xxl\:text-justify {
      text-align: justify
   }
}

.center {
   padding: 0 30px !important
}

@media screen and (min-width:1024px) {
   .center {
      padding: 0
   }
}

:root {
   --primary: #1f140f;
   --secondary: #fff;
   --gray-100: #e3e3e3;
   --gray-200: #1f140f00033;
   --gray-300: #3333334D;
   --gray-400: #adadad;
   --gray-500: gray;
   --gray-800: #585858
}

.u-pull-left {
   float: left
}

.u-pull-right {
   float: right
}

.u-text-left {
   text-align: left
}

.u-text-right {
   text-align: right
}

.u-text-center {
   text-align: center
}

.u-text-justify {
   text-align: justify
}

.u-uppercase {
   text-transform: uppercase
}

.u-lowercase {
   text-transform: lowercase
}

.u-clearfix:after {
   clear: both;
   content: "";
   display: table
}

.u-inline {
   display: inline
}

.u-inline-block {
   display: inline-block
}

.u-block {
   display: block
}

.u-table {
   display: table
}

.u-cell {
   display: table-cell
}

.u-va-top {
   vertical-align: top
}

.u-va-middle {
   vertical-align: middle
}

.u-va-bottom {
   vertical-align: bottom
}

.u-hidden {
   display: none
}

.u-invisible {
   visibility: hidden
}

.u-hide-text {
   padding: 0;
   overflow: hidden;
   text-indent: 101%;
   white-space: nowrap
}

.u-visually-hidden {
   position: absolute;
   width: 1px;
   height: 1px;
   margin: -1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0 0 0 0);
   border: 0
}

.u-visually-hidden--focusable:active,
.u-visually-hidden--focusable:focus {
   position: static;
   width: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   clip: auto
}

.u-text-hyphenate {
   -ms-word-break: break-all;
   word-break: break-all;
   word-break: break-word;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto
}

.u-button-reset {
   display: block;
   width: 100%;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent
}

.u-button-reset:focus {
   outline: 0
}

.u-nobr {
   white-space: nowrap
}

.underline {
   text-decoration: underline
}

.img-cover {
   position: absolute;
   height: 100%;
   width: 100%;
   object-fit: cover
}

@-webkit-keyframes scroll {
   0% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
   }

   49% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
   }

   50% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
   }

   to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
   }
}

@keyframes scroll {
   0% {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
   }

   49% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
   }

   50% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
   }

   to {
      -webkit-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
   }
}

@-webkit-keyframes hero-timer {
   0% {
      -webkit-transform: scaleX(0);
      transform: scaleX(0)
   }

   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
   }
}

@keyframes hero-timer {
   0% {
      -webkit-transform: scaleX(0);
      transform: scaleX(0)
   }

   to {
      -webkit-transform: scaleX(1);
      transform: scaleX(1)
   }
}

@-webkit-keyframes button-arrow-right {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   50% {
      opacity: 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   10% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes button-arrow-right {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   50% {
      opacity: 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   10% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes button-arrow-left {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   50% {
      opacity: 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   10% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes button-arrow-left {
   0% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   50% {
      opacity: 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   10% {
      opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes button-before-right {
   0% {
      opacity: 1;
      background-position: 0 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      background-position: 0 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   50% {
      opacity: 0;
      background-position: -14px 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   10% {
      opacity: 1;
      background-position: -14px 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes button-before-right {
   0% {
      opacity: 1;
      background-position: 0 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      background-position: 0 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   50% {
      opacity: 0;
      background-position: -14px 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   10% {
      opacity: 1;
      background-position: -14px 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes button-before-left {
   0% {
      opacity: 1;
      background-position: 0 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      background-position: 0 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   50% {
      opacity: 0;
      background-position: -14px 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   10% {
      opacity: 1;
      background-position: -14px 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@keyframes button-before-left {
   0% {
      opacity: 1;
      background-position: 0 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }

   49% {
      opacity: 0;
      background-position: 0 0;
      -webkit-transform: translateX(-25px);
      transform: translateX(-25px)
   }

   50% {
      opacity: 0;
      background-position: -14px 0;
      -webkit-transform: translateX(25px);
      transform: translateX(25px)
   }

   10% {
      opacity: 1;
      background-position: -14px 0;
      -webkit-transform: translateX(0);
      transform: translateX(0)
   }
}

@-webkit-keyframes fade-in {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes fade-in {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@-webkit-keyframes fade-out {
   0% {
      opacity: 1
   }

   to {
      opacity: 0
   }
}

@keyframes fade-out {
   0% {
      opacity: 1
   }

   to {
      opacity: 0
   }
}

@-webkit-keyframes fade-up {
   0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px)
   }

   to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

@keyframes fade-up {
   0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      transform: translateY(20px)
   }

   to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
   }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font: inherit;
   font-size: 100%;
   vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
   display: block
}

body {
   line-height: 1
}

ol,
ul {
   list-style: none
}

blockquote,
q {
   quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
   content: "";
   content: none
}

table {
   border-spacing: 0;
   border-collapse: collapse
}

html {
   box-sizing: border-box;
   overflow-x: hidden;
   height: 100%;
   background: #1f140f;
   scroll-behavior: smooth
}

main {
   opacity: 0;
   visibility: hidden;
   overflow-x: clip
}

.video-popup {
   display: flex !important
}

*,
:after,
:before {
   box-sizing: inherit
}

body {
   height: auto;
   width: 100%
}

.site-wrapper {
   overflow: hidden
}

.center {
   height: auto;
   width: 100%;
   margin-right: auto;
   margin-left: auto;
   max-width: 1110px
}

@media (min-width:90em) {
   .center {
      padding-right: 30px;
      padding-left: 30px;
      max-width: 80%
   }
}

@media (max-width:89.99em) {
   .center {
      padding-right: 30px;
      padding-left: 30px;
      max-width: 1260px
   }
}

@media (min-width:62em) and (max-width:73.115em) {
   .center {
      max-width: 100%
   }
}

@media (max-width:61.99em) {
   .center {
      padding-right: 20px;
      padding-left: 20px
   }
}

.svg {
   display: inline-block
}

.svg svg {
   display: block
}

.js-in-view.appear-squeeze,
.js-in-view .appear-squeeze {
   opacity: 0;
   -webkit-transform: translate3d(0, 40px, 0) scaleY(.9);
   transform: translate3d(0, 40px, 0) scaleY(.9);
   -webkit-transform-origin: 50% 100%;
   transform-origin: 50% 100%;
   transition: opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1);
   transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1);
   transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1s cubic-bezier(.165, .84, .44, 1)
}

.js-in-view.appear-fade,
.js-in-view .appear-fade {
   opacity: 0;
   transition: opacity 1s cubic-bezier(.165, .84, .44, 1)
}

.js-in-view.appear-delay--0,
.js-in-view .appear-delay--0 {
   transition-delay: 0s
}

.js-in-view.appear-delay--1,
.js-in-view .appear-delay--1 {
   transition-delay: .1s
}

.js-in-view.appear-delay--2,
.js-in-view .appear-delay--2 {
   transition-delay: .2s
}

.js-in-view.appear-delay--3,
.js-in-view .appear-delay--3 {
   transition-delay: .3s
}

.js-in-view.appear-delay--4,
.js-in-view .appear-delay--4 {
   transition-delay: .4s
}

.js-in-view.appear-delay--5,
.js-in-view .appear-delay--5 {
   transition-delay: .5s
}

.js-in-view.appear-delay--6,
.js-in-view .appear-delay--6 {
   transition-delay: .6s
}

.js-in-view.appear-delay--7,
.js-in-view .appear-delay--7 {
   transition-delay: .7s
}

.js-in-view.appear-delay--8,
.js-in-view .appear-delay--8 {
   transition-delay: .8s
}

.js-in-view.appear-delay--9,
.js-in-view .appear-delay--9 {
   transition-delay: .9s
}

.js-in-view.appear-delay--10,
.js-in-view .appear-delay--10 {
   transition-delay: 1s
}

.js-in-view.in-view.appear-squeeze,
.js-in-view .in-view.appear-squeeze,
.js-in-view.in-view .appear-squeeze,
.js-in-view .in-view .appear-squeeze {
   opacity: 1;
   -webkit-transform: translateZ(0) scaleY(1);
   transform: translateZ(0) scaleY(1)
}

.js-in-view.in-view.appear-fade,
.js-in-view .in-view.appear-fade,
.js-in-view.in-view .appear-fade,
.js-in-view .in-view .appear-fade {
   opacity: 1
}

#primary {
   margin-top: 120px
}

@media (max-width:47.99em) {
   #primary {
      margin-top: 90px
   }
}

.video-popup {
   position: fixed;
   top: 0;
   left: 0;
   padding: 50px 30px;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-around;
   z-index: 1000000;
   opacity: 0;
   pointer-events: none;
   transition: opacity .3s cubic-bezier(.25, .46, .45, .94)
}

.video-popup .center {
   max-height: 100%
}

.video-popup__close {
   position: absolute;
   top: 30px;
   right: 30px;
   color: #fff !important;
   pointer-events: none
}

.video-popup__content {
   position: relative;
   height: 100%;
   width: 100%
}

.video-popup__content:before {
   padding-top: 56.25%;
   display: block;
   content: ""
}

.video-popup__backdrop,
.video-popup__content iframe {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%
}

.video-popup__backdrop {
   background-color: rgba(0, 0, 0, .9);
   cursor: pointer
}

.video-popup.is-visible {
   opacity: 1;
   pointer-events: auto
}

@media (max-width:47.99em) {
   .video-popup {
      display: none
   }
}

@font-face {
   font-family: sofia-pro, sans-serif;
   font-weight: 100;
   font-style: normal
}

@font-face {
   font-family: sofia-pro, sans-serif;
   font-weight: 300;
   font-style: normal
}

@font-face {
   font-family: sofia-pro, sans-serif;
   font-weight: 400;
   font-style: normal
}

@font-face {
   font-family: sofia-pro, sans-serif;
   font-weight: 500;
   font-style: normal
}

@font-face {
   font-family: sofia-pro, sans-serif;
   font-weight: 700;
   font-style: normal
}

span.grey {
   color: #585858
}

.wb-anim {
   visibility: hidden;
   opacity: 0
}

.wb-anim * div {
   will-change: opacity, transform
}

@media screen and (min-width:1024px) {
   .wb-anim div {
      transition: all .25s ease-out
   }
}

p {
   font-size: 1.2857142857rem;
   font-weight: 300;
   line-height: 26px
}

@media screen and (min-width:1024px) {
   p {
      font-size: 1.4285714286rem;
      font-weight: 300;
      line-height: 30px
   }
}

html {
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   font-size: 87.5%;
   -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%
}

body {
   font-family: sofia-pro, sans-serif;
   color: #1f140f;
   font-size: 1.4285714286rem;
   letter-spacing: 0;
   line-height: 1.75
}

.h1,
h1 {
   font-size: 3.2142857143rem;
   font-weight: 300;
   line-height: 1;
   text-align: center
}

@media screen and (min-width:1024px) {

   .h1,
   h1 {
      font-size: 3.2142857143rem;
      font-weight: 300;
      line-height: 1;
      text-align: left
   }
}

.h2,
[data-router-view=order] .section-order form h1,
h2 {
   font-size: 3.2142857143rem;
   font-weight: 300;
   line-height: 45px
}

@media screen and (min-width:1024px) {

   .h2,
   [data-router-view=order] .section-order form h1,
   h2 {
      font-size: 3.2142857143rem;
      font-weight: 300;
      line-height: 55px
   }
}

.h3,
[data-router-view=order] .section-order form h2,
h3 {
   font-size: 1.8571428571rem;
   font-weight: 300;
   line-height: 32px
}

@media screen and (min-width:1024px) {

   .h3,
   [data-router-view=order] .section-order form h2,
   h3 {
      font-size: 2.1428571429rem;
      font-weight: 300;
      line-height: 40px
   }
}

b,
strong {
   font-weight: 700
}

em,
i {
   font-style: italic
}

.text-center {
   text-align: center
}

.btn-perspective {
   -webkit-perspective: 200px;
   perspective: 200px;
   display: block
}

@media screen and (min-width:1024px) {
   .btn-perspective {
      display: inline-flex
   }
}

.btn,
.hs-button.primary {
   --btn-padding: 16px 24px;
   --btn-transition: 0.35s ease-out all;
   font-size: 1rem;
   text-transform: uppercase;
   font-weight: 500;
   letter-spacing: 1.5px;
   text-decoration: none;
   padding: var(--btn-padding);
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
   transition: var(--btn-transition);
   display: flex;
   text-align: center;
   cursor: pointer
}

@media screen and (min-width:1024px) {

   .btn,
   .hs-button.primary {
      display: inline-flex;
      --btn-padding: 15px 25px
   }
}

.btn .svg,
.hs-button.primary .svg {
   transition: var(--btn-transition)
}

.btn .reflection,
.hs-button.primary .reflection {
   display: none;
   height: 200px;
   width: 60px;
   left: 0;
   top: 0;
   position: absolute;
   pointer-events: none;
   background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 20%, hsla(0, 0%, 100%, .15) 21%, hsla(0, 0%, 100%, 0))
}

@media screen and (min-width:1024px) {

   .btn .reflection,
   .hs-button.primary .reflection {
      display: block
   }
}

.btn .gradient,
.hs-button.primary .gradient {
   display: none;
   height: 200px;
   width: 200px;
   min-width: 100%;
   left: 0;
   top: 0;
   position: absolute;
   pointer-events: none
}

@media screen and (min-width:1024px) {

   .btn .gradient,
   .hs-button.primary .gradient {
      display: block
   }
}

.btn:hover,
.hs-button.primary:hover {
   outline: 1px solid #1f140f;
   box-shadow: 0 0 60px hsla(0, 0%, 100%, .1)
}

.btn-primary.hs-button.primary,
.btn.btn-primary {
   color: var(--secondary);
   background: var(--primary)
}

.btn-primary.hs-button.primary .gradient,
.btn.btn-primary .gradient {
   background: radial-gradient(hsla(0, 0%, 100%, .35), hsla(0, 0%, 100%, 0) 75%)
}

.btn-primary.btn-outline.hs-button.primary,
.btn.btn-primary.btn-outline {
   border: 1px solid var(--secondary)
}

.btn-primary.hs-button.primary:hover,
.btn.btn-primary:hover {
   background: #1f140f
}

.btn-primary.hs-button.primary:hover .svg,
.btn.btn-primary:hover .svg {
   fill: #fff
}

.btn.btn-secondary,
.hs-button.primary {
   color: var(--primary);
   background: var(--secondary)
}

.btn.btn-secondary .gradient,
.hs-button.primary .gradient {
   background: radial-gradient(hsla(0, 0%, 100%, .35), hsla(0, 0%, 100%, 0) 75%)
}

.btn.btn-secondary:hover,
.hs-button.primary:hover {
   color: var(--secondary);
   background: var(--primary)
}

.btn.btn-secondary:hover .svg,
.hs-button.primary:hover .svg {
   fill: #fff
}

.btn-outline.hs-button.primary,
.btn.btn-secondary.btn-outline {
   border: 1px solid var(--primary)
}

.btn-black.hs-button.primary,
.btn.btn-black {
   color: #fff;
   background: #1f140f
}

.btn-black.hs-button.primary .svg,
.btn.btn-black .svg {
   fill: #fff
}

.btn-black.hs-button.primary:hover,
.btn.btn-black:hover {
   color: #1f140f;
   background: #fff
}

.btn-black.hs-button.primary:hover .svg,
.btn.btn-black:hover .svg {
   fill: #1f140f
}

.btn-black.btn-outline.hs-button.primary,
.btn.btn-black.btn-outline {
   border: 1px solid #fff
}

input,
select,
textarea {
   font-family: sofia-pro, sans-serif;
   --input-p: 10px 10px;
   --input-m: 0px 0px;
   --input-fs: 18px;
   --input-bg: transparent;
   --input-color: var(--secondary);
   background: var(--input-bg);
   padding: var(--input-p);
   margin: var(--input-m);
   border: 1px solid hsla(0, 0%, 100%, .5);
   color: var(--input-color);
   font-size: var(--input-fs);
   border-radius: 0;
   outline: none;
   display: block;
   width: 100%;
   min-height: 50px;
   border-radius: 0 !important
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus {
   border-bottom: 1px solid #fff;
   -webkit-filter: drop-shadow(2px 4px 8px #fff);
   filter: drop-shadow(2px 4px 8px white)
}

input[type=submit],
select[type=submit],
textarea[type=submit] {
   display: inline-block;
   width: auto;
   cursor: pointer;
   margin: 0 auto;
   text-transform: uppercase
}

@media screen and (min-width:1024px) {

   input[type=submit],
   select[type=submit],
   textarea[type=submit] {
      margin: inherit
   }
}

textarea {
   min-height: 200px
}

select option {
   background-color: var(--input-bg);
   color: var(--primary)
}

form label {
   line-height: 20px;
   padding-left: 20px;
   cursor: pointer
}

.form-control,
form label {
   font-size: 14px;
   font-weight: 300
}

.form-control {
   line-height: 1.1;
   display: flex;
   gap: 20px;
   align-items: flex-start;
   padding-left: 0;
   line-height: 20px;
   padding-right: 20px
}

.form-control span {
   opacity: .5;
   margin-bottom: 20px
}

@media screen and (min-width:1024px) {
   .form-control span {
      margin-bottom: 0
   }
}

.form-control a {
   color: var(--input-color)
}

input[type=checkbox] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: var(--input-bg);
   margin: 0;
   font: inherit;
   border-radius: 50em;
   -webkit-transform: translateY(-.075em);
   transform: translateY(-.075em);
   display: -ms-grid;
   display: grid;
   place-content: center;
   width: 20px;
   height: 20px;
   min-height: auto
}

input[type=checkbox]:before {
   content: "";
   width: .96em;
   height: .96em;
   border-radius: inherit;
   -webkit-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: center;
   transform-origin: center;
   transition: -webkit-transform .12s ease-in-out;
   transition: transform .12s ease-in-out;
   transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
   background-color: var(--input-color)
}

input[type=checkbox]:checked:before {
   -webkit-transform: scale(1);
   transform: scale(1)
}

.form.form-underline input:not([type=submit]),
.form.form-underline select,
.form.form-underline textarea,
form.form-underline input:not([type=submit]),
form.form-underline select,
form.form-underline textarea {
   --input-color: var(--secondary);
   border: 0;
   border-bottom: 1px solid hsla(0, 0%, 100%, .5)
}

.form.form-underline input[type=checkbox],
form.form-underline input[type=checkbox] {
   border: 1px solid hsla(0, 0%, 100%, .5)
}

.form.form-light input,
.form.form-light select,
.form.form-light textarea,
form.form-light input,
form.form-light select,
form.form-light textarea {
   --input-color: var(--secondary);
   border: 1px solid rgba(0, 0, 0, .5)
}

.form.form-light input[type=submit],
form.form-light input[type=submit] {
   --input-bg: var(--primary)
}

.form.form-light.form-underline input:not([type=submit]),
.form.form-light.form-underline select,
.form.form-light.form-underline textarea,
form.form-light.form-underline input:not([type=submit]),
form.form-light.form-underline select,
form.form-light.form-underline textarea {
   --input-color: var(--primary);
   border: 0;
   border-bottom: 1px solid rgba(0, 0, 0, .5)
}

.form.form-light.form-underline input[type=checkbox],
form.form-light.form-underline input[type=checkbox] {
   border: 1px solid rgba(0, 0, 0, .5)
}

.form.form-newsletter input[type=email],
form.form-newsletter input[type=email] {
   margin-bottom: 30px
}

.hs-form {
   --margin-input: 20px
}

.hs-form fieldset,
.hs-form input:not([type=checkbox]),
.hs-form textarea {
   max-width: 100% !important;
   width: 100% !important;
   margin-bottom: var(--margin-input)
}

.hs-form .no-list.hs-error-msgs.inputs-list {
   display: block;
   line-height: 1;
   margin-top: calc(var(--margin-input) / 2 * -1);
   margin-bottom: calc(var(--margin-input) / 2)
}

.hs-form .no-list.hs-error-msgs.inputs-list label {
   padding: 0
}

.hs-form input[type=checkbox] {
   width: 20px !important
}

.hs-form label {
   padding-left: 0
}

.hs-form .hs-form-booleancheckbox label {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding: 0;
   padding-bottom: 20px
}

.hs-form .hs-form-booleancheckbox p {
   font-size: 14px;
   line-height: 18px
}

.parallax {
   min-height: 90vh !important;
   max-height: 511px;
   overflow: hidden;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center
}

@media screen and (min-width:1024px) {
   .parallax {
      min-height: 50vh
   }
}

.parallax img {
   position: absolute;
   height: 120%;
   width: 100%;
   object-fit: cover;
   overflow: hidden
}

.parallax .content {
   position: relative
}

.section-apply {
   background: var(--primary);
   color: var(--secondary);
   padding: 10vh 0
}

.section-apply h2 {
   margin-bottom: 30px
}

.section-book {
   background: var(--secondary);
   color: var(--primary);
   padding: 15vh 0
}

.section-book h2 {
   margin-bottom: 30px
}

.section-book .links {
   gap: 20px
}

.section-book .text {
   order: 1
}

@media screen and (min-width:1024px) {
   .section-book .text {
      order: 2
   }
}

.section-book .ctas {
   order: 2
}

@media screen and (min-width:1024px) {
   .section-book .ctas {
      order: 1
   }
}

.gallery .heading {
   display: flex;
   align-items: center;
   justify-content: center;
   padding-bottom: 70px;
   flex-direction: column
}

@media screen and (min-width:1024px) {
   .gallery .heading {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end
   }
}

.gallery .heading .title {
   text-align: center
}

@media screen and (min-width:1024px) {
   .gallery .heading .title {
      text-align: left
   }
}

.gallery .heading .title span {
   opacity: .5
}

.gallery .heading .description {
   text-align: center;
   font-weight: 300;
   line-height: 1.2;
   margin-top: 20px
}

@media screen and (min-width:1024px) {
   .gallery .heading .description {
      text-align: right;
      margin-top: 0
   }
}

.gallery hr {
   opacity: .5;
   margin: 40px 0
}

@media screen and (min-width:1024px) {
   .gallery hr {
      margin: 100px 0
   }
}

.gallery hr:last-child {
   display: none
}

.gallery .swiper {
   --swiperMarginLeft: 0px;
   -webkit-transform: scale(1);
   transform: scale(1);
   overflow: visible;
   overflow-x: visible;
   margin-left: var(--swiperMarginLeft);
   height: 350px;
   margin-bottom: 60px
}

@media screen and (min-width:1024px) {
   .gallery .swiper {
      --swiperMarginLeft: 100px;
      -webkit-transform: scale(1);
      transform: scale(1);
      height: 320px
   }
}

.gallery .swiper .swiper-slide {
   opacity: .05;
   -webkit-transform: scale(.8);
   transform: scale(.8);
   transition: all .15s ease-out
}

.gallery .swiper .swiper-slide:hover .overlay {
   opacity: 1
}

.gallery .swiper .swiper-slide .overlay {
   position: absolute;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .7);
   text-align: center;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 2.1428571429rem;
   font-weight: 300;
   opacity: 0;
   transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.gallery .swiper .swiper-slide img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   -webkit-transform: translateX(-40px);
   transform: translateX(-40px);
   transition: inherit
}

.gallery .swiper .swiper-slide.swiper-slide-active,
.gallery .swiper .swiper-slide.swiper-slide-active~* {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
   margin-right: 0
}

.gallery .swiper .swiper-slide.swiper-slide-active img,
.gallery .swiper .swiper-slide.swiper-slide-active~* img {
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

.gallery .swiper .swiper-button-next,
.gallery .swiper .swiper-button-prev {
   left: calc(var(--swiperMarginLeft) * -1);
   transition: all .15s ease-out;
   padding: 20px;
   padding-left: 0;
   display: none
}

@media screen and (min-width:1024px) {

   .gallery .swiper .swiper-button-next,
   .gallery .swiper .swiper-button-prev {
      padding: 20px;
      display: block
   }
}

.gallery .swiper .swiper-button-next:after,
.gallery .swiper .swiper-button-prev:after {
   display: none
}

.gallery .swiper .swiper-button-next {
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%)
}

.gallery .swiper .swiper-button-next:hover {
   margin-left: 10px
}

.gallery .swiper .swiper-button-prev {
   -webkit-transform: translateY(50%);
   transform: translateY(50%)
}

.gallery .swiper .swiper-button-prev:hover {
   margin-left: -10px
}

.accordion .accordion-item {
   cursor: pointer;
   transition: border .15s ease
}

.accordion .accordion-item .question {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 20px 0
}

.accordion .accordion-item .question p {
   padding-right: 60px
}

.accordion .accordion-item .answer {
   overflow: hidden
}

.accordion .accordion-item:not(:last-child) {
   border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.accordion .accordion-item:hover:not(:last-child) {
   border-bottom: 1px solid #fff
}

html.menu-open {
   overflow: hidden
}

:root {
   --header-height: 70px
}

@media (max-width:47.99em) {
   :root {
      --header-height: 60px
   }
}

main {
   padding-top: var(--header-height)
}

header.header {
   display: flex;
   flex-direction: column;
   background: var(--primary);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   -webkit-transform: translateY(-100%);
   transform: translateY(-100%);
   transition: all .35s ease;
   opacity: 0
}

header.header.active {
   -webkit-transform: translateY(0);
   transform: translateY(0);
   opacity: 1
}

body.menu-open header.header {
   height: 100vh;
   overflow: hidden
}

header.header .header-bar {
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: 100%;
   height: var(--header-height);
   border-bottom: 1px solid var(--secondary);
   overflow: hidden
}

header.header .header-bar .logo {
   padding: 0 30px
}

@media (max-width:47.99em) {
   header.header .header-bar .logo {
      width: 120px;
      padding: 0 20px
   }

   header.header .header-bar .logo svg {
      width: 100%
   }
}

header.header .header-bar .btn,
header.header .header-bar .hs-button.primary {
   height: 100%
}

@media (max-width:47.99em) {

   header.header .header-bar .btn,
   header.header .header-bar .hs-button.primary {
      font-size: 12px
   }
}

header.header .header-bar .right {
   display: flex;
   position: relative;
   background: var(--primary)
}

header.header .header-bar .right,
header.header .header-bar .right .btn-perspective {
   height: 100%;
   z-index: 60;
   overflow: hidden
}

header.header .header-bar .right .order-wrapper .btn-perspective {
   position: relative;
   z-index: 60;
   width: 200px;
   display: flex;
   align-items: center;
   justify-content: center
}

header.header .header-bar .right .order-wrapper .btn-perspective .btn-order {
   height: calc(var(--header-height)*1.5);
   position: absolute;
   width: 160%
}

header.header .header-bar .header-nav {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center
}

@media (max-width:47.99em) {
   header.header .header-bar .header-nav {
      display: none
   }
}

header.header .header-bar .header-nav ul {
   display: flex;
   height: 100%
}

header.header .header-bar .header-nav ul li {
   height: 100%;
   position: relative;
   transition: all .15s ease
}

header.header .header-bar .header-nav ul li:before {
   content: "";
   width: 200px;
   height: 40px;
   position: absolute;
   bottom: 0;
   left: 50%;
   -webkit-transform: translateX(-50%) translateY(100%);
   transform: translateX(-50%) translateY(100%);
   background: radial-gradient(#fff 10%, hsla(0, 0%, 100%, 0) 66%);
   opacity: 0;
   transition: all .3s ease
}

header.header .header-bar .header-nav ul li:hover {
   padding-bottom: 5px
}

header.header .header-bar .header-nav ul li:hover:before {
   opacity: .3;
   -webkit-transform: translateX(-50%) translateY(50%);
   transform: translateX(-50%) translateY(50%)
}

header.header .header-bar .header-nav ul li a {
   color: var(--secondary);
   text-decoration: none;
   font-weight: 300;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 20px;
   letter-spacing: 1px
}

header.header .header-bar .header-burger-wrapper {
   position: relative;
   width: var(--header-height)
}

header.header .header-bar .header-burger-wrapper .btn-perspective {
   width: 100%
}

header.header .header-bar .header-burger {
   position: relative;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   border-left: 1px solid hsla(0, 0%, 100%, .5);
   overflow: hidden;
   z-index: 5;
   background: var(--primary);
   padding: 10px
}

@media screen and (min-width:1024px) {
   header.header .header-bar .header-burger {
      position: absolute;
      left: 50%;
      top: 50%;
      height: calc(var(--header-height) * 1.5);
      width: calc(var(--header-height) * 1.5);
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%)
   }
}

header.header .header-bar .header-burger .burger {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   height: 15px;
   width: 27px;
   transition: all .15s ease
}

body.menu-open header.header .header-bar .header-burger .burger {
   -webkit-transform: translateX(-65px);
   transform: translateX(-65px);
   background: var(--secondary)
}

header.header .header-bar .header-burger .burger span {
   height: 1px;
   background: var(--secondary);
   width: 100%;
   transition: all .15s ease
}

header.header .header-bar .header-burger:hover .burger span:nth-child(2) {
   -webkit-transform: translateX(-5px);
   transform: translateX(-5px)
}

header.header .header-bar .header-burger .close {
   position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center
}

header.header .header-bar .header-burger .close span {
   height: 1px;
   width: 40px;
   background: #fff;
   position: absolute;
   transition: all .15s ease-in
}

header.header .header-bar .header-burger .close span:first-child {
   -webkit-transform: rotate(-45deg) translateX(100px);
   transform: rotate(-45deg) translateX(100px)
}

header.header .header-bar .header-burger .close span:last-child {
   -webkit-transform: rotate(45deg) translateX(100px);
   transform: rotate(45deg) translateX(100px)
}

body.menu-open header.header .header-bar .header-burger .close span {
   width: 30px;
   transition: all .15s ease
}

body.menu-open header.header .header-bar .header-burger .close span:first-child {
   -webkit-transform: rotate(-45deg) translateX(0);
   transform: rotate(-45deg) translateX(0)
}

body.menu-open header.header .header-bar .header-burger .close span:last-child {
   -webkit-transform: rotate(45deg) translateX(0);
   transform: rotate(45deg) translateX(0)
}

header.header .main-nav {
   --transition-menu-in: all 500ms cubic-bezier(0.465, 0.005, 0.000, 1.005);
   --transition-menu-out: all 500ms cubic-bezier(1.000, 0.000, 0.665, 1.000);
   opacity: 1;
   visibility: hidden;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background: transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: var(--transition-menu-out);
   overflow-x: hidden
}

header.header .main-nav .main-nav-bg {
   position: absolute;
   right: 0;
   width: 0;
   height: 100%;
   transition: inherit;
   opacity: 1;
   z-index: 3;
   overflow: hidden;
   display: none
}

@media screen and (min-width:1024px) {
   header.header .main-nav .main-nav-bg {
      display: block
   }
}

header.header .main-nav .main-nav-bg img {
   object-fit: cover;
   width: 100%;
   height: 100%
}

header.header .main-nav .nav {
   z-index: 1;
   position: relative;
   max-width: 600px
}

header.header .main-nav .nav ul {
   font-size: 50px;
   display: flex;
   flex-direction: column;
   padding-left: 30px;
   transition: all .25s ease-out;
   transition-delay: .25s;
   opacity: 0
}

@media (max-width:47.99em) {
   header.header .main-nav .nav ul {
      font-size: 25px
   }
}

body.menu-open header.header .main-nav .nav ul {
   opacity: 1;
   padding-left: 0
}

body.menu-open header.header .main-nav .nav ul li {
   -webkit-transform: translateX(0);
   transform: translateX(0)
}

header.header .main-nav .nav ul li:first-child {
   transition-delay: 0.05s
}

header.header .main-nav .nav ul li:nth-child(2) {
   transition-delay: 0.1s
}

header.header .main-nav .nav ul li:nth-child(3) {
   transition-delay: 0.15s
}

header.header .main-nav .nav ul li:nth-child(4) {
   transition-delay: 0.2s
}

header.header .main-nav .nav ul li:nth-child(5) {
   transition-delay: 0.25s
}

header.header .main-nav .nav ul li:nth-child(6) {
   transition-delay: 0.3s
}

header.header .main-nav .nav ul li:nth-child(7) {
   transition-delay: 0.35s
}

header.header .main-nav .nav ul li:nth-child(8) {
   transition-delay: 0.4s
}

header.header .main-nav .nav ul li:nth-child(9) {
   transition-delay: 0.45s
}

header.header .main-nav .nav ul li:nth-child(10) {
   transition-delay: 0.5s
}

header.header .main-nav .nav ul li {
   border-bottom: 1px solid hsla(0, 0%, 100%, .3);
   position: relative;
   -webkit-transform: translateX(100px);
   transform: translateX(100px);
   transition: opacity 1s ease, -webkit-transform 1s ease;
   transition: transform 1s ease, opacity 1s ease;
   transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease
}

header.header .main-nav .nav ul li:after {
   content: "";
   width: 20px;
   height: 20px;
   right: 0;
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   position: absolute;
   background: url(../assets/images/arrow-right.svg);
   opacity: 0;
   transition: all .15s ease
}

header.header .main-nav .nav ul li a {
   color: var(--secondary);
   text-decoration: none;
   font-weight: 300;
   opacity: .5;
   position: relative;
   width: 100%;
   display: block
}

header.header .main-nav .nav ul li:hover a {
   opacity: .7
}

header.header .main-nav .nav ul li:hover:after {
   opacity: 1;
   -webkit-transform: translateY(-50%) translateX(0);
   transform: translateY(-50%) translateX(0)
}

header.header .main-nav .nav ul li.current-menu-item a {
   opacity: 1
}

body.menu-open header.header .main-nav {
   visibility: visible;
   opacity: 1;
   background: #1f140f;
   transition: var(--transition-menu-in)
}

body.menu-open header.header .main-nav .main-nav-bg {
   width: 30%;
   opacity: 1
}

body.menu-open {
   overflow: hidden
}

.center {
   max-width: 1200px
}

.text-primary {
   color: var(--primary)
}

.bg-primary {
   background: var(--primary)
}

.bg-secondary {
   background: var(--secondary)
}

.tt {
   height: 150px;
   background: red
}

footer.footer {
   --transition-footer: 0.25s opacity ease;
   display: flex;
   flex-direction: column;
   background: var(--primary);
   color: var(--secondary);
   text-align: center
}

footer.footer .footer-main {
   padding: 40px 20px;
   border-top: 1px solid var(--gray-800);
   border-bottom: 1px solid var(--gray-800)
}

@media screen and (min-width:1024px) {
   footer.footer .footer-main {
      padding: 60px 0;
      max-width: none
   }
}

@media screen and (min-width:1024px) {
   footer.footer {
      text-align: left
   }
}

footer.footer a {
   color: var(--secondary);
   font-weight: 300;
   text-decoration: none
}

footer.footer .footer-top {
   display: flex;
   justify-content: space-between;
   align-items: center
}

footer.footer .footer-title {
   font-weight: 300;
   padding-bottom: 20px;
   flex: 1
}

@media screen and (min-width:1024px) {
   footer.footer .footer-title {
      padding-bottom: 40px
   }
}

footer.footer .footer-nav a {
   letter-spacing: .9px;
   opacity: .5;
   transition: var(--transition-footer)
}

footer.footer .footer-nav a:hover {
   opacity: 1
}

footer.footer input[type=email] {
   margin-bottom: 20px
}

footer.footer .form-box {
   gap: 30px
}

footer.footer .form-box .checkbox-form {
   padding: 0 40px
}

@media screen and (min-width:1024px) {
   footer.footer .form-box .checkbox-form {
      padding: 0
   }
}

footer.footer .footer-sub {
   display: flex;
   align-items: center;
   padding-top: 20px;
   padding-bottom: 20px
}

footer.footer .footer-sub .socials {
   display: flex;
   gap: 25px;
   justify-content: center;
   align-items: center
}

@media screen and (min-width:1024px) {
   footer.footer .footer-sub .socials {
      justify-content: flex-start
   }
}

footer.footer .footer-sub .socials a {
   transition: var(--transition-footer);
   opacity: .5
}

footer.footer .footer-sub .socials a:hover {
   opacity: 1
}

footer.footer .footer-sub .socials a .svg {
   fill: var(--secondary)
}

footer.footer .footer-sub .rights {
   font-size: 14px;
   opacity: .5
}

footer.footer .footer-sub .legals {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: column
}

@media screen and (min-width:1024px) {
   footer.footer .footer-sub .legals {
      flex-direction: row
   }
}

footer.footer .footer-sub .legals .totop {
   opacity: .5;
   transition: var(--transition-footer);
   display: flex;
   align-items: center
}

footer.footer .footer-sub .legals .totop:hover {
   opacity: 1
}

footer.footer .footer-sub .legals .totop .svg {
   fill: var(--secondary)
}

footer.footer .footer-sub .legals .legals-nav {
   display: flex;
   flex-direction: column;
   gap: 10px
}

@media screen and (min-width:1024px) {
   footer.footer .footer-sub .legals .legals-nav {
      flex-direction: row;
      gap: 20px
   }
}

footer.footer .footer-sub .legals .legals-nav li {
   opacity: .5;
   transition: var(--transition-footer);
   font-size: 12px
}

footer.footer .footer-sub .legals .legals-nav li:hover {
   opacity: 1
}

footer.footer .footer-sub .legals .legals-nav li a {
   text-transform: uppercase;
   letter-spacing: 3px
}

section.landing.home_hero {
   background: var(--primary);
   color: var(--secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   flex-direction: column;
   min-height: 100vh
}

section.landing.home_hero .text {
   gap: 20px;
   padding-top: 40px
}

section.landing.home_hero .text .links {
   gap: 20px
}

@media screen and (min-width:1024px) {
   section.landing.home_hero {
      flex-direction: row;
      align-items: center;
      justify-content: center
   }

   section.landing.home_hero .center {
      padding-top: 0
   }

   section.landing.home_hero .text {
      gap: 50px;
      padding-top: 0
   }

   section.landing.home_hero .text .links {
      gap: 30px
   }
}

section.landing.home_hero .hero_video {
   position: relative;
   width: 100%;
   height: 100vh;
   position: absolute;
   opacity: .5
}

@media screen and (min-width:1024px) {
   section.landing.home_hero .hero_video {
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      top: 0;
      opacity: 1
   }
}

section.landing.home_hero .hero_video video {
   object-fit: cover;
   width: 100%;
   height: 100%;
   opacity: .85
}

section.landing.home_hero .text {
   max-width: 462px;
   text-align: center;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column
}

section.landing.home_hero .text .wb-anim {
   text-align: center
}

[data-router-view=home] .metamask {
   width: 174px
}

[data-router-view=home] .home_parallax.parallax .content {
   margin-top: 200px
}

[data-router-view=home] section {
   min-height: 511px
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section {
      min-height: 511px
   }
}

[data-router-view=home] section.home_hero {
   background: var(--primary);
   color: var(--secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   flex-direction: column;
   min-height: 100vh
}

[data-router-view=home] section.home_hero .text {
   gap: 20px;
   padding-top: 40px
}

[data-router-view=home] section.home_hero .text .links {
   gap: 20px
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_hero {
      flex-direction: row;
      align-items: center;
      justify-content: center
   }

   [data-router-view=home] section.home_hero .center {
      padding-top: 0
   }

   [data-router-view=home] section.home_hero .text {
      gap: 50px;
      padding-top: 0
   }

   [data-router-view=home] section.home_hero .text .links {
      gap: 30px
   }
}

[data-router-view=home] section.home_hero .hero_video {
   position: relative;
   width: 100%;
   height: 100vh;
   position: absolute;
   opacity: .5
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_hero .hero_video {
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      top: 0;
      opacity: 1
   }
}

[data-router-view=home] section.home_hero .hero_video video {
   object-fit: cover;
   width: 100%;
   height: 100%;
   opacity: .85
}

[data-router-view=home] section.home_hero .text {
   max-width: 462px;
   text-align: center;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column
}

[data-router-view=home] section.home_hero .text .wb-anim {
   text-align: center
}

[data-router-view=home] section.home_heading {
   background: var(--primary);
   color: var(--secondary);
   display: flex;
   align-items: center;
   justify-content: center;
   min-height: 100vh
}

[data-router-view=home] section.home_heading .content {
   max-width: 756px;
   margin: 0 auto;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column
}

[data-router-view=home] section.home_heading .content h1 {
   margin-bottom: 60px
}

[data-router-view=home] section.home_heading .content .btn,
[data-router-view=home] section.home_heading .content .hs-button.primary {
   display: inline-block
}

[data-router-view=home] section.home_frames {
   position: relative;
   background: #fff !important;
   overflow-x: hidden
}

[data-router-view=home] section.home_frames .text-deco {
   position: absolute;
   top: 0;
   font-weight: 100;
   font-size: 290px;
   width: 100%;
   text-align: center;
   display: flex;
   justify-content: center
}

[data-router-view=home] section.home_frames .frames-wall {
   display: flex;
   box-sizing: content-box;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   list-style: none;
   padding: 0;
   z-index: 1
}

[data-router-view=home] section.home_frames .frames-wall:before {
   content: "";
   position: absolute;
   width: 100vw;
   height: 100vh;
   top: 0;
   left: 0;
   background: linear-gradient(145deg, transparent 50%, rgba(0, 0, 0, .25))
}

[data-router-view=home] section.home_frames .frames-wall .frames-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   box-sizing: content-box;
   transition: .5s ease
}

[data-router-view=home] section.home_frames .frames-wall .frame {
   width: 100vw;
   height: 100vh;
   text-align: center;
   font-size: 18px;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   flex-shrink: 0;
   position: relative;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
   display: flex;
   align-items: center;
   justify-content: center
}

[data-router-view=home] section.home_frames .frames-wall .frame .img-wrapper {
   z-index: 5;
   display: flex;
   align-items: center;
   justify-content: center
}

[data-router-view=home] section.home_frames .frames-wall .frame .img-wrapper img {
   transition: all .5s ease;
   z-index: 5;
   margin-top: 30px;
   width: 100%
}

[data-router-view=home] section.home_frames .frames-wall .frame .img-wrapper img.linn {
   max-width: 677px;
   margin-left: 7%
}

[data-router-view=home] section.home_frames .frames-wall .frame .img-wrapper img.jane {
   max-width: 250px;
   width: 100%;
   margin-left: 9%
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_frames .frames-wall .frame .img-wrapper img.jane {
      max-width: 398px
   }
}

[data-router-view=home] section.home_frames .frames-wall .frame .frame-title {
   display: flex;
   justify-content: space-between;
   align-items: center
}

[data-router-view=home] section.home_frames .frames-wall .frame .frame-title span {
   font-size: 14px;
   color: var(--gray-500);
   letter-spacing: 3.5px;
   text-transform: uppercase
}

[data-router-view=home] section.home_frames .frames-wall .frame .content {
   text-align: left;
   font-size: 20px;
   font-weight: 300;
   display: flex;
   flex-direction: column;
   justify-content: center
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_frames .frames-wall .frame .content {
      display: block
   }
}

[data-router-view=home] section.home_frames .frames-wall .frame .content ul {
   padding: 20px 0
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_frames .frames-wall .frame .content ul {
      padding: 40px 0
   }
}

[data-router-view=home] section.home_frames .frames-wall .frame .content ul li {
   display: flex;
   justify-content: space-between
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_frames .frames-wall .frame .content ul li {
      justify-content: start
   }
}

[data-router-view=home] section.home_frames .frames-wall .frame .content .title {
   color: var(--gray-300);
   margin-right: 5px
}

[data-router-view=home] section.home_parallax .btn .svg,
[data-router-view=home] section.home_parallax .hs-button.primary .svg {
   margin-left: 10px
}

[data-router-view=home] section.home_product-description {
   background: var(--primary)
}

[data-router-view=home] section.home_product-description .hp-grid {
   position: relative
}

[data-router-view=home] section.home_product-description .hp-grid-section {
   background: var(--primary);
   width: 100%;
   height: auto;
   display: flex;
   align-items: stretch;
   justify-content: stretch;
   flex-direction: column;
   position: relative
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section {
      height: 100vh;
      flex-direction: row
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .center {
   max-width: 100%
}

[data-router-view=home] section.home_product-description .hp-grid-section .content {
   flex: 1;
   width: 100%;
   display: flex;
   align-items: center;
   order: 2;
   padding-top: 60vh
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .content {
      order: 1;
      flex: 1;
      padding-top: 0
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .content .center {
   background: var(--primary);
   position: relative;
   z-index: 3
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .content .center {
      background: initial;
      z-index: auto;
      position: static
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .content .text {
   color: var(--secondary);
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;
   max-width: 500px;
   margin: 0 auto;
   padding-top: 30px;
   padding-bottom: 30px
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .content .text {
      align-items: baseline;
      padding-top: 0;
      padding-bottom: 0
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .content .text>* {
   transition: all .5s cubic-bezier(.005, .44, .005, 1)
}

[data-router-view=home] section.home_product-description .hp-grid-section .content .text p {
   margin: 20px 0
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .content .text p {
      margin: 30px 0
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .content .text .links {
   display: flex;
   gap: 20px;
   flex-direction: column
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .content .text .links {
      flex-direction: row
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .figure {
   position: absolute;
   height: 100%;
   width: 100%;
   right: 0;
   order: 1
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .figure {
      flex: 1;
      position: absolute;
      height: 100%;
      width: 50%;
      order: 2;
      padding: 0;
      z-index: 1
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap {
   width: 100%;
   height: 50%;
   overflow: hidden;
   transition: all .5s cubic-bezier(.005, .44, .005, 1);
   will-change: height;
   position: -webkit-sticky;
   position: sticky;
   top: 0
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap {
      position: relative;
      height: 100%;
      top: 0
   }
}

[data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap img,
[data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap video {
   object-fit: cover;
   width: 100%;
   height: 100%;
   transition: all .5s cubic-bezier(.005, .44, .005, 1);
   will-change: height, filter
}

@media screen and (min-width:1024px) {

   [data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap img,
   [data-router-view=home] section.home_product-description .hp-grid-section .figure .figure-wrap video {
      height: 100vh
   }
}

[data-router-view=home] section.home_newsletter {
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 30px 0;
   background: var(--secondary)
}

[data-router-view=home] section.home_newsletter a {
   color: #1f140f
}

[data-router-view=home] section.home_newsletter .form-newsletter {
   padding: 0 6px
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_newsletter {
      padding: 0;
      min-height: 600px
   }

   [data-router-view=home] section.home_newsletter .form-newsletter {
      padding: 0 60px
   }
}

[data-router-view=home] section.home_visu {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100vh
}

[data-router-view=home] section.home_visu .img-to-fade-3 {
   -webkit-animation: homeVisuAnim 3.5s infinite alternate-reverse;
   animation: homeVisuAnim 3.5s infinite alternate-reverse
}

[data-router-view=home] section.home_visu .img-cover {
   transition: all .5s ease-out;
   will-change: opacity;
   opacity: 0
}

[data-router-view=home] section.home_visu .img-cover.img-to-fade-1 {
   opacity: 1
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_visu .img-cover {
      opacity: 1
   }

   [data-router-view=home] section.home_visu .img-cover.img-to-fade-3 {
      -webkit-animation: none;
      animation: none
   }
}

[data-router-view=home] section.home_visu .content {
   position: relative;
   color: #fff;
   max-width: 365px
}

@-webkit-keyframes homeVisuAnim {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes homeVisuAnim {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

[data-router-view=home] section.home_socials {
   background: var(--primary);
   color: var(--secondary);
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   border-top: 1px solid hsla(0, 0%, 100%, .3)
}

[data-router-view=home] section.home_socials .links {
   display: inline-flex;
   gap: 30px;
   flex-direction: column;
   margin-top: 40px
}

@media screen and (min-width:1024px) {
   [data-router-view=home] section.home_socials .links {
      flex-direction: row
   }
}

[data-router-view=home] section.home_socials .links .svg {
   margin-right: 20px
}

[data-router-view=artworks] section.artworks_hero {
   color: var(--secondary);
   background: var(--primary);
   display: flex;
   justify-content: center;
   text-align: center;
   flex-direction: column;
   position: relative
}

[data-router-view=artworks] section.artworks_hero h1 {
   margin-bottom: 25px
}

[data-router-view=artworks] section.artworks_hero .text {
   padding: 20vh 0
}

[data-router-view=artworks] section.artworks_hero .artworks_banner {
   position: relative;
   width: 100vw;
   margin-bottom: 15vh
}

[data-router-view=artworks] section.artworks_hero .banner {
   position: absolute;
   display: flex;
   flex-direction: row;
   will-change: transform;
   -webkit-transform: translateX(var(--translate));
   transform: translateX(var(--translate))
}

[data-router-view=artworks] section.artworks_hero .banner .banner-list {
   display: flex;
   flex-direction: row
}

@media screen and (min-width:1024px) {
   [data-router-view=artworks] section.artworks_hero .banner .banner-list:hover .banner-img {
      height: 168px;
      width: 500px
   }
}

[data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-item {
   display: flex;
   align-items: center
}

[data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-title {
   font-size: 70px;
   font-weight: 300;
   margin: 0 50px;
   text-transform: uppercase
}

@media screen and (min-width:1024px) {
   [data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-title {
      font-size: 144px
   }
}

[data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-image {
   height: 80px;
   width: 150px;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 999px
}

@media screen and (min-width:1024px) {
   [data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-image {
      height: 168px;
      width: 307px
   }
}

[data-router-view=artworks] section.artworks_hero .banner .banner-list .banner-image img {
   object-fit: cover;
   width: 100%;
   height: 100%
}

[data-router-view=artworks] section.artworks_gallery {
   background: var(--secondary);
   padding-bottom: 200px
}

[data-router-view=artworks] section.artworks_gallery .introduction {
   color: var(--primary)
}

[data-router-view=artworks] section.artworks_gallery .introduction h2 {
   padding: 20vh 0;
   text-align: center;
   max-width: 560px;
   margin: auto
}

[data-router-view=artworks] section.artworks_gallery .gallery {
   color: var(--primary)
}

[data-router-view=artworks] section.artworks_gallery .gallery.gallery-1 {
   background: var(--primary);
   color: #fff;
   padding-bottom: 200px
}

[data-router-view=artworks] section.artworks_gallery .gallery.gallery-2 {
   padding-top: 200px;
   padding-bottom: 200px
}

[data-router-view=artworks] section.artworks_gallery .gallery.gallery-3 .h2,
[data-router-view=artworks] section.artworks_gallery .gallery.gallery-3 [data-router-view=order] .section-order form h1,
[data-router-view=order] .section-order form [data-router-view=artworks] section.artworks_gallery .gallery.gallery-3 h1 {
   padding-top: 140px
}

[data-router-view=order] .section-order form h1,
[data-router-view=order] .section-order form h2 {
   margin-bottom: 20px
}

[data-router-view=order] .section-order form fieldset:nth-child(4)>div {
   display: flex;
   align-items: baseline;
   justify-content: center
}

[data-router-view=order] .section-order form fieldset:nth-child(4)>div label {
   display: none
}

[data-router-view=order] .section-order form fieldset:nth-child(7)>div {
   display: flex;
   align-items: baseline;
   justify-content: center
}

[data-router-view=order] .section-order form fieldset:nth-child(7)>div label {
   display: none
}

[data-router-view=order] .section-order form fieldset:nth-child(10)>div {
   display: flex;
   align-items: baseline;
   justify-content: center
}

[data-router-view=order] .section-order form fieldset:nth-child(10)>div label {
   display: none
}

[data-router-view=order] .section-order form fieldset:nth-child(2),
[data-router-view=order] .section-order form fieldset:nth-child(3),
[data-router-view=order] .section-order form fieldset:nth-child(4),
[data-router-view=order] .section-order form fieldset:nth-child(5),
[data-router-view=order] .section-order form fieldset:nth-child(6),
[data-router-view=order] .section-order form fieldset:nth-child(7),
[data-router-view=order] .section-order form fieldset:nth-child(8),
[data-router-view=order] .section-order form fieldset:nth-child(9),
[data-router-view=order] .section-order form fieldset:nth-child(10) {
   width: 100% !important;
   float: left;
   display: flex;
   align-items: center;
   flex-direction: column;
   height: auto;
   margin: 10px 0
}

[data-router-view=order] .section-order form fieldset:nth-child(3),
[data-router-view=order] .section-order form fieldset:nth-child(6),
[data-router-view=order] .section-order form fieldset:nth-child(9) {
   justify-content: center
}

@media screen and (min-width:1024px) {

   [data-router-view=order] .section-order form fieldset:nth-child(2),
   [data-router-view=order] .section-order form fieldset:nth-child(3),
   [data-router-view=order] .section-order form fieldset:nth-child(4),
   [data-router-view=order] .section-order form fieldset:nth-child(5),
   [data-router-view=order] .section-order form fieldset:nth-child(6),
   [data-router-view=order] .section-order form fieldset:nth-child(7),
   [data-router-view=order] .section-order form fieldset:nth-child(8),
   [data-router-view=order] .section-order form fieldset:nth-child(9),
   [data-router-view=order] .section-order form fieldset:nth-child(10) {
      width: 33% !important;
      float: left;
      display: flex;
      align-items: center;
      flex-direction: row;
      height: 200px
   }

   [data-router-view=order] .section-order form fieldset:nth-child(3),
   [data-router-view=order] .section-order form fieldset:nth-child(6),
   [data-router-view=order] .section-order form fieldset:nth-child(9) {
      justify-content: center
   }
}

[data-router-view=artists] {
   overflow: hidden
}

[data-router-view=artists] .artists-catalogue {
   color: #fff
}

[data-router-view=artists] .artists-gallery {
   display: flex;
   flex-flow: row wrap;
   margin-left: -15px;
   margin-right: -15px
}

[data-router-view=artists] .artists-gallery .artist {
   flex: 0 0 calc(33.333333% - 30px);
   text-align: center;
   margin: 15px;
   margin-bottom: 50px
}

@media (max-width:47.99em) {
   [data-router-view=artists] .artists-gallery .artist {
      flex: 0 0 calc(100% - 30px)
   }
}

[data-router-view=artists] .artists-gallery .artist figure {
   position: relative;
   margin-bottom: 20px
}

[data-router-view=artists] .artists-gallery .artist figure:before {
   padding-top: 70.0549450549%;
   display: block;
   content: ""
}

[data-router-view=artists] .artists-gallery .artist figure img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin-bottom: 0
}

.object-fit [data-router-view=artists] .artists-gallery .artist figure img {
   object-fit: cover;
   object-position: 50% 0
}

.no-object-fit [data-router-view=artists] .artists-gallery .artist figure img {
   font-family: "object-fit: cover; object-position: 50% 0";
   object-position: 50% 0
}

[data-router-view=artists] .artists-highlight {
   color: #fff
}

[data-router-view=artists] .lr-content {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 200px
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content {
      flex-direction: column
   }
}

[data-router-view=artists] .lr-content .lr-content-img {
   height: 31.5315315315%;
   width: 31.5315315315%;
   margin-left: 8.5585585586%
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content .lr-content-img {
      width: 100%;
      margin-left: 0;
      margin-bottom: 40px
   }
}

[data-router-view=artists] .lr-content .lr-content-img figure {
   position: relative
}

[data-router-view=artists] .lr-content .lr-content-img figure:before {
   padding-top: 143.406593407%;
   display: block;
   content: ""
}

[data-router-view=artists] .lr-content .lr-content-img figure img {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   object-fit: cover
}

[data-router-view=artists] .lr-content .lr-content-text {
   height: 40.0900900901%;
   width: 40.0900900901%;
   margin-right: 8.5585585586%
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content .lr-content-text {
      width: 100%;
      margin-right: 0
   }
}

[data-router-view=artists] .lr-content .lr-content-text h3 {
   margin-bottom: 30px
}

[data-router-view=artists] .lr-content:nth-child(odd) {
   flex-direction: row-reverse
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content:nth-child(odd) {
      flex-direction: column
   }
}

[data-router-view=artists] .lr-content:nth-child(odd) .lr-content-img {
   margin-right: 8.5585585586%
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content:nth-child(odd) .lr-content-img {
      margin-right: 0
   }
}

[data-router-view=artists] .lr-content:nth-child(odd) .lr-content-text {
   margin-left: 8.5585585586%
}

@media (max-width:47.99em) {
   [data-router-view=artists] .lr-content:nth-child(odd) .lr-content-text {
      margin-left: 0
   }
}

[data-router-view=artists] .section-title {
   text-align: center;
   margin-bottom: 150px
}

[data-router-view=artists] section.artists_hero {
   background: var(--primary);
   color: var(--secondary)
}

[data-router-view=artists] section.artists_hero .artists_introduction {
   padding: 15vh 0
}

[data-router-view=artists] section.artists_hero .artists_introduction h2 {
   margin: 0 auto;
   text-align: center;
   max-width: 755px
}

[data-router-view=artists] section.artists_hero .artists_introduction h1 {
   text-align: center;
   margin-bottom: 25px
}

[data-router-view=artists] section.section-banner {
   margin-bottom: 80px;
   overflow-x: hidden
}

@media screen and (min-width:1024px) {
   [data-router-view=artists] section.section-banner {
      margin-bottom: 0
   }
}

[data-router-view=artists] section.artists_gallery {
   color: var(--secondary);
   padding-bottom: 80px
}

[data-router-view=artists] .banner-wrapper {
   position: relative;
   width: 100vw;
   overflow-x: hidden
}

[data-router-view=artists] .banner-wrapper.banner-wrapper-artist-name {
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   pointer-events: none;
   margin-bottom: -100px;
   position: absolute
}

@media screen and (min-width:1024px) {
   [data-router-view=artists] .banner-wrapper.banner-wrapper-artist-name {
      position: relative
   }
}

[data-router-view=artists] .banner-wrapper.banner-wrapper-artist-name .banner-list .banner-item {
   min-width: -webkit-max-content;
   min-width: -moz-max-content;
   min-width: max-content
}

[data-router-view=artists] .banner-wrapper.banner-wrapper-artist-name .banner-list .banner-item p {
   padding: 0 50px;
   text-transform: inherit;
   text-transform: uppercase
}

[data-router-view=artists] .banner {
   position: absolute;
   display: flex;
   flex-direction: row;
   will-change: transform;
   -webkit-transform: translateX(var(--translate));
   transform: translateX(var(--translate))
}

[data-router-view=artists] .banner.banner-artist-name {
   color: #fff
}

[data-router-view=artists] .banner.banner-artist-name .banner-item {
   flex: auto !important
}

[data-router-view=artists] .banner.banner-artist-name p {
   font-size: 60px;
   line-height: 100px;
   text-align: center
}

@media screen and (min-width:1024px) {
   [data-router-view=artists] .banner.banner-artist-name p {
      font-size: 140px;
      line-height: 120px;
      text-align: center
   }
}

[data-router-view=artists] .banner.banner-artists .banner-item {
   min-width: 50vw
}

@media screen and (min-width:1024px) {
   [data-router-view=artists] .banner.banner-artists .banner-item {
      min-width: 0
   }
}

[data-router-view=artists] .banner:hover .banner-item {
   opacity: .3
}

[data-router-view=artists] .banner .banner-list {
   flex-direction: row;
   align-items: center;
   min-width: 100vw;
   min-height: 20px;
   display: flex;
   gap: 20px;
   padding-left: 20px
}

[data-router-view=artists] .banner .banner-list .banner-item {
   display: flex;
   align-items: center;
   flex: 1;
   height: 522px;
   overflow: hidden;
   transition: all .1s ease
}

[data-router-view=artists] .banner .banner-list .banner-item:hover {
   opacity: 1
}

[data-router-view=artists] .banner .banner-list .banner-item:hover img {
   -webkit-transform: scale(1.1);
   transform: scale(1.1)
}

[data-router-view=artists] .banner .banner-list .banner-item img {
   object-fit: cover;
   height: 100%;
   width: 100%;
   transition: all .3s ease
}

[data-router-view=artists] .banner .banner-list .banner-item .artist-name {
   font-size: 20px
}

[data-router-view=contact] .section-contact {
   min-height: 80vh
}

[data-router-view=contact] .section-contact h3 {
   margin-bottom: 40px;
   margin-top: 40px
}

@media screen and (min-width:1024px) {
   [data-router-view=contact] .section-contact h3 {
      margin-bottom: 30px;
      margin-top: 150px
   }
}

[data-router-view=contact] .section-contact form {
   display: block
}

[data-router-view=page] a,
[data-router-view=page] h1,
[data-router-view=page] h2,
[data-router-view=page] h3,
[data-router-view=page] h4,
[data-router-view=page] h5,
[data-router-view=page] li,
[data-router-view=page] ol,
[data-router-view=page] p,
[data-router-view=page] ul {
   color: #fff
}

[data-router-view=page] ol {
   list-style: auto;
   margin-left: 20px
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
   border-radius: 0 !important
}

#hs-eu-cookie-confirmation-inner p {
   text-transform: none
}

div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
   color: #1f140f !important
}

.template-sticky {
   color: var(--secondary);
   background: var(--primary);
   padding: 5vh 0
}

@media screen and (min-width:1024px) {
   .template-sticky {
      padding: 10vh 0
   }
}

.template-sticky .grid {
   position: relative
}

.template-sticky .heading {
   position: relative;
   top: 0;
   -ms-grid-row-align: start;
   align-self: start;
   word-break: break-word
}

@media screen and (min-width:1024px) {
   .template-sticky .heading {
      position: -webkit-sticky;
      position: sticky
   }
}

.template-sticky .heading .content {
   display: flex;
   flex-direction: column;
   gap: 60px
}

@media screen and (min-width:1024px) {
   .template-sticky .heading .content {
      padding-right: 60px
   }
}

.template-sticky .order-steps {
   padding-top: 95px
}

.template-sticky .order-steps .step {
   display: flex;
   flex-direction: column
}

.template-sticky .order-steps .step form {
   padding: 60px 0
}

.template-sticky .order-steps .step input {
   width: 100%
}

.template-sticky.questions h2 {
   margin-bottom: 20px
}

@media screen and (min-width:1024px) {
   .template-sticky.questions h2 {
      margin-bottom: 60px
   }
}

.template-sticky.questions .paragraphs {
   padding-top: 0
}

@media screen and (min-width:1024px) {
   .template-sticky.questions .paragraphs {
      padding-top: 40px
   }
}

.template-sticky.questions .heading {
   padding-top: 40px
}

.template-sticky.questions .heading h3 {
   text-transform: uppercase
}

.template-sticky.questions p {
   font-size: 16px;
   line-height: 20px
}

@media screen and (min-width:1024px) {
   .template-sticky.questions p {
      font-size: inherit;
      line-height: inherit
   }
}