:root {
  --cnvs-themecolor: #1f2506;
  --cnvs-themecolor-rgb: 31, 37, 6;
  --cnvs-color-secondary: #fcf8f2;
  --cnvs-primary-font: "WSupreme", sans-serif;
  --cnvs-body-font: "WSupreme", sans-serif;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth !important;
}

body {
  font-size: calc(var(--cnvs-font-size-body) * 1.25);
  position: relative;
}

#header {
  --cnvs-primary-menu-font-weight: 500;
  --cnvs-primary-menu-font-size: 1rem;
  --cnvs-primary-menu-tt: none;
  --cnvs-primary-menu-ls: 0;
  --cnvs-primary-menu-submenu-font-size: 0.875rem;
  --cnvs-primary-menu-submenu-font-weight: 400;
  --cnvs-primary-menu-submenu-hover-font-weight: 500;
  --cnvs-primary-menu-submenu-tt: none;
}

.w-horizontal {
  display: none !important;
}

.sticky-header  .w-horizontal {
  display: block !important;
}

.sticky-header .w-vertical {
  display: none !important;
}



.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
  font-size: calc(var(--cnvs-primary-menu-submenu-font-size) * 0.9);
}

.top-cart-number {
  top: -10px;
  right: -10px;
  background-color: transparent;
}

/* Top Search Icon Switch */
.top-search-open #top-search a i:nth-child(1),
body:not(.top-search-open) #top-search a i:nth-child(2) {
  opacity: 0;
}

.top-search-open .top-search-parent .header-misc > #top-cart {
  opacity: 1;
}

.canvas-button {
  --cnvs-canvas-button-padding: 1.125rem 2rem;
  --cnvs-canvas-button-font-size: 1.25rem;
  pointer-events: auto;
  cursor: pointer;
  background: #e2e2e2;
  border: none;
  font-size: var(--cnvs-canvas-button-font-size);
  position: relative;
  display: inline-block;
  font-weight: 400;
  padding: var(--cnvs-canvas-button-padding);
  overflow: hidden;
  color: #e2e2e2;
  border-radius: 0.25rem;
}

.canvas-button.canvas-button-sm {
  --cnvs-canvas-button-padding: 0.875rem 1.5rem;
  --cnvs-canvas-button-font-size: 1rem;
}

.canvas-button::before,
.canvas-button::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.canvas-button span {
  display: block;
  position: relative;
  color: #e2e2e2;
}

.canvas-button > span {
  overflow: hidden;
}

.canvas-button > span > span {
  overflow: hidden;
  mix-blend-mode: difference;
}

.canvas-button:hover > span > span {
  animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
}

@keyframes MoveUpInitial {
  to {
    transform: translate3d(0, -105%, 0);
  }
}

@keyframes MoveUpEnd {
  from {
    transform: translate3d(0, 100%, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

#header.sticky-on-scrollup #header-wrap {
  -webkit-transition: height 0.4s ease, opacity 0.3s ease, margin-top 0.4s ease;
  -o-transition: height 0.4s ease, opacity 0.3s ease, margin-top 0.4s ease;
  transition: height 0.4s ease, opacity 0.3s ease, margin-top 0.4s ease;
}

/* #header.sticky-on-scrollup.sticky-header #header-wrap { margin-top: calc(var(--cnvs-header-height-shrink) * -1); } */
.is-expanded-menu #header.transparent-header::before { 
  background-color: transparent !important;
}

#header.sticky-on-scrollup #header-wrap { 
  background-color: transparent;
}
#header.sticky-on-scrollup.show-sticky-onscroll.sticky-header-shrink #header-wrap {
  margin-top: 0px;
  /* margin-top: calc(var(--cnvs-header-height-shrink) * -1); */
  background: var(--bs-body-bg);
}

/* #header.sticky-on-scrollup.show-sticky-onscroll.sticky-header.sticky-header-shrink #header-wrap {
  
  background: var(--bs-body-bg);
} */



.canvas-button::before {
  content: "";
  background: #111;
  transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
  transform-origin: 100% 50%;
}

.canvas-button:hover::before {
  transform: scale3d(0, 1, 1);
  transform-origin: 0% 50%;
}

/* Image Hover */
.img-hover-block {
  z-index: 0;
}

.img-hover-block span {
  position: relative;
}

.img-hover-block:hover span {
  mix-blend-mode: difference;
  color: #F2F0E4;
  z-index: 2;
}

.hover-reveal {
  position: fixed;
  width: 220px;
  height: 320px;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 1;
}

.hover-reveal__inner,
.hover-reveal__img {
  width: 100%;
  height: 100%;
  position: relative;
}

.hover-reveal__inner {
  overflow: hidden;
}

.hover-reveal__img {
  background-size: cover;
  background-position: 50% 50%;
}

.mega-menu-content .mega-menu-links li {
  position: relative;
  list-style: none;
  display: inline-block;
}

.mega-menu-content .mega-menu-links li a {
  display: block;
  padding: 0.25rem 1.125rem;
  color: #111;
  font-family: var(--cnvs-primary-font);
  color: rgba(0, 0, 0, 0.5);
  font-size: calc(1.5vw + 0.875rem);
  font-weight: 300;
  transition: all 0.2s ease-in-out;
}

.mega-menu-content .mega-menu-links li.target-link-active a,
.mega-menu-content .mega-menu-links li:hover a {
  color: rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}

.mega-menu-content .mega-menu-links li:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 3px);
  transform: translateY(-50%) rotate(45deg);
  width: 6px;
  height: 6px;
  background-color: #ddd;
  will-change: transform;
}

.target-content {
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
}

.target-content > div {
  position: relative;
  opacity: 0.7;
  z-index: 1;
  transform: scale(1);
  will-change: transform;
  transition: all 0.2s linear;
}

.target-content > .target-active {
  opacity: 1;
  z-index: 2;
  transform: scale(1.02);
}

.target-content > div:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Reveal Carousel */
.reveal-content .owl-drag + .canvas-cursor {
  --cnvs-cursor-size: 80px;
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  align-items: center;
  justify-content: center;
  width: var(--cnvs-cursor-size);
  height: var(--cnvs-cursor-size);
  left: calc(var(--cnvs-cursor-size) / -2);
  top: calc(var(--cnvs-cursor-size) / -2);
  border-radius: 50%;
  z-index: 99999;
  border: 1px solid #F2F0E4;
  mix-blend-mode: difference;
  transition: width 0.4s ease-in-out, height 0.4s ease-in-out,
    top 0.4s ease-in-out, left 0.4s ease-in-out, opacity 0.3s 0.1s ease-in-out;
}

.device-touch .reveal-content .owl-drag + .canvas-cursor {
  display: none;
}

.reveal-content:hover .owl-drag + .canvas-cursor {
  visibility: visible;
  opacity: 1;
}

.reveal-content .owl-drag + .canvas-cursor .canvas-cursor-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 80%;
  color: #F2F0E4;
  font-family: var(--cnvs-primary-font);
  will-change: transform;
}

.reveal-content .owl-drag.owl-grab + .canvas-cursor .canvas-cursor-text {
  opacity: 0;
  visibility: hidden;
}

.reveal-content .owl-drag.owl-grab + .canvas-cursor {
  --cnvs-cursor-size: 50px;
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-left,
.reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
  --cnvs-arrow-pos: 50px;
  color: #F2F0E4;
  font-size: 24px;
  transition: transform ease-in-out 0.4s;
}

.reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-left,
.reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-right {
  --cnvs-arrow-pos: 10px;
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-left {
  transform: translateX(calc(-1 * var(--cnvs-arrow-pos)));
}

.reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
  transform: translateX(var(--cnvs-arrow-pos));
}

.reveal-content .owl-drag .owl-item {
  transition: transform 0.65s ease-in-out;
}

.reveal-content .owl-drag.owl-grab .owl-item {
  transform: scale(0.85);
}

.product:hover .product-desc h2 {
  font-style: italic;
}

.circular-text {
  position: absolute;
  width: 180px;
  height: 180px;
  top: -90px;
  right: -90px;
}

.circular-text-rotate {
  font-size: 13px;
  font-family: var(--cnvs-body-font) !important;
  opacity: 0.5;
  text-transform: uppercase;
}

.skrollable {
  transition: all 0.2s linear;
  transform-style: preserve-3d;
}

.is-expanded-menu .menu-container > .menu-item > .menu-link > div > i {
  transition: transform 0.2s cubic-bezier(0.7, 0, 0.2, 1);
  margin-left: 2px;
  top: 0;
}

.is-expanded-menu
  .menu-container
  > .menu-item:not(.menu-item-open):hover
  > .menu-link
  > div
  > i,
.is-expanded-menu
  .menu-container
  > .menu-item.menu-item-open
  > .menu-link
  > div
  i {
  transform: rotate(45deg);
  opacity: 0.7;
}

.is-expanded-menu #header.transparent-header.semi-transparent {
  --cnvs-header-bg: rgba(255, 255, 255, 0.2);
  z-index: 199;
}

.is-expanded-menu #header.transparent-header.semi-transparent.sticky-header {
  --cnvs-header-bg: #F2F0E4;
}

.menu-item.register {
  display: none;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
  margin-left: 0;
}

.is-expanded-menu .menu-link {
  font-size: 16px;
  color: var(--color-merino);
  --cnvs-primary-menu-padding-x: 25px;
  --cnvs-primary-menu-padding-y: 25px;
}

.is-expanded-menu #header.transparent-header::before {
  content: "";
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--cnvs-color-secondary);
  box-shadow: none;
  transform-origin: top center;
  transition: opacity 0.2s linear;
  will-change: transform;
}

.is-expanded-menu.top-search-open #header.transparent-header::before,
.is-expanded-menu #header.hover-light.transparent-header::before {
  opacity: 0.2;
}

.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:not(.mega-menu)
  .sub-menu-container,
.is-expanded-menu #header .primary-menu:not(.on-click) .mega-menu-content {
  box-shadow: none;
  opacity: 0;
  border-top: 0;
  margin-top: 0;
  transform: scaleY(0);
  will-change: transform;
  transform-origin: top center;
  transition: transform 0.2s 0.1s linear !important;
  background-color: var(--cnvs-color-secondary);
}

.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:hover:not(.mega-menu)
  .sub-menu-container,
.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:hover
  .mega-menu-content {
  transform: scaleY(1);
  opacity: 1;
}

.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:not(.mega-menu)
  .sub-menu-container
  > *,
.is-expanded-menu #header .primary-menu:not(.on-click) .mega-menu-content > * {
  display: block;
  opacity: 0;
  transition: opacity 0.3s 0.3s ease !important;
}

.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:hover:not(.mega-menu)
  .sub-menu-container
  > *,
.is-expanded-menu
  #header
  .primary-menu:not(.on-click)
  .menu-item:hover
  .mega-menu-content
  > * {
  opacity: 1;
}

.is-expanded-menu .mega-menu-content .mega-menu-links li a {
  padding: 0.5rem 2rem;
}

.is-expanded-menu .mega-menu-content .mega-menu-links li::before {
  left: calc(100% - 5px);
  width: 10px;
  height: 10px;
}

@media (min-width: 992px) {
  .owl-stage {
    right: -50px;
  }

  #wrapper::after {
    content: "";
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    background-color: rgba(19, 8, 2, 0);
    transition: opacity 0.7s, background-color 0.2s ease;
  }

  .is-expanded-menu.top-search-open #wrapper::after,
  #wrapper.header-overlay::after {
    opacity: 1;
    background-color: rgba(19, 8, 2, 0.6);
    visibility: visible;
  }
}

/* Custom */
.display-4 {
  font-size: 4.2rem;
}

#content {
  background-color: var(--color-black-el);
}

#slider .vertical-middle {
  display: none;
}

#slider .slider-inner video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -1;
}

#slider .slider-inner video.mobile {
  display: none;
}

#slider .slider-inner .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#slider h2 {
  text-align: center;
}

#slider .letter {
  color: var(--color-merino);
  font-weight: 900;
}

.row-1 {
  color: var(--color-merino);
}

.row-1 .container p {
  width: 100%;
  margin-inline: auto;
}

.row-1 .container p:last-child {
  margin-bottom: 0;
}

.row-2 {
  padding: 0;
}

.row-2-cnt-2 {
  padding-block: 125px;
}

.row-2-cnt-2 .col-l {
  padding-left: 7% !important;
  padding-right: 7% !important;
  
}

.row-2-cnt-2 > .row {
  padding-inline: 25px;
}

.row-2-cnt-2 img {
  width: 100%;
}

.row-2,
.row-2 .section {
  background-color: var(--color-black);
  color: var(--color-merino);
}

.row-2 .section {
  padding-top: calc(var(--spacing-default) * 6);
  padding-bottom: calc(var(--spacing-default) * 6);
}

.row-2 h3 {
  color: var(--color-merino);
}

.row-3-2 img {
  width: 100%;
}

.row-2-cnt-2 h3 {
  color: var(--color-merino);
}

.hero-banner-grow {
  width: 100%;
}

.row-3 {
  padding-bottom: 0;
  padding-top: 0;
  background-color: var(--color-black-el);
  color: var(--color-merino);
}

.row-3 .grow-wrapper {
  position: relative;
}

.row-3 h3 {
  color: var(--color-merino);
}

.row-3 .row-3-1 {
  position: relative;
  padding-inline: 25px;
  padding-top: 30px;
  overflow: hidden;
}

.row-3 .row-3-1 h3 {
  color: var(--color-merino);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 90%;
  text-align: center;
  z-index: 1;
}

.caption {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  z-index: 1;
}

.caption p {
  color: #F2F0E4;
  margin-bottom: 0;
  font-size: 12px;
  text-transform: uppercase;
}

.row-3 .container-fluid {
  padding: 0 var(--spacing-default);
  z-index: 2;
  position: relative;
  overflow-y: hidden;
}

.row-3 .col-l {
  padding-left: var(--default-spacing);
  --bs-gutter-x: 3.125rem;
  padding: calc(var(--bs-gutter-x)* 0.4) calc(var(--bs-gutter-x)* 0.4);
}

.row-3 .col-r {
  transform: translate(0%, 0%) scale(1);
  z-index: 1;
}

.row-3 .row-3-2 .inner {
  margin-top: calc(var(--spacing-default) * 5);
}

.row-3 .row-3-3 {
  background-color: transparent;
  margin-left: 0;
  margin-top: calc(var(--spacing-default) * 1);
}

.row-3 .row-3-3 .inner {
  overflow: hidden;
  min-height: calc(var(--spacing-default) * 10);
}





.row-3 .row-3-3 img {
  transform: unset;
  width: 100%;
  height: 100%;
}

.row-4 {
  background-color: var(--color-black-el);
  /* padding-top: 8rem !important; */
  /* padding-bottom: 8rem !important; */
  margin-bottom: 0;
  padding-bottom: 0;
}

.row-4 .pin-spacer {
  max-width: 50% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.icon-lists-none li {
  margin-bottom: calc(var(--spacing-default) * 0.7);
  display: flex;
  line-height: 1.3;
  align-items: center;
}

.row-4 h3,
.row-4 ul {
  color: var(--color-merino);
}

.row-4 .icon-lists-none {
  padding-left: 0;
}

.row-4 .list-icon {
  width: 2.5vw;
  height: auto;
  margin-right: calc(var(--spacing-default) * 0.5);
}

.row-4 .sticky-el {
  margin: 0 auto;
  color: var(--color-merino);
  display: flex;
  flex-direction: column;
  justify-content: center;  
}

.row-4 .sticky-el div {
  /* height: clamp(34.375rem, 50.223vw + 2.232rem, 62.5rem); */
  height: clamp(31.25rem, 33.557vw + 9.732rem, 50rem);
  min-height: 100vh;
}

.row-5 {
  background: var(--color-black);
  color: var(--color-merino);
}

.row-5 .display-4 {
  max-width: 68%;
}

.row-5 * {
  color: var(--color-merino) !important;
}

.row-5 h3 {
  color: var(--color-merino);
}

.row-5:after {
  content: "";
  /* border-bottom: 1px solid var(--color-black-el); */
  position: absolute;
  bottom: 0;
  left: 50px;
  width: calc(100% - 100px);
}

.row-5 .swiper_wrapper {
  min-height: clamp(25rem, 29.297vw + 6.25rem, 53.125rem);
}

.row-5 .swiper-wrapper {
  gap: 1vw;
}

.row-5 .col-l {
  --bs-gutter-x: 3.125rem;
  padding: 0 calc(var(--bs-gutter-x)* 0.8);
}

.row-5 .logo-ioi {
  width: 30%;
}

.row-5 .swiper_wrapper h3 {
  font-size: calc(var(--cnvs-font-size-body)* 1.25);
}

.slider-arrow-left,
.slider-arrow-right {
  background-color: transparent !important;
  transform: translateY(calc(clamp(5rem, 4.474vw + 2.131rem, 7.5rem) * -1));
}

.slider-arrow-left:hover,
.slider-arrow-right:hover {
  background-color: transparent !important;
  opacity: 0.5;
}

.slider-arrow-left img,
.slider-arrow-right img {
  width: 65%;
}

.row-3 .row-3-2  .row .col-md-4 {
  background: #6d7081;
}

.image-border {
  box-shadow: 1px 0 #6d7081, -1px 0 0 #6d7081;
  border: 1.4rem solid #6d7081;
}

/* row 6 */
/* Form */
.row-6 {
  text-align: center;
}

.file-caption.icon-visible .file-caption-name {
  color: #666;
}

.form-process {
  position: absolute;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-image: none;
}

.form-process > div {
  background-color: #999;
}

.form-process,
#template-inline-submitted,
.template-inline-complete .form-process {
  display: none;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.7);
}

.template-inline-processing .form-process {
  display: block;
  opacity: 1;
}

#template-inline {
  font-size: inherit;
  line-height: 1.6;
  text-align: center;
}

#template-inline input,
#template-inline textarea,
#template-inline select {
  border: none;
  background: transparent;
  display: inline-block;
  margin: 0 5px;
  width: 100px;
  border-bottom: unset !important;
  border-radius: unset;
  text-align: center;
}

#template-inline textarea {
  padding: 0;
  line-height: 3.8em !important;
  height: 25px;
}

#template-inline input:focus {
  outline: none;
}

.nl-field.nl-field-open {
  z-index: 10000;
}

.nl-field-toggle,
#template-inline input,
#template-inline textarea,
#template-inline select {
  line-height: inherit;
  display: inline-block;
  color: var(--color-grey-cloud);
  cursor: pointer;
  border-bottom: 1px dotted var(--cnvs-themecolor);
}

#template-inline input::-moz-placeholder {
  color: var(--color-grey-cloud);
  opacity: 0.5;
}

#template-inline input:-ms-input-placeholder {
  color: var(--color-grey-cloud);
  opacity: 0.5;
}

#template-inline input::-webkit-input-placeholder {
  color: var(--color-grey-cloud);
  opacity: 0.5;
}

input.error,
select.error {
  border-bottom: 1px solid #e42c3e !important;
}

#template-inline span {
  color: var(--color-grey-cloud);
}

#template-inline .form-check-label span { 
  /* border-bottom: 1px solid; */
}

#template-inline .form-check-label a {
  color: var(--color-merino);
}

#template-inline .form-check-label a:hover {
  /* opacity: 0.5;
  transition: opacity 0.5s ease-out 100ms !important; */
}

#template-inline .form-check {
  display: flex;
  min-height: 1.5rem;
  margin-bottom: 0.125rem;
}

#template-inline .form-check .form-check-input {
  float: left;
  margin-right: 0.5rem;
}

#template-inline .form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

#template-inline .form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

#template-inline .form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: transparent;
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid var(--color-merino);
  border-bottom: 2px solid var(--color-merino) !important;
  border-radius: 0 !important;
  print-color-adjust: exact;
}

#template-inline .form-check-input[type="checkbox"] {
  border-radius: 0.25em;
}

#template-inline .form-check-input[type="radio"] {
  border-radius: 50%;
}

#template-inline .form-check-input:active {
  filter: brightness(90%);
}

#template-inline .form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

#template-inline .form-check-input:checked {
  /* background-color: #0d6efd; */
  /* border-color: #0d6efd; */
}

#template-inline .form-check-input:checked[type="checkbox"] {
  /* --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); */
  /* border: none; */
}

#template-inline .form-check-input:checked[type="radio"] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

#template-inline .form-check-input[type="checkbox"]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

#template-inline .form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

#template-inline .form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

#template-inline .form-switch {
  padding-left: 2.5em;
}

#template-inline .form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  #template-inline .form-switch .form-check-input {
    transition: none;
  }
}

#template-inline .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

#template-inline .form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

#template-inline .form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

#template-inline .form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

#template-inline .form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

#template-inline .btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

#template-inline .btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

#template-inline .btn-join {
  background-color: var(--color-black);
  border-radius: 0;
  border: 0;
  font-size: inherit;
  border: 1px solid var(--color-black);
}

#template-inline .btn-join:hover {
  border: 1px solid var(--color-merino);
  background-color: transparent;
  color: var(--color-merino);  
}


#template-inline .form-check-wrapper {
  align-items: center;
  display: flex;
  justify-content: center !important;
}

#template-inline .form-check-label {
  font-weight: 400;
}

.w-40 {
  width: 40%;
}

.ml11 .text-wrapper {
  position: relative;
}

.ml11 .letter {
  display: inline-block;
  line-height: 1em;
}

#sec-register,
#sec-register h3 {
  color: var(--color-merino);
}

.mute-unmute {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  background: transparent;
  border: 0;
  outline: 0;
  color: #F2F0E4;
  font-size: 12px;
  cursor: pointer;
}

.mute-unmute img {
  margin-left: 5px;
  filter: invert(1);
}

hr.seperator {
  width: calc(100% - 50px);
  margin-inline: auto;
  border-bottom: 1px solid #000;
}

/* Menu Open Overlay */

.primary-menu-open-all {
  overflow: hidden !important;
}

.overlay-m {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(000,000,000,0.4);
}
.primary-menu-open-all .overlay-m {
  display: block;
}

.icn-bullet {
  position: relative;
  padding-left: 10px;
}
.icn-bullet::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: var(--color-merino);
  border-radius: 100%;
  top: 40%;
  left: 0;
  
}



@media (min-width: 1921px) {
  .row-3 .row-3-3 p {
    max-width: 75%;
  }
}

@media (min-width: 1600px) {
  .row-3 .row-3-3 p {
    max-width: 80%;
  }
}

@media (min-width: 1024px) {
  .lg-hide {
    display: none;
  }
  .row-3 .row-3-3 .col-r {
    /* min-height: clamp(37.5rem, 49.423vw + 5.807rem, 75rem); */
  }  
}



@media screen and (max-width: 1800px) and (min-width: 1501px) {
  :root {
    --bs-body-font-size: 0.9rem;
    --spacing-default: 40px;
  }

  .display-4 {
    font-size: calc(clamp(3rem, 0rem + 4.6875vw, 5.625rem) * 0.75);
  }
}

@media screen and (max-width: 1500px) and (min-width: 1281px) {
  :root {
    --bs-body-font-size: 0.8rem;
    --spacing-default: 35px;
  }

  .display-4 {
    font-size: calc(clamp(3rem, 0rem + 4.6875vw, 5.625rem) * 0.7);
  }
}

@media screen and (max-width: 1441px) and (min-width: 1024px) {
  /* #slider .slider-inner {
		background-image: url('images/hero-3.jpg');
	} */

  .row-2 .vh-100 {
    height: 60vh !important;
  }
}

@media screen and (max-width: 1440px) and (min-width: 1024px) {
  .is-expanded-menu .menu-link,
  .btn-register .button-inner {
    font-size: 12px;
  }

  :root {
    --bs-body-font-size: 0.7rem;
    --spacing-default: 30px;
  }

  .col-lg-4 {
    width: 50%;
  }

  .display-4 {
    font-size: calc(clamp(3rem, 0rem + 4.6875vw, 5.625rem) * 0.7);
  }
}

@media screen and (max-width: 1024px) {
  .row-4 .sticky-el div {
    height: auto;
    min-height: auto;
  }
}



@media screen and (max-width: 1023px) {
  #header.show-sticky-onscroll.sticky-header #header-wrap {
    margin-top: 0;
    background: var(--color-merino);
  }

  #header.show-sticky-onscroll.sticky-header #header-wrap img {
    height: calc(var(--cnvs-header-height)* 0.5);
    max-width: 30vw;
 }

  #header.sticky-on-scrollup.sticky-header #header-wrap .primary-menu-trigger {
    border: 1px solid var(--color-black);
  }

  #header.sticky-on-scrollup.sticky-header #header-wrap .primary-menu-trigger .cnvs-hamburger .cnvs-hamburger-inner, 
  #header.sticky-on-scrollup.sticky-header #header-wrap .primary-menu-trigger .cnvs-hamburger .cnvs-hamburger-inner::before, 
  #header.sticky-on-scrollup.sticky-header #header-wrap .primary-menu-trigger .cnvs-hamburger .cnvs-hamburger-inner::after {
    background-color: var(--color-black);
  }  


}

@media screen and (min-width: 480px) {
  .sm-br {
    display: none;
  }
}



@media screen and (max-width: 1023px) and (min-width: 768px) {
  .row-1 .container p {
    width: 86%;
    max-width: 86%;
  }
}

@media screen and (max-width: 767px) {
  .row-1 .container p {
    width: 100%;
    max-width: 100%;
  }
}
/* Global */
.color-w {
  color: var(--color-merino);
}