@media (min-width: 992px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba500"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="6fa0a078-11a2-7dfd-9e30-1ef764337211"] {
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba504"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba506"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba508"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="2dbb6f00-45c2-4673-b721-635e5600ddfe"] {
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="08552228-74cc-668b-e001-b6d943ebdf00"] {
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="08552228-74cc-668b-e001-b6d943ebdf01"] {
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="08552228-74cc-668b-e001-b6d943ebdf05"] {
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="08552228-74cc-668b-e001-b6d943ebdf13"] {
    opacity: 0;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba500"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="6fa0a078-11a2-7dfd-9e30-1ef764337211"] {
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba504"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba506"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba508"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="2dbb6f00-45c2-4673-b721-635e5600ddfe"] {
    opacity: 0;
  }
}

@media (max-width: 767px) and (min-width: 480px) {
  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba500"] {
    opacity: 0;
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="6fa0a078-11a2-7dfd-9e30-1ef764337211"] {
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba504"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba506"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="8dbae218-6ddc-d279-6e3c-68cb468ba508"] {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -moz-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    -ms-transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
    opacity: 0;
  }

  html.w-mod-js:not(.w-mod-ix) [data-w-id="2dbb6f00-45c2-4673-b721-635e5600ddfe"] {
    opacity: 0;
  }
}

html.lenis {
  height: auto;
}

*:focus {
  outline: none;
  font-smooth: auto;
}

a,
input,
.checkbox-field-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

.case,
.wrap-img-approach,
.border-radius-s,
.wrapper-case-frame,
.case.spotlight,
.wrapper-img-contact,
.wrap-img-our-story,
.section.case-detail-bg {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.cursor-wrapper,
.wrapper-arrow-button-submit {
  pointer-events: none;
}

.navbar-logo-left {
  mix-blend-mode: difference;
}

.nav-dropdown:hover+.navbar-logo-left {
  mix-blend-mode: normal;
}

.menu-button,
.wrap-menu-button {
  mix-blend-mode: difference;
}



.wrapper-inner-arrow-button.text-primary-lighter.hide-m,
.embed-arrow.i1 {
  mix-blend-mode: normal;
}

.grid-cases>.wrap-case:nth-child(1) {
  margin-top: 7.5em;
}

.grid-cases>.wrap-case:nth-child(4) {
  margin-top: -7.5em;
}

.grid-cases>.wrap-case:nth-child(6) {
  margin-top: -7.5em;
}

.grid-cases>.wrap-case:nth-child(8) {
  margin-top: -7.5em;
}

@media only screen and (max-width:991px) {

  .list-item.hover {
    mix-blend-mode: normal;
  }

  .grid-cases>.wrap-case:nth-child(1) {
    margin-top: 0em;
  }

  .grid-cases>.wrap-case:nth-child(4) {
    margin-top: 0em;
  }

  .grid-cases>.wrap-case:nth-child(6) {
    margin-top: 0em;
  }

  .grid-cases>.wrap-case:nth-child(8) {
    margin-top: 0em;
  }

}

@media only screen and (max-width:479px) {

  .nav-dropdown-list.shadow-three.mobile-shadow-hide.cases {
    display: none;

  }
}

.nav-dropdown ul:hover ul {
  transition: 0s;
}

.nav-dropdown ul:not(:hover) ul {
  transition: 1s 1s;
}

body .transition {
  display: block;
}

.w-editor .transition {
  display: none;
}

.no-scroll-transition {
  overflow: hidden;
  position: relative;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove default arrow */
}

.section.sticky-1.overflow-clip {
  overflow: clip;
}


h1 {
  font-family: ABCDiatype;
  font-size: 7em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.075em;
  color: #1a1a1a;
}

h2,
.h2-substitute {
  font-family: ABCDiatype;
  font-size: 5em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #1a1a1a;
}

h3 {
  font-family: ABCDiatype;
  font-size: 3em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.075em;
  color: #1a1a1a;
}

h4 {
  font-family: ABCDiatype;
  font-size: 2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.125rem;
}

h5,
.h5-substitute {
  font-family: ABCDiatype;
  font-size: 2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0, 1rem;
}

a {
  text-decoration: none;
}

.label {
  font-family: ABCDiatype;
  font-size: 0.875em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.35px;
  text-transform: uppercase;
}

.body-large-bold {
  font-size: 1.25em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}

.body-large-regular {
  font-size: 1.25em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.05em;
}

.body-base-bold {
  font-size: 1.125em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.body-small-bold {
  font-size: 1em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.body-small-regular {
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.05em;
}

/* SPACING */

.m-l-xxxs {
  margin-left: 0.25em;
}

.m-r-xxxs {
  margin-right: 0.25em;
}

.m-t-xxxs {
  margin-top: 0.25vw;
}

.m-b-xxxs {
  margin-bottom: 0.25vw;
}

.m-l-xxs {
  margin-left: 0.5em;
}

.m-r-xxs {
  margin-right: 0.5em;
}

.m-t-xxs {
  margin-top: 0.5vw;
}

.m-b-xxs {
  margin-bottom: 0.5vw;
}

.m-l-xs {
  margin-left: 1em;
}

.m-r-xs {
  margin-right: 1em;
}

.m-t-xs {
  margin-top: 1vw;
}

.m-b-xs {
  margin-bottom: 1vw;
}

.m-l-s {
  margin-left: 1.5em;
}

.m-r-s {
  margin-right: 1.5em;
}

.m-t-s {
  margin-top: 1.5vw;
}

.m-b-s {
  margin-bottom: 1.5vw;
}

.m-l-m {
  margin-left: 2em;
}

.m-r-m {
  margin-right: 2em;
}

.m-t-m {
  margin-top: 2vw;
}

.m-b-m {
  margin-bottom: 2vw;
}

.m-l-l {
  margin-left: 2.5em;
}

.m-r-l {
  margin-right: 2.5em;
}

.m-t-l {
  margin-top: 2.5vw;
}

.m-b-l {
  margin-bottom: 2.5vw;
}

.m-l-xl {
  margin-left: 3em;
}

.m-r-xl {
  margin-right: 3em;
}

.m-t-xl {
  margin-top: 3vw;
}

.m-b-xl {
  margin-bottom: 3vw;
}

.m-l-xxl {
  margin-left: 3.5em;
}

.m-r-xxl {
  margin-right: 3.5em;
}

.m-t-xxl {
  margin-top: 3.5vw;
}

.m-b-xxl {
  margin-bottom: 3.5vw;
}

.m-l-xxxl {
  margin-left: 5em;
}

.m-r-xxxl {
  margin-right: 5em;
}

.m-t-xxxl {
  margin-top: 5vw;
}

.m-b-xxxl {
  margin-bottom: 5vw;
}

.m-l-ultra {
  margin-left: 7.5em;
}

.m-r-ultra {
  margin-right: 7.5em;
}

.m-t-ultra {
  margin-top: 7.5vw;
}

.m-b-ultra {
  margin-bottom: 7.5vw;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.* {
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}

.case:nth-child(odd) {
  margin-top: 0rem !important;
}

.cursor-wrapper {
  pointer-events: none;
}

/* TABLET */

@media only screen and (max-width: 991px) {
  h1 {
    font-family: ABCDiatype;
    font-size: 5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.5rem;
  }

  h2,
  .h2-substitute {
    font-family: ABCDiatype;
    font-size: 4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h3 {
    font-family: ABCDiatype;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.15rem;
  }

  h4 {
    font-family: ABCDiatype;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -2px;
  }

  h5 {
    font-family: ABCDiatype;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1.6px;
  }

  .label {
    font-family: ABCDiatype;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.35px;
    text-transform: uppercase;
  }

  .body-large-bold {
    font-size: 1.25rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
  }

  .body-large-regular {
    font-size: 1.25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.05em;
  }

  .body-base-bold {
    font-size: 1.125rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
  }

  .body-small-bold {
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
  }

  .body-small-regular {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.05em;
  }

  /* SPACING */

  .m-l-xxxs {
    margin-left: 0.25rem;
  }

  .m-r-xxxs {
    margin-right: 0.25rem;
  }

  .m-t-xxxs {
    margin-top: 0.25rem;
  }

  .m-b-xxxs {
    margin-bottom: 0.25rem;
  }

  .m-l-xxs {
    margin-left: 0.5rem;
  }

  .m-r-xxs {
    margin-right: 0.5rem;
  }

  .m-t-xxs {
    margin-top: 0.5rem;
  }

  .m-b-xxs {
    margin-bottom: 0.5rem;
  }

  .m-l-xs {
    margin-left: 1rem;
  }

  .m-r-xs {
    margin-right: 1rem;
  }

  .m-t-xs {
    margin-top: 1rem;
  }

  .m-b-xs {
    margin-bottom: 1rem;
  }

  .m-l-s {
    margin-left: 1.5rem;
  }

  .m-r-s {
    margin-right: 1.5rem;
  }

  .m-t-s {
    margin-top: 1.5rem;
  }

  .m-b-s {
    margin-bottom: 1.5rem;
  }

  .m-l-m {
    margin-left: 2rem;
  }

  .m-r-m {
    margin-right: 2rem;
  }

  .m-t-m {
    margin-top: 2rem;
  }

  .m-b-m {
    margin-bottom: 2rem;
  }

  .m-l-l {
    margin-left: 2.5rem;
  }

  .m-r-l {
    margin-right: 2.5rem;
  }

  .m-t-l {
    margin-top: 2.5rem;
  }

  .m-b-l {
    margin-bottom: 2.5rem;
  }

  .m-l-xl {
    margin-left: 3rem;
  }

  .m-r-xl {
    margin-right: 3rem;
  }

  .m-t-xl {
    margin-top: 3rem;
  }

  .m-b-xl {
    margin-bottom: 3rem;
  }

  .m-l-xxl {
    margin-left: 3.5rem;
  }

  .m-r-xxl {
    margin-right: 3.5rem;
  }

  .m-t-xxl {
    margin-top: 3.5rem;
  }

  .m-b-xxl {
    margin-bottom: 3.5rem;
  }

  .m-l-xxxl {
    margin-left: 3.5rem;
  }

  .m-r-xxxl {
    margin-right: 3.5rem;
  }

  .m-t-xxxl {
    margin-top: 3.5rem;
  }

  .m-b-xxxl {
    margin-bottom: 3.5rem;
  }

  .m-l-ultra {
    margin-left: 5rem;
  }

  .m-r-ultra {
    margin-right: 5rem;
  }

  .m-t-ultra {
    margin-top: 5rem;
  }

  .m-b-ultra {
    margin-bottom: 5rem;
  }
}

/* MOBILE */

@media only screen and (max-width: 479px) {

  h1,
  .h1-substitute {
    font-family: ABCDiatype;
    font-size: 3.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.06em;
  }

  h2,
  .h2-substitute {
    font-family: ABCDiatype;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h3 {
    font-family: ABCDiatype;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h4 {
    font-family: ABCDiatype;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -2px;
  }

  h5,
  .h5-substitute {
    font-family: ABCDiatype;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.05em;
  }
}

@media only screen and (max-width: 380px) {
  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

#logo-b {
  width: 12rem;
  filter: invert(1);
}

.dropdown-inner,
.button-main {
  /* font-size: 1.325em; */
}

.logo-preloader {
  width: 12em;
}

.wrapper-logo-preloader {
  height: auto;
}

h1 {
  font-family: ABCDiatype;
  font-size: 7em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: -0.075em;
  color: #1A1A1A;
}

h2,
.h2-substitute {
  font-family: ABCDiatype;
  font-size: 5em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.05em;
  color: #1A1A1A;
}

h3 {
  font-family: ABCDiatype;
  font-size: 3em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.075em;
  color: #1A1A1A;
}

h4 {
  font-family: ABCDiatype;
  font-size: 2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.125rem;
}

h5,
.h5-substitute {
  font-family: ABCDiatype;
  font-size: 2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0, 1rem;
}

a {
  text-decoration: none;
}

.label {
  font-family: ABCDiatype;
  font-size: 0.875em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: -0.35px;
  text-transform: uppercase;
}



.body-large-bold {
  font-size: 1.25em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
}

.body-large-regular {
  font-size: 1.25em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: -0.05em;
}

.body-base-bold {
  font-size: 1.125em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}

.body-small-bold {
  font-size: 1em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
}

.body-small-regular {
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: -0.05em;
}


/* SPACING */

.m-l-xxxs {
  margin-left: 0.25em;
}

.m-r-xxxs {
  margin-right: 0.25em;
}

.m-t-xxxs {
  margin-top: 0.25vw;
}

.m-b-xxxs {
  margin-bottom: 0.25vw;
}

.m-l-xxs {
  margin-left: 0.5em;
}

.m-r-xxs {
  margin-right: 0.5em;
}

.m-t-xxs {
  margin-top: 0.5vw;
}

.m-b-xxs {
  margin-bottom: 0.5vw;
}

.m-l-xs {
  margin-left: 1em;
}

.m-r-xs {
  margin-right: 1em;
}

.m-t-xs {
  margin-top: 1vw;
}

.m-b-xs {
  margin-bottom: 1vw;
}

.m-l-s {
  margin-left: 1.5em;
}

.m-r-s {
  margin-right: 1.5em;
}

.m-t-s {
  margin-top: 1.5vw;
}

.m-b-s {
  margin-bottom: 1.5vw;
}

.m-l-m {
  margin-left: 2em;
}

.m-r-m {
  margin-right: 2em;
}

.m-t-m {
  margin-top: 2vw;
}

.m-b-m {
  margin-bottom: 2vw;
}

.m-l-l {
  margin-left: 2.5em;
}

.m-r-l {
  margin-right: 2.5em;
}

.m-t-l {
  margin-top: 2.5vw;
}

.m-b-l {
  margin-bottom: 2.5vw;
}

.m-l-xl {
  margin-left: 3em;
}

.m-r-xl {
  margin-right: 3em;
}

.m-t-xl {
  margin-top: 3vw;
}

.m-b-xl {
  margin-bottom: 3vw;
}

.m-l-xxl {
  margin-left: 3.5em;
}

.m-r-xxl {
  margin-right: 3.5em;
}

.m-t-xxl {
  margin-top: 3.5vw;
}

.m-b-xxl {
  margin-bottom: 3.5vw;
}

.m-l-xxxl {
  margin-left: 5em;
}

.m-r-xxxl {
  margin-right: 5em;
}

.m-t-xxxl {
  margin-top: 5vw;
}

.m-b-xxxl {
  margin-bottom: 5vw;
}

.m-l-ultra {
  margin-left: 7.5em;
}

.m-r-ultra {
  margin-right: 7.5em;
}

.m-t-ultra {
  margin-top: 7.5vw;
}

.m-b-ultra {
  margin-bottom: 7.5vw;
}


* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.* {
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

.case:nth-child(odd) {
  margin-top: 0rem !important;
}

.cursor-wrapper {
  pointer-events: none;
}


/* TABLET */

@media only screen and (max-width: 991px) {

  h1 {
    font-family: ABCDiatype;
    font-size: 5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.5rem;
  }

  h2,
  .h2-substitute {
    font-family: ABCDiatype;
    font-size: 4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h3 {
    font-family: ABCDiatype;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.15rem;
  }

  h4 {
    font-family: ABCDiatype;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -2px;
  }

  h5 {
    font-family: ABCDiatype;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -1.6px;
  }

  .label {
    font-family: ABCDiatype;
    font-size: 0.875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.35px;
    text-transform: uppercase;
  }


  .body-large-bold {
    font-size: 1.25rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
  }

  .body-large-regular {
    font-size: 1.25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.05em;
  }

  .body-base-bold {
    font-size: 1.125rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
  }

  .body-small-bold {
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
  }

  .body-small-regular {
    font-size: 1rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: -0.05em;
  }

  /* SPACING */

  .m-l-xxxs {
    margin-left: 0.25rem;
  }

  .m-r-xxxs {
    margin-right: 0.25rem;
  }

  .m-t-xxxs {
    margin-top: 0.25rem;
  }

  .m-b-xxxs {
    margin-bottom: 0.25rem;
  }

  .m-l-xxs {
    margin-left: 0.5rem;
  }

  .m-r-xxs {
    margin-right: 0.5rem;
  }

  .m-t-xxs {
    margin-top: 0.5rem;
  }

  .m-b-xxs {
    margin-bottom: 0.5rem;
  }

  .m-l-xs {
    margin-left: 1rem;
  }

  .m-r-xs {
    margin-right: 1rem;
  }

  .m-t-xs {
    margin-top: 1rem;
  }

  .m-b-xs {
    margin-bottom: 1rem;
  }

  .m-l-s {
    margin-left: 1.5rem;
  }

  .m-r-s {
    margin-right: 1.5rem;
  }

  .m-t-s {
    margin-top: 1.5rem;
  }

  .m-b-s {
    margin-bottom: 1.5rem;
  }

  .m-l-m {
    margin-left: 2rem;
  }

  .m-r-m {
    margin-right: 2rem;
  }

  .m-t-m {
    margin-top: 2rem;
  }

  .m-b-m {
    margin-bottom: 2rem;
  }

  .m-l-l {
    margin-left: 2.5rem;
  }

  .m-r-l {
    margin-right: 2.5rem;
  }

  .m-t-l {
    margin-top: 2.5rem;
  }

  .m-b-l {
    margin-bottom: 2.5rem;
  }

  .m-l-xl {
    margin-left: 3rem;
  }

  .m-r-xl {
    margin-right: 3rem;
  }

  .m-t-xl {
    margin-top: 3rem;
  }

  .m-b-xl {
    margin-bottom: 3rem;
  }

  .m-l-xxl {
    margin-left: 3.5rem;
  }

  .m-r-xxl {
    margin-right: 3.5rem;
  }

  .m-t-xxl {
    margin-top: 3.5rem;
  }

  .m-b-xxl {
    margin-bottom: 3.5rem;
  }

  .m-l-xxxl {
    margin-left: 3.5rem;
  }

  .m-r-xxxl {
    margin-right: 3.5rem;
  }

  .m-t-xxxl {
    margin-top: 3.5rem;
  }

  .m-b-xxxl {
    margin-bottom: 3.5rem;
  }

  .m-l-ultra {
    margin-left: 5rem;
  }

  .m-r-ultra {
    margin-right: 5rem;
  }

  .m-t-ultra {
    margin-top: 5rem;
  }

  .m-b-ultra {
    margin-bottom: 5rem;
  }

}


/* MOBILE */

@media only screen and (max-width: 479px) {

  h1,
  .h1-substitute {
    font-family: ABCDiatype;
    font-size: 3.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.06em;
  }

  h2,
  .h2-substitute {
    font-family: ABCDiatype;
    font-size: 3rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h3 {
    font-family: ABCDiatype;
    font-size: 2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.05em;
  }

  h4 {
    font-family: ABCDiatype;
    font-size: 2.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: -2px;
  }

  h5,
  .h5-substitute {
    font-family: ABCDiatype;
    font-size: 1.5rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.05em;
  }

  #logo-b {
      width: 8rem;
  }

  .heading {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }

  #w-node-_70ff99e9-836d-7f9d-8080-4e964bd4058e-62586b20.sub {
    grid-column: 1 / -1;
    width: 19rem;
  }

  #w-node-_3ed7ff46-cfc3-a099-27dc-129b8ca25ec9-62586b20 {
    grid-area: span 1/span 12/span 1/span 12;
    align-self: center;
    justify-self: center;
    margin-top: 1rem;
}
}


@media only screen and (max-width: 380px) {

  .container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

}

@media only screen and (min-width: 1700px) {
  .wrapper {
    margin-top: 10rem;
  }
}

.acc-body {
  display: none;
}

.acc-body-2 {
  display: none;
}

/* smooth scrolling on iOS devices */
.fs-cc-prefs_content {
  -webkit-overflow-scrolling: touch;
}

.body-small-regular.text-primary-lighter {
  display: flex;
  align-items: center;
}