/*! main.scss for RangeMe - last updated 2015.08.26 */
/**
 * 1. All units are in rems as this unit of measurement is supported in all
 *    required browsers. Media queries however use em units as rem units can
 *    be buggy in some browsers. 
 * 2. Parts of the code contained within may change before concluding 
 *    frontend development.
 *
 * ========================================================================== 
 *
 * Dependent on normalize.css - see git.io/normalize
 *
 */
#wpadminbar,
#ajax-links,
#body-classes {
  display: none !important; 
}

html,
#html-wrapper {
  margin-top: 0px !important;
  overflow-y: auto;
  overflow-x: hidden; 
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Untitled Sans',sans-serif; 
}

/* Functions */
/* ========================================================================== */
/* strip units from calculations */
/* Site Variables */
/* ========================================================================== */
/* Break Points */
/* Animation Values */
/* ========================================================================== */
/* Mixins */
/* ========================================================================== */
/* media queries */
/* CSS box-sizing */
/* border-radius */
/* text overflow */
/* transition */
/* transform */
/* background-size */
/* no select */
/* fill-parent */
/* horizontal-center */
/* Additional Resets */
/* ========================================================================== */
#js,
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  -webkit-overflow-scrolling: touch; 
}

article,
div,
fieldset,
figure,
form,
footer,
header,
nav,
section {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}

a {
  outline: none !important;
  text-decoration: none;
  color: inherit; 
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ol,
ul,
blockquote {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal; 
}

figure {
  line-height: 0;
  background-color: transparent; 
}

img,
video,
iframe {
  max-width: 100%;
  max-height: none;
  height: auto;
  width: auto; 
}

mark {
  background-color: transparent; 
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background-position: center;
  background-repeat: no-repeat;
  -ms-transform-origin: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  outline: none !important; 
}

ul,
li {
  list-style: none; 
}

input,
button,
textarea {
  outline: none !important; 
}

p:empty {
  display: none !important; 
}

/* Indicators - used by JS to determine media queries and screen size */
/* ========================================================================== */
#js-screen-size {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

#js-desktop-indicator {
  height: 1px;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: none; 
}

@media screen and (min-width: 60rem) {
  #js-desktop-indicator {
    display: block; 
  } 
}

#js-tablet-indicator {
  height: 1px;
  width: 1px;
  position: absolute;
  top: 0;
  left: 0;
  display: none; 
}
  
@media screen and (min-width: 47.5em) {
  #js-tablet-indicator {
      display: block; 
  } 
}

/* ========================================================================== */
/* UTILITY COMPONENTS */
/* ========================================================================== */

.u-clear {
  height: 1px !important;
  padding: 0 !important;
  content: "-" !important;
  text-indent: -9999px !important;
  position: relative !important;
  width: 100% !important;
  display: block !important;
  clear: both !important;
  margin: 0 0 -1px !important;
  overflow: hidden !important; 
}

.u-figure {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; 
}

.u-figure img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover; 
}

.c-mod--gallery__links__slide .u-figure img{
  height: auto !important;
}
.state-site-loaded .u-figure img {
  opacity: 0;
  -webkit-transition: opacity 400ms linear 100ms;
  -moz-transition: opacity 400ms linear 100ms;
  -ms-transition: opacity 400ms linear 100ms;
  transition: opacity 400ms linear 100ms;
  /* resolves blurry elements on webkit */ 
}

.u-figure img.loaded {
  opacity: 1; 
}

.state-site-loaded .u-figure img.loaded {
  opacity: 1; 
}

.u-figure video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover; 
}

.u-figure--contain video,
.u-figure--contain img {
  object-fit: contain; 
}

.u-figure--center img {
  object-position: 50% 50%; 
}

.u-figure--top img {
  object-position: 50% 0%; 
}

.u-figure--bottom img {
  object-position: 50% 100%; 
}

.u-figure--left img {
  object-position: 0% 50%; 
}

.u-figure--right img {
  object-position: 100% 50%; 
}

.u-figure--top-left img {
  object-position: 0% 0%; 
}

.u-figure--top-right img {
  object-position: 100% 0%; 
}

.u-figure--bottom-left img {
  object-position: 0% 100%; 
}

.u-figure--bottom-right img {
  object-position: 100% 100%; 
}

.u-figure--center video {
  object-position: 50% 50%; 
}

.u-figure--top video {
  object-position: 50% 0%; 
}

.u-figure--bottom video {
  object-position: 50% 100%; 
}

.u-figure--left video {
  object-position: 0% 50%; 
}

.u-figure--right video {
  object-position: 100% 50%; 
}

.u-figure--top-left video {
  object-position: 0% 0%; 
}

.u-figure--top-right video {
  object-position: 100% 0%; 
}

.u-figure--bottom-left video {
  object-position: 0% 100%; 
}

.u-figure--bottom-right video {
  object-position: 100% 100%; 
}

.u-bottom-space {
  padding-bottom: 1.6875rem; 
}

.u-top-space {
  margin-top: 1.6875rem !important; 
}

.js-img-parallax {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.touch .js-scroll-panel {
  display: none !important; 
}

/* ========================================================================== */
/* LOADING ELEMENTS */
/* ========================================================================== */

.c-site-cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0A0A0A;
  position: fixed;
  z-index: 10000;
  visibility: hidden; 
}
  
.state-site-loaded .c-site-cover {
  visibility: hidden; 
}

.c-page-cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0A0A0A;
  position: fixed;
  z-index: 6000;
  visibility: hidden;
  opacity: 0; 
}
  
.c-page-cover.state-active {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 400ms, visibility 0ms;
  -moz-transition: opacity 400ms, visibility 0ms;
  -ms-transition: opacity 400ms, visibility 0ms;
  transition: opacity 400ms, visibility 0ms;
  /* resolves blurry elements on webkit */ 
}

.scope-load-characters .char {
  display: inline-block;
  position: relative;
  overflow: hidden; 
}

.scope-load-characters .char-inner {
  display: inline-block;
  position: relative; 
}

.scope-load-characters .char-0-0 {
  opacity: 0;
  transform: translateX(6rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
  
.state-page-loaded .scope-load-characters .char-0-0 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-1 {
  opacity: 0;
  transform: translateX(7rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 5ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 5ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 5ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 5ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

.state-page-loaded .scope-load-characters .char-0-1 {
    opacity: 1;
    transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-2 {
  opacity: 0;
  transform: translateX(8rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 10ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

  
.state-page-loaded .scope-load-characters .char-0-2 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-3 {
  opacity: 0;
  transform: translateX(9rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 15ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 15ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 15ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 15ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

.state-page-loaded .scope-load-characters .char-0-3 {
    opacity: 1;
    transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-4 {
  opacity: 0;
  transform: translateX(10rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 20ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 20ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 20ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 20ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

  
.state-page-loaded .scope-load-characters .char-0-4 {
    opacity: 1;
    transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-5 {
  opacity: 0;
  transform: translateX(11rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 25ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 25ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 25ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 25ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

.state-page-loaded .scope-load-characters .char-0-5 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-6 {
  opacity: 0;
  transform: translateX(12rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 30ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 30ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 30ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 30ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}

.state-page-loaded .scope-load-characters .char-0-6 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-7 {
  opacity: 0;
  transform: translateX(13rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 35ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 35ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 35ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 35ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
  
.state-page-loaded .scope-load-characters .char-0-7 {
    opacity: 1;
    transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-8 {
  opacity: 0;
  transform: translateX(14rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 40ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 40ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 40ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 40ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-8 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-9 {
  opacity: 0;
  transform: translateX(15rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 45ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 45ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 45ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 45ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-9 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-10 {
  opacity: 0;
  transform: translateX(16rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-10 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-11 {
  opacity: 0;
  transform: translateX(17rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 55ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 55ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 55ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 55ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-11 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-12 {
  opacity: 0;
  transform: translateX(18rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 60ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 60ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 60ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 60ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-12 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-13 {
  opacity: 0;
  transform: translateX(19rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 65ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 65ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 65ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 65ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-13 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-14 {
  opacity: 0;
  transform: translateX(20rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 70ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 70ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 70ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 70ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-14 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-15 {
  opacity: 0;
  transform: translateX(21rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 75ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 75ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 75ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 75ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-15 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-16 {
  opacity: 0;
  transform: translateX(22rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 80ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 80ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 80ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 80ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-16 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-17 {
  opacity: 0;
  transform: translateX(23rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 85ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 85ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 85ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 85ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-17 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-18 {
  opacity: 0;
  transform: translateX(24rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 90ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 90ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 90ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 90ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-18 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-19 {
  opacity: 0;
  transform: translateX(25rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 95ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 95ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 95ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 95ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-19 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.scope-load-characters .char-0-20 {
  opacity: 0;
  transform: translateX(26rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .scope-load-characters .char-0-20 {
  opacity: 1;
  transform: translateX(0vw) !important; 
}

.c-load-element {
  opacity: 0;
  transition: opacity 800ms linear 800ms; 
}
.state-site-loaded .c-load-element {
  opacity: 1; 
}

.c-ajax-load-element {
  opacity: 0;
  transition: opacity 800ms linear 800ms, transform 800ms linear cubic-bezier(0.39, 0.575, 0.565, 1) 400ms; 
}
.state-ajax-loaded .c-ajax-load-element {
  opacity: 1; 
}
.state-gallery-open .c-ajax-load-element {
  transition: opacity 800ms linear 800ms, transform 800ms linear cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transform: translateY(-100vh);
  -ms-transform: translateY(-100vh);
  transform: translateY(-100vh);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.c-load-page-element {
  opacity: 0;
  transition: opacity 800ms linear 800ms; 
}
.state-page-loaded .c-load-page-element {
  opacity: 1; 
}

.c-transition-pixi-in {
  opacity: 0;
  -webkit-transition: opacity 3200ms;
  -moz-transition: opacity 3200ms;
  -ms-transition: opacity 3200ms;
  transition: opacity 3200ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .c-transition-pixi-in {
  opacity: 1; 
}

.c-transition-text-in {
  opacity: 0;
  transform: translateX(3rem) !important;
  -webkit-transition: transform 1200ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  -moz-transition: transform 1200ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  -ms-transition: transform 1200ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  transition: transform 1200ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .c-transition-text-in {
  transform: translateX(0) !important;
  opacity: 1; 
}

.c-transition-media-in__cover {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #0A0A0A;
  transform: translateX(0rem) translateZ(0) !important;
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
  /* resolves blurry elements on webkit */ 
}
.state-page-loaded .c-transition-media-in__cover {
  transform: translateX(-100%) translateZ(0) !important; 
}

.c-transition-media-in img {
  position: relative;
  transform: translateX(6rem) translateZ(0) !important; 
}
.state-page-loaded .c-transition-media-in img {
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms !important;
  transform: translateX(0rem) translateZ(0) !important; 
}

.c-transition-media-in video {
  position: relative;
  transform: translateX(6rem) translateZ(0) !important; 
}
.state-page-loaded .c-transition-media-in video {
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms !important;
  transform: translateX(0rem) translateZ(0) !important; 
}

.c-transition-video-in {
  opacity: 0;
  transition: opacity 1600ms !important; 
}
.state-page-loaded .c-transition-video-in.state-video-playing {
    opacity: 1; 
}

/* ========================================================================== */
/* TEXT COMPONENTS */
/* ========================================================================== */
.c-text, .c-mod--gallery__zoom__back, .c-mod--gallery__links__title, .c-mod--post__body__text, .c-mod--menu-1__menu__section__heading, .c-mod--menu-1__price-note, .c-video__skip-video, .c-video__timer__end, .c-video__timer__current, .c-loader__enter__skip-text, .c-loader__enter__play-text, .c-teaser__header, .c-read-more, .c-footer__link, .c-footer, .c-audio-button__text, .c-header-links__link, .c-close-modal, .c-menu-button__text, .scope-form form .wpcf7-mail-sent-ok, .scope-form form .filename, .scope-form form .wpcf7-form-control-wrap.file:before, .scope-form form .select-option,
.scope-form form .faux-input,
.scope-form form textarea,
.scope-form form input, .scope-form form label, .c-button, .scope-text--careers h1,
.scope-text--careers h2,
.scope-text--careers h3,
.scope-text--careers h4,
.scope-text--careers h5,
.scope-text--careers h6,
.scope-text--careers p,
.scope-text--careers ul, .scope-text p {
  font-family: 'DIN Next LT W01 Regular', sans-serif;
  font-size: 0.875rem;
  line-height: 1.6875rem;
  letter-spacing: 0.003em;
  color: #FFFFFF;
  padding: 0 0 1.6875rem 0;
  margin: 0;
  font-weight: normal; 
}
@media screen and (max-width: 47.5em) {
  .c-text, .c-mod--gallery__zoom__back, .c-mod--gallery__links__title, .c-mod--post__body__text, .c-mod--menu-1__menu__section__heading, .c-mod--menu-1__price-note, .c-video__skip-video, .c-video__timer__end, .c-video__timer__current, .c-loader__enter__skip-text, .c-loader__enter__play-text, .c-teaser__header, .c-read-more, .c-footer__link, .c-footer, .c-audio-button__text, .c-header-links__link, .c-close-modal, .c-menu-button__text, .scope-form form .wpcf7-mail-sent-ok, .scope-form form .filename, .scope-form form .wpcf7-form-control-wrap.file:before, .scope-form form .select-option,
  .scope-form form .faux-input,
  .scope-form form textarea,
  .scope-form form input, .scope-form form label, .c-button, .scope-text--careers h1,
  .scope-text--careers h2,
  .scope-text--careers h3,
  .scope-text--careers h4,
  .scope-text--careers h5,
  .scope-text--careers h6,
  .scope-text--careers p,
  .scope-text--careers ul, .scope-text p {
    font-size: 0.75rem;
    line-height: 1.3125rem;
    padding: 0 0 1.3125rem 0; 
  } 
}
.c-text:last-child, .c-mod--gallery__zoom__back:last-child, .c-mod--gallery__links__title:last-child, .c-mod--post__body__text:last-child, .c-mod--menu-1__menu__section__heading:last-child, .c-mod--menu-1__price-note:last-child, .c-video__skip-video:last-child, .c-video__timer__end:last-child, .c-video__timer__current:last-child, .c-loader__enter__skip-text:last-child, .c-loader__enter__play-text:last-child, .c-teaser__header:last-child, .c-read-more:last-child, .c-footer__link:last-child, .c-footer:last-child, .c-audio-button__text:last-child, .c-header-links__link:last-child, .c-close-modal:last-child, .c-menu-button__text:last-child, .scope-form form .wpcf7-mail-sent-ok:last-child, .scope-form form .filename:last-child, .scope-form form .wpcf7-form-control-wrap.file:last-child:before, .scope-form form .select-option:last-child,
.scope-form form .faux-input:last-child,
.scope-form form textarea:last-child,
.scope-form form input:last-child, .scope-form form label:last-child, .c-button:last-child, .scope-text--careers h1:last-child,
.scope-text--careers h2:last-child,
.scope-text--careers h3:last-child,
.scope-text--careers h4:last-child,
.scope-text--careers h5:last-child,
.scope-text--careers h6:last-child,
.scope-text--careers p:last-child,
.scope-text--careers ul:last-child, .scope-text p:last-child {
  padding-bottom: 0; 
}
.c-text--no-space {
  padding-bottom: 0; 
}
.c-text--double-space {
  padding-bottom: 3.375rem; 
}
  
@media screen and (max-width: 47.5em) {
  .c-text--double-space {
      padding-bottom: 1.3125rem; 
  } 
}
.c-text--double-space:last-child {
  padding-bottom: 3.375rem; 
}
@media screen and (max-width: 47.5em) {
  .c-text--double-space:last-child {
    padding-bottom: 1.3125rem; 
  } 
}
.c-text__line {
  overflow: hidden;
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  background-color: white;
  height: 0.0625rem;
  top: -0.25rem;
  width: 1.5rem;
  margin-right: 0.375rem; 
}

.c-heading, .c-mod--abt-1__text__heading {
  font-family: 'DIN Next LT W01 Bold', sans-serif;
  font-size: 4rem;
  line-height: 1.0625em;
  color: #FFFFFF;
  letter-spacing: 0.010167em; 
}
.comod-caree{position: fixed; 
  width: 100%; 
  top: 0px; 
  left: 0px; 
  z-index: 100; 
  transform: translateY(0px) translate3d(0px, 0px, 0px); 
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; 
  transform-style: preserve-3d;
}
@media screen and (max-width: 47.5em) {
  .c-heading, .c-mod--abt-1__text__heading {
    font-size: 8.75vw; 
  }
  .c-heading, .c-mod--abt-1__text__heading {
    font-family: 'DIN Next LT W01 Bold', sans-serif;
    font-size: 4rem;
    line-height: 1.0625em;
    color: #FFFFFF;
    letter-spacing: -2px;
    margin-top: -7em;
  } 

  .c-mod--abt-1__video video{
    width: 100% !important;
  }
}
@media screen and (max-width: 35em) {
  .c-heading{
    font-size: 9.5vw; 
  } 

  /* .c-mod--abt-1__text__heading {
    font-size: 9.5vw !important; }  */
  .comod-caree{
    top: 20rem !important;
  }
}
.c-heading--large {
  font-size: 5.25rem; 
}
@media screen and (max-width: 60rem) {
  .c-heading--large {
    font-size: 4rem; 
  }
  .mobmrgt50{
    margin-top: 75px;
  } 

  .mobmenuwhel{
    /* top: 50px !important;
    right: -39px !important; */
    bottom: 10em !important;
  }

  .mobwelb{
    padding-left: 3.3rem !important;
    max-width: 100% !important;
    padding-top: 40rem !important;
    text-align: left !important;
    width: 100% !important;
    padding-right: 4rem;
    padding-bottom: 7rem;
  }
}
@media screen and (max-width: 47.5em) {
  .c-heading--large {
    font-size: 8.75vw; 
  } 
}
@media screen and (max-width: 35em) {
  .c-heading--large {
    font-size: 10.5vw; 
  } 
}

.c-heading + .c-text, .c-heading + .c-mod--gallery__zoom__back, .c-heading + .c-mod--gallery__links__title, .c-heading + .c-mod--post__body__text, .c-heading + .c-mod--menu-1__menu__section__heading, .c-heading + .c-mod--menu-1__price-note, .c-mod--abt-1__text__heading + .c-text, .c-mod--abt-1__text__heading + .c-mod--gallery__zoom__back, .c-mod--abt-1__text__heading + .c-mod--gallery__links__title, .c-mod--abt-1__text__heading + .c-mod--post__body__text, .c-mod--abt-1__text__heading + .c-mod--menu-1__menu__section__heading, .c-mod--abt-1__text__heading + .c-mod--menu-1__price-note, .c-heading + .c-video__skip-video, .c-mod--abt-1__text__heading + .c-video__skip-video, .c-heading + .c-video__timer__end, .c-mod--abt-1__text__heading + .c-video__timer__end, .c-heading + .c-video__timer__current, .c-mod--abt-1__text__heading + .c-video__timer__current, .c-heading + .c-loader__enter__skip-text, .c-mod--abt-1__text__heading + .c-loader__enter__skip-text, .c-heading + .c-loader__enter__play-text, .c-mod--abt-1__text__heading + .c-loader__enter__play-text, .c-heading + .c-teaser__header, .c-mod--abt-1__text__heading + .c-teaser__header, .c-heading + .c-read-more, .c-mod--abt-1__text__heading + .c-read-more, .c-heading + .c-footer__link, .c-mod--abt-1__text__heading + .c-footer__link, .c-heading + .c-footer, .c-mod--abt-1__text__heading + .c-footer, .c-heading + .c-audio-button__text, .c-mod--abt-1__text__heading + .c-audio-button__text, .c-heading + .c-header-links__link, .c-mod--abt-1__text__heading + .c-header-links__link, .c-heading + .c-close-modal, .c-mod--abt-1__text__heading + .c-close-modal, .c-heading + .c-menu-button__text, .c-mod--abt-1__text__heading + .c-menu-button__text, .scope-form form .c-heading + .wpcf7-mail-sent-ok, .scope-form form .c-mod--abt-1__text__heading + .wpcf7-mail-sent-ok, .scope-form form .c-heading + .filename, .scope-form form .c-mod--abt-1__text__heading + .filename, .scope-form form .c-heading + .wpcf7-form-control-wrap.file:before, .scope-form form .c-mod--abt-1__text__heading + .wpcf7-form-control-wrap.file:before, .scope-form form .c-heading + .select-option, .scope-form form .c-mod--abt-1__text__heading + .select-option,
.scope-form form .c-heading + .faux-input,
.scope-form form .c-mod--abt-1__text__heading + .faux-input,
.scope-form form .c-heading + textarea,
.scope-form form .c-mod--abt-1__text__heading + textarea,
.scope-form form .c-heading + input,
.scope-form form .c-mod--abt-1__text__heading + input, .scope-form form .c-heading + label, .scope-form form .c-mod--abt-1__text__heading + label, .c-heading + .c-button, .c-mod--abt-1__text__heading + .c-button, .scope-text--careers .c-heading + h1, .scope-text--careers .c-mod--abt-1__text__heading + h1,
.scope-text--careers .c-heading + h2,
.scope-text--careers .c-mod--abt-1__text__heading + h2,
.scope-text--careers .c-heading + h3,
.scope-text--careers .c-mod--abt-1__text__heading + h3,
.scope-text--careers .c-heading + h4,
.scope-text--careers .c-mod--abt-1__text__heading + h4,
.scope-text--careers .c-heading + h5,
.scope-text--careers .c-mod--abt-1__text__heading + h5,
.scope-text--careers .c-heading + h6,
.scope-text--careers .c-mod--abt-1__text__heading + h6,
.scope-text--careers .c-heading + p,
.scope-text--careers .c-mod--abt-1__text__heading + p,
.scope-text--careers .c-heading + ul,
.scope-text--careers .c-mod--abt-1__text__heading + ul, .scope-text .c-heading + p, .scope-text .c-mod--abt-1__text__heading + p {
  padding-top: 1.6875rem; 
}

.c-decorative-text, .c-mod--abt-5__text {
  font-family: 'DIN Next LT W01 Bold', sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.015em;
  text-align: center;
  line-height: 0.9em;
  font-size: 9.875vw;
  color: #FFFFFF; 
}

.c-quote, .scope-limit-heading, .c-post-header__inner {
  font-family: 'DIN Next LT W01 Bold', sans-serif;
  font-size: 3.125rem;
  line-height: 1.4em;
  font-weight: normal;
  padding: 0;
  margin: 0;
  color: #FFFFFF; 
}

@media screen and (max-width: 47.5em) {
  .c-quote, .scope-limit-heading, .c-post-header__inner {
    font-size: 6.5625vw; 
  } 

  .scope-limit-heading .c-quote{
    margin-top: 40px !important;
  }
}
.scope-text--justify p {
  text-align: justify; 
}

.scope-text--careers {
  padding-top: 2.5rem; 
}
.scope-text--careers h1,
.scope-text--careers h2,
.scope-text--careers h3,
.scope-text--careers h4,
.scope-text--careers h5,
.scope-text--careers h6 {
  font-family: 'DIN Next LT W01 Bold', sans-serif;
  padding-bottom: 0; 
}
.scope-text--careers p + ul {
  margin-top: -1.6875rem; 
}
.scope-text--careers li {
  position: relative;
  padding-left: 1.125rem; 
}
.scope-text--careers li:before {
  content: '-';
  text-indent: -9999px;
  position: absolute;
  left: 0;
  top: 0.8125rem;
  width: 0.625rem;
  height: 0.0625rem;
  background-color: #a4a4a4; 
}

.c-button {
  height: 4.5rem;
  width: 100%;
  max-width: 13.75rem;
  text-align: center;
  line-height: 4.5rem;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden; 
}
.no-touch .c-button:hover {
  border-color: white; 
}
.c-button--fill {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #000000; 
}
.c-button__text {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  color: inherit;
  z-index: 10; 
}
.c-button:before {
  content: '-';
  text-indent: -9999px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #666;
  -webkit-transition: border-color 250ms;
  -moz-transition: border-color 250ms;
  -ms-transition: border-color 250ms;
  transition: border-color 250ms;
  /* resolves blurry elements on webkit */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
.no-touch .c-button:hover:before {
  border-color: white; 
}
.no-touch .c-button.inactive:hover:before {
  border-color: #666; 
}
.c-button:after {
  width: 0;
  height: 0;
  border: 1px solid #666;
  background-color: #0A0A0A;
  content: '-';
  position: absolute;
  bottom: -0.5625rem;
  right: -0.5625rem;
  text-indent: -9999px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: border-color 250ms, width 250ms, height 250ms;
  -moz-transition: border-color 250ms, width 250ms, height 250ms;
  -ms-transition: border-color 250ms, width 250ms, height 250ms;
  transition: border-color 250ms, width 250ms, height 250ms;
  /* resolves blurry elements on webkit */ 
}
.no-touch .c-button:hover:after {
  width: 1rem;
  height: 1rem;
  border-color: white; 
}
.no-touch .c-button.inactive:hover:after {
  width: 0rem;
  height: 0rem;
  border-color: #666; 
}

.c-lune-wheel{
  width: 9.25em;
  height: 9.25em;
  position: absolute;
  font-size: 1rem; 
}

.c-mod--abt-5__wheel {
  width: 15.25em;
  height: 13.25em;
  position: absolute;
  font-size: 1rem; 
}
@media screen and (max-width: 47.5em) {
  .c-lune-wheel, .c-mod--abt-5__wheel {
      font-size: 0.75rem; 
      bottom: -8.5em;
  } 
}
.c-lune-wheel__wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}
.c-lune-wheel__char {
  font-size: 0.625em;
  text-align: center;
  font-family: 'DIN Next LT W01 Regular', sans-serif;
  display: block;
  color: #FFFFFF;
  opacity: 0.68;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  height: 50%;
  transform-origin: bottom center; 
}
    
.c-lune-wheel__char--1 {
  transform: rotate(-17.5882352941deg); 
}
.c-lune-wheel__char--2 {
  transform: rotate(7.5882352941deg); 
}
.c-lune-wheel__char--3 {
  transform: rotate(30.7647058824deg); 
}
.c-lune-wheel__char--4 {
  transform: rotate(50.9411764706deg); 
}
.c-lune-wheel__char--5 {
  transform: rotate(70.1176470588deg); 
}
.c-lune-wheel__char--6 {
  transform: rotate(90.2941176471deg); 
}
.c-lune-wheel__char--7 {
  transform: rotate(12.4705882353deg); 
}
.c-lune-wheel__char--8 {
  transform: rotate(116.6470588235deg); 
}
.c-lune-wheel__char--9 {
  transform: rotate(139.8235294118deg); 
}
.c-lune-wheel__char--10 {
  transform: rotate(161deg); 
}
.c-lune-wheel__char--11 {
  transform: rotate(182.1764705882deg); 
}
.c-lune-wheel__char--12 {
  transform: rotate(203.3529411765deg); 
}
.c-lune-wheel__char--13 {
  transform: rotate(223.5294117647deg); 
}
.c-lune-wheel__char--14 {
  transform: rotate(243.7058823529deg); 
}
.c-lune-wheel__char--15 {
  transform: rotate(257.8823529412deg); 
}
.c-lune-wheel__char--16 {
  transform: rotate(269.0588235294deg); 
}
.c-lune-wheel__char--17 {
  transform: rotate(292.2352941176deg); 
}
.c-lune-wheel__char--18 {
  transform: rotate(315.2352941176deg); 
}
.c-lune-wheel__char--19 {
  transform: rotate(331.2352941176deg); 
}
.c-lune-wheel__year {
  width: 2em;
  position: absolute;
  top: calc(50% - 1.875em);
  left: calc(50% - 1em); 
}
.c-lune-wheel__year__char {
  width: 100%;
  line-height: 1.25em;
  font-size: 0.75em;
  text-align: center;
  font-family: 'DIN Next LT W01 Regular', sans-serif;
  color: #FFFFFF;
  display: block;
  position: relative; 
}

.scope-wrap-lines span {
  position: relative;
  display: block; 
}
.scope-wrap-lines span span {
  position: relative;
  display: block;
  transform-origin: 0 50%;
  opacity: 0; 
}
.scope-wrap-lines span:nth-child(1) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
  /* resolves blurry elements on webkit */ 
}
@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(1) span {
    transform: none !important;
    transition: none;
  } 
}

.scope-wrap-lines span:nth-child(2) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(2) span {
    transform: none !important;
    transition: none; 
  } 
}

.scope-wrap-lines span:nth-child(3) span {
    transform: translateX(3rem);
    -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
    -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
    -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
    transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
    /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(3) span {
    transform: none !important;
    transition: none; 
  } 
}

.scope-wrap-lines span:nth-child(4) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
    .scope-wrap-lines span:nth-child(4) span {
      transform: none !important;
      transition: none; 
    } 
}

.scope-wrap-lines span:nth-child(5) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
    .scope-wrap-lines span:nth-child(5) span {
      transform: none !important;
      transition: none;
    } 
}

.scope-wrap-lines span:nth-child(6) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(6) span {
    transform: none !important;
    transition: none;
  } 
}

.scope-wrap-lines span:nth-child(7) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
  /* resolves blurry elements on webkit */ 
}

.fa-facebook,.fa-linkedin{
  font-size: 23px;
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(7) span {
      transform: none !important;
      transition: none; 
  } 
}

.scope-wrap-lines span:nth-child(8) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(8) span {
    transform: none !important;
    transition: none; 
  } 
}

.scope-wrap-lines span:nth-child(9) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, opacity 800ms linear 650ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, opacity 800ms linear 650ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, opacity 800ms linear 650ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, opacity 800ms linear 650ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines span:nth-child(9) span {
    transform: none !important;
    transition: none; 
  } 
}

.scope-wrap-lines span:nth-child(10) span {
  transform: translateX(3rem);
  -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, opacity 800ms linear 700ms;
  -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, opacity 800ms linear 700ms;
  -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, opacity 800ms linear 700ms;
  transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, opacity 800ms linear 700ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
    .scope-wrap-lines span:nth-child(10) span {
      transform: none !important;
      transition: none; 
    }
}

.scope-wrap-lines.state-transition-in > span span {
  opacity: 1 !important;
  transform: translateX(0) !important; 
}

@media screen and (max-width: 60rem) {
  .scope-wrap-lines.state-transition-in > span span {
    transform: none !important;
    transition: opacity 800ms linear 500ms !important; 
  } 
}

/* ========================================================================== */
/* FORM ELEMENTS */
/* ========================================================================== */

.c-full-col {
  display: block;
  width: 100%; 
}

.c-half-col {
  width: calc(50% - 1.75rem);
  display: block; 
}

@media screen and (max-width: 60rem) {
  .c-half-col {
    width: calc(50% - 1.25rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-half-col {
    width: calc(50% - 0.625rem); 
  } 
}

@media screen and (max-width: 35em) {
  .c-half-col {
    width: 100%; 
  } 
}

.scope-form form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* error styling */ 
}

@media screen and (max-width: 35em) {
  .scope-form form {
    display: block; 
  } 
}

.scope-form form br {
  display: none !important; 
}

.scope-form form label {
  display: block;
  padding: 0;
  padding-bottom: 0 !important; 
}

.scope-form form .select-option,
.scope-form form .faux-input,
.scope-form form textarea,
.scope-form form input {
  border: none;
  border-bottom: 1px solid #5c5c5c;
  padding: 0;
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  font-size: 1.125rem;
  padding: 0.375rem 0 0.625rem !important;
  margin-bottom: 5rem;
  width: 0;
  color: rgba(255, 255, 255, 0);
  -webkit-transition: width 0ms, color 0ms;
  -moz-transition: width 0ms, color 0ms;
  -ms-transition: width 0ms, color 0ms;
  transition: width 0ms, color 0ms;
  /* resolves blurry elements on webkit */ 
}

  
@media screen and (max-width: 47.5em) {
  .scope-form form .select-option,
  .scope-form form .faux-input,
  .scope-form form textarea,
  .scope-form form input {
    font-size: 0.9375rem;
    padding: 0.3125rem 0 0.5rem !important;
    margin-bottom: 3rem; 
  } 
}
.scope-form form .select-option.wpcf7-not-valid,
.scope-form form .faux-input.wpcf7-not-valid,
.scope-form form textarea.wpcf7-not-valid,
.scope-form form input.wpcf7-not-valid {
  border-color: #990000 !important; 
}

.scope-form form .select-option:-webkit-autofill,
.scope-form form .faux-input:-webkit-autofill,
.scope-form form textarea:-webkit-autofill,
.scope-form form input:-webkit-autofill {
  background-color: #000000 !important;
  -webkit-box-shadow: 0 0 0 30px #000000 inset;
  -webkit-text-fill-color: #FFFFFF !important; 
}

.scope-form form .faux-input {
  min-width: 0;
  display: block;
  position: relative;
  background-image: url("../img/down-select.png");
  background-size: 0.5rem auto;
  background-position: calc(100% - 0.375rem) 50%;
  color: #a4a4a4 !important;
  font-size: 1.125rem; 
}

.scope-form form .faux-input.selected {
  color: white !important; 
}

@media screen and (max-width: 47.5em) {
  .scope-form form .faux-input {
    padding: 0.4375rem 0 0.5rem !important;
    font-size: 0.9375rem;
  } 
}

.scope-form form .wpcf7-form-control-wrap.file {
  position: relative;
  display: block; 
}

.scope-form form .wpcf7-form-control-wrap.file:before {
  content: 'Upload';
  font-size: 1.125rem;
  padding: 0.125rem 0 0.125rem !important;
  box-sizing: border-box;
  opacity: 0;
  border: 1px solid #5c5c5c;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin-top: 0.25rem; 
}

@media screen and (max-width: 47.5em) {
  .scope-form form .wpcf7-form-control-wrap.file:before {
    font-size: 0.9375rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .scope-form form .wpcf7-form-control-wrap.position {
    z-index: 100;
    display: block;
    overflow: visible; 
  } 
}

.scope-form form .filename {
  padding: 0;
  color: white !important; 
}

@media screen and (max-width: 47.5em) {
  .scope-form form select {
    display: block !important;
    opacity: 0.01;
    width: 100%;
    position: absolute;
    top: 0;
    height: 2rem; 
  } 
}

.scope-form form .input-file-remove {
  font-size: 1rem; 
}

.scope-form form input[type="file"] {
  border-bottom-color: transparent !important;
  text-indent: -9999px;
  opacity: 0.01 !important; 
}

.scope-form form .faux-input {
  width: 100%;
  opacity: 0; 
}

.scope-form form .file-name-wrapper {
  display: block;
  position: absolute;
  top: 2.375rem; 
}

.scope-form form .select-option,
.scope-form form .faux-input {
  padding: 0.5rem 0 !important; 
}
.scope-form form .dropdown {
  display: none;
  position: absolute;
  width: 100%;
  top: 4.125rem;
  z-index: 100; 
}

.scope-form form .dropdown li:last-child {
    border-bottom: none !important; 
}

.scope-form form .dropdown li .select-option {
    color: #a4a4a4;
    text-align: left !important;
    font-size: 0.875rem !important; 
}

.scope-form form .dropdown li .select-option:hover, .scope-form form .dropdown li .select-option.active {
      color: white !important; 
}

.scope-form form .dropdown.active {
    display: block; 
}

.scope-form form .dropdown .select-option {
    border: none !important; 
}

.scope-form form textarea {
  height: 8rem;
  resize: none;
  overflow: hidden; 
}

.scope-form form .state-transition-in input {
  width: 100%;
  color: white;
  -webkit-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -moz-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -ms-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.scope-form form .state-transition-in .faux-input {
  width: 100%;
  color: white;
  -webkit-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -moz-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -ms-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.scope-form form .state-transition-in textarea {
  width: 100%;
  color: white;
  -webkit-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -moz-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  -ms-transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  transition: width 800ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, color 250ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.scope-form form .state-transition-in .wpcf7-form-control-wrap.file:before {
  opacity: 1;
  -webkit-transition: opacity 250ms linear 800ms;
  -moz-transition: opacity 250ms linear 800ms;
  -ms-transition: opacity 250ms linear 800ms;
  transition: opacity 250ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.scope-form form .state-transition-in .faux-input {
  width: 100% !important;
  opacity: 1;
  -webkit-transition: opacity 250ms linear 800ms;
  -moz-transition: opacity 250ms linear 800ms;
  -ms-transition: opacity 250ms linear 800ms;
  transition: opacity 250ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.scope-form form input.wpcf7-submit {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0; 
}

.scope-form form .wpcf7-not-valid-tip,
.scope-form form .wpcf7-validation-errors,
.scope-form form .ajax-loader {
  display: none !important; 
}

.scope-form form .c-button {
  display: inline-block;
  float: right; 
}

@media screen and (max-width: 47.5em) {
    .scope-form form .c-button {
      max-width: 100%;
      width: 100%; 
    } 
}

.scope-form form .wpcf7-mail-sent-ok {
    padding: 0;
    border: none;
    max-width: calc(100% - 15rem);
    display: block;
    margin-top: -3.0625rem;
    height: auto; 
}

@media screen and (max-width: 47.5em) {
  .scope-form form .wpcf7-mail-sent-ok {
    height: auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding-top: 2rem; 
  } 
}
/* ========================================================================== */
/* GLOBAL ELEMENTS */
/* ========================================================================== */

.c-site-logo {
  width: 2.8125rem;
  position: fixed;
  z-index: 9000;
  height: 0.75rem;
  left: 4rem;
  top: 4rem; 
}

.c-site-logo1 {
    width: 7.8125rem;
    position: fixed;
    z-index: 9000;
    height: 0.75rem;
    left: 4rem;
    top: 2rem;
}

@media screen and (max-width: 60rem) {
  .c-site-logo {
    left: 2.5rem;
    top: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-site-logo {
    left: 1.25rem;
    top: 1.25rem; 
  } 
}

.c-site-logo__link {
  text-indent: -9999px;
  font-weight: bolder;
  color: #ffffff;
  font-family: 'DIN Next LT W01 Bold', sans-serif;
}

 
.c-site-logo__link svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.c-site-logo__link svg path {
  fill: #FFFFFF; 
}

.c-scroll-down {
  width: 2rem;
  height: 2.25rem;
  position: absolute;
  position: fixed;
  top: calc(100vh - 5.75rem);
  left: 4.40625rem;
  z-index: 9000;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 400ms, visibility 0ms linear 0ms;
  -moz-transition: opacity 400ms, visibility 0ms linear 0ms;
  -ms-transition: opacity 400ms, visibility 0ms linear 0ms;
  transition: opacity 400ms, visibility 0ms linear 0ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .c-scroll-down {
    top: calc(100vh - 12rem);
    left: 1.90625rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-scroll-down {
    /* display: none !important; */ 
  } 
}

.c-scroll-down__svg {
  overflow: visible;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.c-scroll-down__svg * {
  overflow: visible; 
}

.c-scroll-down__svg__arrow {
  -webkit-transition: transform 100ms;
  -moz-transition: transform 100ms;
  -ms-transition: transform 100ms;
  transition: transform 100ms;
  /* resolves blurry elements on webkit */
  -webkit-transform: translateY(-0.375rem);
  -ms-transform: translateY(-0.375rem);
  transform: translateY(-0.375rem);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.no-touch .c-scroll-down:hover .c-scroll-down__svg__arrow {
  -webkit-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  transform: translateY(0rem);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.state-scrolled .c-scroll-down {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 400ms, visibility 0ms linear 400ms;
  -moz-transition: opacity 400ms, visibility 0ms linear 400ms;
  -ms-transition: opacity 400ms, visibility 0ms linear 400ms;
  transition: opacity 400ms, visibility 0ms linear 400ms;
  /* resolves blurry elements on webkit */ 
}

.c-menu-button {
  position: fixed;
  z-index: 9000;
  height: 1.5rem;
  width: 5rem;
  display: block;
  left: 2.875rem;
  top: calc(50% - 0.75rem);
  transform-origin: center; 
}

@media screen and (max-width: 60rem) {
  .c-menu-button {
    left: 1.375rem;
  } 
}

@media screen and (max-width: 47.5em) {
  .c-menu-button {
    right: 1.25rem;
    left: auto;
    height: 1rem;
    width: 3.5rem;
    top: 1.25rem; 
  } 
}

.c-menu-button__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transform-origin: center;
  transform: rotate(-90deg); 
}

@media screen and (max-width: 47.5em) {
.c-menu-button__inner {
      transform: rotate(0deg);
    } 
}

.c-menu-button__text {
  line-height: 1.4375rem;
  display: block; 
}

@media screen and (max-width: 47.5em) {
  .c-menu-button__text {
    line-height: 0.9375rem; 
  } 
}
.c-menu-button__square {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.5rem;
  width: 1.5rem;
  transform: rotate(-225deg); 
}

@media screen and (max-width: 47.5em) {
  .c-menu-button__square {
    width: 1rem;
    height: 1rem;

  } 
}

.c-menu-button__square__big {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #ffffff; 
}

.c-menu-button__square__small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #FFFFFF;
  width: 50%;
  height: 50%;
  border-color: transparent #ffffff #ffffff transparent;
  -webkit-transition: width 250ms, height 250ms;
  -moz-transition: width 250ms, height 250ms;
  -ms-transition: width 250ms, height 250ms;
  transition: width 250ms, height 250ms;
  /* resolves blurry elements on webkit */ 
}

.no-touch .c-menu-button:hover .c-menu-button__square__small {
  width: 75%;
  height: 75%; 
}

.state-menu-open .c-menu-button__square__small {
  width: 75%;
  height: 75%; 
}

.c-close-modal {
  padding: 0 3rem 0 0;
  line-height: 0.75rem;
  height: 0.75rem;
  top: 4rem;
  right: 4rem;
  display: inline-block;
  position: fixed;
  z-index: 9000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms linear 400ms, visibility 0ms linear 800ms;
  -moz-transition: opacity 400ms linear 400ms, visibility 0ms linear 800ms;
  -ms-transition: opacity 400ms linear 400ms, visibility 0ms linear 800ms;
  transition: opacity 400ms linear 400ms, visibility 0ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.state-video-modal .c-close-modal {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 400ms linear 400ms, visibility 0ms linear 400ms;
  -moz-transition: opacity 400ms linear 400ms, visibility 0ms linear 400ms;
  -ms-transition: opacity 400ms linear 400ms, visibility 0ms linear 400ms;
  transition: opacity 400ms linear 400ms, visibility 0ms linear 400ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 60rem) {
  .c-close-modal {
    top: 2.5rem;
    right: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-close-modal {
    top: calc(50% - 28.125vw + 1rem);
    right: 1.1875rem;
    text-indent: -9999px; 
  } 
}

.c-close-modal__icon {
  position: absolute;
  right: 0;
  width: 1.75rem;
  height: 1.75rem;
  top: -0.5rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  z-index: 0; 
}

@media screen and (max-width: 47.5em) {
  .c-close-modal__icon {
    background-color: transparent;
    border: 1px solid #fff; 
  } 
}

.c-close-modal__icon:before {
  content: '-';
  text-indent: -9999px;
  background-color: #0A0A0A;
  width: 0.5rem;
  height: 0.125rem;
  top: calc(50% - 0.0625rem);
  left: calc(50% - 0.25rem);
  z-index: 100;
  position: absolute;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  transition: transform 400ms;
  /* resolves blurry elements on webkit */ 
}

.no-touch a:hover .c-close-modal__icon:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.touch .c-close-modal__icon:before {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

@media screen and (max-width: 47.5em) {
  .c-close-modal__icon:before {
    background-color: white; 
  } 
}

.c-close-modal__icon:after {
  content: '-';
  text-indent: -9999px;
  background-color: #0A0A0A;
  width: 0.5rem;
  height: 0.125rem;
  top: calc(50% - 0.0625rem);
  left: calc(50% - 0.25rem);
  z-index: 100;
  position: absolute;
  -webkit-transition: transform 400ms;
  -moz-transition: transform 400ms;
  -ms-transition: transform 400ms;
  transition: transform 400ms;
  /* resolves blurry elements on webkit */ 
}

.no-touch a:hover .c-close-modal__icon:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.touch .c-close-modal__icon:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

@media screen and (max-width: 47.5em) {
  .c-close-modal__icon:after {
    background-color: white; 
  } 
}

.c-header-links {
  height: 0.75rem;
  top: 4rem;
  right: 4rem;
  display: inline-block;
  position: fixed;
  z-index: 9000;
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 200ms linear 200ms, visibility 0ms linear 400ms;
  -moz-transition: opacity 200ms linear 200ms, visibility 0ms linear 400ms;
  -ms-transition: opacity 200ms linear 200ms, visibility 0ms linear 400ms;
  transition: opacity 200ms linear 200ms, visibility 0ms linear 400ms;
  /* resolves blurry elements on webkit */
  visibility: visible;
  -webkit-transition: opacity 125ms linear 800ms;
  -moz-transition: opacity 125ms linear 800ms;
  -ms-transition: opacity 125ms linear 800ms;
  transition: opacity 125ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.address_row{
  display: block;
  margin-bottom: 50px;
}

.flags{
  width: 100px;
  height: 60px;
  float: left;
}

.country{
  color: #fff;
  float: left;
  font-size: 2.5pc;
  margin-left: 50px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 50px;
}

.leftpanel{
  width: 58.33333%;
  float: left;
}

.rightpanel{
  width: 41.66666%;
  float: left;
}

.sub_row{
  width: 100%;
  display: flex;
  padding-bottom: 25px;
}

.sbr_border{
  border-bottom: 1px solid #fff;
}

.address_row table td a{
  color: #fff;
}

.address_row iframe{
  margin-top: 25px;
  height: 300px !important;
}

.address_row table, .address_row tr, .address_row th, .address_row td{
  color: #fff;
}

.tdheight{
  height: 60px;
}

.teab .c-mod--con-1__text__inner{
  padding-left: 0rem;
}

.teab .media-container-row{
  margin-left: 0% !important;
}

.teab .c-mod--con-1__text__header {
    position: absolute;
    top: 114px;
    left: 0;
}
.state-video-modal .c-header-links {
  /* enable when you use hime video */
  /* visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 400ms linear 0ms, visibility 0ms linear 400ms;
  -moz-transition: opacity 400ms linear 0ms, visibility 0ms linear 400ms;
  -ms-transition: opacity 400ms linear 0ms, visibility 0ms linear 400ms;
  transition: opacity 400ms linear 0ms, visibility 0ms linear 400ms; */
  /* resolves blurry elements on webkit */ 
}
@media screen and (max-width: 60rem) {
    .c-header-links {
      top: 2.5rem;
      right: 2.5rem; }

    .country{
      font-size: 1.5pc;
    } 

    .flags {
        width: 85px;
        height: 45px;
        float: left;
    }

    .teab .mmenu{
        padding-right: 0rem !important;
    }

    .leftpanel{
      width: 100%;
      float: none;
    }

    .rightpanel{
      width: 100%;
      float: none;
    }

    .sub_row{
      display: block;
    }

    .address_row iframe {
        margin-top: 25px;
        height: 300px !important;
        width: 100%;
    }
}
@media screen and (max-width: 47.5em) {
  .c-header-links {
      display: none !important; 
  } 
}
.c-header-links__link {
  position: relative;
  display: inline-block;
  overflow: visible;
  padding: 0;
  line-height: 0.75rem !important;
  margin-left: 2.75rem; 
}
.c-header-links__link:before {
    content: '-';
    text-indent: -9999px;
    width: 0%;
    position: absolute;
    left: 0;
    bottom: -0.1875rem;
    height: 1px;
    background-color: #FFFFFF;
    content: '-';
    text-indent: -9999px;
    display: block;
    z-index: 10;
    -webkit-transition: width 125ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
    -moz-transition: width 125ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
    -ms-transition: width 125ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
    transition: width 125ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
    /* resolves blurry elements on webkit */ 
}
.no-touch .c-header-links__link:hover:before {
    width: 100%; 
}
.c-header-links__link.state-link-active:before {
    width: 100%; 
}
.c-header-links__link.state-link-active:before {
    width: 100%; 
}
.c-header-links__link--icon {
    border-left: 1rem solid transparent; 
}
.c-header-links__link--icon:after {
      content: '-';
      text-indent: -9999px;
      position: absolute;
      height: 0.4375rem;
      width: 0.4375rem;
      border-radius: 50%;
      left: -1rem;
      top: 0.1875rem;
      border: 1px solid #FFFFFF;
      background-color: rgba(255, 255, 255, 0);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: background-color 250ms;
      -moz-transition: background-color 250ms;
      -ms-transition: background-color 250ms;
      transition: background-color 250ms;
      /* resolves blurry elements on webkit */ 
}
.no-touch .c-header-links__link--icon:hover:after {
      border: 1px solid #589005;
      background-color: #589005; 
}
.state-intro-open .c-header-links {
  /* opacity: 0 !important; */
  opacity: 1 !important;
  /* visibility: hidden; */
  visibility: visible;
  -webkit-transition: opacity 250ms, visibility 0ms linear 250ms;
  -moz-transition: opacity 250ms, visibility 0ms linear 250ms;
  -ms-transition: opacity 250ms, visibility 0ms linear 250ms;
  transition: opacity 250ms, visibility 0ms linear 250ms;
  /* resolves blurry elements on webkit */ 
}

@keyframes ani-sound-wave {
  0% {
    left: 0; }
  100% {
    left: -1rem; } 
}

.c-audio-button{
  width: 2.5rem;
  height: 1rem;
  position: fixed;
  right: 4rem;
  bottom: 3.9375rem;
  z-index: 9000;
  overflow: visible;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 500ms, visibility 0ms linear 0ms;
  -moz-transition: opacity 500ms, visibility 0ms linear 0ms;
  -ms-transition: opacity 500ms, visibility 0ms linear 0ms;
  transition: opacity 500ms, visibility 0ms linear 0ms;
  /* resolves blurry elements on webkit */ 
}

.touch .c-audio-button {
  /* display: none; */ 
}
.state-scrolled .c-audio-button {
  opacity: 0 !important;
  visibility: hidden;
  -webkit-transition: opacity 500ms, visibility 0ms linear 500ms;
  -moz-transition: opacity 500ms, visibility 0ms linear 500ms;
  -ms-transition: opacity 500ms, visibility 0ms linear 500ms;
  transition: opacity 500ms, visibility 0ms linear 500ms;
  /* resolves blurry elements on webkit */ 
}
.c-audio-button__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: visible; 
}
.c-audio-button__text {
  padding: 0;
  display: inline-block;
  position: absolute;
  top: 0.3375rem;
  right: 3.5rem;
  opacity: 0;
  -webkit-transition: opacity 250ms, right 0ms linear 500ms;
  -moz-transition: opacity 250ms, right 0ms linear 500ms;
  -ms-transition: opacity 250ms, right 0ms linear 500ms;
  transition: opacity 250ms, right 0ms linear 500ms;
  width: 7.5rem; 
  /* resolves blurry elements on webkit */ 
}
@media screen and (min-width: 47.5em) {
    .no-touch a:hover .c-audio-button__text {
      opacity: 1;
      right: 2rem;
      -webkit-transition: opacity 500ms linear 0ms, right 500ms linear 0ms;
      -moz-transition: opacity 500ms linear 0ms, right 500ms linear 0ms;
      -ms-transition: opacity 500ms linear 0ms, right 500ms linear 0ms;
      transition: opacity 500ms linear 0ms, right 500ms linear 0ms;
      /* resolves blurry elements on webkit */ 
    } 
}
@media screen and (max-width: 60rem) {
    .c-audio-button {
      right: 2.5rem;
      bottom: 2.4375rem; 
    } 
}
@media screen and (max-width: 47.5em) {
  .c-audio-button {
    right: 1.25rem;
    bottom: 1.1875rem; 
  } 
}
.c-audio-button__canvas-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; 
}
.c-audio-button__canvas-wrap--bg {
  left: -1.5rem;
  opacity: 0;
  transition: none; 
}
.no-touch a:hover .c-audio-button__canvas-wrap--bg {
  opacity: 1;
  -webkit-transition: left 500ms, visibility 0ms linear 500ms;
  -moz-transition: left 500ms, visibility 0ms linear 500ms;
  -ms-transition: left 500ms, visibility 0ms linear 500ms;
  transition: left 500ms, visibility 0ms linear 500ms;
  /* resolves blurry elements on webkit */
  left: 0;
  visibility: hidden; 
}
.c-audio-button__canvas {
  width: 2rem;
  height: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  animation: ani-sound-wave 1200ms linear infinite; 
}
.c-audio-button__canvas--bg {
  margin-left: -0.5rem; 
}
.no-touch a:hover .c-audio-button__canvas--bg {
  -webkit-transition: margin-left 500ms;
  -moz-transition: margin-left 500ms;
  -ms-transition: margin-left 500ms;
  transition: margin-left 500ms;
  /* resolves blurry elements on webkit */
  margin-left: -2rem; 
}

.c-footer {
  padding: 0;
  margin: 10em 4rem 0;
  height: 1.125rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 4rem solid transparent;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

@media screen and (max-width: 60rem) {
  .c-footer {
    margin: 10em 2.5rem 0;
    border-bottom: 2.5rem solid transparent; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-footer {
    margin: 10em 1.25rem 0;
    border-bottom: 1.25rem solid transparent; 
  } 
}

.c-footer__link {
  padding: 0;
  line-height: 1.125rem;
  display: inline-block;
  position: relative; 
}

@media screen and (max-width: 80rem) {
  .c-footer__link--desktop {
    display: none; 
  } 
}

.c-footer__link:before {
  /* content: '-'; */
  text-indent: -9999px;
  width: 0%;
  position: absolute;
  left: 0;
  bottom: -0.1875rem;
  height: 1px;
  background-color: #FFFFFF;
  /* content: '-'; */
  text-indent: -9999px;
  display: block;
  z-index: 10;
  -webkit-transition: width 250ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
  -moz-transition: width 250ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
  -ms-transition: width 250ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
  transition: width 250ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms;
  /* resolves blurry elements on webkit */ 
}

.no-touch .c-footer__link:hover:before {
  width: 100%; 
}

.c-footer__icons {
  height: 1.125rem;
  padding-right: 0;
  display: inline-block; 
}

@media screen and (max-width: 47.5em) {
  .c-footer__icons {
    padding-right: 0; 
  } 
}

.c-footer__icon {
  display: inline-block;
  margin-right: 1.25rem;
  height: 1.5rem;
  width: 1.5rem;
  float: left;
  opacity: 0.5;
  position: relative;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  transition: opacity 250ms;
  /* resolves blurry elements on webkit */ 
}

@media screen and (max-width: 47.5em) {
  .c-footer__icon {
    margin-right: 0;
    margin-left: 1.25rem; 
  } 
}

.c-footer__icon__svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.c-footer__icon__svg__path {
    fill: #fff; 
}

.no-touch .c-footer__icon:hover {
  opacity: 1; 
}

/* ========================================================================== */
/* BASIC ELEMENTS */
/* ========================================================================== */
.c-page {
  display: none; 
}
.c-page.state-page-active {
  opacity: 1;
  display: block; 
}

.c-dark-bg {
  background-color: #0a0a0a; }
.mobshow{display: none !important;}
.mobhide{display: block !important;}
.c-mod {
  overflow: visible;
  font-size: 1rem; 
}
@media screen and (max-width: 47.5em) {
  .c-mod {
    font-size: 0.625rem; } 

  .mobshow{
    display: block !important;
  }

  .mobhide{
    display: none !important;
  }
}
.c-mod--screen-height {
  height: 100vh; 
}
/* remove spaces */
.c-black-box, .c-mod--abt-4__black-box, .c-mod--abt-2__black-box {
  padding: 8.4375rem 3.5rem 8.4375rem 4rem;
  background-color: #000000;
  width: 26.25rem;
  display: inline-block; }
  @media screen and (max-width: 47.5em) {
    .c-black-box, .c-mod--abt-4__black-box, .c-mod--abt-2__black-box {
      padding: 2.625rem 1.3rem 5.625rem 1.5rem;
      background-color: #000000;
      width: 17.5rem; } }
.c-letter, .c-mod--abt-5__letter-e, .c-mod--abt-4__letter-n, .c-mod--abt-3__letter-u, .c-mod--abt-2__letter-l, .c-mod--hm-4__letter-e, .c-mod--hm-3__info__letter-n, .c-mod--hm-2__letter-u, .c-mod--hm-2__letter-l,.c-mod--hm-2__letter-y {
  position: absolute;
  font-size: 1rem; }
  @media screen and (max-width: 47.5em) {
    .c-letter, .c-mod--abt-5__letter-e, .c-mod--abt-4__letter-n, .c-mod--abt-3__letter-u, .c-mod--abt-2__letter-l, .c-mod--hm-4__letter-e, .c-mod--hm-3__info__letter-n, .c-mod--hm-2__letter-u, .c-mod--hm-2__letter-l,.c-mod--hm-2__letter-y {
      font-size: 0.625rem; } }
  .c-letter--l, .c-mod--abt-2__letter-l, .c-mod--hm-2__letter-l ,.c-mod--hm-2__letter-y{
    width: 13em;
    height: 12.625em; }
  .c-letter--u, .c-mod--abt-3__letter-u, .c-mod--hm-2__letter-u {
    width: 9.875em;
    height: 12.75em; }
  .c-letter--n, .c-mod--abt-4__letter-n, .c-mod--hm-3__info__letter-n {
    width: 13.4375em;
    height: 12.625em; }
  .c-letter--e, .c-mod--abt-5__letter-e{
    width: 9em;
    height: 12.625em; }

  .c-mod--hm-4__letter-e {
    width: 10em;
    height: 17.625em; }
  .c-letter__svg, .c-mod--abt-5__letter-e svg, .c-mod--abt-4__letter-n svg, .c-mod--abt-3__letter-u svg, .c-mod--abt-2__letter-l svg, .c-mod--hm-4__letter-e svg, .c-mod--hm-3__info__letter-n svg, .c-mod--hm-2__letter-u svg, .c-mod--hm-2__letter-l svg,.c-mod--hm-2__letter-y svg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
    .c-letter__svg__shape, .c-mod--abt-5__letter-e svg *, .c-mod--abt-4__letter-n svg *, .c-mod--abt-3__letter-u svg *, .c-mod--abt-2__letter-l svg *, .c-mod--hm-4__letter-e svg *, .c-mod--hm-3__info__letter-n svg *, .c-mod--hm-2__letter-u svg *, .c-mod--hm-2__letter-l svg * ,.c-mod--hm-2__letter-y svg *{
      opacity: 0.8;
      fill: none;
      stroke: #FFFFFF;
      stroke-miterlimit: 10;
      stroke-dasharray: 1200;
      stroke-dashoffset: 1200;
      -webkit-transition: stroke-dashoffset 2400ms;
      -moz-transition: stroke-dashoffset 2400ms;
      -ms-transition: stroke-dashoffset 2400ms;
      transition: stroke-dashoffset 2400ms;
      /* resolves blurry elements on webkit */ }

.c-map {
  position: absolute;
  width: 12em;
  height: 12em;
  border: 2px solid #2d2d2d;
  border-radius: 50%;
  overflow: hidden;
  font-size: 1rem; }
  @media screen and (max-width: 47.5em) {
    .c-map {
      font-size: 0.625rem; } }
  .c-map__paths {
    position: absolute;
    width: 12.25em;
    height: 12.25em;
    left: -0.125em;
    top: -0.125em; }
    .c-map__paths svg {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
      .c-map__paths svg polygon,
      .c-map__paths svg path {
        fill: #2d2d2d; }
  .c-map__labels {
    position: absolute;
    width: 12.25em;
    height: 12.25em;
    left: -0.125em;
    top: -0.125em; }
    .c-map__labels svg {
      opacity: 0.6; }
      .c-map__labels svg polygon,
      .c-map__labels svg circle,
      .c-map__labels svg path {
        fill: #FFFFFF; }

.c-image-wrapper {
  padding: 0;
  margin: 0; }

.scope-dot-controls {
  height: 1.5rem;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 47.5em) {
    .scope-dot-controls {
      justify-content: flex-start; } }
  .scope-dot-controls a {
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    position: relative; }
    .scope-dot-controls a:after {
      width: 0.125rem;
      height: 0.125rem;
      border: 0.0625rem solid white;
      position: absolute;
      top: calc(50% - 0.0625rem);
      left: calc(50% - 0.0625rem);
      border-radius: 50%;
      box-sizing: border-box;
      content: '-';
      text-indent: -9999px;
      -webkit-transition: width 250ms, height 250ms, top 250ms, left 250ms;
      -moz-transition: width 250ms, height 250ms, top 250ms, left 250ms;
      -ms-transition: width 250ms, height 250ms, top 250ms, left 250ms;
      transition: width 250ms, height 250ms, top 250ms, left 250ms;
      /* resolves blurry elements on webkit */ }
    .scope-dot-controls a.state-active:after {
      width: 0.75rem;
      height: 0.75rem;
      top: calc(50% - 0.375rem);
      left: calc(50% - 0.375rem); }
    .no-touch .scope-dot-controls a:hover:after {
      width: 0.75rem;
      height: 0.75rem;
      top: calc(50% - 0.375rem);
      left: calc(50% - 0.375rem); }

.c-fixed-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  height: 100vh;
  position: fixed; }
  .c-fixed-bg__overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black; }

.c-post-header {
  display: flex;
  align-items: center; 
}

.c-post-header__inner {
  padding: 0;
  margin: 0;
  max-width: 11em; 
}

.scope-limit-heading {
  overflow: hidden;
  max-height: 4.2em;
  overflow: hidden;
  position: relative;
  display: block; 
}

.scope-limit-heading span {
  display: inline-block;
  position: relative;
  overflow: visible; 
  font-weight: bold;
}

.scope-limit-heading span sub{
  bottom: -0.45em;
  font-weight: normal;
}

.scope-limit-heading span .ellipsis {
  position: absolute;
  top: 0;
  left: 0; 
}

.scope-limit-heading span.ellipsis-wrap {
  position: absolute;
  left: 100%;
  top: 0; 
}

.c-read-more {
  position: relative;
  padding-right: 2rem;
  padding-top: 1.6875rem;
  padding-bottom: 0;
  display: inline-block; 
}
  /* .c-read-more:before {
    content: '-';
    text-indent: -9999px;
    position: absolute;
    height: 1px;
    width: 0;
    left: 0;
    bottom: 0;
    background-color: #FFFFFF;
    -webkit-transition: width 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
    -moz-transition: width 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
    -ms-transition: width 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
    transition: width 250ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
     } */
  /* .c-read-more:after {
    content: ">";
    position: absolute;
    right: 0.75rem;
    bottom: 0;
    -webkit-transition: right 250ms;
    -moz-transition: right 250ms;
    -ms-transition: right 250ms;
    transition: right 250ms;
   }
  .no-touch .c-read-more:hover:before {
    width: 100%; }
  .no-touch .c-read-more:hover:after {
    right: 0; }
 */
.c-pagination {
  display: flex;
  justify-content: center;
  padding-bottom: 9.75rem; }
  @media screen and (max-width: 47.5em) {
    .c-pagination {
      padding-top: 3.75rem;
      padding-bottom: 3rem; } }
  .c-pagination--archive {
    padding-top: 17.5rem;
    padding-bottom: 9.75rem; }
    @media screen and (max-width: 47.5em) {
      .c-pagination--archive {
        padding-top: 10rem;
        padding-bottom: 3rem; } }
.c-teaser {
  padding: 12.5rem 9.3125rem 0;
  max-width: 78.625rem;
  margin: 0 auto; }
  @media screen and (max-width: 60rem) {
    .c-teaser {
      padding: 8.25rem 7.8125rem 0; } }
  @media screen and (max-width: 47.5em) {
    .c-teaser {
      padding: 4.125rem 1.25rem 0; } }
  @media screen and (max-width: 60rem) {
    .c-teaser--landscape {
      padding-left: 12.8125rem; } }
  @media screen and (max-width: 47.5em) {
    .c-teaser--landscape {
      padding-left: 5rem; } 

    .mobipadngt10{
      padding-top: 15rem;
    }
  }
  @media screen and (max-width: 60rem) {
    .c-teaser--portrait {
      padding-right: 12.8125rem; } }
  @media screen and (max-width: 47.5em) {
    .c-teaser--portrait {
      padding-right: 5rem; } }
  .c-teaser__inner {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 60rem) {
      .c-teaser__inner {
        flex-wrap: wrap; } }
  .c-teaser__img {
    display: block;
    position: relative;
    width: 50%;
    opacity: 0;
    transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
    transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
    .c-teaser__img--landscape {
      padding-top: 50%;
      order: 1; }
    .c-teaser__img--portrait {
      /* width: 33.333%; */
      padding-top: 50%;
      /* margin-right: 8.333%; */
      order: 2; }
    .state-transition-in .c-teaser__img {
      opacity: 1;
      transform: translateY(0%) skewX(0deg) translate3d(0, 0, 0) !important; }
  .teatheight{
    
  }
  @media screen and (max-width: 60rem) {
    .c-teaser__img {
      width: 100%;
      order: 1;
      padding-top: 99.6667%;
      margin-right: 0; 
    } 
  }
  .c-teaser__header {
    display: flex;
    width: 50%;
    align-items: center;
    padding: 0;
    opacity: 0;
    transform: translateY(10vh) !important;
    transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
    .state-transition-in .c-teaser__header {
      opacity: 1;
      transform: translateY(0%) !important; }
    .c-teaser__header--landscape {
      padding-left: 4rem;
      order: 2; }
    .c-teaser__header--portrait {
      padding-right: 4rem;
      order: 1; }
  @media screen and (max-width: 60rem) {
    .c-teaser__header {
      width: 100%;
      padding-top: 1.6875rem;
      padding-left: 0;
      padding-right: 0; } }
  @media screen and (max-width: 47.5em) {
    .c-teaser__header {
      padding-top: 1.3125rem; } }
.c-gallery-control {
  display: block;
  width: 3rem;
  height: 3rem;
  position: relative; }
  .c-gallery-control__border {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    border: 1px solid white;
    opacity: 0.3;
    -webkit-transition: opacity 250ms, transform 250ms;
    -moz-transition: opacity 250ms, transform 250ms;
    -ms-transition: opacity 250ms, transform 250ms;
    transition: opacity 250ms, transform 250ms;
    /* resolves blurry elements on webkit */ }
    @media screen and (max-width: 47.5em) {
      .c-gallery-control__border {
        display: none; } }
  .no-touch .c-gallery-control:hover .c-gallery-control__border {
    opacity: 1; }
  .c-gallery-control__svg {
    position: absolute;
    width: 0.3125rem;
    height: 0.5rem;
    top: calc(50% - 0.25rem);
    left: calc(50% - 0.125rem); }
    .c-gallery-control__svg__shape {
      fill: white; }

.c-play-symbol {
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: calc(50% - 2.5rem);
  top: calc(50% - 2.5rem);
  content: '-';
  text-indent: -9999px;
  z-index: 10;
  opacity: 0;
  transform: translateY(-2.5rem);
  -webkit-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
  -moz-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
  -ms-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
  transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
  /* resolves blurry elements on webkit */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .touch .c-play-symbol {
    transform: none;
    opacity: 1; }
  .c-play-symbol:after {
    width: 3rem;
    height: 3rem;
    position: absolute;
    left: calc(50% - 1.5rem);
    top: calc(50% - 1.5rem);
    content: '-';
    text-indent: -9999px;
    border-radius: 50%;
    background-color: white;
    background-image: url("../img/play.svg");
    background-size: 0.5rem auto;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    transform: translateY(5rem);
    -webkit-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
    -moz-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
    -ms-transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
    transition: opacity 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms, transform 250ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms;
    /* resolves blurry elements on webkit */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .touch .c-play-symbol:after {
      transform: none;
      opacity: 1; }
  .no-touch .c-play-symbol:hover {
    opacity: 1;
    transform: translateY(0rem);
    -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* resolves blurry elements on webkit */ }
  .no-touch .c-play-symbol:hover:after {
    transform: translateY(0rem);
    -webkit-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* resolves blurry elements on webkit */ }
  .c-play-symbol__svg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
    .c-play-symbol__svg circle {
      transition: stroke-dashoffset 250ms;
      stroke-dashoffset: 240; }
      .no-touch a:hover .c-play-symbol__svg circle {
        stroke-dashoffset: 0;
        transition: stroke-dashoffset 1750ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 250ms; }
    .touch .c-play-symbol__svg {
      display: none !important; }

  .fmarg{
    margin-top: -4px;
  }

  .fmarg1{
    margin-top: -7px;
  }

/* ========================================================================== */
/* Site Loader */
/* ========================================================================== */
.c-loader {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  position: fixed;
  z-index: 9999;
  background-color: #0A0A0A; }
  .c-loader video {
    opacity: 0;
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -ms-transition: opacity 400ms;
    transition: opacity 400ms;
    /* resolves blurry elements on webkit */ }
    .c-loader video.state-playing {
      opacity: 1; }
  .c-loader__video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute; }
  .c-loader__enter {
    position: absolute;
    width: 4.5rem;
    height: 100%;
    top: 38%;
    left: calc(50% - 2.25rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .state-show-buttons .c-loader__enter {
      opacity: 1; }
    .c-loader__enter__button {
      width: 4.5rem;
      display: block;
      height: auto;
      transition: opacity 400ms; }
      .state-show-buttons .state-skip-hover .c-loader__enter__button {
        opacity: 0.3; }
    .c-loader__enter__icon {
      display: block;
      height: 3.5rem;
      width: 3.5rem;
      position: relative;
      margin: 0 auto 0.375rem; }
    .c-loader__enter__svg {
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg);
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute; }
      .c-loader__enter__svg circle {
        opacity: 1;
        transition: stroke-dashoffset 4000ms linear 0ms;
        stroke-dashoffset: 170; }
        .state-first-stage .c-loader__enter__svg circle {
          stroke-dashoffset: 90; }
        .state-second-stage .c-loader__enter__svg circle {
          stroke-dashoffset: 70; }
        .state-third-stage .c-loader__enter__svg circle {
          stroke-dashoffset: 40; }
        .state-final-stage .c-loader__enter__svg circle {
          stroke-dashoffset: 0;
          transition: stroke-dashoffset 600ms linear 0ms;
          opacity: 1; }
        .state-show-buttons .c-loader__enter__svg circle {
          transition: stroke-dashoffset 400ms linear 0ms;
          stroke-dashoffset: 170; }
        .state-show-buttons .state-play-hover .c-loader__enter__svg circle {
          transition: stroke-dashoffset 400ms linear 0ms;
          stroke-dashoffset: 0; }
        .state-loader-done .c-loader__enter__svg circle {
          stroke-dashoffset: 170 !important;
          transition: stroke-dashoffset 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms !important; }
    .c-loader__enter__rocket {
      position: absolute;
      height: 2.625rem;
      width: 2.625rem;
      top: 0.5rem;
      left: 0.1875rem;
      opacity: 0;
      -webkit-transition: opacity 200ms linear 200ms;
      -moz-transition: opacity 200ms linear 200ms;
      -ms-transition: opacity 200ms linear 200ms;
      transition: opacity 200ms linear 200ms;
      /* resolves blurry elements on webkit */ }
      .state-show-rocket .c-loader__enter__rocket {
        opacity: 1; }
      .state-show-rocket .state-play-hover .c-loader__enter__rocket {
        opacity: 0;
        -webkit-transition: opacity 200ms linear 0ms;
        -moz-transition: opacity 200ms linear 0ms;
        -ms-transition: opacity 200ms linear 0ms;
        transition: opacity 200ms linear 0ms;
        /* resolves blurry elements on webkit */ }
      .state-loader-done .c-loader__enter__rocket {
        opacity: 0;
        transition: opacity 200ms linear 0ms !important; }
    .c-loader__enter__play-svg {
      opacity: 0;
      width: 0.625rem;
      height: 0.75rem;
      position: absolute;
      top: calc(50% - 0.375rem);
      left: calc(50% - 0.25rem);
      transition: opacity 400ms linear 800ms;
      opacity: 0;
      -webkit-transition: opacity 200ms linear 0ms;
      -moz-transition: opacity 200ms linear 0ms;
      -ms-transition: opacity 200ms linear 0ms;
      transition: opacity 200ms linear 0ms;
      /* resolves blurry elements on webkit */ }
      .state-show-rocket .state-play-hover .c-loader__enter__play-svg {
        opacity: 1;
        -webkit-transition: opacity 200ms linear 200ms;
        -moz-transition: opacity 200ms linear 200ms;
        -ms-transition: opacity 200ms linear 200ms;
        transition: opacity 200ms linear 200ms;
        /* resolves blurry elements on webkit */ }
      .state-loader-done .c-loader__enter__play-svg {
        opacity: 0 !important;
        transition: opacity 200ms linear 0ms !important; }
    .c-loader__enter__play-text {
      display: block;
      opacity: 0;
      width: 4.5rem;
      text-align: center;
      color: white; }
      .state-show-buttons .c-loader__enter__play-text {
        opacity: 1;
        transition: opacity 400ms; }
      .state-loader-done .c-loader__enter__play-text {
        opacity: 0 !important;
        transition: opacity 400ms linear 0 !important; }
    .c-loader__enter__rule {
      display: block;
      height: 1px;
      width: 2rem;
      background-color: white;
      opacity: 0;
      margin: 0.6875rem auto 0.75rem; }
      .state-show-buttons .c-loader__enter__rule {
        opacity: 1;
        transition: opacity 400ms; }
      .state-show-buttons .state-play-hover .c-loader__enter__rule {
        opacity: 0.3; }
      .state-show-buttons .state-skip-hover .c-loader__enter__rule {
        opacity: 0.3; }
      .state-loader-done .c-loader__enter__rule {
        opacity: 0 !important;
        transition: opacity 400ms !important; }
    .c-loader__enter__skip-text {
      display: block;
      opacity: 0;
      width: 4.5rem;
      text-align: center;
      color: white;display: none; }
      .state-show-buttons .c-loader__enter__skip-text {
        opacity: 1;
        transition: opacity 400ms; }
      .state-show-buttons .state-play-hover .c-loader__enter__skip-text {
        opacity: 0.3; }
      .state-loader-done .c-loader__enter__skip-text {
        opacity: 0 !important;
        transition: opacity 400ms !important; }
  .c-loader.state-loader-done {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0ms linear 600ms, visibility 0ms linear 600ms;
    -moz-transition: opacity 0ms linear 600ms, visibility 0ms linear 600ms;
    -ms-transition: opacity 0ms linear 600ms, visibility 0ms linear 600ms;
    transition: opacity 0ms linear 600ms, visibility 0ms linear 600ms;
    /* resolves blurry elements on webkit */ }

/* ========================================================================== */
/* AUDIO PLAYER */
/* ========================================================================== */
.c-website-audio {
  width: 1px;
  height: 1px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 800ms;
  -moz-transition: opacity 800ms;
  -ms-transition: opacity 800ms;
  transition: opacity 800ms;
  /* resolves blurry elements on webkit */ }
  .c-website-audio.state-playing {
    opacity: 1; }

/* ========================================================================== */
/* VIDEO PLAYER */
/* ========================================================================== */
.c-video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  right: auto;
  width: 100%;
  height: 100vh;
  visibility: visible;
  background-color: #0A0A0A; }
  .c-video--modal {
    position: fixed;
    z-index: 1000;
    transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms !important;
    left: 0;
    right: auto; }
    .c-video--modal.state-video-inactive {
      transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms linear 1600ms !important;
      width: 0;
      visibility: hidden;
      right: 0;
      left: auto; }
  .c-video__inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100vw;
    left: 0;
    right: auto; }
    .state-video-inactive .c-video__inner {
      right: 0;
      left: auto; }
  .c-video__media {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-top: 9.125rem solid #0A0A0A;
    border-bottom: 9.125rem solid #0A0A0A;
    overflow: visible;
    display: flex;
    align-content: center;
    align-items: center; }
    @media screen and (max-width: 60rem) {
      .c-video__media {
        border-top: 6.125rem solid #0A0A0A;
        border-bottom: 6.125rem solid #0A0A0A; } }
    @media screen and (max-width: 47.5em) {
      .c-video__media {
        border-top: 3.625rem solid #0A0A0A;
        border-bottom: 3.625rem solid #0A0A0A; } }
    .c-video__media--full-screen {
      border-top: none;
      border-bottom: none; }
    .c-video__media__inner {
      width: 100%;
      height: 100%;
      display: block;
      max-height: 56.25vw;
      position: relative;
      top: auto;
      left: auto; }
      .c-video__media__inner--full-screen {
        max-height: 100%; }
        .c-video__media__inner--full-screen video {
          opacity: 1 !important;
          transition: opacity 800ms !important;
          object-fit: cover; }
          .state-video-inactive .c-video__media__inner--full-screen video {
            opacity: 0 !important; }
        @media screen and (orientation: portrait) {
          .c-video__media__inner--full-screen {
            max-height: 56.25vw !important;
            width: 100% !important;
            left: 0 !important;
            top: auto !important;
            position: relative !important; }
            .c-video__media__inner--full-screen video {
              object-fit: cover; } }
  .c-video__timer {
    width: calc(100% - 21.625rem);
    left: 50%;
    height: 0.75rem;
    max-width: 35rem;
    bottom: 4.0625rem;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }
    @media screen and (max-width: 60rem) {
      .c-video__timer {
        bottom: 2.5625rem;
        width: calc(100% - 15.625rem); } }
    @media screen and (max-width: 47.5em) {
      .c-video__timer {
        bottom: 1.3125rem;
        width: calc(100% - 10rem); } }
    .c-video__timer__current {
      line-height: 0.75rem;
      position: absolute;
      top: 0;
      left: 0;
      padding: 0; }
    .c-video__timer__end {
      line-height: 0.75rem;
      position: absolute;
      top: 0;
      right: 0;
      padding: 0; }
    .c-video__timer__bar {
      position: absolute;
      top: 0.3125rem;
      height: 0.0625rem;
      left: 3.375rem;
      right: 3.375rem;
      background-color: rgba(255, 255, 255, 0.1); }
      .c-video__timer__bar__progress {
        background-color: #8d8d8d;
        width: 0;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        -webkit-transition: width 100ms;
        -moz-transition: width 100ms;
        -ms-transition: width 100ms;
        transition: width 100ms;
        /* resolves blurry elements on webkit */ }
  .c-video__skip-video {
    position: absolute;
    top: 4rem;
    right: 4rem;
    line-height: 0.75rem;
    font-size: 0.75rem;
    text-transform: uppercase;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -ms-transition: opacity 250ms;
    transition: opacity 250ms;
    /* resolves blurry elements on webkit */ }
    @media screen and (max-width: 47.5em) {
      .c-video__skip-video {
        font-size: 0.6875rem; } }
    .no-touch .c-video__skip-video:hover {
      opacity: 0.5; }
    @media screen and (max-width: 60rem) {
      .c-video__skip-video {
        top: 2.5rem;
        right: 2.5rem; } }
    @media screen and (max-width: 47.5em) {
      .c-video__skip-video {
        display: none !important;
        top: 1.25rem;
        right: 1.25rem; } }
  .c-video__control {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    bottom: 3.75rem;
    left: 3.4375rem; }
    @media screen and (max-width: 60rem) {
      .c-video__control {
        bottom: 2.25rem;
        left: 1.9375rem; } }
    @media screen and (max-width: 47.5em) {
      .c-video__control {
        bottom: 1rem;
        left: 0.6875rem; } }
    .c-video__control__pause {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      visibility: visible; }
      .state-paused .c-video__control__pause {
        visibility: hidden; }
    .c-video__control__play {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      visibility: hidden; }
      .state-paused .c-video__control__play {
        visibility: visible; }

/* ========================================================================== */
/* MENU */
/* ========================================================================== */
.c-menu {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 8900;
  position: fixed;
  visibility: hidden;
  display: block;
  left: auto;
  right: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms linear 1600ms;
  -moz-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms linear 1600ms;
  -ms-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms linear 1600ms;
  transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, visibility 0ms linear 1600ms;
  /* resolves blurry elements on webkit */ }
  .state-menu-open .c-menu {
    left: 0;
    right: auto;
    width: 100%;
    visibility: visible;
    -webkit-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    -moz-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    -ms-transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    transition: width 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
    /* resolves blurry elements on webkit */ }
  .c-menu__inner {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100vw;
    right: 0;
    left: auto;
    background-color: black; }
    .state-menu-open .c-menu__inner {
      left: 0;
      right: auto; }
  .c-menu__image {
    position: absolute;
    top: 130px;
    right: 10.8125rem;
    bottom: 5.8125rem;
    left: calc(50% + 4rem);
    opacity: 0;
    z-index: 10;
    -webkit-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
    -moz-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
    -ms-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
    transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
    /* resolves blurry elements on webkit */ }
    @media screen and (max-width: 80rem) {
      .c-menu__image {
        right: 0; } }
    @media screen and (max-width: 60rem) {
      .c-menu__image {
        left: calc(50% + 2.5rem);
        bottom: 50%; } }
    @media screen and (max-width: 47.5em) {
      .c-menu__image {
        top: 13rem;
        left: 38.333%;
        z-index: 0;
        bottom: 39%; } }
    .state-menu-open .c-menu__image {
      opacity: 1;
      -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms linear 0ms;
      -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms linear 0ms;
      -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms linear 0ms;
      transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms, opacity 800ms linear 0ms;
      /* resolves blurry elements on webkit */ }
    .c-menu__image img {
      transition: transform 0ms linear 1600ms !important; }
      .state-menu-open .c-menu__image img {
        transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms !important;
        opacity: 1; }
  .c-menu__nav {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    height: auto;
    min-height: 100%;
    padding: 4rem 10.8125rem;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 60rem) {
      .c-menu__nav {
        padding: 2.5rem 7.8125rem; } }
    @media screen and (max-width: 47.5em) {
      .c-menu__nav {
        padding: 2.5rem 1.25rem; } }
  .c-menu__list {
    width: 100%;
    height: auto; }
    .c-menu__list__item {
      display: block;
      height: 4.875rem;
      opacity: 0;
      -webkit-transform: translateX(3rem);
      -ms-transform: translateX(3rem);
      transform: translateX(3rem);
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      -webkit-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
      -moz-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
      -ms-transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
      transition: transform 0ms linear 1600ms, opacity 0ms linear 1600ms;
      /* resolves blurry elements on webkit */ }
      @media screen and (max-width: 60rem) {
        .c-menu__list__item {
          height: 3.9375rem; } }
      @media screen and (max-width: 47.5em) {
        .c-menu__list__item {
          height: 3rem; } }
      .state-menu-open .c-menu__list__item {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%; }
        .state-menu-open .c-menu__list__item:nth-child(1) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms linear 50ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms linear 50ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms linear 50ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 50ms, opacity 800ms linear 50ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(2) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms linear 100ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms linear 100ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms linear 100ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 100ms, opacity 800ms linear 100ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(3) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, opacity 800ms linear 150ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, opacity 800ms linear 150ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, opacity 800ms linear 150ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, opacity 800ms linear 150ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(4) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, opacity 800ms linear 200ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, opacity 800ms linear 200ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, opacity 800ms linear 200ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 200ms, opacity 800ms linear 200ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(5) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity 800ms linear 250ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(6) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 800ms linear 300ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(7) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, opacity 800ms linear 350ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(8) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, opacity 800ms linear 400ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(9) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, opacity 800ms linear 450ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(10) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, opacity 800ms linear 500ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(11) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, opacity 800ms linear 550ms;
          /* resolves blurry elements on webkit */ }
        .state-menu-open .c-menu__list__item:nth-child(12) {
          -webkit-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
          -moz-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
          -ms-transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
          transition: transform 1600ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, opacity 800ms linear 600ms;
          /* resolves blurry elements on webkit */ }
      .c-menu__list__item--mobile {
        display: none; }
        @media screen and (max-width: 47.5em) {
          .c-menu__list__item--mobile {
            display: block; } }
    .c-menu__list__link {
      display: inline-block;
      font-family: 'DIN Next LT W01 Bold', sans-serif;
      height: 4.875rem;
      line-height: 4.875rem;
      font-size: 2.8125rem;
      opacity: 0.15;
      border-left: 1.875rem solid transparent;
      position: relative;
      color: #FFFFFF;
      overflow: visible;
      -webkit-transition: opacity 400ms;
      -moz-transition: opacity 400ms;
      -ms-transition: opacity 400ms;
      transition: opacity 400ms;
      /* resolves blurry elements on webkit */ }
      .foodmenu .c-menu__list__link {border-left:0;}
      @media screen and (max-width: 60rem) {
        .c-menu__list__link {
          font-size: 2.25rem;
          line-height: 3.9375rem;
          height: 3.9375rem; } }
      @media screen and (max-width: 47.5em) {

        .c-menu__list__link {
          height: 3rem;
          line-height: 3rem;
          font-size: 2rem;
          opacity: 0.3; }

        .foodmenu .c-menu__list__link{
          font-size: 1.5rem;
        }

      }
      .no-touch .c-menu__list__link:hover {
        opacity: 1; }
      .c-menu__list__link.state-link-active {
        opacity: 1; }
    .c-menu__list__count {
      color: #FFFFFF;
      font-family: 'DIN Next LT W01 Regular', sans-serif;
      position: absolute;
      top: 0;
      left: -1.875rem;
      font-size: 0.75rem;
      line-height: 4.875rem; }
      @media screen and (max-width: 60rem) {
        .c-menu__list__count {
          line-height: 3.9375rem; } }
      @media screen and (max-width: 47.5em) {
        .c-menu__list__count {
          line-height: 3rem; } }
/* ========================================================================== */
/* REUSABLE MODULES */
/* ========================================================================== */
.c-mod--contact {
  padding-top: 15.125em; }
  .c-mod--contact__map {
    height: 12rem;
    width: 12rem;
    margin-left: calc(50% - 14rem);
    position: relative;
    display: block;
    border: 0.1875rem solid #444;
    border-radius: 50%;
    overflow: hidden; }
    @media screen and (max-width: 47.5em) {
      .c-mod--contact__map {
        height: 7.5rem;
        width: 7.5rem;
        margin-left: calc(50% - 8.75rem); } }
    @media screen and (max-width: 35em) {
      .c-mod--contact__map {
        margin-left: calc(50% - 8.125rem); } }
    .c-mod--contact__map__link {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute;
      display: block;
      background-color: #0A0A0A;
      opacity: 0;
      visibility: hidden;
      border-radius: 50%;
      overflow: hidden;
      -webkit-transition: opacity 250ms, visibility 0ms linear 250ms;
      -moz-transition: opacity 250ms, visibility 0ms linear 250ms;
      -ms-transition: opacity 250ms, visibility 0ms linear 250ms;
      transition: opacity 250ms, visibility 0ms linear 250ms;
      /* resolves blurry elements on webkit */ }
      .c-mod--contact__map__link.state-map-active {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 250ms, visibility 0ms linear 0ms;
        -moz-transition: opacity 250ms, visibility 0ms linear 0ms;
        -ms-transition: opacity 250ms, visibility 0ms linear 0ms;
        transition: opacity 250ms, visibility 0ms linear 0ms;
        /* resolves blurry elements on webkit */ }
      .c-mod--contact__map__link__svg {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        overflow: hidden; }
  .c-mod--contact__address {
    position: absolute;
    left: calc(40% + 2rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

    .c-mod-hm-contact__address {
      position: absolute;
      left: calc(40% + 2rem);
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%; 
    }
    @media screen and (max-width: 47.5em) {
      .c-mod--contact__address {
        left: calc(50% + 1.25rem); } }
    @media screen and (max-width: 35em) {
      .c-mod--contact__address {
        left: calc(12% + 0.625rem); } }
  .c-mod--contact__link * {
    color: white;
    -webkit-transition: color 250ms;
    -moz-transition: color 250ms;
    -ms-transition: color 250ms;
    transition: color 250ms;
    /* resolves blurry elements on webkit */ }
  .no-touch .c-mod--contact__link:hover * {
    color: #A8A8A8; }
.conlink{
    margin-right: 150px;
  }
.c-mod--instagram {
  padding-top: 30rem; }
  @media screen and (max-width: 60rem) {
    .c-mod--instagram {
      padding-top: 14rem; } }
  @media screen and (max-width: 47.5em) {
    .c-mod--instagram {
      padding-top: 8rem; } 

    .mobtxtr{
      text-align: right;
    }

    .conlink{
      margin-right: 17px;
    }
  }
  
  .c-mod--instagram__link {
    width: 58.1875%;
    margin: 0 auto;
    display: block;
    position: relative; }
    @media screen and (max-width: 47.5em) {
      .c-mod--instagram__link {
        width: calc(100% - 2.5rem);
        max-width: 15.5rem; margin-top: 145px;} }
    .c-mod--instagram__link__outline {
      padding-top: 50.585%; }

.c-instagram-svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; }
  .c-instagram-svg__letter {
    fill: none;
    stroke: white;
    stroke-width: 1px;
    opacity: 0.35; }
    @media screen and (max-width: 47.5em) {
      .c-instagram-svg__letter {
        stroke-width: 2px;
        opacity: 0.5; } }
    .c-instagram-svg__letter--i {
      -webkit-transition: opacity 250ms linear 500ms;
      -moz-transition: opacity 250ms linear 500ms;
      -ms-transition: opacity 250ms linear 500ms;
      transition: opacity 250ms linear 500ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--i {
        opacity: 1;
        -webkit-transition: opacity 400ms linear 0ms;
        -moz-transition: opacity 400ms linear 0ms;
        -ms-transition: opacity 400ms linear 0ms;
        transition: opacity 400ms linear 0ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--m {
      -webkit-transition: opacity 250ms linear 450ms;
      -moz-transition: opacity 250ms linear 450ms;
      -ms-transition: opacity 250ms linear 450ms;
      transition: opacity 250ms linear 450ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--m {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 50ms;
        -moz-transition: opacity 250ms linear 50ms;
        -ms-transition: opacity 250ms linear 50ms;
        transition: opacity 250ms linear 50ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--n {
      -webkit-transition: opacity 250ms linear 400ms;
      -moz-transition: opacity 250ms linear 400ms;
      -ms-transition: opacity 250ms linear 400ms;
      transition: opacity 250ms linear 400ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--n {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 50ms;
        -moz-transition: opacity 250ms linear 50ms;
        -ms-transition: opacity 250ms linear 50ms;
        transition: opacity 250ms linear 50ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--a2 {
      -webkit-transition: opacity 250ms linear 350ms;
      -moz-transition: opacity 250ms linear 350ms;
      -ms-transition: opacity 250ms linear 350ms;
      transition: opacity 250ms linear 350ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--a2 {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 100ms;
        -moz-transition: opacity 250ms linear 100ms;
        -ms-transition: opacity 250ms linear 100ms;
        transition: opacity 250ms linear 100ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--s {
      -webkit-transition: opacity 250ms linear 350ms;
      -moz-transition: opacity 250ms linear 350ms;
      -ms-transition: opacity 250ms linear 350ms;
      transition: opacity 250ms linear 350ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--s {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 100ms;
        -moz-transition: opacity 250ms linear 100ms;
        -ms-transition: opacity 250ms linear 100ms;
        transition: opacity 250ms linear 100ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--r {
      -webkit-transition: opacity 250ms linear 300ms;
      -moz-transition: opacity 250ms linear 300ms;
      -ms-transition: opacity 250ms linear 300ms;
      transition: opacity 250ms linear 300ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--r {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 150ms;
        -moz-transition: opacity 250ms linear 150ms;
        -ms-transition: opacity 250ms linear 150ms;
        transition: opacity 250ms linear 150ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--t {
      -webkit-transition: opacity 250ms linear 300ms;
      -moz-transition: opacity 250ms linear 300ms;
      -ms-transition: opacity 250ms linear 300ms;
      transition: opacity 250ms linear 300ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--t {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 150ms;
        -moz-transition: opacity 250ms linear 150ms;
        -ms-transition: opacity 250ms linear 150ms;
        transition: opacity 250ms linear 150ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--g {
      -webkit-transition: opacity 250ms linear 250ms;
      -moz-transition: opacity 250ms linear 250ms;
      -ms-transition: opacity 250ms linear 250ms;
      transition: opacity 250ms linear 250ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--g {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 200ms;
        -moz-transition: opacity 250ms linear 200ms;
        -ms-transition: opacity 250ms linear 200ms;
        transition: opacity 250ms linear 200ms;
        /* resolves blurry elements on webkit */ }
    .c-instagram-svg__letter--a1 {
      -webkit-transition: opacity 250ms linear 250ms;
      -moz-transition: opacity 250ms linear 250ms;
      -ms-transition: opacity 250ms linear 250ms;
      transition: opacity 250ms linear 250ms;
      /* resolves blurry elements on webkit */ }
      .no-touch a:hover .c-instagram-svg__letter--a1 {
        opacity: 1;
        -webkit-transition: opacity 250ms linear 200ms;
        -moz-transition: opacity 250ms linear 200ms;
        -ms-transition: opacity 250ms linear 200ms;
        transition: opacity 250ms linear 200ms;
        /* resolves blurry elements on webkit */ }

/* ========================================================================== */
/* INTRO VIDEO MODULES */
/* ========================================================================== */

.c-mod--intro-1 {
  height: 100vh;
  z-index: 5000 !important;
  background-color: #0A0A0A; 
}

/* ========================================================================== */
/* HOME PAGE MODULES */
/* ========================================================================== */

.c-mod--hm-1 {
  height: 100vh; }
  @media screen and (max-width: 60rem) {
    .c-mod--hm-1 {
      min-height: 100vw; } }
  .c-mod--hm-1__image {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-1__image {
        width: 60%; }
        .c-mod--hm-1__image img {
          object-position: 35% 50% !important; } }
  .c-mod--hm-1__vid-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-1__vid-link {
        width: 40%;
        border-left: 7.8125rem solid transparent;
        border-right: 2.5rem solid transparent; } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-1__vid-link {
        border-left-width: 1.25rem;
        border-right-width: 1.25rem; } }
    .c-mod--hm-1__vid-link__button {
      width: 37.5%;
      max-width: calc(100% - 21.625rem); }
      @media screen and (max-width: 60rem) {
        .c-mod--hm-1__vid-link__button {
          width: 100%;
          max-width: 33.333vh; } }
      .no-touch .c-mod--hm-1__vid-link__button:hover:before {
        opacity: 1;
        transform: translateY(0rem); }
      .no-touch .c-mod--hm-1__vid-link__button:hover:after {
        opacity: 1;
        transform: translateY(0rem); }
.coning{
  height: 40px;
  margin-right: 10px;
}
.c-mod--hm-2 {
  padding-top: 5em;
  padding-bottom: 3em;
  z-index: 100; }
  @media screen and (max-width: 47.5em) {
    .c-mod--hm-2 {
      padding-bottom: 20em; } }
  @media screen and (max-width: 35em) {
    .c-mod--hm-2 {
      padding-bottom: 3em; } } 
  .c-mod--hm-2__letter-l {
    top: 54em;
    left: calc(31.40625% - 4.5rem);
    z-index: 100; }

    .c-mod--hm-2__letter-y {
    top: 24.75em;
    left: calc(23.40625% - 4.5rem);
    z-index: 100; }

    .c-mod--hm-2__letter-l.state-transition-in svg * {
      stroke-dashoffset: 500; }

    .c-mod--hm-2__letter-y.state-transition-in svg * {
      stroke-dashoffset: 500; }
  .c-mod--hm-2__image-1 {
    /* width: 17.1875%; */
    display: inline-block;
    float: right;
    /* margin-right: -3.90625%; */ }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-2__image-1 {
        width: 33.333%;
        margin-right: -5rem; } }
@media screen and (max-width: 47.5em) {
  .c-mod--hm-2__image-1 {
    width: calc(50% - 3.4375rem);
    margin-right: -1.25rem;display: none; 
  } 

  .c-mod--hm-2__image-3 {
    width: 65.5%;
    margin: 76.625% auto 0;
  }
}


  .c-mod--hm-2__image-2 {
    /* width: 37.5%; */
    width: 100%;
    margin: 6.375% auto 0; }

.c-mod--hm-2__image-3{
  width: 37.5%;
  margin: 30.625% auto 0;
}


.c-mod--hm-2__image-3 figure {
    opacity: 0 !important;
    transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
    transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important;
}
.c-mod--hm-2__image-3.state-transition-in figure {
    opacity: 1 !important;
    transform: translateY(0) skewX(0deg) translate3d(0, 0, 0) !important;
}
    @media screen and (max-width: 60rem) {
      .c-mod--hm-2__image-2 {
        /* margin: -5rem 0 0;
        width: 66.667%;
        padding-left: 7.8125rem; */ } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-2__image-2 {
        width: 100%;
        padding-left: 0;
        margin: 18vh 0 0; } 

        .c-mod--hm-2__image-2 .js-img-parallax{
          transform: translateY(0px) translate3d(0px, 0px, 0px) !important;
        }

        .c-mod--hm-2__image-2 .c-image-wrapper{
          padding-top: 54.15% !important;
        }

        .c-mod--hm-2__image-3{
          width: 67.5%;
          margin: 81.625% auto 0;
        }
    }
    .c-mod--hm-2__image-2 figure {
      opacity: 0 !important;
      transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
      transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
    .c-mod--hm-2__image-2.state-transition-in figure {
      opacity: 1 !important;
      transform: translateY(0) skewX(0deg) translate3d(0, 0, 0) !important; }
  .c-mod--hm-2__info {
    width: 100%;
    margin-top: 5.75rem;
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-2__info {
        display: block;
        padding-left: calc(66.667% - 12.5rem);
        padding-right: 0; } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-2__info {
        padding-left: calc(50% - 6.875rem);
        margin-top: -18.375vw;
        /* margin-top: 5vw; */ } }
    .c-mod--hm-2__info__quote {
      width: 43.25%;
      padding-bottom: 0.375rem; }
    .abspantext1{
      font-size: 6.9rem;color: white;letter-spacing: 17px;margin-bottom: 35px;
    }

    .abspantext2{
      font-size: 3.7rem;color: white;letter-spacing: 12px;margin-bottom: 15px;
    }

    .abspantext3{
      font-size: 3.7rem;color: white;letter-spacing: 9px;margin-bottom: 10px;
    }

    .abspantext4{
      font-size: 2.5rem;color:white;letter-spacing: 7px;
    }


      @media screen and (max-width: 60rem) {
        .c-mod--hm-2__info__quote {
          width: 100%;
          padding-bottom: 2.875rem; 
          padding-top: 0rem;} 

        .abspantext1{
          margin-bottom: 50px;
        }

        .abspantext2{
          margin-bottom: 35px;
        }

        .abspantext3{
          margin-bottom: 32px;
        }
      }
    .c-mod--hm-2__info__text {
      width: 21.5rem;
      margin-right: calc(39.125% - 20.5rem);
      opacity: 0 !important;
      transition: opacity 800ms linear 500ms !important; }
      @media screen and (max-width: 60rem) {
        .c-mod--hm-2__info__text {
          margin-right: 0; } }
      @media screen and (max-width: 47.5em) {
        .c-mod--hm-2__info__text {
          width: 15rem;margin-top: 7rem; } }
      .c-mod--hm-2__info__text.state-transition-in {
        opacity: 1 !important; }
  .c-mod--hm-2__button {
    width: 13.75rem;
    margin-left: 17.625%;
    padding-top: 10rem;
    opacity: 0 !important;
    transition: opacity 800ms linear 500ms !important; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-2__button {
        margin-left: calc(66.667% - 12.5rem); } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-2__button {
        margin-left: auto;
        margin-right: auto; } }
    .c-mod--hm-2__button.state-transition-in {
      opacity: 1 !important; }
  .c-mod--hm-2__letter-u {
    left: calc(80.625% - 4.9375em);
    bottom: -5em; }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-2__letter-u {
        bottom: -1.5em; } }
    @media screen and (max-width: 35em) {
      .c-mod--hm-2__letter-u {
        bottom: 7em; } }
    .c-mod--hm-2__letter-u.state-transition-in svg * {
      stroke-dashoffset: 200; }

.c-mod--hm-3 {
  z-index: 90;
  padding-bottom: 0em; }
  @media screen and (max-width: 35em) {
    .c-mod--hm-3 {
      padding-bottom: 0em; } 

    .c-mod--hm-2__button{
      padding-top: 4rem;
    }

    .c-mod--hm-4__letter-e {
      top: 46em !important;
    }
  }
  .c-mod--hm-3__image {
    margin-bottom: 6.75em; }
  .c-mod--hm-3__info {
    display: flex;
    align-items: flex-end; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-3__info {
        display: block;
        padding-left: calc(66.667% - 12.5rem); } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-3__info {
        padding-left: calc(100% - 15rem); } }
    .c-mod--hm-3__info__letter-n {
      margin-left: 13.25%;
      margin-right: calc(43.5% - 10.4375em);
      position: relative;
      padding-bottom: 1.125rem;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
      @media screen and (max-width: 60rem) {
        .c-mod--hm-3__info__letter-n {
          margin: 0;
          margin-right: 0;
          position: absolute;
          top: 0;
          left: 6.5625rem; } }
      @media screen and (max-width: 47.5em) {
        .c-mod--hm-3__info__letter-n {
          top: -1.5rem;
          left: 5.3125rem;
          right: auto; } }
      @media screen and (max-width: 35em) {
        .c-mod--hm-3__info__letter-n {
          bottom: -17.5rem;
          left: 1.25rem;
          right: auto;
          top: auto; } }
      .c-mod--hm-3__info__letter-n.state-transition-in svg * {
        stroke-dashoffset: 0; }
    .c-mod--hm-3__info__quote {
      width: 43.25%; }
      @media screen and (max-width: 60rem) {
        .c-mod--hm-3__info__quote {
          width: auto; } }
  .c-mod--hm-3__button {
    width: 13.75rem;
    margin-left: 56.75%;
    padding-top: 4rem;
    opacity: 0 !important;
    transition: opacity 800ms linear 250ms !important; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-3__button {
        margin-left: calc(66.667% - 12.5rem); } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-3__button {
        margin-left: calc(100% - 15rem);
        margin-right: 1.25rem;
        padding-top: 5vw; } }
    .c-mod--hm-3__button.state-transition-in {
      opacity: 1 !important; }

.c-mod--hm-4 {
  padding-bottom: 10.625em; }
  @media screen and (max-width: 47.5em) {
    .c-mod--hm-4 {
      padding-bottom: 20em; } }
  @media screen and (max-width: 35em) {
    .c-mod--hm-4 {
      padding-bottom: 23em; } 

    #c-mod-hm2-text{
      font-size: 5.2625vw !important;
      margin-top: 50px;
    }
  }


  .c-mod--hm-4__gallery {
    width: 73.4375%;
    margin: 0 auto; }
    @media screen and (max-width: 60rem) {
      .c-mod--hm-4__gallery {
        width: calc(100% - 15.625rem); } }
    @media screen and (max-width: 47.5em) {
      .c-mod--hm-4__gallery {
        width: calc(100% - 2.5rem); } }
    .c-mod--hm-4__gallery__inner {
      padding-top: 70%; }
      @media screen and (max-width: 47.5em) {
        .c-mod--hm-4__gallery__inner {
          padding-top: 106.4375%; } }
      @media screen and (max-width: 35em) {
        .c-mod--hm-4__gallery__inner {
          padding-top: 136.667%; } }
      .c-mod--hm-4__gallery__inner .scope-slider {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute; }
        .c-mod--hm-4__gallery__inner .scope-slider .slick-list,
        .c-mod--hm-4__gallery__inner .scope-slider .slick-track {
          position: absolute !important;
          width: 100% !important;
          height: 100% !important;
          top: 0 !important;
          left: 0 !important; }
        .c-mod--hm-4__gallery__inner .scope-slider .slide {
          height: 62.5% !important;
          width: calc(33% - 0.75rem) !important;
          position: absolute !important;
          top: 0 !important;
          visibility: visible !important;
          display: block !important;
          opacity: 0 !important;
          overflow: hidden;
          z-index: 0 !important;
          transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
          transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
          .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+1) {
            left: 0 !important; }
            .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+1) .u-figure {
              transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
              .touch .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+1) .u-figure {
                transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
          .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+2) {
            top: auto !important;
            bottom: 0 !important;
            left: calc(33.333% + 0.375rem) !important;
            transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 600ms, opacity 800ms linear 600ms !important; }
            .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+2) .u-figure {
              transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
              .touch .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+2) .u-figure {
                transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
          .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+3) {
            right: 0 !important;
            left: auto !important;
            transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 700ms, opacity 800ms linear 700ms !important; }
            .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+3) .u-figure {
              transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
              .touch .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(3n+3) .u-figure {
                transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
          @media screen and (max-width: 47.5em) {
            .c-mod--hm-4__gallery__inner .scope-slider .slide {
              width: calc(50% - 0.625rem) !important;
              left: 0 !important; }
              .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+1) {
                left: 0 !important;
                top: 0 !important;
                right: auto !important;
                bottom: 0 !important;
                transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
                .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+1) .u-figure {
                  transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
                  .touch .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+1) .u-figure {
                    transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
              .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+2) {
                left: auto !important;
                right: 0 !important;
                top: auto !important;
                bottom: 0 !important;
                transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 600ms, opacity 800ms linear 600ms !important; }
                .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+2) .u-figure {
                  transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
                  .touch .c-mod--hm-4__gallery__inner .scope-slider .slide:nth-child(2n+2) .u-figure {
                    transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; } }
          @media screen and (max-width: 35em) {
            .c-mod--hm-4__gallery__inner .scope-slider .slide {
              width: 100% !important;
              height: 100% !important;
              left: 0 !important;
              top: 0 !important;
              right: auto !important;
              bottom: 0 !important;
              transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; }
              .c-mod--hm-4__gallery__inner .scope-slider .slide .u-figure {
                transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; }
                .touch .c-mod--hm-4__gallery__inner .scope-slider .slide .u-figure {
                  transition: transform 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 200ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; } }
.c-mod--hm-4__gallery__inner .scope-slider .slide .u-figure {
  width: 130% !important;
  left: 0% !important;
  transform: translateX(100%) !important;
  opacity: 1 !important; 
}

.c-mod--hm-4__gallery__inner .scope-slider .slide .u-figure img {
  opacity: 1 !important; 
}

.c-mod--hm-4__gallery__inner .scope-slider .slide.slick-visible .u-figure {
  transform: translateX(0) !important;
  left: -30% !important; 
}

.c-mod--hm-4__gallery__inner .scope-slider .slide.slick-active .u-figure {
  transform: translateX(0) !important;
  left: 0 !important; 
}

.c-mod--hm-4__gallery__inner.state-transition-in .scope-slider .slide {
  opacity: 1 !important;
  transform: translateY(0%) skewX(0deg) translate3d(0, 0, 0) !important; 
}

.c-mod--hm-4__gallery__inner.state-transition-in .scope-slider .slide.slick-active {
  opacity: 1 !important; 
}

.c-mod--hm-4__gallery__dot-controls {
  width: calc(33% - 0.75rem) !important;
  left: 0;
  top: calc(62.5% + 3.75rem);
  position: absolute; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--hm-4__gallery__dot-controls {
    left: -0.625rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--hm-4__gallery__dot-controls {
    width: auto !important;
    left: 50%;
    top: calc(100% + 1.5rem);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; 
  } 
}

.c-mod--hm-4__letter-e {
  left: calc(76.75% - 4.5em);
  top: 0em; 
  z-index: 9999;
}

.c-mod--hm-4__letter-e.state-transition-in svg * {
  stroke-dashoffset: 100; 
}

.c-mod--hm-5{
  width: 100%;
  margin-top: 6.75rem;
  display: flex;
  align-items: flex-end;
  flex-direction: row-reverse;

}
@media screen and (min-width: 75em) and (max-width: 85em) {
  .c-mod--hm-2__letter-l {
    top: 46em;
  }

  .c-mod--hm-4__letter-e {
    left: calc(76.75% - 4.5em);
    top: -1em;
    z-index: 9999;
  }
}
.c-mod--hm-5__info__quote {
    width: 25.25%;
    padding-bottom: 0.375rem;
    margin-right: calc(39.125% - 20.5rem);
    /* text-align: right; */
}

@media screen and (max-width: 60rem) {
  .c-mod--hm-5__info__quote {
    width: 31.25%;
    padding-bottom: 0.375rem;
    margin-right: calc(52.125% - 20.5rem);
  }

  .c-mod--hm-2__letter-y {
    top: 21.75em;
    left: calc(17.40625% - 4.5rem);
    z-index: 100;
  }

  /* .c-mod--instagram {
    padding-top: 21rem;
  } */

  .c-mod--hm-4 {
    padding-bottom: 23.625em;
  }
}

.c-mod--hm-5__info__text.state-transition-in {
    opacity: 1 !important;
}
.c-mod--hm-5__info__text {
    width: 20.5rem;
    margin-right: calc(39.125% - 20.5rem);
    opacity: 0 !important;
    transition: opacity 800ms linear 500ms !important;
}

.c-mod--hm-6{
  width: 100%;
  margin-top: 1.75rem;
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  margin-bottom: 10rem;

}

.c-mod--hm-6__info__quote {
    width: 43.25%;
    padding-bottom: 0.375rem;
}

.c-mod--hm-6__info__text.state-transition-in {
    opacity: 1 !important;
}

.c-mod--hm-6__info__text {
    width: 36.5rem;
    margin-left: calc(39.125% - 20.5rem);
    opacity: 0 !important;
    transition: opacity 800ms linear 500ms !important;
    text-align: left;
}

.c-mod--hm-6__info__text h4{
  font-family: 'DIN Next LT W01 Regular', sans-serif;
  font-size: 1.875rem;
  line-height: 1.6875rem;
  letter-spacing: 0.003em;
  color: #FFFFFF;
  padding: 0 0 1.6875rem 0;
  margin: 0;
  font-weight: bold;
}

/* ========================================================================== */
/* ABOUT PAGE */
/* ========================================================================== */

.c-mod--abt-1 {
  height: 100vh; padding-bottom: 50rem;
}

.c-mod--abt-1__video {
 /*  position: absolute;
  top: 9.625rem;
  left: 10.8125rem;
  bottom: 5.625rem;
  right: 10.8125rem;  */
  position: absolute;
  top: 9.625rem;
  left: 0;
  /* bottom: 5.625rem; */
  right: 0px;
  margin: auto 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-1__video {
    top: 5rem;
    right: 7.8125rem;
    bottom: 5rem;
    left: 7.8125rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-1__video {
    top: 8rem;
    right: 2rem;
    bottom: 2.5rem;
    left: 2rem; 
  } 
}

.c-mod--abt-1__text {
  top: 10rem;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 15%;
  right: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  overflow: visible; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-1__text {
    left: 7.8125rem;
    right: 7.8125rem;
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-1__text {
    left: 1.25rem;
    right: 1.25rem; 
    top: 465px;
  } 
}

.c-mod--abt-1__text__heading {
  overflow: visible;
}

.c-mod--abt-2 {
  padding-bottom: 13.375em; 
}

.c-mod--abt-2__black-box {
  padding-right: 4.5rem;
  margin-left: calc(40.625% - 13.125rem); 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-2__black-box {
    margin-left: calc(43.5% - 13.125rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-2__black-box {
    margin: 0 auto;
    display: block;
    padding-right: 2rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-2__black-box {
    padding-top: 12.25em; 
  } 
}

.c-mod--abt-2__letter-l {
  left: calc(80.15625% - 4.5em);
  top: 5.75em; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-2__letter-l {
    left: calc(85.5% - 4.5em);
  } 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-2__letter-l {
    left: calc(87.5% - 4.5em); 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-2__letter-l {
    left: auto;
    right: 1.25rem;
    top: 28.75px; 
  } 
}

.c-mod--abt-2__letter-l.state-transition-in svg * {
  stroke-dashoffset: 500; 
}

.c-mod--abt-3 {
  padding-bottom: 14.25em;
  z-index: 2; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3 {
    z-index: 100; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-3 {
    padding-bottom: 19.25em; 
  } 
}

.c-mod--abt-3__disclaimer {
  position: absolute;
  left: calc(10.8125rem - 10rem);
  top: 3rem;
  padding-left: 8rem;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-3__disclaimer {
    left: calc(7.8125rem - 10rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3__disclaimer {
    left: -7.5rem; 
  } 
}

.c-mod--abt-3__disclaimer * {
  text-align: right;
  width: 100%;
  display: block;
  font-size: 0.75rem;
  height: 1em; 
}

.c-mod--abt-3__disclaimer:before {
  height: 1px;
  position: absolute;
  top: 0.8125rem;
  width: 7.5rem;
  left: 0;
  content: '-';
  text-indent: -9999px;
  background-color: #e7e7e7; 
}

.c-mod--abt-3__fg-image {
  width: 26.5625%;
  padding-top: 12.0625em;
  margin-left: 36.75%; 
}

.c-mod--abt-3__fg-image1 {
  width: 45.5625%;
  padding-top: 0.0625em;
  margin-left: 26.75%; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3__fg-image {
    width: 50%;
    padding-top: 42%;
    margin-left: 25%;
  } 

  

  .c-mod--abt-3__fg-image1 {
    width: 78.5625%;
    padding-top: 5.0625em;
    margin-left: 10.75%;
  }

  .c-mod--abt-3__fg-image .js-img-parallax ,.c-mod--abt-3__fg-image1 .js-img-parallax{
    transform: translateY(-46px) translate3d(0px, 0px, 0px) !important;
  }

  .c-mod-hm-contact__address{
    left: calc(1% + 2rem) !important;
  }

  .c-mod--hm-3__image{
    margin-bottom: 18em !important;
  }

  .c-mod--hm-3__image .u-figure img{
    top: 56px !important;
  }
}

.c-mod--abt-3__bg-image {
    width: 44.375%;
    position: absolute;
    top: 0;
    left: 0; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-3__bg-image {
    width: 42.5%; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3__bg-image {
    width: 40%; 
  } 
}

.c-mod--abt-3__quote {
  position: absolute;
  top: 3rem;
  left: 56%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-3__quote {
    left: 47.5%; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3__quote {
    left: 45%;
    top: 0; 
  } 
}

.c-mod--abt-3__letter-u {
  left: calc(20% - 4.9375em);
  bottom: -2.125em; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-3__letter-u {
    left: calc(26% - 4.9375em); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-3__letter-u {
    left: 1.25rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-3__letter-u {
    bottom: -10.75em; 
  } 
}

.c-mod--abt-3__letter-u.state-transition-in svg * {
  stroke-dashoffset: 200; 
}

.c-mod--abt-4 {
  padding-bottom: 15em; 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-4 {
    padding-bottom: 0em; 
  } 
}

.c-mod--abt-4__black-box {
  margin-left: calc(53.125% - 13.125em);
  z-index: 10; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-4__black-box {
    margin: 0 auto;
    display: block; 
  } 

  .c-mod--abt-4__black-box .scope-text{
    transform: translateY(38px) translate3d(0px, 0px, 0px) !important;
  }
}

.c-mod--abt-4__letter-n {
  left: calc(80.3125% - 5.25em);
  bottom: 5.25em;
  z-index: 100; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-4__letter-n {
    left: auto;
    right: 1.25rem;bottom: -28.75em; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-4__letter-n {
    bottom: -28.75em; 
  } 
}

.c-mod--abt-4__letter-n.state-transition-in svg * {
  stroke-dashoffset: 0; 
}

.c-mod--abt-5 {
  padding-bottom: 11.625em; 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-5 {
    padding-bottom: 17.625em; 
  } 
}

.c-mod--abt-5__image-1 {
  width: 48.4375%;
  margin: 0 auto 12.75em; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-5__image-1 {
    width: 60%; 
  } 
}

.c-mod--abt-5__image-1 figure {
  opacity: 0;
  transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
  transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; 
}

.touch .c-mod--abt-5__image-1 figure {
  transform: translateY(10vh) skewX(0) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__image-1.state-transition-in figure {
  opacity: 1;
  transform: translateY(0%) skewX(0deg) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__image-2 {
  width: 23.4375%;
  margin-left: 63.28125%; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-5__image-2 {
    width: 50%;
    margin-left: 50%; 
  } 
}

.c-mod--abt-5__image-2 figure {
  opacity: 0;
  transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
  transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; 
}

.touch .c-mod--abt-5__image-2 figure {
  transform: translateY(10vh) skewX(0) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__image-2.state-transition-in figure {
  opacity: 1;
  transform: translateY(0%) skewX(0deg) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__image-3 {
  width: 31.25%;
  margin-left: 13.28125%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-5__image-3 {
    margin-left: 15.5%; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-5__image-3 {
    width: 40%;
    margin-left: 0; 
  } 
}

.c-mod--abt-5__image-3 figure {
  opacity: 0;
  transform: translateY(10vh) skewX(-5deg) translate3d(0, 0, 0) !important;
  transition: transform 1200ms cubic-bezier(0.07, 0.51, 0.12, 1) 500ms, opacity 800ms linear 500ms !important; 
}

.touch .c-mod--abt-5__image-3 figure {
  transform: translateY(10vh) skewX(0) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__image-3.state-transition-in figure {
  opacity: 1;
  transform: translateY(0%) skewX(0deg) translate3d(0, 0, 0) !important; 
}

.c-mod--abt-5__wheel {
  top: auto;
  bottom: -0.5em;
  right: calc(25% - 4.625em); 
}

.c-mod--hm-4 .c-mod--abt-5__wheel {
  top: auto;
  bottom: -24.5em;
  right: calc(23% - 4.625em); 
}

.c-mod--abt-5__text {
  position: absolute; 
}

.c-mod--abt-5__text--right {
    right: -41vw;
    top: calc(50% - 0.45em); 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-5__text--right {
    right: -35vw; 
  } 
}

.c-mod--abt-5__text--left {
  left: -62.625vw;
  top: auto;
  bottom: calc(-1vw - 15.5rem); 
}

@media screen and (max-width: 47.5em) {
  .c-mod--abt-5__text--left {
    left: -56.5vw;
    top: auto;
    bottom: -19.5vw; } 

  .c-mod--abt-5 .c-teaser--landscape{
    padding-left: 1.5rem !important;
  }

  .c-teaser--landscape .js-img-parallax{
    transform: translateY(-31px) translate3d(0px, 0px, 0px) !important;
  }

  .c-teaser--portrait .js-img-parallax{
    transform: translateY(-19px) translate3d(0px, 0px, 0px) !important;
  }
}

.c-mod--abt-5__letter-e {
  left: calc(25% - 4.5em);
  bottom: 272px;
  z-index: 100; 
}

@media screen and (max-width: 35em) {
    .c-mod--abt-5__letter-e {
      bottom: -24.5em; 
      left: calc(27% - 4.5em);
    } 
}

.c-mod--abt-5__letter-e.state-transition-in svg * {
    stroke-dashoffset: 100; 
}

.c-mod--abt-5__quote {
  position: absolute;
  bottom: 4.75em;
  left: 57.03125%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--abt-5__quote {
    left: 50%; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--abt-5__quote {
    bottom: 9.75em; 
  } 
}

.teybigtext{
  font-size: 23px;
  font-weight: bold;
}

#hm_contact{
  text-align: center;
}

#hm_contact .c-mod-hm-contact__address{
  width: 100%;
  left: 0 !important;
}
/* ========================================================================== */
/* TEYILAI MODULES */
/* ========================================================================== */

.c-mod--lab-1 {
  padding-top: 8rem;
  padding-bottom: 8rem;
  padding-left: 10.8125rem;
  padding-right: 10.8125rem;
  display: flex;
  align-content: center;
  min-height: 100vh;
  height: auto; 
}

@media screen and (max-width: 60rem) {
  .c-mod--lab-1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
    padding-left: 7.8125rem;
    padding-right: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--lab-1 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; 
  } 
}

.c-mod--lab-1__text {
  max-width: 50rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-content: center;
  align-self: center; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--lab-1__text {
    max-width: 36rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--lab-1__text {
    display: block;
    max-width: 20rem; 
  } 
}


.c-mod--lab-1__text__left {
  width: calc(50% - 1.25rem);
  max-width: 18.75rem;
  align-self: flex-start; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--lab-1__text__left {
    max-width: 20rem;
    width: calc(50% - 0.625rem);
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--lab-1__text__left {
    padding-bottom: 1.3125rem;
    width: 100%; 
  } 
}

.c-mod--lab-1__text__right {
  width: calc(50% - 1.25rem);
  max-width: 18.75rem;
  align-self: flex-start;
  padding-top: 3.0625rem; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--lab-1__text__right {
    max-width: 20rem;
    width: calc(50% - 0.625rem);
    padding-top: 6.75vw; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--lab-1__text__right {
    padding-top: 0;
    width: 100%; 
  } 
}

/* ========================================================================== */
/* MENU MODULES */
/* ========================================================================== */

.c-mod--menu-1__image {
  position: fixed;
  top: 0;
  left: 10.8125rem;
  width: calc(50% - 14.8125rem);
  height: calc(100vh - 7.8125vw);
  overflow: visible; 
}

@media screen and (max-width: 80rem) {
  .c-mod--menu-1__image {
    width: 50%;
    left: 0; 
  } 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__image {
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0; 
  }

  .touch .c-mod--menu-1__image {
    min-height: 140vw !important;
    height: 100vh !important; 
  } 
}

@media screen and (max-width: 47.5em) {
  .touch .c-mod--menu-1__image {
    min-height: 180vw !important;
    height: 100vh !important; 
  } 
}

.c-mod--menu-1__image__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; 
}

.c-mod--menu-1__overlay {
  display: none; 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    display: block;
  } 
}

.c-mod--menu-1__heading {
  position: absolute;
  top: calc(100vh - 15.625vw);
  margin-top: -1.3125em;
  left: 7.8125rem;
  overflow: visible; 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__heading {
    position: relative !important;
    transform: none !important;
    margin-top: 0;
    padding-bottom: 1.125rem;
    padding-top: 5rem;
    top: auto;
    left: auto;
    max-width: 30rem;
    width: calc(100% - 15.625rem);
    margin-left: auto;
    margin-right: auto; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--menu-1__heading {
    width: calc(100% - 2.5rem); 
  } 
}

.c-mod--menu-1__price-note {
  position: absolute;
  top: calc(50vh - 10rem);
  right: 4rem;
  display: inline-block;
  white-space: nowrap;
  padding: 0;
  width: 20rem;
  text-align: center; 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__price-note {
    right: 2.5rem;
  } 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__price-note {
    transform: translateX(-50%) !important;
    top: auto;
    right: auto;
    left: 50%;
    bottom: 3.25rem;
    text-align: left;
    padding: 0 1.25rem;
    width: 100%;
    max-width: 32.5rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
  } 
}

.c-mod--menu-1__price-note__inner {
  position: relative;
  display: block;
  transform: rotate(90deg) translateX(100%);
  transform-origin: 100% 0; 
}

@media screen and (max-width: 60rem) {
  .c-mod--menu-1__price-note__inner {
    transform: none !important;
  } 
}

.c-mod--menu-1__price-note__dash {
  display: inline-block;
  height: 1px;
  width: 1rem;
  background-color: #fff;
  position: relative;
  margin-right: 0.5rem;
  top: -0.1875rem; 
}

.c-mod--menu-1__menu {
  padding-top: calc(50vh - 4.25rem);
  padding-bottom: 7.8125vw;
  margin-left: 50%;
  width: calc(50% - 14rem);
  display: flex;
  justify-content: center; 
}

@media screen and (max-width: 80rem) {
  .c-mod--menu-1__menu {
    width: calc(50% - 11.25rem);
    margin-left: calc(50% + 4rem); 
  } 
}

#viewer #toolbar #start #title{
  display: none !important;
}
@media screen and (max-width: 60rem) {
  .c-mod--menu-1__menu {
    width: calc(100% - 15.625rem);
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    justify-content: center;
    padding-bottom: 8rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--menu-1__menu {
    width: calc(100% - 2.5rem);
  } 
}

.c-mod--menu-1__menu__inner {
  width: 100%;
  display: block;
  max-width: 30rem; 
}

.c-mod--menu-1__menu__section__heading {
  text-transform: uppercase;
  padding-top: 2.75rem;
  padding-bottom: 1.375rem !important;
  /* border-bottom: 1px solid #2a2a2a; */
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 25px; 
}

.c-mod--menu-1__menu__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1.375rem 0; 
}

.c-mod--menu-1__menu__heading {
  padding-right: 3rem; 
}

.c-mod--menu-1__menu__heading__price {
  position: absolute;
  top: 0;
  right: 0; 
}

.c-mod--menu-1__menu__heading h3{
  font-weight: bold;
  font-size: 17px;
}

.brochure .c-mod--con-1__text__inner{
  padding-left: 0px;
}


.brochure .c-mod--con-1__text{
  max-width: 75.75rem;
}

.brochure iframe{
  height: 125vh;        /* Viewport-relative units */
  width: 100vw;
  margin-bottom: 100px;
}

.brochure .c-heading, .c-mod--abt-1__text__heading{
  margin-top: 7rem;
}
/* ========================================================================== */
/* CAREERS MODULES */
/* ========================================================================== */
.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 80%;
    font-size: 1.25rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


/* style 1 */

.inputfile-1 + label {
    color: #161616 !important;
    background-color: #fafafa;
    padding: 5px 10px !important;
    height: 35px;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
    background-color: #beb8ba;
}

.c-mod--car-1__text {
  padding: 12.5rem 4rem 0 9.3125rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 71.1875rem; 
}

@media screen and (max-width: 60rem) {
  .c-mod--car-1__text {
    padding: 12.5rem 2.5rem 0 7.8125rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--car-1__text {
    padding: 7rem 1.25rem 0 1.25rem; 
  } 
}

.c-mod--car-1__text__video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover; 
}

.c-mod--car-1__text__image-wrapper {
  display: block;
  float: none;
  width: 75%;
  left: 25%;
  margin-top: 3.75rem; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--car-1__text__image-wrapper {
    margin-top: 2.25rem;
    width: calc(100% - 2.5rem);
    left: 1.5rem; } 

  .mobpadding{
    padding-top: 20rem !important;
  }
}

.c-mod--car-1__text__image-wrapper:after {
  display: block;
  content: '-';
  text-indent: -9999px;
  width: 100%;
  height: 1px;
  clear: both;
  margin-bottom: 3.75rem; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--car-1__text__image-wrapper:after {
    margin-bottom: 1.25rem;
  } 
}
.c-mod--car-1__text__image {
  padding-top: 85%; 
}

.c-mod--car-1__text__image__inner {
  top: 19px;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; 
}

.c-mod--car-1__text__inner {
  padding-left: 5.375rem;
  padding-bottom: 7.5rem;
  max-width: 49.25rem; 
}

.c-mod--car-1__text__image__inner figure{
  height: 450px !important;
}

@media screen and (max-width: 60rem) {
  .c-mod--car-1__text__inner {
    padding-left: 0;
    max-width: 43.875rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--car-1__text__inner {
    padding-bottom: 3.5rem; 
  } 
}

/* ========================================================================== */
/* CONTACT MODULES */
/* ========================================================================== */

.c-mod--con-1 {
  padding: 0 9.3125rem;
  min-height: 100vh; 
}
@media screen and (max-width: 60rem) {
  .c-mod--con-1 {
    padding: 0 0 0 7.8125rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-1 {
    padding: 0 1.25rem 0 1.25rem; 
  } 
}

.c-mod--carr-1__wheel {
  position: absolute;
  right: calc(50% - 50vw + 10.8125rem);
  width: 9.25rem;
  height: 9.25rem;
  top: 6.25rem; 
}

.c-mod--con-1__wheel {
  position: absolute;
  right: calc(50% - 50vw + 10.8125rem);
  width: 9.25rem;
  height: 9.25rem;
  top: 0.25rem; 
}

@media screen and (max-width: 80rem) {
  .c-mod--con-1__wheel {
    right: calc(50% - 50vw + 4rem); 
  } 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-1__wheel {
    right: calc(50% - 50vw + 6.5rem);
    top: -5.25rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .mmenu .c-mod--con-1__wheel {
    width: 7rem;
    height: 7rem;
    top: -5.25rem !important;
    bottom: auto;
    right: calc(42% - 50vw + 1.25rem); } 

  .c-mod--con-1__wheel {
    width: 7rem;
    height: 7rem;
    top: -9.25rem;
    bottom: auto;
    right: calc(47% - 50vw + 1.25rem); } 
  .c-mod--carr-1__wheel {
    position: absolute;
    right: calc(3% - 50vw + 10.8125rem);
    width: 9.25rem;
    height: 9.25rem;
    top: -14.75rem;
  }
  .talk{
    font-size: 9.5vw !important;
    margin-top: 0em !important;
    margin-bottom: 50px !important;
  }

  .foodmenu .c-mod--con-1__text{
    min-height: 82vh !important;
  }

  .c-mod--con-1__text{
    min-height: 80vh !important;
  }

  .c-mod--con-1__text__header {
    position: absolute;
    top: 215px !important;
  }

  .c-mod--con-1{
    min-height: 50vh !important;
  }

  .c-mod--contact {
    padding-top: 5.125em !important;
    padding-bottom: 5rem;
  }
}

.c-mod--con-1__wheel__inner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.c-mod--con-1__text {
  max-width: 48.75rem;
  /* padding-top: 15.75vh; */
  padding-bottom: 0vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  min-height: 100vh; 
}

.foodmenu .c-mod--con-1__text {
  max-width: 48.75rem;
  padding-top: 27.75vh;
  padding-bottom: 0vh;
  margin: 0 auto;
  display: flex;
  align-items: center;
  min-height: 100vh; 
}

.c-mod--con-1__text__inner {
  width: 100%;
  display: block;
  padding-left: 4rem;
  padding-top: 16.25em; 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-1__text__inner {
    padding-left: 0;
    padding-top: 10.125em; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-1__text__inner {
    padding-top: calc(7vw + 5rem); 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__inner {
    padding-left: calc(50% - 7.5rem);
    padding-right: calc(50% - 7.5rem); 
  } 
}

.c-mod--con-1__text__header {
  position: absolute;
  top: 0;
  left: 0; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-1__text__header {
    left: -0.125rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__header {
    left: calc(50% - 7.75rem);
    width: 15rem; 
  } 

  .brochure iframe{
    margin-top: 5rem;
  }

  .brochure .c-mod--con-1__text__header {
    left: calc(50% - 11.75rem);
    width: 15rem; 
    
  } 

  #trp-floater-ls {
    left: 40% !important;
  }

  .brochure .c-heading, .c-mod--abt-1__text__heading {
    margin-top: -8rem;
  }

  .brochure .c-mod--con-1__text__inner {
    padding-left: 0px;
    padding-right: 0px;
  }

  .brochure iframe {
    height: 71vh;
    width: 100vw;
    margin-bottom: 90px;
  }
}
.c-mod--con-1__text__columns {
  display: flex; 
}

.c-mod--con-1__text__columns--index1 {
    padding-top: 4.75rem; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-1__text__columns--index1 {
    padding-top: 1.875rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__columns--index1, .foodmenu .c-mod--con-1__text__columns--index0 {
    padding-top: 3.1875rem; 
  } 
}

.c-mod--con-1__text__columns--index2 {
  padding-top: 4.75rem; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-1__text__columns--index2 {
    padding-top: 1.875rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__columns--index2 {
    padding-top: 3.1875rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__columns {
    display: block; 
  } 
}

.c-mod--con-1__text__columns__column {
  width: 50%;
  display: block; 
}

@media screen and (max-width: 35em) {
  .c-mod--con-1__text__columns__column {
    width: 100%; 
  } 
}

.c-mod--con-1__text__columns__column--left {
  padding-bottom: 1.3125rem; 
}

.c-mod--con-2 {
  overflow: hidden;
  padding-top: 0rem;
  padding-bottom: 12.25em; 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-2 {
    padding-top: 2.5rem;
    padding-bottom: 6.125em; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-2 {
    padding-top: 1.25rem;
    padding-bottom: 7rem; 
  } 
}

.c-mod--con-2__panel {
  width: calc(100% - 18.625rem);
  max-width: 48.75rem;
  margin: 0 auto;
  overflow: visible; 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-2__panel {
    width: calc(100% - 7.8125rem);
    margin-right: 0;
    margin-left: 7.8125rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-2__panel {
    margin-left: 1.25rem;
    width: calc(100% - 1.25rem); 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-2__panel {
    width: calc(100% - 2.5rem);
    margin-right: 1.25rem; 
  } 
}

.c-mod--con-2__panel__bg {
  width: 9999px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-color: black; 
}

.c-mod--con-2__panel__form {
  padding: 4.25rem 4rem 7.5rem;
  width: calc(100% + 0.5rem);margin-top: 0px; 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-2__panel__form {
    padding: 7.25rem 2.5rem 7.5rem;
    width: 100%; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-2__panel__form {
    padding: 7.25rem 1.25rem 7.5rem; 
  } 
}

@media screen and (max-width: 35em) {
  .c-mod--con-2__panel__form {
    padding-left: calc(50% - 7.5rem);
    padding-right: calc(50% - 7.5rem); 
  } 
}

.c-mod--con-2__image {
    width: 10rem;
    margin-left: calc(50% - 18.875rem);
    margin-top: -5rem; 
}

@media screen and (max-width: 60rem) {
  .c-mod--con-2__image {
    margin-left: 10.3125rem;
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--con-2__image {
    width: 7.5rem;
    margin-top: -3.75rem;
    margin-left: 3.75rem; 
  } 
}

.targetab{
  animation-duration: 6s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 200%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}

.micon_wrap{
  height: 26px;
}

/* ========================================================================== */
/* SINGLE POST */
/* ========================================================================== */

.c-mod--post__splash {
  height: 100vh;
  display: flex; 
}

@media screen and (max-width: 60rem) {
  .c-mod--post__splash {
    min-height: 75vw;
    display: block; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--post__splash {
    min-height: 125vw; 
  } 
}

.c-mod--post__splash__image {
  display: block;
  height: 100%;
  width: 50%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--post__splash__image {
    width: 100%;
    height: calc(100% - 16rem - 27.5625vw); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--post__splash__image {
    width: 100%;
    height: 50%;
    /* height: calc(100% - 10.625rem - 27.5625vw);  */
  } 
}

.c-mod--post__splash__header {
  display: flex;
  height: 100%;
  width: 50%;
  padding: 4rem; 
}

@media screen and (max-width: 60rem) {
  .c-mod--post__splash__header {
    height: auto;
    width: 100%;
    padding: 5rem 7.8125rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--post__splash__header {
    padding: 1rem 4rem; 
  } 
}

.c-mod--post__body {
  padding: 17rem 9.3125rem 8rem;
  max-width: 67.625rem;
  margin: 0 auto; 
}

@media screen and (max-width: 60rem) {
  .c-mod--post__body {
    padding: 5rem 7.8125rem 8rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--post__body {
    padding: 3.75rem 1.25rem; 
  } 
}

@media screen and (max-width: 60rem) {
  .c-mod--post__body__header {
    display: none; 
  } 
}

.c-mod--post__body__text {
  padding: 0;
  display: block;
  margin-left: calc(100% - 22.875em);
  margin-top: -3rem; 
}

@media screen and (max-width: 65em) {
  .c-mod--post__body__text {
    margin-top: 0; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--post__body__text {
    margin-top: 0; 
  } 
}

/* ========================================================================== */
/* GALLERY */
/* ========================================================================== */

.c-control {
  width: 3rem;
  height: 3rem;
  position: absolute;
  left: 0;
  top: calc(50% - 1.5rem); 
}

.c-control svg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

.c-mod--gallery {
  min-height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
}

.c-mod--gallery__links {
    overflow: hidden;
    height: 100%;
    width: 100%;
    -webkit-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
    -moz-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
    -ms-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
    transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
    /* resolves blurry elements on webkit */
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; 
}

.state-gallery-open .c-mod--gallery__links {
  -webkit-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  /* resolves blurry elements on webkit */
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}
.touch .c-mod--gallery__links {
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; 
}
.c-mod--gallery__links__slide {
  display: inline-block;
  float: left;
  height: 100%;
  padding: 0 1.25rem; 
}
@media screen and (min-width: 80rem) {
  .c-mod--gallery__links__slide {
    padding: 0 2rem; 
  } 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide {
    padding: 8.25rem 2.5rem;
  } 
}
@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide {
    padding: 4.5rem 1.25rem; 
  } 
}
.c-mod--gallery__links__inner {
  height: 100%;
  width: 100%;
  position: relative;
  padding: 12.75rem 2.75rem 12.75rem 8.0625rem; 
}
@media screen and (min-width: 80rem) {
  .c-mod--gallery__links__inner {
    padding: 12.75rem 8.8125rem; 
  } 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner {
    padding: 0 5.3125rem; 
  } 
}
@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__inner {
    padding: 0; 
  } 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--1 {
    width: calc(100% - 5rem); 
  } 
}
@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--1 {
    width: calc(100% - 3.75rem); 
  } 
}
.c-mod--gallery__links__inner__slide--1 {
  width: 100%;  
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--2 {
    width: calc(200% - 10rem); 
  } 
}
@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--2 {
    width: calc(200% - 7.5rem); 
  } 
}
.c-mod--gallery__links__inner__slide--2 {
  width: 50%; 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--3 {
    width: calc(300% - 15rem); 
  } 
}
@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--3 {
    width: calc(300% - 11.25rem); 
  } 
}
.c-mod--gallery__links__inner__slide--3 {
  width: 33.3333333333%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--4 {
    width: calc(400% - 20rem);
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--4 {
    width: calc(400% - 15rem); 
  } 
}

.c-mod--gallery__links__inner__slide--4 {
  width: 25%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--5 {
    width: calc(500% - 25rem); 
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--5 {
    width: calc(500% - 18.75rem); 
  } 
}

.c-mod--gallery__links__inner__slide--5 {
  width: 20%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--6 {
    width: calc(600% - 30rem); 
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--6 {
    width: calc(600% - 22.5rem); 
  } 
}

.c-mod--gallery__links__inner__slide--6 {
  width: 16.6666666667%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--7 {
    width: calc(700% - 35rem); 
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--7 {
    width: calc(700% - 26.25rem); 
  } 
}

.c-mod--gallery__links__inner__slide--7 {
  width: 14.2857142857%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--8 {
    width: calc(800% - 40rem); 
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--8 {
    width: calc(800% - 30rem); 
  } 
}

.c-mod--gallery__links__inner__slide--8 {
  width: 12.5%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__inner--9 {
    width: calc(900% - 45rem);
  } 
}

@media screen and (max-width: 60rem) and (max-width: 47.5em) {
  .c-mod--gallery__links__inner--9 {
    width: calc(900% - 33.75rem);
  } 
}
.c-mod--gallery__links__inner__slide--9 {
    width: 11.1111111111%; 
}

.c-mod--gallery__links__slide--1 {
  width: 100%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--1 {
    width: calc(100% - 10.625rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--1 {
    width: 100%;
  } 
}

.c-mod--gallery__links__slide--2 {
  width: 50%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--2 {
    width: calc(50% - 5.3125rem); 
  }   
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--2 {
    width: 50%; 
  } 
}

.c-mod--gallery__links__slide--3 {
  width: 33.3333333333%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--3 {
    width: calc(33.3333333333% - 3.5416666667rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--3 {
    width: 33.3333333333%; 
  } 
}

.c-mod--gallery__links__slide--4 {
  width: 25%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--4 {
    width: calc(25% - 2.65625rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--4 {
    width: 25%; 
  } 
}

.c-mod--gallery__links__slide--5 {
  width: 20%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--5 {
    width: calc(20% - 2.125rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--5 {
    width: 20%;
  } 
}

.c-mod--gallery__links__slide--6 {
  width: 16.6666666667%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--6 {
    width: calc(16.6666666667% - 1.7708333333rem);
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--6 {
    width: 16.6666666667%; 
  } 
}

.c-mod--gallery__links__slide--7 {
  width: 14.2857142857%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--7 {
    width: calc(14.2857142857% - 1.5178571429rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--7 {
    width: 14.2857142857%; 
  } 
}

.c-mod--gallery__links__slide--8 {
  width: 12.5%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--8 {
    width: calc(12.5% - 1.328125rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--8 {
    width: 12.5%;
  } 
}

.c-mod--gallery__links__slide--9 {
  width: 11.1111111111%; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__links__slide--9 {
    width: calc(11.1111111111% - 1.1805555556rem); 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide--9 {
    width: 11.1111111111%; 
  } 
}

.c-mod--gallery__links__slide-inner {
  position: relative;
  width: 100%;
  height: 100%; 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__slide-inner {
    display: flex;
    align-items: center;
    justify-content: center; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__links__img-wrapper {
    padding-top: 85%;
    height: 0 !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important; 
  } 
}
.c-mod--gallery__links__image-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}

@media screen and (min-width: 60rem) {
  .c-mod--gallery__links .u-figure {
    -webkit-transition: transform 800ms;
    -moz-transition: transform 800ms;
    -ms-transition: transform 800ms;
    transition: transform 800ms;
    /* resolves blurry elements on webkit */ 
  }
  .no-touch .state-do-hover-effects .c-mod--gallery__links a:hover .u-figure {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; 
  } 
}
.c-mod--gallery__links__cover-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden; 
}
.c-mod--gallery__links__icon {
  position: absolute;
  right: 0;
  width: 3rem;
  height: 3rem;
  top: calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  background-color: #FFFFFF;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 250ms, transform 0ms linear 250ms;
  -moz-transition: opacity 250ms, transform 0ms linear 250ms;
  -ms-transition: opacity 250ms, transform 0ms linear 250ms;
  transition: opacity 250ms, transform 0ms linear 250ms;
  /* resolves blurry elements on webkit */ 
}
.c-mod--gallery__links__icon:before {
  content: '-';
  text-indent: -9999px;
  background-color: #0A0A0A;
  width: 0.5rem;
  height: 0.125rem;
  top: calc(50% - 0.0625rem);
  left: calc(50% - 0.25rem);
  z-index: 100;
  position: absolute;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}
.c-mod--gallery__links__icon:after {
  content: '-';
  text-indent: -9999px;
  background-color: #0A0A0A;
  width: 0.5rem;
  height: 0.125rem;
  top: calc(50% - 0.0625rem);
  left: calc(50% - 0.25rem);
  z-index: 100;
  position: absolute;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}
a:hover .c-mod--gallery__links__icon {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: opacity 250ms, transform 250ms;
  -moz-transition: opacity 250ms, transform 250ms;
  -ms-transition: opacity 250ms, transform 250ms;
  transition: opacity 250ms, transform 250ms;
  /* resolves blurry elements on webkit */ 
}
.touch .c-mod--gallery__links__icon {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: opacity 800ms linear 800ms, transform 800ms linear cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  opacity: 0 !important; 
}
.touch .state-ajax-loaded .c-mod--gallery__links__icon {
  opacity: 1 !important; 
}
.c-mod--gallery__links__title {
  width: 100%;
  top: calc(100% + 2.5rem);
  text-align: center;
  left: 0;
  position: absolute;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  transition: opacity 250ms;
  /* resolves blurry elements on webkit */
  opacity: 0; 
}
a:hover .c-mod--gallery__links__title {
  opacity: 1;
  -webkit-transition: opacity 250ms linear 400ms;
  -moz-transition: opacity 250ms linear 400ms;
  -ms-transition: opacity 250ms linear 400ms;
  transition: opacity 250ms linear 400ms;
  /* resolves blurry elements on webkit */ 
}
.touch .c-mod--gallery__links__title {
  transition: opacity 800ms linear 800ms, transform 800ms linear cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  opacity: 0 !important; 
}
.touch .state-ajax-loaded .c-mod--gallery__links__title {
  opacity: 1 !important; 
}
.c-mod--gallery__links__rule {
  width: 1px;
  left: 50%;
  position: absolute;
  top: calc(50% + 2rem);
  height: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 250ms, height 0ms linear 250ms;
  -moz-transition: opacity 250ms, height 0ms linear 250ms;
  -ms-transition: opacity 250ms, height 0ms linear 250ms;
  transition: opacity 250ms, height 0ms linear 250ms;
  /* resolves blurry elements on webkit */ 
}
a:hover .c-mod--gallery__links__rule {
  opacity: 1;
  -webkit-transition: opacity 250ms, height 150ms linear 250ms;
  -moz-transition: opacity 250ms, height 150ms linear 250ms;
  -ms-transition: opacity 250ms, height 150ms linear 250ms;
  transition: opacity 250ms, height 150ms linear 250ms;
  /* resolves blurry elements on webkit */
  height: calc(50% - 2.5rem + 2rem); 
}
.touch .c-mod--gallery__links__rule {
  transition: opacity 800ms linear 800ms, transform 800ms linear cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  height: calc(50% - 2.5rem + 2rem);
  opacity: 0 !important; 
}
.touch .state-ajax-loaded .c-mod--gallery__links__rule {
  opacity: 1 !important; 
}
.c-mod--gallery__zoom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  -webkit-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  -moz-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  -ms-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 400ms;
  /* resolves blurry elements on webkit */
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}

.state-gallery-open .c-mod--gallery__zoom {
  -webkit-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -moz-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  -ms-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1);
  /* resolves blurry elements on webkit */
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}
.c-mod--gallery__zoom__back {
  width: 10rem;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 1000;
  left: calc(50% - 5rem);
  padding-top: 4rem;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -moz-transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  -ms-transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  transition: transform 400ms cubic-bezier(0.39, 0.575, 0.565, 1) 0ms;
  /* resolves blurry elements on webkit */ 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom__back {
    padding-top: 2.5rem; 
  } 
}
@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom__back {
    padding-top: 4.25rem; 
  } 
}
.c-mod--gallery__zoom__back:after {
  width: 1px;
  top: 0;
  height: 3.75rem;
  left: 50%;
  background-color: white;
  content: '-';
  position: absolute;
  text-indent: -9999px;
  -webkit-transition: transform 250ms;
  -moz-transition: transform 250ms;
  -ms-transition: transform 250ms;
  transition: transform 250ms;
  /* resolves blurry elements on webkit */ 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom__back:after {
    height: 2.25rem; 
  } 
}
@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom__back:after {
    height: 4rem; 
  } 
}
.c-mod--gallery__zoom__back:hover:after {
  -webkit-transform: translateY(-0.5rem);
  -ms-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%; 
}
.state-gallery-open .c-mod--gallery__zoom__back {
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms;
  -moz-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms;
  -ms-transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms;
  transition: transform 800ms cubic-bezier(0.39, 0.575, 0.565, 1) 800ms;
  /* resolves blurry elements on webkit */ 
}
.c-mod--gallery__zoom__gallery {
  z-index: 0;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 8.75rem 10.8125rem; 
}
@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom__gallery {
    padding: 5.75rem 7.8125rem; 
  } 
}
@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom__gallery {
    padding: 3.25rem 1.75rem; 
  } 
}
.c-mod--gallery__zoom__gallery.state-active {
  opacity: 1;
  z-index: 1; 
}
.c-mod--gallery__zoom__gallery-inner {
  width: 100%;
  height: 100%;
  position: relative; 
}
.c-mod--gallery__zoom__gallery-inner .scope-img-gallery {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute; 
}
.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 0 !important;
  opacity: 1 !important; 
}
.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide {
  opacity: 1 !important; 
}
.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide.slick-active {
  opacity: 1 !important; 
}

.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide .u-figure {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: transform 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 400ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; 
}

.c-read-p {
  position: relative;
  padding-right: 2rem;
  padding-top: 1.6875rem;
  padding-bottom: 0;
  display: inline-block;
}
.touch .c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide .u-figure {
    transition: transform 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms, left 300ms cubic-bezier(0.47, 0, 0.745, 0.715) 0ms; 
}

.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide.slick-visible .u-figure {
  transform: translateX(0) !important;
  left: -30% !important; 
}

.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide.slick-active .u-figure {
  transform: translateX(0) !important;
  left: 0 !important; 
}

.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide img {
  opacity: 0;
  -webkit-transition: opacity 400ms linear 800ms;
  -moz-transition: opacity 400ms linear 800ms;
  -ms-transition: opacity 400ms linear 800ms;
  transition: opacity 400ms linear 800ms;
  /* resolves blurry elements on webkit */ 
}

.c-mod--gallery__zoom__gallery-inner .scope-img-gallery * .slide img.loaded {
    opacity: 1 !important; 
}
.c-mod--gallery__zoom .js-gallery-prev {
  position: absolute;
  left: 4rem;
  right: auto;
  top: calc(50% - 2rem); 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom .js-gallery-prev {
    left: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom .js-gallery-prev {
    display: none; 
  } 
}

.c-mod--gallery__zoom .js-gallery-next {
  position: absolute;
  left: auto;
  right: 4rem;
  top: calc(50% - 2rem); 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom .js-gallery-next {
    right: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom .js-gallery-next {
    display: none; 
  } 
}

.c-mod--gallery__zoom__controls {
  width: 100%;
  bottom: 4rem;
  left: 0;
  position: absolute; 
}

@media screen and (max-width: 60rem) {
  .c-mod--gallery__zoom__controls {
    bottom: 2.5rem; 
  } 
}

@media screen and (max-width: 47.5em) {
  .c-mod--gallery__zoom__controls {
    bottom: 1.25rem; 
  } 
}
.c-mod--gallery__zoom__controls .scope-dot-controls {
  justify-content: center; 
}

.c-accordion {
  box-sizing: content-box;
  padding-bottom: 5.0625rem !important; 
}

@media screen and (max-width: 47.5em) {
  .c-accordion {
    padding-top: 0 !important;
    padding-bottom: 3.9375rem !important; 
  } 
}

.c-accordion__body p:last-child {
  padding-bottom: 1.6875rem !important; 
}

@media screen and (max-width: 47.5em) {
  .c-accordion__body p:last-child {
    padding-bottom: 1.3125rem !important; 
  } 
}
.c-accordion > p:last-child {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 0 !important;
  padding-bottom: 3.375rem !important; 
}
@media screen and (max-width: 47.5em) {
  .c-accordion > p:last-child {
    padding-top: 0 !important;
    padding-bottom: 2.625rem !important; 
  } 
}
.c-form-mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.75;
  background-color: #0A0A0A;
  z-index: 100 !important; 
}

.wpcf7-response-output {
  z-index: 200 !important; 
}

/* ========================================================================== */
/* LUNE POP-UP */
/* ========================================================================== */

.c-lune-popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  position: fixed;
  z-index: 9999;
  visibility: hidden;
  left: -9999px;
  opacity: 0;
  transition: visibility 0ms linear 800ms, left 0ms linear 800ms, opacity 800ms; 
}
.state-popup-open .c-lune-popup {
  left: 0;
  opacity: 1;
  visibility: visible;
  transition: visibility 0ms linear 0ms, left 0ms linear 0ms, opacity 800ms; 
}
.c-lune-popup__overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8); 
}
.c-lune-popup__modal {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: white;
  width: calc(100% - 3rem);
  height: calc(100% - 3rem);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%); 
}
  
  /* ========================================================================== */
  /* FOOD MENU CHANGES - search .foodmenu for two added lines */
  /* ========================================================================== */
  
  .menu-item-title {font-weight:bold;}
  .dietaries {font-style:italic;font-size: 0.75rem;}

/* ========================================================================== */
/* Better recaptcha for mobile on careers page */
/* ========================================================================== */

.abt_wheel{
  width: 9.25rem;
  height: 9.25rem;
  margin-left: 192px;
}
.mobabth1{display: none;}
#home-video{
  /* height: 95% !important; */
}

#home-video-player .c-video__media{
  height: 100% !important;
}

.holder{
  height:150px;
  background:gray;
  border:1px dashed #000;
  color:#fff;
  text-align:center;
}
.center{
  margin:10px;
}
.inside-image{
  width:100%;
  height:100%;
}
.lazy-height{
  height:300px;
}
.fade-height{
  height:400px;
}

/* new slider */

.my-slider{
  padding: 0 0px;
}
.slick-initialized .slick-slide{
  background-color: transparent;
  color: #FFF;
  /* height: 260px; */
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: -webkit-box;
}

.comflag{
  height: 30px;
  margin-bottom: 21px;
}

.slick-next, .slick-prev{
  z-index: 5;
}
.slick-next{
  right: -6px;
}
.slick-prev{
  left: -81px;
}
.slick-next:before, .slick-prev:before {
    color: #ffffffb8;
    font-size: 35px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}

.slick-dots li button:before{
  color: #f5f0f0f5;
}

.slick-dots {
    /* left: -25px; */
}

.mobshow{display: none;}
.mobhide{display: block;}
.slick-carousel .slick-list {
  margin: 20px 0px;
}
.slick-carousel .slick-prev,
.slick-carousel .slick-next {
  position: absolute;
  right: -16%;
  background: #252424;
  border: none;
  color: transparent;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.slick-carousel .slick-prev:before,
.slick-carousel .slick-next:before {
  content: ">";
  color: #fff;
  font-size: 45px;
  line-height: 0.5;
}
.slick-carousel .slick-prev {
  left: -20%;
}
.slick-carousel .slick-prev:before {
  content: "<";
}
.slick-carousel .slick-dots {
  list-style: none;
  margin: 0 auto;
  text-align: center;
  bottom: -70px;
}
.slick-carousel .slick-dots li {
  display: inline-block;
  width: 16px;
}
.slick-carousel .slick-dots li button {
  transition: 0.2s background-color ease-in-out 0s;
  border: none;
  padding: 0;
  color: transparent;
  width: 8px;
  height: 8px;
  background-color: #777;
  margin-right: 8px;
  border-radius: 50%;
}
.slick-carousel .slick-dots li.slick-active button {
  background-color: #fff;
}

.slick-carousel .slick-dots li button:before{
  display: none;
}
@media yahoo {
  .galslide input {
    display:none !important;
    font-size:0 !important;
    line-height:0 !important;
    float:left !important;
    overflow:hidden !important;
    width:0 !important;
    height:0 !important;
  }
}

.galslide #slider {
  text-align: center;
  margin: 0 auto;
}

.galslide{
  width: 520px; 
  height: 384px; 
  top: 0px; 
  left: auto; 
  max-width: 99999px; 
  max-height: 99999px; 
  position: absolute;
}

.c-mod--gallery__zoom__gallery-inner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.shopbanner{
    width: 57rem;
    background: #fff;
    padding: 35px 200px;
    text-align: center;
    /* position: absolute;
    top: 25%;
    left: 20%; */
}
.bg-banner{
  background: url('bg-banner.png');
  align-items: center;
  justify-content: center;
  background-position: center;
  display: flex;
  margin-top: 120px;
  min-height: 100vh;
  background-size: cover;
}

.bg-banner .scope-form form{
  margin-top: 50px;
}

.bg-banner .scope-form form .c-button {
    display: inline-block;
    float: none;
    color: #070707;
    height: 2.5rem;
    width: 100%;
    max-width: 7.75rem;
    text-align: center;
    line-height: 2.5rem;
}

.bg-banner .scope-form form input{
  color: #070707 !important;
}

.bg-banner h1{
  font-size: 2.5em;
  margin-bottom: 20px;
}
.notirow{
  transform: translateY(0px) translate3d(0px, 0px, 0px); 
  transition: transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0ms; 
  transform-style: preserve-3d;
}

.alert-danger{
  color: white;
  text-align: center;
  background: #ac033d;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 10px;
}

.alert-success{
  color: white;
  text-align: center;
  background: #0c8c47;
  padding: 5px;
  font-size: 12px;
  margin-bottom: 10px;
}

#tasProActive {
  position: fixed;
  width: 400px;
  height: 77vh;
  background: rgb(0 0 0);
  bottom: 0;
  right: 0;
  border-radius: 4px 0px 0px 0px;
  transform: translateY(100%);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  z-index: 99999;
}
#tasProActive.active {
  transform: translateY(0%);
}
#tasProActive h2 {
  text-align: center;
  font-size: 25px;
  width: 100%;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 50px;
  padding: 0 40px;
  box-sizing: border-box;
  transform: translateX(-100%);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #fff;
  font-weight: bold;
  font-family: DIN Next LT W01 Bold;
}

#tasProActive h5 {
  text-align: center;
  font-size: 17px;
  width: 100%;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 50px;
  padding: 0 40px;
  box-sizing: border-box;
  transform: translateX(-100%);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #fff;
  font-weight: bold;
  font-family: DIN Next LT W01 Bold;
}

.wpcf7-response-output{
  font-size: 12px !important;
  color: #fff !important;
  text-align: center;
  width: 90%;
  margin: 0 auto !important;
}

.popupclose{
  float: right;
  color: #fff;
  margin: 20px;
  cursor: pointer;
  font-size: 23px;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px !important;
    font-weight: 400;
    display: block;
}
#tasProActive h2 strong {
  font-weight: bold;
}
#tasProActive h2.active {
  transform: translateY(0%);
}
#tasProActive p {
  font-size: 19px;
  text-align: center;
  width: 100%;
  padding: 0 25px;
  box-sizing: border-box;
  transform: translateX(-100%);
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  color: #fff;
  font-family: DIN Next LT W01 Bold;
  margin-bottom: 30px;
}
#tasProActive p.active {
  transform: translateY(0%);
}
.tasProActivebtn {
  background: #ffffff85;
  display: inline-block;
  padding: 10px;
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  /* margin-top: 25px; */
  position: relative;
  border-radius: 2px;
  cursor: pointer;
  font-family: DIN Next LT W01 Bold;
  border-radius: 10px;
  font-size: 14px;
}

.tasProActiveform{
/* [_site_admin_email] */
  width: 100%;
  background: #121010;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  box-shadow: none;
  width: 100%!important;
  height: 2em !important;
  justify-content: center;
  font-family: DIN Next LT W01 Bold;
  font-size: 0.75em;
  color: #fff;
  text-align: left;
  border-width: 0 0 0 0;
  margin-bottom: 15px;
  padding-left: 10px;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 10px;
}

.txtwhite{
  color: #fff;
}

#button {
  display: inline-block;
  background-color: #662610;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  line-height: 50px;
  color: #fff;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1){
  .galslide label {
    cursor: pointer;
  }
  .galslide #slide1:checked ~ #slides .inner { 
    margin-left:0; 
  }
  .galslide #slide2:checked ~ #slides .inner { 
    margin-left:-100%; 
  }
  .galslide #slide3:checked ~ #slides .inner { 
    margin-left:-200%; 
  }
  .galslide #slide4:checked ~ #slides .inner { 
    margin-left:-300%; 
  }
  .galslide #slide5:checked ~ #slides .inner { 
    margin-left:-400%; 
  }

  .galslide #slide6:checked ~ #slides .inner { 
    margin-left:-500%; 
  }

  .galslide #slide7:checked ~ #slides .inner { 
    margin-left:-600%; 
  }

  .galslide #slide8:checked ~ #slides .inner { 
    margin-left:-700%; 
  }

  .galslide #slide9:checked ~ #slides .inner { 
    margin-left:-800%; 
  }

  .galslide #slide10:checked ~ #slides .inner { 
    margin-left:-900%; 
  }

  .galslide #slide11:checked ~ #slides .inner { 
    margin-left:-1000%; 
  }

  .galslide #slide12:checked ~ #slides .inner { 
    margin-left:-1100%; 
  }

  .galslide #slide13:checked ~ #slides .inner { 
    margin-left:-1200%; 
  }

  .galslide #slide14:checked ~ #slides .inner { 
    margin-left:-1300%; 
  }

  .galslide #slide15:checked ~ #slides .inner { 
    margin-left:-1400%; 
  }
  .galslide #overflow {
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
  }
  .galslide article img {
    width: 100%;
    height:auto;
  }
  .galslide #slides .inner {
   /*  width: 500%; */
    line-height: 0;
  }
  .galslide #slides article {
    /* width: 16.66%; */
    float: left;
  }
  .galslide #controls {
    margin-top: -201px;
    width: 100%;
    height: 50px;
    top:50%;
  }
  .galslide #controls label { 
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.3;
  }
  .galslide #active {
    margin: 40% 0 0;
    text-align: center;
  }
  .galslide #active label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 25px;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #333;
    margin:0 10px;
  }
  .galslide #active label:hover {
    background: #666666;
  }
  .galslide #controls label:hover {
    opacity: 0.8;
  }
  #slide1:checked ~ #controls label:nth-child(2), 
  #slide2:checked ~ #controls label:nth-child(3), 
  #slide3:checked ~ #controls label:nth-child(4), 
  #slide4:checked ~ #controls label:nth-child(5), 
  #slide5:checked ~ #controls label:nth-child(6),
  #slide6:checked ~ #controls label:nth-child(7),
  #slide7:checked ~ #controls label:nth-child(8),
  #slide8:checked ~ #controls label:nth-child(9),
  #slide9:checked ~ #controls label:nth-child(10),
  #slide10:checked ~ #controls label:nth-child(11),
  #slide11:checked ~ #controls label:nth-child(12),
  #slide12:checked ~ #controls label:nth-child(13),
  #slide13:checked ~ #controls label:nth-child(14),
  #slide14:checked ~ #controls label:nth-child(15),
  #slide15:checked ~ #controls label:nth-child(1) {
    background: url('ScxFjIFK.png') no-repeat;
    float: right;
    margin: 0 -200px 0 0;
    display: block;
  }
  #slide1:checked ~ #controls label:nth-child(15),
  #slide2:checked ~ #controls label:nth-child(1),
  #slide3:checked ~ #controls label:nth-child(2),
  #slide4:checked ~ #controls label:nth-child(3),
  #slide5:checked ~ #controls label:nth-child(4),
  #slide6:checked ~ #controls label:nth-child(5),
  #slide7:checked ~ #controls label:nth-child(6),
  #slide8:checked ~ #controls label:nth-child(7),
  #slide9:checked ~ #controls label:nth-child(8),
  #slide10:checked ~ #controls label:nth-child(9),
  #slide11:checked ~ #controls label:nth-child(10),
  #slide12:checked ~ #controls label:nth-child(11),
  #slide13:checked ~ #controls label:nth-child(12),
  #slide14:checked ~ #controls label:nth-child(13),
  #slide15:checked ~ #controls label:nth-child(14) {
    background: url('fJyenwIJ.png') no-repeat;
    float: left;
    margin: 0 0 0 -200px;
    display: block;
  }
  #slide1:checked ~ #active label:nth-child(1),
  #slide2:checked ~ #active label:nth-child(2),
  #slide3:checked ~ #active label:nth-child(3),
  #slide4:checked ~ #active label:nth-child(4),
  #slide5:checked ~ #active label:nth-child(5),
  #slide6:checked ~ #active label:nth-child(6),
  #slide7:checked ~ #active label:nth-child(7),
  #slide8:checked ~ #active label:nth-child(8),
  #slide9:checked ~ #active label:nth-child(9),
  #slide10:checked ~ #active label:nth-child(10),
  #slide11:checked ~ #active label:nth-child(11),
  #slide12:checked ~ #active label:nth-child(12),
  #slide13:checked ~ #active label:nth-child(13),
  #slide14:checked ~ #active label:nth-child(14),
  #slide15:checked ~ #active label:nth-child(15) {
    background: #fff;
    border-color: #fff !important;
  }
  .galslide .info {
    opacity: 0 !important;
    position: absolute;
    margin:25px;
  }
  .galslide #slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
      transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  }
  .galslide #slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }     
  .galslide #controls label{
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
  }
  #slide1:checked ~ #slides article:nth-child(1) .info,
  #slide2:checked ~ #slides article:nth-child(2) .info,
  #slide3:checked ~ #slides article:nth-child(3) .info,
  #slide4:checked ~ #slides article:nth-child(4) .info,
  #slide5:checked ~ #slides article:nth-child(5) .info,
  #slide6:checked ~ #slides article:nth-child(6) .info,
  #slide7:checked ~ #slides article:nth-child(7) .info,
  #slide8:checked ~ #slides article:nth-child(8) .info,
  #slide9:checked ~ #slides article:nth-child(9) .info,
  #slide10:checked ~ #slides article:nth-child(10) .info,
  #slide11:checked ~ #slides article:nth-child(11) .info,
  #slide12:checked ~ #slides article:nth-child(12) .info,
  #slide13:checked ~ #slides article:nth-child(13) .info,
  #slide14:checked ~ #slides article:nth-child(14) .info,
  #slide15:checked ~ #slides article:nth-child(15) .info {
    opacity: 1 !important;
    -webkit-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
  }
  .galslide .info, #controls, #slides, #active, #active label, .info h3 {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
  }
  .galslide .noWebkit {
    display:none !important;
    line-height:0 !important;
    width:0 !important;
    font-size:0 !important;
    height:0 !important;
  }
}
@media only screen and (max-width: 850px) and (min-width: 450px) {
  .galslide #slider #controls {
    margin: -25% 0 0 15%;
    width: 70%;
    height: 50px;
  }
  .galslide #slider #controls label {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  .galslide #slider #active {
    margin: 22% 0 0;
  }
}
@media only screen and (max-width: 450px) {
  .galslide #slider #controls {
    margin: -40% 0 0 20%;
    width: 60%;
    height: 50px;
  }
  .galslide #slider #active {
    margin: 30% 0 0;
  }
  .galslide #slider #slides {
    padding: 1% 0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .galslide #slider #controls label {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
  }
  .galslide .info {
    margin:10px !important;
  }
  
  *[class=eraseForMobile] {
    display:none !important;
    font-size:0 !important;
    line-height:0 !important;
    width:0 !important;
    height:0 !important;
    float:left !important;
    overflow:hidden !important;
  }
}
@media screen and (min-width: 122em){
  .slick-initialized .slick-slide {
      background-color: transparent;
      color: #FFF;
      height: 260px;
      margin: 0 15px 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      display: -webkit-box;
  }
}
@media screen and (max-width: 100em){
  .c-site-wrapper{
    overflow: inherit !important;
  }
}
@media screen and (min-width: 36em) and (max-width: 80em){
  .c-video{
    top: -506px !important;
  }

  .c-mod--hm-2__letter-l {
    top: 65em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  .c-mod--hm-2__image-3 {
    width: 37.5%;
    margin: 40.625% auto 0;
  }

  .c-mod--hm-4__letter-e {
      left: calc(76.75% - 4.5em);
      top: 22em;
  }

  .c-mod--abt-4__black-box, .c-mod--abt-2__black-box {
      padding: 0.5625rem 3.5rem 8.4375rem 4rem;
      background-color: #000000;
      width: 26.25rem;
      display: inline-block;
  }

  .c-mod--abt-3__quote {
      position: absolute;
      top: -3rem;
      left: 52%;
  }

  .c-mod--abt-4__letter-n {
      left: calc(80.3125% - 5.25em);
      bottom: -3.75em;
      z-index: 100;
  }

  .abt_wheel {
      width: 9.25rem;
      height: 9.25rem;
      margin-left: 168px;
      margin-top: 95px;
  }

  .c-mod--abt-5__letter-e {
      left: calc(25% - 4.5em);
      bottom: -214px;
      z-index: 100;
  }

  .c-heading--large {
      font-size: 4.25rem;
  }

  .c-quote, .scope-limit-heading, .c-post-header__inner{
    font-size: 2.125rem;
  }

  .c-mod--gallery__links__slide-inner {
      display: flex;
      align-items: center;
      justify-content: center; 
  }
  .c-mod--gallery__links__img-wrapper {
    padding-top: 85%;
    height: 0 !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important; 
  }

  .c-site-wrapper{
    overflow: inherit !important;
  }


}
@media screen and (min-width: 40em) and (max-width: 79em){
  #button {
    display: inline-block;
    background-color: #662610;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 50px;
    color: #fff;
  }
  .c-mod--hm-2__letter-l {
    top: 66em !important;
    left: calc(30.40625% - 4.5rem);
    z-index: 100;
  }

  .c-mod--hm-2__info {
    padding-left: calc(13% - 6.875rem);
    margin-top: -18.375vw;
    margin-top: 12vw;
  }

  .c-mod--hm-6__info__text {
    width: 36.5rem;
    margin-right: calc(39.125% - 11.5rem);
    opacity: 0 !important;
    transition: opacity 800ms linear 500ms !important;
    text-align: right;
  }
}
@media screen and (max-width: 47.5em) {/* iphone 6/7/8 plus*/
  #button {
    display: inline-block;
    background-color: #662610;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 50px;
    color: #fff;
  }
  .mobtey{
    margin-top: 17em !important;
  }

  .c-mod--hm-2__letter-l {
    top: 100.8em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  .c-mod--hm-2__letter-l {
    top: 103.8em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  #tasProActive {
    /* background-image: url('tlogob.png');
    background-size: 90%;
    background-repeat: no-repeat; */
    background-position: 36px 415px;
    height: 100vh;
    padding-top: 100px;
  }

  .tasProActiveform{
    background: #121010c9;
  }
}
@media screen and (max-width: 35em){
  #button {
    display: inline-block;
    background-color: #662610;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
  }
  #button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    line-height: 50px;
    color: #fff;
  }
	.g-recaptcha div{margin: 0 auto;}
  .abt_wheel {
    width: 9.25rem;
    height: 9.25rem;
    margin-left: -20px;
    margin-top: 10px;
  }

  .shopbanner {
    width: 19rem;
    background: #fff;
    padding: 35px 20px;
    text-align: center;
  }

  .bg-banner{
    margin-top: 75px;
    min-height: 70vh;
  }

  .media-container-row{
      font-size: 12px !important;
  }

  .mobshow{display: block !important;}
  .mobhide{display: none !important;}

  .targetab{
    height: 550px !important;
  }

  .c-mod--abt-1 {
    padding-bottom: 36rem;
  }

  .c-mod--abt-1__text__heading{
    display: none;
  }

  .c-mod--abt-2{
    margin-top: 0px;
  }

  .comflag{
    height: 15px;
    margin-bottom: 9px;
  }

  .mobabth1{
    display: block;
    position: absolute;
    top: 0rem;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 8px;
    font-family: 'DIN Next LT W01 Bold', sans-serif;
  }

  .c-mod--hm-2__letter-y{
    top: 24.8em !important;
  }

  .c-mod--hm-2__letter-l {
    top: 95.8em ;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  .mobtey{
    margin-top: 22rem;
    margin-bottom: 5rem;
  }

  .mobtey img{
    width: 76% !important;
  }

  .mobtey{
    padding: 1.125rem 1.25rem 0px 34px !important;
  }

  .media-container-row{
    font-size: 14px !important;
  }

  .c-site-wrapper{
    overflow: inherit !important;
  }

  .c-mod--abt-3__disclaimer:before{
    text-indent: -35px !important;
  }

  .slick-prev {
    left: -16px;
  }

  .slick-next {
    right: 6px;
  }

  .c-video{
    top: -506px !important;
  }

  .slick-slide{
    background-color: transparent;
    color: #FFF;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .slick-dots li{
    height: 10px;
    margin: 0 0px;
  }

  .slick-dots{
    bottom: -45px;
  }

  .c-mod--hm-5{
    margin-top: -10rem;
  }

  .c-mod--hm-6{
    margin-top: 3.75rem;
  }

  .c-mod--hm-6__info__text{
    margin-right: calc(39.125% - 6.5rem);
    margin-bottom: 11rem;
    margin-left: calc(39.125% - 7.5rem);
    margin-top: 40px;
  }

  .c-mod--hm-5__info__quote {
    width: 43.25%;
    padding-bottom: 0.375rem;
    margin-right: calc(39.125% - 8.5rem);
    text-align: left;
    margin-top: -50px;
  }

  .slick-dots {
      left: 0px;
  }

  .slick-slide img {
      /* width: 100%; */
  }

  .state-ajax-loaded .c-ajax-load-element {
    opacity: 1;
  }

  #slide1:checked ~ #controls label:nth-child(2), 
  #slide2:checked ~ #controls label:nth-child(3), 
  #slide3:checked ~ #controls label:nth-child(4), 
  #slide4:checked ~ #controls label:nth-child(5), 
  #slide5:checked ~ #controls label:nth-child(6),
  #slide6:checked ~ #controls label:nth-child(7),
  #slide7:checked ~ #controls label:nth-child(8),
  #slide8:checked ~ #controls label:nth-child(9),
  #slide9:checked ~ #controls label:nth-child(10),
  #slide10:checked ~ #controls label:nth-child(11),
  #slide11:checked ~ #controls label:nth-child(12),
  #slide12:checked ~ #controls label:nth-child(13),
  #slide13:checked ~ #controls label:nth-child(14),
  #slide14:checked ~ #controls label:nth-child(15),
  #slide15:checked ~ #controls label:nth-child(1) {
    margin: 0 -80px 0 0;
  }
  #slide1:checked ~ #controls label:nth-child(15),
  #slide2:checked ~ #controls label:nth-child(1),
  #slide3:checked ~ #controls label:nth-child(2),
  #slide4:checked ~ #controls label:nth-child(3),
  #slide5:checked ~ #controls label:nth-child(4),
  #slide6:checked ~ #controls label:nth-child(5),
  #slide7:checked ~ #controls label:nth-child(6),
  #slide8:checked ~ #controls label:nth-child(7),
  #slide9:checked ~ #controls label:nth-child(8),
  #slide10:checked ~ #controls label:nth-child(9),
  #slide11:checked ~ #controls label:nth-child(10),
  #slide12:checked ~ #controls label:nth-child(11),
  #slide13:checked ~ #controls label:nth-child(12),
  #slide14:checked ~ #controls label:nth-child(13),
  #slide15:checked ~ #controls label:nth-child(14) {
    margin: 0 0 0 -80px;
  }

  .galslide #controls label{
    opacity: 1;
  }

  .galslide{
    width: 100%; 
    height: 384px; 
    top: 150px; 
    max-width: 99999px;
    max-height: 99999px;
    position: absolute;
    /* left: 0px;  */
  }

  .c-read-more h1{
    font-size: 1em !important;
    margin-bottom: 30px !important;
  }

  .fmarg {
    margin-top: 0px;
  }

  .fmarg1{
    margin-top: 0px;
  }

  .slick-carousel .slick-prev, .slick-carousel .slick-next {
    position: absolute;
    right: -1%;
    background: #2524248f;
    border: none;
    color: transparent;
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }

  .slick-carousel .slick-prev:before, .slick-carousel .slick-next:before {
    font-size: 24px;
    line-height: 0.5;
  }

  .slick-carousel .slick-prev {
    left: -6%;
  }

  .slick-carousel .slick-dots li button{
    width: 5px;
    height: 5px;
  }

  .c-loader{
    /* background-color: transparent !important;
    top: 65px !important;
    position: absolute  !important;
    display: none !important; */
  }

  .c-loader__enter{
    top: 0% !important;
  }
}
@media screen and (max-width: 25em){ /* iphone 6/7/8 */
  .slick-slide {
    background-color: transparent;
    color: #FFF;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .mobtey{
    margin-top: 22em !important;
  }

  .mobipadngt10 {
    padding-top: 17rem;
  }

  .c-mod--hm-2__letter-l {
    top: 97.8em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  #tasProActive {
    background-image: url('tlogob.png');
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: 36px 361px;
    height: 100vh;
    padding-top: 50px;
  }

  .tasProActiveform{
    background: #121010c9;
  }
}
@media screen and (max-width: 23.4em){
  .slick-initialized .slick-slide{
    padding-left: 23px;
  }

  .slick-slide {
    background-color: transparent;
    color: #FFF;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c-mod--hm-2__letter-l {
    top: 94.8em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  #tasProActive {
    width: 360px;
  } 
}
@media screen and (max-width: 20em){
  .slick-initialized .slick-slide{
    padding-left: 0px;
  }

  .slick-slide {
    background-color: transparent;
    color: #FFF;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c-mod--hm-2__letter-l {
    top: 82.8em !important;
    left: calc(23.40625% - 4.5rem);
    z-index: 100;
  }

  #tasProActive {
    width: 310px;
  } 
}