@font-face {
  font-family: 'Product sans';
  src: url('/fonts/product-sans-regular.ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'Product sans';
  src: url('/fonts/product-sans-regular.ttf');
  font-weight: 400;
}
@font-face {
  font-family: 'Product sans';
  src: url('/fonts/product-sans-bold.ttf');
  font-weight: 600;
}
* {
  text-decoration: none;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-family: "Product sans";
  font-weight: 400;
  list-style: none;
  outline: 0 !important;
  border: 0;
}
html {
  height: 100vh !important;
}
body {
  overflow: auto;
}
.background-dark {
  background-color: var(--color-primary);
}
.background-grey-dark {
  background-color: #242424;
}
.background-light {
  background-color: #fcfcfc;
}
.background-white {
  background-color: #fff;
}
.background-orange {
  background-color: #d2a472;
}
.background-input {
  background-color: rgba(196, 196, 196, 0.2);
}
.text-white {
  color: #f3f3f3;
}
.text-white--hover-dark {
  color: white;
  transition: color 0.5s;
}
.text-white--hover-dark:hover {
  color: var(--color-primary);
}
.text-white--hover-orange {
  color: white;
  transition: color 0.5s;
}
.text-white--hover-orange:hover {
  color: #d2a472;
}
.text-black {
  color: #000;
}
.text-black--hover-white {
  color: #000;
  transition: color 0.5s;
}
.text-black--hover-white:hover {
  color: white;
}
.text-black--hover-dark {
  color: #000;
  transition: color 0.5s;
}
.text-black--hover-dark:hover {
  color: var(--color-primary);
}
.text-dark {
  color: var(--color-primary);
}
.text-dark--hover-white {
  color: var(--color-primary);
  transition: color 0.5s;
}
.text-dark--hover-white:hover {
  color: white;
}
.text-dark--hover-grey {
  color: var(--color-primary);
  transition: color 0.5s;
}
.text-dark--hover-grey:hover {
  color: rgba(0, 0, 0, 0.7);
}
.text-dark_imp {
  color: var(--color-primary) !important;
}
.text-orange {
  color: #d2a472;
}
.text-orange--hover-white {
  color: #d2a472;
  transition: color 0.5s;
}
.text-orange--hover-white:hover {
  color: white;
}
.text-orange--hover-dark {
  color: #d2a472;
  transition: color 0.5s;
}
.text-orange--hover-dark:hover {
  color: var(--color-primary);
}
.text-grey {
  color: rgba(0, 0, 0, 0.7);
}
.text-grey--hover-orange {
  color: rgba(0, 0, 0, 0.7);
  transition: color 0.5s;
}
.text-grey--hover-orange:hover {
  color: #d2a472;
}
.text-grey--hover-dark {
  color: rgba(0, 0, 0, 0.7);
  transition: color 0.5s;
}
.text-grey--hover-dark:hover {
  color: var(--color-primary);
}
.text-grey--dark {
  color: #242424;
}
.text-grey--dark--hover-dark {
  color: #242424;
  transition: color 0.5s;
}
.text-grey--dark--hover-dark:hover {
  color: var(--color-primary);
}
.text-grey--light {
  color: #818181;
}
.text-grey--light--hover-dark {
  color: #818181;
  transition: color 0.5s;
}
.text-grey--light--hover-dark:hover {
  color: var(--color-primary);
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.uppercase {
  text-transform: uppercase;
}
.relative {
  position: relative;
}
.font-size--11 {
  font-size: 0.6875rem;
}
.font-size--11-bold {
  font-size: 1.375rem;
  font-weight: 600;
}
.font-size--11-thin {
  font-size: 1.375rem;
  font-weight: 300;
}
.font-size--14 {
  font-size: 0.875rem;
}
.font-size--14-bold {
  font-size: 0.875rem;
  font-weight: 600;
}
.font-size--14-thin {
  font-size: 0.875rem;
  font-weight: 300;
}
.font-size--16 {
  font-size: 1rem;
}
.font-size--16-bold {
  font-size: 1rem;
  font-weight: 600;
}
.font-size--16-thin {
  font-size: 1rem;
  font-weight: 300;
}
.font-size--16_px {
  font-size: 16px;
}
.font-size--18 {
  font-size: 1.125rem;
}
.font-size--18-bold {
  font-size: 1.125rem;
  font-weight: 600;
}
.font-size--18-thin {
  font-size: 1.125rem;
  font-weight: 300;
}
.font-size--18_px {
  font-size: 18px;
}
.font-size--18_px-bold {
  font-size: 18px;
  font-weight: 600;
}
.font-size--18_px-thin {
  font-size: 18px;
  font-weight: 300;
}
.font-size--20 {
  font-size: 1.25rem;
}
.font-size--20-bold {
  font-size: 1.25rem;
  font-weight: 600;
}
.font-size--20-thin {
  font-size: 1.25rem;
  font-weight: 300;
}
.font-size--22 {
  font-size: 1.375rem;
}
.font-size--22-bold {
  font-size: 1.375rem;
  font-weight: 600;
}
.font-size--22-thin {
  font-size: 1.375rem;
  font-weight: 300;
}
.font-size--24 {
  font-size: 1.5rem;
}
.font-size--24-bold {
  font-size: 1.5rem;
  font-weight: 600;
}
.font-size--24-thin {
  font-size: 1.5rem;
  font-weight: 300;
}
.font-size--28 {
  font-size: 1.75rem;
}
.font-size--28-bold {
  font-size: 1.75rem;
  font-weight: 600;
}
.font-size--28-thin {
  font-size: 1.75rem;
  font-weight: 300;
}
.font-size--30 {
  font-size: 1.875rem;
}
.font-size--30-bold {
  font-size: 1.875rem;
  font-weight: 600;
}
.font-size--30-thin {
  font-size: 1.875rem;
  font-weight: 300;
}
.font-size--32 {
  font-size: 2rem;
}
.font-size--32-bold {
  font-size: 2rem;
  font-weight: 600;
}
.font-size--32-thin {
  font-size: 2rem;
  font-weight: 300;
}
.font-size--36 {
  font-size: 2.25rem;
}
.font-size--36-bold {
  font-size: 2.25rem;
  font-weight: 600;
}
.font-size--36-thin {
  font-size: 2.25rem;
  font-weight: 300;
}
.font-size--36_px {
  font-size: 36px;
}
.font-size--46 {
  font-size: 2.875rem;
}
.font-size--48 {
  font-size: 3rem;
}
.font-size--48_px {
  font-size: 48px;
  line-height: 1;
}
.font-size--48-bold {
  font-size: 3rem;
  font-weight: 600;
}
.font-size--48-thin {
  font-size: 3rem;
  font-weight: 300;
}
.font-size--50 {
  font-size: 3.125rem;
}
.font-size--50-bold {
  font-size: 3.125rem;
  font-weight: 600;
}
.font-size--50-thin {
  font-size: 3.125rem;
  font-weight: 300;
}
.font-size--54 {
  font-size: 3.375rem;
}
.font-size--54-bold {
  font-size: 3.375rem;
  font-weight: 600;
}
.font-size--54-thin {
  font-size: 3.375rem;
  font-weight: 300;
}
.font-size--60 {
  font-size: 3.75rem;
}
.font-size--60-bold {
  font-size: 3.75rem;
  font-weight: 600;
}
.font-size--60-thin {
  font-size: 3.75rem;
  font-weight: 300;
}
.font-size--66 {
  font-size: 4.125rem;
}
.font-size--66-bold {
  font-size: 4.125rem;
  font-weight: 600;
}
.font-size--66-thin {
  font-size: 4.125rem;
  font-weight: 300;
}
.font-size--72 {
  font-size: 4.5rem;
}
.font-size--72-bold {
  font-size: 4.5rem;
  font-weight: 600;
}
.font-size--72-thin {
  font-size: 4.5rem;
  font-weight: 300;
}
.font-bold {
  font-weight: 600;
}
.font-500 {
  font-weight: 500;
}
.font-thin {
  font-weight: 300;
}
.line-height_1-5 {
  line-height: 1.5;
}
.line-height_2 {
  line-height: 2;
}
.flex {
  display: flex;
  display: -webkit-flex;
}
.flex-column {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.flex-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.align-center {
  align-content: center;
  align-items: center;
}
.align-between {
  align-content: space-between;
}
.align-end {
  align-items: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.5rem;
}
.grid .cell {
  grid-column-end: span 3;
}
.grid .cell-row_2 {
  grid-row-end: span 2;
}
@media (max-width: 1024px) {
  .grid {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid .cell {
    grid-column-end: span 4;
  }
}
@media (max-width: 480px) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
.border-thin--white {
  border: 1px solid #ffffff;
}
.border-thin--grey {
  border: 1px solid #d1d1d1;
}
.border-thin--orange {
  border: 1px solid #d2a472;
}
.border-thin--green {
  border: 1px solid var(--color-primary);
}
.border-thin-top--grey {
  border-top: 1px solid #d1d1d1;
}
.border-thin-bottom--grey {
  border-bottom: 1px solid #d1d1d1;
}
.border-thin-right--grey {
  border-right: 1px solid #d1d1d1;
}
.border-thin-right--orange {
  border-right: 1px solid #d2a472;
}
.border-thin-right--white {
  border-right: 1px solid #fff;
}
.border-thin-vertical--grey {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}
.border-regular-top--orange {
  border-top: 2px solid #d2a472;
}
.border-regular-right--grey {
  border-right: 2px solid #d6d6d6;
}
.border-regular-vertical--grey {
  border-top: 2px solid #d6d6d6;
  border-bottom: 2px solid #d6d6d6;
}
.border-radius {
  border-radius: 4px;
}
.border-radius--25 {
  border-radius: 1.5rem;
}
.border-box {
  box-sizing: border-box;
}
.margin--auto {
  margin: auto;
}
.margin-vertical--auto {
  margin-top: auto;
  margin-bottom: auto;
}
.margin-horizontal--auto {
  margin-left: auto;
  margin-right: auto;
}
.margin-horizontal--12 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.margin-horizontal--20 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.margin-horizontal--30 {
  margin-left: 1.875rem;
  margin-right: 1.875rem;
}
.margin-horizontal--32 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.margin-horizontal--90 {
  margin-right: 5.625rem;
  margin-left: 5.625rem;
}
.margin-top--auto {
  margin-top: auto;
}
.margin-top--12 {
  margin-top: 0.75rem;
}
.margin-top--18 {
  margin-top: 1.125rem;
}
.margin-top--20 {
  margin-top: 1.25rem;
}
.margin-top--24 {
  margin-top: 1.5rem;
}
.margin-top--32 {
  margin-top: 2rem;
}
.margin-top--40 {
  margin-top: 2.5rem;
}
.margin-top--48 {
  margin-top: 3rem;
}
.margin-top--52 {
  margin-top: 3.25rem;
}
.margin-top--60 {
  margin-top: 3.75rem;
}
.margin-top--64 {
  margin-top: 4rem;
}
.margin-top--80 {
  margin-top: 5rem;
}
.margin-top--112 {
  margin-top: 7rem;
}
.margin-top--128 {
  margin-top: 8rem;
}
.margin-top--144 {
  margin-top: 9rem;
}
.margin-top--208 {
  margin-top: 13rem;
}
.margin-top--248 {
  margin-top: 15.5rem;
}
@media (max-width: 840px) {
  .margin-top--248 {
    margin-top: 14rem;
  }
}
.margin-bottom--auto {
  margin-bottom: auto;
}
.margin-bottom--8 {
  margin-bottom: 0.5rem;
}
.margin-bottom--12 {
  margin-bottom: 0.625rem;
}
.margin-bottom--12 {
  margin-bottom: 0.75rem;
}
.margin-bottom--16 {
  margin-bottom: 1rem;
}
.margin-bottom--20 {
  margin-bottom: 1.25rem;
}
.margin-bottom--24 {
  margin-bottom: 1.5rem;
}
.margin-bottom--30 {
  margin-bottom: 1.875rem;
}
.margin-bottom--32 {
  margin-bottom: 2rem;
}
.margin-bottom--36 {
  margin-bottom: 2.25rem;
}
.margin-bottom--40 {
  margin-bottom: 2.5rem;
}
.margin-bottom--48 {
  margin-bottom: 3rem;
}
.margin-bottom--52 {
  margin-bottom: 3.25rem;
}
.margin-bottom--60 {
  margin-bottom: 3.75rem;
}
.margin-bottom--64 {
  margin-bottom: 4rem;
}
.margin-bottom--80 {
  margin-bottom: 5rem;
}
.margin-bottom--96 {
  margin-bottom: 6rem;
}
.margin-bottom--108 {
  margin-bottom: 6.75rem;
}
.margin-bottom--128 {
  margin-bottom: 8rem;
}
.margin-bottom--144 {
  margin-bottom: 9rem;
}
.margin-bottom--184 {
  margin-bottom: 9rem;
}
.margin-bottom--192 {
  margin-bottom: 12rem;
}
.margin-bottom--208 {
  margin-bottom: 13rem;
}
.margin-left--0 {
  margin-left: 0;
}
.margin-left--auto {
  margin-left: auto;
}
.margin-left--8 {
  margin-left: 0.5rem;
}
.margin-left--12 {
  margin-left: 0.75rem;
}
.margin-left--16 {
  margin-left: 1rem;
}
.margin-left--18 {
  margin-left: 1.125rem;
}
.margin-left--20 {
  margin-left: 1.25rem;
}
.margin-left--24 {
  margin-left: 1.5rem;
}
.margin-left--30 {
  margin-left: 1.875rem;
}
.margin-left--32 {
  margin-left: 2rem;
}
.margin-left--40 {
  margin-left: 2.5rem;
}
.margin-left--48 {
  margin-left: 3rem;
}
.margin-left--64 {
  margin-left: 4rem;
}
.margin-left--80 {
  margin-left: 5rem;
}
.margin-left--96 {
  margin-left: 6rem;
}
.margin-left--128 {
  margin-left: 8rem;
}
.margin-left--160 {
  margin-left: 10rem;
}
.margin-left--192 {
  margin-left: 12rem;
}
.margin-left--208 {
  margin-left: 13rem;
}
.margin-right--0 {
  margin-left: 0;
}
.margin-right--auto {
  margin-right: auto;
}
.margin-right--8 {
  margin-right: 0.5rem;
}
.margin-right--12 {
  margin-right: 0.75rem;
}
.margin-right--18 {
  margin-right: 1.125rem;
}
.margin-right--20 {
  margin-right: 1.25rem;
}
.margin-right--24 {
  margin-right: 1.5rem;
}
.margin-right--30 {
  margin-right: 1.875rem;
}
.margin-right--36 {
  margin-right: 2.25rem;
}
.margin-right--40 {
  margin-right: 2.5rem;
}
.margin-right--48 {
  margin-right: 3rem;
}
.margin-right--52 {
  margin-right: 3.25rem;
}
.margin-right--64 {
  margin-right: 4rem;
}
.margin-right--90 {
  margin-right: 6.625rem;
}
.padding-24 {
  padding: 1.5rem;
}
.padding-40 {
  padding: 2.5rem;
}
.padding-vertical--10 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.padding-vertical--12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.padding-vertical--20 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.padding-vertical--24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.padding-vertical--30 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem;
}
.padding-vertical--36 {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
.padding-vertical--40 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.padding-vertical--48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.padding-vertical--64 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.padding-vertical--80 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.padding-vertical--108 {
  padding-top: 6.75rem;
  padding-bottom: 6.75rem;
}
.padding-vertical--112 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
.padding-vertical--128 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.padding-vertical--144 {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.padding-horizontal--10 {
  padding-left: 0.675rem;
  padding-right: 0.675rem;
}
.padding-horizontal--10_p {
  padding-left: 10%;
  padding-right: 10%;
}
@media (max-width: 1024px) {
  .padding-horizontal--10_p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.padding-horizontal--12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.padding-horizontal--12_p {
  padding-left: 12%;
  padding-right: 12%;
}
.padding-horizontal--16 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.padding-horizontal--20 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.padding-horizontal--30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.padding-horizontal--32 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.padding-horizontal--40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.padding-horizontal--48 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.padding-horizontal--64 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.padding-horizontal--80 {
  padding-left: 5rem;
  padding-right: 5rem;
}
.padding-horizontal--108 {
  padding-left: 6.75rem;
  padding-right: 6.75rem;
}
.padding-horizontal--176 {
  padding-left: 11rem;
  padding-right: 11rem;
}
.padding-horizontal--200 {
  padding-left: 12.5rem;
  padding-right: 12.5rem;
}
.padding-horizontal--208 {
  padding-left: 13rem;
  padding-right: 13rem;
}
.padding-horizontal--256 {
  padding-left: 16rem;
  padding-right: 16rem;
}
.padding-horizontal--464 {
  padding-left: 29rem;
  padding-right: 29rem;
}
.padding-top--20 {
  padding-top: 1.25rem;
}
.padding-top--32 {
  padding-top: 2rem;
}
.padding-top--40 {
  padding-top: 2.5rem;
}
.padding-top--64 {
  padding-top: 4rem;
}
.padding-top--80 {
  padding-top: 5rem;
}
.padding-top--108 {
  padding-top: 6.75rem;
}
.padding-top--108-mobile {
  padding-top: 10rem;
}
.padding-top--112 {
  padding-top: 7rem;
}
.padding-top--144 {
  padding-top: 9rem;
}
.padding-top--160 {
  padding-top: 10rem;
}
.padding-left--12 {
  padding-left: 0.75rem;
}
.padding-left--24 {
  padding-left: 1.5rem;
}
.padding-left--30 {
  padding-left: 1.875rem;
}
.padding-left--40 {
  padding-left: 2.5rem;
}
.padding-left--64 {
  padding-left: 4rem;
}
.padding-left--80 {
  padding-left: 5rem;
}
.padding-left--108 {
  padding-left: 6.75rem;
}
.padding-right--12 {
  padding-right: 0.75rem;
}
.padding-right--20 {
  padding-right: 1.25rem;
}
.padding-right--20_px {
  padding-right: 20px;
}
.padding-right--24 {
  padding-right: 1.5rem;
}
.padding-right--24_px {
  padding-right: 24px;
}
.padding-right--30 {
  padding-right: 1.875rem;
}
.padding-right--30_px {
  padding-right: 30px;
}
.padding-right--32 {
  padding-right: 2rem;
}
.padding-right--32_px {
  padding-right: 32px;
}
.padding-right--36 {
  padding-right: 2.25rem;
}
.padding-right--36_px {
  padding-right: 36px;
}
.padding-right--40 {
  padding-right: 2.5rem;
}
.padding-right--64 {
  padding-right: 4rem;
}
.padding-right--80 {
  padding-right: 5rem;
}
.padding-right--108 {
  padding-right: 6.75rem;
}
.padding-right--200 {
  padding-right: 12.5rem;
}
.padding-right--200_px {
  padding-right: 200px;
}
.padding-bottom--0 {
  padding-bottom: 0;
}
.padding-bottom--6 {
  padding-bottom: 0.375rem;
}
.padding-bottom--20 {
  padding-bottom: 1.25rem;
}
.padding-bottom--30 {
  padding-bottom: 1.875rem;
}
.padding-bottom--48 {
  padding-bottom: 3rem;
}
.padding-bottom--64 {
  padding-bottom: 4rem;
}
.padding-bottom--80 {
  padding-bottom: 5rem;
}
.padding-bottom--128 {
  padding-bottom: 8rem;
}
.padding-bottom--144 {
  padding-bottom: 9rem;
}
.padding-bottom--320 {
  padding-bottom: 20rem;
}
.w-10 {
  width: 10%;
}
.w-10_vw {
  width: 10vw;
}
.w-100 {
  width: 100%;
}
.w-100_vw {
  width: 100vw;
}
.h-100 {
  height: 100%;
}
.h-100_vh {
  height: 100vh;
}
.full-screen {
  height: 100vh;
  width: 100vw;
  max-width: 100%;
  box-sizing: border-box;
}
.arrow--40 img {
  height: 2.5rem;
  margin-left: 0.75rem;
}
.pointer:hover {
  cursor: pointer;
}
.pointer-opacity-1 {
  opacity: 1;
  transition: opacity 0.3s;
}
.pointer-opacity-1:hover {
  opacity: 0.5;
  cursor: pointer;
}
.pointer-opacity {
  border: 1px solid var(--color-primary) !important;
  transition: background-color 0.5s, color 0.5s;
}
.pointer-opacity:hover {
  background-color: #fff !important;
  color: var(--color-primary);
  cursor: pointer;
}
.display-none {
  display: none;
}
.display-block {
  display: block;
}
.opacity {
  opacity: 1 !important;
}
.overflow-hidden {
  overflow: hidden;
}
.custom-font * {
  font: inherit;
}
.custom-font b {
  font-weight: 600;
}
@media (max-width: 1366px) {
  * {
    font-size: 13.5px;
  }
}
@media (min-width: 2048px) {
  * {
    font-size: 18px;
  }
}
@media (min-width: 2560px) {
  * {
    font-size: 21px;
  }
}
@media (min-width: 3000px) {
  * {
    font-size: 28px;
  }
}
@media (min-width: 3840px) {
  * {
    font-size: 32px;
  }
}
@media (min-width: 4560px) {
  * {
    font-size: 38px;
  }
}
@media (min-width: 5120px) {
  * {
    font-size: 44px;
  }
}
@media (max-width: 840px) {
  * {
    font-size: 11px;
  }
}
/*# sourceMappingURL=presets.css.map */