@charset "UTF-8";
/* CSS Document */


/* Main Variables */
:root {
  --main-dark: black;
  --main-light: white;
}

/* Global Styles */
::selection {
	background: var(--main-light);
  color: var(--main-dark);
  text-shadow: none;
}

img::selection, svg::selection {
	background: transparent;
}

/* Link color inherits from parent font color  */
a {
	color: inherit;
}

/* Disable / enable clicking on an element and its children  */
.no-click {
	pointer-events: none;
}
.can-click {
	pointer-events: auto;
}

/* Target any element with a certain "word" in the class name  */
[class*="spacer"] {
	
}

/* Project CSS */

body {
    overscroll-behavior-y: none;
    -webkit-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    /*cursor: none !important;*/
}
	
* {
    text-rendering: optimizeLegibility;
}

a {
    /*cursor: none !important;*/
}
  
  a.w-webflow-badge {
    display: none !important;
}

a {
	color: inherit;
}

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

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
}

.cursor-view {
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background: rgb(163 163 163 / 30%);
    color: white;
    opacity: 0;
    width: 2.35vw;
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.cursor.active .cursor-view {
    opacity: 1;
    width: 6vw;
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.cursor .cursor-view .cursor-text {
    position: relative;
    -webkit-transform: translate(101%, 0%);
    -ms-transform: translate(101%, 0%);
    transform: translate(101%, 0%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0.1s;
}

.cursor.active .cursor-view .cursor-text {
    position: relative;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition-delay: 0.15s;
}

.cursor {
		pointer-events: none;
}

.cursor.active {
}

.splitting .word, .splitting .char {
    position: relative;
}

.splitting .word, .splitting .char {
    display: inline-block;
}

a.menu-link:hover .menu-text {
    transform: translate(0px, -101%);
}

a.menu-link:hover .menu-text.absolute {
    transform: translate(0px, 0%);
}
  
.jobs-list-link .office-list-title-text {
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.jobs-list-link .office-list-title-text.absolute {
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}
  
.jobs-list-link:hover .office-list-title-text {
    transform: translate(0px, -101%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.jobs-list-link:hover .office-list-title-text.absolute {
    transform: translate(0px, -101%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.play-video-overlay {
    pointer-events: none;
}

.play-video-button {
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background: rgb(163 163 163 / 30%);
    color: white;
    opacity: 1;
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.footer-link .google-maps-text {
		-webkit-transform: translate(0px, -0%);
    -ms-transform: translate(0px, -0%);
    transform: translate(0px, -0%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.footer-link:hover .google-maps-text {
		-webkit-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate(0px, -100%);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.footer-link .find-us-dot {
		-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.footer-link:hover .find-us-dot {
		-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}
  
.jobs-list-link .find-us-dot {
		-webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.jobs-list-link:hover .find-us-dot {
		-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
    transition: all 1000ms cubic-bezier(.23, 1, .32, 1);
}

.hero_center,
.hero_content,
.hero_content * {
	pointer-events: none !important;
}
  
.hero_center {
    clip-path: circle(17.5% at 50% 50%);
}
  
.text_list .text_item .f-product-page-year-text { 
  transform: translateX(-100%); translate: none; rotate: none; scale: none; 
 }
  
.text_list .text_item:first-child .f-product-page-year-text { 
  transform: translateX(0%); translate: none; rotate: none; scale: none; 
 }
  
.product-h1-holder.product-page {
    height: calc(100% - 6vw);
}

/* CUSTOM PLAYER ////////////////////// START */

.video-js .vjs-control:focus {
    text-shadow: 0em 0em 0em transparent !important;
}

.video-js {
    width: 100%;
    height: auto !important;
}

.video-js .vjs-slider {
    margin: 0 0 0 0 !important;
}

.video-js .vjs-progress-control .vjs-progress-holder {
    margin: 0 0 !important;
}

.chtml5video .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "Insert Text";
    font-family: SuisseIntl, sans-serif !important;
    font-size: 1rem;
    line-height: 105%;
}

button.vjs-fullscreen-control.vjs-control.vjs-button {
		display: none;
    position: relative;
    bottom: 0rem;
    left: 0px;
    width: 4rem;
    text-align: center;
    pointer-events: none;
}

div#my_video_1 {
    width: 100%;
    height: 100%;
    font-family: SuisseIntl, sans-serif !important;
    color: #d3af79 !important;
}

.video-js .vjs-tech {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-js .vjs-big-play-button {
    position: absolute;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: 0.06666em solid #fff;
    border-radius: 0%;
    transition: all 0.4s;
    background-color: transparent !important;
    width: 10vw;
    height: 10vw;
    display: none;
}

.vjs-poster {
    background-size: cover;
}

.vjs-control-bar {
    background: transparent !important;
}

button.vjs-picture-in-picture-control.vjs-control.vjs-button {
    display: none;
}

.vjs-has-started .vjs-control-bar {
		font-family: SuisseIntl, sans-serif !important;
    font-size: 1rem;
    width: 100%;
    position: absolute;
    left: 0%;
    bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
    height: 3rem !important;
    overflow: hidden !important;
    margin-left: 2rem !important;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background: rgb(163 163 163 / 30%);
    border-radius: 10rem;
}

.vjs-volume-bar.vjs-slider-bar.vjs-slider.vjs-slider-horizontal {
    top: 1.3rem;
}

.video-js .vjs-play-progress {
    background-color: #fff;
}

.video-js .vjs-load-progress {
    background: transparent;
}

.video-js .vjs-load-progress div {
    background: transparent;
    display: none;
}

.video-js .vjs-time-tooltip {
    background-color: transparent !important;
    float: right;
    font-size: 1rem !important;
    pointer-events: none;
    position: absolute;
    top: 0rem !important;
    visibility: hidden;
    z-index: 20;
    height: 3rem !important;
    padding-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    border-radius: 0px;
}

.vjs-time-tooltip {
    font-family: SuisseIntl, sans-serif !important;
}

.vjs-play-progress.vjs-slider-bar .vjs-time-tooltip {
    background: rgb(255 255 255 / 0%) !important;
    opacity: 1 !important;
    visibility: visible !important;
    z-index: 1 !important;
    margin-right: 50px;
    padding-right: 16px !important;
}

.vjs-play-progress.vjs-slider-bar::before {
    display: none;
}

.vjs-mouse-display {
    width: 0px !important;
    margin-left: 0px !important;
    background: rgb(255 255 255 / 0%) !important;
}

span.vjs-remaining-time-display {
	font-family: SuisseIntl, sans-serif !important;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "Play";
    font-size: 1rem;
    margin-top: 0.9rem;
    font-family: SuisseIntl, sans-serif !important;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "Pause";
    font-size: 1rem;
    margin-top: 0.9rem;
    font-family: SuisseIntl, sans-serif !important;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
    content: "Replay";
    font-size: 1rem;
    margin-top: 0.9rem;
    font-family: SuisseIntl, sans-serif !important
}

button.vjs-play-control.vjs-control.vjs-button {
    border-radius: 10rem;
    width: 9rem;
    text-transform: uppercase;
    margin-right: 1rem;
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background: rgb(163 163 163 / 30%);
}

button.vjs-play-control.vjs-control.vjs-button span {
    top: -3px;
    position: absolute;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    width: 100%;
}

.vjs-volume-panel.vjs-control.vjs-volume-panel-horizontal {
    -webkit-backdrop-filter: saturate(100%) blur(10px);
    backdrop-filter: saturate(100%) blur(10px);
    background: rgb(163 163 163 / 30%);
    border-radius: 10rem;
}

button.vjs-mute-control.vjs-control.vjs-button .vjs-icon-placeholder:before {
    font-size: 1.4em;
    line-height: 1.67;
    top: 6px;
}

.video-js .vjs-volume-level {
    background-color: #0e0e0e;
}

.video-js .vjs-slider {
    background-color: #fff;
}

.video-js .vjs-time-control {
    position: relative;
    bottom: 1px;
    display: none;
}

.vjs-play-progress.vjs-slider-bar {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.product-grid-col-item:nth-child(1n+0) {
    width: calc(50% - 0.55vw);
    margin-left: 0%;
   padding-top: 0vw;
}

.product-grid-col-item:nth-child(2n+0) {
    width: calc(44% - 0.55vw);
    margin-left: 0%;
    padding-top: 0vw;
}

.product-grid-col-item:nth-child(3n+0) {
    width: calc(40% - 0.55vw);
    margin-left: 5%;
}


/* SPLITTING CSS START */

.category-h1.splitting span.word {
		position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
}

.category-h1.splitting.reveal span.word {
    animation: revealproducth1 2s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(200ms * var(--word-index));
}

@keyframes revealproducth1 {
  0%{ opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); }
  
  100% {opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);}
}

/* SPLITTING CSS END */

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

.product-grid-col-item {
   width: calc(100% - 10vw) !important;
   margin-left: 0%;
   padding-top: 0vw;
}

.product-grid-col-item:nth-child(1n+0) {
    margin-left: 0vw;
}

.product-grid-col-item:nth-child(2n+0) {
     margin-left: 10vw;
}

.product-grid-col-item:nth-child(3n+0) {
     margin-left: 5vw;
}

}

/* Main Variables */
:root {
  --main-dark: black;
  --main-light: white;
}

/* Global Styles */
::selection {
	background: var(--main-dark);
  color: var(--main-light);
  text-shadow: none;
}
img::selection, svg::selection {
	background: transparent;
}

/* Link color inherits from parent font color  */
a {
	color: inherit;
}

/* Disable / enable clicking on an element and its children  */
.no-click {
	pointer-events: none;
}
.can-click {
	pointer-events: auto;
}

/* Target any element with a certain "word" in the class name  */
[class*="spacer"] {
	
}


/* Project CSS */
body {
    overscroll-behavior-y: none;
}

.menu-link.w--current .menu-dot {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.rounded-grid-link {
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.product-h2.splitting span.word {
		position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
}

.product-h2.splitting.is-inview span.word {
    animation: revealproducth1 2s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(200ms * var(--word-index));
}

@keyframes revealproducth1 {
  0%{ opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%); }
  
  100% {opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%); }
}

.footer-srs span.word {
		position: relative;
    opacity: 1;
    transform-style: preserve-3d;
    transform-origin: left;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-transform: translate(0%, 20%);
    -ms-transform: translate(0%, 20%);
    transform: translate(0%, 20%);
    padding-bottom: 1vw;
    margin-bottom: -1vw;
}

.page-content.frontpage img, .page-content.frontpage video {
    pointer-events: none;
}

.footer-srs.is-inview span.word {
    animation: revealproducth1 2s cubic-bezier(.23, 1, .32, 1) forwards;
    animation-delay: calc(200ms * var(--word-index));
}


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

.f-product-h1.splitting span.word {
    padding-bottom: 2.5vw;
    margin-bottom: -2.5vw;
}

.product-h1-holder {
    padding-bottom: calc(25.5vw + 50px);
}

.product-page-year-text-holder.pp {
    bottom: calc(16vw + 50px);
}

.product-page-explore-holder {
    bottom: calc(16vw + 50px);
}

.product-h1-holder.product-page {
    height: calc(100% - 22vh);
}

}