@charset "UTF-8";
/*** Variables ***/
/*** Functions ***/
/*** Framework ***/
.p-fixed {
  position: fixed;
}

.p-relative {
  position: relative;
}

.p-sticky {
  position: sticky;
  top: 104px;
}

.z-index-1 {
  z-index: 1;
}

.z-index-n1 {
  z-index: -1;
}

.z-index-2 {
  z-index: 2;
}

.z-index-n2 {
  z-index: -2;
}

.z-index-3 {
  z-index: 3;
}

.z-index-n3 {
  z-index: -3;
}

.z-index-4 {
  z-index: 4;
}

.z-index-n4 {
  z-index: -4;
}

.z-index-5 {
  z-index: 5;
}

.z-index-n5 {
  z-index: -5;
}

.abs-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.abs-center-fit {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.abs-topleft {
  position: absolute;
  left: 0;
  top: 0;
}

.abs-topleft-fit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.abs-topright {
  position: absolute;
  right: 0;
  top: 0;
}

.abs-topright-fit {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.abs-bottomleft {
  position: absolute;
  left: 0;
  bottom: 0;
}

.abs-bottomleft-fit {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.abs-bottomright {
  position: absolute;
  right: 0;
  bottom: 0;
}

.abs-bottomright-fit {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.flex-1 {
  flex: 1;
}

.fit-size {
  width: 100%;
  height: 100%;
}

.fit-width {
  width: 100%;
}

.fit-height {
  height: 100%;
}

.fit-height-50 {
  height: 50%;
}

.fit-min-height {
  min-height: 100%;
}

.fit-screen-height {
  height: 100vh;
}

.frame, .frame--auto, .frame--3-4, .frame--4-3, .frame--2-3, .frame--3-2, .frame--9-16, .frame--16-9, .frame--1-2, .frame--2-1, .frame--1-1, .frame--thumbnail {
  position: relative;
  overflow: hidden;
}
.frame > img, .frame--auto > img, .frame--3-4 > img, .frame--4-3 > img, .frame--2-3 > img, .frame--3-2 > img, .frame--9-16 > img, .frame--16-9 > img, .frame--1-2 > img, .frame--2-1 > img, .frame--1-1 > img, .frame--thumbnail > img, .frame > video, .frame--auto > video, .frame--3-4 > video, .frame--4-3 > video, .frame--2-3 > video, .frame--3-2 > video, .frame--9-16 > video, .frame--16-9 > video, .frame--1-2 > video, .frame--2-1 > video, .frame--1-1 > video, .frame--thumbnail > video {
  position: absolute;
}

.frame--thumbnail {
  padding-bottom: 63.41%;
}

.frame--1-1 {
  padding-bottom: 100%;
}

.frame--2-1 {
  padding-bottom: 50%;
}

.frame--1-2 {
  padding-bottom: 200%;
}

.frame--16-9 {
  padding-bottom: 56.25%;
}

.frame--9-16 {
  padding-bottom: 177.77%;
}

.frame--3-2 {
  padding-bottom: 66.67%;
}

.frame--2-3 {
  padding-bottom: 150%;
}

.frame--4-3 {
  padding-bottom: 75%;
}

.frame--3-4 {
  padding-bottom: 133.33%;
}

.img-cover, .frame > img, .frame--auto > img, .frame > video, .frame--auto > video, .frame--thumbnail > img, .frame--thumbnail > video, .frame--1-1 > img, .frame--1-1 > video, .frame--2-1 > img, .frame--2-1 > video, .frame--1-2 > img, .frame--1-2 > video, .frame--16-9 > img, .frame--16-9 > video, .frame--9-16 > img, .frame--9-16 > video, .frame--3-2 > img, .frame--3-2 > video, .frame--2-3 > img, .frame--2-3 > video, .frame--4-3 > img, .frame--4-3 > video, .frame--3-4 > img, .frame--3-4 > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.frame--auto {
  height: auto;
}
.frame--auto > img, .frame--auto > video {
  height: auto;
}
.frame--auto > img.parallax.loaded, .frame--auto > video.parallax.loaded {
  left: -5%;
  top: -5%;
  width: 110%;
  height: 110%;
}

.round-circle {
  border-radius: 50%;
}

.round-corner {
  border-radius: 16px;
}

.bg-white {
  background: #fff;
}

.bg-black {
  background: #000;
}

.bg-gray {
  background: #646464;
}

.bg-dark {
  background: #1c2925;
}

.bg-dark-less {
  background: #1c2925;
}

.bg-background {
  background: #f5f2ec;
}

.bg-primary {
  background: #cf9e84;
}

.bg-background-texture {
  background: none repeat top left/100px auto;
}

.bg-side, .bg-side--right, .bg-side--left {
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  transition: 0.3s;
}

.bg-side--left {
  right: 100%;
}

.bg-side--right {
  left: 100%;
}

.bg-side-decor {
  z-index: 1;
  position: relative;
}
.bg-side-decor::after {
  z-index: -1;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, 0);
  width: 960px;
  height: 580px;
  border-radius: 1000px;
  background: #cf9e84;
  clip-path: polygon(50% calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), 50% calc(100% + 1px));
}

.box-shadow {
  box-shadow: 0 24px 50px rgba(28,41,37, 0.05);
}

.box-shadow--light {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

.box-shadow--heavy {
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
}

.hover-zoom {
  transition: 0.4s;
}
.hover-zoom:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.filter-gray-scale {
  filter: grayscale(100%);
}

.border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}

.rect-default, .rect-right, .rect-bottom-min-lg, .rect-bottom {
  position: relative;
}
.rect-default::after, .rect-right::after, .rect-bottom-min-lg::after, .rect-bottom::after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width : 1199px) {
  .rect-default::after, .rect-right::after, .rect-bottom-min-lg::after, .rect-bottom::after {
    border-width: 40px !important;
  }
}

.rect-bottom::after {
  border-bottom: 90px solid #cf9e84;
}

.rect-bottom-min-lg::after {
  border-bottom: 90px solid #cf9e84;
}
@media screen and (min-width : 992px) {
  .rect-bottom-min-lg::after {
    border-bottom: none;
  }
}

.rect-right::after {
  border-right: 90px solid #cf9e84;
  opacity: 0.8;
}

.divider {
  height: 1px;
  border-bottom: 1px solid;
}

.divider--medium {
  border-bottom: 2px solid;
}

.divider--thick {
  border-bottom: 20px solid;
}

.color-black {
  color: #000;
}

.color-white {
  color: #fff;
}

.color-gray {
  color: #646464;
}

.color-gray-less {
  color: #A6A6A6;
}

.color-dark {
  color: #1c2925;
}

.color-dark-less {
  color: #1c2925;
}

.color-primary {
  color: #cf9e84;
}

.color-secondary {
  color: #00B57A;
}

.color-texture-dark {
  color: #1c2925;
  background: none repeat top left/600px auto, #1c2925;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.color-texture-white {
  color: white;
  background: none repeat top left/600px auto, white;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pre-headline, .table th {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media screen and (max-width : 767px) {
  .pre-headline, .table th {
    font-size: 12px;
  }
}

.divider-to-right {
  display: flex;
  align-items: center;
}
.divider-to-right::after {
  content: "";
  flex: 1;
  margin-left: 20px;
  display: block;
  height: 20px;
  background: #cf9e84;
}

.text-xxxl {
  font-size: 128px;
  line-height: 0.9;
}

.text-xxl {
  font-size: 104px;
  line-height: 0.9;
}

.text-xl2 {
  font-size: 88px;
  line-height: 1;
}

.text-xl {
  font-size: 64px;
  line-height: 1.1;
}

.text-large2 {
  font-size: 56px;
  line-height: 1.1;
}

.text-large {
  font-size: 48px;
  line-height: 1.2;
}

.text-big4 {
  font-size: 46px;
  line-height: 1.2;
}

.text-big3 {
  font-size: 40px;
  line-height: 1.2;
}

.text-big2 {
  font-size: 36px;
  line-height: 1.2;
}

.text-big {
  font-size: 32px;
  line-height: 1.2;
}

.text-medium3 {
  font-size: 28px;
  line-height: 1.3;
}

.text-medium2 {
  font-size: 26px;
  line-height: 1.3;
}

.text-medium {
  font-size: 24px;
  line-height: 1.4;
}

.text-regular3 {
  font-size: 22px;
  line-height: 1.4;
}

.text-regular2 {
  font-size: 20px;
  line-height: 1.5;
}

.text-regular {
  font-size: 18px;
  line-height: 1.6;
}

.text-small2 {
  font-size: 16px;
}

.text-small {
  font-size: 14px;
}

.text-xs2 {
  font-size: 13px;
}

.text-xs {
  font-size: 12px;
}

@media (min-width: 576px) {
  .text-sm-xxxl {
    font-size: 128px;
    line-height: 0.9;
  }
  .text-sm-xxl {
    font-size: 104px;
    line-height: 0.9;
  }
  .text-sm-xl2 {
    font-size: 88px;
    line-height: 1;
  }
  .text-sm-xl {
    font-size: 64px;
    line-height: 1.1;
  }
  .text-sm-large2 {
    font-size: 56px;
    line-height: 1.1;
  }
  .text-sm-large {
    font-size: 48px;
    line-height: 1.2;
  }
  .text-sm-big4 {
    font-size: 46px;
    line-height: 1.2;
  }
  .text-sm-big3 {
    font-size: 40px;
    line-height: 1.2;
  }
  .text-sm-big2 {
    font-size: 36px;
    line-height: 1.2;
  }
  .text-sm-big {
    font-size: 32px;
    line-height: 1.2;
  }
  .text-sm-medium3 {
    font-size: 28px;
    line-height: 1.3;
  }
  .text-sm-medium2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .text-sm-medium {
    font-size: 24px;
    line-height: 1.4;
  }
  .text-sm-regular3 {
    font-size: 22px;
    line-height: 1.4;
  }
  .text-sm-regular2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .text-sm-regular {
    font-size: 18px;
    line-height: 1.6;
  }
  .text-sm-small2 {
    font-size: 16px;
  }
  .text-sm-small {
    font-size: 14px;
  }
  .text-sm-xs2 {
    font-size: 13px;
  }
  .text-sm-xs {
    font-size: 12px;
  }
}
@media (min-width: 768px) {
  .text-md-xxxl {
    font-size: 128px;
    line-height: 0.9;
  }
  .text-md-xxl {
    font-size: 104px;
    line-height: 0.9;
  }
  .text-md-xl2 {
    font-size: 88px;
    line-height: 1;
  }
  .text-md-xl {
    font-size: 64px;
    line-height: 1.1;
  }
  .text-md-large2 {
    font-size: 56px;
    line-height: 1.1;
  }
  .text-md-large {
    font-size: 48px;
    line-height: 1.2;
  }
  .text-md-big4 {
    font-size: 46px;
    line-height: 1.2;
  }
  .text-md-big3 {
    font-size: 40px;
    line-height: 1.2;
  }
  .text-md-big2 {
    font-size: 36px;
    line-height: 1.2;
  }
  .text-md-big {
    font-size: 32px;
    line-height: 1.2;
  }
  .text-md-medium3 {
    font-size: 28px;
    line-height: 1.3;
  }
  .text-md-medium2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .text-md-medium {
    font-size: 24px;
    line-height: 1.4;
  }
  .text-md-regular3 {
    font-size: 22px;
    line-height: 1.4;
  }
  .text-md-regular2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .text-md-regular {
    font-size: 18px;
    line-height: 1.6;
  }
  .text-md-small2 {
    font-size: 16px;
  }
  .text-md-small {
    font-size: 14px;
  }
  .text-md-xs2 {
    font-size: 13px;
  }
  .text-md-xs {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .text-lg-xxxl {
    font-size: 128px;
    line-height: 0.9;
  }
  .text-lg-xxl {
    font-size: 104px;
    line-height: 0.9;
  }
  .text-lg-xl2 {
    font-size: 88px;
    line-height: 1;
  }
  .text-lg-xl {
    font-size: 64px;
    line-height: 1.1;
  }
  .text-lg-large2 {
    font-size: 56px;
    line-height: 1.1;
  }
  .text-lg-large {
    font-size: 48px;
    line-height: 1.2;
  }
  .text-lg-big4 {
    font-size: 46px;
    line-height: 1.2;
  }
  .text-lg-big3 {
    font-size: 40px;
    line-height: 1.2;
  }
  .text-lg-big2 {
    font-size: 36px;
    line-height: 1.2;
  }
  .text-lg-big {
    font-size: 32px;
    line-height: 1.2;
  }
  .text-lg-medium3 {
    font-size: 28px;
    line-height: 1.3;
  }
  .text-lg-medium2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .text-lg-medium {
    font-size: 24px;
    line-height: 1.4;
  }
  .text-lg-regular3 {
    font-size: 22px;
    line-height: 1.4;
  }
  .text-lg-regular2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .text-lg-regular {
    font-size: 18px;
    line-height: 1.6;
  }
  .text-lg-small2 {
    font-size: 16px;
  }
  .text-lg-small {
    font-size: 14px;
  }
  .text-lg-xs2 {
    font-size: 13px;
  }
  .text-lg-xs {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .text-xl-xxxl {
    font-size: 128px;
    line-height: 0.9;
  }
  .text-xl-xxl {
    font-size: 104px;
    line-height: 0.9;
  }
  .text-xl-xl2 {
    font-size: 88px;
    line-height: 1;
  }
  .text-xl-xl {
    font-size: 64px;
    line-height: 1.1;
  }
  .text-xl-large2 {
    font-size: 56px;
    line-height: 1.1;
  }
  .text-xl-large {
    font-size: 48px;
    line-height: 1.2;
  }
  .text-xl-big4 {
    font-size: 46px;
    line-height: 1.2;
  }
  .text-xl-big3 {
    font-size: 40px;
    line-height: 1.2;
  }
  .text-xl-big2 {
    font-size: 36px;
    line-height: 1.2;
  }
  .text-xl-big {
    font-size: 32px;
    line-height: 1.2;
  }
  .text-xl-medium3 {
    font-size: 28px;
    line-height: 1.3;
  }
  .text-xl-medium2 {
    font-size: 26px;
    line-height: 1.3;
  }
  .text-xl-medium {
    font-size: 24px;
    line-height: 1.4;
  }
  .text-xl-regular3 {
    font-size: 22px;
    line-height: 1.4;
  }
  .text-xl-regular2 {
    font-size: 20px;
    line-height: 1.5;
  }
  .text-xl-regular {
    font-size: 18px;
    line-height: 1.6;
  }
  .text-xl-small2 {
    font-size: 16px;
  }
  .text-xl-small {
    font-size: 14px;
  }
  .text-xl-xs2 {
    font-size: 13px;
  }
  .text-xl-xs {
    font-size: 12px;
  }
}
.line-height-1 {
  line-height: 1;
}

.line-height-1-1 {
  line-height: 1.1;
}

.line-height-1-2 {
  line-height: 1.2;
}

.line-height-1-3 {
  line-height: 1.3;
}

.line-height-1-4 {
  line-height: 1.4;
}

.line-height-1-5 {
  line-height: 1.5;
}

.line-height-1-6 {
  line-height: 1.6;
}

.font-primary {
  font-family: 'Inter', Helvetica, sans-serif;
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.text-spacing {
  letter-spacing: 2px;
}

.text-italic {
  font-style: italic;
}

.text-allcaps {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-underline {
  text-decoration: underline;
}

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

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

@media (min-width: 576px) {
  .text-sm-center {
    text-align: center;
  }
  .text-sm-right {
    text-align: right;
  }
}
@media (min-width: 768px) {
  .text-md-center {
    text-align: center;
  }
  .text-md-right {
    text-align: right;
  }
}
@media (min-width: 992px) {
  .text-lg-center {
    text-align: center;
  }
  .text-lg-right {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .text-xl-center {
    text-align: center;
  }
  .text-xl-right {
    text-align: right;
  }
}
.text-left {
  text-align: left;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-y-auto {
  overflow-y: auto;
}

.opacity-1 {
  opacity: .1;
}

.opacity-2 {
  opacity: .2;
}

.opacity-3 {
  opacity: .3;
}

.opacity-4 {
  opacity: .4;
}

.opacity-5 {
  opacity: .5;
}

.opacity-6 {
  opacity: .6;
}

.opacity-7 {
  opacity: .7;
}

.opacity-8 {
  opacity: .8;
}

.opacity-9 {
  opacity: .9;
}

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

/*** Resources ***/




@font-face {
  font-family: "Maison Neue";
  
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Maison Neue";
  
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
/*** Animations ***/
.reveal {
  display: block;
}
@media screen and (max-width : 991px) {
  .reveal[data-animation=fade-reveal] {
    opacity: 1;
  }
  .reveal[data-animation=slide-reveal-ltr], .reveal[data-animation=slide-reveal-rtl], .reveal[data-animation=slide-reveal-ttb], .reveal[data-animation=slide-reveal-btt] {
    opacity: 1;
    transform: translate(0, 0);
  }
  .reveal[data-animation=mask-reveal-ltr], .reveal[data-animation=mask-reveal-rtl], .reveal[data-animation=mask-reveal-ttb], .reveal[data-animation=mask-reveal-btt], .reveal[data-animation=mask-reveal-cts] {
    opacity: 1;
  }
  .reveal[data-animation=zoom-reveal-out] {
    overflow: hidden;
  }
  .reveal[data-animation=zoom-reveal-out] > img:not([aria-hidden=true]), .reveal[data-animation=zoom-reveal-out] > video {
    left: 50%;
    top: 50%;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.001);
  }
}
@media screen and (min-width : 992px) {
  .reveal[data-animation=fade-reveal] {
    opacity: 0;
    will-change: opacity;
    transition: opacity 0.75s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=fade-reveal][data-speed=slow] {
    transition: opacity 1.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=fade-reveal][data-speed=fast] {
    transition: opacity 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=fade-reveal].revealed {
    opacity: 1;
  }
  .reveal[data-animation=slide-reveal-ltr], .reveal[data-animation=slide-reveal-rtl], .reveal[data-animation=slide-reveal-ttb], .reveal[data-animation=slide-reveal-btt] {
    opacity: 0;
    will-change: transform, opacity;
    transition: opacity 0.7s cubic-bezier(0.65, 0, 0.35, 1), transform 0.75s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=slide-reveal-ltr][data-speed=slow], .reveal[data-animation=slide-reveal-rtl][data-speed=slow], .reveal[data-animation=slide-reveal-ttb][data-speed=slow], .reveal[data-animation=slide-reveal-btt][data-speed=slow] {
    transition: opacity 1.4s cubic-bezier(0.65, 0, 0.35, 1), transform 1.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=slide-reveal-ltr][data-speed=fast], .reveal[data-animation=slide-reveal-rtl][data-speed=fast], .reveal[data-animation=slide-reveal-ttb][data-speed=fast], .reveal[data-animation=slide-reveal-btt][data-speed=fast] {
    transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1), transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=slide-reveal-ltr].revealed, .reveal[data-animation=slide-reveal-rtl].revealed, .reveal[data-animation=slide-reveal-ttb].revealed, .reveal[data-animation=slide-reveal-btt].revealed {
    opacity: 1;
    transform: translate(0, 0);
  }
  .reveal[data-animation=slide-reveal-ltr] {
    transform: translateX(-30px);
  }
  .reveal[data-animation=slide-reveal-rtl] {
    transform: translateX(30px);
  }
  .reveal[data-animation=slide-reveal-ttb] {
    transform: translateY(-30px);
  }
  .reveal[data-animation=slide-reveal-btt] {
    transform: translateY(30px);
  }
  .reveal[data-animation=mask-reveal-ltr], .reveal[data-animation=mask-reveal-rtl], .reveal[data-animation=mask-reveal-ttb], .reveal[data-animation=mask-reveal-btt], .reveal[data-animation=mask-reveal-cts] {
    overflow: hidden;
    opacity: 0;
    will-change: clip-path;
    transition: opacity 1s cubic-bezier(0.65, 0, 0.35, 1), clip-path 1s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=mask-reveal-ltr][data-speed=slow], .reveal[data-animation=mask-reveal-rtl][data-speed=slow], .reveal[data-animation=mask-reveal-ttb][data-speed=slow], .reveal[data-animation=mask-reveal-btt][data-speed=slow], .reveal[data-animation=mask-reveal-cts][data-speed=slow] {
    transition: opacity 1.5s cubic-bezier(0.65, 0, 0.35, 1), clip-path 1.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=mask-reveal-ltr][data-speed=fast], .reveal[data-animation=mask-reveal-rtl][data-speed=fast], .reveal[data-animation=mask-reveal-ttb][data-speed=fast], .reveal[data-animation=mask-reveal-btt][data-speed=fast], .reveal[data-animation=mask-reveal-cts][data-speed=fast] {
    transition: opacity 0.5s cubic-bezier(0.65, 0, 0.35, 1), clip-path 0.5s cubic-bezier(0.65, 0, 0.35, 1);
  }
  .reveal[data-animation=mask-reveal-ltr].revealed, .reveal[data-animation=mask-reveal-rtl].revealed, .reveal[data-animation=mask-reveal-ttb].revealed, .reveal[data-animation=mask-reveal-btt].revealed, .reveal[data-animation=mask-reveal-cts].revealed {
    opacity: 1;
  }
  .reveal[data-animation=mask-reveal-ltr] {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), calc(0% - 1px) calc(0% - 1px), calc(0% - 1px) calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-ltr].revealed {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-rtl] {
    clip-path: polygon(100% calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), 100% calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-rtl].revealed {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-ttb] {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(0% - 1px), calc(0% - 1px) 0%);
  }
  .reveal[data-animation=mask-reveal-ttb].revealed {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-btt] {
    clip-path: polygon(calc(0% - 1px) 100%, 100% calc(100% + 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-btt].revealed {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=mask-reveal-cts] {
    clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  }
  .reveal[data-animation=mask-reveal-cts].revealed {
    clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  }
  .reveal[data-animation=zoom-reveal-out] {
    overflow: hidden;
  }
  .reveal[data-animation=zoom-reveal-out] > img:not([aria-hidden=true]), .reveal[data-animation=zoom-reveal-out] > video {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    opacity: 0;
    transition: 0.75s;
  }
  .reveal[data-animation=zoom-reveal-out].revealed > img:not([aria-hidden=true]), .reveal[data-animation=zoom-reveal-out].revealed > video {
    transform: translate(-50%, -50%) scale(1.001);
    opacity: 1;
  }
  .reveal[data-animation=gray-scale-reveal] {
    filter: grayscale(100);
    transition: 1s 1s;
  }
  .reveal[data-animation=gray-scale-reveal].revealed {
    filter: grayscale(0);
  }
}

/*** Main style ***/
* {
  box-sizing: border-box;
}

html {
  overflow-x: hidden;
}

body {
  position: relative;
  overflow-x: hidden;
  margin: 0;
  font-family: 'Inter', Helvetica, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  color: #1c2925;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body.hide-scrollbar {
  overflow: hidden;
}
body.theme-dark {
  background: #1c2925;
  color: #fff;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.6;
  overflow-wrap: normal;
}

p {
  margin-top: 0;
  margin-bottom: 25px;
  overflow-wrap: normal;
}
p:last-child {
  margin-bottom: 0;
}

q {
  display: block;
}

blockquote {
  margin: 0;
}

address {
  font-style: normal;
}

figure {
  margin: 0;
}

img {
  display: block;
  height: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

svg {
  display: block;
}

table, td, th {
  text-align: left;
}

@media screen and (max-width : 991px) {
  .table-wrap {
    overflow-x: auto;
  }
}

.table {
  width: 100%;
  border-collapse: collapse;
}
.table th, .table td {
  padding: 25px;
  min-width: 180px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  vertical-align: top;
}
.table th:not(:last-child), .table td:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 767px) {
  .table th, .table td {
    padding: 15px;
  }
}
.table th {
  background: #1c2925;
  color: #fff;
}
@media screen and (max-width : 575px) {
  .table.table__stack-xs,
  .table.table__stack-xs thead,
  .table.table__stack-xs tbody,
  .table.table__stack-xs tr,
  .table.table__stack-xs th,
  .table.table__stack-xs td {
    display: block;
    padding: 0;
    width: auto !important;
    border: 0 !important;
  }
  .table.table__stack-xs thead th:first-child {
    padding: 15px;
  }
  .table.table__stack-xs thead th:not(:first-child) {
    display: none;
  }
  .table.table__stack-xs tbody tr {
    padding: 15px;
  }
  .table.table__stack-xs tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  }
}
@media screen and (max-width : 991px) {
  .table.table__stack-md,
  .table.table__stack-md thead,
  .table.table__stack-md tbody,
  .table.table__stack-md tr,
  .table.table__stack-md th,
  .table.table__stack-md td {
    display: block;
    padding: 0;
    width: auto !important;
    border: 0 !important;
  }
  .table.table__stack-md thead th:first-child {
    padding: 15px;
  }
  .table.table__stack-md thead th:not(:first-child) {
    display: none;
  }
  .table.table__stack-md tbody tr {
    padding: 15px;
  }
  .table.table__stack-md tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  }
}

button, input, optgroup, select, textarea {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: none;
  color: inherit;
}
button:focus-visible, input:focus-visible, optgroup:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 1px solid;
}

button {
  padding: 0;
  background: none;
  border: none;
  font: inherit;
  text-transform: inherit;
  line-height: 1;
  text-align: inherit;
  cursor: pointer;
  transition: 0.3s;
}

a {
  text-decoration: none;
  color: #1c2925;
  transition: all 0.3s;
}

.skip-to-content-link {
  z-index: 150;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -100%);
  padding: 4px 8px 1px;
  background: #cf9e84;
  font-size: 14px;
  text-transform: uppercase;
  transition: 0.3s;
}

.skip-to-content-link:focus {
  transform: translate(-50%, 0);
}

.link-arrow {
  position: relative;
  padding-left: 28px;
  display: inline-block;
  color: #1c2925;
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (max-width : 575px) {
  .link-arrow {
    font-size: 13px;
  }
}
.link-arrow::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(-45deg);
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23FED102'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s;
}
.link-arrow:hover span, .link-arrow:focus span, .hover--link-arrow:hover .link-arrow span {
  background-size: 100% 100%;
}

.link-arrow--light {
  color: #fff;
}
.link-arrow--external::after {
  display: none;
}
.link-arrow--external svg {
  margin-left: 8px;
  transform: translate(0, 2px);
  display: inline-block;
  width: 14px;
  height: 14px;
  fill: #BBC5CB;
  transition: 0.3s;
}

.link-arrow--down {
  padding-left: 20px !important;
}
.link-arrow--down::after {
  top: 0;
  transform: rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewbox='0 0 18 18' fill='%23000000'%3E%3Cpath d='M12.24,18H0V15.3H12.24V18ZM6.12,14.22h0L0,7.38H3.42V0h5.4V7.38h3.42L6.121,14.22Z' fill='%23000000'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}

.link--stroke--bg, .cms-content p > a, .cms-content li > a, .links--stroke--bg a {
  background-image: linear-gradient(#cf9e84 0%, #cf9e84 100%);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 2px;
  transition: 0.3s;
}
.link--stroke--bg:hover, .cms-content p > a:hover, .cms-content li > a:hover, .links--stroke--bg a:hover {
  background-size: 100% 100%;
}

.link--stroke, .link--stroke--light, .cms-content--light p > a, .cms-content--light li > a, .links--stroke--light a, .link--stroke--dark, .cms-content--dark p > a, .cms-content--dark li > a, .links--stroke--dark a, .links--stroke a,
.link--stroke--hover,
.link--stroke--light--hover,
.links--stroke--light--hover a,
.link--stroke--dark--hover,
.links--stroke--dark--hover a,
.links--stroke--hover a {
  background-image: linear-gradient(transparent calc(100% - 1px), #cf9e84 1px);
  background-repeat: no-repeat;
  background-position: left bottom 1px;
  transition: 0.3s;
}

.link--stroke, .link--stroke--light, .cms-content--light p > a, .cms-content--light li > a, .links--stroke--light a, .link--stroke--dark, .cms-content--dark p > a, .cms-content--dark li > a, .links--stroke--dark a, .links--stroke a,
.link--stroke--hover:hover,
.link--stroke--light--hover:hover,
.links--stroke--light--hover a:hover,
.link--stroke--dark--hover:hover,
.links--stroke--dark--hover a:hover,
.links--stroke--hover a:hover,
.link--stroke--hover:focus,
.link--stroke--light--hover:focus,
.links--stroke--light--hover a:focus,
.link--stroke--dark--hover:focus,
.links--stroke--dark--hover a:focus,
.links--stroke--hover a:focus,
.hover--links--stroke:hover .link--stroke--hover,
.hover--links--stroke:hover .link--stroke--light--hover,
.hover--links--stroke:hover .links--stroke--light--hover a,
.links--stroke--light--hover .hover--links--stroke:hover a,
.hover--links--stroke:hover .link--stroke--dark--hover,
.hover--links--stroke:hover .links--stroke--dark--hover a,
.links--stroke--dark--hover .hover--links--stroke:hover a,
.hover--links--stroke:hover .links--stroke--hover a,
.links--stroke--hover .hover--links--stroke:hover a {
  background-size: 100% 100%;
}

.link--stroke:hover, .link--stroke--light:hover, .cms-content--light p > a:hover, .cms-content--light li > a:hover, .links--stroke--light a:hover, .link--stroke--dark:hover, .cms-content--dark p > a:hover, .cms-content--dark li > a:hover, .links--stroke--dark a:hover, .links--stroke a:hover,
.link--stroke:focus,
.link--stroke--light:focus,
.cms-content--light p > a:focus,
.cms-content--light li > a:focus,
.links--stroke--light a:focus,
.link--stroke--dark:focus,
.cms-content--dark p > a:focus,
.cms-content--dark li > a:focus,
.links--stroke--dark a:focus,
.links--stroke a:focus,
.link--stroke--hover,
.link--stroke--light--hover,
.links--stroke--light--hover a,
.link--stroke--dark--hover,
.links--stroke--dark--hover a,
.links--stroke--hover a {
  background-size: 0% 100%;
}

.link--stroke--dark, .cms-content--dark p > a, .cms-content--dark li > a, .links--stroke--dark a {
  background-image: linear-gradient(transparent calc(100% - 1px), #1c2925 1px);
}

.link--stroke--light, .cms-content--light p > a, .cms-content--light li > a, .links--stroke--light a {
  background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
}

.link--stroke--dark--hover, .links--stroke--dark--hover a {
  background-image: linear-gradient(transparent calc(100% - 1px), #1c2925 1px);
}

.link--stroke--light--hover, .links--stroke--light--hover a {
  background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
}

.links--color a {
  color: #cf9e84;
}

.links--color--dark a {
  color: #1c2925;
}

.links--color--light a {
  color: #fff;
}

button:focus-visible, a:focus-visible {
  outline: 1px solid;
}

.btn {
  z-index: 1;
  position: relative;
  padding: 16px 25px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #cf9e84;
  border: 1px solid transparent;
  color: #1c2925;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  line-height: 1;
  white-space: nowrap;
  -webkit-appearance: none;
  overflow: hidden;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .btn {
    white-space: normal;
    font-size: 12px;
  }
}
.btn span {
  display: block;
}
.btn svg {
  margin-right: 10px;
}
.btn:hover .btn__text > span:nth-child(1), .btn:focus .btn__text > span:nth-child(1) {
  visibility: hidden;
  transform: translate(0, -50px);
}
.btn:hover .btn__text > span:nth-child(2), .btn:focus .btn__text > span:nth-child(2) {
  visibility: visible;
  transform: translate(0, 0);
}

.btn__text {
  position: relative;
}
.btn__text > span {
  transition: 0.4s;
}
.btn__text > span:nth-child(1), .btn__text > span:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
}
.btn__text > span:nth-child(2) {
  visibility: hidden;
  transform: translate(0, 50px);
}
.btn__text > span:nth-child(3) {
  opacity: 0;
}

.btn--external::after {
  content: "";
  position: relative;
  transform: rotate(-45deg);
  display: block;
  margin-left: 12px;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23121212'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s;
}
.btn--external.btn--outline span svg {
  fill: #646464;
}
.btn--external.btn--light span svg {
  fill: #cf9e84;
}
.btn--external:hover span svg, .btn--external:focus span svg {
  fill: #fff;
}

.btn--dark {
  background: #1c2925;
  color: #fff;
}
.btn--light {
  background: #fff;
  color: #cf9e84;
}
.btn--light:hover, .btn--light:focus {
  background: #f5f2ec;
  color: #fff;
}

.btn--arrow {
  justify-content: space-between;
  background: #fff;
  color: #1c2925;
  font-size: 24px;
  line-height: 1.4;
}
.btn--arrow:hover, .btn--arrow:focus {
  background: #fff;
  color: #cf9e84;
}
.btn--arrow::after {
  content: "";
  margin-left: 20px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='%23121212'%3E%3Cpath d='M18,5.7a.7.7,0,0,0-.169-.413l-4.8-5.1a.6.6,0,0,0-.848-.023.619.619,0,0,0-.023.848L16.013,5.1H.6a.6.6,0,1,0,0,1.2H16.013l-3.853,4.088a.629.629,0,0,0,.023.848.6.6,0,0,0,.848-.023l4.8-5.1A.535.535,0,0,0,18,5.7Z' transform='translate(0 3)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}

.btn--file img {
  margin: -4px 10px -4px -5px;
  width: 26px;
}

ul, ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.list-basics ul > li, ul.list-basic > li, .cms-content ul > li {
  position: relative;
  padding-bottom: 5px;
  padding-left: 35px;
}
.list-spacing .list-basics ul > li, .list-spacing ul.list-basic > li, .list-spacing .cms-content ul > li, .cms-content .list-spacing ul > li {
  margin-bottom: 10px;
}
.list-basics ul > li::before, ul.list-basic > li::before, .cms-content ul > li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #1c2925;
}

.list-arrows ul > li, ul.list-arrows > li {
  position: relative;
  margin-left: 0;
  margin-bottom: 4px;
  padding-left: 18px;
}
.list-arrows ul > li::before, ul.list-arrows > li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4.355,5.992,0,10.533,1.529,12,7.274,5.993,1.529,0,0,1.467Z' transform='translate(2.4)' fill='%23FED102'/%3E%3C/svg%3E");
}

@media screen and (min-width : 768px) {
  ul.list-2-col {
    -moz-columns: 2;
         columns: 2;
  }
  ul.list-2-col > li {
    width: calc(100% - 30px);
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}

@media screen and (min-width : 768px) {
  ul.list-2-col--reflow {
    -moz-columns: unset;
         columns: unset;
    display: flex;
    flex-wrap: wrap;
  }
  ul.list-2-col--reflow > li {
    width: calc(50% - 30px);
  }
}

@media screen and (min-width : 768px) {
  ul.list-3-col {
    -moz-columns: 2;
         columns: 2;
  }
  ul.list-3-col > li {
    width: calc(100% - 30px);
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}
@media screen and (min-width : 992px) {
  ul.list-3-col {
    -moz-columns: 3;
         columns: 3;
  }
  ul.list-3-col > li {
    width: calc(100% - 30px);
    -moz-column-break-inside: avoid;
         break-inside: avoid-column;
  }
}

ul.list-3-col--reflow {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width : 768px) {
  ul.list-3-col--reflow > li {
    width: calc(50% - 30px);
  }
}
@media screen and (min-width : 992px) {
  ul.list-3-col--reflow > li {
    width: calc(33% - 30px);
  }
}

ul.list-spacing > li {
  margin-bottom: 14px;
}

.block-text-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.media-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.media-wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  clip: rect(0, 0, 0, 0);
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 30px;
  margin-bottom: 20px !important;
}

.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.post-thumbnail {
  position: relative;
  padding-bottom: 52.5%;
  background: rgba(207,158,132, 0.8);
  overflow: hidden;
}
.post-thumbnail img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100);
  mix-blend-mode: multiply;
}

.post-category {
  padding: 5px 15px 2px;
  display: inline-block;
  border-radius: 30px;
  background: #fff;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@media screen and (min-width : 1200px) {
  .post-share {
    text-align: center;
  }
}
@media screen and (max-width : 1199px) {
  .post-share {
    display: flex;
    align-items: center;
  }
}

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}
.pagination[data-total-pages="1"] {
  display: none;
}
.pagination .page-numbers {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.pagination .page-numbers.current {
  background: #1c2925;
  color: #fff;
}
.pagination .page-numbers:hover:not(.current):not(.dots), .pagination .page-numbers:focus:not(.current):not(.dots) {
  background: #cf9e84;
}
.pagination .page-prev, .pagination .page-next {
  position: relative;
  margin-bottom: 10px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #f5f2ec;
}
.pagination .page-prev:hover, .pagination .page-prev:focus, .pagination .page-next:hover, .pagination .page-next:focus {
  background: #cf9e84;
}
.pagination .page-prev::after, .pagination .page-next::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23121212'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}
.pagination .page-prev {
  margin-right: 40px;
}
@media screen and (max-width : 767px) {
  .pagination .page-prev {
    order: 1;
    margin-right: 10px;
  }
  .pagination .page-prev::before {
    content: "";
    width: 100%;
  }
}
.pagination .page-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.pagination .page-next {
  margin-left: 40px;
}
@media screen and (max-width : 767px) {
  .pagination .page-next {
    order: 2;
    margin-left: 10px;
  }
}
@media screen and (max-width : 767px) {
  .pagination .line-break {
    width: 100%;
  }
}

.cms-content > *:first-child {
  margin-top: 0;
}
.cms-content > *:last-child {
  margin-bottom: 0;
}
.cms-content img {
  max-width: 100%;
  height: auto;
}
.cms-content figure {
  position: relative;
  margin: 60px auto;
  max-width: 860px;
}
.cms-content figure:not(:hover) figcaption {
  visibility: hidden;
  opacity: 0;
}
.cms-content figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .cms-content figcaption {
    font-size: 14px;
  }
}
.cms-content p.wp-caption-text {
  font-size: 14px;
  font-weight: normal;
}
.cms-content > h2, .cms-content > h3, .cms-content > h4, .cms-content > h5, .cms-content > h6 {
  color: #1c2925;
  font-weight: 700;
}
.cms-content > h2 {
  margin: 60px 0 25px;
  font-size: 46px;
  line-height: 1.2;
}
@media screen and (max-width : 767px) {
  .cms-content > h2 {
    font-size: 32px;
    line-height: 1.2;
  }
}
.cms-content > h3 {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px !important;
}
.cms-content > h4 {
  margin: 30px 0 20px;
  font-size: 18px;
  line-height: 1.6;
}
@media screen and (max-width : 767px) {
  .cms-content > h4 {
    font-size: 16px;
  }
}
.cms-content p {
  margin-top: 0;
  margin-bottom: 25px;
}
.cms-content p + ul {
  margin-top: -10px;
}
.cms-content ul {
  margin-bottom: 30px;
}
.cms-content ul:last-child {
  margin-bottom: 0;
}
.cms-content ul li {
  margin-left: 5px;
}
.cms-content ol {
  list-style: auto;
  margin-bottom: 30px;
  padding-left: 35px;
}
.cms-content ol:last-child {
  margin-bottom: 0;
}
.cms-content ol li {
  position: relative;
  margin-bottom: 5px;
  padding-left: 5px;
}
.cms-content ol p {
  margin-bottom: 10px;
}
.cms-content blockquote {
  position: relative;
  margin: 60px auto 80px;
  padding-top: 95px;
  max-width: 860px;
}
.cms-content blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 39px;
  height: 35px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='35' viewBox='0 0 39 35'%3E%3Cpath d='M24,26.852a6.646,6.646,0,0,0,6.7-6.582V18.544H22V0H39V20.27A14.9,14.9,0,0,1,24,35Zm-22,0a6.645,6.645,0,0,0,6.7-6.581V18.545H0V0H17V20.271A14.9,14.9,0,0,1,2,35Z' transform='translate(39 35) rotate(-180)' fill='%23FED102'/%3E%3C/svg%3E") no-repeat center/contain;
}
.cms-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 55px;
  width: 100%;
  height: 20px;
  background: #cf9e84;
}
.cms-content blockquote * {
  color: #1c2925;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4;
}
@media screen and (max-width : 767px) {
  .cms-content blockquote * {
    font-size: 32px;
    line-height: 1.2;
  }
}
.cms-content blockquote sub {
  display: block;
  color: #646464;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
}
.cms-content blockquote p:not(:first-child) {
  margin-bottom: 0;
  margin-top: 0;
}
.cms-content blockquote p:last-of-type {
  margin-bottom: 40px;
}
.cms-content iframe {
  margin: 20px 0 40px;
  display: block;
  width: 100%;
}
.cms-content table, .cms-content td, .cms-content th {
  text-align: left;
}
.cms-content table {
  margin-bottom: 30px;
  width: 100%;
  border-collapse: collapse;
}
.cms-content table:last-child {
  margin-bottom: 0;
}
.cms-content table th, .cms-content table td {
  padding: 5px 20px;
}
@media screen and (max-width : 767px) {
  .cms-content table th, .cms-content table td {
    padding: 15px;
  }
}
.cms-content table th {
  padding: 15px 20px 10px;
  background: #1c2925;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.cms-content table tr {
  border-bottom: 1px solid #1c2925;
}

.cms-content--light {
  color: #fff;
}
.cms-content--light p > a, .cms-content--light li > a {
  color: #fff;
}
.cms-content--light ul li::before {
  background: #fff;
}

.inline-products:not(:first-child) {
  margin-top: -10px;
}
.inline-products:not(:last-child) {
  margin-bottom: 20px;
}

.contact-widget-wrap {
  z-index: 70;
  position: fixed;
  right: 30px;
  bottom: 30px;
}

.contact-widget {
  position: relative;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: 0.3s;
}
.contact-widget svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #00B57A;
  transition: 0.3s;
}
.contact-widget:hover, .contact-widget:focus, .contact-widget.tooltip-active {
  outline: none;
  background: #00B57A;
  animation: pulse 0.3s cubic-bezier(0.23, 0.98, 0.62, 1.58);
}
.contact-widget:hover svg, .contact-widget:focus svg, .contact-widget.tooltip-active svg {
  fill: #fff;
}
.history-widget {
  width: 84px;
  background: none;
  filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
}
.history-widget img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.history-widget:hover, .history-widget:focus, .history-widget.tooltip-active {
  background: none;
}

.contact-widget-tooltip {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translate(0, -50%);
  padding: 10px 20px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  transition: 0.3s;
}
.contact-widget:not(.tooltip-active) + .contact-widget-tooltip {
  visibility: hidden;
  opacity: 0;
}

.contact-widget-tooltip__close {
  position: absolute;
  left: -8px;
  top: -12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #BFBBBC;
  border: 1px solid #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.contact-widget-tooltip__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'%3E%3Cpath d='M.923,9,4.5,5.424,8.077,9,9,8.077,5.424,4.5,9,.923,8.077,0,4.5,3.576.923,0,0,.923,3.576,4.5,0,8.077Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
}

.contact-widget-overlay {
  z-index: 99;
  position: fixed;
  right: 0;
  top: 0;
  transform: translate(0, 0);
  padding: 55px 60px;
  width: 520px;
  max-width: 520px;
  height: 100%;
  background: #f5f2ec;
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  overflow-y: auto;
}
@media screen and (max-width : 767px) {
  .contact-widget-overlay {
    padding: 30px;
  }
}
.contact-widget-overlay:not(.active) {
  visibility: hidden;
  opacity: 0;
  transform: translate(50%, 0);
}

.contact-widget-overlay__close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 40px;
  height: 40px;
}
.contact-widget-overlay__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M16,13.56,10.441,8,16,2.44,13.56,0,8,5.56,2.441,0,0,2.44,5.561,8,0,13.56,2.44,16,8,10.44,13.56,16Z' fill='%23000000' /%3E%3C/svg%3E") no-repeat center/contain;
}
.history-widget-overlay .contact-widget-overlay__close::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M16,13.56,10.441,8,16,2.44,13.56,0,8,5.56,2.441,0,0,2.44,5.561,8,0,13.56,2.44,16,8,10.44,13.56,16Z' fill='%23FFFFFF' /%3E%3C/svg%3E") no-repeat center/contain;
}

.history-widget-overlay {
  padding: 0;
  background: #1c2925;
}

.dark-overlay {
  z-index: 95;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.dark-overlay:not(.active) {
  visibility: hidden;
  opacity: 0;
}

.site-alert {
  visibility: visible;
  background: #cf9e84;
  color: #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  transition: 0.25s;
  overflow: hidden;
}
.site-alert.inactive {
  visibility: hidden;
  margin-bottom: 0;
}
.site-alert a {
  color: #000;
}

.site-alert__container {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width : 767px) {
  .site-alert__container {
    padding-right: 30px;
    justify-content: flex-start;
    text-align: left;
  }
}

.site-alert__close {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
}
.site-alert__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'%3E%3Cpath d='M.923,9,4.5,5.424,8.077,9,9,8.077,5.424,4.5,9,.923,8.077,0,4.5,3.576.923,0,0,.923,3.576,4.5,0,8.077Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s;
}
.site-alert__close:hover::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9'%3E%3Cpath d='M.923,9,4.5,5.424,8.077,9,9,8.077,5.424,4.5,9,.923,8.077,0,4.5,3.576.923,0,0,.923,3.576,4.5,0,8.077Z' fill='%23646464'/%3E%3C/svg%3E") no-repeat center/contain;
}

.header-reserved-space {
  height: 112px;
}
@media screen and (max-width : 991px) {
  .header-reserved-space {
    height: 92px;
  }
}
@media screen and (max-width : 767px) {
  .header-reserved-space {
    height: 60px;
  }
}
.has-header-transparent .header-reserved-space:not(.keep) {
  height: 0;
}

.header-wrap {
  z-index: 90;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: all 0.2s, top 0s;
}

.header-top {
  padding: 10px 0;
  height: 32px;
  background: #1c2925;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  transition: 0.1s;
}
.header-top a {
  color: #fff;
}
.header-top a:hover {
  color: #cf9e84;
}
@media screen and (max-width : 767px) {
  .header-top {
    display: none;
  }
}

.header {
  position: relative;
  width: 100%;
  height: 80px;
  background: #fff;
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}
@media screen and (max-width : 991px) {
  .header {
    height: 60px;
  }
}
.has-header-transparent:not(.scrolled):not(.menu-panel-active) .header:not(.search-active):not(:hover):not(.hover) {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.header__logo {
  position: relative;
}
@media screen and (max-width : 991px) {
  .header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
  }
}
.header__logo img {
  left: 0;
  top: 0;
  width: 170px;
  transition: 0.3s;
}
@media screen and (max-width : 991px) {
  .header__logo img {
    width: 120px;
  }
}

.header__nav {
  margin-left: 45px;
  display: flex;
  height: 100%;
}
@media screen and (max-width : 991px) {
  .header__nav {
    display: none;
  }
}

.header__nav-item {
  position: relative;
  margin-right: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px 0;
  height: 100%;
  transition: 0.3s;
}
.header__nav-item.has-submenu::before {
  visibility: hidden;
  opacity: 0;
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translate(-50%, 0);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #1c2925;
  transition: 0.3s;
}
.header__nav-item:hover .header__submenu, .header__nav-item:hover::before, .header__nav-item.hover .header__submenu, .header__nav-item.hover::before {
  visibility: visible;
  opacity: 1;
}
.header__nav-link {
  z-index: 1;
  position: relative;
  display: inline-block;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}
.has-header-transparent:not(.scrolled):not(.menu-panel-active) .header:not(.search-active):not(:hover):not(.hover) .header__nav-link {
  color: #fff;
}
.has-header-transparent:not(.scrolled):not(.menu-panel-active) .header:not(.search-active):not(:hover):not(.hover) .header__nav-link img {
  filter: invert(1);
}
@media screen and (max-width: 1024px) {
  .header__nav-link {
    pointer-events: none;
  }
}

.header__submenu {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  position: absolute;
  left: -30px;
  top: 100%;
  padding: 25px 30px;
  background: #1c2925;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  transition: 0.3s;
}
.header__submenu.header__submenu--center {
  left: 50%;
  transform: translate(-50%, 0);
}
.header__submenu:not(.header__submenu--center)::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 370px;
  background: #1c2925;
}

.header__submenu-item:not(:last-child) {
  margin-bottom: 12px;
}

.header__submenu-link {
  display: block;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.header__submenu-link:hover, .header__submenu-link:focus {
  color: #cf9e84;
}
.header__submenu-link:hover span, .header__submenu-link:focus span {
  background-size: 100% 100%;
}

.header__submenu-link.external svg,
.menu-panel__subnav-link.external svg {
  transform: rotate(-45deg);
  position: relative;
  display: inline-block;
  top: 2px;
  margin-left: 5px;
  width: 14px;
  height: 14px;
  fill: #fff;
  transition: 0.3s;
}

.header__submenu-link.external:hover svg {
  fill: #cf9e84;
}

.header__submenu .header__submenu-cta::before {
  content: "";
  margin: 25px 0 20px;
  display: block;
  height: 1px;
}

.header__megamenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 30px 0 50px;
  width: 100%;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(15px);
  color: #fff;
  font-size: 15px;
  transition: 0.3s;
}
.header__megamenu:not(.active) {
  visibility: hidden;
  opacity: 0;
}
.header__megamenu li a {
  color: #fff;
  opacity: 0.65;
}

.header__megamenu__link-box {
  display: block;
}
.header__megamenu__link-box:not(.hover--btn-play):hover figure img {
  transform: scale(1.04);
}
.header__megamenu__link-box:not(.hover--btn-play):hover .header__megamenu__link-box--label > span {
  background-size: 100% 100%;
}
.header__megamenu__link-box:not(.hover--btn-play) .header__megamenu__link-box--label > span {
  background-image: linear-gradient(transparent calc(100% - 1px), white 1px);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 100%;
  transition: 0.3s;
}
.header__megamenu__link-box figure {
  position: relative;
  overflow: hidden;
  padding-bottom: 65%;
}
.header__megamenu__link-box figure img {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  transition: 0.3s;
}
.header__megamenu__link-box figure::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none no-repeat center/cover;
}

.header__search {
  z-index: 1;
  position: relative;
  width: 40px;
  height: 52px;
  border-radius: 50px;
}
@media screen and (max-width : 991px) {
  .header__search svg {
    width: 22px;
    height: 22px;
  }
}

.header__search-open {
  padding: 10px;
  transition: 0.3s;
}
@media screen and (max-width : 991px) {
  .header__search-open {
    margin-left: -10px;
  }
}
.has-header-transparent:not(.scrolled):not(.menu-panel-active) .header:not(.search-active):not(:hover):not(.hover) .header__search-open svg {
  fill: #fff;
}
.form-revealed .header__search-open {
  visibility: hidden;
  opacity: 0;
}

.header__search-form {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: 0;
  height: 100%;
  transition: 0.3s;
}
.header__search-form input {
  padding: 10px 30px 10px 20px;
  width: 250px;
  height: 100%;
  line-height: 40px;
  border-radius: 30px;
  background: #f5f2ec;
  font-size: 16px;
  transition: 0.5s;
}
.header__search-form input:focus {
  outline: 0;
}
.form-revealed .header__search-form {
  visibility: visible;
  opacity: 1;
}
.form-revealed .header__search-form input {
  width: 480px;
}
.header__search-form button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
  padding: 10px;
}
.header__search-form button svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #1c2925;
}
@media screen and (max-width : 991px) {
  .header__search-form {
    right: auto;
    left: 0;
  }
  .form-revealed .header__search-form input {
    width: 350px;
  }
}

.search-panel-toggle {
  transition: 0.3s;
}
.menu-panel-active .search-panel-toggle {
  visibility: hidden;
  opacity: 0;
}

.search-panel {
  visibility: hidden;
  opacity: 0;
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  transition: 0.3s;
}
.search-panel.active {
  visibility: visible;
  opacity: 1;
}

.search-panel__form {
  position: relative;
  margin-top: 25vh;
}
.search-panel__form input {
  padding: 15px 0 15px 60px;
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #646464;
  color: #fff;
  font-size: 32px;
  line-height: 1.2;
}
.search-panel__form button {
  position: absolute;
  left: 0;
  top: 15px;
}
.search-panel__form button svg {
  fill: #fff;
  transition: 0.2s;
}
.search-panel__close {
  position: absolute;
  right: 30px;
  top: 30px;
}
@media screen and (max-width : 767px) {
  .search-panel__close {
    right: 20px;
    top: 20px;
  }
}

.menu-panel-toggle {
  position: relative;
  right: -8px;
  width: 40px;
  height: 40px;
}
.menu-panel-toggle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 3px;
  background: #1c2925;
  transition: 0.3s;
}
.menu-panel-toggle span:nth-child(1) {
  margin-top: -5px;
}
.menu-panel-toggle span:nth-child(2) {
  margin-top: 5px;
}
.has-header-transparent:not(.scrolled):not(.menu-panel-active) .header:not(.search-active):not(:hover):not(.hover) .menu-panel-toggle span {
  background: white;
}

.scrolled .header {
  position: fixed;
  top: 0 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.menu-panel {
  visibility: hidden;
  z-index: 80;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  pointer-events: none;
  overflow: hidden;
  transition: 0.4s, visibility 0.4s ease-out;
}
.menu-panel a {
  color: #fff;
}
.menu-panel::after {
  opacity: 0;
  z-index: -1;
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background: #000;
  transition: 0.4s ease-out;
}

.menu-panel__wrap {
  position: absolute;
  left: 0;
  top: 80px;
  padding: 0 20px;
  width: 100%;
  background: #000;
  opacity: 0;
  transform: translate(0, -20px);
  transition: 0.3s ease-out;
}

.menu-panel__nav-item {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.menu-panel__nav-link {
  padding-left: 55px;
  display: block;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  line-height: 1;
}

.menu-panel__expand-toggle {
  position: relative;
  width: 100%;
}

.menu-panel__expand-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1c2925;
  transition: 0.3s;
}
.menu-panel__expand-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(45deg);
  fill: #fff;
  transition: 0.3s;
}
.menu-panel__nav-item.expanded .menu-panel__expand-icon {
  background: #cf9e84;
}
.menu-panel__nav-item.expanded .menu-panel__expand-icon svg {
  transform: translate(-50%, -50%);
  fill: #1c2925;
}

.menu-panel__subnav {
  padding-left: 55px;
  max-height: 0;
  overflow: hidden;
  transition: 0.5s;
}

.menu-panel__subnav-item:not(:last-child) {
  margin-bottom: 5px;
}

.menu-panel__subnav-link {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.menu-panel__contact {
  padding: 30px 20px;
  font-size: 16px;
}
.menu-panel__contact .btn {
  padding: 20px;
  width: 100%;
}

.menu-panel-active {
  overflow: hidden;
}
.menu-panel-active .header-wrap {
  top: 0 !important;
  transition: all 0.2s;
}
.menu-panel-active .header {
  background: #000;
}
.menu-panel-active .header__search {
  visibility: hidden;
  opacity: 0;
}
.menu-panel-active .menu-panel-toggle span {
  margin-top: 0;
  background: #fff;
}
.menu-panel-active .menu-panel-toggle span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}
.menu-panel-active .menu-panel-toggle span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.menu-panel-active .menu-panel {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  overflow-y: auto;
}
.menu-panel-active .menu-panel::after {
  opacity: 1;
}
.menu-panel-active .menu-panel .menu-panel__wrap {
  opacity: 1;
  transform: translate(0, 0);
  transition: 0.5s ease-out 0.2s;
}
.menu-panel-active .menu-panel__wrap::before {
  opacity: 1;
}

.footer {
  z-index: 1;
  position: relative;
  padding: 100px 0;
  background: #1c2925;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
}
@media screen and (max-width : 991px) {
  .footer {
    padding: 60px 0;
  }
}
.footer nav li {
  padding-bottom: 8px;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}
.footer nav li::after {
  display: block;
  height: 5px;
}
.footer nav li a {
  color: #fff;
  font-size: 22px;
  line-height: 1.4;
  line-height: 1.3;
  opacity: 0.4;
}
.footer nav li a:hover {
  opacity: 1;
}
@media screen and (max-width : 767px) {
  .footer nav li {
    padding-bottom: 5px;
  }
  .footer nav li a {
    font-size: 16px;
  }
}

.nk-credit {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  white-space: nowrap;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.nk-credit:hover, .nk-credit:focus {
  opacity: 0.6;
}
.nk-credit svg {
  transform: translate(0, -1px);
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  height: 16px;
  fill: #fff;
}
.back-to-top {
  position: fixed;
  z-index: 99;
  left: 70px;
  bottom: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #cf9e84;
  transition: 0.3s;
}
.back-to-top:not(.active) {
  visibility: hidden;
  opacity: 0;
}
.back-to-top svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #1c2925;
  transform: translate(-50%, -50%) rotate(-90deg);
  transition: 0.3s;
}
.back-to-top:hover {
  background: #fff;
}

.field {
  position: relative;
  font-size: 15px;
}
.field label {
  position: absolute;
  left: 25px;
  top: 11px;
  color: #646464;
  pointer-events: none;
  transition: 0.2s ease-out;
}
.field input {
  padding: 12px 25px 8px;
  width: 100%;
  height: 48px;
  border-radius: 24px;
  border: 1px solid transparent;
  transition: 0.3s;
}
.field input[type=date] {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg transform='translate(0.021 0)'%3E%3Cpath d='M2.3,20A2.3,2.3,0,0,1,0,17.7V3.92a2.3,2.3,0,0,1,2.3-2.3H4.321V.654A.654.654,0,0,1,4.974,0h1.77A.655.655,0,0,1,7.4.654v.969h5.184V.654A.654.654,0,0,1,13.235,0h1.77a.655.655,0,0,1,.654.654v.969h2.024a2.3,2.3,0,0,1,2.3,2.3V17.7a2.3,2.3,0,0,1-2.3,2.3Zm-.757-2.276a.76.76,0,0,0,.759.759H17.683a.789.789,0,0,0,.78-.78V5.859H1.539Zm12.245-.758a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.442.443v1.264a.445.445,0,0,1-.442.442Zm-5.121,0a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.432.432,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.442Zm-5.122,0a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.442Zm10.243-3.688a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.446.446,0,0,1,.442.443v1.264a.445.445,0,0,1-.442.443Zm-5.121,0a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.445.445,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.443Zm-5.122,0a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.446.446,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.443ZM13.784,9.611a.445.445,0,0,1-.443-.443V7.9a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.442.443V9.168a.445.445,0,0,1-.442.443Zm-5.121,0a.445.445,0,0,1-.443-.443V7.9a.445.445,0,0,1,.443-.443h2.7A.433.433,0,0,1,11.8,7.9V9.168a.445.445,0,0,1-.443.443Zm-5.122,0A.445.445,0,0,1,3.1,9.168V7.9a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.443.443V9.168a.445.445,0,0,1-.443.443Z' transform='translate(0)' fill='%23d6001c'/%3E%3Cpath d='M2.3,20A2.3,2.3,0,0,1,0,17.7V3.92a2.3,2.3,0,0,1,2.3-2.3H4.321V.654A.654.654,0,0,1,4.974,0h1.77A.655.655,0,0,1,7.4.654v.969h5.184V.654A.654.654,0,0,1,13.235,0h1.77a.655.655,0,0,1,.654.654v.969h2.024a2.3,2.3,0,0,1,2.3,2.3V17.7a2.3,2.3,0,0,1-2.3,2.3Zm-.757-2.276a.76.76,0,0,0,.759.759H17.683a.789.789,0,0,0,.78-.78V5.859H1.539Zm12.245-.758a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.442.443v1.264a.445.445,0,0,1-.442.442Zm-5.121,0a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.432.432,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.442Zm-5.122,0a.445.445,0,0,1-.443-.442V15.26a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.442Zm10.243-3.688a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.446.446,0,0,1,.442.443v1.264a.445.445,0,0,1-.442.443Zm-5.121,0a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.445.445,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.443Zm-5.122,0a.445.445,0,0,1-.443-.443V11.571a.445.445,0,0,1,.443-.443h2.7a.446.446,0,0,1,.443.443v1.264a.445.445,0,0,1-.443.443ZM13.784,9.611a.445.445,0,0,1-.443-.443V7.9a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.442.443V9.168a.445.445,0,0,1-.442.443Zm-5.121,0a.445.445,0,0,1-.443-.443V7.9a.445.445,0,0,1,.443-.443h2.7A.433.433,0,0,1,11.8,7.9V9.168a.445.445,0,0,1-.443.443Zm-5.122,0A.445.445,0,0,1,3.1,9.168V7.9a.445.445,0,0,1,.443-.443h2.7a.433.433,0,0,1,.443.443V9.168a.445.445,0,0,1-.443.443Z' fill='%23FED102'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 15px center/20px 20px;
  background-color: #fff;
}
.field input[type=date]::-webkit-inner-spin-button, .field input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.field input:required + label::after {
  content: "*";
}
.field input:-webkit-autofill::first-line {
  font-family: 'Inter', Helvetica, sans-serif;
}
.field input:focus, .field input:not(:placeholder-shown), .field input:-webkit-autofill {
  outline: none !important;
}
.field input:focus:focus, .field input:not(:placeholder-shown):focus, .field input:-webkit-autofill:focus {
  border-color: rgba(100, 100, 100, 0.3);
}
.field input:focus + label, .field input:not(:placeholder-shown) + label, .field input:-webkit-autofill + label {
  top: 2px;
  font-size: 10px;
  opacity: 0.5;
}
.field.border input,
.field.border textarea {
  border-color: rgba(100, 100, 100, 0.15);
}
.field.border input:focus,
.field.border textarea:focus {
  border-color: rgba(100, 100, 100, 0.3);
}
.field textarea {
  padding: 15px 25px;
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 140px;
  border-radius: 24px;
  border: 1px solid transparent;
  resize: vertical;
  transition: 0.3s;
}
.field textarea:focus {
  outline: none !important;
  border-color: rgba(100, 100, 100, 0.3);
}
.field textarea::-moz-placeholder {
  color: rgba(28,41,37, 0.7);
}
.field textarea::placeholder {
  color: rgba(28,41,37, 0.7);
}

.checkbox {
  position: relative;
}
.checkbox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid rgba(100, 100, 100, 0.3);
}
.checkbox input {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.checkbox label {
  padding-left: 30px;
  display: block;
  font-size: 14px;
}
.checkbox label::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  background: #cf9e84;
  clip-path: polygon(100% 100%, 30% 100%, 30% 70%, 70% 70%, 70% 0, 100% 0);
  opacity: 0;
  transition: 0.3s;
}
.checkbox input:checked + label::after {
  opacity: 1;
}

.field-select {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 16px;
}
.field-select label {
  order: -1;
  margin-bottom: 5px;
}
.field-select select {
  padding: 10px 25px;
  width: 100%;
  height: 48px;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0,0H10L5,6.25Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M0,0H10L5,6.25Z' fill='%23121212'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 25px center/8px 8px;
  background-color: #fff;
  border: 1px solid #fff;
  color: #646464;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.field-select select:focus {
  border-color: rgba(100, 100, 100, 0.3);
  outline: 0;
}
.field-select select:required + label::after {
  content: "*";
  margin-left: 5px;
  color: #cf9e84;
}
.field-select select option {
  color: #1c2925;
  font-size: 16px;
}

/* Anti-Spam Honeypot Field */
.nkform__field-hp {
  position: absolute;
  z-index: -1;
  display: block;
  overflow: hidden;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

/* AJAX Form Messages */
.nkform__messages .nkform__message {
  display: block;
  padding: 12px 18px;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  border-radius: 0.1rem;
  font-size: 15px;
}
.nkform__messages .nkform__message.error {
  color: #721c24;
  background-color: #f8d7da;
}
.nkform__messages .nkform__message.success {
  color: #155724;
  background-color: #d4edda;
}
.nkform__messages .nkform__message.info {
  color: #0c5460;
  background-color: #d1ecf1;
}
.nkform__messages .nkform__message p:first-child {
  margin-top: 0;
}
.nkform__messages .nkform__message p:last-child {
  margin-bottom: 0;
}

.select-per-page {
  position: relative;
  display: flex;
  font-size: 14px;
}
.select-per-page label {
  order: -1;
  margin-right: 8px;
  font-weight: 700;
}
.select-per-page select {
  padding-right: 15px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0,0H10L5,6.25Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M0,0H10L5,6.25Z' fill='%23121212'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 0 center/8px 8px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.field-upload {
  position: relative;
  padding: 26px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px dashed rgba(28,41,37, 0.25);
  font-size: 14px;
  transition: 0.3s;
}
.field-upload img {
  margin-right: 10px;
  margin-bottom: 3px;
  width: 16px;
}
.field-upload input {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.field-search {
  position: relative;
  padding: 25px 20px;
  background: #fff;
}
.field-search input {
  padding-right: 30px;
  display: block;
  width: 100%;
  line-height: 1;
}
.field-search button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.search-bar-wrap {
  position: relative;
  padding: 40px 0 40px 45px;
  display: flex;
  align-items: center;
  height: 100%;
  background: #cf9e84;
}
@media screen and (max-width : 991px) {
  .search-bar-wrap {
    padding: 20px;
  }
}

.search-bar {
  position: relative;
  flex: 1;
  width: 100%;
}
@media screen and (max-width : 575px) {
  .search-bar {
    flex: auto;
  }
}
.search-bar input {
  padding: 12px 30px 10px;
  width: 100%;
  height: 52px;
  border-radius: 50px;
  background: #fff;
  color: #1c2925;
  font-size: 14px;
  transition: 0.3s;
}
.search-bar input::-moz-placeholder {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.search-bar input::placeholder {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.search-bar button {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translate(0, -50%);
}
.search-bar button svg {
  fill: #1c2925;
}

.clear-filter {
  position: relative;
  display: inline-block;
  margin: 0 0 4px 0;
  padding: 4px 10px;
  padding-left: 24px;
  border-radius: 30px;
  background: #A6A6A6;
  color: #fff;
  text-transform: initial;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0.7;
  transition: 0.3s;
}
.clear-filter:hover {
  opacity: 1;
}
.clear-filter::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cg transform='translate(-4.708 -4)'%3E%3Ccircle cx='7' cy='7' r='7' transform='translate(4.708 4)' fill='%23fff'/%3E%3Cpath d='M.615,6,3,3.616,5.385,6,6,5.385,3.616,3,6,.615,5.385,0,3,2.384.615,0,0,.615,2.384,3,0,5.385Z' transform='translate(8.708 8)' fill='%23606266'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.btn-page-layout {
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.btn-page-layout svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #1c2925;
}
.btn-page-layout.current {
  background: #1c2925;
}
.btn-page-layout.current svg {
  fill: #fff;
}
.btn-page-layout .tooltip {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 100%;
  padding: 3px 8px;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  color: #fff;
  background: #1c2925;
  transform: translateX(-50%);
  opacity: 0;
  transition: 0.2s;
}
.btn-page-layout .tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-color: rgba(28,41,37, 0);
  border-top-color: #1c2925;
  border-width: 5px;
  pointer-events: none;
}
@media screen and (max-width: 1400px) {
  .btn-page-layout .tooltip.tooltip-right {
    left: auto;
    right: 100%;
    transform: translateX(42px);
  }
  .btn-page-layout .tooltip.tooltip-right::after {
    left: auto;
    right: 12px;
    margin-left: 0;
  }
}
@media screen and (min-width : 992px) {
  .btn-page-layout:hover .tooltip {
    visibility: visible;
    bottom: calc(100% + 10px);
    opacity: 0.9;
  }
}

.main {
  padding-top: 1px;
}

.social-media-site {
  position: relative;
  margin-right: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #cf9e84;
  transition: 0.3s;
}
.social-media-site svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #1c2925;
}
.social-media-site:hover, .social-media-site:focus {
  background: #fff;
}

.social-share-icon {
  position: relative;
  width: 56px;
  height: 56px;
  background: #1c2925;
  border-radius: 50%;
  transition: 0.3s;
}
.social-share-icon svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #f5f2ec;
  transition: 0.3s;
}
.social-share:hover .social-share-icon, .social-share:focus .social-share-icon {
  background: #cf9e84;
}
.social-share:hover .social-share-icon svg, .social-share:focus .social-share-icon svg {
  fill: #1c2925;
}

.breadcrumb {
  z-index: 2;
  position: relative;
  display: flex;
  align-items: center;
  list-style-type: none;
}
@media screen and (max-width : 767px) {
  .breadcrumb {
    flex-wrap: wrap;
  }
}

.breadcrumb__item {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  opacity: 0.9;
}
@media screen and (max-width : 767px) {
  .breadcrumb__item {
    white-space: normal;
  }
}
.breadcrumb__item a {
  color: #fff;
}
.breadcrumb__item:not(:first-child) > a, .breadcrumb__item:not(:first-child) > span {
  transform: translate(0, 3px);
  line-height: 1;
}
.breadcrumb__item:not(:first-child) {
  margin-left: 10px;
}
.breadcrumb__item:not(:first-child)::before {
  content: "";
  margin-right: 10px;
  margin-top: 5px;
  display: block;
  width: 1px;
  height: 16px;
  background: #fff;
}
.breadcrumb__item.current {
  color: #fff;
}
.breadcrumb__item > * {
  font-size: 14px;
}
.breadcrumb__item:first-child a {
  background: none;
}
.breadcrumb--dark .breadcrumb__item {
  opacity: 1;
}
.breadcrumb--dark .breadcrumb__item a {
  color: #1c2925;
}
.breadcrumb--dark .breadcrumb__item.current {
  color: #1c2925;
}
.breadcrumb--dark .breadcrumb__item svg {
  fill: #1c2925;
}
.breadcrumb--dark .breadcrumb__item:not(:first-child)::before {
  background: #1c2925;
}

.hero {
  z-index: 1;
  position: relative;
}

.hero--has-bg {
  position: relative;
  min-height: 800px;
  color: #fff;
}
@media screen and (max-width : 1199px) {
  .hero--has-bg {
    min-height: 700px;
  }
}
@media screen and (max-width : 767px) {
  .hero--has-bg {
    min-height: 500px;
  }
}
.hero--has-bg::after {
  z-index: -5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c2925;
}

.hero--fullscreen {
  height: calc(100vh - 80px);
  height: calc(var(--vh, 1vh) * 100 - 80px);
  max-height: unset;
}

.has-header-transparent .hero--fullscreen {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: unset;
}

.hero--medium {
  min-height: 80vh;
}
@media screen and (max-width : 991px) {
  .hero--medium {
    min-height: 500px;
  }
}

.hero--medium2 {
  min-height: 770px;
}
@media screen and (max-width : 991px) {
  .hero--medium2 {
    min-height: 600px;
  }
}
@media screen and (max-width : 767px) {
  .hero--medium2 {
    min-height: 400px;
  }
}

.hero--safety {
  min-height: 90vh;
}
@media screen and (max-width : 991px) {
  .hero--safety {
    min-height: 500px;
  }
}

.hero--small {
  min-height: 520px;
}
@media screen and (max-width : 991px) {
  .hero--small {
    min-height: 400px;
  }
}

.hero--xs {
  height: 360px;
  min-height: 0;
}
@media screen and (max-width : 767px) {
  .hero--xs {
    height: 250px;
  }
}

.hero__content {
  z-index: 1;
  display: flex;
  align-items: center;
}
@media screen and (min-width : 576px) {
  .hero__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}

.hero__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.hero__bg img, .hero__bg video {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero--has-layer .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.hero--has-layer--slight .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
}
.hero--has-layer--gradient .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0.5) 100%);
}
.hero--has-layer--2 .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #1C222C, rgba(28,41,37, 0)), linear-gradient(to top, black, transparent 100px);
  opacity: 0.8;
}
.hero--has-layer--3 .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(22, 21, 21, 0.8);
}
.hero__bg.video-player {
  opacity: 0.5;
}

.hero--history {
  min-height: 1100px;
}
@media screen and (max-width : 1199px) {
  .hero--history {
    min-height: 800px;
  }
}
@media screen and (max-width : 767px) {
  .hero--history {
    min-height: 600px;
  }
}
.hero--history .hero__bg::before {
  z-index: 5;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #1c2925, transparent 33%);
}

.hero__scroll {
  position: absolute;
  left: 40px;
  top: 60px;
  height: calc(100% - 180px);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width : 767px) {
  .hero__scroll {
    left: 20px;
  }
}
.hero__scroll span {
  transform: translate(-100%, 0) rotate(-90deg);
  transform-origin: right;
  margin-left: 2px;
}

.hero__scroll-line {
  flex: 1;
  position: relative;
  margin-bottom: 5px;
  width: 1px;
  overflow: hidden;
}
.hero__scroll-line::before, .hero__scroll-line::after {
  position: absolute;
  left: 0;
  top: 0;
}
.hero__scroll-line::before {
  content: "";
  top: -25%;
  display: block;
  width: 1px;
  height: 25%;
  background: #fff;
  animation: line-scrolling 2.5s infinite cubic-bezier(0.65, 0, 0.35, 1);
}
.hero__scroll-line::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
}

@keyframes line-scrolling {
  0% {
    top: -25%;
    height: 25%;
  }
  100% {
    top: 100%;
    height: 60%;
  }
}
.page-thumbnail {
  position: relative;
  width: 100%;
  height: 750px;
  overflow: hidden;
}
@media screen and (max-width : 991px) {
  .page-thumbnail {
    height: 600px;
  }
}
@media screen and (max-width : 767px) {
  .page-thumbnail {
    height: 400px;
  }
}
.page-thumbnail img {
  z-index: -1;
}

.btn-play {
  position: relative;
  display: block;
  width: 128px;
  height: 128px;
  border-radius: 50%;
  background: #00B57A;
  cursor: pointer;
  opacity: 0.9;
  transition: 0.3s;
}
.btn-play.btn-play--medium {
  width: 86px;
  height: 86px;
}
.btn-play.btn-play--medium svg {
  width: 18px;
  height: 18px;
}
.btn-play.btn-play--small {
  width: 64px;
  height: 64px;
}
.btn-play.btn-play--small svg {
  width: 14px;
  height: 14px;
}
@media screen and (max-width : 767px) {
  .btn-play {
    width: 80px;
    height: 80px;
  }
}
.btn-play svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
  transition: 0.3s;
}
.btn-play:hover, .hover--btn-play:hover .btn-play, .hover--btn-play:focus-visible .btn-play {
  background: #fff;
  animation: pulse 0.3s cubic-bezier(0.23, 0.98, 0.62, 1.58);
}
.btn-play:hover svg, .hover--btn-play:hover .btn-play svg, .hover--btn-play:focus-visible .btn-play svg {
  fill: #00B57A;
}

.btn-arrow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #1c2925;
  transition: 0.3s;
}
.btn-arrow::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}
.btn-arrow.btn-arrow--reverse::before {
  transform: rotate(180deg);
}
.btn-arrow.btn-arrow--light {
  background: #fff;
}
.btn-arrow.btn-arrow--light::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23121212'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}
.btn-arrow:not(.disabled):hover, .btn-arrow:not(.disabled):focus-visible, .hover--btn-arrow:hover .btn-arrow:not(.disabled), .hover--btn-arrow:focus-visible .btn-arrow:not(.disabled), .link-btn-arrow:hover .btn-arrow:not(.disabled), .link-btn-arrow:focus-visible .btn-arrow:not(.disabled) {
  background: #cf9e84;
  animation: pulse 0.3s cubic-bezier(0.23, 0.98, 0.62, 1.58);
}
.btn-arrow:not(.disabled):hover::before, .btn-arrow:not(.disabled):focus-visible::before, .hover--btn-arrow:hover .btn-arrow:not(.disabled)::before, .hover--btn-arrow:focus-visible .btn-arrow:not(.disabled)::before, .link-btn-arrow:hover .btn-arrow:not(.disabled)::before, .link-btn-arrow:focus-visible .btn-arrow:not(.disabled)::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23121212'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.link-btn-arrow {
  display: flex;
  align-items: center;
}
.link-btn-arrow span {
  margin-left: 15px;
  margin-top: 3px;
}

.link-btn-arrow--down .btn-arrow::before {
  transform: rotate(90deg);
}

.slider-fade .slider-slide {
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}
.slider-fade .slider-slide.is-selected {
  visibility: visible;
  opacity: 1;
}
.slider-fade .is-selected .slider-slide {
  visibility: visible;
  opacity: 1;
}

.slider-nav button.disabled {
  pointer-events: none;
  opacity: 0.8;
}

.flickity-page-dots .dot {
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
  transition: 0.3s;
}
.flickity-page-dots .dot:hover {
  background: rgba(255, 255, 255, 0.5);
}
.flickity-page-dots .dot.is-selected {
  background: #cf9e84;
}

.filter-box {
  padding: 40px;
  background: #fff;
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
}

.filter-select {
  position: relative;
  display: inline-block;
}
.filter-select select {
  padding: 10px 100px 10px 30px;
  width: 100%;
  height: 66px;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0,0H10L5,6.25Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M0,0H10L5,6.25Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 30px center/8px 8px;
  background-color: #000;
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 2px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .filter-select select {
    padding-right: 50px;
    font-size: 12px;
  }
}
.filter-select select:hover, .filter-select select:focus {
  outline: 0;
  background-color: #1c2925;
  color: #cf9e84;
}
.filter-select select option {
  background: #fff;
  color: #1c2925;
  font-family: 'Inter', Helvetica, sans-serif;
}

.filter-select--solid select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0,0H10L5,6.25Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M0,0H10L5,6.25Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 30px center/8px 8px;
  background-color: #cf9e84;
  color: #fff;
}
.filter-select--solid select:hover, .filter-select--solid select:focus {
  color: #fff;
}

.filter-select--light select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M0,0H10L5,6.25Z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 2)'%3E%3Cpath d='M0,0H10L5,6.25Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E") no-repeat right 30px center/8px 8px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
.filter-select--light select:hover, .filter-select--light select:focus {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
}

.filter-select--text-small select {
  font-size: 16px;
}

.post-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: 0.3s;
}
.post-box:hover .post-box__thumbnail img, .post-box:focus-visible .post-box__thumbnail img {
  width: 105%;
  height: 105%;
}

.post-box__thumbnail {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
}
.post-box--big .post-box__thumbnail {
  padding-bottom: 65%;
}
.post-box__thumbnail img {
  transition: 0.3s;
}
.post-box__thumbnail .btn-play {
  position: absolute;
  right: 25px;
  bottom: 50px;
}
@media screen and (max-width : 767px) {
  .post-box__thumbnail .btn-play {
    right: 15px;
    bottom: 40px;
  }
}
.post-box--big .post-box__thumbnail .btn-play {
  bottom: 80px;
}
@media screen and (max-width : 767px) {
  .post-box--big .post-box__thumbnail .btn-play {
    bottom: 50px;
  }
}

.post-box__content-wrap {
  flex: 1;
  z-index: 1;
  position: relative;
  margin-top: -30px;
  padding-left: 30px;
}
.post-box--history .post-box__content-wrap {
  margin-top: -40px;
}
.post-box--big .post-box__content-wrap {
  margin-top: -70px;
  padding-left: 40px;
}
@media screen and (max-width : 767px) {
  .post-box--big .post-box__content-wrap {
    margin-top: -50px;
    padding-left: 30px;
  }
}

.post-box__content {
  position: relative;
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f5f2ec;
}
.bg-background .post-box__content {
  background: #fff;
}
@media screen and (min-width : 768px) {
  .post-box--big .post-box__content {
    padding: 40px 55px;
  }
}

.award-box {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #f5f2ec;
}
.bg-background .award-box {
  background: #fff;
}

.logo-frame {
  position: relative;
  width: 180px;
  height: 90px;
}
.logo-frame img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 110px;
  max-height: 60px;
}

.contact-link {
  display: inline-flex;
  align-items: center;
}
.contact-link:hover span, .contact-link:focus span {
  background-size: 100% 100%;
}
.contact-link img {
  margin-right: 12px;
  width: 18px;
}
.contact-link span {
  vertical-align: text-top;
  font-size: 16px;
}

.contact-link--light span {
  color: #fff;
}

.dot-content:not(.ddd-truncated):not(.expanded) + .dot-toggle {
  display: none;
}
.dot-toggle {
  margin-top: 20px;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer;
}
@media screen and (max-width : 767px) {
  .dot-toggle {
    font-size: 14px;
  }
}

.dot-toggle__icon {
  position: relative;
  transform: translateY(-2px);
  margin-right: 8px;
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
}
.dot-toggle__icon::before, .dot-toggle__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 2px;
  background: #cf9e84;
  transition: 0.3s;
}
.dot-toggle__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.dot-toggle.less .dot-toggle__icon::after {
  width: 0;
}

.collapsible-content {
  transition: opacity 0.3s;
  display: none;
}
.collapsible:not(.active) .collapsible-content {
  opacity: 0;
}

.collapsible-trigger {
  cursor: pointer;
}
.faq {
  position: relative;
  padding: 18px 20px;
  padding-left: 75px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.faq:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 767px) {
  .faq {
    padding: 18px 0;
    padding-left: 50px;
  }
}

.faq__toggle {
  display: block;
  width: 100%;
}

.faq__toggle-icon, .filter-overlay-open__icon {
  position: absolute;
  left: 20px;
  top: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f5f2ec;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .faq__toggle-icon, .filter-overlay-open__icon {
    left: 0;
  }
}
.faq__toggle-icon::before, .filter-overlay-open__icon::before, .faq__toggle-icon::after, .filter-overlay-open__icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background: #1c2925;
  transition: 0.3s;
}
.faq__toggle-icon::after, .filter-overlay-open__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq__toggle:hover .faq__toggle-icon, .faq__toggle:hover .filter-overlay-open__icon, .faq.active .faq__toggle-icon, .faq.active .filter-overlay-open__icon {
  background: #1c2925;
}
.faq__toggle:hover .faq__toggle-icon::before, .faq__toggle:hover .filter-overlay-open__icon::before, .faq__toggle:hover .faq__toggle-icon::after, .faq__toggle:hover .filter-overlay-open__icon::after, .faq.active .faq__toggle-icon::before, .faq.active .filter-overlay-open__icon::before, .faq.active .faq__toggle-icon::after, .faq.active .filter-overlay-open__icon::after {
  background: #fff;
}
.faq.active .faq__toggle-icon::after, .faq.active .filter-overlay-open__icon::after {
  width: 0;
}

.faq__title {
  transition: 0.2s;
}

.value-icon-slider {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 76px;
}
.value-icon-slider img {
  width: 100%;
}

.profile-slider {
  clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 1000% calc(0% - 1px), 1000% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
}
.profile-slider .flickity-viewport {
  overflow: unset;
}

.profile-slider__item {
  margin-right: 30px;
  width: 400px;
}
@media screen and (max-width : 575px) {
  .profile-slider__item {
    width: 100%;
  }
}

.quote-image-slider {
  z-index: 2;
  position: relative;
}
@media screen and (max-width : 991px) {
  .quote-image-slider {
    min-height: 800px;
  }
}
@media screen and (max-width : 767px) {
  .quote-image-slider {
    min-height: 600px;
  }
}
@media screen and (max-width : 575px) {
  .quote-image-slider {
    min-height: 400px;
  }
}
.quote-image-slider,
.quote-image-slider .flickity-viewport {
  height: 100% !important;
}

.quote-image-slider__item {
  position: relative;
  width: 100%;
  min-height: 100%;
}

.quote-slider-wrap {
  padding: 60px 80px;
  height: 100%;
}
@media screen and (max-width : 1199px) {
  .quote-slider-wrap {
    padding: 40px 60px 60px;
  }
}
@media screen and (max-width : 767px) {
  .quote-slider-wrap {
    padding: 50px 30px 60px;
  }
}

.quote-slider .flickity-viewport {
  transition: height 0.2s;
}

.quote-slider--small, .quote-single {
  margin: auto;
  max-width: 480px;
}

.quote-deco::before {
  content: "";
  margin-bottom: 20px;
  display: block;
  width: 39px;
  height: 35px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='35' viewBox='0 0 39 35'%3E%3Cpath d='M24,26.852a6.646,6.646,0,0,0,6.7-6.582V18.544H22V0H39V20.27A14.9,14.9,0,0,1,24,35Zm-22,0a6.645,6.645,0,0,0,6.7-6.581V18.545H0V0H17V20.271A14.9,14.9,0,0,1,2,35Z' transform='translate(39 35) rotate(-180)' fill='%23FED102'/%3E%3C/svg%3E") no-repeat center/contain;
}
.quote-deco::after {
  content: "";
  display: block;
  height: 20px;
  background: #cf9e84;
}

.quote-deco--dark::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='35' viewBox='0 0 39 35'%3E%3Cpath d='M24,26.852a6.646,6.646,0,0,0,6.7-6.582V18.544H22V0H39V20.27A14.9,14.9,0,0,1,24,35Zm-22,0a6.645,6.645,0,0,0,6.7-6.581V18.545H0V0H17V20.271A14.9,14.9,0,0,1,2,35Z' transform='translate(39 35) rotate(-180)' fill='%23121212'/%3E%3C/svg%3E") no-repeat center/contain;
}
.quote-deco--dark::after {
  background: #1c2925;
}

.quote-slider__item {
  margin-right: 30px;
  width: 100%;
}

.quote-slider__item-logo {
  max-width: 160px;
  max-height: 80px;
}

.project-slider-wrap {
  padding: 60px 80px;
  height: 100%;
}
@media screen and (max-width : 1199px) {
  .project-slider-wrap {
    padding: 40px 60px 60px 70px;
  }
}
@media screen and (max-width : 767px) {
  .project-slider-wrap {
    padding: 40px 30px 60px 50px;
  }
}

.hero__scroll--wrap .hero__scroll {
  left: 50px;
  top: 63px;
  height: calc(100% - 200px);
}
@media screen and (max-width : 1199px) {
  .hero__scroll--wrap .hero__scroll {
    left: 30px;
    top: 45px;
  }
}
@media screen and (max-width : 991px) {
  .hero__scroll--wrap .hero__scroll {
    height: calc(100% - 150px);
  }
}
@media screen and (max-width : 767px) {
  .hero__scroll--wrap .hero__scroll {
    left: 25px;
    top: 32px;
    height: calc(100% - 140px);
  }
}
.hero__scroll--wrap .hero__scroll::before {
  content: " ";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1px;
  height: 50px;
  background: #1c2925;
}
@media screen and (max-width : 767px) {
  .hero__scroll--wrap .hero__scroll::before {
    height: 40px;
  }
}
.hero__scroll--wrap .hero__scroll .hero__scroll-line::before {
  background: rgba(28,41,37, 0.3);
}
.hero__scroll--wrap .hero__scroll .hero__scroll-line::after {
  background: rgba(191, 187, 188, 0.3);
}

.project-slider {
  margin: auto;
  max-width: 500px;
}
.project-slider .flickity-viewport {
  transition: 0.3s;
}

.project-slider__item {
  width: 100%;
}

.project-image-slider {
  z-index: 2;
  position: relative;
  padding-bottom: 75%;
}
.project-image-slider .flickity-viewport {
  position: absolute;
  width: 100%;
}

.project-image-slider__item {
  position: relative;
  width: 100%;
  height: 100%;
}

.kudos-slider-wrap {
  padding: 60px 80px;
  height: 100%;
}
@media screen and (max-width : 1199px) {
  .kudos-slider-wrap {
    padding: 40px 60px 60px;
  }
}
@media screen and (max-width : 767px) {
  .kudos-slider-wrap {
    padding: 40px 30px 60px;
  }
}

.kudos-slider {
  margin: auto;
  max-width: 480px;
}

.kudos-image-slider {
  z-index: 2;
  position: relative;
  height: 100%;
  min-height: 400px;
}
.kudos-image-slider .flickity-viewport {
  position: absolute;
  width: 100%;
}

.kudos-image-slider__item {
  position: relative;
  width: 100%;
  min-height: 100%;
}

.metric-slider::after {
  content: "flickity";
  display: none;
}
@media screen and (min-width : 992px) {
  .metric-slider::after {
    content: "";
  }
}
.metric-slider .flickity-page-dots {
  bottom: -60px;
}
.metric-slider .flickity-page-dots[data-dot-count="1"] {
  display: none;
}

.metric-slider__item {
  margin-right: 30px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width : 992px) {
  .metric-slider__item {
    padding: 40px 30px 40px 0;
    width: calc(33.33% - 20px + 1px);
    text-align: left;
  }
  .metric-slider__item:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
  .metric-slider--dark .metric-slider__item:not(:last-child) {
    border-right-color: rgba(28,41,37, 0.2);
  }
}

@media screen and (min-width : 992px) {
  .metric-slider-nav[data-metric-count="1"], .metric-slider-nav[data-metric-count="2"] {
    display: none;
  }
}
@media screen and (min-width : 1200px) {
  .metric-slider-nav[data-metric-count="3"] {
    display: none;
  }
}

/*.metric-slider
 * .flickity-page-dots
 * bottom: -60px
 *
 * &[data-dot-count="1"]
 * display: none */
/*.metric-slider__item
 * padding: 0 30px
 * width: 100%
 * min-height: 100%
 * text-align: center
 * border-left: 1px solid rgba($c-white, .2)
 *
 * @media screen and (min-width : 992px)
 * width: 50%
 * text-align: left
 * @media screen and (min-width : 1200px)
 * width: 33.333333%
 * &:first-child,
 * &:not(.is-visible) + .is-visible
 * border-left-color: transparent */
/*.metric-slider-nav
 * @media screen and (min-width : 992px)
 * &[data-metric-count="1"],
 * &[data-metric-count="2"]
 * display: none
 * @media screen and (min-width : 1200px)
 * &[data-metric-count="3"]
 * display: none */
.pfp-image-slider {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pfp-image-slider, .pfp-image-slider .flickity-viewport {
  height: 100%;
}

.pfp-image-slider__item {
  width: 100%;
  min-height: 100%;
}
.pfp-image-slider__item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  transform-origin: left top;
  -o-object-fit: cover;
     object-fit: cover;
}
.pfp-image-slider__item img.active {
  animation: effect_zoom_out 8s linear forwards;
}
.pfp-image-slider__item img.paused {
  animation-play-state: paused !important;
}

.pfp-image-slider__item-logo img {
  -o-object-fit: contain;
     object-fit: contain;
}

@keyframes effect_zoom_out {
  0% {
    transform: scale(1) translate(-50%, -50%);
  }
  100% {
    transform: scale(1.1) translate(-50%, -50%);
  }
}
.pfp-slider-nav-wrap {
  padding: 20px 45px;
  display: flex;
  align-items: center;
  height: 100%;
  background: #cf9e84;
}
@media screen and (max-width : 767px) {
  .pfp-slider-nav-wrap {
    padding: 20px;
  }
}
@media screen and (max-width : 575px) {
  .pfp-slider-nav-wrap {
    overflow-x: auto;
  }
}

.pfp-slider-nav {
  display: flex;
}

.pfp-slider-nav__item {
  position: relative;
  margin-right: 15px;
  display: block;
  width: 70px;
  height: 50px;
}
@media screen and (max-width : 1199px) {
  .pfp-slider-nav__item {
    margin-right: 10px;
    width: 60px;
    height: 43px;
  }
}
@media screen and (max-width : 575px) {
  .pfp-slider-nav__item {
    margin-right: 10px;
    width: 47px;
    height: 34px;
  }
}
.pfp-slider-nav__item::before {
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #1c2925;
  pointer-events: none;
  transition: 0.3s;
  z-index: 2;
}
.pfp-slider-nav__item img {
  transition: 0.3s;
}
.pfp-slider-nav__item.active::before {
  opacity: 1;
}
.pfp-slider-nav__item.active img {
  opacity: 1;
}

.simple-image-slider > .flickity-viewport {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100% !important;
}

.simple-image-slider__item {
  position: relative;
  width: 100%;
  height: 100%;
}

.sp-image-slider {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.sp-image-slider, .sp-image-slider .flickity-viewport {
  height: 100%;
}

.sp-image-slider__item {
  width: 100%;
  min-height: 100%;
}
.sp-image-slider__item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

img.sp-image-slider__img {
  z-index: 2 !important;
  width: auto;
  height: 100%;
  -o-object-fit: none !important;
     object-fit: none !important;
}

img.sp-image-slider__img-full {
  z-index: 2 !important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

img.sp-image-slider__img-bg {
  transform: translate(-50%, -50%) scale(1.1);
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(25px);
}

.page-tab-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}
@media screen and (max-width : 767px) {
  .page-tab-nav {
    flex-direction: column;
    width: 100%;
  }
}

.page-tab-nav-btn {
  margin: 10px;
  padding: 16px 25px;
  border-radius: 50px;
  color: #1c2925;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1;
  white-space: nowrap;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .page-tab-nav-btn {
    font-size: 12px;
  }
}
.page-tab-nav-btn.active {
  background: #1c2925;
  color: #fff;
}
.page-tab-nav-btn.page-tab-nav-btn--light {
  color: #fff;
}
.page-tab-nav-btn.page-tab-nav-btn--light.active {
  background: #fff;
  color: #1c2925;
}
.page-tab-content__item {
  width: 100%;
}

.filter-overlay-open {
  position: relative;
  display: block;
  padding: 20px;
  padding-left: 75px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 66px;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.filter-overlay-open:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 767px) {
  .filter-overlay-open {
    padding-left: 60px;
  }
}

@media screen and (max-width : 767px) {
  .filter-overlay-open__icon {
    left: 10px;
  }
}
.filter-overlay-open:hover .filter-overlay-open__icon {
  background: #1c2925;
}
.filter-overlay-open:hover .filter-overlay-open__icon::before, .filter-overlay-open:hover .filter-overlay-open__icon::after {
  background: #fff;
}

.filter-overlay {
  z-index: 99;
  position: fixed;
  left: 0;
  top: 0;
  padding: 60px 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #1c2925;
  color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}
.filter-overlay:not(.active) {
  visibility: hidden;
  opacity: 0;
}

.filter-overlay__close {
  position: absolute;
  right: 50px;
  top: 50px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  transition: 0.3s;
}
.filter-overlay__close::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M16,13.56,10.441,8,16,2.44,13.56,0,8,5.56,2.441,0,0,2.44,5.561,8,0,13.56,2.44,16,8,10.44,13.56,16Z' fill='%23000000' /%3E%3C/svg%3E") no-repeat center/contain;
}
@media screen and (max-width : 767px) {
  .filter-overlay__close {
    right: 15px;
    top: 15px;
  }
}
.filter-overlay__close:hover {
  background: #cf9e84;
}
.filter-overlay__close svg {
  width: 18px;
  height: 18px;
}

.filter-overlay__select {
  z-index: 1;
  position: relative;
  padding: 18px 90px;
  display: flex;
  align-items: center;
  height: 84px;
  color: #fff;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .filter-overlay__select {
    padding: 18px 80px;
    padding-right: 60px;
  }
}
.filter-overlay__select:hover .filter-overlay__bg {
  background: rgba(0, 0, 0, 0.5);
}
.filter-overlay__select input {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.filter-overlay__select input:checked + div .filter-overlay__select-icon {
  background: #cf9e84;
}
.filter-overlay__select input:checked + div .filter-overlay__select-icon img {
  filter: brightness(0);
}
.filter-overlay__select input:checked + div .filter-overlay__select-box {
  background: #000;
  border-color: #000;
}
.filter-overlay__select input:checked + div .filter-overlay__select-box::before {
  opacity: 1;
}
.filter-overlay__select input:checked + div .filter-overlay__bg {
  background: rgba(0, 0, 0, 0.5);
}
.filter-overlay__select label {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
}
@media screen and (max-width : 767px) {
  .filter-overlay__select label {
    font-size: 14px;
  }
}

.filter-overlay__select-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translate(0, -50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1c2925;
  transition: 0.3s;
}
.filter-overlay__select-icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 27px;
}

.filter-overlay__select-box {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  transition: 0.3s;
}
.filter-overlay__select-box::before {
  opacity: 0;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0,10.134,2.666,6.667,9.6,12.534,20.8,0,24,2.934,9.866,18.4Z' transform='translate(0 2.601)' fill='%23FED102'/%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .filter-overlay__select-box {
    right: 20px;
    width: 24px;
    height: 24px;
  }
  .filter-overlay__select-box::before {
    width: 18px;
    height: 18px;
  }
}

.filter-overlay__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 60px;
  background: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}

.profile {
  padding: 15px;
  height: 100%;
  background: #fff;
  color: #1c2925;
}

.profile__photo {
  position: relative;
  padding-bottom: 110%;
}

.profile__photo--has-layer::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #000 0%, transparent 50%);
}

.profile__label {
  z-index: 2;
  position: absolute;
  left: 15px;
  top: 15px;
  padding: 8px 12px;
  border-radius: 20px;
  background: #cf9e84;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1;
}

.profile__logo {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: 25px;
  transform: translate(-50%, 0);
}
.profile__logo img {
  width: 200px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.profile-detail-open {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #1c2925;
  transition: 0.3s;
}
.profile-detail-open::before, .profile-detail-open::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 3px;
  background: #fff;
  transition: 0.3s;
}
.profile-detail-open::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.profile-detail-open:hover, .profile-detail-open:focus-visible {
  background: #cf9e84;
}
.profile-detail-open:hover::before, .profile-detail-open:hover::after, .profile-detail-open:focus-visible::before, .profile-detail-open:focus-visible::after {
  background: #1c2925;
}

@media screen and (max-width : 991px) {
  .profile-detail-wrap .fancybox__slide {
    padding: 0;
  }
  .profile-detail-wrap .fancybox__nav {
    display: none;
  }
}

.employer-detail {
  display: none;
  padding: 70px 90px;
  width: 100%;
  max-width: 850px;
  height: 100%;
  max-height: 600px;
  background: linear-gradient(to right, #242E3A 0%, #1c2925 100%);
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 991px) {
  .employer-detail {
    padding: 60px;
  }
}
@media screen and (max-width : 767px) {
  .employer-detail {
    margin: 0;
    padding: 60px 30px;
    width: auto;
    height: auto;
    max-height: none;
  }
}
.employer-detail.fancybox__content {
  color: #fff;
}

html.uw__s4--active .employer-detail .employer-detail__text,
html.uw__s4--active .employer-detail .employer-detail__bg {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
html:not(.css__supports--zoom).uw__s4--active .employer-detail {
  max-width: 100%;
}
html:not(.css__supports--zoom).uw__s4--active .employer-detail .employer-detail__text {
  max-width: 50%;
}
@media screen and (max-width : 767px) {
  html:not(.css__supports--zoom).uw__s4--active .employer-detail .employer-detail__text {
    max-width: none;
  }
}
html:not(.css__supports--zoom).uw__s4-2 .employer-detail {
  max-height: 800px;
}
html:not(.css__supports--zoom).uw__s4-3 .employer-detail, html:not(.css__supports--zoom).uw__s4-4 .employer-detail {
  max-height: none;
}

.employer-detail__text {
  z-index: 2;
  position: relative;
  max-width: 370px;
}

.employer-detail__bg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
}
.employer-detail__bg img {
  margin-left: auto;
  height: 100%;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 25%);
          mask-image: linear-gradient(to right, transparent 0%, black 25%);
}
@media screen and (max-width : 767px) {
  .employer-detail__bg {
    width: 100%;
    height: auto;
  }
  .employer-detail__bg img {
    width: 100%;
    height: auto;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
            mask-image: linear-gradient(to bottom, transparent 0%, black 40%);
  }
}

.intern-detail {
  display: none;
  padding: 0;
  width: 100%;
  max-width: 880px;
  background: #fff;
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 767px) {
  .intern-detail {
    margin: 0;
    width: auto;
  }
}

.intern-detail__photo {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.value-detail,
.office-detail,
.mailto-overlay,
.signup-detail {
  display: none;
  padding: 70px 90px;
  width: 100%;
  max-width: 850px;
  box-shadow: 0 50px 40px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width : 991px) {
  .value-detail,
  .office-detail,
  .mailto-overlay,
  .signup-detail {
    padding: 60px;
  }
}
@media screen and (max-width : 767px) {
  .value-detail,
  .office-detail,
  .mailto-overlay,
  .signup-detail {
    margin: 0 20px;
    padding: 40px 30px;
    width: auto;
  }
}

.value-detail__icon {
  width: 100px;
}
@media screen and (max-width : 767px) {
  .value-detail__icon {
    width: 60px;
  }
}

.project {
  position: relative;
  display: block;
  overflow: hidden;
}
.project--fixed {
  width: calc(100vw - 40px);
  max-width: 415px;
}
.project:hover .project__bg img, .project:focus-visible .project__bg img {
  width: 105%;
  height: 105%;
}
.project:hover.has-excerpt .project__tag, .project:focus-visible.has-excerpt .project__tag {
  top: -30px;
}
.project:hover.has-excerpt .project__text, .project:focus-visible.has-excerpt .project__text {
  background: #cf9e84;
  color: #1c2925;
}
.project:hover.has-excerpt .project__text-excerpt, .project:focus-visible.has-excerpt .project__text-excerpt {
  visibility: visible;
  opacity: 1;
  max-height: 250px;
  transition: max-height 0.6s;
}

.project__tag {
  z-index: 1;
  position: absolute;
  left: 15px;
  top: 15px;
  padding: 4px 8px;
  border-radius: 100px;
  background: #cf9e84;
  color: #1c2925;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  transition: 0.3s;
}

.project__text {
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(10px);
  color: #fff;
  line-height: 1.3;
  transition: 0.3s;
}

.project__text-excerpt {
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5;
  transition: 0.3s;
}

.project__text-cta {
  margin-top: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
}
@media screen and (max-width : 767px) {
  .project__text-cta {
    display: none;
  }
}
.project__text-cta::after {
  content: "";
  margin-left: 10px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
[data-fancybox] .project__text-cta::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath fill='%23FED102' d='M10.5 7.5H18v3h-7.5V18h-3v-7.5H0v-3h7.5V0h3v7.5Z'/%3E%3C/svg%3E") no-repeat center/14px, black;
}
[target=_blank] .project__text-cta::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17'%3E%3Cpath fill='%23FED102' d='m1.9.3 13.9.2.2 14-3-.2V6.5L2.8 16.7.5 14.3l11-11H2L2 .2Z'/%3E%3C/svg%3E") no-repeat center/10px, black;
}

.project__text-info {
  font-weight: 600;
  font-size: 15px;
}
.project__text-info:not(:last-child)::after {
  content: "";
  display: block;
  margin: 8px 0;
  height: 1px;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.project__text-info img {
  margin: 3px 12px 0 0;
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width : 767px) {
  .project--big .project__text-info {
    display: none;
  }
}

.project__bg {
  padding-bottom: 75%;
}
.project__bg img {
  transition: 0.3s;
}
.project--conf .project__bg img {
  width: 110% !important;
  height: 110% !important;
  filter: blur(10px) brightness(0.8);
}

.project__logo {
  top: 40%;
  width: 170px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
}

.value-box {
  padding: 40px 45px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background: #fff;
}
@media screen and (max-width : 991px) {
  .value-box {
    padding: 30px;
  }
}
.value-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.value-box__icon {
  width: 76px;
}
@media screen and (max-width : 991px) {
  .value-box__icon {
    width: 50px;
  }
}

.logo-grid {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.logo-grid .grid__line {
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
}
.logo-grid .grid__line.grid__line--row {
  width: 100%;
  height: 1px;
}
.logo-grid .grid__line.grid__line--col {
  width: 1px;
  height: 100%;
}

.logo-grid__cell {
  color: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width : 992px) {
  .logo-grid__cell {
    width: 25%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .logo-grid__cell {
    width: 33.3%;
  }
}
@media screen and (max-width : 767px) {
  .logo-grid__cell {
    width: 50%;
  }
}

.logo-grid__logo {
  position: relative;
  padding-bottom: 70%;
}
.logo-grid__logo img {
  max-width: 110px;
  max-height: 60px;
}

.client-list {
  position: relative;
}
.client-list > li {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='6' width='6'%3E%3Ccircle cx='3' cy='3' r='3' fill='%23121212' /%3E%3C/svg%3E") no-repeat left 10px top 12px/5px 5px;
}
.client-list > li::before {
  display: none;
}

.client-list__item:not([data-related-projects]) {
  opacity: 0.7;
  background: none;
}

#client-list__item-tooltip {
  position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  padding-top: 8px;
}
#client-list__item-tooltip::before {
  content: "";
  position: absolute;
  left: 30px;
  bottom: calc(100% - 9px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
}
#client-list__item-tooltip .client-list__item-tooltip-wrap {
  padding: 25px 30px;
  max-width: 350px;
  width: 100%;
  max-height: 200px;
  background: #000;
  color: #fff;
  font-size: 15px;
  overflow-y: scroll;
}
#client-list__item-tooltip .client-list__item-tooltip-wrap li {
  position: relative;
  padding-left: 15px;
}
#client-list__item-tooltip .client-list__item-tooltip-wrap li::before {
  content: "-";
  position: absolute;
  left: 5px;
  top: 0;
}
#client-list__item-tooltip .client-list__item-tooltip-wrap a {
  color: #fff;
}

.image-box {
  z-index: 1;
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
  color: #fff;
  text-align: center;
  overflow: hidden;
  transition: 0.3s;
}
.image-box.image-box--small {
  height: 160px;
}
.image-box:hover .image-box__bg::before {
  background: rgba(0, 0, 0, 0.6);
}
.image-box:hover .image-box__bg img {
  width: 110%;
  height: 110%;
}
.image-box:hover .image-box__bg::after {
  opacity: 1;
}

.image-box__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.image-box__bg *, .image-box__bg::before, .image-box__bg::after {
  transition: 0.3s;
}
.image-box__bg::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.image-box__bg::after {
  opacity: 0;
  z-index: 2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 10px solid #cf9e84;
}

.service-box {
  padding: 40px 30px 50px;
  display: block;
  width: 100%;
  border-color: rgba(255, 255, 255, 0.2) !important;
  border-top: 1px solid;
  color: #fff;
  transition: 0.3s;
}
.service-box:hover {
  background: rgba(255, 255, 255, 0.05);
}
@media screen and (min-width : 768px) {
  .service-box {
    padding: 55px 30px 65px;
    width: 50%;
  }
}
@media screen and (min-width : 992px) {
  .service-box {
    width: 33.3%;
  }
}
@media screen and (min-width : 1200px) {
  .service-box {
    width: 20%;
  }
}
@media screen and (min-width : 992px) {
  .service-box--4 {
    width: 50%;
  }
}
@media screen and (min-width : 1200px) {
  .service-box--4 {
    width: 25%;
  }
}
@media screen and (min-width : 768px) {
  .service-box:not(:last-child) {
    border-right: 1px solid;
  }
}
.service-box img {
  height: 140px;
}
@media screen and (max-width : 767px) {
  .service-box img {
    height: 100px;
  }
}

.contact-card {
  position: relative;
  padding: 30px 40px;
  display: flex;
  align-items: center;
  border-radius: 16px;
  background: #fff;
}
@media screen and (max-width : 575px) {
  .contact-card {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width : 767px) {
  .contact-card {
    padding: 20px;
  }
}

.contact-card__photo {
  flex-shrink: 0;
}
.contact-card__photo img {
  width: 220px;
  height: 220px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width : 1199px) {
  .contact-card__photo img {
    width: 150px;
    height: 150px;
  }
}

.contact-card__cta {
  margin-top: 10px;
}
@media screen and (min-width : 576px) {
  .contact-card__cta {
    text-align: right;
  }
}
@media screen and (min-width : 1200px) {
  .contact-card__cta {
    position: absolute;
    right: 40px;
    bottom: 30px;
  }
}

.team-card {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  height: 100%;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}
.team-card:hover {
  transform: translate(0, -5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.team-card__photo {
  position: relative;
  padding-bottom: 100%;
  overflow: hidden;
}
.team-card__photo img {
  transition: 0.3s;
}
.team-card:hover .team-card__photo img {
  width: 110%;
  height: 110%;
}

.team-card__text {
  flex: 1;
  padding: 15px 20px;
}

.team-card__name {
  position: relative;
  padding-right: 25px;
  display: inline-block;
}
.team-card__name::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(-45deg);
  display: block;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%23FED102'%3E%3Cpath d='M7.177,14.286l4.887-4.98H.5V6.639H12.01L7.177,1.715,8.755,0,16.5,8,8.755,16Z' transform='translate(-0.5)'%3E%3C/path%3E%3C/svg%3E") no-repeat center/contain;
  transition: 0.3s;
}
.team-card__name:hover span, .team-card__name:focus span, .hover--link-arrow:hover .team-card__name span {
  background-size: 100% 100%;
}

.newsletter-box {
  z-index: 1;
  position: relative;
  padding: 50px 60px;
  height: 100%;
  min-height: 450px;
  overflow: hidden;
}
@media screen and (max-width : 1199px) {
  .newsletter-box {
    padding: 40px 30px;
  }
}

.newsletter-box__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c2925;
}

.email-signup {
  position: relative;
}
.email-signup input {
  padding: 10px 25px;
  width: 100%;
  height: 48px;
  border-radius: 40px;
  color: #1c2925;
  font-size: 14px;
}
.email-signup button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%) rotate(-45deg);
  padding: 10px;
}
.email-signup button svg {
  fill: #1c2925;
  transition: 0.2s;
}
.email-signup button:hover svg {
  fill: #cf9e84;
}

.logo-circle {
  position: relative;
  width: 120px;
  height: 120px;
}
.logo-circle img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.logo-circle img.logo-circle__spin {
  animation: logo-circle-spin 20s linear infinite;
}

@keyframes logo-circle-spin {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.page-nav-buttons {
  margin-top: 30px;
}
.page-nav-buttons > * {
  margin: 0 15px;
  pointer-events: auto;
}
@media screen and (min-width : 576px) {
  .page-nav-buttons {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -80%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    pointer-events: none;
  }
}

.image-has-layer {
  position: relative;
}
.image-has-layer::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #cf9e84;
  mix-blend-mode: color;
}

.year-of-experience {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #1c2925;
  color: #cf9e84;
}
@media screen and (max-width : 767px) {
  .year-of-experience {
    width: 80px;
    height: 80px;
  }
}

.organization-box {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  background: #fff;
}
.organization-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.organization-box img {
  width: 170px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.share-project-overlay {
  display: none;
  padding: 0;
  width: 100%;
  max-width: 860px;
}
.share-project-overlay .flickity-viewport {
  transition: 0.3s;
}
.share-project-overlay .page-tab-nav-trigger {
  margin: 0 20px;
  padding: 15px 10px;
  border-bottom: 3px solid transparent;
  opacity: 0.4;
  transition: 0.3s;
}
.share-project-overlay .page-tab-nav-trigger:hover {
  opacity: 1;
}
.share-project-overlay .page-tab-nav-trigger.active {
  border-bottom-color: #1c2925;
  opacity: 1;
}

.share-project-btn {
  z-index: 90;
  position: fixed;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%, 0);
  padding: 13px 30px;
  display: flex;
  align-items: center;
  border-radius: 50px;
  background: #1c2925;
  color: #fff;
}
.share-project-btn:hover {
  background: #000;
}
.share-project-btn::after {
  content: "";
  margin-left: 10px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,14.27V3.309H7.4a9.248,9.248,0,0,0-1.264.736q-.259.181-.5.379H1.116v8.73h13.2V10.679l1.116-1.12V14.27ZM12.39,3.179l0-3.179L18,5.611l-5.6,5.627,0-3.2h-.173l-.044,0h-.053l-.05,0h-.065l-.119,0h-.624l-.093,0h-.013l-.1,0h-.02l-.105,0h-.005l-.1,0h-.018l-.109,0h-.02l-.113.006h0l-.116.006-.024,0-.115.008H10.3l-.115.008h-.011l-.122.011-.024,0L9.9,8.1H9.882l-.118.011-.02,0-.126.013-.026,0-.13.016H9.451l-.126.016-.024,0-.13.018-.026,0-.134.02h0l-.136.022-.028,0-.134.023-.024,0-.127.022-.016,0-.136.027-.029.005-.136.028-.02,0L8.1,8.381l-.022,0-.136.032-.03.007-.138.034-.012,0L7.628,8.5,7.6,8.5l-.136.038-.028.008-.136.04,0,0-.139.043-.028.01L7,8.689,6.971,8.7l-.126.045-.016.005L6.7,8.8l-.03.011-.132.052-.02.007-.122.051-.021.009-.13.057L6.215,9l-.13.06-.012.006-.122.059-.024.012L5.8,9.2a.163.163,0,0,0-.026.014l-.124.068a0,0,0,0,0,0,0l-.124.072L5.5,9.369l-.118.074-.022.014L5.25,9.53l-.013.008c-.038.026-.077.053-.115.08L5.1,9.636l-.112.083a.1.1,0,0,1-.016.013c-.034.026-.068.053-.1.081l-.017.014c-.036.029-.071.059-.106.089l-.023.02c-.035.03-.07.062-.1.094l-.01.009-.1.092-.019.018c-.033.032-.065.066-.1.1l-.019.021c-.032.034-.065.07-.1.105h0c-.032.036-.062.072-.092.109l-.018.023c-.03.035-.058.072-.086.109l-.016.02c-.027.035-.053.071-.079.108a.119.119,0,0,1-.008.011c-.027.038-.053.078-.079.118l-.016.025c-.025.04-.049.08-.074.122a.126.126,0,0,1-.011.019c-.022.038-.045.078-.065.117l-.011.02c-.022.042-.045.085-.065.128l-.014.028c-.021.045-.043.089-.061.136a.1.1,0,0,0-.006.012c-.018.043-.037.087-.054.132,0,.008-.007.017-.011.025-.018.047-.034.093-.051.141l-.01.029c-.016.05-.032.1-.047.15C3.408,4.677,9.173,3.179,12.39,3.179Z' transform='translate(0 0.75)' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain;
}

.add-recipient {
  position: relative;
  padding-left: 28px;
  display: block;
  font-size: 14px;
}
.add-recipient::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -55%);
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath d='M4.375,3.125H7.5v1.25H4.375V7.5H3.125V4.375H0V3.125H3.125V0h1.25Z' fill='%23606266'/%3E%3C/clipPath%3E%3C/defs%3E%3Ccircle cx='10' cy='10' r='10' fill='%23121212'/%3E%3Cg transform='translate(6.307 6.307)'%3E%3Cg transform='translate(0)'%3E%3Cpath d='M4.375,3.125H7.5v1.25H4.375V7.5H3.125V4.375H0V3.125H3.125V0h1.25Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.btn-copy {
  padding: 15px 25px;
  border-radius: 50px;
  background: #1c2925;
  color: #fff;
}
.btn-copy:hover {
  background: #000;
}

.sp-certification {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 130px;
  mix-blend-mode: screen;
}
@media screen and (max-width : 767px) {
  .sp-certification {
    top: 20px;
    right: 20px;
    width: 100px;
  }
}

.sp-logo {
  width: calc(100% - 40px);
  max-width: 500px;
  height: 100%;
  max-height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-hover-caption figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  transition: 0.3s;
}
.image-hover-caption:not(:hover) figcaption {
  visibility: hidden;
  opacity: 0;
}

.rc-logo {
  width: 175px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.history-container {
  position: sticky;
  top: 0;
  height: calc(100vh - 80px - 32px);
  color: #fff;
}
@media screen and (max-width : 767px) {
  .history-container {
    height: 500px;
  }
}

.history-cta {
  position: absolute;
  right: 80px;
  bottom: 60px;
  display: flex;
  align-items: center;
}

.history-bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
@media screen and (max-width : 991px) {
  .history-bg {
    height: 100%;
  }
}
.history-bg img {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.history-bg {
  /* &::before
  * //z-index: 5
  * content: ''
  * +abs-topleft(true)
  * background: $c-dark-less */
}

.history-o {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  clip-path: polygon(-100% calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), -100% calc(100% + 1px));
}
@media screen and (max-width : 991px) {
  .history-o {
    height: 100%;
  }
}

.result-box {
  padding: 35px 40px;
  display: block;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
}
@media screen and (max-width : 767px) {
  .result-box {
    padding: 25px;
  }
}
.result-box:hover {
  transform: translate(0, -5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.ticker {
  position: relative;
  overflow: hidden;
}

.ticker-track {
  left: 0;
  top: 0;
  display: flex;
  animation: ticker-horizontal 15s infinite linear;
}
.ticker--reverse .ticker-track {
  animation-direction: reverse;
}
.ticker--vertical .ticker-track {
  flex-direction: column;
  animation-name: ticker-vertical;
}
.ticker--pause-on-hover:hover .ticker-track {
  animation-play-state: paused;
}

@keyframes ticker-horizontal {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes ticker-vertical {
  100% {
    transform: translateY(-100%);
  }
}
.logo-ticker-wrap {
  overflow: hidden;
}

.logo-ticker__item-wrap {
  width: auto;
}

.logo-ticker__item {
  display: flex;
  align-items: center;
  padding: 20px 60px;
}
@media screen and (max-width : 767px) {
  .logo-ticker__item {
    padding: 0 30px;
  }
}
.logo-ticker__item img {
  max-width: 110px;
  max-height: 60px;
}
@media screen and (max-width : 767px) {
  .logo-ticker__item img {
    max-width: 80px;
    max-height: 40px;
  }
}

.project-gallery-open {
  display: flex;
  line-height: 1;
}
.project-gallery-open:hover, .project-gallery-open.disabled {
  color: #cf9e84;
}
.project-gallery-open:hover svg, .project-gallery-open.disabled svg {
  fill: #cf9e84;
}
.project-gallery-open svg {
  transform: translate(0, -3px);
  transition: 0.3s;
}

.fancybox__carousel .fancybox__slide.has-video .fancybox__content.fancybox__video, .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content.fancybox__video {
  width: auto;
  height: auto;
}

.fancybox__video {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100%;
}

.fancybox__heading {
  position: relative;
  padding-top: 20px;
}
.fancybox__logo {
  position: absolute;
  left: 20px;
  top: 20px;
  width: auto;
  height: 40px;
}
@media screen and (max-width : 991px) {
  .fancybox__logo {
    display: none;
  }
}

.fancybox__toolbar {
  background: none;
}

@media screen and (max-width : 767px) {
  .fancybox__slide {
    padding: 40px 10px;
  }
}

.fancybox__caption {
  font-size: 14px;
  text-align: center;
  opacity: 0.8;
}

.fancybox__thumbs {
  padding: 5px;
  background: rgba(0, 0, 0, 0.3);
}
.fancybox__thumbs .carousel__slide {
  padding: 10px 5px;
}
.fancybox__thumbs .carousel__slide.has-inline::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='32' fill='%2300B57A'/%3E%3Cg transform='translate(24.306 22.117)'%3E%3Cpath d='M0,19.877V0L19.748,9.938Z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.fancybox__thumbs .carousel__slide:not(.is-nav-selected) .fancybox__thumb {
  opacity: 0.6;
}
.fancybox__thumbs .carousel__slide:not(.is-nav-selected):hover .fancybox__thumb, .fancybox__thumbs .carousel__slide:not(.is-nav-selected):focus .fancybox__thumb {
  opacity: 1;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb {
  border-radius: 0;
  transition: 0.3s;
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-radius: 0;
  border-color: #cf9e84;
}

.fancybox__backdrop::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.fancybox__backdrop img {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1);
  filter: blur(40px);
  -o-object-fit: cover;
     object-fit: cover;
}

.fancybox__content {
  color: #1c2925;
}

.gallery-overlay.fancybox__container {
  width: 100vw;
  clip-path: polygon(calc(0% - 1px) 100%, 100% calc(100% + 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
  transition: 0.5s;
}
.gallery-overlay.fancybox__container .fancybox__caption,
.gallery-overlay.fancybox__container .fancybox__heading,
.gallery-overlay.fancybox__container .fancybox__thumbs {
  opacity: 0;
  transition: 0.5s;
}
.gallery-overlay.fancybox__container.is-animated[aria-hidden=false] {
  clip-path: polygon(calc(0% - 1px) calc(0% - 1px), 100% calc(0% - 1px), 100% calc(100% + 1px), calc(0% - 1px) calc(100% + 1px));
}
.gallery-overlay.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.gallery-overlay.fancybox__container.is-animated[aria-hidden=false] .fancybox__heading,
.gallery-overlay.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
  opacity: 1;
}
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__caption,
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__nav,
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__carousel,
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__heading,
.gallery-overlay.fancybox__container.is-animated.is-closing .fancybox__thumbs {
  animation: none;
}

.fancybox-fadeOut {
  animation: 0.5s ease both fancybox-fadeOut;
}

.fancybox-zoomOutDown {
  animation: 0.5s ease both fancybox-zoomOutDown;
}

@media screen and (min-width: 1200px) and (max-width: 1420px) {
  .page-home .hero__content-text {
    padding-left: 40px !important;
  }
}
#post-listing-results {
  position: relative;
  min-height: 400px;
}
#post-listing-results .loading,
#post-listing-results .no-results {
  position: absolute;
  z-index: 1;
  display: none;
  padding: 140px 15px 70px 15px;
  width: 100%;
  text-align: center;
}
#post-listing-results .loading img {
  display: block;
  width: 100px;
  height: auto;
  margin: 0 auto;
}

#post-listing-results-map {
  position: relative;
  display: none;
  height: 80vh;
  max-height: 900px;
  min-height: 400px;
}
#post-listing-results-map .marker {
  position: absolute;
  z-index: 1;
  width: 15px;
  height: 18px;
  background: none top left/cover no-repeat;
  cursor: pointer;
}
#post-listing-results-map .marker.active {
  z-index: 2;
}
#post-listing-results-map .marker .info {
  position: absolute;
  visibility: hidden;
  left: 0;
  bottom: -10px;
  padding: 0 0 11px 11px;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.3s, opacity 0.3s, bottom 0.3s;
}
#post-listing-results-map .marker .info.vert-above.horz-left {
  left: 6px;
  bottom: 0;
  transform: translate(-100%, 0%);
}
#post-listing-results-map .marker .info.vert-above.horz-right {
  left: 0;
  bottom: 0;
  transform: translate(0%, 0%);
}
#post-listing-results-map .marker .info.vert-below.horz-left {
  left: 6px;
  bottom: 5px;
  transform: translate(-100%, 100%);
}
#post-listing-results-map .marker .info.vert-below.horz-right {
  left: -3px;
  bottom: 7px;
  transform: translate(0%, 100%);
}
#post-listing-results-map .marker .info .thumb-container {
  overflow: hidden;
  background: #fff;
}
#post-listing-results-map .marker .info .thumb-container .thumb-img,
#post-listing-results-map .marker .info .thumb-container .main-img {
  display: block;
  width: 270px;
  height: 135px;
  -o-object-fit: cover;
     object-fit: cover;
}
#post-listing-results-map .marker .info .thumb-container .thumb-img {
  transform: scale(1.1);
  filter: blur(10px);
}
#post-listing-results-map .marker .info .logo-container {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 135px;
}
#post-listing-results-map .marker .info .logo-container .logo-img {
  position: absolute;
  display: block;
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translate(-50%, -50%);
}
#post-listing-results-map .marker .info .info-content {
  padding: 8px 10px;
  font-family: 'Inter', Helvetica, sans-serif;
  background: #252525;
}
#post-listing-results-map .marker .info .info-content .title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
#post-listing-results-map .marker .info .info-content .location {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
}
#post-listing-results-map .marker:hover {
  z-index: 100001;
}
#post-listing-results-map .marker:hover .info {
  visibility: visible;
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
}
#post-listing-results-map .cluster {
  background: none top left/cover no-repeat;
}

#clear-filter {
  margin-left: 10px;
  text-transform: uppercase;
  background: #000;
  color: #fff;
  padding: 5px 10px 4px 4px;
  font-size: 13px;
  border-radius: 15px;
  font-weight: 500;
}
#clear-filter {
  letter-spacing: 1;
}
#clear-filter::before {
  content: " ✕  ";
}
#clear-filter.light {
  background: #fff !important;
  color: #343731 !important;
  font-weight: 550 !important;
}

.hero-tint::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: all 0.3s linear;
}

#openings-results-table .opening-result {
  display: none;
}
#openings-results-table .opening-result.showing {
  display: table-row;
}
@media screen and (max-width : 575px) {
  #openings-results-table .table__stack-xs .opening-result.showing {
    display: block;
  }
}

@media screen and (max-width : 991px) {
  #recruiting-calendar .table.table__stack-md tbody td:not(:first-child) {
    margin-top: 10px;
  }
}
#recruiting-calendar .table .cms-content > *:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (max-width : 991px) {
  body.post-project .breadcrumb__item.current,
  body.post-officer-bio .breadcrumb__item.current {
    display: none;
  }
}

.nkform__ajax-form,
.signup-form {
  position: relative;
}
.nkform__ajax-form .nkform__content .nkform__content-inner,
.signup-form .nkform__content .nkform__content-inner {
  transition: 0.3s;
}
.nkform__ajax-form .nkform__content .nkform__submit,
.signup-form .nkform__content .nkform__submit {
  position: relative;
}
.nkform__ajax-form .nkform__content .loading-icon,
.signup-form .nkform__content .loading-icon {
  visibility: hidden;
  display: block;
  margin-left: 20px;
  width: 48px;
  height: 48px;
  background: none center/contain no-repeat;
  opacity: 0;
}
.nkform__ajax-form.submitting .loading-icon,
.signup-form.submitting .loading-icon {
  visibility: visible;
  opacity: 1;
}
.nkform__ajax-form.submitting .nkform__content,
.signup-form.submitting .nkform__content {
  pointer-events: none;
}
.nkform__ajax-form.submitting .nkform__content .nkform__content-inner,
.signup-form.submitting .nkform__content .nkform__content-inner {
  opacity: 0.5;
}
.nkform__ajax-form.submitting .nkform__content .nkform__submit > *:not(.loading-icon),
.signup-form.submitting .nkform__content .nkform__submit > *:not(.loading-icon) {
  opacity: 0.5;
}

.tabnav {
  line-height: 1.3;
}
.tabnav .tabnav--tabs {
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.tabnav .tabnav--tabs .tabnav--tab-button {
  position: relative;
  padding: 2px 0 24px 0;
}
.tabnav .tabnav--tabs .tabnav--tab-button.active::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 4px;
  background: #fff;
}
.tabnav .tabnav--tabpanel__state {
  min-width: 16.6666%;
  max-width: 16.6666%;
}
@media screen and (max-width : 1199px) {
  .tabnav .tabnav--tabpanel__state {
    min-width: 25%;
    max-width: 25%;
  }
}
@media screen and (max-width : 991px) {
  .tabnav .tabnav--tabpanel__state {
    min-width: 33.3333%;
    max-width: 33.3333%;
  }
}
@media screen and (max-width : 575px) {
  .tabnav .tabnav--tabpanel__state {
    min-width: 50%;
    max-width: 50%;
  }
}

.px-10p {
  padding-left: 10% !important;
  padding-right: 10% !important;
}

.px-15p {
  padding-left: 15% !important;
  padding-right: 15% !important;
}

.px-20p {
  padding-left: 20% !important;
  padding-right: 20% !important;
}

@media (min-width: 576px) {
  .px-sm-10p {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .px-sm-15p {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  .px-sm-20p {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media (min-width: 768px) {
  .px-md-10p {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .px-md-15p {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  .px-md-20p {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media (min-width: 992px) {
  .px-lg-10p {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .px-lg-15p {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  .px-lg-20p {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-10p {
    padding-left: 10% !important;
    padding-right: 10% !important;
  }
  .px-xl-15p {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
  .px-xl-20p {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
}
.texture-cap-top-paper-stained::before, .texture-cap-top-paper-stained-thin::before, .texture-cap-top-paper-slate-small::before, .texture-cap-top-paper-slate::before, .texture-cap-top-yellow::before, .texture-cap-bottom-paper-stained::before, .texture-cap-bottom-paper-stained-thin::before, .texture-cap-bottom-paper-slate-small::before, .texture-cap-bottom-paper-slate::before, .texture-cap-bottom-yellow::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: calc(100% - 2px);
  width: 100%;
  pointer-events: none;
}

.texture-cap-bottom-paper-stained::before, .texture-cap-bottom-paper-stained-thin::before, .texture-cap-bottom-paper-slate-small::before, .texture-cap-bottom-paper-slate::before, .texture-cap-bottom-yellow::before {
  top: calc(100% - 2px);
  bottom: auto;
  transform: scaleY(-1);
}

.texture-cap-top-yellow::before {
  height: 80px;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-top-paper-slate::before {
  height: 8vw;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-top-paper-slate-small::before {
  height: 80px;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-top-paper-stained::before, .texture-cap-top-paper-stained-thin::before {
  top: 0;
  height: 50px;
  background: none repeat-x left top -5px/100% auto;
  mix-blend-mode: multiply;
}

.texture-cap-top-paper-stained-thin::before {
  background-position-y: -15px;
}

.texture-cap-bottom-yellow::before {
  height: 80px;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-bottom-paper-slate::before {
  height: 8vw;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-bottom-paper-slate-small::before {
  height: 80px;
  background: none repeat-x left bottom/100% auto;
}

.texture-cap-bottom-paper-stained::before, .texture-cap-bottom-paper-stained-thin::before {
  top: auto;
  bottom: 0;
  transform: scale(-1, -1);
  height: 50px;
  background: none repeat-x left top -5px/100% auto;
  mix-blend-mode: multiply;
}

.texture-cap-bottom-paper-stained-thin::before {
  background-position-y: -15px;
}

.space-cap-paper-slate {
  height: 8vw;
}

.history-video {
  z-index: 1;
  position: relative;
  min-height: 870px;
}
@media screen and (max-width : 1199px) {
  .history-video {
    min-height: 650px;
  }
}
@media screen and (max-width : 767px) {
  .history-video {
    min-height: 400px;
  }
}
.history-video:hover .history-video__bg img, .history-video:focus-within .history-video__bg img {
  transform: translate(-50%, -50%) scale(1.03);
  opacity: 1;
}
.history-video__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.history-video__bg img, .history-video__bg video {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.8s;
}
.history-video__bg img:nth-child(2), .history-video__bg video:nth-child(2) {
  opacity: 0;
}

.photo-slider .flickity-viewport {
  overflow: unset;
}

.photo-slider__item {
  margin-right: 20px;
  display: flex;
  min-height: 100%;
}
.photo-slider__item figure {
  position: relative;
  height: 700px;
}
@media screen and (max-width : 1199px) {
  .photo-slider__item figure {
    height: 550px;
  }
}
@media screen and (max-width : 767px) {
  .photo-slider__item figure {
    height: 350px;
  }
}
.photo-slider__item figure img {
  height: 100%;
}

.framed-photo {
  position: relative;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
.framed-photo img {
  border: 10px solid #fff;
}
.framed-photo::before {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none repeat left top/100%;
  pointer-events: none;
}

.section-family {
  position: relative;
}

.section-family__bg {
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1c2925;
  overflow: hidden;
}
.section-family__bg img, .section-family__bg video {
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
  opacity: 0.1;
}
.section-family--2 .section-family__bg {
  background: #1A222D;
}
.section-family--2 .section-family__bg::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4), transparent 50%);
}
.section-family--3 .section-family__bg {
  background: #1A222D;
}
.section-family--3 .section-family__bg img, .section-family--3 .section-family__bg video {
  opacity: 0.2;
}

.flex-slider .flickity-viewport {
  overflow: unset;
}
.flex-slider .flickity-slider {
  display: flex;
  align-items: flex-start;
}

.flex-slider__item {
  margin-right: 30px;
  width: calc(50% - 15px);
  min-height: 100%;
  background: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width : 991px) {
  .flex-slider__item {
    width: 100%;
  }
}

.flex-panel {
  padding: 55px 55px 50px;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width : 767px) {
  .flex-panel {
    padding: 30px;
    display: block;
  }
}

.flex-panel__image {
  position: relative;
  width: 200px;
  height: 180px;
}
@media screen and (min-width : 768px) {
  .flex-panel__image {
    order: 1;
  }
}

.flex-panel__content {
  flex: 1;
  margin-bottom: 15px;
  padding-right: 30px;
  min-width: 150px;
}
@media screen and (max-width : 767px) {
  .flex-panel__content {
    padding-right: 0;
  }
}

.timeline-nav {
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  right: 20px;
  top: 120px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: #00B57A;
  transition: 0.3s;
}
.timeline-nav:hover .timeline-nav__hover {
  visibility: visible;
  opacity: 1;
}
.timeline-nav img {
  width: 28px;
}
@media screen and (max-width : 767px) {
  .timeline-nav {
    right: 10px;
    top: 80px;
    width: 48px;
    height: 48px;
  }
  .timeline-nav img {
    width: 16px;
  }
}
.in-viewport .timeline-nav {
  visibility: visible;
  opacity: 1;
}

.timeline-nav__hover {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 20px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-height: calc(100vh - 150px - 100px);
  border-radius: 100px;
  background: #00B57A;
  text-align: center;
  overflow-y: auto;
  transition: 0.3s;
}

.timeline-nav__hover-item {
  padding: 6px 0;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.2;
  transition: 0.3s;
}
.timeline-nav__hover-item:hover {
  color: #cf9e84;
}

.timeline {
  z-index: 1;
  position: relative;
  margin-top: -500px;
  padding-top: 200px;
}
@media screen and (max-width : 1199px) {
  .timeline {
    margin-top: -300px;
    padding-top: 0;
  }
}
@media screen and (max-width : 767px) {
  .timeline {
    margin-top: -120px;
  }
}

.timeline__line {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 6px;
  height: 100%;
  background: black;
  background-image: linear-gradient(to right, transparent 1px, #cf9e84 1px, #cf9e84 5px, transparent 5px);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% 0%;
}
@media screen and (max-width : 1199px) {
  .timeline__line {
    left: 20px;
  }
}
@media screen and (max-width : 767px) {
  .timeline__line {
    display: none;
  }
}

.timeline__item {
  position: relative;
}
@media screen and (min-width : 992px) {
  .timeline__item:not(.timeline__item--large):not(.timeline__item--medium) + .timeline__item:not(.timeline__item--large):not(.timeline__item--medium) {
    margin-top: -200px;
  }
}
@media screen and (max-width : 1199px) {
  .timeline__item:not(.timeline__item--large):not(.timeline__item--medium) {
    padding: 0 60px;
  }
}
@media screen and (max-width : 767px) {
  .timeline__item:not(.timeline__item--large):not(.timeline__item--medium) {
    padding: 0 20px;
  }
}
.timeline__item:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 160px !important;
}
@media screen and (max-width : 991px) {
  .timeline__item:last-child {
    padding-bottom: 120px !important;
  }
}
.timeline__item--large, .timeline__item--medium {
  margin: 160px 0;
}
@media screen and (max-width : 1199px) {
  .timeline__item {
    margin: 80px 0;
  }
}
@media screen and (max-width : 767px) {
  .timeline__item {
    margin: 60px 0;
  }
}

.timeline__item-container {
  margin: auto;
  max-width: 1100px;
}

.timeline__item-dot {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: black;
  transition: 0.2s;
}
@media screen and (max-width : 1199px) {
  .timeline__item-dot {
    left: 20px;
  }
}
@media screen and (max-width : 767px) {
  .timeline__item-dot {
    display: none;
  }
}
.active .timeline__item-dot {
  background: #cf9e84;
}

.milestone {
  max-width: 420px;
}

.milestone__image {
  position: relative;
  padding-bottom: 75%;
}
.milestone__image .btn-play {
  position: absolute;
  right: 20px;
  bottom: 40px;
}

.milestone__text {
  z-index: 1;
  position: relative;
  margin-top: -30px;
  margin-left: 35px;
  padding: 30px 35px 60px;
  background: #f5f2ec;
}
@media screen and (max-width : 767px) {
  .milestone__text {
    padding: 25px 25px 35px;
  }
}

.milestone-md__image {
  position: relative;
  padding-bottom: 52.5%;
}

.milestone-md__text {
  z-index: 1;
  position: relative;
  margin: -45px 35px 0;
  padding: 30px 30px 50px;
  background: #cf9e84;
  color: #1c2925;
}
@media screen and (max-width : 767px) {
  .milestone-md__text {
    margin: -45px 20px 0;
    padding: 30px 30px 40px;
  }
}

.milestone-md-image {
  position: relative;
  padding-bottom: 52.5%;
  min-height: 300px;
}
.milestone-md-image .flickity-viewport {
  position: absolute;
  width: 100%;
}

.milestone-md-image__item {
  position: relative;
  width: 100%;
  height: 100%;
  background: #1c2925;
}

.milestone-md-image-nav, .mp-gallery-slider-nav {
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 35px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  pointer-events: none;
}
.milestone-md-image-nav > *, .mp-gallery-slider-nav > * {
  pointer-events: auto;
}

.modal-project-container .fancybox__nav {
  display: none;
}
.modal-project-container .fancybox__slide {
  padding: 0;
  display: block;
}

.modal-project {
  display: none;
  margin: auto;
  padding: 0;
  width: 100%;
  height: 100%;
  background: black;
  overflow: hidden;
}
.modal-project .carousel__button.is-close {
  top: 10px;
  right: 10px;
  background: none;
  color: white;
}
.modal-project .carousel__button.is-close:hover, .modal-project .carousel__button.is-close:focus {
  color: #cf9e84;
}
.modal-project .carousel__button.is-close svg {
  width: 20px;
  height: 20px;
}

.modal-project__wrap {
  display: flex;
  height: 100%;
}
@media screen and (max-width : 1199px) {
  .modal-project__wrap {
    flex-direction: column;
    min-height: 100vh;
    overflow-y: auto;
  }
}
.modal-project__details {
  order: 1;
  flex-shrink: 0;
  padding: 40px;
  width: 400px;
  height: 100%;
  color: white;
  overflow-y: auto;
}
@media screen and (max-width : 1199px) {
  .modal-project__details {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width : 767px) {
  .modal-project__details {
    padding: 30px;
    display: block;
  }
}

.modal-project__info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
}
.modal-project__info:not(:last-child)::after {
  content: "";
  margin: 8px 0;
  height: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.2);
}
.modal-project__info img {
  margin-right: 12px;
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-project__gallery {
  flex: 1;
  position: relative;
  height: 100%;
}
@media screen and (max-width : 1199px) {
  .modal-project__gallery {
    min-height: 600px;
  }
}
@media screen and (max-width : 991px) {
  .modal-project__gallery {
    min-height: 500px;
  }
}
@media screen and (max-width : 575px) {
  .modal-project__gallery {
    min-height: 350px;
  }
}
.modal-project__gallery {
  /* .f-carousel
  * height: 100%
  *
  * .f-thumbs
  * z-index: 2
  * position: absolute
  * left: 50%
  * bottom: 0
  * transform: translate(-50%, 0)
  * width: 100%
  *
  * .f-thumbs__slide
  * @media screen and (max-width : 575px)
  * width: 80px
  * height: 60px
  * .f-thumbs__slide__button
  *  width: 100%
  *
  * &.is-nav-selected
  * .f-thumbs__slide__button
  *  position: relative
  *
  *  &::before
  *   z-index: 1
  *   content: ''
  *   +abs-center
  *   width: calc(100% - 8px)
  *   height: calc(100% - 8px)
  *   border: 4px solid $c-primary
  *   transition: .3s */
}
.modal-project__gallery::before {
  z-index: 2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent 40%);
  pointer-events: none;
}

.modal-project__gallery-logo {
  z-index: 3;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 170px;
}
@media screen and (max-width : 1199px) {
  .modal-project__gallery-logo {
    left: 20px;
    width: 130px;
  }
}
@media screen and (max-width : 767px) {
  .modal-project__gallery-logo {
    left: 15px;
    top: 10px;
    width: 100px;
  }
}

.mp-gallery-slider {
  position: relative;
  height: 100%;
}
.mp-gallery-slider .flickity-viewport {
  position: absolute;
  width: 100%;
}

.mp-gallery-slider__item {
  position: relative;
  width: 100%;
  height: 100%;
}

.mp-gallery-thumb-slider {
  z-index: 2;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 100%;
}
.mp-gallery-thumb-slider .flickity-viewport {
  cursor: pointer !important;
}

.mp-gallery-thumb-slider__item {
  position: relative;
  margin: 0 5px;
  width: 100px;
  height: 80px;
}
@media screen and (max-width : 575px) {
  .mp-gallery-thumb-slider__item {
    margin: 0 3px;
    width: 80px;
    height: 60px;
  }
}
.mp-gallery-thumb-slider__item::before {
  z-index: 2;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #cf9e84;
  pointer-events: none;
  transition: 0.2s;
}
.mp-gallery-thumb-slider__item:not(.is-selected) img {
  opacity: 0.5;
  transition: 0.3s;
}
.mp-gallery-thumb-slider__item:not(.is-selected)::before {
  opacity: 0;
}
.mp-gallery-thumb-slider__item:not(.is-selected):hover img {
  opacity: 0.8;
}

@media screen and (max-width : 575px) {
  .mp-gallery-slider-nav {
    display: none;
  }
}

.op-slider .flickity-viewport {
  overflow: unset;
}
.op-slider .flickity-slider {
  display: flex;
  align-items: flex-start;
}

.op-slider__item {
  margin: 0 15px;
  min-height: 100%;
}
.history-video-overlay .fancybox__backdrop {
  background-color: rgba(24, 24, 27, 0.8);
}/*# sourceMappingURL=main.css.map */