/*--- 2. Elements ---*/
html {
  scroll-behavior: smooth;
}

.u-flat {
  margin-top: 0 !important;
}

.no-wrap {
  white-space: nowrap;
}

.u-mw-50 {
  max-width: 50em;
}

.u-wrapper--narrow {
  max-width: 68.75rem;
}

.u-wrapper--sm {
  max-width: 73.4375rem;
}

.u-wrapper--md {
  max-width: 77.625rem;
}

.u-wrapper--1248 {
  max-width: 1248px;
}
@media (min-width: 1278px) {
  .u-wrapper--1248 .c-col8-md {
    margin-left: 96.5px;
    margin-right: -36.5px;
  }
}

.u-wrapper--lg {
  max-width: 1477px;
}

.u-wrapper--xl {
  max-width: 1530px;
}

.u-wrapper--1996 {
  max-width: 1996px;
}

.u-wrapper--xxl {
  max-width: 100em;
}

.u-wrapper--106 {
  max-width: 106em;
}

.u-wrapper--108 {
  max-width: 108em;
}

.u-wrapper--giant {
  max-width: 140em;
}

.u-mw-450 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.justify-start {
  justify-content: flex-start !important;
}

.relative {
  position: relative;
}

.u-fs-20 {
  line-height: 1.4;
}
@media (min-width: 40em) {
  .u-fs-20 {
    font-size: 19.75px;
  }
}

@media (min-width: 40em) {
  .u-fs-16 {
    font-size: 1rem;
  }
}

@media (min-width: 40em) {
  .u-fs-15 {
    font-size: 0.9375rem;
  }
}

@media (min-width: 40em) {
  .u-fs-14 {
    font-size: 0.875rem;
  }
}

.u-fs-12 {
  font-size: 0.75rem;
}

.u-fs-125 {
  font-size: 12.5px;
  line-height: 25px;
}

.u-fs-10 {
  font-size: 0.625rem;
}

.u-fw-300 {
  font-weight: 300;
}

.u-fw-400 {
  font-weight: 400;
}

.u-fw-600 {
  font-weight: 600;
}

.u-ls-sm {
  letter-spacing: -0.1px;
}

.u-ls-md {
  letter-spacing: 0.2px;
}

.u-ls-lg {
  letter-spacing: 0.75px;
}

.u-ls-xl {
  letter-spacing: 1.2px;
}

.u-t-a-c {
  text-align: center;
}
.u-t-a-c img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.underline {
  text-decoration: underline;
}

.u-c-p {
  color: #757373;
}

.u-c-s {
  color: #444342;
}

.u-c-grey, .grey {
  color: #949291;
}

.u-c-white {
  color: #fff;
}

.u-vs--xs {
  margin-top: 0.5rem;
}

.u-vs--sm {
  margin-top: 0.75rem;
}

.u-vs {
  margin-top: 1rem;
}

.u-vs--md--sm {
  margin-top: 1.75rem !important;
}

.u-vs--md {
  margin-top: 2rem;
}

.u-vs--lg {
  margin-top: 2.5rem;
}

.flex {
  display: flex;
}

.fit-content {
  width: fit-content;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.is-hidden {
  display: none !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mt-5 {
  margin-top: 5px !important;
}

.u-mt-11 {
  margin-top: 11px !important;
}

.u-mt-12 {
  margin-top: 12px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mt-26 {
  margin-top: 26px !important;
}

.u-mt-30 {
  margin-top: 30px !important;
}

.u-mt-32 {
  margin-top: 32px !important;
}

.u-mt-35 {
  margin-top: 35px !important;
}

.u-mt-38 {
  margin-top: 38px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mt-43 {
  margin-top: 43px !important;
}

.u-mt-48 {
  margin-top: 48px !important;
}

.u-mt-52 {
  margin-top: 52px !important;
}

.u-mt-55 {
  margin-top: 55px !important;
}

.u-mt-60 {
  margin-top: 60px !important;
}

.u-mt-63 {
  margin-top: 63px !important;
}

.u-mt-65 {
  margin-top: 65px !important;
}

.u-mt-70 {
  margin-top: 70px !important;
}

.u-mt-75 {
  margin-top: 75px !important;
}

.u-mt-80 {
  margin-top: 80px !important;
}

.u-mt-88 {
  margin-top: 88px !important;
}

.u-mt-100 {
  margin-top: 100px !important;
}

.u-mt-m-2 {
  margin-top: -2px !important;
}

.u-mt-m-26 {
  margin-top: -26px;
}

.u-mt-m-40 {
  margin-top: -40px;
}

.u-mt-m-64 {
  margin-top: -64px;
}

.u-mb-42 {
  margin-bottom: 42px !important;
}

.u-mb-65 {
  margin-bottom: 65px !important;
}

.u-mb-69 {
  margin-bottom: 69px !important;
}

.u-mb-70 {
  margin-bottom: 70px !important;
}

.u-mb-75 {
  margin-bottom: 75px !important;
}

.u-pt-20 {
  padding-top: 20px;
}

.u-pt-24 {
  padding-top: 24px;
}

.u-pt-48 {
  padding-top: 48px;
}

.u-pt-55 {
  padding-top: 55px;
}

.u-pt-60 {
  padding-top: 60px;
}

.u-pt-64 {
  padding-top: 64px;
}

.u-pt-68 {
  padding-top: 68px;
}

.u-pt-74 {
  padding-top: 74px;
}

.u-pt-84 {
  padding-top: 84px;
}

.u-pt-91 {
  padding-top: 91px;
}

.u-pb-18 {
  padding-bottom: 18px;
}

.u-pb-22 {
  padding-bottom: 22px;
}

.u-pb-32 {
  padding-bottom: 32px;
}

.u-pb-50 {
  padding-bottom: 50px;
}

.u-pb-54 {
  padding-bottom: 54px;
}

.u-pb-60 {
  padding-bottom: 60px;
}

.u-pb-64 {
  padding-bottom: 64px;
}

.u-pb-68 {
  padding-bottom: 68px;
}

.u-pb-74 {
  padding-bottom: 74px;
}

.u-pb-82 {
  padding-bottom: 82px;
}

.u-pb-85 {
  padding-bottom: 85px;
}

.u-pb-88 {
  padding-bottom: 88px;
}

.u-display-md {
  display: none;
}

@media (max-width: 40em) {
  .u-mt-sm-24 {
    margin-top: 24px;
  }
}
@media (max-width: 55em) {
  .u-mt-63, .u-mt-60 {
    margin-top: 30px;
  }

  .u-mt-65 {
    margin-top: 32px;
  }

  .u-mt-70 {
    margin-top: 35px;
  }

  .u-mt-80 {
    margin-top: 40px;
  }

  .u-mt-100 {
    margin-top: 50px;
  }

  .u-mb-65 {
    margin-bottom: 32px !important;
  }

  .u-pt-68 {
    padding-top: 34px;
  }

  .u-pt-91 {
    padding-top: 40px;
  }

  .u-pb-60 {
    padding-bottom: 30px;
  }

  .u-pb-88 {
    padding-bottom: 44px;
  }

  .u-mt-sm {
    margin-top: 1.5rem !important;
  }
}
@media (max-width: 65em) {
  .c-product .text-center-sm {
    text-align: center;
  }
}
@media (min-width: 55em) {
  .u-pr-md-36 {
    padding-right: 36px;
  }

  .u-hide-md {
    display: none;
  }

  .u-display-md {
    display: block;
  }

  .u-mt-0-md {
    margin-top: 0;
  }

  .flex-md {
    display: flex;
  }
}
@media (min-width: 65em) {
  .u-hide-lg {
    display: none;
  }

  .u-display-lg {
    display: block;
  }
}
.u-ml--xs {
  margin-left: 0.5rem;
}

.u-mr--xs {
  margin-right: 0.5rem;
}

.u-target {
  display: block;
  position: relative;
  top: 0;
  visibility: hidden;
  margin: 0;
}

.u-hidden {
  display: none;
}

.u-ws-n {
  white-space: nowrap;
}

.u-tt-n {
  text-transform: none;
}

.lowercase {
  text-transform: lowercase;
}

[class*=c-bg-img-] {
  background-size: 100% auto;
  background-size: cover;
  background-position: 50%;
}

.c-bg-img-bespoke {
  background-image: url(../img/bg-img-bespoke.jpg?v=3);
}

.c-bg-img-ethos {
  background-image: url(../img/bg-img-ethos.jpg?v=3);
}

.c-bg-img-exquisite {
  background-image: url(../img/bg-img-exquisite.jpg?v=3);
}

.c-bg-img-forests {
  background-image: url(../img/bg-img-forests.jpg?v=3);
}

.c-bg-img-magic {
  background-image: url(../img/bg-img-magic.jpg?v=3);
}

.c-bg-img-project {
  background-image: url(../img/bg-img-project.jpg?v=3);
}

.c-bg-img-service {
  background-image: url(../img/bg-img-service.jpg?v=3);
}

.c-bg-img-ethos {
  color: #fff;
}
.c-bg-img-ethos p {
  letter-spacing: -0.1px;
}
.c-bg-img-ethos blockquote {
  max-width: 990px;
  margin-left: auto;
  margin-right: auto;
}
.c-bg-img-ethos cite {
  margin-top: 35px;
}

.c-bg-grey {
  background-color: #ededed;
}

label {
  display: block;
}
label + input, label + textarea, label + .form-group {
  margin-top: 0 !important;
}

input, textarea {
  padding: 0.75rem 1rem;
  border: 2px solid #949291;
  width: 100%;
  -webkit-appearance: none;
}
input.input-error, .has-danger input, textarea.input-error, .has-danger textarea {
  border-color: #e4655f !important;
}

textarea {
  height: 9rem;
  display: block;
}

.input-error, .pristine-error {
  color: #e4655f !important;
  margin-top: 0 !important;
}

.c-checkbox {
  opacity: 0;
  height: 0;
  padding: 0;
  border: none;
  display: none;
  margin: 0 !important;
}
.c-checkbox:checked + label::after {
  content: "";
}
.c-checkbox:focus + label::before {
  outline: #3b99fc auto 5px;
}
.c-checkbox.input-error + label::before {
  border-color: #e4655f !important;
}
.c-checkbox + label {
  margin-top: -12px !important;
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 22px;
}
.c-checkbox + label::before, .c-checkbox + label::after {
  position: absolute;
  content: "";
  display: inline-block;
}
.c-checkbox + label::before {
  height: 16px;
  width: 16px;
  border: 2px solid #757373;
  left: 0px;
  top: 3px;
}
.c-checkbox + label::after {
  height: 5px;
  width: 9px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: #757373;
  transform: rotate(-45deg);
  left: 4px;
  top: 7px;
  content: none;
}

.c-image-shine {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.c-image-shine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.c-image-shine img {
  display: block;
}
.c-image-shine:hover::before {
  -webkit-animation: shine 0.75s;
  animation: shine 0.75s;
}

.c-image-shine--dark::before {
  background: -webkit-linear-gradient(left, rgba(69, 67, 66, 0) 0%, rgba(69, 67, 66, 0.3) 100%);
  background: linear-gradient(to right, rgba(69, 67, 66, 0) 0%, rgba(69, 67, 66, 0.3) 100%);
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
figure img {
  display: block;
}

.c-button {
  padding: 0.75rem 2rem;
  color: #fff;
  background-color: #757373;
  transition: 0.3s ease-out;
  text-align: center;
  display: inline-block;
  line-height: 1;
  border-radius: 4px;
  text-transform: uppercase;
}
.c-button:hover:not(:disabled) {
  color: #fff;
  background-color: #444342;
}
.c-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/*--- 3.Components ---*/
.grid {
  display: flex;
  flex-wrap: wrap;
}
.grid [class*=c-col]:not([class*=c-collection-]) {
  width: 100%;
  margin-top: 0;
}

.justify-center {
  justify-content: center;
}

.vertical-middle {
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 55em) {
  .justify-center-sm {
    justify-content: center;
  }
}
@media (min-width: 76.5em) {
  .justify-between-xl {
    justify-content: space-between;
  }
}
.gap-24 {
  gap: 24px;
}
.gap-24 > * {
  margin-top: 0;
}

.gap-36 {
  gap: 36px;
}
.gap-36 > * {
  margin-top: 0;
}

.gap-48 {
  margin-left: -44px;
  margin-bottom: -44px;
}
.gap-48 > *, .gap-48 [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 44px;
  margin-top: 0;
  margin-bottom: 44px;
  max-width: calc(100% - 44px);
}

.gap-xs {
  margin-left: -8px;
  margin-bottom: -8px;
}
.gap-xs > *, .gap-xs [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 8px;
  margin-top: 0;
  margin-bottom: 8px;
  max-width: calc(100% - 8px);
}

.gap-sm {
  margin-left: -1rem;
  margin-bottom: -1rem;
}
.gap-sm > *, .gap-sm [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 1rem;
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: calc(100% - 1rem);
}

.gap-md {
  margin-left: -2rem;
  margin-bottom: -2rem;
}
.gap-md > *, .gap-md [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 2rem;
  margin-top: 0;
  margin-bottom: 2rem;
  max-width: calc(100% - 2rem);
}

.gap-lg {
  margin-left: -3.75rem;
  margin-bottom: -24px;
}
.gap-lg > *, .gap-lg [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 3.75rem;
  margin-top: 0;
  max-width: calc(100% - 3.75rem);
}
.gap-lg > *:not(.mb-0), .gap-lg [class*=c-col]:not([class*=c-collection-]):not(.mb-0) {
  margin-bottom: 24px;
}

.gap-0 {
  margin-left: 0;
}
.gap-0 > *, .gap-0 [class*=c-col]:not([class*=c-collection-]) {
  margin-left: 0;
  max-width: 100%;
}

.gap-6 {
  margin-left: -6px;
  margin-bottom: -36px;
}
.gap-6 > *, .gap-6 [class*=c-col]:not([class*=c-collection-]) {
  margin: 0 0 36px 6px;
  max-width: calc(100% - 6px);
}

@media only screen and (min-width: 40em) {
  .c-col1-sm {
    width: calc((100% / 12 * 1) - 0.01px) !important;
  }
  .gap-sm .c-col1-sm {
    width: calc((100% / 12 * 1) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col1-sm {
    width: calc((100% / 12 * 1) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col1-sm {
    width: calc((100% / 12 * 1) - 0.01px - 3.75rem) !important;
  }

  .c-col2-sm {
    width: calc((100% / 12 * 2) - 0.01px) !important;
  }
  .gap-sm .c-col2-sm {
    width: calc((100% / 12 * 2) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col2-sm {
    width: calc((100% / 12 * 2) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col2-sm {
    width: calc((100% / 12 * 2) - 0.01px - 3.75rem) !important;
  }

  .c-col3-sm {
    width: calc((100% / 12 * 3) - 0.01px) !important;
  }
  .gap-sm .c-col3-sm {
    width: calc((100% / 12 * 3) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col3-sm {
    width: calc((100% / 12 * 3) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col3-sm {
    width: calc((100% / 12 * 3) - 0.01px - 3.75rem) !important;
  }

  .c-col4-sm {
    width: calc((100% / 12 * 4) - 0.01px) !important;
  }
  .gap-sm .c-col4-sm {
    width: calc((100% / 12 * 4) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col4-sm {
    width: calc((100% / 12 * 4) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col4-sm {
    width: calc((100% / 12 * 4) - 0.01px - 3.75rem) !important;
  }

  .c-col5-sm {
    width: calc((100% / 12 * 5) - 0.01px) !important;
  }
  .gap-sm .c-col5-sm {
    width: calc((100% / 12 * 5) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col5-sm {
    width: calc((100% / 12 * 5) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col5-sm {
    width: calc((100% / 12 * 5) - 0.01px - 3.75rem) !important;
  }

  .c-col6-sm {
    width: calc((100% / 12 * 6) - 0.01px) !important;
  }
  .gap-sm .c-col6-sm {
    width: calc((100% / 12 * 6) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col6-sm {
    width: calc((100% / 12 * 6) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col6-sm {
    width: calc((100% / 12 * 6) - 0.01px - 3.75rem) !important;
  }

  .c-col7-sm {
    width: calc((100% / 12 * 7) - 0.01px) !important;
  }
  .gap-sm .c-col7-sm {
    width: calc((100% / 12 * 7) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col7-sm {
    width: calc((100% / 12 * 7) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col7-sm {
    width: calc((100% / 12 * 7) - 0.01px - 3.75rem) !important;
  }

  .c-col8-sm {
    width: calc((100% / 12 * 8) - 0.01px) !important;
  }
  .gap-sm .c-col8-sm {
    width: calc((100% / 12 * 8) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col8-sm {
    width: calc((100% / 12 * 8) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col8-sm {
    width: calc((100% / 12 * 8) - 0.01px - 3.75rem) !important;
  }

  .c-col9-sm {
    width: calc((100% / 12 * 9) - 0.01px) !important;
  }
  .gap-sm .c-col9-sm {
    width: calc((100% / 12 * 9) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col9-sm {
    width: calc((100% / 12 * 9) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col9-sm {
    width: calc((100% / 12 * 9) - 0.01px - 3.75rem) !important;
  }

  .c-col10-sm {
    width: calc((100% / 12 * 10) - 0.01px) !important;
  }
  .gap-sm .c-col10-sm {
    width: calc((100% / 12 * 10) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col10-sm {
    width: calc((100% / 12 * 10) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col10-sm {
    width: calc((100% / 12 * 10) - 0.01px - 3.75rem) !important;
  }

  .c-col11-sm {
    width: calc((100% / 12 * 11) - 0.01px) !important;
  }
  .gap-sm .c-col11-sm {
    width: calc((100% / 12 * 11) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col11-sm {
    width: calc((100% / 12 * 11) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col11-sm {
    width: calc((100% / 12 * 11) - 0.01px - 3.75rem) !important;
  }

  .c-col12-sm {
    width: calc((100% / 12 * 12) - 0.01px) !important;
  }
  .gap-sm .c-col12-sm {
    width: calc((100% / 12 * 12) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col12-sm {
    width: calc((100% / 12 * 12) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col12-sm {
    width: calc((100% / 12 * 12) - 0.01px - 3.75rem) !important;
  }
}
.textures .c-col6-md--lg figure:nth-child(2) {
  margin: 0 0 0 8px;
}

@media only screen and (min-width: 55em) {
  .c-col1-md {
    width: calc((100% / 12 * 1) - 0.01px) !important;
  }
  .gap-48 .c-col1-md {
    width: calc((100% / 12 * 1) - 44.01px) !important;
  }
  .gap-sm .c-col1-md {
    width: calc((100% / 12 * 1) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col1-md {
    width: calc((100% / 12 * 1) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col1-md {
    width: calc((100% / 12 * 1) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col1-md {
    width: calc((100% / 12 * 1) - 0.01px) !important;
  }

  .c-col2-md {
    width: calc((100% / 12 * 2) - 0.01px) !important;
  }
  .gap-48 .c-col2-md {
    width: calc((100% / 12 * 2) - 44.01px) !important;
  }
  .gap-sm .c-col2-md {
    width: calc((100% / 12 * 2) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col2-md {
    width: calc((100% / 12 * 2) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col2-md {
    width: calc((100% / 12 * 2) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col2-md {
    width: calc((100% / 12 * 2) - 0.01px) !important;
  }

  .c-col3-md {
    width: calc((100% / 12 * 3) - 0.01px) !important;
  }
  .gap-48 .c-col3-md {
    width: calc((100% / 12 * 3) - 44.01px) !important;
  }
  .gap-sm .c-col3-md {
    width: calc((100% / 12 * 3) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col3-md {
    width: calc((100% / 12 * 3) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col3-md {
    width: calc((100% / 12 * 3) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col3-md {
    width: calc((100% / 12 * 3) - 0.01px) !important;
  }

  .c-col4-md {
    width: calc((100% / 12 * 4) - 0.01px) !important;
  }
  .gap-48 .c-col4-md {
    width: calc((100% / 12 * 4) - 44.01px) !important;
  }
  .gap-sm .c-col4-md {
    width: calc((100% / 12 * 4) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col4-md {
    width: calc((100% / 12 * 4) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col4-md {
    width: calc((100% / 12 * 4) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col4-md {
    width: calc((100% / 12 * 4) - 0.01px) !important;
  }

  .c-col5-md {
    width: calc((100% / 12 * 5) - 0.01px) !important;
  }
  .gap-48 .c-col5-md {
    width: calc((100% / 12 * 5) - 44.01px) !important;
  }
  .gap-sm .c-col5-md {
    width: calc((100% / 12 * 5) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col5-md {
    width: calc((100% / 12 * 5) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col5-md {
    width: calc((100% / 12 * 5) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col5-md {
    width: calc((100% / 12 * 5) - 0.01px) !important;
  }

  .c-col6-md {
    width: calc((100% / 12 * 6) - 0.01px) !important;
  }
  .gap-48 .c-col6-md {
    width: calc((100% / 12 * 6) - 44.01px) !important;
  }
  .gap-sm .c-col6-md {
    width: calc((100% / 12 * 6) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col6-md {
    width: calc((100% / 12 * 6) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col6-md {
    width: calc((100% / 12 * 6) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col6-md {
    width: calc((100% / 12 * 6) - 0.01px) !important;
  }

  .c-col7-md {
    width: calc((100% / 12 * 7) - 0.01px) !important;
  }
  .gap-48 .c-col7-md {
    width: calc((100% / 12 * 7) - 44.01px) !important;
  }
  .gap-sm .c-col7-md {
    width: calc((100% / 12 * 7) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col7-md {
    width: calc((100% / 12 * 7) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col7-md {
    width: calc((100% / 12 * 7) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col7-md {
    width: calc((100% / 12 * 7) - 0.01px) !important;
  }

  .c-col8-md {
    width: calc((100% / 12 * 8) - 0.01px) !important;
  }
  .gap-48 .c-col8-md {
    width: calc((100% / 12 * 8) - 44.01px) !important;
  }
  .gap-sm .c-col8-md {
    width: calc((100% / 12 * 8) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col8-md {
    width: calc((100% / 12 * 8) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col8-md {
    width: calc((100% / 12 * 8) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col8-md {
    width: calc((100% / 12 * 8) - 0.01px) !important;
  }

  .c-col9-md {
    width: calc((100% / 12 * 9) - 0.01px) !important;
  }
  .gap-48 .c-col9-md {
    width: calc((100% / 12 * 9) - 44.01px) !important;
  }
  .gap-sm .c-col9-md {
    width: calc((100% / 12 * 9) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col9-md {
    width: calc((100% / 12 * 9) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col9-md {
    width: calc((100% / 12 * 9) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col9-md {
    width: calc((100% / 12 * 9) - 0.01px) !important;
  }

  .c-col10-md {
    width: calc((100% / 12 * 10) - 0.01px) !important;
  }
  .gap-48 .c-col10-md {
    width: calc((100% / 12 * 10) - 44.01px) !important;
  }
  .gap-sm .c-col10-md {
    width: calc((100% / 12 * 10) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col10-md {
    width: calc((100% / 12 * 10) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col10-md {
    width: calc((100% / 12 * 10) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col10-md {
    width: calc((100% / 12 * 10) - 0.01px) !important;
  }

  .c-col11-md {
    width: calc((100% / 12 * 11) - 0.01px) !important;
  }
  .gap-48 .c-col11-md {
    width: calc((100% / 12 * 11) - 44.01px) !important;
  }
  .gap-sm .c-col11-md {
    width: calc((100% / 12 * 11) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col11-md {
    width: calc((100% / 12 * 11) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col11-md {
    width: calc((100% / 12 * 11) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col11-md {
    width: calc((100% / 12 * 11) - 0.01px) !important;
  }

  .c-col12-md {
    width: calc((100% / 12 * 12) - 0.01px) !important;
  }
  .gap-48 .c-col12-md {
    width: calc((100% / 12 * 12) - 44.01px) !important;
  }
  .gap-sm .c-col12-md {
    width: calc((100% / 12 * 12) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col12-md {
    width: calc((100% / 12 * 12) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col12-md {
    width: calc((100% / 12 * 12) - 0.01px - 3.75rem) !important;
  }
  .gap-0 .c-col12-md {
    width: calc((100% / 12 * 12) - 0.01px) !important;
  }

  .gap-lg .offset2 {
    margin-left: calc((100% / 12 * 2) - 0.01px) !important;
  }

  .c-col8-md--narrow {
    width: calc(62.75% - 44.01px) !important;
  }

  .c-col4-md--wide {
    width: calc(34.5833333333% - 44.01px) !important;
  }

  .textures .c-col6-md--sm {
    width: calc(49% - 0.01px) !important;
  }
  .textures .c-col6-md--sm:first-child {
    padding-right: 3.38%;
  }
  .textures .c-col6-md--sm:last-child {
    padding-left: 3.38%;
  }

  .textures .c-col6-md--lg {
    width: calc(51% - 0.01px) !important;
  }
  .textures .c-col6-md--lg figure:nth-child(2) {
    margin: 0 0 0 19px;
  }

  .c-product .u-wrapper--xl .c-col8-md {
    width: calc((100% / 12 * 7.49) - 0.01px - 3.75rem) !important;
  }
  .c-product .u-wrapper--xl .c-col4-md {
    width: calc((100% / 12 * 4.51) - 0.01px - 3.75rem) !important;
  }

  .c-pullright-md {
    order: 2;
  }
  .c-pullright-md + [class*=c-col] {
    order: 1;
  }

  .c-img-right-md img {
    margin-left: auto;
    display: block;
  }

  .vertical-bottom-md {
    display: flex;
    flex-direction: column;
  }
  .vertical-bottom-md > *:nth-last-child(2) {
    flex-grow: 1;
  }

  .vertical-center-md {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 65em) {
  .c-col1-lg {
    width: calc((100% / 12 * 1) - 0.01px) !important;
  }
  .gap-sm .c-col1-lg {
    width: calc((100% / 12 * 1) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col1-lg {
    width: calc((100% / 12 * 1) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col1-lg {
    width: calc((100% / 12 * 1) - 0.01px - 3.75rem) !important;
  }

  .c-col2-lg {
    width: calc((100% / 12 * 2) - 0.01px) !important;
  }
  .gap-sm .c-col2-lg {
    width: calc((100% / 12 * 2) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col2-lg {
    width: calc((100% / 12 * 2) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col2-lg {
    width: calc((100% / 12 * 2) - 0.01px - 3.75rem) !important;
  }

  .c-col3-lg {
    width: calc((100% / 12 * 3) - 0.01px) !important;
  }
  .gap-sm .c-col3-lg {
    width: calc((100% / 12 * 3) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col3-lg {
    width: calc((100% / 12 * 3) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col3-lg {
    width: calc((100% / 12 * 3) - 0.01px - 3.75rem) !important;
  }

  .c-col4-lg {
    width: calc((100% / 12 * 4) - 0.01px) !important;
  }
  .gap-sm .c-col4-lg {
    width: calc((100% / 12 * 4) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col4-lg {
    width: calc((100% / 12 * 4) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col4-lg {
    width: calc((100% / 12 * 4) - 0.01px - 3.75rem) !important;
  }

  .c-col5-lg {
    width: calc((100% / 12 * 5) - 0.01px) !important;
  }
  .gap-sm .c-col5-lg {
    width: calc((100% / 12 * 5) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col5-lg {
    width: calc((100% / 12 * 5) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col5-lg {
    width: calc((100% / 12 * 5) - 0.01px - 3.75rem) !important;
  }

  .c-col6-lg {
    width: calc((100% / 12 * 6) - 0.01px) !important;
  }
  .gap-sm .c-col6-lg {
    width: calc((100% / 12 * 6) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col6-lg {
    width: calc((100% / 12 * 6) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col6-lg {
    width: calc((100% / 12 * 6) - 0.01px - 3.75rem) !important;
  }

  .c-col7-lg {
    width: calc((100% / 12 * 7) - 0.01px) !important;
  }
  .gap-sm .c-col7-lg {
    width: calc((100% / 12 * 7) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col7-lg {
    width: calc((100% / 12 * 7) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col7-lg {
    width: calc((100% / 12 * 7) - 0.01px - 3.75rem) !important;
  }

  .c-col8-lg {
    width: calc((100% / 12 * 8) - 0.01px) !important;
  }
  .gap-sm .c-col8-lg {
    width: calc((100% / 12 * 8) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col8-lg {
    width: calc((100% / 12 * 8) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col8-lg {
    width: calc((100% / 12 * 8) - 0.01px - 3.75rem) !important;
  }

  .c-col9-lg {
    width: calc((100% / 12 * 9) - 0.01px) !important;
  }
  .gap-sm .c-col9-lg {
    width: calc((100% / 12 * 9) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col9-lg {
    width: calc((100% / 12 * 9) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col9-lg {
    width: calc((100% / 12 * 9) - 0.01px - 3.75rem) !important;
  }

  .c-col10-lg {
    width: calc((100% / 12 * 10) - 0.01px) !important;
  }
  .gap-sm .c-col10-lg {
    width: calc((100% / 12 * 10) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col10-lg {
    width: calc((100% / 12 * 10) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col10-lg {
    width: calc((100% / 12 * 10) - 0.01px - 3.75rem) !important;
  }

  .c-col11-lg {
    width: calc((100% / 12 * 11) - 0.01px) !important;
  }
  .gap-sm .c-col11-lg {
    width: calc((100% / 12 * 11) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col11-lg {
    width: calc((100% / 12 * 11) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col11-lg {
    width: calc((100% / 12 * 11) - 0.01px - 3.75rem) !important;
  }

  .c-col12-lg {
    width: calc((100% / 12 * 12) - 0.01px) !important;
  }
  .gap-sm .c-col12-lg {
    width: calc((100% / 12 * 12) - 0.01px - 1rem) !important;
  }
  .gap-md .c-col12-lg {
    width: calc((100% / 12 * 12) - 0.01px - 2rem) !important;
  }
  .gap-lg .c-col12-lg {
    width: calc((100% / 12 * 12) - 0.01px - 3.75rem) !important;
  }

  .c-slideshow-md {
    width: calc(100% - 398.01px - 3.75rem);
    max-width: 660px;
  }

  .c-case-study__info {
    width: calc(398px - 3.75rem);
  }
}
@media only screen and (min-width: 1200px) {
  .c-slideshow-md {
    max-width: 700px;
  }
}
/*--- 4.Modules ---*/
/* ----------------------------------------------------------- */
/* == tingle v0.15.2 */
/* ----------------------------------------------------------- */
.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.85);
  opacity: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}

/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
  display: none;
}

.tingle-modal__close {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}

.tingle-modal__close svg * {
  fill: currentColor;
}

.tingle-modal__closeLabel {
  display: none;
}

.tingle-modal__close:hover {
  color: #fff;
}

.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}
.modal-image .tingle-modal-box {
  width: auto;
  max-width: 1264px;
}

.tingle-modal-box__content {
  padding: 0.5em;
}

.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}

.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}

.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom 0.3s ease-in-out 0.3s;
}

/* state
-------------------------------------------------------------- */
.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
  filter: blur(8px);
}

.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
  animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}

.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}

/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.4s ease;
}

.tingle-btn--primary {
  background-color: #3498db;
}

.tingle-btn--danger {
  background-color: #e74c3c;
}

.tingle-btn--default {
  background-color: #34495e;
}

.tingle-btn--pull-left {
  float: left;
}

.tingle-btn--pull-right {
  float: right;
}

/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    display: flex;
    padding-top: 60px;
    width: 100%;
  }

  .tingle-modal-box {
    width: auto;
    border-radius: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .tingle-modal-box .tingle-modal-box__content {
    flex-grow: 1;
  }

  .tingle-modal-box__content {
    overflow-y: scroll;
  }

  .tingle-modal--noClose {
    top: 0;
  }

  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }

  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }

  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #757373;
    box-shadow: none;
    color: #fff;
  }

  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }

  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: 0.8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0;
  }
}
@supports (-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px)) {
  .tingle-modal:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    /* -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px); */
    pointer-events: none;
  }

  .tingle-enabled .tingle-content-wrapper {
    filter: none;
  }
}
/* animations
-------------------------------------------------------------- */
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* Custom
-------------------------------------------------------------- */
.tingle-modal-box--wide .tingle-modal-box {
  max-width: 60em;
  width: auto;
}
.tingle-modal-box--wide .tingle-modal-box__content {
  padding: 1em;
}
.tingle-modal-box--wide embed {
  width: 80vw;
  max-width: 58em;
  height: 57vw;
}
@media (min-width: 87.5em) {
  .tingle-modal-box--wide embed {
    height: 90vh;
  }
}

.tingle-modal-box--narrow .tingle-modal-box {
  max-width: 34em;
  width: auto;
}
.tingle-modal-box--narrow .tingle-modal-box__content {
  padding: 2em;
}

.c-copyright {
  margin-top: 2rem;
  padding: 0.5em 0;
  background-color: #757373;
  color: #fff;
}
.c-copyright .u-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.c-copyright p {
  height: 28px;
  display: inline-block;
}
@media (min-width: 40em) {
  .c-copyright p {
    font-size: 0.875em;
  }
}
.c-copyright p:first-child {
  line-height: 28px;
}
.c-copyright p:first-child span {
  line-height: 32px;
  vertical-align: top;
}
.c-copyright p:last-child:not(:first-child) span {
  line-height: 28px;
  display: inline-block;
  vertical-align: top;
  margin-right: 0.5em;
}

.c-dbwd-link {
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 86px;
  height: 28px;
  background-image: url("../img/dbwd.webp");
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
}
.no-webp .c-dbwd-link {
  background-image: url("../img/dbwd.png");
}

.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s;
}
.tns-slider > .tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 1px;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel.tns-carousel > .tns-item {
  margin-right: -100%;
}
.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
  margin: 0;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-normal, .tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: 2333.3333333333%;
  position: absolute;
  right: 0;
}
.tns-t-ct::after {
  content: "";
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: 1.4285714286%;
  height: 10px;
  float: left;
}

.tns-controls {
  text-align: center;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.tns-controls button {
  padding: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background-repeat: no-repeat;
  width: 19px;
  height: 36px;
  transition: 0.3s ease-out;
  position: absolute;
  margin: 0;
}
.tns-controls button:hover {
  opacity: 0.64;
}
.tns-controls button:first-child {
  background-image: url(../img/arrow-left.png);
  left: 0;
}
.tns-controls button:last-child {
  background-image: url(../img/arrow-right.png);
  right: 0;
}
.tns-controls + button {
  display: none;
}

.js .revealing-section {
  position: sticky;
  min-height: 100vh;
  --reavealing-section-overlay-opacity: 0;
}
.js .revealing-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-color: #000;
  opacity: var(--reavealing-section-overlay-opacity);
}

.c-full-section {
  min-height: 100vh;
  color: #fff;
  text-align: center;
  position: relative;
}
.c-full-section footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #757373;
  padding: 4px 0 0.75rem;
  z-index: 2;
  transform: matrix(1, 0, 0, 1, 0, 0) !important;
}

.c-full-section__text {
  max-width: 70rem;
  margin-top: 0.5rem;
}

.c-full-section__text--sm {
  max-width: 62rem;
  margin-top: 0.5rem;
}

.sticky-hero__content {
  position: relative;
  z-index: 1;
}
.sticky-hero__media {
  position: relative;
  position: sticky;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.5s var(--ease-in-out);
  transform: translateZ(0);
}

.sticky-hero--overlay-layer .sticky-hero__media::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  background-color: var(--color-bg);
  transition: opacity 1s;
}

.sticky-hero--media-is-fixed.sticky-hero--overlay-layer .sticky-hero__media::after {
  opacity: 0.65;
}

.sticky-hero--media-is-fixed.sticky-hero--scale .sticky-hero__media {
  transform: scale(0.9);
}

.sticky-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.sticky-hero__video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  max-width: none;
}

.sticky-hero__content {
  position: relative;
  z-index: 2;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateZ(0);
}
.sticky-hero__content > div {
  width: 100%;
}

.no-sticky-hero__media {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* .no-sticky-hero__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
} */

.c-arrow {
  position: relative;
  text-decoration: none;
  padding: 0.2rem 0;
}
.c-arrow::before {
  --line-width: 115%;
  --line-height: 1px;
  --line-easing: ease;
  --line-transition-duration: 300ms;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: calc(100% + 10px);
  height: var(--line-height);
  transform-origin: right;
  transform: scaleX(0);
  background: currentColor;
  transition: transform var(--line-transition-duration) var(--line-easing);
  z-index: 1;
}
.c-arrow:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
.c-arrow:hover span {
  --deg: -45deg;
}
.c-arrow:hover span::before {
  transform: rotate(var(--deg));
  opacity: 1;
}
.c-arrow:hover span::after {
  transform: translateX(-1px) rotate(var(--deg));
  opacity: 1;
}
.c-arrow span {
  --line-arrow-width: 1px;
  --line-arrow-height: 6px;
  --line-arrow-easing: cubic-bezier(0.3, 1.5, 0.5, 1);
  --line-arrow-transition-duration: 200ms;
  --line-arrow-transition-delay: 240ms;
}
.c-arrow span::before, .c-arrow span::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0px;
  background: currentColor;
  transition: transform var(--line-arrow-transition-duration) var(--line-arrow-easing), opacity 0s;
  transition-delay: var(--line-arrow-transition-delay);
  z-index: 2;
  opacity: 0;
}
.c-arrow span::before {
  width: var(--line-arrow-width);
  height: var(--line-arrow-height);
  transform-origin: 0% 100%;
  transform: rotate(-90deg);
}
.c-arrow span::after {
  height: var(--line-arrow-width);
  width: var(--line-arrow-height);
  transform-origin: 100% 0%;
  transform: translateX(-1px) rotate(0deg);
}

.link-fx-1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 6px;
  text-decoration: none;
  height: auto;
  min-height: 32px;
  text-align: left;
  max-width: calc(100% - 38px);
}
.link-fx-1 .icon {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(100%) rotate(90deg);
  display: inline-block;
  color: inherit;
  fill: currentColor;
  height: 2rem;
  width: 2rem;
  line-height: 1;
  flex-shrink: 0;
  max-width: initial;
}
.link-fx-1 .icon circle {
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  transition: stroke-dashoffset 0.2s;
}
.link-fx-1 .icon line {
  transition: transform 0.4s, opacity 0.2s;
  transform-origin: 13px 15px;
  opacity: 0;
}
.link-fx-1 .icon line:last-child {
  transform-origin: 19px 15px;
}
.link-fx-1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform-origin: right center;
  transition: transform 0.2s 0.1s;
}
.link-fx-1:hover .icon circle {
  stroke-dashoffset: 200;
  transition: stroke-dashoffset 0.2s 0.1s;
}
.link-fx-1:hover .icon line {
  transform: rotate(-180deg);
  opacity: 1;
}
.link-fx-1:hover .icon line:last-child {
  transform: rotate(180deg);
}
.link-fx-1:hover::before {
  transform: translateX(17px) scaleX(0);
  transition: transform 0.2s;
}

/* --------------------------------

File#: _1_expandable-search
Title: Expandable Search
Descr: A search button that expands to reveal a search input element
Usage: codyhouse.co/license

-------------------------------- */
:root {
  --expandable-search-size-compact: 2.2em;
  --expandable-search-size-expanded: 10em;
  --expandable-search-radius: 50em;
  --expandable-search-icon-size: 14px;
  --ease-out: ease;
}

.expandable-search {
  position: relative;
  display: inline-block;
  user-select: none;
  font-size: 0.91125rem;
}
@media (max-width: 1020px) {
  .expandable-search {
    position: absolute;
    right: 0;
    top: 0.5rem;
  }
}
@media (min-width: 1020px) {
  .expandable-search {
    margin-left: 21px;
  }
}

.expandable-search__input {
  width: 2.2em;
  height: 2.2em;
  padding: 0;
  color: transparent;
  overflow: hidden;
  border-radius: 50em;
  border: none;
  transition: width 0.3s ease, box-shadow 0.3s, background-color 0.3s;
}
.expandable-search__input::placeholder {
  opacity: 0;
  color: transparent;
}
.expandable-search__input:hover {
  background-color: rgba(148, 146, 145, 0.1);
  cursor: pointer;
}
.expandable-search__input:focus, .expandable-search__input.expandable-search__input--has-content {
  background-color: #fff;
  width: 10em;
  padding-top: 0;
  padding-right: calc(4px + 2.2em);
  padding-bottom: 0;
  padding-left: 1rem;
  outline: none;
  box-shadow: 0 0.9px 1.5px rgba(0, 0, 0, 0.03), 0 3.1px 5.5px rgba(0, 0, 0, 0.08), 0 14px 25px rgba(0, 0, 0, 0.12), 0 0 0 1px #000;
  color: #000;
  cursor: auto;
  user-select: auto;
}
.expandable-search__input:focus::placeholder, .expandable-search__input.expandable-search__input--has-content::placeholder {
  opacity: 1;
  color: #949291;
}
.expandable-search__input:focus + .expandable-search__btn {
  pointer-events: auto;
}
.expandable-search__input::-webkit-search-decoration, .expandable-search__input::-webkit-search-cancel-button, .expandable-search__input::-webkit-search-results-button, .expandable-search__input::-webkit-search-results-decoration {
  display: none;
}

.expandable-search__btn {
  position: absolute;
  display: flex;
  padding: 1px 6px;
  top: 2px;
  right: 2px;
  width: calc(2.2em - 4px);
  height: calc(2.2em - 4px);
  border-radius: 50em;
  z-index: 1;
  pointer-events: none;
  transition: background-color 0.3s;
}
.expandable-search__btn .icon {
  display: block;
  margin: auto;
  height: 14px;
  width: 14px;
}
.expandable-search__btn:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.expandable-search__btn:focus {
  outline: none;
}

.c-border-bottom {
  border-bottom: 1px solid #c6c6c6;
}
.c-border-bottom.u-wrapper--xxl {
  border-bottom: none;
}

.c-border-top {
  border-top: 1px solid #c6c6c6;
}

hr {
  border: none;
  border-top: 1px solid #c6c6c6;
}
hr.u-wrapper--sm {
  margin: 0 auto;
}

[class*=c-product-thumbs] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 1330px) {
  [class*=c-product-thumbs] {
    margin-left: -34px;
    margin-right: -34px;
  }
}

[class*=c-product-thumb-] {
  margin: 0 0 42px;
  position: relative;
  padding-bottom: 34px;
}
[class*=c-product-thumb-]::after {
  content: "";
  display: block;
  height: 14px;
  width: 100%;
  background-color: #232323;
  box-shadow: 0px 6px 15.12px 2.88px rgba(0, 0, 0, 0.4);
}
[class*=c-product-thumb-] figure, [class*=c-product-thumb-] img {
  display: block;
}
[class*=c-product-thumb-] figure {
  width: 100%;
  padding: 0 34px;
  overflow: hidden;
}
[class*=c-product-thumb-] figcaption {
  position: absolute;
  bottom: 0;
  left: 34px;
  right: 34px;
  color: #9d9d9c;
}
[class*=c-product-thumb-] img {
  box-shadow: 7px 20px 24px 0px rgba(0, 0, 0, 0.4);
  transition: 0.2s ease-in-out;
}
[class*=c-product-thumb-] a:hover img {
  opacity: 0.8;
}

.c-product-thumb--wide-caption {
  padding-bottom: 55px;
}
@media (min-width: 460px) {
  .c-product-thumb--wide-caption {
    padding-bottom: 34px;
  }
}

.c-product-thumb__pdf {
  display: inline-block;
  text-decoration: none;
  margin: 0;
  position: absolute;
  right: 5px;
  top: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  width: 24px;
  height: 30px;
  background-image: url(../img/PDF-mono.svg);
  background-size: 100%;
}
@media (min-width: 55em) {
  .c-product-thumb__pdf {
    display: none;
  }
}

.c-product-thumb__pdf:hover {
  opacity: 0.8;
}

.c-product-thumb--team {
  cursor: pointer;
}
.c-product-thumb--team:hover img {
  transform: scale(1.1);
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
}

@media (min-width: 1330px) {
  .c-product-thumbs--26 {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1550px) {
  .c-product-thumbs--26 {
    margin-left: -26px;
    margin-right: -26px;
  }
  .c-product-thumbs--26 [class*=c-product-thumb-]:not(:first-child) figure {
    padding-left: 0;
  }
}
.c-product-thumbs--26 [class*=c-product-thumb-] {
  padding-bottom: 0;
}
.c-product-thumbs--26 [class*=c-product-thumb-] figure {
  padding: 0 26px;
}

.c-thumbs-2 {
  padding-left: 34px;
}
.c-thumbs-2 [class*=c-product-thumb-] {
  margin-left: -34px;
}
@media (min-width: 970px) {
  .c-thumbs-2 [class*=c-product-thumb-]:nth-child(even):not(:nth-child(2))::after {
    position: relative;
    left: 34px;
    width: calc(100% - 34px);
  }
}
@media (min-width: 1330px) {
  .c-thumbs-2 [class*=c-product-thumb-]:nth-child(even):nth-child(2)::after {
    position: relative;
    left: 34px;
    width: calc(100% - 34px);
  }
}

@media (min-width: 1000px) {
  .c-thumbs-3 [class*=c-product-thumb-]:not(.wider) {
    max-width: 33.333%;
  }
  .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n-2)::after, .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n)::after, .c-thumbs-3 [class*=c-product-thumb-]:last-child::after {
    width: calc(100% + 17px);
  }
  .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n-2)::after {
    position: relative;
    left: -17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figure, .c-thumbs-3 [class*=c-product-thumb-] img {
    display: block;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figure {
    padding: 0 17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figcaption {
    left: 17px;
    right: 17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] img {
    box-shadow: 4px 20px 15px 0px rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1000px) {
  .c-thumbs-3 [class*=c-product-thumb-]:not(.wider) {
    max-width: 33.333%;
  }
  .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n-2)::after, .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n)::after, .c-thumbs-3 [class*=c-product-thumb-]:last-child::after {
    width: calc(100% + 17px);
  }
  .c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n-2)::after {
    position: relative;
    left: -17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figure, .c-thumbs-3 [class*=c-product-thumb-] img {
    display: block;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figure {
    padding: 0 17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] figcaption {
    left: 17px;
    right: 17px;
  }
  .c-thumbs-3 [class*=c-product-thumb-] img {
    box-shadow: 4px 20px 15px 0px rgba(0, 0, 0, 0.4);
  }
}
@media (min-width: 1482px) {
  .c-thumbs-4.c-thumbs-3 [class*=c-product-thumb-]:nth-child(3n-2)::after {
    left: 0;
  }
  .c-thumbs-4 [class*=c-product-thumb-]:not(.wider) {
    max-width: 25%;
  }
  .c-thumbs-4 [class*=c-product-thumb-]::after {
    width: 100%;
    box-shadow: 0px 6px 15.12px 2.88px rgba(0, 0, 0, 0.4);
  }
  .c-thumbs-4 [class*=c-product-thumb-]:nth-child(4n-3)::after, .c-thumbs-4 [class*=c-product-thumb-]:nth-child(4n)::after, .c-thumbs-4 [class*=c-product-thumb-]:last-child::after {
    width: calc(100% + 17px);
  }
  .c-thumbs-4 [class*=c-product-thumb-]:nth-child(4n-3)::after {
    position: relative;
    left: -17px !important;
  }
  .c-thumbs-4 [class*=c-product-thumb-] figure, .c-thumbs-4 [class*=c-product-thumb-] img {
    display: block;
  }
  .c-thumbs-4 [class*=c-product-thumb-] figure {
    padding: 0 17px;
  }
  .c-thumbs-4 [class*=c-product-thumb-] figcaption {
    left: 17px;
    right: 17px;
  }
  .c-thumbs-4 [class*=c-product-thumb-] img {
    box-shadow: 4px 20px 15px 0px rgba(0, 0, 0, 0.4);
  }
}
.c-thumbs--style2 [class*=c-product-thumb-] {
  position: relative;
}
.c-thumbs--style2 [class*=c-product-thumb-]::after {
  position: relative;
  z-index: 5;
}
.c-thumbs--style2 figure {
  position: relative;
  overflow: visible;
}
.c-thumbs--style2 figure::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 40px;
  bottom: 6px;
  left: 40px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 0;
  border: 1px solid #000;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1;
}
.c-thumbs--style2 figure::after {
  content: "";
  position: absolute;
  top: 0;
  right: 34px;
  bottom: 0;
  left: 34px;
  z-index: 1;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 60%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 60%);
}
.c-thumbs--style2 img {
  display: block;
  transition: transform 0.35s;
}
.c-thumbs--style2 figcaption {
  bottom: -48px;
}
.c-thumbs--style2 h3, .c-thumbs--style2 h3 + p {
  padding: 0 34px;
  position: absolute;
  left: 10px;
  right: 10px;
  text-align: center;
  margin: 0;
  opacity: 0;
  transition: 0.35s;
  z-index: 2;
}
.c-thumbs--style2 h3 {
  top: 50%;
  margin-top: -25px;
  font-weight: 600;
  transform: translateY(-100%);
}
.c-thumbs--style2 h3 + p {
  top: 50%;
  margin-top: 15px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c-thumbs--style2 figure:hover::before, .c-thumbs--style2 figure:hover h3, .c-thumbs--style2 figure:hover h3 + p {
  opacity: 1;
}
.c-thumbs--style2 figure:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.c-thumbs--style2 figure:hover img, .c-thumbs--style2 figure:hover::after {
  transform: perspective(1000px) translate3d(0, 0, 21px);
}
.c-thumbs--style2 figure:hover h3, .c-thumbs--style2 figure:hover h3 + p {
  transform: translateY(0);
}
.c-thumbs--style2 figure:hover::before, .c-thumbs--style2 figure:hover h3 + p {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.c-thumbs--style2 .c-product-thumb--wide-caption {
  padding-bottom: 55px;
}
.c-thumbs--style2 .c-product-thumb--wide-caption figcaption {
  bottom: -66px;
}
@media (min-width: 460px) {
  .c-thumbs--style2 .c-product-thumb--wide-caption {
    padding-bottom: 34px;
  }
  .c-thumbs--style2 .c-product-thumb--wide-caption figcaption {
    bottom: -48px;
  }
}
@media (min-width: 1000px) {
  .c-thumbs--style2.c-thumbs-3 figure::before {
    right: 23px;
    left: 23px;
  }
  .c-thumbs--style2.c-thumbs-3 figure::after {
    content: "";
    right: 17px;
    left: 17px;
  }
}

.c-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -8px;
  margin-right: -8px;
}
.c-logos img {
  display: block;
  margin: 8px 8px 0;
}

[class*=c-logos-] {
  width: calc(100% + 8px);
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: -10px;
}
[class*=c-logos-] figure {
  margin: 0 0 10px 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-logos-4 {
  width: calc(100% + 4px);
  margin-left: -4px;
  margin-right: -4px;
}
.c-logos-4 figure {
  margin-left: 4px;
}

.c-logos-8 {
  width: calc(100% + 8px);
  margin-left: -8px;
  margin-right: -8px;
}
.c-logos-8 figure {
  margin-left: 8px;
}

.c-logos-18 {
  width: calc(100% + 18px);
  margin-left: -18px;
  margin-right: -18px;
}
.c-logos-18 figure {
  margin-left: 18px;
}

.c-logos-24 {
  width: calc(100% + 24px);
  margin-left: -24px;
  margin-right: -24px;
}
.c-logos-24 figure {
  margin-left: 24px;
}

.c-logos-34 {
  width: calc(100% + 34px);
  margin-left: -34px;
  margin-right: -34px;
}
.c-logos-34 figure {
  margin-left: 34px;
}

.c-logos-46 {
  width: calc(100% + 46px);
  margin-left: -46px;
  margin-right: -46px;
}
.c-logos-46 figure {
  margin-left: 46px;
}

.c-logos-69 {
  width: calc(100% + 69px);
  margin-left: -69px;
  margin-right: -69px;
}
.c-logos-69 figure {
  margin-left: 69px;
}

@media (min-width: 73.4375rem) {
  .u-wrapper .c-logos-8 {
    justify-content: space-between;
  }
}

@media (min-width: 73.4375rem) {
  .u-wrapper--sm .c-logos-4, .u-wrapper--sm .c-logos-8, .u-wrapper--sm .c-logos-18, .u-wrapper--sm .c-logos-24, .u-wrapper--sm .c-logos-34, .u-wrapper--sm .c-logos-46 {
    justify-content: space-between;
  }
}

.c-note {
  background-image: url(../img/icon-variation.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 28px;
}
.c-note small {
  font-size: 11.43px;
  line-height: 16.63px;
  display: block;
}

.c-note--right {
  background-image: url(../img/icon-variation.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right 6px;
  padding-right: 28px;
}

@media (max-width: 55em) {
  .c-note--right--pdf {
    background: none;
  }
  .c-note--right--pdf span {
    background-image: url(../img/icon-variation.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right 2px;
    padding-right: 28px;
  }
}
.heading-note {
  background-image: url(../img/icon-variation.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: right 69%;
  padding-right: 28px;
  width: fit-content;
}

.c-note-inline {
  width: fit-content;
}
.c-note-inline::after {
  content: "";
  display: inline-block;
  height: 16px;
  width: 16px;
  background-image: url(../img/icon-variation.svg);
  background-size: 16px;
  background-repeat: no-repeat;
  margin-left: 12px;
}

.c-case-study-thumbs {
  background-image: url(../img/bg-case-studies.jpg);
  background-position: top;
}
.c-case-study-thumbs .grid {
  justify-content: center;
}

.c-case-study-thumb {
  padding-top: 76px;
  padding-bottom: 4px;
  max-width: 346px;
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.3s, transform 0.3s, margin 0s linear 0.3s, max-width 0s linear 0.3s;
}
.c-case-study-thumb figure {
  position: relative;
  overflow: visible;
}
.c-case-study-thumb figure::before {
  content: "";
  position: absolute;
  top: 6px;
  right: 6px;
  left: 6px;
  height: 222px;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 0;
  border: 1px solid #000;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 1;
}
.c-case-study-thumb figure::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 346px;
  height: 234px;
  z-index: 1;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 60%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 60%);
}
.c-case-study-thumb img {
  display: block;
  transition: transform 0.35s;
}
.c-case-study-thumb figcaption {
  margin-top: 16px;
  color: #1d1d1b;
  z-index: 2;
}
.c-case-study-thumb figcaption h3, .c-case-study-thumb figcaption h3 + p {
  position: absolute;
  left: 10px;
  right: 10px;
  text-align: center;
  margin: 0;
  opacity: 0;
  transition: 0.35s;
  z-index: 2;
}
.c-case-study-thumb figcaption h3 {
  top: 90px;
  font-weight: 600;
  transform: translateY(-100%);
}
.c-case-study-thumb figcaption h3 + p {
  top: 130px;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c-case-study-thumb figure:hover::before, .c-case-study-thumb figure:hover figcaption h3, .c-case-study-thumb figure:hover figcaption h3 + p {
  opacity: 1;
}
.c-case-study-thumb figure:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.c-case-study-thumb figure:hover img, .c-case-study-thumb figure:hover::after {
  transform: perspective(1000px) translate3d(0, 0, 21px);
}
.c-case-study-thumb figure:hover figcaption h3, .c-case-study-thumb figure:hover figcaption h3 + p {
  transform: translateY(0);
}
.c-case-study-thumb figure:hover::before, .c-case-study-thumb figure:hover figcaption h3 + p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.c-case-study-thumb--hide {
  transform: scale(0);
  max-width: 0;
  margin: 0;
  opacity: 0;
}

@media (max-width: 55em) {
  .c-case-study__info {
    margin-top: 20px;
  }
  .c-case-study__info h1 + p {
    margin-top: 10px;
  }
}

.c-case-study-data {
  margin-top: 55px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12.5px;
}
.c-case-study-data:before, .c-case-study-data:after {
  content: "";
  display: table;
}
.c-case-study-data:after {
  clear: both;
}
.c-case-study-data dt {
  color: #b2b2b2;
  font-weight: 600;
  float: left;
  clear: both;
  margin: 10px 0 0;
  width: 113px;
}
.c-case-study-data dd {
  color: #70706f;
  width: calc(100% - 133.01px);
  float: right;
  margin: 10px 0 0;
}
.c-collection-data .c-case-study-data {
  margin-top: 3px;
}
.c-collection-data .c-case-study-data dt {
  width: 134px;
}
.c-collection-data .c-case-study-data dd {
  width: calc(100% - 134.01px);
}

@media (min-width: 1530px) {
  .c-case-study__info .c-product-data {
    width: calc(338px + 50vw - 775px);
    max-width: 536px;
  }
}
@media (min-width: 55em) {
  .c-collection-data .c-col4-md:first-child {
    width: calc(30.8333333333% - 0.01px - 3.75rem) !important;
  }
  .c-collection-data .c-col4-md:nth-child(2) {
    width: calc(35.8333333333% - 0.01px - 3.75rem) !important;
  }
  .c-collection-data.c-collection-data--tate .c-col4-md:first-child {
    width: calc(28.3333333333% - 0.01px - 3.75rem) !important;
  }
  .c-collection-data.c-collection-data--tate .c-col4-md:nth-child(2) {
    width: calc(38.3333333333% - 0.01px - 3.75rem) !important;
  }
  .c-collection-data.c-collection-data--london .c-col4-md:first-child {
    width: calc(32.5% - 0.01px - 3.75rem) !important;
  }
  .c-collection-data.c-collection-data--london .c-col4-md:nth-child(2) {
    width: calc(34.1666666667% - 0.01px - 3.75rem) !important;
  }
}

.c-case-study-slider {
  max-width: 1050px;
  position: relative;
  padding: 0 22px;
}
.c-case-study-slider ul {
  list-style: none;
}
.c-case-study-slider #js_basic-slider > div:not(:first-child) {
  display: none;
}
.c-case-study-slider #js_basic-slider > div.tns-item {
  display: inline-block;
}
@media (min-width: 65em) {
  .c-case-study-slider {
    margin-top: 8px !important;
  }
}
@media (min-width: 1200px) {
  .c-case-study-slider {
    padding: 0 38px;
  }
}

.modal-clearance .tingle-modal-box {
  max-width: 800px;
  width: 100%;
}
.modal-clearance.modal-image img {
  max-height: calc(92vh - 18rem);
}
@media (min-width: 450px) {
  .modal-clearance .gaea-slider .slide {
    width: calc(100% - 60px) !important;
  }
  .modal-clearance .gaea-slider .slide.active {
    width: 100% !important;
  }
}

.c-clearance-slider {
  position: relative;
  padding: 0 45px;
  width: 100%;
  max-width: 646px;
}
.c-clearance-slider ul {
  list-style: none;
}
.c-clearance-slider::after {
  content: "";
  display: block;
  position: relative;
  left: -26px;
  height: 14px;
  width: calc(100% + 52px);
  background-color: #232323;
  box-shadow: 0px 6px 15.12px 2.88px rgba(0, 0, 0, 0.4);
}
.c-clearance-slider li:not(:first-child) {
  display: none;
}
.c-clearance-slider .tns-slider li:not(:first-child) {
  display: inline-block;
}
.c-clearance-slider figure {
  position: relative;
}
.c-clearance-slider figure::before, .c-clearance-slider figure::after {
  content: "";
  position: absolute;
  -webkit-transition: 0.35s;
  transition: 0.35s;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}
.c-clearance-slider figure::before {
  top: 6px;
  right: 6px;
  bottom: 6px;
  left: 6px;
  border: 1px solid #000;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c-clearance-slider figure::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 60%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 60%);
}
.c-clearance-slider img {
  display: block;
  transition: transform 0.35s;
}
.c-clearance-slider h3, .c-clearance-slider p {
  padding: 0 34px;
  position: absolute;
  left: 10px;
  right: 10px;
  text-align: center;
  margin: 0;
  opacity: 0;
  transition: 0.35s;
  z-index: 2;
  pointer-events: none;
}
.c-clearance-slider h3 {
  top: 50%;
  margin-top: -2.5rem;
  font-weight: 600;
  line-height: 1.5;
  transform: translateY(-100%);
}
.c-clearance-slider h3 + p {
  margin-top: 2.5rem;
}
.c-clearance-slider p {
  top: 50%;
  font-weight: 400;
  text-transform: uppercase;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.c-clearance-slider figure:hover::before, .c-clearance-slider figure:hover h3, .c-clearance-slider figure:hover p {
  opacity: 1;
}
.c-clearance-slider figure:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.c-clearance-slider figure:hover img, .c-clearance-slider figure:hover::after {
  transform: perspective(1000px) translate3d(0, 0, 21px);
}
.c-clearance-slider figure:hover h3, .c-clearance-slider figure:hover p {
  transform: translateY(0);
}
.c-clearance-slider figure:hover::before, .c-clearance-slider figure:hover p {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.c-wfa-scroll {
  max-height: 200px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  width: calc(100% + 15px);
  padding-right: 16px;
  right: 0px;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #fff #000;
}
.c-wfa-scroll::after {
  content: "";
  position: sticky;
  display: block;
  bottom: -2px;
  left: 0;
  right: 16px;
  height: 37px;
  width: calc(100% + 15px);
  background-image: url(../img/fade-white.png);
  background-repeat: repeat-x;
}
.c-wfa-scroll::-webkit-scrollbar {
  width: 15px;
}
.c-wfa-scroll::-webkit-scrollbar-track {
  background-color: #000;
}
.c-wfa-scroll::-webkit-scrollbar-thumb {
  width: 13px;
  max-height: 12px !important;
  background-image: url(../img/slider-thumb.png);
  background-repeat: no-repeat;
  background-position: 50% 7px;
}
.c-bg-grey .c-wfa-scroll::after {
  background-image: url(../img/fade-grey.png);
  left: 16px;
  right: 0;
}
@media (min-width: 55em) {
  .c-bg-grey .c-wfa-scroll {
    padding-left: 16px;
    padding-right: 0;
    left: -15px;
    right: 0;
    direction: rtl;
  }
  .c-bg-grey .c-wfa-scroll > * {
    direction: ltr;
  }
}
@media (min-width: 80em) {
  .c-wfa-scroll {
    right: -28px;
  }
  .c-bg-grey .c-wfa-scroll {
    left: -28px;
  }
}

#js_colour-slider-ow, #js_mouldings-slider-ow {
  position: relative;
  padding: 0 40px !important;
}

.tingle-modal-box--wide .tingle-modal-box, .tingle-modal-box--wide .tingle-modal-box__content, .tingle-modal-box--narrow .tingle-modal-box, .tingle-modal-box--narrow .tingle-modal-box__content {
  width: 100%;
}

.tingle-modal-box--wide .tingle-modal-box__content iframe {
  max-width: 100%;
}

.c-play {
  cursor: pointer;
  position: relative;
  width: fit-content;
  margin: 40px auto;
  display: block;
  min-height: 43px;
  min-width: 43px;
}
.c-play::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 43px;
  width: 43px;
  background-image: url(../img/play.png);
  transition: 0.3s ease-out;
}
.c-play:hover::after {
  opacity: 0.8;
}
.c-play + p {
  margin-top: 0;
}

.c-slider--mouldings figure {
  text-align: center;
}
.c-slider--mouldings figure img {
  margin: 0 auto;
}
.c-slider--mouldings figcaption {
  font-size: 11.46px;
  letter-spacing: 0.01px;
}

.c-product h1 + p {
  margin-top: 8px;
}
.c-product .c-product-data {
  margin-top: 1.5rem;
  line-height: 24px;
}
.c-product .u-hide-lg h2 {
  width: fit-content;
  margin: 0 auto;
}
.c-product .u-hide-lg p {
  margin-top: 10px;
}
.c-product .u-wrapper--xl .c-col4-md > * {
  max-width: 359px;
}
.c-product .u-wrapper--xl .c-col4-md > *.wider {
  max-width: 410px;
}

@media (max-width: 55em) {
  .c-product__designs {
    justify-content: center;
  }
}
.c-product__designs figure {
  max-width: 118px;
}
.c-product__designs figcaption {
  margin-top: 4px;
  font-size: 12px;
  text-align: center;
}

.c-product-data {
  margin-top: 32px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12.5px;
  line-height: 30.41px;
}
.c-product-data:before, .c-product-data:after {
  content: "";
  display: table;
}
.c-product-data:after {
  clear: both;
}
.c-product-data dt {
  color: #b2b2b2;
  font-weight: 600;
  float: left;
  clear: both;
  margin: 10px 0 0;
  width: 126px;
}
.c-product-data dd {
  color: #70706f;
  width: calc(100% - 126.01px);
  float: right;
  margin: 10px 0 0;
}

.c-note2 {
  text-transform: uppercase;
  font-size: 10.42px;
}
.c-note2 span {
  font-weight: 600;
  text-decoration: underline;
}

.c-team-members [class*=c-product-thumb-] {
  padding-bottom: 46px;
}
.c-team-members [class*=c-product-thumb-] img {
  box-shadow: 6px 13px 18px 0 rgba(0, 0, 0, 0.35);
}
.c-team-members figcaption {
  line-height: 15.71px;
  letter-spacing: 0.01px;
}
.c-team-members figcaption span {
  display: block;
  color: #000;
}
@media (min-width: 1000px) {
  .c-team-members [class*=c-product-thumb-] figure {
    height: 0;
    padding-bottom: 129%;
  }
  .c-team-members [class*=c-product-thumb-] img {
    box-shadow: 3px 16px 13px 0 rgba(0, 0, 0, 0.35);
  }
}

.link-team {
  font-size: 31.25px;
  line-height: 41.67px;
  letter-spacing: -0.01px;
  padding-right: 58px;
  background-image: url(../img/arrow-right.png);
  background-repeat: no-repeat;
  background-position: right 50%;
  color: currentColor;
}
.link-team:hover {
  color: #949291;
}

.c-product-thumb--single {
  margin: 0 auto;
  width: 281px;
  padding-bottom: 28px;
}
.c-product-thumb--single figure {
  padding: 0 17px;
  text-align: center;
}
.c-product-thumb--single figcaption {
  left: 17px;
  right: 17px;
  margin-top: 0;
}

.c-apply-bar {
  background-color: #757373;
  color: #fff;
  padding: 8px 0 12px;
  text-align: center;
}
.c-apply-bar a {
  font-size: 16.67px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05px;
  color: #fff;
  text-decoration: none;
}
.c-apply-bar a:hover {
  color: #fff;
}

.c-icon {
  height: 150px;
  width: 150px;
  background-repeat: no-repeat;
  margin: 80px auto 60px;
}

.c-icon--architecture {
  background-image: url(../img/icon-architecture.png);
  background-image: url(../img/icon-architecture.svg);
}

.c-icon--installation {
  background-image: url(../img/icon-installation.png);
  background-image: url(../img/icon-installation.svg);
}

.c-icon--retail {
  background-image: url(../img/icon-retail.png);
  background-image: url(../img/icon-retail.svg);
}

.c-testimonial-slider {
  position: relative;
  padding: 0 35px;
}
.c-testimonial-slider .tns-outer {
  background-color: #a9a7a7;
  color: #fff;
}
.c-testimonial-slider .tns-slider {
  display: flex;
}
@media (max-width: 880px) {
  .c-testimonial-slider .tns-item blockquote {
    line-height: 1.2;
  }
  .c-testimonial-slider .tns-item blockquote * + * {
    margin-top: 1rem;
  }
}

.c-testimonial {
  text-align: center;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  padding: 30px !important;
}
.c-testimonial cite {
  font-weight: 600;
}

.c-testimonial--planet-flooring {
  background-image: url(../img/jason.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
  justify-content: flex-start;
  padding-top: 74px !important;
}
@media (min-width: 600px) {
  .c-testimonial--planet-flooring p {
    text-align: left;
    max-width: calc(100% - 253px);
  }
  .c-testimonial--planet-flooring .c-testimonial__logo {
    margin-left: 0;
  }
}
@media (min-width: 880px) {
  .c-testimonial--planet-flooring {
    justify-content: center;
    padding-top: 0 !important;
  }
}

.c-testimonial__logo {
  max-width: calc(90% - 20px);
  margin: 0 auto;
}

.c-download-list {
  list-style: none;
}
.c-download-list li {
  margin-top: 0;
  display: flex;
}
.c-download-list li::before, .c-download-list li span, .c-download-list li a {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
}
.c-download-list li::before {
  content: ">";
  font-size: 22.92px;
  line-height: 29.17px;
  width: 22px;
}
.c-download-list li > span {
  padding-top: 3.15px;
}
.c-download-list li > span.title {
  width: 112px;
}
.c-download-list li > span.links {
  width: calc(100% - 134.01px);
}
.c-download-list li .seperator {
  margin: 0 4px;
}
.c-download-list li a {
  line-height: 22.87px;
  padding: 0 !important;
}

.modal-image {
  overflow-y: scroll;
  padding-top: 8vh;
}
.modal-image img {
  display: block;
  max-height: calc(92vh - 5em);
}
@media (max-width: 540px) {
  .modal-image {
    display: flex;
  }
  .modal-image .tingle-modal-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .modal-image .tingle-modal-box .tingle-modal-box__content {
    flex-grow: 1;
  }
}

.c-search-results {
  list-style: none;
}
.c-search-results a {
  display: flex;
  padding: 4px;
}
.c-search-results a:hover {
  background-color: #dfdfdf;
}
.c-search-results img {
  height: 60px;
}
.c-search-results img + span {
  margin: 4px 0 0 6px;
}

@media (max-width: 540px) {
  .tingle--team {
    display: flex;
  }
  .tingle--team .tingle-modal-box {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  .tingle--team .tingle-modal-box .tingle-modal-box__content {
    flex-grow: 1;
  }
}
.tingle--team img {
  width: 240px;
}
@media (min-width: 55em) {
  .tingle--team img {
    width: auto;
  }
}

.c-spaced-separator {
  display: inline-block;
  margin: 0 0.5rem;
}

.red {
  color: red;
}

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.tingle-modal--visible .gaea-slider {
  position: relative;
  padding: 0 20px;
  overflow: hidden;
}
.tingle-modal--visible .gaea-slider .slide {
  width: 100%;
  background-color: #fff;
  z-index: 0;
}
.tingle-modal--visible .gaea-slider .slide.active {
  position: relative;
  z-index: 1;
}
.tingle-modal--visible .gaea-slider .slide:not(.active) {
  position: absolute;
  top: 0;
}
.tingle-modal--visible .gaea-slider .slide.activate {
  width: calc(100% - 40px);
  z-index: 2;
  transition: left 0.3s ease-in-out;
}
.tingle-modal--visible .gaea-slider .slide.deactivate {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.tingle-modal--visible .gaea-slider:not(.gaea-slider--prev) .slide:not(.active) {
  left: 100%;
}
.tingle-modal--visible .gaea-slider:not(.gaea-slider--prev) .slide.activate {
  left: 20px;
}

.tingle-modal--visible .gaea-slider--prev .slide:not(.active) {
  left: -100%;
}
.tingle-modal--visible .gaea-slider--prev .slide.activate {
  left: 20px;
}

@media (max-width: 450px) {
  .tingle-modal--visible .gaea-slider .tns-controls {
    top: 100px;
  }
  .tingle-modal--visible .gaea-slider .tns-controls button {
    width: 12px;
    height: 223px;
  }
  .tingle-modal--visible .gaea-slider .tns-controls button:first-child {
    background-image: url(../img/arrow-left-sm.png);
  }
  .tingle-modal--visible .gaea-slider .tns-controls button:last-child {
    background-image: url(../img/arrow-right-sm.png);
  }
}
@media (min-width: 450px) {
  .tingle-modal--visible .gaea-slider {
    padding: 0 30px;
  }
}
.design-room__accred {
  display: flex;
  justify-content: center;
}
.design-room__accred figure {
  display: inline-block;
  margin: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

video {
  max-width: 100%;
}

.c-design-room-form {
  max-width: 24rem;
  margin: 0 auto;
}
.c-design-room-form h2 {
  text-align: center;
}
.c-design-room-form div {
  margin-top: 1.5rem;
}

.main-bespoke .c-product .c-product-data {
  line-height: 20px;
}

.main-bespoke .c-product-data dt, .main-bespoke .c-product-data dd {
  margin-top: 4px;
}

.c-footer {
  background-color: #444342;
  color: #fff;
  padding-top: 4rem;
  text-align: center;
}
.c-footer .c-arrow::before {
  width: calc(100% + 7px);
}
.c-footer .c-arrow span::before, .c-footer .c-arrow span::after {
  content: "";
  right: -7px;
}

.c-britain {
  margin-bottom: 4rem;
}

.c-social {
  list-style: none;
  margin-top: 1.5rem;
}
.c-social li {
  display: inline-block;
}
.c-social li:not(:last-child) {
  margin-right: 6px;
}
.c-social a {
  display: inline-block;
}
.c-social a:hover {
  opacity: 0.5;
}

@media (min-width: 55em) {
  .c-footer {
    text-align: left;
  }

  .c-footer-logo {
    display: flex;
  }
  .c-footer-logo a {
    width: 56px;
    flex-basis: 56px;
  }
  .c-footer-logo p {
    width: calc(100% - 56px);
    margin-top: 0;
    padding-left: 0.8rem;
  }
  .c-footer-logo + div {
    max-width: 38rem;
  }

  .c-britain {
    text-align: center;
  }
}
.c-cta {
  padding: 60px 0;
}
.c-cta p {
  font-size: 20.83px;
  line-height: 41.67px;
  letter-spacing: -0.1px;
}
.c-cta p + p {
  margin: 0;
}
.c-cta a {
  color: currentColor;
  font-weight: 400;
}
.c-cta a:hover {
  color: #949291;
}

.c-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  height: 746px;
  background-size: cover;
  background-position: 50%;
  margin-bottom: 51px;
  position: relative;
}
.c-hero::before, .c-hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -51px;
  height: 51px;
}
.c-hero::before {
  background-color: #757373;
}
.c-hero::after {
  background-image: url(../img/hero-down.png);
  background-position: 50%;
  background-repeat: no-repeat;
}
.c-hero .h1, .c-hero a, .c-hero strong {
  font-weight: 300;
}
.c-hero a {
  text-transform: uppercase;
  text-align: center;
}
.c-hero a:hover {
  color: currentColor;
}
@media (min-width: 55em) {
  .c-hero {
    height: 1085px;
  }
}

.c-hero--dark {
  color: #050505;
}
.c-hero--dark a {
  color: #050505;
}

.c-links-bar {
  list-style: none;
}
.c-links-bar li {
  display: inline-block;
  position: relative;
  margin-top: 2px;
  color: #9d9d9c;
}
.c-links-bar li:not(:last-child) {
  padding-right: 11px;
  margin-right: 10px;
}
.c-links-bar li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  height: 17px;
  border-right: 1px solid #9d9d9c;
}
.c-links-bar + .c-links-bar {
  margin-top: 16px;
}

.link {
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.link::before {
  content: "";
}
.link::before, .link::after {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  top: 100%;
  left: 0;
  pointer-events: none;
}

.link--elara::before {
  transform-origin: 50% 100%;
  transition: clip-path 0.3s, transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
  clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
}
.link--elara span {
  display: inline-block;
  transition: transform 0.3s cubic-bezier(0.2, 1, 0.8, 1);
}
.link--elara:hover::before {
  transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}
.link--elara:hover span {
  transform: translate3d(0, -2px, 0);
}

.c-collection-download:not(.c-collection-download--links) {
  padding-top: 57px;
  background-image: url(../img/PDF.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 31px 46px;
  position: relative;
}
.c-collection-download:not(.c-collection-download--links)::before {
  content: "";
  position: absolute;
  left: 40px;
  top: 22px;
  width: calc(100% - 40px);
  max-width: 322px;
  border-top: 1px solid #c6c6c6;
}

.c-collection-download--links {
  margin-top: 0;
}

.c-collection-download p, .c-accessories-download p {
  letter-spacing: 0.05em;
}
.c-collection-download p:first-child, .c-accessories-download p:first-child {
  font-size: 12.5px;
}
.c-collection-download p + p, .c-accessories-download p + p {
  margin-top: 1px;
}
.c-collection-download ul, .c-accessories-download ul {
  margin-top: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.c-collection-download ul li, .c-accessories-download ul li {
  display: inline-block;
  position: relative;
  margin-top: 2px;
}
.c-collection-download ul li:not(:last-child):not(.title-size)::after, .c-accessories-download ul li:not(:last-child):not(.title-size)::after {
  content: "";
  position: relative;
  top: 2px;
  height: 17px;
  margin-left: 11px;
  margin-right: 10px;
  border-right: 1px solid #000;
}
.c-collection-download ul li.title-size, .c-accessories-download ul li.title-size {
  padding-right: 6px;
}
.c-collection-download ul a, .c-collection-download ul span, .c-accessories-download ul a, .c-accessories-download ul span {
  font-size: 12.5px;
  font-weight: 700;
}
.c-collection-download ul a, .c-accessories-download ul a {
  color: currentColor;
  text-transform: uppercase;
}
.c-collection-download ul a:hover, .c-accessories-download ul a:hover {
  color: #949291;
}

@media (min-width: 1175px) {
  .u-wrapper--sm .c-collection-download {
    width: calc(351px + 50vw - 587.5px);
    max-width: 489px;
  }
}
@media (min-width: 1600px) {
  .u-wrapper--xl .c-collection-download {
    width: 365px;
    max-width: calc(100% + 2em);
  }
}
.c-accessories-download ul a {
  text-transform: none;
}

.c-accessories-download__download {
  letter-spacing: 0;
  font-size: 12.5px;
  margin-top: 3px;
}
.c-accessories-download__download a {
  color: currentColor;
  font-weight: 700;
  text-decoration: underline;
}
.c-accessories-download__download a:hover {
  color: #949291;
}

.c-accessories-download__spec {
  padding-left: 39px;
  background-image: url(../img/PDF.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 31px 46px;
}
@media (min-width: 31.25em) {
  .c-accessories-download__spec {
    background-position: 0 6px;
  }
}

.collection [class*=c-product-thumb-] img {
  max-height: 412px;
}
@media (min-width: 1000px) {
  .collection .c-thumbs-3 [class*=c-product-thumb-]:not(.wider) {
    max-width: 29.62%;
  }
  .collection .c-thumbs-3 [class*=c-product-thumb-].wider {
    max-width: 40.76%;
  }
  .collection .c-thumbs-3 [class*=c-product-thumb-] img {
    max-height: 306px;
  }
}
@media (min-width: 1100px) {
  .collection .c-thumbs-3 [class*=c-product-thumb-] img {
    max-height: 342px;
  }
}
@media (min-width: 1220px) {
  .collection .c-thumbs-3 [class*=c-product-thumb-] img {
    max-height: 387px;
  }
}
@media (min-width: 1330px) {
  .collection .c-thumbs-3 [class*=c-product-thumb-]:not(.wider) {
    max-width: 29.62%;
  }
  .collection .c-thumbs-3 [class*=c-product-thumb-].wider {
    max-width: 40.76%;
  }
  .collection .c-thumbs-3 [class*=c-product-thumb-] img {
    max-height: 412px;
  }
}

.collection-product [class*=c-product-thumb-] img {
  max-height: 500px;
}

/*--- 5.Print ---*/
@media print {
  body > *:not(main), .c-slider, .c-button {
    display: none;
  }

  * {
    text-align: left;
  }
}

/*# sourceMappingURL=style.css.map */