html {  
  -webkit-overflow-scrolling: touch;
  -webkit-touch-callout: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  -webkit-highlight: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-text-size-adjust: auto;
  -webkit-text-size-adjust: auto;
}
*, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
::-webkit-scrollbar {
  display: none;
}
body {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-family: 'Lato', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  font-weight: 300;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  hanging-punctuation: first;
}

.goog-te-banner-frame {
  top: -39px !important;
}
#google_translate_element {
     padding: 0;
    vertical-align: middle;
    border: none;
}
.goog-logo-link img {
  display: initial;
}
.skiptranslate {
  padding: 14px 8% 14px 0 !important;
}
.skiptranslate div {
    display: inline;
    padding: 0 !important;
}
.ah-logo-c-logo {
  height: 100%;
  width: 100%;
  fill: rgba(255, 227, 225, 0.34)
}
.nitetime .ah-logo-c-logo {
  fill: rgba(255, 255, 255, 0.1);
}
.OF-fill {
	object-fit: fill;
	font-family: 'object-fit: fill';
}
.OF-contain {
	object-fit: contain;
	font-family: 'object-fit: contain';
}
.OF-cover {
	object-fit: cover;
	font-family: 'object-fit: cover';
}
.OF-cover-op {
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center';
}
.OF-cover-op-top {
	object-fit: cover;
	object-position: center top;
	font-family: 'object-fit: cover; object-position: center top';
}
.OF-none {
	object-fit: none;
	font-family: 'object-fit: none';
}
.OF-scaleDown {
	object-fit: scale-down;
	font-family: 'object-fit: scale-down';
}

iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.iframe-container {
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-color: inherit;
  border-style: inherit;
  border-width: 0 0 1px 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
.iframe-container.active {
  height: 90vh;
  min-height: 60vw;
}
.ifc-button {
  background-color: rgba(144, 181, 107, 0.3);
  position: relative;
  font-size: 24px;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #999999;
  border-top: 1px solid #999999;
  color: #FFFFFF;
  padding: 16px;
  font-weight: 300;
  letter-spacing: 2px;
  line-height: 1.4;
  text-transform: uppercase;
  cursor: pointer;
  display: table;
  margin: 40px 0 0 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.daytime .ifc-button {
  border-bottom: 1px solid #BBBBBB;
  border-top: 1px solid #BBBBBB;
  color: #777777;
  background-color: rgba(106, 255, 172, 0.4)
}
.ifc-button p:first-child {
  margin: auto;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  color: rgb(255, 207, 60);
}
.daytime .ifc-button p:first-child {
  color: rgb(200, 162, 47);
}
.ifc-button p:last-child {  
  margin: auto;
  letter-spacing: 4px;
}

.p2kd {
  height: initial !important;
  background: -webkit-linear-gradient(-140deg, rgba(0, 0, 0, 0.5) 20%, rgba(255, 255, 255, 0.5));
  background: linear-gradient(-140deg, rgba(0, 0, 0, 0.5) 20%, rgba(255, 255, 255, 0.5));
}
.media-text {
  line-height: 0.7;
  font-weight: 700;
  z-index: 10;
  pointer-events: none;
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  -webkit-text-stroke-color: #FFFFFF;
  -webkit-text-stroke-width: 0.3vw;
  -webkit-text-fill-color: transparent;
  letter-spacing: 1vw;
  font-size: 17vw;
  word-spacing: -3vw;
  padding-right: 2vw;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: padding-bottom 0.3s ease-in-out, -webkit-text-stroke-width 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out, filter 0.3s ease-in-out;
  -moz-transition: padding-bottom 0.3s ease-in-out, -webkit-text-stroke-width 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: padding-bottom 0.3s ease-in-out, -webkit-text-stroke-width 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out, filter 0.3s ease-in-out;
}
#P3 .media-text-wrapper {
 height: 50vh; 
}
.nitetime #P3 .media-text-wrapper {
 height: 100vh; 
}
.nitetime #P2 .media-text {
 -webkit-text-stroke-width: 0.4vw; 
}
#P2 .media-text,
#P3 .media-text {
  padding-top: 2vh;
  letter-spacing: -1vw;
  -webkit-filter: drop-shadow(2px 3px 3px rgba(41, 58, 97, 0.6));
  filter: drop-shadow(2px 3px 3px rgba(41, 58, 97, 0.6));
}
#P3 .media-text {
  -webkit-text-stroke-color: rgb(237, 166, 206);
  color: rgb(237, 166, 206);
  font-size: 9vw;
  word-spacing: 0.4vw;
  letter-spacing: -0.25vw;
  line-height: 0.8;
  padding-top: 5.5vh;
  padding-right: 0;
  -webkit-text-stroke-width: 0.2vw;
}
#P5 .media-text {
  -webkit-text-stroke-color: #1981B6;
  color: #1981B6;
  word-spacing: 1vw;
  letter-spacing: -0.3vw;
  line-height: 0.75;
  -webkit-text-stroke-width: 0.35vw;
  font-size: 12.2vw;
  padding: 1.5vw 20px 0 20px;
}
#P5 .media-text span {
  -webkit-text-stroke-width: 0.32vw;
  -webkit-text-stroke-color: #9C8EA1;
  color: #9C8EA1;
  font-size: 10vw;
}
.nitetime #P5 .media-text {
  -webkit-text-stroke-color: rgb(4, 194, 62);
  color: rgb(4, 194, 62);
  -webkit-text-stroke-width: 0.25vw;
}
.nitetime #P5 .media-text span {
  -webkit-text-stroke-color: rgba(239, 247, 255, 0.8);
  color: rgba(239, 247, 255, 0.8);
  -webkit-text-stroke-width: 0.18vw;
}
.nitetime #P3 .media-text {
  -webkit-text-stroke-color: rgb(237, 232, 61);
  color: rgb(237, 232, 61);
  font-size: 11vw;
  padding-top:  0;
  -webkit-text-stroke-width: 0.3vw;
  opacity: 0.85;
}
#P3 .media-text span {
  -webkit-text-stroke-color: rgb(126, 159, 209);
  color: rgb(126, 159, 209);
}
.nitetime #P3 .media-text span {
  -webkit-text-stroke-color: #FFFFFF;
  color: #FFFFFF;
}
.globalup.daytime #P3 .media-text {
  padding-top: 0;
  padding-bottom: 4.5vmax; 
}
.media-text.hello,
.nitetime .media-text.hello {
  -webkit-text-stroke-color: #FFFFFF; 
  -webkit-text-stroke-width: 0.4vw; 
  letter-spacing: -1vw; 
  font-size: 18vw; 
  padding: 0 40px 16vh 50px;
  position: absolute;
  text-transform: lowercase;
}
.media-text.cuisine,
.media-text.editorial {
  -webkit-text-stroke-color: #FFFFFF;
  -webkit-text-stroke-width: 0.22vw;
  letter-spacing: -0.75vw;
}
.media-text.still-life {
  -webkit-text-stroke-color: #FFFFFF;
  -webkit-text-stroke-width: 0.35vw;
  letter-spacing: -0.5vw;
  word-spacing: 0.5vw;
  font-size: 13vw;
  -webkit-filter: drop-shadow(2px 2px 4px rgba(65, 65, 65, 0.4));
  filter: drop-shadow(2px 2px 4px rgba(65, 65, 65, 0.4));
}
.media-text.interiors {
  font-size: 12vw;
  letter-spacing: -0.1vw;
  -webkit-text-stroke-width: 0.4vw;
  -webkit-text-stroke-color: #FFFFFF;
  color: #FFFFFF;
  -webkit-filter: drop-shadow(2px 2px 4px rgba(65, 65, 65, 0.4));
  filter: drop-shadow(2px 2px 4px rgba(65, 65, 65, 0.4));
}
.nitetime .media-text.interiors {
  -webkit-text-stroke-width: 0.5vw;
  -webkit-text-stroke-color: #D6F705;
  color: #D6F705;
}
.media-text.editorial {
  -webkit-text-stroke-width: 0.4vw;
  line-height: 0.8;
  padding-right: 4vw;
  text-indent: 4vw;
  padding-top: 40vmin;
  font-weight: 900;
  font-size: 14vw;
  letter-spacing: -0.2vw;
}
.media-text.editorial span  {
  -webkit-text-stroke-color: red;
}
.media-text.advertising {
  -webkit-text-stroke-color: rgba(206, 255, 54, 0.9);
  -webkit-text-stroke-width: 0.5vmin;
  letter-spacing: 1.4vw;
  font-size: 9vw;
  font-weight: 900;
  padding: 0 1vmin 0 2vmin;
  line-height: 18vmin;
}
.nitetime #P4 .media-text {
  -webkit-text-stroke-color: #FF0605;
  -webkit-text-stroke-width: 6px;
  -webkit-filter: drop-shadow(0px 0px 8px rgb(255, 255, 255));
  filter: drop-shadow(0px 0px 8px rgb(255, 255, 255));
  -webkit-text-fill-color: rgba(253, 240, 255, 0.55);
  color: #FF0605;
  padding-bottom: 4vh;
}


body.daytime {
  background-color: #FFFFFF;
  color: #555555;
  border-color: #555555;
}
body.nitetime {
  background-color: #000000;
  color: #DDDDDD;
  border-color: #DDDDDD;
}
.daytime .dn-bkrnd {
  background-color: #FFFFFF;
}
.nitetime .dn-bkrnd {
  background-color: #191919;
}
.daytime .opi-two,
.nitetime .opi-one {
  display: block;
}
.daytime .opi-one, 
.nitetime .opi-two {
  display: none;
}
.mqmobile, 
.mqmobile * {
  cursor: default !important;
}
.daytime #lpw p.flow-text  {
  text-shadow: none;
  font-weight: 400;
  color: #808880;
  letter-spacing: -0.2px;
  -webkit-font-smoothing: auto;
}
.daytime #lpw .image-contain-relative {
  background-color: transparent;
}
.daytime .opbkcs {
  background-color: #FFFFFF;
  }
.nitetime .opbkcs {
  background-color: #000000;
}


/* ——— Normalize  ——— */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input:-webkit-autofill {
  background-color: #D5E600 !important;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  padding: 0; 
}


/* ——— Full Scren  ——— */

*|:not(:root):fullscreen {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  font-family: 'object-fit: contain;';
  transform: none !important;
}
iframe:fullscreen {
  border: none !important;
  padding: 0 !important;
}
::backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
*|:not(:root):fullscreen::backdrop {
  background: transparent;
}


/* ———  Fonts  ——— */

@media only screen and (min-width: 0) {
html {
  font-size: 12.75px;
}
}

@media only screen and (min-width: 400px) {
html {
  font-size: 12px;
}
}

@media only screen and (min-width: 600px) {
html {
  font-size: 11.75px;
}
}

@media only screen and (min-width: 992px) {
html {
  font-size: 11.5px;
}
}


/* ———  Headers  ——— */

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  line-height: 1.1;
  padding: 0 0.3rem;
  hanging-punctuation: first;
  -webkit-column-span: all; 
  column-span: all;
  letter-spacing: -.03rem;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 140%;
}
h1 {
  font-size: 4.2rem;
  margin: 2.8rem 0;
}
h1.paragraph {
  line-height: 140%;
}
h2 {
  font-size: 3.56rem;
  margin: 2rem 0;
}
h2.paragraph {
  line-height: 145%;
}
h3 {
  font-size: 2.92rem;
  margin: 1.8rem 0;
}
h3.paragraph {
  line-height: 150%;
}
h4 {
  font-size: 2.28rem;
  margin: 1.6rem 0 ;
}
h4.paragraph {
  line-height: 150%;
}
h5 {
  font-size: 1.9rem;
  margin: 1.5rem 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
h5.paragraph {
  line-height: 170%;
}
h6 {
  font-size: 1.6rem;
  margin: 0.8rem 0;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
h6.paragraph {
  line-height: 160%;
}
.material-icons {
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
  -moz-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}
.left-align {
  text-align: left;
}
.center-align {
  text-align: center;
}
.right-align {
  text-align: right;
} 
.mauto {
  margin: auto;
}

/* ———  Drop Shaddows  ——— */
.tds-lt {
  text-shadow: 1px 1px 1px rgba(65, 65, 65, 0.2);
}
.tds {
  text-shadow: 1px 1px 4px rgba(65, 65, 65, 0.3);
}
.nitetime .tds {
  text-shadow: 1px 1px 5px rgba(65, 65, 65, 0.4);
}
.tds-02 {
  text-shadow: 1px 1px 2px rgba(43, 43, 43, 0.7);
}


.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}


.lato {
  font-family: 'lato', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1; 
  font-feature-settings: 'liga' 1, 'kern' 1;
}
.montser {
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
}
p.flow-text strong {
  font-weight: 500;
  color: #777777;
}
.nitetime p.flow-text strong {
  font-weight: 500;
  color: #d9d9d9;
}
#openPanel {
  z-index: 10700 !important;
  position: fixed;
}
a, span, label {
  text-rendering: auto;
}
strong {
  font-weight: 600;
}
.legal-text {
  font-size: 8px;
}
a.show-link,
a:link.show-link,
a:active.show-link,
span.show-link,
a:link span.show-link,
a:active span.show-link {
  text-decoration: underline;
  cursor: pointer;
  color: #1B6CAD;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
.nitetime a.show-link,
.nitetime a:link.show-link,
.nitetime a:active.show-link,
.nitetime span.show-link,
.nitetime a:link span.show-link,
.nitetime a:active span.show-link {
  color: rgb(77, 129, 175);
}
a.show-link-white,
a:link.show-link-white,
a:active.show-link-white,
span.show-link-white,
a:link span.show-link-white,
a:active span.show-link-white {
  text-decoration: underline;
  cursor: pointer;
  color: #EEEEEE;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a.hot,
li.active-large  {
  pointer-events: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
a.active-small  {
  pointer-events: none;
}
p {
  hanging-punctuation: first;
  white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
  margin: 1.1rem auto;
  padding: 0 0.3rem;
  word-spacing: 0.02rem;
  letter-spacing: -0.01rem;
  -webkit-font-smoothing: antialiased;
}
p.fs-opt {
  line-height: 1.5;
  font-size: 145%;
}
.lpc-wrapper p.flow-text {
 -webkit-font-smoothing: antialiased;
  font-weight: 500;
  color: rgba(237, 192, 56, 0.8);
  margin: auto;
}
.row.aqn p {
  webkit-font-smoothing: auto;
}
.nitetime h1,
.nitetime h2,
.nitetime h3, 
.nitetime h4, 
.nitetime h5, 
.nitetime h6 {
   -webkit-font-smoothing: auto;
}


/*.tre-column p*/

.hyphenate, p:not(.no-hyphenate),
.blueverite li:last-of-type {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -moz-hyphenate-limit-before: 3;
  -ms-hyphenate-limit-before: 3;
  -o-hyphenate-limit-before: 3;
  hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-lines: 2;
  -o-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -ms-word-break: keep-all;
  word-break: keep-all;
  /* Non standard for webkit */
  word-break: break-word;
}
span.valign {
  display: block;
}
.rule {
  border-bottom: 1px solid;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}

  
/* ———  Responsive Type  ———  */

.fluid-op {
  font-size: calc(73px + (220 - 73) * ((100vw - 300px) / (2400 - 300)));
  line-height: 1.4;
  margin: auto;
  z-index: 10;
  text-align: center;
  font-weight: 100;
  letter-spacing: -0.7vw;
  -webkit-font-smoothing: auto;
}
.fluid-01 {
  font-size: calc(60px + (180 - 60) * ((100vw - 300px) / (2400 - 300)));
  letter-spacing: -1.25vmin;
  line-height: 1.2;
  word-spacing: 1vw;
  margin: 6vmin 0 3vmin 0;
  z-index: 10;
  font-weight: 100;
  -webkit-font-smoothing: auto;
}
.fluid-025 {
  font-size: calc(42px + (135 - 42) * ((100vw - 300px) / (2400 - 300)));  
  word-spacing: 1vw;
  letter-spacing: -0.5vw;
  line-height: 1; 
  z-index: 10;
  font-weight: 100;
  -webkit-font-smoothing: auto;
}
.fluid-024 {
  font-size: calc(24px + (90 - 24) * ((100vw - 300px) / (2400 - 300)));
  word-spacing: 1vw;
  letter-spacing: -0.5vw;
  line-height: 1.1; 
  z-index: 10;
}
.fluid-02 {
  font-size: calc(36px + (90 - 36) * ((100vw - 300px) / (2400 - 300)));
  word-spacing: 0.7vw;
  letter-spacing: -0.4vw;
  line-height: 1.1; 
  font-weight: 200;
  z-index: 10;
}
.fluid-03 {
  font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (2400 - 300)));
  word-spacing: 0.6vw;
  letter-spacing: -0.2vw;
  line-height: 1;
  font-weight: 300;
  z-index: 10;
}
.fluid-04 {
  font-size: calc(16px + (75 - 16) * ((100vw - 300px) / (2400 - 300)));
  word-spacing: 20%;
  z-index: 10;
  width: 100%;
  letter-spacing: 1.7px;
  line-height: 1;
  padding-right: 0;
  padding-left: 2vw;
  font-weight: 300;
}
.lpc-wrapper .fluid-03  {
  font-size: calc(24px + (72 - 24) * ((100vw - 300px) / (2400 - 300)));
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.25vw;
  color: rgba(255, 255, 255, 0.8);
  margin: auto;
}
.daytime .lpc-wrapper .fluid-03  {
  text-shadow: none;
  color: rgb(24, 125, 178);
}
.max30vw {
  font-size: 30vw !important;
  letter-spacing: -3.8vw;
  word-spacing: 3.5vw;
}
.max25vw {
  font-size: 25vw !important;
  letter-spacing: -3vw;
  word-spacing: 3.1vw;
}
.max20vw {
  font-size: 20vw !important;
  letter-spacing: -2.5vw;
  word-spacing: 4vw;
}
.max17vw {
  font-size: 17vw !important;
  letter-spacing: -2vw;
  word-spacing: 3vw;
}
.max15vw, .max15vw-nl {
  font-size: 15vw !important;
  letter-spacing: -1.8vw;
  word-spacing: 2.5vw;
}
.max11vw {
  font-size: 11vw !important;
  letter-spacing: -1.4vw;
  word-spacing: 1.5vw;
}
.max9vw {
  font-size: 9.25vw !important;
  letter-spacing: -0.7vw;
  word-spacing: 1.7vw;
}
.max8vw {
  font-size: 8vw !important;
  letter-spacing: -0.45vw;
  word-spacing: 1.5vw;
}
.max7vw {
  font-size: 7vw !important;
  letter-spacing: -0.4vw;
  word-spacing: 1.3vw;
}
.max6vw {
  font-size: 6vw !important;
  letter-spacing: -0.35vw;
  word-spacing: 1.2vw;
}
.max5vw {
  margin: auto;
  font-size: 5vw !important;
  letter-spacing: -0.3vw;
  word-spacing: 0.6vw;
}
.max5vw.rule {
  padding-bottom: 1vw;
  margin-bottom: 2vw !important;
}
.max4vw {
  font-size: 4vw ;
  letter-spacing: -0.25vw;
  word-spacing: 1vw;
}
.max3vw {
  font-size: 3vw;
  letter-spacing: normal;
  word-spacing: normal;
}
h3.max3vw.tz {
  letter-spacing: -0.15vw;
  padding-left: 0;
  padding-right: 2vw;
  font-weight: 500;
  -webkit-filter: drop-shadow(1px 1px 4px rgba(41, 58, 97, 0.93));
  filter: drop-shadow(1px 1px 4px rgba(41, 58, 97, 0.93));
  z-index: 10;
  margin: auto;
  text-transform: uppercase;
  text-align: center;
}
.max2halfvw {
  font-size: 2.5vw;
  letter-spacing: normal;
  word-spacing: normal;
}
.max2vw {
  font-size: 2vw;
  letter-spacing: normal;
  word-spacing: normal;
}
.max1halfvw {
  font-size: 1.5vw;
  letter-spacing: normal;
  word-spacing: normal;
}

@media screen and (max-width: 784px) and (orientation: portrait) {
.max15vw-nl {
  font-size: 19vw !important;
}
.max11vw {
  font-size: 16.5vw !important;
}
.max9vw {
  font-size: 13.5vw !important;
  letter-spacing: -0.8vw;
}
.max8vw {
  font-size: 12vw !important;
}
.max6vw {
  font-size: 9vw !important;
}
.max5vw {
  font-size: 7.5vw !important;
}
.max4vw {
  font-size: 6vw !important;
}  
.max3vw {
  font-size: 4.5vw !important;
}
h3.max3vw.tz {
  font-weight: 600;
  padding: 1vw 15% 20vw 15%;
  letter-spacing: -0.4vw;
  line-height: 1;
  font-size: 6.5vw !important;
}
}
  

/* ——— Font Weights  ——— */

.weight-scale-1 {
  font-weight: 600;
}
.weight-scale-2 {
  font-weight: 300;
}
.weight-scale-2-1, .weight-scale-3-2-1 {
  font-weight: 100;
  -webkit-font-smoothing: auto;
}
.weight900 {
  font-weight: 900 !important;
}
.weight700 {
  font-weight: 700 !important;
}
.weight600 {
  font-weight: 600 !important;
}
.weight500 {
  font-weight: 500 !important;
}
.weight400 {
  font-weight: 400 !important;
}
.weight300 {
  font-weight: 300 !important;
}
.weight200 {
  font-weight: 200 !important;
}
.weight100 {
  font-weight: 100 !important;
}
  


/* ——— Colors ——— */

.nitetime footer,
.nitetime nav ul li a:not(.options-wrapper) {
  background-color: rgba(1, 22, 63, 0.7);
  fill: rgba(1, 22, 63, 0.7);
  color: rgb(158, 188, 206);
  border-color: rgba(238, 238, 238, 0.4);
  font-weight: 500;
}

.nitetime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper) i,
.nitetime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper) i,
.nitetime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper):not(.active-small),
.nitetime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper):not(.active-small),
.nitetime.mqdesktop nav ul li:not(.menuspacer) a:not(.options-wrapper):not(.active-small):hover,
.nitetime.mqdesktop nav ul li:not(.menuspacer) a:not(.options-wrapper):not(.active-small):active,
.nitetime.mqdesktop nav ul li:not(.menuspacer) a:not(.options-wrapper):hover i,
.nitetime.mqdesktop nav ul li:not(.menuspacer) a:not(.options-wrapper):active i,
.nitetime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper):not(.active-small),
.nitetime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper):not(.active-small),
.nitetime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper) i,
.nitetime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper) i {
  background-color: rgba(81, 129, 158, 0.75);
  fill: rgba(81, 129, 158, 0.75);
  color: rgb(5, 255, 6);
}
.nitetime nav ul li.active a i,
.nitetime nav ul li a.active, 
.nitetime .settingsbtn.active {
  background-color: rgba(29, 53, 111, 0.65);
  color: rgb(5, 255, 6);
  font-weight: 700;
}
.nitetime .headerSvgLogoWrapper path {
  fill: rgb(115, 137, 150);
}
.mqdesktop.nitetime  nav ul li:hover a .headerSvgLogoWrapper path,
.mqdesktop.nitetime  nav ul li:active a .headerSvgLogoWrapper path,
.nitetime  nav ul.open li a .headerSvgLogoWrapper path {
  fill: rgb(65, 212, 70);
}
.daytime footer,
.daytime nav ul li a {
  border-color: rgba(46, 121, 213, 0.63);
  color: rgb(48, 102, 169);
  background-color: rgba(255, 240, 250, 0.6);
  fill: rgba(255, 240, 250, 0.6);
  font-weight: 600;
}
.daytime .headerSvgLogoWrapper path {
  fill: rgb(48, 102, 169);
}
#navPack .headerSvgLogoWrapper path {   
    fill: rgb(255, 255, 255);
    stroke: white;
    stroke-width: 1px;
}
.mqdesktop.daytime  nav ul li:hover a .headerSvgLogoWrapper path,
.mqdesktop.daytime  nav ul li:active a .headerSvgLogoWrapper path,
.daytime  nav ul.open li a .headerSvgLogoWrapper path {
  fill: rgb(5, 255, 6);
}
.daytime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper) i,
.daytime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper) i,
.daytime.mqdesktop nav ul li:not(.menuspacer):hover a:not(.options-wrapper),
.daytime.mqdesktop nav ul li:not(.menuspacer):active a:not(.options-wrapper) {
  background-color: rgba(89, 142, 174, 0.78);
  fill: rgba(89, 142, 174, 0.78);
  color: rgb(5, 255, 6);
}
.daytime nav ul li.active a i,
.daytime nav ul li a.active, 
.daytime .settingsbtn.active {
  background-color: rgba(107, 171, 209, 0.85);
  fill: rgba(107, 171, 209, 0.85);
  color: rgb(5, 255, 6);
  font-weight: 800;
}
.blk-txt {
  color: #111111;
}
.nitetime .blk-txt {
  color: #DDDDDD;
}
.nitetime .fff-bk {
  background-color: #000000;
}
.fff-bk {
  background-color: #FFFFFF;
}
.eee-bk {
  background-color: #EEEEEE;
} 
.ooo-bk {
  background-color: #000000;
} 
.nitetime .white-text:not(.notod) {
  color: #000000;
}
.white-text {
  color: #FFFFFF;
}
.white-text-imp {
  color: #FFFFFF !important;
}
.blu-text {
  color: rgba(24, 125, 178, 0.84);
}
.nitetime .blu-text {
  color: rgb(77, 129, 175);
}
.blu-text-fh {
  color: #187DB4;
}
.nitetime .blu-text-fh {
  color: rgb(77, 129, 175);
}
.blu-bk  {
  background-color: rgba(24, 125, 178, 0.84);
}
.brightgreen {
   color: #05FF06;
}
.green-text {
   color: #00CB00;
}
.gray-text {
  color: #777777;
}
.ochre-text {
  color: rgba(237, 192, 56, 0.8);
}
.light-gray-text {
  color: #AAAAAA;
}
.dark-gray-text {
  color: #646464;
}
.nitetime .dark-gray-text {
  color: #CECECE;
}
.light-bk {
  background-color: rgba(255, 255, 255, 0.9);
}
.nitetime .white-text-nt-only {
  color: #FFFFFF !important;
}
.daytime .blu-text-dt-only {
  color: #187DB4 !important;
}
.daytime .ochre-text-dt-only {
  color: rgba(237, 192, 56, 0.8) !important;
}

/* ——— Page Scroll Arrows  ——— */

.mqdesktop .scrollsection:link, 
.mqdesktop .scrollsection:visited,
.mqdesktop .scrollsectiontop:link, 
.mqdesktop .scrollsectiontop:visited {
  text-decoration: none;
}  
.section-button-wrapper,
.sectionButtonWrapperTop {
  position: absolute;
  bottom:  30px;
  left: 0;
  right: 0;
  width: 75px;
  height: 75px;
  z-index: 5000;
  margin: auto;
  -webkit-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: bottom 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
#P1 .section-button-wrapper {
  right: 60%;
}
.sectionButtonWrapperTop {
  top: 96px;
  bottom: initial;
  -webkit-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
/*
.foxey .sectionButtonWrapperTop:not(.opt),
.foxey .section-button-wrapper:not(.opt) {
  right: 16px;
}
*/
.sectionButtonWrapperTop.opt,
.section-button-wrapper.opt {
  bottom: 10px;
}
.sbwopt-delay {
  opacity: 0;
  -webkit-transition-delay: 0s !important;
  -moz-transition-delay: 0s !important;
  transition-delay: 0s !important; 
}
.globalup .sectionButtonWrapperTop {
 top: 10px ;
}
.globalup .section-button-wrapper,
.section-button-wrapper.b-con,
.fs .section-button-wrapper {
  bottom: 10px; 
  display: block;
}
.section-button-wrapper.b-con.rc-pause {
  opacity: 0 !important;
  pointer-events: none !important;
}
.scrollsection, 
.scrollsectiontop {
  border-radius: 6px;
  color: transparent;
  position: relative;
  font-size: 8px;
  line-height: 1.4;
  letter-spacing: 0.5px;
  width: 75px;
  display: inline-block;
  height: 75px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin: auto;
  padding: 12px 14px 0 14px;
  z-index: 6000;
  -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
  cursor: pointer;
  will-change: opacity, color;
  -webkit-font-smoothing: antialiased;
}

.mqdesktop .scrollsection:hover, 
.mqdesktop .scrollsection:active, 
.mqdesktop .scrollsectiontop:hover,
.mqdesktop .scrollsectiontop:active {
  opacity: 1;
}
.scrollsectiontop {
  padding: 45px 10px 0 10px;
}
.b-con.opt .sgrey,
.mqdesktop .sgrey:hover, 
.mqdesktop .sgrey:active {
  text-decoration: none;
  color: #777777;
  opacity: 1;
}
.b-con.opt .sblue,
.mqdesktop .sblue:hover, 
.mqdesktop .sblue:active {
  text-decoration: none;
  color: rgba(24, 125, 178, 0.84);
  opacity: 1;
}
.b-con.opt .swhite,
.mqdesktop .swhite:hover, 
.mqdesktop .swhite:active,
.mqdesktop.nitetime .sblue.ssb-opt:hover,
.mqdesktop.nitetime .sblue.ssb-opt:active {
  text-decoration: none;
  color: #FFFFFF;
  opacity: 1;
}
.nitetime .l-content .swhite,
.nitetime .b-content.aqn .swhite {
  color: rgb(3, 85, 150);
  opacity: 1;
}
.nitetime .l-content .swhite:before,
.nitetime .l-content .swhite:after,
.nitetime .b-content.aqn .swhite:before,
.nitetime .b-content.aqn .swhite:after {
  border-color: rgb(3, 85, 150);
  opacity: 1;
}
.b-con.opt .sgreen,
.mqdesktop .sgreen:hover, 
.mqdesktop .sgreen:active {
  text-decoration: none;
  color: #21B205;
  opacity: 1;
}
.scrollsection:after {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-animation: arrow 3s ease-in-out 0s infinite normal both;
  -moz-animation: arrow 3s ease-in-out 0s infinite normal both;
  animation: arrow 3s ease-in-out 0s infinite normal both;
}
.scrollsectiontop:before {
  content: '';
  width: 26px;
  height: 26px;
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-animation: arrowUp 3s ease-in-out 0s infinite normal both;
  -moz-animation: arrowUp 3s ease-in-out 0s infinite normal both;
  animation: arrowUp 3s ease-in-out 0s infinite normal both;
}
.scrollsection:before, 
.scrollsection:after, 
.scrollsectiontop:before, 
.scrollsectiontop:after {
  border-right: 1.5px solid;
  border-bottom: 1.5px solid;
}
.modal-wrapper .scrollsection:before, 
.modal-wrapper .scrollsection:after {
  top: 18px;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
.sgrey:before,
.sgrey:after {
  border-color: #777777;
}
.sblue:before, 
.sblue:after {
  border-color:  rgba(24, 125, 178, 0.84);
}
.nitetime .b-con.opt .sblue.ssb-opt,
.swhite:before, 
.swhite:after,
.nitetime .sblue.ssb-opt:before,
.nitetime .sblue.ssb-opt:after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.daytime .b-con.opt .sblue.ssb-opt {
  font-weight: 800;
}
.sgreen:before, 
.sgreen:after {
  border-color: #21B205;
}
.winUnlocked .b-con.rc-pause .scrollsection::after, 
.contentUnlocked .b-con.rc-pause .scrollsection::after,
.mqdesktop .scrollsection:hover::after, 
.mqdesktop .scrollsectiontop:hover::before,
.scrollsection.rc-pause::after, 
.scrollsectiontop.rc-pause::before {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.mqmobile .scrollsection,
.mqmobile .scrollsectiontop {
  display: none !important;
}
.panel:not(.nosnappy) .sectionButtonWrapperTop .scrollsectiontop.rc-pause,
.panel:not(.nosnappy) .section-button-wrapper .scrollsection.rc-pause,
.panel.nosnappy .sectionButtonWrapperTop,
.panel.nosnappy .section-button-wrapper,
.panel.nosnappy-opt .sectionButtonWrapperTop,
.panel.nosnappy-opt .section-button-wrapper,
.panel .sectionButtonWrapperTop.opt,
.panel .section-button-wrapper.opt {
  opacity: 0;
  pointer-events: none;
}
.panel.nosnappy-opt .sectionButtonWrapperTop.opt,
.panel.nosnappy-opt .section-button-wrapper.opt {
  opacity: 1;
  pointer-events: all;
}

@-webkit-keyframes arrow {
  0%,100% { -webkit-transform: translate3d(0, 15px, 0) rotate3d(0,0,1,45deg); transform: translate3d(0, 15px, 0) rotate3d(0,0,1,45deg); }
  50% { -webkit-transform: translate3d(0, 25px, 0) rotate3d(0,0,1,45deg); transform: translate3d(0, 25px, 0) rotate3d(0,0,1,45deg); }
}

@-moz-keyframes arrow {
  0%,100% { -moz-transform: translate3d(0, 15px, 0) rotate3d(0,0,1,45deg); transform: translate3d(0, 15px, 0) rotate3d(0,0,1,45deg); }	
  50% { -moz-transform: translate3d(0, 25px, 0) rotate3d(0,0,1,45deg); transform: translate3d(0, 25px, 0) rotate3d(0,0,1,45deg); } 
}

@keyframes arrow {
  0%,100% { transform: translate3d(0, 15px, 0) rotate3d(0,0,1,45deg); } 
  50% { transform: translate3d(0, 25px, 0) rotate3d(0,0,1,45deg); } 
}

@-webkit-keyframes arrowUp {
  0%,100% { -webkit-transform: translate3d(0, 0, 0) rotate3d(0,0,1,-135deg); transform: translate3d(0, 0, 0) rotate3d(0,0,1,-135deg); }
  50% { -webkit-transform: translate3d(0, 10px, 0) rotate3d(0,0,1,-135deg); transform: translate3d(0, 10px, 0) rotate3d(0,0,1,-135deg); }
}

@-moz-keyframes arrowUp {
  0%,100% { -moz-transform: translate3d(0, 0, 0) rotate3d(0,0,1,-135deg); transform: translate3d(0, 0, 0) rotate3d(0,0,1,-135deg); }	
  50% { -moz-transform: translate3d(0, 10px, 0) rotate3d(0,0,1,-135deg); transform: translate3d(0, 10px, 0) rotate3d(0,0,1,-135deg); } 
}

@keyframes arrowUp {
  0%,100% { transform: translate3d(0, 0, 0) rotate3d(0,0,1,-135deg); } 
  50% { transform: translate3d(0, 10px, 0) rotate3d(0,0,1,-135deg);	} 
}


/* ———  Clear Logo Button  ——— */

.clear-bd, 
.clear-bd2 {
  opacity: 0;
  top: -55px;
  left: 0;
  right: 0;
  margin: auto;
  width: 65px;
  height: 55px;
  position: fixed;
  z-index: 10500;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  pointer-events: none;
  background-repeat: no-repeat !important;
  background-position: 53% 50% !important;
  background-size: 45% !important;
  background-image: url(../images/ah-logo-white.svg) !important;
  background-color: rgba(194, 215, 32, 0.5);
  background-blend-mode: screen !important;
  border-radius: 0 0 3px 3px;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, 0.3s opacity 0.2s ease-in-out, top 0.3s ease-in-out;
  -moz-transition:  transform 0.2s ease-in-out, 0.3s opacity 0.2s ease-in-out, top 0.3s ease-in-out;
  transition:  transform 0.2s ease-in-out, 0.3s opacity 0.2s ease-in-out,  top 0.3s ease-in-out;
}
.mqdessktop .clear-bd2 {
  border-radius:  0 3px 3px 0;
  top: 18vh;
  right: initial;
  margin: 0;
  width: 75px;
  height: 75px;
  background-size: 48% !important;
  background-position: 54% 52% !important;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  -webkit-transition: 0.2s opacity 0.2s ease-in-out, left 0.5s ease-in-out, height 0.4s ease-in-out, width 0.4s ease-in-out, background-size 0.4s ease-in-out, top 0.3s ease-out;
  -moz-transition: 0.2s opacity 0.2s ease-in-out, left 0.5s ease-in-out, height 0.4s ease-in-out, width 0.4s ease-in-out, background-size 0.4s ease-in-out, top 0.3s ease-out;
  transition: 0.2s opacity 0.2s ease-in-out, left 0.5s ease-in-out, height 0.4s ease-in-out, width 0.4s ease-in-out, background-size 0.4s ease-in-out, top 0.3s ease-out;
  left: -78px;
}
.daytime .clear-bd, 
.daytime .clear-bd2 {
  background-color: rgba(194, 215, 32, 0.8);
}
.clear-bd2.gnav {
   opacity: 0.8;
   left: -1px ;
}
.nitetime .clear-bd2.gnav {
   opacity: 0.62;
}
.winUnlocked .clear-bd,
.contentUnlocked .clear-bd,
.globalup .clear-bd {
  opacity: 0.6;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);
  pointer-events: all;
  cursor: pointer;
}
.winUnlocked.modal-panel-up .clear-bd,
.winUnlocked.video-panel-up .clear-bd,
.contentUnlocked.modal-panel-up .clear-bd,
.contentUnlocked.video-panel-up .clear-bd {
  opacity: 0;
  pointer-events: none;
}
.mqdesktop.winUnlocked .clear-bd.clearbd-option,
.mqdesktop.contentUnlocked .clear-bd.clearbd-option,
.mqmobile.winUnlocked .clear-bd.clearbd-option,
.mqmobile.contentUnlocked .clear-bd.clearbd-option {
  top: 45px;
}
.mqdesktop.winUnlocked .clear-bd:link,
.mqdesktop.winUnlocked .clear-bd:visited,
.mqdesktop.contentUnlocked .clear-bd:link,
.mqdesktop.contentUnlocked .clear-bd:visited {
  text-decoration: none;
}
.mqdesktop.winUnlocked .clear-bd:hover,
.mqdesktop.winUnlocked .clear-bd:active,
.mqdesktop.contentUnlocked .clear-bd:hover,
.mqdesktop.contentUnlocked .clear-bd:active {
  opacity: 0.8;
}
mqdesktop .clear-bd.fo-option,
.mqmobile .clear-bd.fo-option {
  opacity: 0;
  pointer-events: none;
}
.globalup .clear-bd {
   display: none !important;
}


/* ———  Closer, Pointer, Triangle Buttons  ——— */

#contentButtonWrapper {
  -webkit-transition: 0.3s opacity 0.6s ease-in-out;
  -moz-transition: 0.3s opacity 0.6s ease-in-out;
  transition: 0.3s opacity 0.6s ease-in-out;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 56px;
  height: 100%;
  z-index: 9200;
  position: fixed;
  pointer-events: none;
}
.close-button-wrapper-opt {
  position: absolute;
  height: 56px;
  width: 56px;
  top: 5px;
  right: 5px;
  z-index: 1000;
  pointer-events: all;
  -webkit-transition: 0.3s opacity 0.1s ease-in-out, -webkit-transform 0.5s ease-in-out, transform 0.5s ease-in-out !important;
  -moz-transition: 0.3s opacity 0.1s ease-in-out, transform 0.5s ease-in-out !important;
  transition: 0.3s opacity 0.1s ease-in-out, transform 0.5s ease-in-out !important;
  will-change: transform, opacity;
}
.mqdesktop.fs .so-content .close-button-wrapper-opt:not(.hlp) {
  left: 5px;
  margin: auto;
  top: 12vh;
}
.close-button-wrapper,
.stt-button-wrapper {
  position: fixed;
  height: 56px;
  width: 56px;
  right: 0;
  pointer-events: none;
  will-change: transform, opacity;
  z-index: 10;
}
.stt-button-wrapper {
  bottom:0;
  -webkit-transition: -webkit-transform 0.2s ease-in-out, transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition:  transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  perspective: 100px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px 0 0 0;
}
.stt-button-wrapper svg {
  padding: 14px 16px 14px 14px;
  pointer-events: none;
}
.close-button-wrapper {
  top: 5px;
  right: 5px;
  -webkit-transition: 0.3s opacity 0.1s ease-in-out, -webkit-transform 0.5s ease-in-out, transform 0.5s ease-in-out !important;
  -moz-transition: 0.3s opacity 0.1s ease-in-out, transform 0.5s ease-in-out !important;
  transition: 0.3s opacity 0.1s ease-in-out, transform 0.5s ease-in-out !important;
}
.close-button-wrapper svg,
.close-button-wrapper-opt svg {
  padding: 12px;
  pointer-events: none;
}
.stt-button-wrapper.active {
  -webkit-transform: rotate3d(0, 0, 0, -90deg);
  -moz-transform: rotate3d(0, 0, 0, -90deg);
  transform: rotate3d(0, 0, 0, -90deg);
}
.mqdesktop .close-button-wrapper:not(.no-spin):hover, 
.mqdesktop .close-button-wrapper:not(.no-spin):active,
.mqdesktop .close-button-wrapper-opt:not(.no-spin):hover, 
.mqdesktop .close-button-wrapper-opt:not(.no-spin):active {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  transform: rotate(270deg);
}
.winUnlocked #contentButtonWrapper,
.contentUnlocked #contentButtonWrapper {
  opacity: 1;
}
.winUnlocked .close-button-wrapper,
.winUnlocked .stt-button-wrapper,
.contentUnlocked .close-button-wrapper,
.contentUnlocked .stt-button-wrapper {
  pointer-events: all;
}
.modal-panel-up #contentButtonWrapper,
.site-options-up #contentButtonWrapper,
.video-panel-up #contentButtonWrapper,
.modal-panel-up .close-button-wrapper,
.site-options-up .close-button-wrapper,
.video-panel-up .close-button-wrapper,
.modal-panel-up .stt-button-wrapper,
.site-options-up .stt-button-wrapper,
.video-panel-up .stt-button-wrapper {
  opacity: 0 !important;
  pointer-events: none !important;
}
.svg-color-change {
  text-decoration: none;
}
.svg-triangle-path {
  stroke: #72FF05;
  stroke-width: 2px;
  fill: none;
  stroke-miterlimit: 10;
}
.svg-close-path {
  fill: none;
  stroke: #72FF05;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.nitetime .svg-close-path,
.nitetime .svg-triangle-path {
  stroke: #FFFFFF;
}
.cb-blue .svg-close-path,
.cb-blue .svg-triangle-path {
  stroke: #187DB4;
}
.nitetime.cb-blue .svg-close-path,
.nitetime.cb-blue .svg-triangle-path {
  stroke: #095083;
}
.b-content.aqn .close-button-wrapper-opt {
  left: 10px;
  margin: auto;
  top: 20px;
}
.b-content.aqn .close-button-wrapper-opt svg.aqn {
  padding: 14px;
  pointer-events: none;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
.nitetime .b-content.aqn .close-button-wrapper-opt svg.aqn .svg-close-path {
  stroke: rgb(41, 109, 146);
  stroke-width: 2px;
}
.daytime .b-content.aqn .close-button-wrapper-opt svg.aqn .svg-close-path {
  stroke-width: 2px;
  stroke: #FFFFFF;
}
.mqdesktop .close-button-wrapper.dt-hover {
  opacity: 0.85;
}
.scrollie,
.scrollieOpt,
.scrollie-left,
.scrollie-left-half,
.scrollie-right,
.scrollie-right-half {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: initial !important;
  pointer-events: all;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.noscrollie  {
  overflow: hidden !important;
}  
.bk-img-cc,
.bk-img-cover,
.bk-img-contain {
  image-rendering: auto;
  background-size: cover; 
  background-position: center;
  background-repeat: no-repeat; 
}
.bk-img-contain {
  background-size: contain; 
}
.mqdesktop i.material-icons.icon-hover,
.mqdesktop .modal-wrapper.imod-active.vmod-active .section-button-wrapper.dt-hover.b-con.opt,
.mqdesktop .dt-hover {
  opacity: 0.7;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; 
  cursor: pointer;
}
.mqdesktop .navPackBtn.dt-hover {
  opacity: 0.85;
}
.mqdesktop .c-button.dt-hover,
.mqdesktop .close-button-wrapper.dt-hover {
  opacity: 0.6;
}
.mqdesktop.nitetime .c-button.dt-hover,
.mqdesktop.nitetime .close-button-wrapper.dt-hover{
  opacity: 0.75;
}
.mqdesktop i.material-icons.icon-hover:link,
.mqdesktop i.material-icons.icon-hover:visited,
.mqdesktop .modal-wrapper.imod-active.vmod-active .section-button-wrapper.dt-hover.b-con.opt:link,
.mqdesktop .modal-wrapper.imod-active.vmod-active .section-button-wrapper.dt-hover.b-con.opt:visited,
.mqdesktop .dt-hover:link,
.mqdesktop .dt-hover:visited {
  text-decoration: none;
}
.mqdesktop i.material-icons.icon-hover:hover,
.mqdesktop i.material-icons.icon-hover:active,
.mqdesktop .modal-wrapper.imod-active.vmod-active .section-button-wrapper.dt-hover.b-con.opt:hover,
.mqdesktop .modal-wrapper.imod-active.vmod-active .section-button-wrapper.dt-hover.b-con.opt:active,
.mqdesktop .dt-hover:hover,
.mqdesktop .dt-hover:active {
  opacity: 1;
}
.mqdesktop:not(.sho-me) .c-button.dt-hover:hover,
.mqdesktop:not(.sho-me) .c-button.dt-hover:active {
  opacity: 1;
  -webkit-transform: scale(0.7) rotate(180deg) translateZ(100px);
  -moz-transform: scale(0.7) rotate(180deg) translateZ(100px);
  transform: scale(0.7) rotate(180deg) translateZ(100px);
}

/* ———  Flow Text  ——— */

.flow-text {
  -webkit-font-smoothing: auto;
  font-weight: 300; 
}
  @media only screen and (min-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }
  @media only screen and (min-width: 390px) {
    .flow-text {
      font-size: 1.224rem; } }
  @media only screen and (min-width: 420px) {
    .flow-text {
      font-size: 1.248rem; } }
  @media only screen and (min-width: 450px) {
    .flow-text {
      font-size: 1.272rem; } }
  @media only screen and (min-width: 480px) {
    .flow-text {
      font-size: 1.296rem; } }
  @media only screen and (min-width: 510px) {
    .flow-text {
      font-size: 1.32rem; } }
  @media only screen and (min-width: 540px) {
    .flow-text {
      font-size: 1.344rem; } }
  @media only screen and (min-width: 570px) {
    .flow-text {
      font-size: 1.368rem; } }
  @media only screen and (min-width: 600px) {
    .flow-text {
      font-size: 1.392rem; } }
  @media only screen and (min-width: 630px) {
    .flow-text {
      font-size: 1.416rem; } }
  @media only screen and (min-width: 660px) {
    .flow-text {
      font-size: 1.44rem; } }
  @media only screen and (min-width: 690px) {
    .flow-text {
      font-size: 1.464rem; } }
  @media only screen and (min-width: 720px) {
    .flow-text {
      font-size: 1.488rem; } }
  @media only screen and (min-width: 750px) {
    .flow-text {
      font-size: 1.512rem; } }
  @media only screen and (min-width: 780px) {
    .flow-text {
      font-size: 1.536rem; } }
  @media only screen and (min-width: 810px) {
    .flow-text {
      font-size: 1.56rem; } }
  @media only screen and (min-width: 840px) {
    .flow-text {
      font-size: 1.584rem; } }
  @media only screen and (min-width: 870px) {
    .flow-text {
      font-size: 1.608rem; } }
  @media only screen and (min-width: 900px) {
    .flow-text {
      font-size: 1.632rem; } }
  @media only screen and (min-width: 930px) {
    .flow-text {
      font-size: 1.656rem; } }
  @media only screen and (min-width: 960px) {
    .flow-text {
      font-size: 1.68rem; } }
  @media only screen and (max-width: 360px) {
    .flow-text {
      font-size: 1.2rem; } }



/* ———  lists  ——— */

.listsmall ul {
  padding-left: 30px;
  list-style-type: circle;
}
ul.circle {
  padding: 10px 30px;
  color: rgba(237, 192, 56, 0.8);
  list-style-type: disc;
  margin: auto;
}
ul.circle li > p {
  margin: auto;
  color: #777777;
}
.nitetime #openPanel ul.circle li > p,
.nitetime ul.circle li > p {
  margin: auto;
  color: #DDDDDD;
}
ul.circle li ul {
  padding: 1rem 25px;
  list-style-type: circle;
}
#curtain {
  -webkit-transition: opacity 2s ease-out;
  -moz-transition: opacity 2s ease-out;
  transition: opacity 2s ease-out;
  height: 100vh;
  width: 100vw;
  z-index: 15000;
  top: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}
.daytime #curtain {
  background-color: #EEEEEE;
}
.nitetime #curtain {
  background-color: #000000;
}
.allcentered,
.allcentered-top,
.image-modal,
.modal-wrapper {
  top: 0;
  left: 0;
  z-index: 1;
  height: 100vh;
  width: 100%;
  right: 0;
  bottom: 0;
  margin: 0;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-flow: row wrap;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.allcentered-top {
  position: absolute;
}
.allcentered-top.or-option {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.allcentered.cslide {
  position: absolute;
  top: 100vh;
  height: auto;
  bottom: initial;
  min-height: 100vh;
}
.allcentered.autoheight {
  height: auto;
  bottom: initial;
  min-height: 100vh;
}
.allcentered.cslide.cascade-wrapper {
  position: absolute;
  top: 0;
  padding-top: 0;
}
.allcentered-bottom {
  top: 100vh !important;
  position: absolute;
  height: auto;
  bottom: initial;
  min-height: 100vh;
  width: 100%;
  left: 0;
  right: 0;
}
.allcentered.sub-xhr {
  height: auto;
  margin: auto;
}
.video-modal,
.image-modal,
.modal-wrapper {
  top: 0;
  height: 100vh;
  left: 0;
  right: 0;
  position: fixed;
  pointer-events: none;
  margin: auto;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  -webkit-align-content: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.modal-wrapper {
  top: 0;
  height: 100vh;
  bottom: 0;
  width: 100%;
}
.image-modal {
  padding: 65px;
}
.video-modal,
.image-modal {
/*  display: none;*/
  pointer-events: none;
  z-index: 100;
  opacity: 0;
}
.modal-wrapper.imod-active.vmod-active .video-modal {
  display: block;
  top: 0;
  height: 100vh;
  width: 100%;
  position: absolute;
}
.modal-wrapper.imod-active.vmod-active .image-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top: 100vh;
  height: 100vh;
  width: 100%;
  position: relative;
}
.modal-wrapper.vmod-active:not(.imod-active) .video-modal {
  display: block;
  top: 0;
  height: 100vh;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.modal-wrapper.imod-active:not(.vmod-active) .image-modal {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  top: 0;
  height: 100vh;
  width: 100%;
  position: fixed;
  bottom: 0;
}
.modal-wrapper.imod-active.vmod-active {
  overflow-y: auto!important;
  overflow-x: hidden!important;
  height: initial!important;
}
.video-panel-up .video-modal,
.modal-panel-up .image-modal {
  position: fixed;
  pointer-events: all;
  opacity: 1;
}
.modal-wrapper {
  opacity: 0;
  z-index: 7000;
  background-color: rgba(37, 99, 132, 0.8);
  padding: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-blend-mode: overlay;
/*  background-image: url(../images/enjoy-silo.png);*/
}
.nitetime .modal-wrapper {
  background-color: rgba(8, 42, 72, 0.86);
}
.modal-wrapper .section-button-wrapper.b-con.opt {
  opacity: 0;
  pointer-events: none;
  left: 16px;
  bottom: initial;
  top: calc(90vh - 39px);
}
.modal-wrapper.imod-active.vmod-active .section-button-wrapper.b-con.opt {
  opacity: 0.7;
  pointer-events: all;
}
.nitetime .modal-wrapper {
  background-color: rgba(8, 23, 42, 0.85);
}
.modal-wrapper.tan-option {
  background-color: rgba(127, 114, 48, 0.87);
}
.nitetime .modal-wrapper.tan-option {
  background-color: rgba(47, 27, 5, 0.85);
}
.quarter-modal img,
.image-modal img {
  pointer-events: none;
  z-index: 5;
  cursor: pointer;
}
.modal-panel-up .image-modal img.mi {
  pointer-events: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-panel-up .image-modal.no-zoom.modal-active,
.modal-panel-up .image-modal.no-zoom.modal-active img.mi-s {
  pointer-events: none;
}
.image-modal img:not(.mi):not(.mi-s) {
  display: none;
}
.modal-wrapper .close-button-wrapper-opt {
  pointer-events: none;
}
.modal-panel-up .image-modal.modal-active,
.modal-panel-up .modal-wrapper,
.video-panel-up .video-modal,
.video-panel-up .modal-wrapper {
  pointer-events: all;
}
.modal-panel-up .modal-wrapper,
.video-panel-up .modal-wrapper {
  height: 100vh;
  pointer-events: all;
  opacity: 1;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.image-modal.mi-3,
.image-modal.mi-1 {
  flex-wrap: nowrap;
  flex-direction: row;
  flex-flow: row nowrap;
}
.image-modal.mi-3 img.mi {
  width: 33%;
  padding: 10px;
  height: 45%;
  margin: 0;
}
.image-modal.mi-1 img {
  width: 100%;
  padding: 20px;
  height: 100%;
  margin: auto;
}
.image-modal.mi-4,
.image-modal.mi-2 {
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: row wrap;
}
.image-modal.mi-4 img.mi,
.image-modal.mi-2 img.mi {
  width: 50%;
  padding: 20px;
  height: 50%;
  margin: 0;
}
.image-modal.mi-2 img.mi {
  height: 60%;
  margin: 0;
}
.modal-panel-up .modal-wrapper .close-button-wrapper-opt,  
.video-panel-up .modal-wrapper .close-button-wrapper-opt {
  pointer-events: all;
  opacity: 1;
}
.image-modal.mi-zoom img.mi:not(.item-zoom)  {
  pointer-events: none !important;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  opacity: 0 !important;
}
.image-modal.mi-zoom img.mi.item-zoom {
  height: 100%;
  width: 100%;
}
.r-content,
.l-content,
.b-content,
.so-content,
.rsb-content {
  z-index: 9100;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  right: 0;
  bottom: 0;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
}
.r-content,
.l-content,
.b-content,
.so-content {
  position: fixed;
}
.r-content,
.l-content,
.b-content.aqn {
  width: 50%;
  opacity: 1;
}
.b-content.aqn {
  background-color: rgba(48, 127, 170, 0.8);
  padding: 0 80px;
  color: #FFFFFF;
  text-align: center;
  left: 40%;
  bottom: 30px;
  top: 100px;
  height: auto;
  right: 40px;
  width: auto;
  line-height: 1.4;
}
.mqmobile .b-content.aqn {
  background-color: rgba(48, 127, 170, 0.8);
  padding: 0 80px;
  color: #FFFFFF;
  text-align: center;
  left: 45%;
  bottom: 0;
  top: 100px;
  height: auto;
  right: 0;
  width: auto;
  line-height: 1.4;
}
.nitetime .r-content,
.nitetime .l-content,
.nitetime .b-content.aqn {
  background-color: rgba(236, 237, 255, 0.8);
  color: #496ca3;
}
.r-content.content-live,
.l-content.content-live,
.b-content.aqn.content-live,
.mqmobile .b-content.aqn.content-live {
  pointer-events: all;
}
.foxey .r-content,
.foxey .l-content,
.foxey .b-content:not(.aqn),
.foxey .so-content {
  width: calc(100vw + 16px);
}
.so-content {
  z-index: 9800;
  background-color: rgba(29, 26, 59, 0.9);
  border-radius: 0;
  padding: 0;
}
.so-content h2,
.so-content h3 {
  padding: 0;
  margin: 4vmin 0;
  border-top: 1px solid;
  font-size: 4vw !important;
  font-weight: 200;
  line-height: 1.7;
  letter-spacing: 0.15vw;
  word-spacing: normal;
  text-transform: uppercase;
  text-align: center;
}
.so-content h3 {
  margin: 6vmin 0 3vmin 0;
  font-size: 2.5vw !important;
  font-weight: 400;
  letter-spacing: 0.1vw;
  line-height: 1.7;
}
.so-content .scrollie .container {
  padding-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  position: absolute;
}
.rsb-content {
  z-index: 5600;
  height: 100%;
  border-radius: 2px;
}
.rsb-content .hlp {
  pointer-events: none;
  left: 5px;
  margin: auto;
  top: 20px;
  background-color: #225d8f;
  border-radius: 50%;
}
.rsb-content.slideUp .hlp,
.rsb-content.slideUp {
  pointer-events: all;
}
.rsb-content {
  background-color: transparent;
  pointer-events: none;
  width: auto;
}
.rsb-content {
  width: 100%;
  height: 37%;
  top: 63%;
  background-color: rgba(50, 93, 154, 0.45); 
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
} 
.juggernot,
.staticTopDiv {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  z-index: 15500;
  pointer-events: none;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.staticTopDiv  {
  z-index: 10600;
}
.mqdesktop.onthemove .juggernot {
  pointer-events: all !important;
}



/* ———  Content Buttons  ——— */
.support-button {
  height: 50px;
  width: 50px;
  text-align: center;
  z-index: 125;
  opacity: 0;
  color: rgba(65, 135, 188, 0.88);
  background-color: #EDECED;
  border-radius: 50%;
  top: 0;
  position: absolute;
  bottom: 0;
  cursor: pointer;
  margin: auto 0;
  -webkit-transition: top 0.4s ease-in-out,  right 0.4s ease-in-out, opacity 0.2s ease-in-out, left 0.4s ease-in-out, margin 0.4s ease-in-out, transform 0.4s ease-in-out;
  -moz-transition: top 0.4s ease-in-out,  right 0.4s ease-in-out, opacity 0.2s ease-in-out, left 0.4s ease-in-out, margin 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: top 0.4s ease-in-out,  right 0.4s ease-in-out, opacity 0.2s ease-in-out, left 0.4s ease-in-out, margin 0.4s ease-in-out, transform 0.4s ease-in-out;
  right: calc(50vw - 53vh - 25px);
  pointer-events: none;
}
.daytime .support-button {
  background-color: rgba(65, 135, 188, 0.88);
  color: #EDECED;
  text-shadow: none !important;
}
.sm-active .support-button {
  right: 23px;
}
.mqmobile .support-button {
  background-color: rgb(65, 135, 188);
  color: #FFFFFF;
}
.support-button i:after {
 content: 'style';
  font-size: 30px;
  line-height: 50px;
}
.ovRevealed.allactive .support-button {
  pointer-events: all;
  opacity: 0.7;
}
.mqmobile .ovRevealed.allactive .support-button {
  background-color: rgb(65, 135, 188);
  pointer-events: all;
  opacity: 1;
}

.ovRevealed.allactive .blueverite.vp .support-button,
.ovRevealed.allactive .blueverite.vpa .support-button,
.modal-panel-up .support-button,
.site-options-up .support-button,
.video-panel-up .support-button,
.mqmobile .ovRevealed.allactive .blueverite.vp .support-button,
.mqmobile .ovRevealed.allactive .blueverite.vpa .support-button,
.mqmobile .modal-panel-up .support-button,
.mqmobile .site-options-up .support-button,
.mqmobile .video-panel-up .support-button {
  opacity: 0 !important;
  pointer-events: none !important;
}
.navPackBtn,
#navPackpositionBtn,
.c-button {
  pointer-events: all;
  width: 40px;
  height: 40px;
  border-radius: 38px;
  line-height: 38px;
  position: absolute;
  cursor: default;
  font-weight: 900;
  text-align: center;
  z-index: 1000;
  color: #FFFFFF;
  background-color: rgb(49, 172, 233);
}
.panel.nosnappy .c-button,
.panel.nosnappy-opt .c-button,
.panel .c-button,
.sho-me .panel .c-button {
  top: initial;
  bottom: 19vh;
  left: 0;
  right: 0;
  cursor: pointer;
  -webkit-transform: scale(0.7) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.7) rotateY(0deg) translateZ(100px);
  transform: scale(0.7) rotateY(0deg) translateZ(100px);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: auto;
  opacity: 1;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.3s ease-in-out,  transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: transparent;
  will-change: transform, opacity;
}
.mqmobile .panel.nosnappy .c-button,
.mqmobile .panel.nosnappy-opt .c-button,
.mqmobile .panel .c-button,
.mqmobile .sho-me .panel .c-button {
  border-radius: 20px;
  width: 200px;
  height: 40px;
}
#P1.panel .c-button,
.sho-me #P1.panel .c-button {
  bottom: 23vh;
}
#P5.panel .c-button,
.sho-me #P5.panel .c-button {
  bottom: 14vh;
}
.daytime #P3.panel .c-button,
.daytime.sho-me #P3.panel .c-button {
  bottom: 12vh;
}  
.panel.nosnappy .c-button.dt-hover,
.panel.nosnappy-opt .c-button.dt-hover {
  pointer-events: none;
  opacity: 0;
}
.mqdesktop .c-button div {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  -moz-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg);
}
.c-button i,
.c-button span {
  position: absolute;
  width: 60px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  padding-top: 10px;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  border-radius: 50%;
  background-color: rgb(194, 215, 32);
  font-size: 32px; 
  line-height: 1.1; 
  font-style: initial;
  font-weight: 700;
  z-index: 500;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.35s ease-in-out, transform 0.35s ease-in-out;
  -moz-transition: transform 0.35s ease-in-out;
  transition: transform 0.35s ease-in-out;
}
.daytime .c-button i {
  background-color: rgb(32, 111, 186);
}
.mqmobile .c-button i {
  display: none;
}
.mqdesktop .c-button i.material-icons:after {
  content: 'change_history'
}
.mqdesktop .c-button span {
  padding-top: 16px;
  font-size: 11px;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  text-transform: uppercase;
  background-color: #EEEEEE; 
  color: rgba(41,82,200,1.00); 
  line-height: 1.2;
}
.mqmobile .c-button span {
  padding: 0;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  background-color: rgba(41, 82, 200, 0.70);
  color: #EEEEEE;
  line-height: 40px;
  height: 40px;
  width: 200px;
  border-radius: 20px;
}
.sho-me .panel.nosnappy .c-button i,
.sho-me .panel.nosnappy .c-button span,
.sho-me .panel.nosnappy-opt .c-button i,
.sho-me .panel.nosnappy-opt .c-button span {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}
.sho-me .panel .c-button i,
.sho-me .panel .c-button span {
  -webkit-animation: c-flip 1.5s ease-in-out 1s 1 normal both;
  -moz-animation: c-flip 1.5s ease-in-out 21s 1 normal both;
  animation: c-flip 1.5s ease-in-out 1s 1 normal both;
}
@-webkit-keyframes c-flip {
   0%,100% { -webkit-transform: rotate3d(0, 0, 0, 180deg); transform: rotate3d(0, 0, 0, 180deg); } 
  12%, 88%  { -webkit-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg);	} 
}
@-moz-keyframes c-flip {
   0%,100% { transform: rotate3d(0, 0, 0, 180deg); } 
  12%, 88% { transform: rotate3d(0, 1, 0, 180deg);	} 
}
@keyframes c-flip {
   0%,100% { transform: rotate3d(0, 0, 0, 180deg); } 
  12%, 88% { transform: rotate3d(0, 1, 0, 180deg);	} 
}


/* ———  Shaddow Nav  ——— */

#btnNav {
  -webkit-transition: 0s visibility 0.6s linear, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out, transform 0.6s ease-in-out; 
  -moz-transition: 0s visibility 0.6s linear, opacity 0.3s ease-in-out, transform 0.6s ease-in-out; 
  transition: 0s visibility 0.6s linear, opacity 0.3s ease-in-out, transform 0.6s ease-in-out; 
}
.globalup .clear-bd,
#btnNav.globalup {
  will-change: opacity, visibility, transform;
  visibility: visible;
  -webkit-transition: 0s visibility 0s linear, opacity 0.3s ease-in-out, -webkit-transform 0.6s ease-in-out, transform 0.6s ease-in-out; 
  -moz-transition: 0s visibility 0s linear, opacity 0.3s ease-in-out, transform 0.6s ease-in-out; 
  transition: 0s visibility 0s linear, opacity 0.3s ease-in-out, transform 0.6s ease-in-out; 
}
#btnNav.globalup {
  opacity: 1;
}
.globalup .clear-bd {
  opacity: 0.6;
}
#btnNav.globalup,
.globalup .clear-bd {
  pointer-events: none;
}
#navPackpositionBtn {
  text-shadow: -1px 1px 2px rgba(84, 84, 84, 1);
  background-color: initial;
  cursor: move;
  color: #FFFFFF;
}
.navPackBtn {
  -webkit-transform: rotate3d(0, 0, 1, 180deg);
  -moz-transform: rotate3d(0, 0, 1, 180deg);
  transform: rotate3d(0, 0, 1, 180deg);
  top: 50px;
  background-color: rgb(4, 215, 5);
}
.daytime .navPackBtn {
  background-color: rgba(64, 116, 177, 0.7);
}
.navPackBtn.enabled {
  -webkit-transform: rotate3d(0, 0, 0, 180deg);
  -moz-transform: rotate3d(0, 0, 0, 180deg);
  transform: rotate3d(0, 0, 0, 180deg);
  opacity: 1;
}
#navPack {
  position: fixed;
  width: 154px;
  height: 100px;
  padding: 10px 57px;
  opacity: 0;
  -webkit-transition: 0.5s opacity 0.1s  ease-in-out; 
  -moz-transition: 0.5s opacity 0.1s  ease-in-out; 
  transition: 0.5s opacity 0.1s  ease-in-out; 
  z-index: 10400;
}  
.globalup #navPack {
  opacity: 1;
}
#navPack.hidden {
  visibility: hidden;
  display: none;
}
#navPack ul {  
  list-style-type: none;
  display: block;
  top: 100px;
  position: absolute;
  left: 0;
  padding: 0;
  margin:  0 auto;
  min-width: 88px;
  background-color: transparent;
  pointer-events: all;
}
#navPack ul li { 
  white-space: nowrap; 
  text-align: left;
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out; 
}
#navPack ul li.unfolded { 
  height: 42px;
}
#navPack ul li:nth-last-child(2) {
  border-bottom-right-radius: 6px;
}
#navPack ul li:nth-last-child(4) {
   border-bottom-left-radius: 6px;
  margin-right: 1px;
}
#navPack ul li:nth-last-child(6) {
  margin-right: 1px;
}
.mqdesktop #navPack ul li a { 
  color: #FFFFFF;
  text-decoration: none;
  font-weight: 400;
  white-space: nowrap;
  line-height: 41px;
  text-align: center;
  letter-spacing: normal;
  float: none;
  font-size: 12px;
  padding: 0;
  display: block;
  background-color: rgba(108, 204, 118, 0.96);
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out; 
}
.mqdesktop.daytime #navPack ul li a { 
  background-color: rgba(64, 116, 177, 0.69);
  color: rgba(236, 255, 213, 0.82);
}
.mqdesktop #navPack ul li:first-child a { 
  border-top: none;
  padding: 3px 0 0 2px;
  height: 42px;
}
.mqdesktop #navPack ul li a:link, 
.mqdesktop #navPack ul li a:visited {
  text-decoration: none;
  margin-top: 1px;
   letter-spacing: 0.5px;
}
.mqdesktop #navPack ul li a:hover, 
.mqdesktop #navPack ul li a:active { 
  background-color: rgba(37, 70, 155, 0.14);
  color: rgb(191,251,83);
}
.mqdesktop.daytime #navPack ul li a:hover, 
.mqdesktop.daytime #navPack ul li a:active { 
   background-color: rgba(161, 190, 223, 0.69);
  color: rgb(16, 50, 136);
}
.mqdesktop #navPack ul li a.active { 
  background-color: rgba(37, 70, 155, 0.34);
  color: rgb(5, 255, 6);
}
.mqdesktop.daytime #navPack ul li a.active { 
  background-color: rgba(2, 58, 107, 0.71);
  color: rgb(5, 255, 6);
}
.navPackBtn i {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 25px;
  letter-spacing: normal;
  text-transform: none;
  display: inline;
  color: #FFFFFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.mqdesktop .cascade-item:link,
.mqdesktop .cascade-item:visited,
.mqdesktop .third:link,
.mqdesktop .third:visited,
.mqdesktop .half:link,
.mqdesktop .half:visited {
  text-decoration: none
}
.cascade-item,
.third, 
.quarter,
.quarter.full,
.quarter-opt-1,
.half,
.sixth {
  width: 33.333%;
  height: 33.333vh;
  position: relative;
  float: left;
  display: block;
  z-index: 20;
  padding: 0;
  border: none;
  -webkit-transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.3s ease-in-out;
  background-blend-mode: multiply;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  text-transform: uppercase;
}
.quarter {
  width: 25%;
  height: calc(25vw * 0.75);
  padding: 0.5vmax;
  flex-grow: 2;
}
.quarter.full,
.quarter-opt-1,
.third.full,
.half.full {
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  text-shadow: 0px 1px 4px rgba(43, 43, 43, 0.6);
  padding: 20px;
  width: 25%;
  height: 25vw;
  flex-grow: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  flex-wrap: wrap;
  flex-flow: row wrap;
  -webkit-transition: background-color 0.4s ease-in-out, 0.2s color 0.2s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out, 0.2s color 0.2s ease-in-out;
  transition: background-color 0.4s ease-in-out, 0.2s color 0.2s ease-in-out;
}
.quarter.full {  
  background-color: #ADAAB2;
  font-size: 2.25vmax;
  font-weight: 400;
}
.quarter-opt-1 {
  width: 30%;
  height: 25vh;
  margin: 1.5vh;
  padding: 9.5vh 5px;
  font-size: 2vw;
  letter-spacing: -.09vh;
  font-weight: 600;
  line-height: 1;
  flex-grow: 2;
  text-shadow:  0px 2px 7px rgba(27, 27, 27, 0.52);
}
.quarter-opt-1 span {
  color: rgb(243, 233, 5);
/*  font-weight: 700;*/
}
.third, 
.half {
  font-weight: 200;
  font-size: 2.5vmax;
  height: 24.7vw;
  color: transparent;
  margin: 10px;
  flex-grow: 2;
  width: 30%;
  background-color: #FFFFFF;
}
.third.full {
  background-color: #FFFFFF;
  font-weight: 300;
  font-size: 3vmax;
  text-shadow: 1px 1px 2px rgba(43, 43, 43, 0.4);
  height: 33.333vw;
  min-width: 33.333%;
  color: #FFFFFF;
  margin: auto;
  line-height: 1.2;
  word-spacing: 1vmax;
  letter-spacing: -0.08vmax;
}
.half.full {
  background-color: #FFFFFF;
  font-size: 3.5vmax;
  text-shadow: 1px 1px 2px rgba(43, 43, 43, 0.4);
  height: 50vh;
  min-width: 50%;
  color: #FFFFFF;
  margin: auto;
  font-weight: 300;
  letter-spacing: -0.1vmax;
  word-spacing: 0.5vmax;
}
.half.full.hanger {
  color: #397BB5;
  font-weight: 500;
  text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.8);
}
.quarter.full.ovRevealed,
.quarter-opt-1.ovRevealed,
.third.full.ovRevealed,
.half.full.ovRevealed {
  background-color: #FFFFFF;
  color: transparent;
}
.third.full.ovRevealed,
.half.full.ovRevealed {
 background-color: rgba(48, 84, 105, 0.73);
}
.half:not(.full) {
  height: 33.333vh;
  margin: 14px;
  min-width: calc(50% - 28px);
  text-align: center;
  line-height: 1.3;
  padding: 0 25px;
}
.mqdesktop .half:not(.full):hover,
.mqdesktop .half:not(.full):active,
.mqdesktop .third:not(.full):hover,
.mqdesktop .third:not(.full):active {
  background-color: rgba(48, 84, 105, 0.73);
 -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  color: #FFFFFF;
}
.mqmobile .half:not(.full),
.mqmobile .third:not(.full) {
  color: #FFFFFF;
  font-weight: 500;
}
.half:not(.full).ovReveal:not(.ov-img) {
  height: 50%;
  width: 50%;
  background-color: initial;
  font-weight: 200;
  margin: 0;
  padding: 0;
}
.mqdesktop .cascade-wrapper .cascade-item:hover,
.mqdesktop .cascade-wrapper .cascade-item:active {
  background-color: rgba(65, 9, 39, 0.2);
  color: transparent;
}
.sixth {
  width: 66.666%;
}
.hidden-xr, 
.winUnlocked .pagination,
.pagination.foxey.hidden-xr,
.globalup .pagination,
.globalup .pagination.foxey { 
  -webkit-transform: translateX(100%) translateZ(0);
  -moz-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
}
.blueverite { 
  background: -webkit-linear-gradient(237deg, rgb(3, 56, 155) 11.76%, rgba(4, 176, 212, 0.84) 69.33%);
  background: linear-gradient(237deg, rgb(3, 56, 155) 11.76%, rgba(4, 176, 212, 0.84) 69.33%);
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  opacity: 0;
  overflow: hidden;
  font-weight: 300;
  text-align: center;  
  word-spacing: normal;
  letter-spacing: normal;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out, color 0.2s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out, color 0.2s ease-in-out;
  transition: opacity 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out, color 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  color: transparent;
  will-change: opacity;
}
.mqmobile .blueverite { 
  font-size: 10px;
  font-weight: 600;
  line-height: 36px;
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: center;
  justify-content: center;
  text-shadow: none;
}
.mqmobile .mobile-trigger:not(.active) .blueverite { 
  color: #FFFFFF;
}
.ovReveal.ovRevealed .blueverite {
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.blueverite ul {
  margin: auto;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-flow: column nowrap;
  height: 100%;
  overflow: hidden;
  padding: 0 15px;
  line-height: 1.5;
  list-style-type: none;
  z-index: 100;
  width: 100%;
  text-transform: uppercase;
  text-shadow: none;
  pointer-events: none;
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  letter-spacing: normal;
  color: #FFFFFF;
  -webkit-font-smoothing: auto;
}

/*  Fashion */
.blueverite.fashion { 
  margin: 1.4vmax;
  border-radius: 0 4vh 0 0;
}
.blueverite.fashion ul li:first-of-type {
  letter-spacing: 0.1rem;
  color: #2E77FF;
  width: 100%;
  margin: 0;
  padding-bottom: 0.6rem;
  line-height: 1.25;
}
.nitetime .blueverite.fashion ul li:first-of-type {
  color: #C7E8FF;
}
.blueverite.fashion ul li:last-of-type {
  font-weight: 400;
  font-size: 1.1rem;
  padding-top: 0.7rem;
  border-top: rgba(232, 137, 243, 0.7) solid 1px;
  max-width: 90%;
  min-width: 70%;
  text-transform: capitalize;
}
.nitetime .blueverite.fashion ul li:last-of-type {
  border-top: #F0F8FF solid 1px;
  font-weight: 500;
  font-size: 1.2rem; 
  line-height: 1.3;
}
.quarter-opt-1 .blueverite.tan-gradient ul li:first-of-type {
  font-size: 1.7rem;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: -0.1px;
  width: 100%;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}
.cascade-wrapper .cascade-item.active .blueverite ul {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  padding: 30px 50px;
}
.cascade-wrapper .cascade-item.active .blueverite ul {
  opacity: 0;
}
.mqmobile.daytime .blueverite:not(.editorial)  { 
  color: #034F8A;
}
.mqmobile .pm-button .blueverite:after,
.mqmobile .blueverite.nsp:after { 
  content: 'Click to View';
}
.daytime .blueverite:not(.tan-gradient) { 
  background: -webkit-linear-gradient(237deg, rgb(153, 193, 225) 15.97%, rgba(255, 255, 255, 0.86) 66.39%);
  background: linear-gradient(237deg, rgb(153, 193, 225) 15.97%, rgba(255, 255, 255, 0.86) 66.39%);
}
.tan-gradient {
  background: rgba(118, 99, 3, 0.87);
  background: -webkit-linear-gradient(200deg, rgba(118, 99, 3, 0.87) 15.55%, rgba(243, 245, 169, 0.75) 89.5%);
  background: linear-gradient(200deg, rgba(118, 99, 3, 0.87) 15.55%, rgba(243, 245, 169, 0.75) 89.5%);
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.blueverite.editorial,
.daytime .blueverite.editorial {
  background: rgba(110, 42, 2, 0.8);
  background: -webkit-linear-gradient(237deg, rgba(110, 42, 2, 0.8) 11.76%, rgba(214, 137, 133, 0.61) 69.33%);
  background: -moz-linear-gradient(237deg, rgba(110, 42, 2, 0.8) 11.76%, rgba(214, 137, 133, 0.61) 69.33%);
  background: linear-gradient(237deg, rgba(110, 42, 2, 0.8) 11.76%, rgba(214, 137, 133, 0.61) 69.33%);
}
.third .blueverite,
.quarter .blueverite {
  margin: 2vmax;
}
.quarter .blueverite {
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.quarter.full .blueverite,
.quarter-opt-1 .blueverite,
.third.full .blueverite {
  margin: 1.75vmax;
  -webkit-transition: 0.4s opacity 0.2s ease-in-out;
  -moz-transition: 0.4s opacity 0.2s ease-in-out; 
  transition: 0.4s opacity 0.2s ease-in-out;
}
.third.full .blueverite {
  margin: 3.5vmax;
}
.quarter-opt-1 .blueverite {
  margin: 2.3vh;
}
.half.full .blueverite {
  margin: 7vh 5vw;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.cascade-item .blueverite,
.blueverite.mauto {
   margin: auto;
}
.video-shade {
  background: rgba(0, 0, 0, 0.85);
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
  z-index: 110;
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 20px;
  font-weight: 600;
  color: transparent;
}
.video-poster-btn {
  -webkit-transition: background-color 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out,  top 0.3s ease-in-out,  bottom 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, left 0.3s ease-in-out, right 0.3s ease-in-out,  top 0.3s ease-in-out,  bottom 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out,  top 0.3s ease-in-out,  bottom 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
  z-index: 120;
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 0;
  height: 60%;
  bottom: 0;
  width: 106.625vh;
/*  width: 88.75vh;*/
  pointer-events: none;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.ovReveal:not(.allactive) .video-poster-btn {
  background-image: none !important;
}
#videoModel .video-poster-btn {
  width: 100%;
  z-index: 210;
}
.video-panel-up #videoModel .video-poster-btn {
  width: 100%;
  text-align: center;
  height: 100%;
  margin: auto;
}
.video-poster-btn figure i,
.mqmobile .video-poster-btn figure i {
  vertical-align: middle;
  padding-left: 11px;
  line-height: 1.75;
  font-size: 16px;
}
.mqmobile .video-poster-btn figure i {
   line-height: 35px;
   vertical-align: middle;
    padding-left: 8px;
    font-size: 16px
}
.blueverite.vp .video-poster-btn figure.vp i:after,
#videoModel.vp .video-poster-btn figure.vp i:after {
  content: 'play_circle_outline';
}
.blueverite.vpa .video-poster-btn figure.vp i:after,
#videoModel.vpa .video-poster-btn figure.vp i:after {
  content: 'pause_circle_outline';
}
.video-poster-btn figure.vpcw i:after,
#videoModel .video-poster-btn figure.vpcw i:after {
  content: 'cancel';
}
.video-poster-btn figure.vpcw-m i:after,
#videoModel .video-poster-btn figure.vpcw-m i:after{
  content: 'clear';
}
.video-poster-btn figure {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #BCC6DF;
  top: 86vh;
  opacity: 0;
  width: auto;
  padding: 14px;
  margin: auto;
  pointer-events: none;
  position: relative;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  display: inline-flex;
  visibility: hidden;
  -webkit-transition: opacity 0.2s ease-in-out, 0.1s visibility 0.3s linear;
  -moz-transition: opacity 0.2s ease-in-out, 0.1s visibility 0.3s linear;
  transition:  opacity 0.2s ease-in-out, 0.1s visibility 0.3s linear;
}
.modal-wrapper .video-poster-btn figure:not(:last-child) {
  top: calc(90vh - 30px);
  margin: 4px 10px;
  padding: 10px;
}
.modal-wrapper.imod-active.vmod-active .video-poster-btn figure:not(:last-child) {
  margin: 4px 50px;
}
/*
#videoModel.vp .video-poster-btn figure {
  opacity: 1;
}
*/
.video-poster-btn figure.vpcw-m,
#videoModel .video-poster-btn figure.vpcw-m {
    left: 0;
    right: 0;
    top: 90vh;
    color: #FFFFFF;
    font-weight: 400;
    word-spacing: 4px;
    bottom: 0;
    position: relative;
    font-size: 16px;
    text-align: center;
    padding: 50px 0 0 0;
    display: table;
}
.mqdesktop .video-poster-btn figure.vpcw-m {
  display: none;
}
.daytime .video-poster-btn figure.vpcw-m {
  color: #368BD7;
}
.mqmobile .video-poster-btn figure.vpcw-m i {
    line-height: 1.8;
    font-size: 22px;
}
.ovRevealed.allactive .blueverite.vp .video-poster-btn figure:not(.vpcw-m),
#videoModel.vp .video-poster-btn figure:not(.vpcw-m),
.ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi) .video-poster-btn figure.vpcw-m, 
#videoModel:not(.vpa):not(.vp):not(.vpi) .video-poster-btn figure.vpcw-m {
  pointer-events: all;
  -webkit-transition: 0.3s opacity 0.6s ease-in-out, visibility 0.1s linear;
  -moz-transition: 0.3s opacity 0.6s ease-in-out, visibility 0.1s linear;
  transition: 0.3s opacity 0.6s ease-in-out, visibility 0.1s linear;
}
.ovRevealed.allactive .blueverite.vp .video-poster-btn figure:not(.vpcw-m),
#videoModel.vp .video-poster-btn figure:not(.vpcw-m) {
  visibility: visible;
  opacity: 1;
  -webkit-font-smoothing: auto;
}
.nitetime #videoModel.vp .video-poster-btn figure:not(.vpcw-m) {
  opacity: 0.7;
  -webkit-font-smoothing: auto;
}
.ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi) .video-poster-btn figure.vpcw-m,
#videoModel:not(.vpa):not(.vp):not(.vpi) .video-poster-btn figure.vpcw-m {
  visibility: visible;
   opacity: 0.7;
}
.ovRevealed.allactive:not(.sm-active) .blueverite .video-poster-btn {
  pointer-events: all;
}
.ovRevealed.active  .blueverite.vp .video-poster-btn {
  width: 100%;
  height: 100%;
}
.v-button {
  cursor: pointer;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 33px;
  pointer-events: none;
  position: absolute;
  z-index: 500;
  text-align: center;
  -webkit-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, background-color 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
}
.daytime .v-button {
/*  background-color: rgba(255, 255, 255, 0.6);*/
}
.v-button i {
  text-shadow: none;
  font-size: 46px;
  line-height: 1.35;
  padding-left: 2px;
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: transparent;
  height: 60px;
  width: 60px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color:  #FFFFFF;
  -webkit-text-stroke-color: #FFFFFF;
/*  background-color: rgba(182, 220, 255, 0.76);*/
  background-color: rgba(2, 36, 107, 0.5);
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.daytime .v-button i {
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.9);
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(138, 205, 255, 0.6);
}
.v-button i.material-icons:after {
  content: 'play_arrow'
}
.v-button-title,
.s-button-title,
.v-button-details {
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  pointer-events: none;
  font-size: 8vmin;
  color: #FFFFFF;
  font-weight: 300;
  position: absolute;
  text-align: center;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 20px;
  z-index: 10;
  line-height: 1.1;
  letter-spacing: -0.3vw;
  word-spacing: 1.5vw;
  -webkit-transition:  opacity 0.3s ease-in-out;
  -moz-transition:  opacity 0.3s ease-in-out;
  transition:  opacity 0.3s ease-in-out;
  opacity: 0;
  text-shadow: 2px 2px 6px rgba(66, 76, 108, 0.64);
  justify-content: center;
  display: inline-flex;
  align-items: center;
}
.v-button-title {
  -webkit-transition:    all 0.15s ease-in-out;
  -moz-transition:  all 0.15s ease-in-out;
  transition:  all 0.15s ease-in-out;
}
.mqdesktop .ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi) .video-poster-btn:hover .v-button  .v-button-title {
  opacity: 1;
  padding-top: 30vh;
  font-size: 3.5vmin;
  letter-spacing: -0.15vw;
  word-spacing: 0.35vw;
  color: rgb(214, 222, 255);
  text-shadow: none;
  font-weight: 400;
}
.mqdesktop.nitetime .ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi) .video-poster-btn:hover .v-button  .v-button-title {
  color: rgb(73, 110, 150);
}
.v-button-details {
  font-size: 5vmin;
  color: rgba(255, 255, 255, 0.8);
  letter-spacing: -0.2vw;
}
.v-button-details.opacOne {
  background-color: rgba(14, 51, 144, 0.52);
}
.s-button-title {
  -webkit-font-smoothing: auto;
  font-family: 'Lato', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  font-size: 26vmin;
  font-weight: 200;
  opacity: 1;
  padding: 0 20px 10px 20px;
  letter-spacing: normal;
  word-spacing: normal;
  -webkit-filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(2px 3px 3px rgba(0, 0, 0, 0.3));
  text-shadow: none;
  -webkit-transition:  opacity 0.6s ease-in-out;
  -moz-transition:  opacity 0.6s ease-in-out;
   transition: opacity 0.6s ease-in-out;
}
.story-wrapper div.half:last-child .s-button-title {
  text-shadow: 5px 5px 6px rgba(65, 65, 65, 0.5);
}
.ovRevealed .s-button-title,
.nosnappy .s-button-title {
  opacity: 0; 
}
.story-wrapper.s-button-delay .half:not(.full):nth-child(1) .s-button-title {
  transition-delay: 1s;
}
.story-wrapper.s-button-delay .half:not(.full):nth-child(2) .s-button-title {
  transition-delay: 1.1s;
}
.story-wrapper.s-button-delay .half:not(.full):nth-child(3) .s-button-title {
  transition-delay: 1.2s;
}
.story-wrapper.s-button-delay .half:not(.full):nth-child(4) .s-button-title {
  transition-delay: 1.3s;
}
.mqdesktop .ovRevealed.allactive .blueverite:not(.vp) .video-poster-btn:hover .v-button .v-button-title,
.mqdesktop .ovRevealed.allactive .blueverite.vp .video-poster-btn:hover .v-button .v-button-title,
.mqdesktop .video-modal:not(.vp) .video-poster-btn:hover .v-button .v-button-title,
.mqdesktop .video-modal.vp .video-poster-btn:hover .v-button .v-button-title,
.mqmobile .ovRevealed.allactive .blueverite.vp .video-poster-btn .v-button .v-button-title,
.mqdesktop .ovRevealed.allactive .support-button:hover + .video-poster-btn .v-button .v-button-title {
    opacity: 0;
}
.mqdesktop .ovRevealed.allactive .support-button:hover + .video-poster-btn .v-button .v-button-details,
.mqdesktop .ovRevealed.allactive .support-button:hover,
.mqdesktop .ovRevealed.allactive .blueverite:not(.vp) .video-poster-btn:hover .v-button i,
.mqdesktop #videoModel:not(.vp) .video-poster-btn:hover .v-button i,
.mqdesktop.video-panel-up #videoModel:not(.vp) .video-poster-btn:hover .v-button i,
.ovRevealed.allactive .blueverite:not(.vpa).vpi .v-button i,
#videoModel:not(.vpa).vpi .v-button i,
.mqdesktop.video-panel-up #videoModel:not(.vpa).vpi .v-button i,
.mqmobile .ovRevealed.allactive .blueverite .video-poster-btn .v-button .v-button-title,
.mqdesktop .ovRevealed.allactive .blueverite .video-poster-btn .v-button .v-button-title,
.mqdesktop.video-panel-up #videoModel .video-poster-btn .v-button .v-button-title,
.mqmobile .ovRevealed.allactive .blueverite:not(.vpa):not(.vpi) .video-poster-btn .v-button .v-button-title,
.mqdesktop .ovRevealed.allactive .blueverite.vp:not(.vpa):not(.vpi) .video-poster-btn:hover .v-button  .v-button-title,
.mqdesktop.video-panel-up #videoModel.vp:not(.vpa):not(.vpi) .video-poster-btn:hover .v-button  .v-button-title {
  opacity: 1;
}
.mqdesktop .ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi)  .video-poster-btn:hover .v-button,
.mqdesktop #videoModel:not(.vpa):not(.vp):not(.vpi)  .video-poster-btn:hover .v-button {
  background-color: rgba(19, 76, 150, 0.5);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.mqdesktop.nitetime .ovRevealed.allactive .blueverite:not(.vpa):not(.vp):not(.vpi)  .video-poster-btn:hover .v-button {
  background-color: rgba(205, 230, 255, 0.7);
}
.mqdesktop .ovRevealed.allactive .support-button:hover + .video-poster-btn .v-button {
  background-color: rgba(2, 36, 107, 0.66);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.sm-active .support-button,
.sm-active .video-poster-btn,
.vp .support-button,
.vpa .v-button {
  opacity: 0;
}
.allcentered.ovRevealed img,
.ovRevealed img,
.ovRevealed a {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.miniblur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.tinyblur {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}
.ovReveal {
  pointer-events: all; 
  cursor: pointer;
  overflow: hidden;
}
.ovReveal a,
.ovReveal .ov-img { 
  width: 100%; 
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
}
.ovReveal.mqm a,
.ovReveal.mqm .ov-img {
  pointer-events: none;
}
.mqm.ovRevealed a,
.mqm.ovRevealed .ov-img {
  pointer-events: all;
}
.ovReveal img,
.ovReveal .ov-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
  top: 0;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ovReveal div.allcentered {
  overflow: hidden;
  height: 100%;
}
.ovReveal .blueverite li:first-of-type,
.blueverite li:first-of-type {
  font-size: 1.7rem;
  font-weight: 300;
  color: #FFFFFF;
  text-transform: uppercase;
  line-height: 1.5;
  letter-spacing: -0.1px;
  width: 100%;
  padding-left: 0.3rem;
  -webkit-font-smoothing: antialiased;
}
.ovReveal .blueverite.editorial li:first-of-type,
.blueverite.editorial li:first-of-type {
  font-size: 2.2rem;
  letter-spacing: 0.1rem;
  word-spacing: .25rem;
  font-weight: 200;
  -webkit-font-smoothing: auto;
  white-space: normal;
  color: rgba(255, 255, 255, 0.85);
}
.ovReveal .blueverite.fashion li:first-of-type,
.blueverite.fashion li:first-of-type {
  color: rgba(45,120,255,0.9);
}
.nitetime .ovReveal .blueverite.fashion li:first-of-type,
.nitetime .blueverite.fashion li:first-of-type {
  color: rgba(179, 214, 255, 0.9);
}
.cascade-wrapper .cascade-item.active .blueverite li:first-of-type {
  font-size: 130%;
  font-weight: 300;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
.blueverite video { 
  height: 60%;
  margin: auto;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  z-index: 115;
  padding: 0 35px;
  pointer-events: none;
  -webkit-transition:  all 0.2s ease-in-out;
  -moz-transition:  all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
  opacity: 0;
}
.cascade-wrapper .cascade-item.active .blueverite video {
  -webkit-transition: 0.3s all 0.7s ease-in-out;
  -moz-transition: 0.3s all 0.7s ease-in-out;
  transition: 0.3s all 0.7s ease-in-out;
  opacity: 1;
}
.cascade-wrapper .cascade-item.active.allactive .blueverite video {
  -webkit-transition:  all 0.2s ease-in-out;
  -moz-transition:  all 0.2s ease-in-out;
  transition:  all 0.2s ease-in-out;
  opacity: 1;
}
.cascade-wrapper .cascade-item.active.sm-active .blueverite video {
  opacity: 0;
}
.cascade-wrapper .cascade-item.active .blueverite.vp,
#videoTarget .video-shade {
  opacity: 1;
}
.daytime .ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type {
  font-weight: 400 !important;
  letter-spacing: 0.1rem;
  color: rgb(55, 90, 138);
  -webkit-font-smoothing: auto;
}
.blueverite li:first-of-type strong {
  font-weight: 300;
  font-size: 1.8rem;
  color: #FFFFFF;
}
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type,
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type {
  font-size: 1.6rem;
  font-weight: 500 !important;
  letter-spacing: 0.1rem;
}
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type,
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type {
  font-size: 1.25rem;
  font-weight: 300;
}
.daytime .blueverite li:first-of-type strong {
  font-weight: 400;
  color: rgba(28, 73, 148, 0.65);
}
.blueverite li:last-of-type {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #FFFFFF;
  text-transform: capitalize;
  letter-spacing: normal;
  word-spacing: normal;
}
.cascade-wrapper .cascade-item.active .blueverite li:last-of-type {
  font-size: 65%;
  font-weight: 200;
  line-height: .8;
  text-align: left;
  width: 100%;
  padding-left: .5rem;
  display: none;
}
.daytime .ovReveal .blueverite li:last-of-type {
  color: rgb(205, 43, 162);
  font-weight: 300;
}
.blueverite li:last-of-type p {
  font-weight: 300;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #FFFFFF;
}
.daytime .blueverite li:last-of-type p {
  color: rgba(2, 48, 109, 0.9);
  -webkit-font-smoothing: auto !important;
}
.ovRevealed.nmh.blueverite li:last-of-type {
  max-height: initial;
}
.row {
  width: 100%;
}
.row.accent-blue,
.row.accent-green {
  background-color: rgba(2,46,119,0.5);
  padding: 0.5rem 2rem 0.75rem 2rem;
  border-radius: 5px;
  margin: 2rem auto;
  max-width: 1050px;
}
.row.accent-blue div,
.row.accent-green div {
  text-align: center;
}
.row.accent-green {
  background-color: rgba(24, 183, 4, 0.15);
}
.row.accent-blue h5,
.row.accent-green h5 {
  text-align: left;
  display: inline-table;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width : 785px) {
.row .col {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} 
}



nav ul li.menuspacer a {
  pointer-events: none !important; 
  min-width: initial !important; 
  max-width: initial !important;
  width: calc(100vw - 720px);
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  line-height: 1.8;
  font-weight: 500;
  font-size: 10px;
}
.menuspacer {
  pointer-events: none !important; 
  min-width: initial !important; 
  max-width: initial !important;
  margin-left: 0.5px;
}
.menuspacer a {
  position: relative;
}
.menuspacer a span {
  -webkit-transition: opacity 0.6s ease-in-out, letter-spacing 0.15s linear;
  -moz-transition: opacity 0.6s ease-in-out, letter-spacing 0.15s linear;
  transition: opacity 0.6s ease-in-out, letter-spacing 0.15s linear;
  letter-spacing: 0.07vw;
  position: absolute;
  top: 0;
  margin: auto;
  left: 10px;
  bottom: 0;
  right: 10px;
  line-height: 10;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
header {
  width:  100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9600;
  height: 100px;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;  
  -webkit-transition: -webkit-transform 0.3s ease-in-out,  transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;
  -moz-transition:  transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;
  transition:  transform 0.3s ease-in-out, opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
nav div {
  width:100%;
  position: absolute;
  height: 100px;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  pointer-events: all;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.winUnlocked:not(.cbd-option) header,
.contentUnlocked:not(.cbd-option) header,
.globalup header,
header.localup,
header.localup ,
body.onthemove header {
  opacity: 0;
  -webkit-transform: translateY(-105%) translateZ(0);
  -moz-transform: translateY(-105%) translateZ(0);
  transform: translateY(-105%);
  -webkit-transition: 0.22s -webkit-transform 0.08s ease-in-out, 0.22s transform 0.08s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: 0.22s transform 0.08s ease-in-out, opacity 0.3s ease-in-out;
  transition: 0.22s transform 0.08s ease-in-out, opacity 0.3s ease-in-out;
}
nav ul {
  top: 0;
  left: 0;
  right: 0;
  padding: 3px 0 0 3px;
  margin: 0;
  float: left;
}
nav ul li {  
  display: table;
  float: left;
  height: 40px;
  margin: auto;
  vertical-align: middle;
  margin-right: 2px;
}
nav ul li {
  height: 97px;
}
nav ul li a {
  cursor: pointer;
  text-rendering: geometricPrecision;
  font-family: 'Montserrat', sans-serif;
  -moz-font-feature-settings: 'liga' 1, 'kern' 1; 
  -ms-font-feature-settings: 'liga' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'kern' 1; 
  -webkit-font-smoothing: antialiased;
  will-change: transform,  width, height, color, font-weight, font-size, letter-spacing, background-color;
  width: 100px;
  max-width: 100px;
  padding: 0 4px;
  font-size: 8px;
  line-height: 2;
  border-radius: 2px;
  text-decoration: none;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  margin: auto;
  text-align: center;
  letter-spacing: 1.5px;
  -webkit-transition: -webkit-transform 0.3s ease-in-out, transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, color 0.3s ease-in-out, font-weight 0.3s ease-in-out, font-size 0.3s ease-in-out, letter-spacing 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, color 0.3s ease-in-out, font-weight 0.3s ease-in-out, font-size 0.3s ease-in-out, letter-spacing 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out, color 0.3s ease-in-out, font-weight 0.3s ease-in-out, font-size 0.3s ease-in-out, letter-spacing 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.nitetime nav ul li a {
  text-shadow: none ;
}
nav ul li a.options-wrapper {
  padding: 0;
  background-color: transparent;
  border: none;
  margin-top: 0.5px;
}
nav ul li a.options-wrapper i.material-icons {
  text-align: center;
  font-size: 20px;
  height: 47px;
  display: inline-table;
  width: 49%;
  background-color: rgba(255, 240, 250, 0.6);
  line-height: 47px;
  -webkit-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out; 
}
.nitetime nav ul li a.options-wrapper i.material-icons {
  background-color: rgba(1, 22, 63, 0.7);
  color: rgba(158, 188, 206, 0.68);
}
.mqdesktop.nitetime nav ul li a.options-wrapper i.material-icons:hover,
.mqdesktop.nitetime nav ul li a.options-wrapper i.material-icons:active {
  background-color: rgba(81, 129, 158, 0.75);
  color: rgb(5, 255, 6);
}
.nitetime nav ul li a.options-wrapper i.material-icons.active {
  background-color: rgba(29, 53, 111, 0.65);
  color: rgb(5, 255, 6);
}
nav ul li a.options-wrapper i.material-icons:nth-child(1),
nav ul li a.options-wrapper i.material-icons:nth-child(3) {
  margin: 0;
}
nav ul li a.options-wrapper i.material-icons:nth-child(2) {
  margin: 0 0 0 2px;
}
nav ul li a.options-wrapper i.material-icons:nth-child(4) {
  margin: 2px 0 0 2px;
  font-size: 24px;
}
nav ul li a.options-wrapper i.material-icons:nth-child(4):after {
  content: 'fullscreen';
}
nav ul li a.options-wrapper i.material-icons:nth-child(5) {
  display: none;
}
nav ul li:first-child a i {
  color: rgb(43, 93, 154);
}
nav ul li:nth-child(2) a {
  white-space: normal;
}
nav ul li:first-child a {
  padding: 0;
}
.mqdesktop nav ul li:link,
.mqdesktop nav ul li:visited,
.mqdesktop nav ul li:first-child:link a img,
.mqdesktop nav ul li:first-child:visited a img {
  text-decoration: none;
}
nav ul li a.active {
 letter-spacing: 2px;
  font-size: 9px;
}
.globalup .ebn-btn i {
  color: rgb(5, 255, 6);
}
.shr-btn.active i {
  background-color: rgb(30, 242, 69) !important;
  color: rgb(0, 104, 157) !important;
}
.globalup .so-item .ebn-btn i {
   color: rgba(251, 255, 5, 0.8);
   opacity: 1;
}
.smtitle {
  pointer-events: none;
}
.container {
  height: auto;
  margin: 0 auto;
  width: 80%;
  padding: 70px 0 55px 0;
  position: relative;
  z-index: 10;
  -webkit-transition: height 0.5s ease-out, width 0.5s ease-out, margin 0.5s ease-out, padding 0.5s ease-out;
  -moz-transition: height 0.5s ease-out, width 0.5s ease-out, margin 0.5s ease-out, padding 0.5s ease-out;
  transition: height 0.5s ease-out, width 0.5s ease-out, margin 0.5s ease-out, padding 0.5s ease-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.container.fw-option {
  height: auto;
  margin:  auto;
  width: 100vw;
  padding: 0;
}
.globalup .container {
  padding: 50px 0 35px 0;
}
#fsBtn {
  display: block;
  display: none;
  background-color: rgba(0, 74, 111, 0.7);
  z-index: 1;
  color: #FFFFFF;
  font-size: 28px;
  pointer-events: none;
  opacity: 0;
  border-radius: 2px;
  position: fixed;
  top: 2px;
  right: 2px;
  vertical-align: middle;
  line-height: 41px;
  width: 38.5px;
  height: 40px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.daytime #fsBtn {
  color: rgb(24, 125, 178);
}
.mqdesktop #fsBtn:link,
.mqdesktop #fsBtn:visited {
  text-decoration: none;
}
.mqdesktop #fsBtn:hover,
.mqdesktop #fsBtn:active {
  opacity: 1;
}


/* ———  Side Pagination  ———  */

.pagination {
  will-change: transform;
  position: fixed !important;
  border-width: 0 0 0 0.5px;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  top: 102px;
  bottom: 32px;
  padding-top: 20px;
  right: 0;
  font-size: 30px;
  z-index: 1000 !important;
  line-height: 1;
  width: 30px !important;
  color: transparent;
  margin: auto;
  -webkit-flex-direction: column !important;
  -webkit-flex-wrap: nowrap !important;
  flex-flow: column nowrap !important;
  background-color: transparent;
}
.mqdesktop .pagination {
   will-change: -webkit-transform,  transform, color, border-color, top, bottom, background-color, visibility;
    -webkit-transition:  -webkit-transform 0.3s ease-in-out,  transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
  -moz-transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
  transition:  transform 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
}
.pagination.color-opt {
  border-color: rgb(119, 163, 215);
}
.mqdesktop.fs .pagination {
  bottom: 0;
}
.pagination.localup {
  top: 0;
}
.pagination.unlocked,
.pagination.min-nav {
  top: 45px;
  bottom: 0;
  border-top-left-radius: 2px;
  background-color: rgba(158, 172, 188, 0.08);
}
.mqdesktop .pagination:link,
.mqdesktop .pagination:visited {
  text-decoration: none;
}
.mqdesktop .pagination:hover,
.mqdesktop .pagination:active {
  background-color: rgba(158, 172, 188, 0.2);
}
.pagination.up {
  opacity: 0;
  -webkit-transform: translateX(100%) translateZ(0);
  -moz-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
}
body.onthemove #paginationWrap {
  opacity: 0;
  -webkit-transform: translateX(50%) rotateY(-90deg);
  -moz-transform: translateX(50%) rotateY(-90deg);
  transform: translateX(50%) rotateY(-90deg);
}
.mqdesktop .pagination li a,
.mqdesktop .pagination li a .hover-text {
  will-change: border-width, color, border-color, width, height, box-shadow, border, right;
  letter-spacing: -0.15px;
  right: 7px;
  position: absolute;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
  webkit-transition: opacity 0.3s ease-in-out, text-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, right 0.3s ease-in-out, border-width, 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out, text-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, right 0.3s ease-in-out, border-width, 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, text-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, right 0.3s ease-in-out, border-width, 0.3s ease-in-out;
}
.mqdesktop .pagination li a,
.mqdesktop .pagination li a .hover-text {
  text-decoration: none;
}
.mqdesktop .pagination.color-opt li a {
  color: rgba(55, 98, 163, 0.8);
  border-color: rgba(55, 98, 163, 0.8);
}
.mqdesktop .pagination li a.active:after {
  box-shadow: inset 0 0 3px 6px rgb(5, 255, 6);
  color: rgb(5, 255, 6);
  border-color:  rgb(5, 255, 6) !important;
  width: 14px !important;
  height: 14px !important;
  right: 6px !important;
}
.mqdesktop .pagination.color-opt li a.active:after {
  box-shadow: inset 0 0 3px 6px rgba(55, 98, 163, 0.8);
  color:  rgba(55, 98, 163, 0.8);
  border-color:  rgba(55, 98, 163, 0.8) !important;
}
.mqdesktop .pagination li a .hover-text {
	position: absolute;
  right: 50px;
  top: 0;
  opacity: 0;
  text-align: right;
  white-space: nowrap;
  text-shadow: 0px 1px 2px rgba(43, 43, 43, 0.4);
  color: #FFFFFF;
  font-weight: 400;
  pointer-events: none;
}
.mqdesktop .pagination.color-opt li a .hover-text {
  color: rgb(138, 151, 152);
  text-shadow: none;
}
.mqdesktop .pagination li a:hover .hover-text,
.mqdesktop .pagination li a:active .hover-text {
	opacity: 1;
}
.mqdesktop .pagination li a.active:hover .hover-text,
.mqdesktop .pagination li a.active:active .hover-text {
  font-weight: 700;
  letter-spacing: normal;
  color: rgb(5, 255, 6);
  text-shadow: 0px 1px 2px rgba(43, 43, 43, 0.3);
}
.mqdesktop .pagination.color-opt a.active:hover .hover-text,
.mqdesktop .pagination.color-opt a.active:active .hover-text {
  font-weight: 600;
  color: rgb(55, 98, 163);
  text-shadow: none;
}
.mqdesktop .pagination li a:after,
.mqdesktop .pagination li a:hover:after,
.mqdesktop .pagination li a:active:after {
 -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  width: 12px;
  height: 12px;
  display: block;
  border: 1px solid;
  border-radius: 50%;
  content: '';
  position: absolute;
  margin: auto;
  top: 0;
  right: 7px;
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.8);
  -webkit-transition:box-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition:  box-shadow 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
.mqdesktop .pagination.color-opt li a:after,
.mqdesktop .pagination.color-opt li a:hover:after,
.mqdesktop .pagination.color-opt li a:active:after {
  color: rgba(55, 98, 163, 0.8);
  border-color:  rgba(55, 98, 163, 0.8);
}
.mqdesktop .pagination li a:hover:after,
.mqdesktop .pagination li a:active:after {
	color:  rgb(5, 255, 6);
  border-color: rgb(5, 255, 6);
  width: 13px;
  height: 13px;
  right: 6.5px;
  border: 1.5px solid;
}
.mqdesktop .pagination.color-opt li a:hover:after,
.mqdesktop .pagination.color-opt li a:active:after {
	color: rgba(55, 98, 163, 0.8);
  border-color:  rgba(55, 98, 163, 0.8);
}
#paginationWrap {
  z-index: 200;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
  transition: transform 0.3s ease-in-out, opacity 0.2s ease-in-out;
}
.mqmobile #paginationWrap {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.c-logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 60vh;
  top: 7vh;
  left: 1.3vh;
  position: absolute;
  margin: auto;
  -webkit-transition: 0.6s top 1.4s ease-in-out, 0.6s bottom 1.4s ease-in-out;
  -moz-transition: 0.6s top 1.4s ease-in-out, 0.6s bottom 1.4s ease-in-out;
  transition: 0.6s top 1.4s ease-in-out, 0.6s bottom 1.4s ease-in-out;
}
.foxey .c-logo {
  width: auto;
}
main {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: static;
  overflow: hidden;
  z-index: 1;
}
section {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
 transform: translateZ(0);
}
section.panel {
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
.daytime section.panel {
  background-color: #FFFFFF;
}
.nitetime section.panel {
  background-color: #000000;
}


/* ———  Gradients  ——— */


.tangradient {
  background: -webkit-linear-gradient(164deg, rgba(171, 117, 27, 1), rgb(207, 181, 125) 41.6%, rgb(236, 211, 163) 73.95%, rgba(241, 225, 208, 1) 94.96%);
  background: -o-linear-gradient(164deg, rgba(171, 117, 27, 1), rgb(207, 181, 125) 41.6%, rgb(236, 211, 163) 73.95%, rgba(241, 225, 208, 1) 94.96%);
  background: -moz-linear-gradient(164deg, rgba(171, 117, 27, 1), rgb(207, 181, 125) 41.6%, rgb(236, 211, 163) 73.95%, rgba(241, 225, 208, 1) 94.96%);
  background: linear-gradient(164deg, rgba(171, 117, 27, 1), rgb(207, 181, 125) 41.6%, rgb(236, 211, 163) 73.95%, rgba(241, 225, 208, 1) 94.96%);
}
.nitetime .tangradient {
  background-size: cover; 
  background-repeat: no-repeat; 
  background-image: url(../images/04-print/05-interiors/mahognay-l.jpg);
}

.blackgradient2 {
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background: -o-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background: -moz-linear-gradient(top,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
  background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,1));
}
.blackgradientbottom {
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));
  background: -o-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));
  background: -moz-linear-gradient(top,rgba(0,0,0,1),rgba(0,0,0,0));
  background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
}
.whitegradientbottom {
  background: -webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
  background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
  background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
  background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));
}
.nitetime .whitegradientbottom,
.daytime .blackgradientbottom {
  display: none;
}
.panal-image-gradient,
.whitegradientbottom,
.blackgradientbottom {
  height: 35vh;
  top: 65vh;
  z-index: 1;
  width: 100%;
  position: absolute;
  -webkit-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.nitetime .panal-image-gradient {
  background: -webkit-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));
  background: -o-linear-gradient(bottom,rgba(0,0,0,1),rgba(0,0,0,0));
  background: -moz-linear-gradient(top,rgba(0,0,0,1),rgba(0,0,0,0));
  background: linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));
}
.daytime .panal-image-gradient {
  background: -webkit-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
  background: -o-linear-gradient(bottom,rgba(255,255,255,1),rgba(255,255,255,0));
  background: -moz-linear-gradient(top,rgba(255,255,255,1),rgba(255,255,255,0));
  background: linear-gradient(to top,rgba(255,255,255,1),rgba(255,255,255,0));
}
.tangradient .in-view .quarter-opt-1.ovReveal {
    background-color: rgba(219, 255, 32, 0.27);
    background-blend-mode: darken;
}


/* ———  SVG  ——— */

svg {
  display: block;
  width: 100%;
  height: 100%;
}


/* ——— Background Scroll  ——— */

.backgroundscroll {
  image-rendering: optimizeQuality;
  background-repeat: repeat-x;
  position: absolute;
  background-size: auto 100vh;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  -webkit-animation: backgroundScrollAnim 4700000s linear infinite both;
  -moz-animation: backgroundScrollAnim 4700000s linear infinite both;
  animation: backgroundScrollAnim 4700000s linear infinite both;
}
.backgroundscroll.shagreenscroll {
  -webkit-transition: visibility .01s linear, opacity 0.6s ease-in-out, transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  -moz-transition: visibility .01s linear, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  transition: visibility .01s linear, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  -webkit-animation-fill-mode: none;
  -moz-animation-fill-mode: none;
  animation-fill-mode: none;
}
.backgroundscroll.foxey {
  right: -16px;
}
.backgroundscroll.shagreenscroll {
  background-image: url(../images/w_shagreen-l.jpg);
  background-color: #FFFFFF;
}
.nitetime .backgroundscroll.shagreenscroll {
  background-image: url(../images/b_shagreen-l.jpg);
  background-blend-mode: screen;
   background-color: rgba(2, 30, 86, 0.3);
}
.backgroundscroll.skyscroll {
  background-image: url(../images/day_sky-s.jpg);
  background-color: #FFFFFF;
}
.nitetime .backgroundscroll.skyscroll {
  background-image: url(../images/night-sky-nu-m.jpg);
  background-blend-mode: screen;
   background-color: rgba(2, 30, 86, 0.3);
}

@media screen and (max-width: 1400px) {
.daytime .backgroundscroll.shagreenscroll {
  background-image: url(../images/w_shagreen-m.jpg);
}
.nitetime .backgroundscroll.shagreenscroll {
  background-image: url(../images/b_shagreen-m.jpg);
}
}


@media screen and (max-width: 784px) {
.daytime .backgroundscroll.shagreenscroll {
  background-image: url(../images/w_shagreen-s.jpg);
}
.nitetime .backgroundscroll.shagreenscroll {
   background-image: url(../images/b_shagreen-s.jpg);
}  
}


@-webkit-keyframes backgroundScrollAnim {
  from { background-position: 0 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
  to { background-position: -99999999px 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
}
@-moz-keyframes backgroundScrollAnim {
  from { background-position: 0 0;  transform: translateZ(0); }
  to { background-position: -99999999px 0; transform: translateZ(0); }
}
@keyframes backgroundScrollAnim {
  from { background-position: 0 0;  transform: translate3d(0, 0, 0); }
  to { background-position: -99999999px 0; transform: translate3d(0, 0, 0); }
}



/* ——— Divs  ——— */
.pirate { 
  background-size: 50vmin;
  background-position: right center;
  background-repeat: no-repeat;
  top: 75px;
  bottom: 15px;
  right: 55px;
  left: 0;
  position: absolute !important;
}
.pirate figure {  
  right: 54vmin;
  margin: auto;
  left: 0;
  position: absolute;
  padding: 0 3vw 0 5vw;
}
.nitetime div.lozad {
  background-image: url(../images/camera-b.gif);
}
.daytime div.lozad {
  background-image: url(../images/camera-w.gif);
}
.cslide {
  top: 100vh;
  padding-top: 75px;
}
.fstime {
  z-index: 1;
  cursor: pointer;
  float: right;
}
.story-wrapper {
  left: 40% !important; 
  padding: 103px 43px 33px 0;
  -webkit-transition:  padding 0.3s  ease-in-out;
  -moz-transition:  padding 0.3s  ease-in-out;
  transition: padding 0.3s  ease-in-out;
  position: fixed !important;
}
.globalup .story-wrapper {
   padding: 0;
}
.valign-wrapper-ac.lpc-wrapper {
  margin: 0 60% 0 0;
}


/* ———  Site Options  ——— */

span.so-item,
a.so-item {
  cursor: default;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  margin: auto;
  opacity: .8;
  letter-spacing: 1px;
  vertical-align: middle;
  display: inline-block;
  line-height: inherit;
  color: #FFFFFF;
  text-align: right;
  min-width: 150px;
}
a.so-item {
  cursor: pointer;
  opacity: .8;
  text-align: center;
  min-width: initial;
  padding: 14px 0 12px 0;
  border: solid rgba(255, 255, 255, 0.3);
  border-width: 0 0 1px 0;
  width: 100%;
}
#content-smap .row:not(:first-child),
#content-soptions .row {
   padding: 0 6px;
}
.row.so-item {
  width: 50%;
   display: inline-flex;
  flex-grow: 2;
  position: relative;
  text-align: left;
}
#content-soptions .so-item:nth-child(2) div,
#content-soptions .so-item:nth-child(3) div,
#content-smap .so-item:nth-child(2) a,
#content-smap .so-item:nth-child(3) a {
  border-width: 1px 0;
}
.row.so-item.sniffy {
  width: 30px;
  height: 24px;
  margin: 0;
  background-position: center 30%;
  background-size: 36px;
  background-repeat: no-repeat;
  border-width: 0;
  opacity: .85;
  padding: 0;
  color: transparent;
}
.row.so-item.sniffy p {
  pointer-events: none;
  padding: 0 25px;
  margin: 65px auto 0 auto;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.row.so-item div {
  width: 100%;
  text-align: center;
  border: solid rgba(255,255,255, 0.3);
  border-width: 0 0 1px 0;
  padding: 14px 8% 12px 0;
}
.row.so-item div i {
  margin: auto 11px;
  vertical-align: middle;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding-left: 13px;
  line-height: 24px;
  opacity: 0.7;
  display: inline-flex;
  color: #FFFFFF;
}
.row.so-item div i.so-active,
.fs .so-fsb {
  color: rgba(251, 255, 5, 0.8) !important;
  opacity: 0.9 !important;
}
.fstime i {
  margin: auto 11px;
  font-size: 18px;
  vertical-align: middle;
}
.fstime.sqd i {
  color: rgb(43, 93, 154);
}
.nitetime .fstime.sqd i {
  color: rgba(220, 223, 220, 0.5);
}
#navPack .settingsbtn.fstime i {
  margin: 0px 11px 0px 12px;
  font-size: 20px;
}
nav .settingsbtn.fullscr i {
  margin: auto;
  font-size: 26px;
}
nav .settingsbtn.siteopt i {
  margin: auto;
  font-size: 22px;
}
nav .settingsbtn.fstime i {
  margin: auto;
  font-size: 20px;
}

/* ———  Slider  ——— */


.mqmobile .slider-mobile,
.mqdesktop  .slider-desktop {
  display: block;
}
.mqmobile .slider-desktop,
.mqdesktop .slider-mobile {
  display: none;
}
.slider,
.slider-vertical { 
  overflow: hidden;
}
.slider figure img,
.slider-vertical figure img,
.slider figure div,
.slider-vertical figure div { 
  width: 20%; 
  float: left; 
  height: 100%;
}
.slider figure img,
.slider-vertical figure img {
  object-fit: cover;
  object-position: center;
  font-family: 'object-fit: cover; object-position: center center';
}
.slider-vertical figure img,
.slider-vertical figure div { 
  width: 100%; 
  height: 20%;
  float: none;
}
.slider figure div,
.slider-vertical figure div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.allcentered-top.slider .allcentered.slider,
.allcentered-top.slider .allcentered.slider-vertical  {
  top: 20vh;
  width: 50%;
  left: 50%;
  position: absolute;
  height: 60vh;
}
.allcentered-top.slider .allcentered.slider:first-child, 
.allcentered-top.slider .allcentered.slider-vertical:first-child {
  left: 0;
}
.slider figure.right-slide,
.slider figure.left-slide,
.slider-vertical figure.right-slide,
.slider-vertical figure.left-slide { 
  position: absolute;
  width: 500%;
  margin: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
  -webkit-animation-delay: 12s;
  animation-delay: 12s;
  -webkit-animation: 30s slippery infinite alternate-reverse ease-in-out; 
  animation: 30s slippery infinite alternate-reverse ease-in-out; 
}
.slider-vertical figure.right-slide,
.slider-vertical figure.left-slide { 
  width: 100%;
  height: 500%;
  -webkit-animation-name: slippery-vertical; 
  animation-name: slippery-vertical; 
}
.slider figure.left-slide,
.slider-vertical figure.left-slide {
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes slippery {
  0% { left: 0%; }
  10% { left: 0%; }
  15% { left: -100%; }
  35% { left: -100%; }
  40% { left: -200%; }
  60% { left: -200%; }
  65% { left: -300%; }
  85% { left: -300%; }
  90% { left: -400%; }
  100% { left: -400%; }
}
@keyframes slippery {
  0% { left: 0%; }
  10% { left: 0%; }
  15% { left: -100%; }
  35% { left: -100%; }
  40% { left: -200%; }
  60% { left: -200%; }
  65% { left: -300%; }
  85% { left: -300%; }
  90% { left: -400%; }
  100% { left: -400%; }
}

@-webkit-keyframes slippery-vertical {
  0% { top: 0%; }
  10% { top: 0%; }
  15% { top: -100%; }
  35% { top: -100%; }
  40% { top: -200%; }
  60% { top: -200%; }
  65% { top: -300%; }
  85% { top: -300%; }
  90% { top: -400%; }
  100% { top: -400%; }
}

@keyframes slippery-vertical {
  0% { top: 0%; }
  10% { top: 0%; }
  15% { top: -100%; }
  35% { top: -100%; }
  40% { top: -200%; }
  60% { top: -200%; }
  65% { top: -300%; }
  85% { top: -300%; }
  90% { top: -400%; }
  100% { top: -400%; }
}

/* ———  Footer  ——— */

.mqdesktop footer {
  border-top: 0.75px solid;
  height: 210px;
  width: 100vw;
  opacity: 1;
  position: fixed;
  z-index: 9000;
  font-weight: 600;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -180px;
  font-size: 10px;
  line-height: 28px;
  letter-spacing: 0.5px;
  -webkit-transition: bottom 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), opacity 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: bottom 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), opacity 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: bottom 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), opacity 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.globalup footer,
footer.localup,
.onthemove footer,
.winUnlocked footer,
.footer-down,
.footer-down-min-nav,
.fs footer {
  bottom: -211px !important;
  pointer-events: none;
  opacity: 0;
}
footer.fsOption {  
  visibility: hidden;
}
.footer-up {
  bottom: -30px !important;
}
.mqmobile footer {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  bottom: -190px !important;
}
.ficon {
  display: inline;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  fill: #FFFFFF;
}
.mqdesktop footer .fstime i,
.mqdesktop footer .fstime {
  -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.mqdesktop footer .fstime:link i,
.mqdesktop footer .fstime:visited i,
.mqdesktop footer .fstime:link,
.mqdesktop footer .fstime:visited,
.mqdesktop .sub-footer-trigger-wrapper:link .sub-footer-trigger,
.mqdesktop .sub-footer-trigger-wrapper:visited .sub-footer-trigger {
  text-decoration: none;
}
.mqdesktop footer .fstime:hover i,
.mqdesktop footer .fstime:active i {
  color: rgb(5, 255, 6);
}
.mqdesktop footer .fstime:hover,
.mqdesktop footer .fstime:active  {
  background-color: rgba(0, 74, 111, 0.8);
}
.foopicon {
  background-color: rgb(4, 221, 5) !important;
  opacity: 1 !important;
  -webkit-transform: rotate3d(1,0,0,180deg);
  -moz-transform: rotate3d(1,0,0,180deg);
  transform: rotate3d(1,0,0,180deg);
}
.footer-address {
  top: 0;
  position: absolute;
  left: 0;
  right: 40px;
  opacity: 0.9;
  z-index: auto;
  color: rgb(55, 98, 163);
}
.nitetime .footer-address {
  color: #EEEEEE;
  opacity: 0.7;
}

/* ———  Sub-Footer-Trigger  ——— */

.sub-footer-trigger-wrapper {
  z-index: 1;
  right: 40px;
  position: absolute;
  border-right: 0.75px solid;
  border-left: 0.75px solid;
  border-color: rgba(46, 121, 213, 0.63);
  width: 40px;
  height: 30px;
  top: 0;
  cursor: pointer;
  perspective: 100px;
}
.nitetime .sub-footer-trigger-wrapper {
  border-color: rgba(238, 238, 238, 0.33);
}
.mqdesktop .sub-footer-trigger-wrapper:hover .sub-footer-trigger,
.mqdesktop .sub-footer-trigger-wrapper:active .sub-footer-trigger {
  background-color: rgb(4, 221, 5);
  opacity: 1;
  -webkit-transform: rotate3d(1,0,0,180deg) translateZ(-1px);
  -moz-transform: rotate3d(1,0,0,180deg) translateZ(-1px);
  transform: rotate3d(1,0,0,180deg) translateZ(-1px);
}
.mqdesktop .sub-footer-trigger-wrapper:hover .sub-footer-trigger svg,
.mqdesktop .sub-footer-trigger-wrapper:active .sub-footer-trigger svg {
   stroke: #FFFFFF; 
}
.sub-footer-trigger {
  z-index: 10;
  will-change: opacity, transform, background-color;
  right: 0;
  position: absolute;
  width: 38px;
  height: 29px;
  top: 1px;
  pointer-events: none;
  opacity: 1;
  padding: 7px 10px 0 10px;
  -webkit-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, transform 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.nitetime .sub-footer-trigger {
  opacity: 0.45;
}
.sub-footer-trigger svg {
  -webkit-transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
  -moz-transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
  stroke: #FFFFFF;
  stroke-width: 1.5px;
  fill: transparent;
  will-change: fill;
}
.daytime .sub-footer-trigger svg {
  stroke: rgb(48, 102, 169);
}
.subfooter,
.subfooter-so {
  background-color: rgba(0, 73, 109, 0.5);
  top: 30px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  color: #FFFFFF;
  line-height: 1.4;
  font-size: 10px;
  font-weight: 300;
  width: 100%;
  left: 0;
  right: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-flow: row wrap;
  text-align: left;
  background-repeat: repeat;
  background-size: 60px;
  padding-bottom: 10px;
}
.subfooter {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.daytime .subfooter {
  color: rgba(52, 107, 152, 0.8);
  font-weight: 400;
  background-color: rgba(255, 255, 255, 0.6);
}
.subfooter-so {
  position: initial;
  top: initial;
  height: initial;
  overflow: visible;
  background-color: transparent;
  border-top: 1px solid rgb(5, 255, 6);
  margin-top: 40px;
  padding-top: 30px !important;
}
.ah-logo-footer {
  height: 70px;
  width: 70px;
  margin: 15px 20px 15px 0;
  float: right;
  fill: rgba(143, 170, 186, 0.7);
}
.daytime .ah-logo-footer {
 fill: rgba(48, 102, 169, 0.8); 
}
.subfooter-so .ah-logo-footer {
 fill: rgba(5, 255, 6, 0.8);
}
.subfooter .row:first-child,
.subfooter-so .row:first-child {
  width: 25%;
  border-right: 0.5px solid #DDDDDD;
}
.subfooter-so .row:first-child {
  width: 20%;
}
.daytime .subfooter .row:first-child {
  border-right: 1px solid #17DD87;
}
.subfooter-so .row:first-child {
  border-right: 1px solid rgba(155, 211, 255, 0.8);
}
.subfooter .row:last-child {
  width: 75%;
  padding: 0 18% 0 25px !important;
}
.subfooter-so .row:last-child {
  width: 80%;
  padding: 0 10% 0 25px !important;
}
.subfooter .row:last-child p,
.subfooter-so .row:last-child p {
  font-size: 132%;
  line-height: 1.5;
  display: table;
}
.subfooter .row:last-child p {
  margin: 0;
}



/* ———  Nite Shade  ——— */

.night-shade-red {
  background-color: rgba(228, 109, 35, 0.12);
}
.night-shade {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  pointer-events: none !important;
  position: fixed;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.valign-wrapper-ac.ltc {
  -webkit-filter: drop-shadow(0px 2px 6px rgba(61, 73, 92, 0.8)); 
  filter: drop-shadow(0px 2px 6px rgba(61, 73, 92, 0.8)); 
  height: 70vh; 
  z-index: 100;
  width: 100vw;
  top: 60px;
}
.valign-wrapper-ac.ltc {
  top: 100px;
}
.globalup .valign-wrapper-ac.ltc {
  top: 0;
}
.fullPage {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.p3l { 
  background-size: 40vmin;
  background-position: center calc((50vh - 10vmin) + 60px);
  background-repeat: no-repeat;
  opacity: 0.8;
  -webkit-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out, opacity  0.3s ease-in-out;
}
.mqmobile .p3l { 
  opacity: 1 !important;
  -webkit-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
  -moz-transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
  transition: background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
}
.halfbox {
  height: 20vmax;
  max-height: calc((50vh + 33vw)*0.33);
  width: 48%;
  margin: 1% 0 0 0;
  position: relative;
  float: left;
  display: block;
  overflow: hidden;
  z-index: 10;
  margin-right: 1%;
  border-radius: 3px;
}
.halfbox .blueverite {
  background-color: rgba(121, 189, 169, 0.84);
  left: 0;
  height: initial;
  width: initial;
  border-radius: 3px;
}
.halfbox.ovReveal a {
  margin: 0;
  border-radius: 3px;
}


/* ———  Scroll Anchors  ——— */

.sttdivanchor,
.sddivanchor,
.stbdivanchor {
  width: 100%;
  height: 1px;
  pointer-events: none;
  top: 0;
  margin: 0;
  position: absolute;
  visibility: hidden;
}
.sddivanchor {
  top: 70vh;
}
.stbdivanchor {
  top: initial;
  bottom: 0;
}


/* ———  Cascade Wrapper  ——— */

.cascade-xhr-top {
  margin-bottom: 2px;
  border-radius: 3px;
}
.cascade-title {
  height: 33.333vh;
  width: 100% !important;
  display: table;
}
.cascade-title figure {
   vertical-align: middle;
  display: table-cell; 
  text-align: center;
  text-transform: uppercase;
}
.nitetime:not(.foxey) #P4 .cascade-wrapper {
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85);
}
.cascade-wrapper .cascade-item {
  padding: 0;
  background-color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 2.5rem;
  color: #FFFFFF;
  font-weight: 400;
  text-align: center;
  line-height: 1.3;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-flow: row wrap;
  -webkit-flex-grow: 2;
  flex-grow: 2;
  width: 33.333%;
  height: 33.333vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
 -webkit-font-smoothing: antialiased;
}
.cascade-wrapper .cascade-item.active {
  width: 100%;
  height: 100vh;
  background-image: none !important;
  cursor: initial;
}
.cascade-wrapper.noreveal,
.cascade-wrapper.nopointe .cascade-item,
.cascade-wrapper.noreveal .cascade-item {
  pointer-events: none;
}
.cascade-item-init,
.cascade-item.cascade-item-activated.cascade-item-rev {
  opacity: 0;
  pointer-events: none;
}
.cascade-item-rev {
  opacity: 1;
}
.valign-wrapper-xhr-b-bottom.cascade-wrapper.fw-option {
  width: calc(100% + 6px);
}


/* ———  Video  ——— */

.videocover, 
.videocover-opt {
  object-fit: cover;
  position: absolute;
  font-family: 'object-fit: cover;';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  background-color: transparent;
  -webkit-transition: opacity 0.15s ease-in-out,  left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out,  left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
  transition: opacity 0.15s ease-in-out,  left 0.3s ease-in-out, right 0.3s ease-in-out, top 0.3s ease-in-out, bottom 0.3s ease-in-out;
}
img.videocover-opt {
  opacity: 0;
}
.ovRevealed.active.allactive img.videocover-opt {
  opacity: 1;
}
.nitetime .videocover:not(.ov-img) {
  opacity: 0.65; 
}
.videocover.slowreveal, 
.videocover-opt.slowreveal {
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}
#videoTarget {
  opacity: 1;
  margin: auto;
  z-index: 202;
  max-height: 90vh;
  max-width: 92vw;
  height: auto;
  width: 106.625vh;
}

/* ———  Flex Wrappers  ——— */
.cascade-wrapper,
.valign-wrapper, 
.valign-wrapper-ac, 
.valign-wrapper-vs, 
.valign-wrapper-xhr-b-top, 
.valign-wrapper.stt, 
.valign-wrapper.stb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-flow: row wrap;
  z-index: 1;
}
.foxey .valign-wrapper-vs,
.foxey #openPanel {
  width: calc(100vw + 16px);
}
.valign {
  display: block;
}
.valign-wrapper.stt, 
.valign-wrapper.stb {
  padding: 12px 0;
  cursor: pointer;
  width: 50px;
  margin: 12px auto;
  bottom: 0;
  right: 5px;
  position: fixed;
  z-index: 5900;
  color: #FFFFFF;
  visibility: visible;
  pointer-events: all;
  -webkit-transition: visibility 0s linear, opacity 0.3s ease-in-out, border 0.25s ease-in-out, -webkit-transform 0.6s ease-in-out, transform 0.6s ease-in-out;
  -moz-transition: visibility 0s linear, opacity 0.3s ease-in-out, border 0.25s ease-in-out, transform 0.6s ease-in-out;
  transition: visibility 0s linear, opacity 0.3s ease-in-out, border 0.25s ease-in-out, transform 0.6s ease-in-out;
}  
.valign-fstart {
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.valign-wrapper.stb {
  right: 41px;
  left: 0;
  position: relative;
  padding: 0;
}
.valign-wrapper.stb i {
  -webkit-transform: rotate3d(0,0,1,180deg);
  -moz-transform: rotate3d(0,0,1,180deg);
  transform: rotate3d(0,0,1,180deg);
  font-size: 280%;
  -webkit-text-fill-color: transparent !important;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(148, 148, 148, 1);
  margin-top: 25px;
}
.valign-wrapper-ac {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
.daytime .valign-wrapper-ac.set-vis {
  height: 65vh;
  overflow: hidden;
  background-color: #FFFFFF;
  top: 23vh;
}
.nitetime .valign-wrapper-ac.set-vis {
  height: 100vh;
  overflow: hidden;
  top: 0;
}
.valign-wrapper-vs {
  height: 100vh !important; 
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  flex-flow: column nowrap;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: background-color 0.3s ease-in-out, -webkit-filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-transition: background-color 0.3s ease-in-out, -webkit-filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860);
  transition: background-color 0.3s ease-in-out, -webkit-filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860), filter 0.3s cubic-bezier(0.785, 0.135, 0.150, 0.860); 
  background-color: #FFFFFF;
}
.nitetime .valign-wrapper-vs {
  background-color: #000000;
}
.valign-wrapper-vs.nosnappy {
  overflow: hidden;
}
.valign-wrapper-xhr-b-top {
  min-height: 100vh; 
  max-height: 100vh;
  height: 100%;
  background-size: cover; 
  background-repeat: no-repeat; 
  background-position: center; 
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-flow: column nowrap;
  width: 100%;
  overflow: hidden;
}
.valign-wrapper-xhr-b-bottom {
  position: relative;
  padding: 0 !important;
  width: 100%;
  min-height: 100vh;
}
.valign-wrapper-xhr-b-bottom.fw-option {
  position: relative;
  padding: 0 !important;
}

.nitetime .shagreen-static {
  background-image: url(../images/black-shagreen_scroll-s.jpg);
  background-blend-mode: screen;
  background-color: rgba(2, 30, 86, 0.3);
}
.daytime .shagreen-static {
  background-image: url(../images/white_shagreen-s.jpg);
  background-color: #FFFFFF;
}  

/* —————————— */
/* ———  Modifiers —— */
/* —————————— */

.contentUnlocked.modal-panel-up .in-view .valign-wrapper-vs,
.winUnlocked.modal-panel-up .in-view .valign-wrapper-vs,
.site-options-up .in-view, 
body.modal-panel-up .in-view .valign-wrapper-vs  {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.full {
  flex-grow: 2;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  margin: 0 !important;
}
.row.aqn .section-button-wrapper {  
  top: 8px; 
  position: relative; 
  display: block !important;
  opacity: 1;margin-bottom: 5px;
}
.row.aqn .scrollsection {  
  display: block !important;
  font-size: 9px;
  font-weight: 900;
  padding: 8px 14px 10px 14px;
}
.row.aqn .scrollsection:after {  
  border-right: 2px solid;
  border-bottom: 2px solid;
  top: 10px;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.no-filter {
  -webkit-filter: none !important;
  filter: none !important;
}
.nitetime .gs-rotate {
  -webkit-filter: grayscale(1) contrast(1.5) saturate(1)!important; 
  filter: grayscale(1) contrast(1.5) saturate(1) !important; 
  -webkit-transition: -webkit-filter 10s ease-in-out, filter 10s ease-in-out, opacity 0.3s ease-in-out !important; 
  -moz-transition: filter 10s ease-in-out, opacity 0.3s ease-in-out !important;
  transition: filter 10s ease-in-out, opacity 0.3s ease-in-out !important;
}
.nitetime .gs-rotate.nofilter {
  -webkit-filter: grayscale(0) contrast(1) saturate(1.2) !important;
  filter: grayscale(0) contrast(1) saturate(1.2) !important;
}
.nitetime .nosnappy .gs-rotate {
  -webkit-transition: -webkit-filter .5s ease-in-out, filter .5s ease-in-out, opacity 0.3s ease-in-out !important; 
  -moz-transition: filter .5s ease-in-out, opacity 0.3s ease-in-out !important;
  transition: filter .5s ease-in-out, opacity 0.3s ease-in-out !important;
}
.mqmobile.nitetime .media-text.gs-rotate.nofilter,
.mqmobile.nitetime .media-text.gs-rotate {
  -webkit-filter: none !important;
  filter: none !important;
}
.foxey .nofilter,
.foxey .gsrotate, 
.foxey .gs-rotate.nofilter {
  -webkit-filter: none !important;
  filter: none !important;
}
.panel.content-not-loaded {
  visibility: hidden;
}
.no-background {
  background: initial !important;
}
.no-background-color {
  background-color: initial !important;
}

/* ———   Pointer Events Modifiers  ———   */

.nopointe, .nopointe2 {
  pointer-events: none ;
}
.nopointe-imp, .nopointe-modal {
  pointer-events: none !important;
}
.pointe {
  pointer-events: all;
}
.pointe-imp {
  pointer-events: all !important;
}
.nopointepause {
  pointer-events: all !important;
}


/* ———   Opacity Modifiers  ———   */

.opacZero {
  opacity: 0;
}
.opacZeroImportant {
  opacity: 0 !important;
}
.opacTwo {
  opacity: 0.2;
}
.opacTwoImportant {
  opacity: 0.2 !important;
}
.opacThree {
  opacity: 0.3;
}
.opacThreeImportant {
  opacity: 0.3 !important;
}
.opacFour {
  opacity: 0.4;
}
.opacFourImportant {
  opacity: 0.4 !important;
}
.opacFive {
  opacity: 0.5;
}
.opacFiveImportant {
  opacity: 0.5 !important;
}
.opacSix {
  opacity: 0.6;
}
.opacSixImportant {
  opacity: 0.6 !important;
}
.opacSeven {
  opacity: 0.7;
}
.opacSevenImportant {
  opacity: 0.7 !important;
}
.opacEight {
  opacity: 0.8;
}
.opacEightImportant {
  opacity: 0.8 !important;
}
.opacNine {
  opacity: 0.9;
}
.opacNineImportant {
  opacity: 0.9 !important;
}
.opacOne {
  opacity: 1;
}
.opacOneImportant {
  opacity: 1 !important;
  visibility: visible !important;
}
.c-logo-opac {
  opacity: 0.5;
}
.nitetime .c-logo-opac {
  opacity: 0.1;
}
.flexible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  flex-flow: row wrap;
}
#lpw {
  background-size: auto 100%;
  background-position: top left;
  background-repeat: repeat-x;
  -webkit-transition:  opacity 0.7s ease-in, visibility 0.7s linear;
  -moz-transition: opacity 0.7s ease-in, visibility 0.7s linear;
  transition: opacity 0.7s ease-in, visibility 0.7s linear;
}
.nosnappy-opt #lpw {
  opacity: 0;
  visibility: hidden;
}
#lpw .panel-item-fadein:not(.ov-img) {
  top: 0;
  width: 100%;
  left: 0;
  padding: 0 2vmin;
  right: 0;
  position: relative;
  display: table;
  bottom: 0;
  text-align: center;
}
.no-padding {
  padding: 0 !important;
}
.notrans {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
}
.maxwidth-option {
  max-width: 1600px !important;
}
.nitetime .nitetimeoption {
  display: block;
}
.daytime .nitetimeoption {
  visibility: hidden;
  pointer-events: none;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.daytime .nitetimeoption.todo {
  display: block;
}
.nitetime .daytimeoption {
  visibility: hidden;
  pointer-events: none;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.nitetime .daytimeoption.todo {
  display: block;
}
.daytime .daytimeoption {
  display: block;
}
.daytime .tbi-invert {
  -webkit-filter: invert(.5);
  filter: invert(.5);
}
.dspoff {
  display: none !important;
}

/* ———  Section/Panel item Faders  ———   */

.content-item-fadein {
 -webkit-transition: opacity 0.75s ease-out;
  -moz-transition: opacity 0.75s ease-out;
  transition: opacity 0.75s ease-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.panel-item-fadeout,
.panel-item-fadeout-delay,
.panel-item-fadeout-delay-2,
.panel-item-fadeout-delay-3 {
  -webkit-transition: opacity 1s ease-in;
  -moz-transition: opacity 1s ease-in;
  transition: opacity 1s ease-in;
}
.panel-item-fadein,
.panel-item-fadein-delay,
.panel-item-fadein-delay-2,
.panel-item-fadein-delay-3 {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.panel-item-fadein-delay,
.panel-item-fadeout-delay {
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.panel-item-fadein-delay-2,
.panel-item-fadeout-delay-2 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.panel-item-fadein-delay-3,
.panel-item-fadeout-delay-3 {
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.panel .panel-item-fadeout,
.panel .panel-item-fadeout-delay,
.panel .panel-item-fadeout-delay-2, 
.panel .panel-item-fadeout-delay-3 {
  opacity: 1;
}
.nitetime .panel .panel-item-fadeout,
.nitetime .panel .panel-item-fadeout-delay,
.nitetime .panel .panel-item-fadeout-delay-2, 
.nitetime .panel .panel-item-fadeout-delay-3 {
  opacity: 1;
}
.panel.nosnappy .panel-item-fadein,
.panel.nosnappy .panel-item-fadein-delay,
.panel.nosnappy .panel-item-fadein-delay-2, 
.panel.nosnappy .panel-item-fadein-delay-3 {
  opacity: 0;
}
.panel.nosnappy .panel-item-fadein.lfi,
.panel.nosnappy .panel-item-fadein-delay.lfi,
.panel.nosnappy .panel-item-fadein-delay-2.lfi, 
.panel.nosnappy .panel-item-fadein-delay-3.lfi {
  opacity: 0.1;
}

/*———  Mix-Blend Mode  ———   */


.mbm-dif {
  mix-blend-mode: difference;
}
.mbm-exc {
  mix-blend-mode: exclusion;
}
.mbm-color {
  mix-blend-mode: color;
}
.mbm-color-dodge {
  mix-blend-mode: color-dodge;
}
.mbm-hard-light {
  mix-blend-mode: hard-light;
}
.daytime .mbm-plus-darker {
  mix-blend-mode: multiply;
}
.nitetime .mbm-plus-darker {
  mix-blend-mode: color-dodge;
}
.mbm-off {
  mix-blend-mode: initial !important;
}
.me-ds {
  -webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.5));
}




/*———  BackBlur  ———   */

.backblur, .backblur-strong {
  background-blend-mode: overlay;
}


/* ———  Media Query Button Hovers  ———   */

.btnHover {
  opacity: 1;
} 
.mqdesktop .btnHover {
  -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 0.7;
}
.mqdesktop .btnHover:link,
.mqdesktop .btnHover:visited {
  text-decoration: none;
}
.mqdesktop .btnHover:hover,
.mqdesktop .btnHover:active {
  opacity: 1;
}


/* ———  Media Query Hiders/Modifiers  ———   */

.mqmobile .mqm-hidden,
.mqdesktop .mqd-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.mqmobile .mqm-no-anim {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.mqmobile .mqm-no-trans {
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  transition: all 0s !important;
}

@media screen and (max-width : 600px) {
.hide-on-small-only, .hide-on-small-and-down {
  display: none !important; 
} 
}

@media screen and (max-width : 752px) {
.hide-on-med-and-down {
  display: none !important; 
} 
}

@media screen and (min-width : 601px) {
.hide-on-med-and-up {
  display: none !important; 
} 
}

@media screen and (min-width: 600px) and (max-width: 752px) {
.hide-on-med-only {
  display: none !important; 
} 
}

@media screen and (min-width: 600px) and (max-width: 752px) {
.show-on-med-only {
  display: initial !important; 
} 
}

@media screen and (min-width : 787px) {
.hide-on-large-only {
  display: none !important; 
} 
}
    
@media screen and (min-width : 787px) {
.hide-on-large {
  display: none !important; 
} 
}
    
@media screen and (min-width : 787px) {
.show-on-large, .show-on-medium-and-up, .show-on-med-and-up {
  display: initial !important; 
} 
}

@media screen and (min-width : 1151px) {
.hide-on-xlarge {
  display:  none !important; 
} 
}

@media screen and (min-width : 1151px) {
.show-on-xlarge {
  display: initial !important; 
}
}
    
@media screen and (min-width : 1151px) and (max-width: 1910px) {
.show-on-xlarge-only {
  display: initial !important; 
} 
.show-on-xxlarge-only {
  display: none !important; 
} 
}
    
@media screen and (min-width : 1911px) {
.show-on-xxlarge {
  display: initial !important;
}
.show-on-xxlarge-only {
  display: initial !important;
}
}

@media screen and (min-width: 600px) and (max-width: 752px) {
.show-on-medium {
  display: initial !important;
}
}

@media screen and (max-width : 600px) {
.show-on-small {
  display: initial !important;
}
}

@media screen and (min-width : 601px) {
.show-on-medium-and-up, .show-on-med-and-up {
  display: initial !important;
} 
.show-on-small {
  display: none !important;
}
}

@media screen and (max-width : 752px) {
.show-on-medium-and-down, .show-on-med-and-down {
  display: initial !important;
}
.center-on-medium-and-down {
  text-align: center;
}
.show-on-large, .show-on-medium-and-up, .show-on-med-and-up {
    display: none !important;
}
.hide-on-large {
    display: initial !important;
}
}

@media screen and (max-width : 600px) {
.center-on-small-only {
  text-align: center !important;
}
}


/* ———  HW Acceleration  ———   */

.nobuzz {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
}
.nobuzz2 {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


/* ———  help info  ———   */


.info-help-btn {
  padding: 11px 7px;
  background-color:  rgb(5, 255, 6);
  display: inline-block;
  line-height: 0;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 900;
  vertical-align: middle;
  align-content: center;
  opacity: 1;
  cursor: pointer;
  color: rgb(0, 108, 162);
}
.info-help-btn:after {
  content: '?';
}
.mqdesktop .info-help-btn {
  -webkit-transition: background-color 0.3s ease-in-out, color 0.3s  ease-in-out, opacity 0.3s ease-in-out;
  -moz-transition: background-color 0.3s ease-in-out, color 0.3s  ease-in-out, opacity 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out, color 0.3s  ease-in-out, opacity 0.3s ease-in-out;
  opacity: 0.8;
}
.mqdesktop .info-help-btn:link,
.mqdesktop .info-help-btn:visited {
  text-decoration: none;
}
.mqdesktop .info-help-btn:hover,
.mqdesktop .info-help-btn:active {
  color: rgb(5, 255, 6);
  background-color: rgb(0, 108, 162);
}
.help-desc.valign-wrapper-ac {
  -webkit-flex-direction: column;
  -webkit-flex-wrap: nowrap;
  flex-flow: column nowrap;
  width: 70%;
  margin: auto;
}
.help-desc.valign-wrapper-ac h4 {
  margin: 1rem auto;
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
}
.help-desc.valign-wrapper-ac p {
  text-align: center;
  padding: 1rem 30px;
  border-top: 1px solid;
  margin: 0;
  opacity: 0.75;
  line-height: 1.6;
  text-transform: capitalize;
}



/* ———  Animated SVG Paths  ——— */




#p1SvgLogoWrapper {
  margin: auto;
  position: absolute;
  padding: 30px 20%;
  margin-left: 1.5vmin;
}
.nitetime #p1SvgLogoWrapper path {
  fill: rgba(78, 121, 169, 0.28);
}
.daytime #p1SvgLogoWrapper path {
  fill: rgba(78, 121, 169, 0.10);
}
.headerSvgLogoWrapper {
  margin: auto;
  position: relative;
  width: 40%;
  height: 40%;
}
#navPack .headerSvgLogoWrapper {
  margin: auto;
  position: relative;
  width: auto;
  height: 35px;
}
.headerSvgLogoWrapper path{
  -webkit-transition: fill 0.3s ease-in-out;
  -moz-transition: fill 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out;
}
#ahSvgPathWrapper {
  top: 0;
  z-index: 10;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 280px;
  margin: auto;
  padding: 24vh 10vw 28vh 10vw;
  position: absolute;
  overflow: visible;
}
#ahSvgPathWrapper path {
  -webkit-transition: stroke-width 0.75s ease-out, color 0.75s ease-out;
  -moz-transition: stroke-width 0.75s ease-out, color 0.75s ease-out;
  transition: stroke-width 0.75s ease-out, color 0.75s ease-out;
  stroke-dasharray: 324;
  stroke-dashoffset: 324;
  -webkit-animation: kpath 2.5s ease-in-out  0.5s normal 1 both;
  -moz-animation: kpath 2.5s ease-in-out  0.5s normal 1 both;
  animation: kpath 2.5s ease-in-out 0.5s normal 1 both;
}
.daytime #ahSvgPathWrapper path {
  stroke: rgba(4, 112, 210, 0.8);
  stroke-width: 0.3px;
}
.nitetime #ahSvgPathWrapper path {
  stroke: rgba(237, 192, 56, 0.8);
  stroke-width: 0.4px;
}
.nitetime #ahSvgPathWrapper.ciao path,
.daytime #ahSvgPathWrapper.ciao path {
  stroke-width: 0px;
}

@-webkit-keyframes kpath {
  0% { stroke-dashoffset: 324; opacity: 0; }
  20% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

@-moz-keyframes kpath {
  0% { stroke-dashoffset: 324; opacity: 0; }
  20% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes kpath {
  0% { stroke-dashoffset: 324; opacity: 0; }
  20% { opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}


/* ———  Images  ——— */
.inline-logo-img-01,
.text-picture-01,
.text-picture-02,
.text-picture-03,
.text-picture-04 {
  width: 50%;
  height: auto;
  margin: auto;
  padding: 15px 10px 25px 10px;
}
.inline-logo-img-01 {
  width: 35%;
  padding: 45px 10px 5px 10px;
}  
.text-picture-01.f-right,
.text-picture-03.f-right,
.text-picture-04.f-right {
  padding: 15px 0 25px 20px;
  float: right;
}
.text-picture-01.f-left,
.text-picture-03.f-left,
.text-picture-04.f-left {
  padding: 15px 20px 25px 0;
  float: left;
}
.text-picture-02 {
  width: 100%;
  height: 50vh;
  padding: 15px 10px 25px 10px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
.text-picture-03 {
  width: 33.333%;
}
.text-picture-04 {
  width: 25%;
}
.dt-img,
.nt-img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.nitetime .dt-img,
.daytime .nt-img {
  opacity: 0;
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  animation-play-state: paused;
}
.nitetime .nt-img,
.daytime .dt-img {
  opacity: 1;
  display: block;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  animation-play-state: running;
}
img {
  image-rendering: auto;
  display: block;
  margin: 0;
  border: 0;
  object-position: center;
}
.image-contain-fill,
.image-cover-absolute, 
.image-cover-relative,
.image-contain-absolute,
.image-contain-relative {
  height: 100%;
  width: 100%;
  top: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.image-cover-absolute, 
.image-cover-relative {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.image-cover-relative,
.image-contain-relative {
  position: relative;
}
.image-contain-absolute,
.image-contain-relative {
  object-fit: contain;
  font-family: 'object-fit: contain;';
}
.image-contain-fill {
  object-fit: fill;
	font-family: 'object-fit: fill';
  min-height: 100vh;
  height: auto;
  min-width: 100VW;
  width: auto;
}


.artist-picture {
  float: right;
  width: 30%;
  height: auto;
  min-width: 220px;
  padding: 0 0 12px 20px;
}
.set-vis.image-contain-absolute {
  height: 81%;
  -webkit-transform-origin: center 35%; 
  transform-origin: center 35%;
}
.e-pic { 
  object-fit: cover;
  object-position: center top;
  font-family: 'object-fit: cover; object-position: center top';
}
.interior-wood {
  background-image: url(../images/04-print/05-interiors/mahognay-l.jpg);
}

/* ———  Animations  ———  */


#openPanel,
.slideOutRight,
.slideInRight, 
.slideOutLeft, 
.slideInLeft, 
.slideUp, 
.slideUpTop, 
.slideDown,
.slideDownTop,
.r-content,
.l-content,
.b-content,
.so-content {
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 0;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: 1;
  -moz-animation-delay: 0;
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
  animation-fill-mode: both;
  animation-iteration-count: 1;
  animation-delay: 0;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}
.slideOutRight {
  -webkit-animation-name: slideOutRightmc;
  -webkit-animation-duration: 0.45s;
  -moz-animation-name: slideOutRightmc;
  -moz-animation-duration: 0.45s;
  animation-name: slideOutRightmc;
  animation-duration: 0.45s;
}

.slideInRight,
.r-content.content-live {
  -webkit-animation-name: slideInRightmc;
  -webkit-animation-duration: 0.6s;
  -moz-animation-name: slideInRightmc;
  -moz-animation-duration: 0.6s;
  animation-name: slideInRightmc;
  animation-duration: 0.6s;
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeftmc;
  -webkit-animation-duration: 0.3s;
  -moz-animation-name: slideOutLeftmc;
  -moz-animation-duration: 0.3s;
  animation-name: slideOutLeftmc;
  animation-duration: 0.3s;
}
.slideInLeft,
.l-content.content-live {
  -webkit-animation-name: slideInLeftmc;
  -webkit-animation-duration: 0.45s;
  -moz-animation-name: slideInLefttmc;
  -moz-animation-duration: 0.45s;
  animation-name: slideInLeftmc;
  animation-duration: 0.45s;
}

.slideUp, 
.rsb-content.slideUp, 
#openPanel,
.b-content.content-live {
  -webkit-animation-name: slideUpmc;
  -webkit-animation-duration: 0.7s;
  -moz-animation-name: slideUpmc;
  -moz-animation-duration: 0.7s;
  animation-name: slideUpmc;
  animation-duration: 0.7s;
}

.b-content,
#openPanel.slideDown,
.rsb-content,
.slideDown {
  -webkit-animation-name: slideDownmc;
  -webkit-animation-duration: 0.4s;
  -moz-animation-name: slideDownmc;
  -moz-animation-duration: 0.4s;
  animation-name: slideDownmc;
  animation-duration: 0.4s;
}
.so-content,
.slideUpTop {
  -webkit-animation-name: slideUpTopmc;
  -webkit-animation-duration: 0.4s;
  -moz-animation-name: slideUpTopmc;
  -moz-animation-duration: 0.4s;
  animation-name: slideUpTopmc;
  animation-duration: 0.4s;
}
.slideDownTop,
.so-content.content-live {
  -webkit-animation-name: slideDownTopmc;
  -webkit-animation-duration: 0.7s;
  -moz-animation-name: slideDownTopmc;
  -moz-animation-duration: 0.7s;
  animation-name: slideDownTopmc;
  animation-duration: 0.7s;
}
 

@-webkit-keyframes slideOutRightmc {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;  } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; display: none;} 
}
@-moz-keyframes slideOutRightmc {
  from { transform: translate3d(0, 0, 0); opacity: 1;  } to { transform: translate3d(100%, 0, 0); opacity: 0; display: none;}
}
@keyframes slideOutRightmc {
  from { transform: translate3d(0, 0, 0); opacity: 1;  } to {  transform: translate3d(100%, 0, 0); opacity: 0; display: none;}
}

@-webkit-keyframes slideInRightmc {
  from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);  opacity: 0; display: none; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-moz-keyframes slideInRightmc {
  from { transform: translate3d(100%, 0, 0);  opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}
@keyframes slideInRightmc {
  from { transform: translate3d(100%, 0, 0); opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}
  
@-webkit-keyframes slideOutLeftmc {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  opacity: 1; } to {  -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; display: none; }
}
@-moz-keyframes slideOutLeftmc {
  from { transform: translate3d(0, 0, 0);  opacity: 1; } to { transform: translate3d(-100%, 0, 0); opacity: 0; display: none;}
}
@keyframes slideOutLeftmc {
  from { transform: translate3d(0, 0, 0);  opacity: 1; } to {  transform: translate3d(-100%, 0, 0); opacity: 0; display: none; }
}

@-webkit-keyframes slideInLeftmc {
  from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);  opacity: 0; display: none;} to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  opacity: 1; }
}
@-moz-keyframes slideInLeftmc {
  from { transform: translate3d(-100%, 0, 0);  opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}
@keyframes slideInLeftmc {
  from { transform: translate3d(-100%, 0, 0); opacity: 0; display: none;  } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}


@-webkit-keyframes slideDownmc {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; display: none; }
}
@-moz-keyframes slideDownmc {
  from { transform: translate3d(0, 0, 0); opacity: 1; } to {  transform: translate3d(0, 100%, 0); opacity: 0; display: none; }
}
@keyframes slideDownmc {
  from { transform: translate3d(0, 0, 0); opacity: 1; } to {  transform: translate3d(0, 100%, 0);  opacity: 0; display: none; }
}

@-webkit-keyframes slideUpmc {
  from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); opacity: 0; display: none; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;  }
}
@-moz-keyframes slideUpmc {
  from { transform: translate3d(0, 100%, 0); opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}
@keyframes slideUpmc {
  from { transform: translate3d(0, 100%, 0); opacity: 0;  display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;   }
}

@-webkit-keyframes slideUpTopmc {
  from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } to {  -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; display: none;  }
}
@-moz-keyframes slideUpTopmc {
  from { transform: translate3d(0, 0, 0); opacity: 1; } to { transform: translate3d(0, -100%, 0); opacity: 0; display: none;  }
}
@keyframes slideUpTopmc {
  from { transform: translate3d(0, 0, 0); opacity: 1;  } to {  transform: translate3d(0, -100%, 0);  opacity: 0; display: none; }
}

@-webkit-keyframes slideDownTopmc {
  from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; display: none; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-moz-keyframes slideDownTopmc {
  from { transform: translate3d(0, -100%, 0); opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideDownTopmc {
  from { transform: translate3d(0, -100%, 0);  opacity: 0; display: none; } to { transform: translate3d(0, 0, 0); opacity: 1;  }
}

.scaleyslow, 
.scaleyslow2,
.scaleyslowOpac {
  -webkit-animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-duration: 20s;
  -moz-animation-fill-mode: both;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-delay: 1s;
  -moz-animation-timing-function: linear;
  -moz-animation-duration: 20s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-delay: 1s;
  animation-timing-function: linear;
  animation-duration: 20s;
}

.scaleyslow {
  -webkit-animation-name: scaleyslow-kfa;
  -moz-animation-name: scaleyslow-kfa;
  animation-name: scaleyslow-kfa;
}
.scaleyslow2 {
  -webkit-animation-name: scaleyslow2-kfa;
  -moz-animation-name: scaleyslow2-kfa;
  animation-name: scaleyslow2-kfa;
}
.scaleyslowOpac {
  -webkit-animation-name: scaleyslowOpac-kfa;
  -moz-animation-name: scaleyslowOpac-kfa;
  animation-name: scaleyslowOpac-kfa;
}
.mqmobile.foxey .scaleyslow, 
.mqmobile.foxey .scaleyslow2,
.mqmobile.foxey .scaleyslowOpac,
.pre-anim.scaleyslow, 
.pre-anim.scaleyslow2,
.pre-anim.scaleyslowOpac {
  -webkit-animation-name: none !important;
  -moz-animation-name: none !important;
  animation-name: none !important;
}
main.amin-pause .in-view .scaleyslow,
main.amin-pause .in-view .scaleyslow2,
main.amin-pause .in-view .backgroundscroll,
main.amin-pause .in-view .scaleyslowOpac,
.panel.nosnappy .scaleyslow, 
.panel.nosnappy .scaleyslow2,
.panel.nosnappy .backgroundscroll,
.panel.nosnappy-opt .backgroundscroll,
.panel.nosnappy .scaleyslowOpac,
.panel.nosnappy-opt .scaleyslow:not(.anim-running-window-option), 
.panel.nosnappy-opt .scaleyslow2:not(.anim-running-window-option),
.panel.nosnappy-opt .scaleyslowOpac:not(.anim-running-window-option) {
  -webkit-animation-play-state: paused ;
  -moz-animation-play-state: paused;
  animation-play-state: paused ;
}
.rc-pause, 
.rc-pause2, 
.mqmobile .backgroundscroll {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.rc-running,
.panel.nosnappy-opt .scaleyslow.rc-pause.anim-running-window-option, 
.panel.nosnappy-opt .scaleyslow2.rc-pause.anim-running-window-option,
.panel.nosnappy-opt .scaleyslowOpac.rc-pause.anim-running-window-option {
  -webkit-animation-play-state: running !important;
  -moz-animation-play-state: running !important;
  animation-play-state: running !important;
}


@-webkit-keyframes scaleyslow-kfa {
  0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 100% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2); } 
}
@-moz-keyframes scaleyslow-kfa {
  0% { transform:scale3d(1,1,1); } 100% { transform: scale3d(1.2,1.2,1.2); }
}
@keyframes scaleyslow-kfa {
  0% { transform: scale3d(1,1,1); } 100% { transform: scale3d(1.2,1.2,1.2); }
}

@-webkit-keyframes scaleyslowOpac-kfa { 
  0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); opacity: 1; } 100% { -webkit-transform: scale3d(1.2,1.2,1.2); transform: scale3d(1.2,1.2,1.2); opacity: 0.2; } 
}
@-moz-keyframes scaleyslowOpac-kfa { 
  0% { transform: scale3d(1,1,1); opacity: 1; } 100% { transform: scale3d(1.2,1.2,1.2); opacity: 0.2; } 
}
@keyframes scaleyslowOpac-kfa {
  0% { transform: scale3d(1,1,1); opacity: 1; } 100% { transform: scale3d(1.2,1.2,1.2); opacity: 0.2; }
}

  
@-webkit-keyframes scaleyslow2-kfa {
  0% { -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } 100% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
}
@-moz-keyframes scaleyslow2-kfa {
  0% { transform:scale3d(1,1,1); } 100% { transform: scale3d(1.1,1.1,1.1); }
}
@keyframes scaleyslow2-kfa {
  0% { transform: scale3d(1,1,1); } 100% { transform: scale3d(1.1,1.1,1.1); }
}
@-webkit-keyframes backgroundScrollAnim {
  from { background-position: 0 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
  to { background-position: -99999999px 0; -webkit-transform: translateZ(0); transform: translateZ(0); }
}
@-moz-keyframes backgroundScrollAnim {
  from { background-position: 0 0;  transform: translateZ(0); }
  to { background-position: -99999999px 0; transform: translateZ(0); }
}
@keyframes backgroundScrollAnim {
  from { background-position: 0 0;  transform: translate3d(0, 0, 0); }
  to { background-position: -99999999px 0; transform: translate3d(0, 0, 0); }
}




@media screen and (min-width: 877px) and (orientation: landscape) {
.mqmobile .story-wrapper {
  left: 45% !important; 
  padding: 103px 0 0 0;
}
.mqmobile .valign-wrapper-ac.lpc-wrapper {
  margin: 0 55% 0 0;
}
}


@media screen and (min-width: 1201px) {
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type, 
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type {
  font-size: 2.2rem;
  font-weight: 400 !important;
  word-spacing: 0.5rem;
}
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type, 
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type {
  font-size: 1.6rem;
  font-weight: 400;
}
.third.full {
  font-size: 3.4vmax;
}
.row.so-item {
  width: 50%;
}
.quarter.full {
  width: 20%;
  height: 20vw;
  font-size: 1.7vmax;
  line-height: 1.2;
}
.daytime .ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type {
  font-size: 1.8rem;
}
.ovReveal .blueverite li:last-of-type,
.blueverite li:last-of-type {
  font-size: 1.2rem;
}
}


@media screen and (min-width: 1400px)  {
.ovReveal .blueverite li:first-of-type, 
.blueverite li:first-of-type {
  font-size: 2rem;
  -webkit-font-smoothing: auto;
}
.ovReveal .blueverite.editorial li:first-of-type, 
.blueverite.editorial li:first-of-type {
  font-size: 3.5rem;
  }
.so-content .scrollie .container {
  padding: 0;
}
.nitetime .shagreen-static {
    background-image: url(../images/black-shagreen_scroll-s.jpg);
}
.daytime .shagreen-static {
    background-image: url(../images/white_shagreen-m.jpg);
}  
.fluid-01 {
  font-weight: 100;
  letter-spacing: -11px;
  word-spacing: 20px;
  -webkit-font-smoothing: auto;
}
.row.so-item {
  width: 33%;
}
#content-soptions .so-item:nth-child(4) div,
#content-smap .so-item:nth-child(4) a  {
  border-width: 1px 0;
}
#content-soptions .so-item:nth-child(8) div  {
  padding: 14px 2.5% 12px 0;
}
span.so-item,
a.so-item { 
   font-size: 16px;
  letter-spacing: 1px;
  font-weight: 300;
}
.row.so-item div i {
  opacity: 0.8;
}
.so-content h2 {
  font-size: 56px !important;
  margin: 35px 0;
  letter-spacing: 2px;
  line-height: 95px;
}
.so-content h3 {
  font-size: 35px !important;
  letter-spacing: 1.4px;
  margin: 52px 0 26px 0;
  line-height: 59px;
} 
.container {
  width: 70%;
}
.container.mw {
  width: 80%;
  padding: 0;
  max-width: 1700px;
  min-height: 100vh;
}
.quarter {
  height: calc(25vw * 0.7);
}
.quarter.full {
  font-weight: 300;
}
.cascade-wrapper:not(.noreveal) .cascade-item:not(.active)  {
  width: 25%;
}
.cascade-wrapper:not(.noreveal) .cascade-item:nth-last-of-type(1), 
.cascade-wrapper:not(.noreveal) .cascade-item:nth-last-of-type(2),
.cascade-wrapper:not(.noreveal) .cascade-item:nth-last-of-type(3)  {
    background-position: center 15%;
}
}


 @media screen and (min-width: 1700px) { 
 .ovReveal .blueverite li:first-of-type, 
 .blueverite li:first-of-type {
   font-size: 2.3rem;
 }
.mqdesktop .so-content .close-button-wrapper-opt:not(.hlp) {
  left: 5px;
  margin: auto;
  top: 3.75vw;
  margin-top: 1.5vh;
}
.backgroundscroll.skyscroll {
  background-image: url(../images/day_sky-l.jpg);
}
.nitetime .backgroundscroll.skyscroll {
  background-image: url(../images/night-sky-nu-l.jpg);
}
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type, 
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:first-of-type {
  font-size: 2.8rem;
  font-weight: 300 !important;
  word-spacing: 0.5rem;
}
.third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type, 
.daytime .third.full.ovReveal .blueverite:not(.editorial):not(.tan-gradient):not(.fashion) li:last-of-type {
  font-size: 1.9rem;
  font-weight: 300;
}
p.fs-opt {
  line-height: 1.7;
  font-size: 185%;
}
.container.fs-opt  {
   width: 80%;
}
.quarter.full {
  width: 16.666%;
  height: 16.666vw;
}
}


 @media screen and (min-width: 1900px) {  
.max30vw {
  font-size: 575px !important;
  letter-spacing: -73px;
  word-spacing: 367px;
}
.max25vw {
  font-size: 479px !important;
  letter-spacing: -57px;
  word-spacing: 60px;
}
.max20vw {  
  font-size: 383px !important;
  letter-spacing: -17px;
  word-spacing: 76px;
}
.max17vw {  
  font-size: 326px !important;
  letter-spacing: -38px;
  word-spacing: 57px;
}
.max15vw {  
  font-size: 287px !important;
  letter-spacing: -34px;
  word-spacing: 48px;
}
 .max11vw {  
  font-size: 210px !important;
  letter-spacing: -27px;
  word-spacing: 29px;
}  
}


@media screen and (min-width: 2000px) {
.quarter-opt-1 {
  width: 23%;
  height: 18vw;
  padding: 11.5vh 5px;
  font-size: 40.28px;
}
.mqdesktop .so-content .close-button-wrapper-opt:not(.hlp) {
  top: 4vw;
  margin-top: 3vh;
}
p.fs-opt {
  line-height: 1.8;
  font-size: 235%;
} 
.maxwidth-option {
  max-width: 2000px !important;
}
.quarter.full {
  width: 14.285%;
  height: 14.285vw;
}
}



@media screen and (max-width: 1050px) and (orientation: portrait) {
.ovReveal .blueverite span:first-of-type,
.blueverite span:first-of-type {
  padding-top: 1.3rem;
  font-size: 1.5rem;
}
.ovReveal .blueverite span:last-of-type,
.blueverite span:last-of-type  {
  font-size: 1.2rem;
  font-weight: 400;
  padding-top: 0.5rem;
}
}


@media screen and (max-width: 1125px) {
.cascade-wrapper .cascade-item {
  font-size: 2.3rem;
}  
}


@media screen and (max-width: 876px) and (orientation: landscape) { 
.video-poster-btn figure.vpcw-m {
  top: 86vh;
}
.b-content.aqn,
.mqmobile .b-content.aqn  {
  top: 60px;  
  right: 0;
  padding: 25px 55px 0 35px;
}
.story-wrapper {
  left: 40% !important; 
  padding: 63px 43px 33px 0;
}
.mqmobile .story-wrapper {
  left: 45% !important; 
  padding: 63px 0 0 0;
}
#P1.panel .c-button {
  bottom: 16vh;
}
.media-text.advertising  {  
  font-size: 15vmin;
  -webkit-text-stroke-width: 0.7vmin;
  letter-spacing: 1vw;
  padding: 0 5vw;
}  
.quarter {  
  width: 33.333%;
  padding: 1vmax;
  height: calc(35vw * 0.75);
}
.quarter-opt-1 {
  font-size: 2.1vw;
}
.quarter.full {  
  width: 33.333%;
  padding: 0;
  height: 50vh;
}  
.blueverite {
  margin: 1vmax;
}  
.c-logo {
  height: 35%;
  top: 10px;
}
.cascade-wrapper .cascade-item.active .blueverite ul {
  padding: 20px 30px;
}
.blueverite video {
  height: 73%;
  width: auto;
}
.video-poster-btn {
  height: 73%;
  width: 129.75vh;
}
.blueverite .valign-wrapper {
  top: 70px;
  margin: auto;
}
#lpw .panel-item-fadein:not(.ov-img) {  
  right: 60%;
}
.pagination {
  top: 60px;
}
.sectionButtonWrapperTop {
  top: 55px;
}
h3.max3vw.tz {  
  padding-bottom: 6vw;
}
.third,
.sixth,
.cascade-title,
.cascade-wrapper .cascade-item {
/*  height: 50vh;*/
  height: 42vh;
}
.image-modal.mi-3,
.image-modal.mi-1 {
  flex-wrap: nowrap;
  flex-direction: row;
  flex-flow: row nowrap;
}
.image-modal.mi-3 img.mi {
  width: 30%;
  padding: 10px;
  height: 65%;
}
.image-modal.mi-4,
.image-modal.mi-2 {
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: row wrap;
}
.image-modal.mi-4 img.mi,
.image-modal.mi-2 img.mi {
  width: 50%;
  padding: 20px;
  height: 50%;
}
.image-modal.mi-2 img.mi {
  height: 70%;
}
}


@media screen and (max-width: 876px) and (orientation: portrait)  {
.inline-logo-img-01 {
  width: 40%;
  padding: 35px 10px 0 10px;
}
.b-content.aqn,
.mqmobile .b-content.aqn  {
  left: 0;
  bottom: 0;
  top: 50%;
  right: 0;
}
.quarter {
  width: 50%;
  height: calc(40vw * 0.75);
  padding: 1vmax;
}
.sixth,
.quarter.full,
.third.full {
  width: 33.333%;
  height: 33.333vh;
}
.third {
  height: 37.5vw;
  width: 33.333%;
}
.quarter.full {  
  font-size: 2.5vmax;
  font-weight: 400;
}
.quarter-opt-1 {
  width: 29%;
  height: 25vw;
  margin: 0.9vh;
  padding: 9.5vw 5px;
  font-size: 2.8vw;
  letter-spacing: -.07vh;
} 
.image-modal.mi-4 {
  flex-wrap: wrap;
  flex-direction: row;
  flex-flow: row wrap;
  padding: 75px 10px;
}
.image-modal.mi-4 img.mi {  
  width: 50%;
  padding: 15px;
  height: 40%;
  margin: 0;
}  
.image-modal.mi-3,
.image-modal.mi-2,
.image-modal.mi-1  {
  flex-wrap: nowrap;
  flex-direction: column;
  flex-flow: column nowrap;
  padding: 75px 10px;
} 
.image-modal.mi-2 img.mi {  
  width: 70%;
  padding: 10px;
  height: 40%;
  margin: 0;
}
.image-modal.mi-3 img.mi {  
  width: 55%;
  padding: 10px;
  height: 35%;
  margin: 0;
}  
.blueverite {
  margin: 1vmax;
}
.e-pic {
  object-fit: cover;
  object-position: center top;
  font-family: 'object-fit: cover; object-position: center top';
}
.half.ovReveal:not(.full):not(.ov-img) {
  height: 50%;
  width: 50%;
}
.valign-wrapper-ac.lpc-wrapper,
.mqmobile .valign-wrapper-ac.lpc-wrapper  {
  margin: 60px 0 0 0;
  bottom: 50%;
  padding: 0;
}
#lpw .image-contain-relative {
  padding: 10px 20% 30px 20%;
}
.daytime .valign-wrapper-ac.set-vis {
  top: 1vh;
  right: 2vw;
  height: 105vh;
}
.story-wrapper,
.mqmobile .story-wrapper  {
  padding: 0;
  left: 0 !important;
  bottom: 0;
  top: initial;
  height: 50%;
}
#P1.panel .c-button,
.sho-me #P1.panel .c-button {
  bottom: 7vh;
}
.mqmobile #P1.panel .c-button,
.mqmobile .sho-me #P1.panel .c-button {
  bottom: 9vh;
}
.daytime #P3.panel .c-button,
.daytime.sho-me #P3.panel .c-button {
  bottom: 9vh;
}
.show-on-large {
  display: none;
}
.hide-on-large {
  display: initial;
}
.pagination {  
  right: -41px;
  visibility: hidden;
  pointer-events: none;
}
.cascade-wrapper .cascade-item.active .blueverite ul  {
  padding: 70px 0 0 0;
}
.cascade-wrapper .cascade-item.active .blueverite li:first-of-type  {
  font-size: 150%;
  font-weight: 300;
  text-align: center;
  padding-top: 6vh;
}
.blueverite video {
  height: auto;
  width: 100%;
}
.blueverite.nsp .video-poster-btn,
.blueverite .video-poster-btn  {
  height: calc(55.7vw - 35px);
  margin: auto 35px;
  width: auto;
}
.mqmobile .blueverite .video-poster-btn,
.mqmobile .blueverite.nsp .video-poster-btn {
  margin: auto;
}  
.video-poster-btn figure {
  top: 82vh;
}
.cascade-wrapper .cascade-item.active .blueverite.vp video,
.cascade-wrapper .cascade-item.active .blueverite.nsp video,
.cascade-wrapper .cascade-item.active .blueverite video {
  padding: 0 35px;
}
.blueverite ul {
  padding: 0 15px;
}
#P2 .media-text,
#P3 .media-text {
  -webkit-text-stroke-width: 3.5px;
  font-size: 22vw ;
  padding-right: 1.5vw;
  padding-bottom: 0.5rem;
  letter-spacing: -1.25vw;
}
#P3 .media-text,
#P3 .media-text span {
  -webkit-text-stroke-width: 3.5px;
  font-size: 13vw;
  letter-spacing: -0.2vw;
  padding: 0 65px 40px 65px;
  line-height: 0.85;
}
.nitetime #P3 .media-text {
  font-size: 24vw;
  padding: 0 60px;
  -webkit-text-stroke-width: 5px;
 letter-spacing: -0.7vw;
  line-height: 0.4;
  opacity: 0.9;
}
.nitetime #P3 .media-text span  {  
  font-size: 10vw;
  -webkit-text-fill-color: initial;
}  
.media-text.hello,
.nitetime .media-text.hello {
  -webkit-text-stroke-width: 0.6vw;
  letter-spacing: -1.5vw;
  font-size: 28vw;
  padding: 5vh 40px 35px 50px;
}
#P4 .media-text {
  -webkit-text-stroke-width: 3px;
  font-size: 26vw;
  padding-right: 0.25vw;
}
#P5 .media-text,
.nitetime #P5 .media-text {
  padding: 0 20px 0 20px;
  font-size: 18.5vw;
  letter-spacing: -0.7vw;
  line-height: 0.75; 
}
#P5 .media-text span,
.nitetime #P5 .media-text span {
  font-size: 15vw;
  letter-spacing: -0.7vw;
  line-height: 0.75;
}
.media-text.still-life,
.media-text.cuisine,
.media-text.editorial {
  -webkit-text-stroke-width: 3px;
  letter-spacing: -0.5vw;
  font-size: 20vw;
  padding-right: 0.5vw;
  -webkit-filter: drop-shadow(1px 2px 2px rgba(170, 12, 29, 0.43));
  filter: drop-shadow(1px 2px 2px rgba(170, 12, 29, 0.43));
}
  
.media-text.editorial {
  -webkit-text-stroke-width: 4px;
  padding-top: 10vh;
  letter-spacing: -0.2vw;
  line-height: .85;
   font-size: 24vw;
}
.media-text.advertising {
  line-height: 31.5vmin;
  -webkit-text-stroke-width: 0.6vmin;
  letter-spacing: 5vw;
  padding: 0 5vmin 0 10vmin;
  font-size: 20vmin;
}
.allcentered-top.slider .allcentered.slider,
.allcentered-top.slider .allcentered.slider-vertical {
  top: 25vh;
  height: 50vh;
}
/*
.media-text {
  -webkit-filter: none;
  filter: none;
}
*/
.c-logo {
  top: 60px;
  bottom: 0;
}
.fluid-01, .fluid-02, .fluid-03 {
  padding-right: 3px;
}
.c-button span {
  font-weight: 600;
  padding-top: 16px;
  line-height: 1.3;
}
.sectionButtonWrapperTop {
  top: 60px;
}
.section-button-wrapper {
  bottom: 10px;
}
.rsb-content {
  width: 100%;
  height: 100%;
  top: 0;
}
.mqdesktop .support-button,
.mqmobile .support-button  {
  right: 0;
  margin: auto;
  left: 0;
  top: 75vh;
  bottom: 50px;
}
.so-content .scrollie .container {
  -webkit-align-content: flex-start;
  align-content: flex-start; 
  margin-bottom: 0;
  margin-top: 15px;
  position: relative;
}
.so-content h2 {
  font-size: 4.6vw !important;
  font-weight: 300;
  margin-bottom: 0;
}
.so-content h3 {
  font-size: 3.2vw !important;
  margin-bottom: 0;
  line-height: 1.9;
}
#content-soptions .so-item:nth-child(2) div,
#content-smap .so-item:nth-child(2) a {
  border-width: 0 0 1px 0;
  margin-top: 2px;
}
#content-soptions .so-item:nth-child(3) div,
#content-smap .so-item:nth-child(3) a {
  border-width: 0 0 1px 0;
}
.pagination {
  right: -41px;
  visibility: hidden;
  pointer-events: none;
}
.valign-wrapper-xhr-b-bottom.cascade-wrapper.fw-option {
  padding: 0 3px 3px 3px !important;
  width: 100%;
  margin-right: 3px;
  margin-left: 3px;
}
a.hot,
li.active-large {
  pointer-events: none !important;
}
a.active-small {
  pointer-events: all;
}
#fsBtn {
  display: block;
  line-height: 58px;
  padding: 0 10px;
  font-size: 36px;
  border: none;
  height: initial;
  width: initial;
  right: 0;
  top: 1px;
  background-color: initial;
  opacity: 0.6;
  pointer-events: all;
}
.daytime  #fsBtn {
  opacity: 0.8;
}
.globalup #fsBtn {
  display: none !important; 
}
.backblur {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.pagination {
  border: none;
  top: 61px;
}
.pagination a .hover-text {
  display: none;
}
header,
nav {
  height: 60px;
}
nav.open {
  overflow: visible;
}
nav {
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
nav ul {
  width: 100%;
  pointer-events: none;
  padding: 0;
}
.mqmobile nav ul li:not(:only-child):first-child,
.mqmobile #fsBtn {
  cursor: default;
}
nav ul li a {
  border-right: none;
}
nav ul li:last-child a {
  color: rgb(155, 155, 155);
}
nav ul li:last-child {
  pointer-events: none;
  background-color: rgba(82, 82, 82, 0.67);
}
nav ul li:first-child a {
  height: 60px;
  line-height: 60px;
  width: 100%;
}
nav ul li:first-child {
  min-width: 100vw;
  max-width: initial;
  width: 100%;
}
.mqdesktop footer {
  bottom: -211px;
  pointer-events: none;
  opacity: 0;
}
.ovReveal .blueverite li:first-of-type,
.blueverite li:first-of-type {
  font-size: 1.8rem;
  letter-spacing: 1px;
  word-spacing: .25rem;
}
.ovReveal .blueverite li:last-of-type,
.blueverite li:last-of-type {
  font-size: 1.3rem;
  padding-top: 0.25rem;
}
#lpw .panel-item-fadein:not(.ov-img) {
  padding-bottom: 3vh;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
}    
}


@media screen and (max-width: 876px) {
nav ul li a.options-wrapper i.material-icons {
  width: calc((100% - 3px) /4);
  line-height: 40px;
}
.mqmobile nav ul li a.options-wrapper i.material-icons {
  width: calc((100% - 2px) /3);
}  
nav ul li a.options-wrapper i.material-icons:nth-child(2) {
  margin: 0 1px;
}
.mqmobile nav ul li a.options-wrapper i.material-icons:nth-child(2) {
  margin: 0 1px 0 0;
}
/*
nav ul li a.options-wrapper i.material-icons:nth-child(4) {
  margin:  0 0 0 1px;
  font-size: 20px;
} 
*/
nav ul li a.options-wrapper i.material-icons:nth-child(4) {
  display: none;
}
nav ul li a.options-wrapper i.material-icons:nth-child(5) {
  display: inline-table;
  margin:  0 0 0 1px;
}
.fs .so-fsb {
  background-color: rgba(1, 22, 63, 0.7) !important;
  color: rgba(158, 188, 206, 0.68) !important;
}
.fs .so-fsb.fst.so-active,
.so-fsb.fst.so-active {
  color: rgba(251, 255, 5, 0.8) !important;
  opacity: 0.9 !important;
}
.onthemove header {
  opacity: 1;
  -webkit-transform: none;
  -moz-transform: none;
  transform: none;
}
.onthemove footer {
  bottom: -180px !important;
  pointer-events: none;
  opacity: 0;
}
.cascade-wrapper .cascade-item {
  font-size: 2.1rem;
}
a.hot,
li.active-large {
  pointer-events: none !important;
  border-radius: 0;
}
a.active-small {
  pointer-events: all;
}
.globalup #fsBtn {
  display: none !important;
}
#fsBtn {
  display: block;
  line-height: 58px;
  padding: 0 10px;
  font-size: 36px;
  border: none;
  height: initial;
  width: initial;
  right: 0;
  top: 1px;
  background-color: initial;
  opacity: 0.6;
  pointer-events: all;
}
.daytime  #fsBtn {
  opacity: 0.8;
}
.pagination {
  -webkit-transition: 0.3s -webkit-transform 0.3s ease-in-out, 0.3s transform 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
  -moz-transition: 0.3s transform 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
  transition: 0.3s transform 0.3s ease-in-out, background-color 0.3s ease-in-out, 0.1s visibility 0.5s linear;
}
.headerSvgLogoWrapper {
  width: 88%;
  height: 88%;
  padding-top: 8px;
}
header,
nav {
  height: 60px;
}
nav.open {
  overflow: visible;
}
nav {
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  border-radius: 0;
  background-color: transparent;
  overflow: hidden;
}
nav ul {
  width: 100%;
  pointer-events: none;
  padding: 0;
}
nav ul.open {
  pointer-events: all;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
nav ul li {
  max-width: initial !important;
  min-width: initial !important;
  float: none;
  margin: auto;
  display: inline-flex;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, 0.3s visibility 0s linear;
  -moz-transition: height 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, 0.3s visibility 0s linear;
  transition: height 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out, 0.3s visibility 0s linear;
}
nav ul li {
  width: 50%;
}
nav ul.open li {
  height: 41px;
}
nav ul li:not(:only-child):first-child {
  height: 60px;
  cursor: pointer;
  max-width: initial;
  pointer-events: all;
}
nav ul.open li:not(:only-child):first-child {
  background-color: rgba(255, 240, 250, 0.6);
}
.mqmobile  nav ul li:not(:only-child):first-child,
.mqmobile #fsBtn {
  cursor: default;
}
nav ul li:not(:first-child) a {
  line-height: 40px;
  width: 100%;
  padding: 0;
  max-width: initial;
}
nav ul li:last-child a {
  color: rgb(155, 155, 155);
}
nav ul li:last-child { 
  pointer-events: none;
  background-color: rgba(82, 82, 82, 0.67);
}
nav ul li:first-child a {
  height: 60px;
  line-height: 60px;
  width: 100%;
  padding: 0 0 0 3px;
  max-width: initial;
}
nav ul li:nth-child(even) a {
  border-right: 0.5px solid rgba(255, 255, 255, 0.4);
}
.daytime nav ul.open li:first-child a {
  background-color: transparent !important;
}
nav ul li:first-child {
  min-width: 100vw;
  max-width: initial;
  width: 100%;
}
nav ul li a {
  letter-spacing: 2.5px;
  font-size: 11px;
  padding: 0;
  border-radius: 0;
}
nav ul li a.active, 
.settingsbtn.active {
  letter-spacing: 3.5px;
  font-size: 13px;
}
.settingsbtn {
  border-right: 0.5px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}
.clear-bd {
  width: 55px;
  height: 45px;
  top: -45px;
  background-size: 45% !important;
}
.mqdesktop.winUnlocked .clear-bd.clearbd-option,
.mqdesktop.contentUnlocked .clear-bd.clearbd-option,
.mqmobile.winUnlocked .clear-bd.clearbd-option,
.mqmobile.contentUnlocked .clear-bd.clearbd-option {
  top: 179px;
}
.clear-bd2 {
  width: 65px;
  height: 65px;
  background-size: 52% !important;
  left: -68px;
  top: 0;
}
.so-content .scrollie .container {
  padding-bottom: 30px;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  position: relative;
}
.so-content .scrollie .close-button-wrapper-opt {
  left: 5px;
  margin: auto;
  top: 9px;
}
.subfooter-so .row:last-child h5 span.sqd:not(.sqdoff):after {
  line-height: 1.6;
}
.subfooter-so .row:first-child {
  width: 100%;
  border-bottom: 1px solid rgb(5, 255, 6);
  padding: 5px 0 15px 0 !important;
  margin: 0 auto 15px auto;
  border-right: none;
}
.subfooter-so .row:last-child {
  width: 100%;
  padding: 3px 0 0 5px !important;
}
.subfooter-so .row:last-child h5 {
  white-space: normal;
}
.subfooter-so {
  margin-top: 30px;
  padding-top: 10px !important;
}
.ah-logo-footer {
  float: none;
  margin: auto;
}
.menuspacer {
  display: none !important;
}
nav ul li:nth-child(6),
nav ul li:nth-child(7) {
  width: 100%;
}
nav ul li:nth-child(6) a {
  border-right: none;
}
.quarter.full .blueverite {
  margin: 3vmax;
}
.quarter.full,
.third.full {
  margin: 0 !important;
}
}


@media screen and (max-width: 752px) and (orientation: landscape) {
.b-content.aqn .close-button-wrapper-opt  {
  left: initial;
  top: 15px;
  right: 12px;
}
.b-content.aqn,
.mqmobile .b-content.aqn {
  padding: 0 25px 0 25px;
  text-align: left;
  left: 45%;
  bottom: 0;
  top: 60px;
  right: 0;
}
#P5.panel .c-button, 
.sho-me #P5.panel .c-button {
  bottom: 7vh;
}
.image-modal {
  padding: 10px 30px;
}
.image-modal.mi-4 img.mi {
  padding: 10px;    
}
.l-content h6,
.b-content.aqn h6 {
  font-size: 28px;
  line-height: 1;
  padding-bottom: 1rem;
  margin-bottom: 0;
  width: 80%;
  padding-right: 5px;
  margin-top: 0;
  text-align: left;
}
.row.aqn p {
  padding-right: 20%;
  font-size: 125%;
  line-height: 140%;
}
.row.aqn .section-button-wrapper {
  position: absolute;
  right: 5px;
  left: initial;
  float: right;
  bottom: 13%;
}
.story-wrapper,
.mqmobile .story-wrapper {
  left: 45% !important;
  padding: 0;
  top: 60px;
}
.valign-wrapper-ac.lpc-wrapper,
.mqmobile .valign-wrapper-ac.lpc-wrapper {
   margin: 0 55% 0 0;
   padding: 0;
}
.half:not(.full).ovReveal {
  height: 50%;
  width: 50%;
}
.media-text.still-life,
.media-text.cuisine,
.media-text.editorial {
  -webkit-text-stroke-width: 2.5px;
  letter-spacing: -0.5vw;
  font-size: 19vw;
  webkit-filter: drop-shadow(1px 2px 2px rgba(170, 12, 29, 0.23));
  filter: drop-shadow(1px 2px 2px rgba(170, 12, 29, 0.23));
}
.media-text.still-life {
  font-size: 18vw;
}
.media-text.editorial {
  letter-spacing: -0.2vw;
  font-size: 14vw; 
  padding-top: 5vw;
}
.nitetime #P3 .media-text {
  -webkit-text-fill-color: rgb(237, 232, 61);
  color: rgb(237, 232, 61);
   -webkit-text-stroke-width: 3.5px;
  padding-top: 3vh;
}
.nitetime #P3 .media-text span {
  -webkit-text-fill-color: #FFFFFF;
  color: #FFFFFF;
  -webkit-text-stroke-width: 2px;
  letter-spacing: -0.5vw;
}
.daytime #P3 .media-text {  
  left: 50%;
  line-height: 0.8;
  padding-left: 50%;
  padding-top: 21%;
  padding-right: 5%;
  -webkit-text-stroke-width: 0.3vw;
  -webkit-text-fill-color: initial;
  letter-spacing: -0.02vw;
}  
.daytime #P3 .media-text span {  
  letter-spacing: -0.2vw;
  font-size: 8.25vw;
}    
.mqdesktop.winUnlocked .clear-bd.clearbd-option,
.mqdesktop.contentUnlocked .clear-bd.clearbd-option,
.mqmobile.winUnlocked .clear-bd.clearbd-option,
.mqmobile.contentUnlocked .clear-bd.clearbd-option {
  top: 164px;
}
.daytime #ahSvgPathWrapper path {
  stroke-width: 0.5px !important;
}
.nitetime #ahSvgPathWrapper path {
  stroke-width: 0.5px !important;
}
.c-logo {
  top: 60px;
  bottom: 60px;
}
.allcentered-top.slider .allcentered.slider, 
.allcentered-top.slider .allcentered.slider-vertical {
  top: 0;
  height: 100vh;
}
slider-vertical .ovRevealed .blueverite,
slider .ovRevealed .blueverite {
  opacity: 0;
}
.daytime .valign-wrapper-ac.set-vis {
  height: 100vh;
  overflow: hidden;
  background-color: #FFFFFF;
  top: 2vh;
  right: 28%;
  left: -15%;
}
.media-text.hello,
.nitetime .media-text.hello {    
  padding: 5vh 40px 0 50px;
  visibility: hidden;
}
.media-text.advertising {
  -webkit-text-stroke-width: 0;
  letter-spacing: -.1vw;
  font-size: 22vmin;
  padding: 0;
  line-height: 18vmin;
  -webkit-text-fill-color: rgba(206, 255, 54, 0.9);
}
.p3l { 
   background-size: 73vmin;
   background-position: center calc((50vh - 25vmin) + 90px);
}
.leftHalf .valign-wrapper-ac.hide-on-large.p3l.panel-item-fadein-delay {
  background-image: none !important;
}
.nitetime .shagreen-static {
  background-image: url(../images/black-shagreen_scroll-s.jpg);
}
.daytime .shagreen-static {
  background-image: url(../images/white_shagreen-s.jpg);
}
.panel .c-button,
.panel.nosnappy .c-button,
.panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  transform: scale(0.6) rotateY(0deg) translateZ(100px);
  bottom: 10vh;
}
.mqmobile .panel .c-button,
.mqmobile .panel.nosnappy .c-button,
.mqmobile .panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.75) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.75) rotateY(0deg) translateZ(100px);
  transform: scale(0.75) rotateY(0deg) translateZ(100px);
  bottom: 10vh;
}  
.mqdesktop .panel .c-button.dt-hover:hover,
.mqdesktop .panel .c-button.dt-hover:active {
  opacity: 1;
  -webkit-transform: scale(0.6) rotate(180deg) translateZ(100px);
  -moz-transform: scale(0.6) rotate(180deg) translateZ(100px);
  transform: scale(0.6) rotate(180deg) translateZ(100px);
}
.daytime #P3.panel .c-button,
.daytime.sho-me #P3.panel .c-button {
  left: 47%;
  bottom: 14vh;
}
#P4.panel .c-button,
.sho-me #P4.panel .c-button {
  bottom: 11vh;
}
#ahSvgPathWrapper {
  top: 7vh;
  min-height: initial;
}
.rsb-content {
  width: 45%;
  height: 100%;
  top: 0;
}
.row.so-item {
  width: 50%;
}
#content-soptions.container {
  width: 85%;
}
.halfbox {
  height: 60vh;
  max-height: calc((60vh + 30vw)*0.5);
  width: 47%;
  padding: 25px 0 5px 0;
  margin-right: 15px;
}
.third,
.sixth {
  width: 33.333%;
}
.flexible .third:nth-child(1) {
  border-radius: 9px 0 0 0;
}
.flexible .third:nth-child(2) {
  border-radius: 0 9px 0 0;
}  
.flexible .third:nth-last-child(1) {
  border-radius: 0 0 9px 0;
}    
.flexible .third:nth-last-child(2) {
  border-radius: 0 0 0 9px ;
}
.cascade-title,
.cascade-wrapper .cascade-item {
  height: 50vh;
}
.blueverite ul li:first-of-type { 
  font-size: 110%;
  letter-spacing: -0.5px;
  font-weight: 400;
}
.video-poster-btn figure {
  top: 85vh;
  padding: 1% 14px;
  font-weight: 600;
  font-size: 14px;
}
.video-poster-btn figure i {
  padding-left: 8px;
  font-size: 16px;  
}
.video-poster-btn figure.vpcw-m {
    top: 100%;
    position: absolute;
    padding: 1.3% 0 0 0;
    display: initial;
}
.v-button i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.support-button {
  right: calc(50vw - 73vh + 6px);
}
.sm-active .support-button {
  top: 0;
  right: 15px;
}
#P2 h3.fluid-04 {
  letter-spacing: 2px;
  line-height: 0.5;
  padding-left: 0vw;
}
nav ul li  {
  width: 50%;
  min-width: 27%;
}
.half.full .blueverite {
  margin: 25px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
} 
.quarter-opt-1{
  width: 44%;
  height: 40vh;
  margin: 2.5vh;
  padding: 9.5vh 5px;
  letter-spacing: -.07vh;
  font-size: 3.2vw;
}
}
 

  
  
@media screen and (max-width: 752px) and (orientation: portrait) {
#videoTarget {
  width: 90vw;
}
#P5 .media-text,
.nitetime #P5 .media-text {
  padding: 0 20px 0 20px;
  font-size: 18.5vw;
  letter-spacing: -0.7vw;
  line-height: 0.75;
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: initial; 
}
#P5 .media-text span,
.nitetime #P5 .media-text span {
  font-size: 15vw;
  letter-spacing: -0.7vw;
  line-height: 0.75;
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: initial; 
} 
.nitetime #P5 .media-text span {
  -webkit-text-stroke-color: rgb(214, 221, 228);
  color: rgb(214, 221, 228);
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: initial; 
}
.pirate {
  background-size: 38vh;
  top: 90px;
  bottom: 0;
  right: 0;
  position: absolute;
  background-position: center 20vh;
}
.pirate figure {
  right: 0;
  top: 0;
  padding: 0 130px;
}
.half.full,
.quarter.full,
.third.full  {
  width: 50%;
  height: 50vw;
}
.quarter-opt-1 {
  width: 42%;
  height: 36.5vw;
  padding: 14vw 10px;
  line-height: .9;
  font-size: 3.7vw;
  margin: 1.75vmin;
}
.b-content.aqn,
.mqmobile .b-content.aqn {
  padding: 0 65px 0 25px;
  line-height: 1.5;
}
.row.aqn p {
  font-size: 113%;
  line-height: 1.5;
  margin: auto;
  font-weight: 400;
  text-align: left;
}
.l-content h6,
.b-content.aqn h6 {
  font-size: 22px;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
  margin-top: 0;
  font-weight: 500;
}
.allcentered-top.slider .allcentered.slider,
.allcentered-top.slider .allcentered.slider-vertical {
  top: 50%;
  width: 100%;
  left: 0;
  height: 50vh;
}
.allcentered-top.slider .allcentered.slider:first-child, 
.allcentered-top.slider .allcentered.slider-vertical:first-child {
  top: 0;
}
.slider figure.right-slide,
.slider figure.left-slide {
  width: 100%;
  height: 500%;
  -webkit-animation-name: slippery-vertical; 
  animation-name: slippery-vertical; 
}
.slider figure img,
.slider figure div {
  width: 100%; 
  height: 20%;
  clear: both;
  float: none;
}
.daytime .valign-wrapper-ac.set-vis {
  left: -1vmax;
}
#P3 .media-text,
#P3 .media-text span {
  -webkit-text-stroke-width: 2px;
  font-size: 17vw;
}
.nitetime #P3 .media-text  {  
  opacity: 0.95;
}    
.nitetime #P3 .media-text,
.nitetime #P3 .media-text span {
  -webkit-text-stroke-width: 2.5px;
  line-height: 0.4;
  -webkit-text-fill-color: initial;
}
.nitetime #P3 .media-text span  {  
  font-size: 11vw;
  -webkit-text-fill-color: initial;
}  
.media-text.hello {
  letter-spacing: -1.8vw; 
  font-size: 32vw; 
  padding-top: 0;
  padding-bottom: 35vh;
  -webkit-text-stroke-width: 0 !important;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.9) !important;
  color: rgba(255, 255, 255, 0.9) !important;
  -webkit-filter: none;
  filter: none;
  padding-right: 50px;
}
#P2 .media-text {
  -webkit-text-stroke-width: 3px;
  font-size: 21vw;
  padding-right: 0.5vw;
  padding-bottom: 0.5rem;
  letter-spacing: -0.5vw;
}
.daytime #P4 .media-text { 
  letter-spacing: normal;
}
.media-text.advertising {
  padding: 0 10vw 0 15vw;
  line-height: 21vw;
  font-size: 22vw;
  letter-spacing: 4vw;
  -webkit-text-stroke-width: 0;
  color: rgb(206, 255, 54);
  -webkit-text-fill-color: initial;
}
.e-pic {
  object-fit: cover;
  object-position: right top;
  font-family: 'object-fit: cover; object-position: right top';
}
.media-text.cuisine,
.media-text.editorial {    
  -webkit-text-stroke-width: 2.5px;
  font-size: 26vw;
}
.media-text.cuisine {
  -webkit-text-stroke-width:3px;
  letter-spacing: -1vw;
  font-size: 22vw;
}
.media-text.still-life {
  -webkit-text-stroke-width:3px;
  font-size: 18vw;
}
.row.so-item {
  width: 100%;
}
.half:not(.full):nth-child(even):last-child:not(.nospread),
.half:not(.full):nth-last-child(2):not(.nospread),
.half:not(.full) {
  width: 85%;
  margin: 10px auto;
  height: 36vh;
  float: none;
}
.flexible .half:not(.full):first-of-type {
  border-radius: 9px 9px 0 0;
}
.flexible .half:not(.full):last-of-type {
  border-radius: 0 0 9px 9px;
}  
.half.ovReveal:not(.full):not(.ov-img) {
  height: 50%;
  width: 50%;
}
.artist-picture {
  float: none;
  width: 75%;
  height: auto;
  padding: 10px 10%;
  margin: auto;
}
.skiptranslate {
  padding: 12px 8% 12px 0 !important;
}
.p3l {
   background-size: 55%;
   background-position: center;
}
#lpw .panel-item-fadein:not(.ov-img) {
  padding-bottom: 35px;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.mqdesktop .support-button,
.mqmobile .support-button  {
  top: 75vh;
  right: 0;
  left: 0;
  margin: 20px auto;
}
.mqmobile .support-button {
  top: 71vh; 
}
.mqmobile  .sm-active .support-button,
.mqdesktop .sm-active .support-button  {  
  pointer-events: none !important;
  opacity: 0;
}
.mqdesktop .sm-active .support-button {  
  top: 100vh;
  margin: -70px auto;
  opacity: 0.7;
}
.blueverite .video-poster-btn,
.blueverite.nsp .video-poster-btn {
  height: calc(55.7vw - 25px);
  margin: auto 25px;
}
.mqmobile .blueverite .video-poster-btn,
.mqmobile .blueverite.nsp .video-poster-btn {
  margin: auto;
}  
.video-poster-btn figure {
  top: 79vh;
  font-weight: 500;
}
.video-poster-btn figure.vpcw-m {
  top: 38vh;
}
 .video-poster-btn.nsp figure.vpcw-m {
  top: 34vh;
}
.cascade-wrapper .cascade-item.active .blueverite video,
.cascade-wrapper .cascade-item.active .blueverite.nsp video,
.cascade-wrapper .cascade-item.active .blueverite.vp video  {
  padding: 0 25px;
}
.c-logo {
  top: 30px;
  bottom: 60px;
}
.panel .c-button,
.panel.nosnappy .c-button,
.panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.7) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.7) rotateY(0deg) translateZ(100px);
  transform: scale(0.7) rotateY(0deg) translateZ(100px);
  bottom: 21vh;
}
.mqmobile .panel .c-button,
.mqmobile .panel.nosnappy .c-button,
.mqmobile .panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.8) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.8) rotateY(0deg) translateZ(100px);
  transform: scale(0.8) rotateY(0deg) translateZ(100px);
  bottom: 21vh;
}
#P1.panel .c-button,
.sho-me #P1.panel .c-button,
.daytime #P3.panel .c-button,
.daytime.sho-me #P3.panel .c-button {
  bottom: 7vh;
}
.mqdesktop .c-button.dt-hover:hover,
.mqdesktop .c-button.dt-hover:active {
  opacity: 1;
  -webkit-transform: scale(0.7) rotate(180deg) translateZ(100px);
  -moz-transform: scale(0.7) rotate(180deg) translateZ(100px);
  transform: scale(0.7) rotate(180deg) translateZ(100px);
}
.max30vw {
  font-size: 42vw !important;
}
.max25vw {
  font-size: 45vw !important;
}
.max20vw {
  font-size: 35vw !important;
}
nav ul li {
  width: 100%;
}
nav ul li:nth-child(even) a {
   border-right: none;
}
nav ul li a {
  letter-spacing: 2px;
  font-weight: 600 !important;
}
}


@media screen and (max-width: 752px) {
.s-button-title {
  font-size: 30vmin;
  padding: 0 20px 15px 20px;
}
.mqdesktop.winUnlocked .clear-bd.clearbd-option,
.mqdesktop.contentUnlocked .clear-bd.clearbd-option,
.mqmobile.winUnlocked .clear-bd.clearbd-option,
.mqmobile.contentUnlocked .clear-bd.clearbd-option {
  top: 260px;
}
.interior-wood {
  background-image: url(../images/04-print/05-interiors/mahognay-m.jpg);
}
.sectionButtonWrapperTop,
.section-button-wrapper  {
  display: none;
}  
.half.full .blueverite {
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
}  
.quarter.full .blueverite {
  margin: 3.75vmax;
}
.third .blueverite, 
.quarter .blueverite {
  margin: 5vmin;
  border-radius: 5px;
}
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  background-color: #FFFFFF;
  margin: 8px;
}
.cslide {
  top: 100vh;
  padding-top: 45px;
}
.text-picture-01,
.text-picture-03 {
  width: 100%;
  padding: 20px 5px 20px 5px;
}
.text-picture-04 {
  width: 50%;
  padding: 20px 5px 20px 5px;
}
.text-picture-02 {
  height: 70vh;
}
.cascade-wrapper .cascade-item {
  font-size: 2.15rem;
}
/*
.media-text {
  -webkit-filter: none;
  filter: none;
}
*/
.daytime #lpw p.flow-text,
.nitetime #lpw p.flow-text {
  margin: auto;
  font-size: 14px;
  font-weight: 400;
}
.c-button span {
  font-weight: 600;
  padding-top: 16px;
  line-height: 1.3;
}
.sectionButtonWrapperTop {
  top: 55px;
  display: none;
}
.section-button-wrapper {
  bottom: 15px;
  display: none;
}
.rsb-content {
  width: 100%;
  height: 100%;
  top: 0;
}
#content-smap .row:first-child {  
  padding: 13px 6px 0 6px;
}
.so-content .scrollie .container {
  padding-top: 50px;
}
.so-content h2 {
  font-size: 4.6vw !important;
  font-weight: 300;
  margin-bottom: 0;
}
.so-content h3 {
  font-size: 3.2vw !important;
  margin-bottom: 0;
  line-height: 1.9;
}
#content-soptions .so-item:nth-child(2) div,
#content-smap .so-item:nth-child(2) a {
  border-width: 0 0 1px 0;
  margin-top: 2px;
}
#content-soptions .so-item:nth-child(3) div,
#content-smap .so-item:nth-child(3) a {
  border-width: 0 0 1px 0;
}
.pagination { 
  visibility: hidden;
  -webkit-transform: translateX(100%) translateZ(0);
  -moz-transform: translateX(100%) translateZ(0);
  transform: translateX(100%) translateZ(0);
  pointer-events: none;
}
.pagination a .hover-text {
  display: none;
}
.menuspacer {
  display: none !important;
}
.cascade-wrapper .cascade-item {
  font-size: 1.7rem;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 1.2;
  -webkit-font-smoothing: auto;
}
.valign-wrapper-xhr-b-bottom.cascade-wrapper.fw-option {
  padding: 0 3px 3px 3px !important;
  width: 100%;
  margin-right: 3px;
  margin-left: 3px;
}
.backblur {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.blueverite ul li:first-of-type {  
  font-size: 1.7rem;
  letter-spacing: -0.07rem;
  font-weight: 400;
}  
.blueverite ul li:last-of-type {  
  font-size: 1.2rem;
  letter-spacing: -0.02rem;
  line-height: 1.2;
}
.mqdesktop footer {
  bottom: -211px;
  pointer-events: none;
  opacity: 0;
}
.mqmobile .ovRevealed.active.allactive.sm-active .blueverite .video-poster-btn  .v-button,
.mqmobile .ovRevealed.active.allactive.sm-active .blueverite .support-button  {
  opacity: 0 !important;
}  
}


@media screen and (max-width: 600px) and (orientation: landscape) {
#content-soptions.container {
  width: 90%;
}
#content-smap .row:not(:last-child):nth-child(even),
#content-soptions .row:not(:last-child):nth-child(even) {
  white-space: nowrap;
  padding: 0 6px 0 2px;
}
#content-smap .row:not(:first-child):nth-child(odd),
#content-soptions .row:not(:first-child):nth-child(odd) {
  white-space: nowrap;
  padding: 0 2px 0 6px;
}
.row.so-item {
  width: 50%;
}
.row.so-item div {  
  padding: 14px 10px 12px 0;
}
span.so-item, a.so-item {
  letter-spacing: normal;
}
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  height: 44vh;
}  
nav ul.open li {
  height: calc((100vh - 63px)/4);
}
nav ul li:not(:first-child) a, 
nav ul li a.options-wrapper i.material-icons {
  line-height: calc((100vh - 66px)/4);
  margin-top: 2px;
}
.b-content.aqn,
.mqmobile .b-content.aqn {
  padding: 0 15px 0 50px;
  left:  0;
}
.third,
.sixth {
  width: 33.333%;
  height: 100vh;
}
#P1.panel .c-button {
bottom: 8vh;
}
#p1SvgLogoWrapper {
  padding: 55px 20% 10px 25%;
}
.panel .c-button, 
.panel.nosnappy .c-button, 
.panel.nosnappy-opt .c-button {
  bottom: 9vh;
}
.nitetime #P3 .media-text,
.nitetime #P3 .media-text span {
  -webkit-text-stroke-width: 2px;
  padding-top: 6vh;
  font-size: 10.5vw;
  letter-spacing: -0.2vw;
}
.c-logo {
  top: 60px;
  bottom: 40px;
  height: 50%;
}
.half.full .blueverite {
  margin: 20px;
}
}

@media screen and (max-width: 600px) and (orientation: portrait) {
.pirate figure {
  padding: 0 100px;
}
.artist-picture {
  width: 82%;
}
.mqdesktop .slider-mobile {
  display: block;
}
.mqdesktop .slider-desktop {
  display: none;
}
.nitetime .shagreen-static {
    background-image: url(../images/b_shagreen-s.jpg);
}
.daytime .shagreen-static {
    background-image: url(../images/white_shagreen-sp.jpg);
}  
.daytime .media-text.interiors,
.nitetime .media-text.interiors {
  -webkit-text-fill-color: initial;
  letter-spacing: -0.2vw;
  font-size: 15.5vw;
  font-weight: 900;
  -webkit-text-stroke-width: 0;
}
.daytime .media-text.interiors {
  color: #FFFAF3
}
.media-text.editorial,
.media-text.editorial span {
  padding-top: 5vh;
}
.quarter-opt-1 {
  height: 40.5vw;
  margin: 1.5vh;
}
.r-content,
.l-content,
.b-content.aqn,
.mqmobile .b-content.aqn {
  width: 100%;
  padding: 70px 30px 10px 30px;
  top: 60px;
}
.cascade-wrapper .cascade-item.active .blueverite.vp video {
  padding: 0 25px;
}
.video-poster-btn figure {
  top: 77vh;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
}
.video-poster-btn figure i {  
  padding-left: 8px;
  font-size: 16px;
}
.daytime #ahSvgPathWrapper path,
.nitetime #ahSvgPathWrapper path {
  stroke-width: 0.35px !important;
}
.cascade-wrapper .cascade-item.active .blueverite li:first-of-type {
  font-size: 150%;
  font-weight: 400;
}
.so-content .scrollie .container {
  padding-top: 40px;
}
.help-desc.valign-wrapper-ac h4 {
   font-weight: 400;
}
.help-desc.valign-wrapper-ac p {
   font-weight: 600;
}
.halfbox {
  height: 40vmax;
  max-height: calc((40vh + 50vw)*0.45);
  width: 100%;
  margin: 30px 20px  -20px 0;
}
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  width: 100%;
  height: 33.333vh;
  margin: 4px 28px;
  font-size: 4.5vh;
}
.third.full {
  font-size: 5.25vh;
}  
.half.full {
  font-size: 4.25vh;
}
.flexible .third:first-of-type {
  border-radius: 9px 9px 0 0;
}
.flexible .third:last-of-type {
  border-radius: 0 0 9px 9px;
}
.cascade-title,
.cascade-wrapper .cascade-item {
  height: 33.333vh;
}
.cascade-wrapper .cascade-item {
  width: 50%;
  height: 33.333vh;
  font-size: 1.9rem;
}
nav ul {
  width: 100%;
}
nav ul li {
  min-width: 27%;
}
nav ul li:last-child {
  border-right: none;
}
#p1SvgLogoWrapper {
  padding: 20px 20%;
}
}


@media screen and (max-width: 600px) {
.cascade-wrapper .cascade-item {
  -webkit-font-smoothing: antialiased;
}
.support-button {
  -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
  transform: scale(0.9);
}
.quarter.full .blueverite {
  margin: 4vmax;
}
.media-text.cuisine,
.media-text.editorial,
.media-text.editorial span {      
  -webkit-text-stroke-width: 0;
  letter-spacing: -1vw;
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;
  font-weight: 800;
  font-size: 22vw;
}
.media-text.editorial,
.media-text.editorial span {
  font-size: 26vw;
  text-indent: 0;
  padding-top: 0;
  padding-right:  0;
}
.media-text.editorial span {
  -webkit-text-fill-color: rgba(255, 74, 5, 0.77) !important;
}
.clear-bd2.gnav {
   opacity: 0;
   left: -68px ;
}
p {
  -webkit-font-smoothing: auto;
}
.row.accent-blue,
.row.accent-green {
  padding: 1rem 0.5rem 1.5rem 1.5rem;
}
.so-content h2 {
  font-size: 5.8vw !important;
  font-weight: 300;
}
.so-content h3 {
  font-size: 3.8vw !important;
  font-weight: 500;
  line-height: 1.9;
}
.valign-wrapper-xhr-b-bottom.cascade-wrapper.fw-option {
  padding: 0  !important;
  width: 100%;
  margin: 0;
}
.cascade-item.ovReveal a {
  border-radius: 0;
}
.container {
  width: 86%;
  padding: 55px 5px 45px 0;
}
.quarter {
  width: 86%;
  height: calc(60vw * 0.86);
  flex-grow: 0;
  padding: 1.25vmax;
}
.third,
.sixth,
.quarter.full,
.third.full {
  width: 50%;
  height: 33.333vh;
}
.half.full {
  width: 50%;
  height: 50vh;
}  
.blueverite {
  margin: 1.25vmax;
}
.listsmall {
  padding-left: 10%;
}
#contentButtonWrapper {
  height: 50px;
  width: 50px;
}
span.valign {
  padding-right: 0;
}
.weight-scale-2-1, .weight-scale-3-2-1 {
  font-weight: 200;
}
}

@media screen and (max-width: 500px) and (orientation: landscape) {
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  height: 43vh;
}
.inline-logo-img-01{
  width: 40%;
  padding: 30px 5px 0 5px;
}
.quarter-opt-1 {
  width: 100%;
  height: 40vh;
  margin: 3vh;
  padding: 15vh 10px;
  line-height: 0.9;
  font-size: 6.2vw;
}
}


@media screen and (max-width: 500px) and (orientation: portrait) {
.inline-logo-img-01 {
  width: 50%;
  padding: 30px 5px 0 5px;
}
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  width: 100%;
  height: 33.333vh;
}
#lpw .panel-item-fadein:not(.ov-img) {
  padding-bottom: 40px;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  transform: scale(1.2);
}
  .video-poster-btn figure.vpcw-m {
  top: 35vh;
}
.video-poster-btn.nsp figure.vpcw-m {
  top: 28vh;
}
.pirate figure {
  right: 0;
  top: 0;
  padding: 0 50px;
}
.artist-picture {
  width: 90%;
}
.half.full { 
  font-weight: 300;
  font-size: 4vh;
  text-shadow: 1px 1px 2px rgba(43, 43, 43, 0.4);
  height: 50vh;
  width: 100%;
  letter-spacing: 0.05vh;
  word-spacing: 2vh;
}
.half.full .blueverite {
  margin: 20px;
}
.half:not(.full) {
  width: 80%;
  margin: 4px auto;
  height: 30vh;
  float: none;
  font-size: 3.5vmax;
  font-weight: 300;
}
.flexible .half:not(.full):first-of-type {
  border-radius: 9px 9px 0 0;
}
.flexible .half:not(.full):last-of-type {
  border-radius: 0 0 9px 9px;
}
.fluid-02,  
.fluid-01,
.fluid-025 {
   font-weight: 300;
}
.lpc-wrapper .fluid-03,
.fluid-03 {
  font-weight: 400;
}
.blueverite ul li:first-of-type {  
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  color: rgb(55, 90, 138);
  -webkit-font-smoothing: auto;
  line-height: 1.4;
  white-space: normal;
  word-spacing: .25rem;
}
.nitetime .blueverite ul li:first-of-type {  
}
.blueverite ul li:last-of-type {
  font-weight: 500;
  padding-top: .3rem;
  line-height: 1.2;
  letter-spacing: -.03rem;
  font-size: 1.1rem;
}
.nitetime .blueverite ul li:last-of-type {
}  
#P3 .media-text,
#P3 .media-text span {
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-fill-color: rgb(237, 166, 206);
  letter-spacing: -0.4vw;
  line-height: 0.82;
  padding-bottom: 6vw;
}
.nitetime #P3 .media-text {
  -webkit-text-fill-color: rgb(237, 232, 61);
  color: rgb(237, 232, 61);
  -webkit-text-stroke-width: 2.5px;
  letter-spacing: 0vw;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.9;
  padding-bottom: 10vw;
}
#P3 .media-text span  {  
  -webkit-text-stroke-width: 0;
  -webkit-text-fill-color: rgb(126, 159, 209);
}
.nitetime #P3 .media-text span {
  -webkit-text-fill-color: #FFFFFF;
  color: #FFFFFF;
  -webkit-text-stroke-width: 2.5px;
}
.nitetime #P3 .set-vis.image-contain-absolute {
  padding-top: 4vh;
  padding-left: 2vw;
  height: 90%;
}
.quarter-opt-1 {
  width: 100%;
  height: 50vw;
  margin: 4vw 8vw;
  padding: 10vh 10px;
  line-height: 0.9;
  font-size: 5.5vw;
}
.quarter-opt-1 .blueverite {
  margin: 2.5vh;
}
}


@media screen and (max-width: 500px) {
.v-button i {
  -webkit-transform: scale(0.9);
 -moz-transform: scale(0.9);
  transform: scale(0.9);
}
h3 {
  font-size: 2.3rem;
  letter-spacing: normal;
}
.nitetime #P4 .media-text {
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: #FF0605;
  letter-spacing: -0.3vw;
}
.daytime #P4 .media-text {
  opacity: 0.75;
  -webkit-text-stroke-width: 3px;
  -webkit-text-fill-color: #FFFFFF;
  letter-spacing: -0.9vw;
}
.text-picture-04 {
  width: 60%;
  padding: 20px 5px 20px 5px;
}  
.cascade-wrapper .cascade-item {
  font-size: 2.2rem;
  font-weight: 400;
}
.so-content h2 {
  font-size: 6.3vw !important;
  font-weight: 400;
  line-height: 2;
}
.so-content h3 {
  font-size: 4.3vw !important;
  line-height: 2.2;
}
.container {
  padding: 55px 0 45px 0;
  width: 90%;
}
.quarter {
  width: 90%;
  height: calc(60vw * 0.9);
}

.listsmall {
  padding-left: 5%;
}  
}

@media screen and (max-width: 400px) and (orientation: portrait) {
#videoTarget {
  width: 95vw;
}
nav ul li:not(:first-child) a, 
nav ul li a.options-wrapper i.material-icons {
  line-height: 47px;
}
nav ul.open li {
  height: 48px;
}
.video-poster-btn figure.vpcw-m {
  top: 32vh;
}
.video-poster-btn.nsp figure.vpcw-m {
  top: 26vh;
}
.support-button {
  top: 70vh;
}
.mqmobile .support-button {
  top: 69.5vh;
}
.cascade-wrapper .cascade-item {
  width: 100%;
}
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  width: 100%;
  height: 33.333vh;
  font-size: 4.5vh;
  font-weight: 500;
}
.quarter-opt-1 {
  width: 100%;
  margin: 5vw 10vw;
  padding: 13.5vh 10px;
  line-height: 1;
}
.quarter-opt-1 .blueverite { 
  margin: 2.5vh;
}
}


@media screen and (max-width: 400px) {
.v-button i {
  -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
  transform: scale(0.8);
}
h3 {
  font-size: 2.1rem;
}
.scaleyslow,
.scaleyslow2,
.scaleyslowOpac {
  -webkit-animation-play-state: paused !important;
  -moz-animation-play-state: paused !important;
  animation-play-state: paused !important;
}
.listsmall {
  padding-left: 0;
}
.weight-scale-3-2-1 {
  font-weight: 300;
}
} 


@media screen and (max-width: 350px) and (orientation: portrait) {
.third,
.sixth,
.half.full,
.quarter.full,
.third.full {
  width: 100%;
  height: 50vh;
  font-size: 5vh;
  text-shadow: 1px 1px 4px rgb(22, 22, 22);
}
  #P1.panel .c-button, 
  .sho-me #P1.panel .c-button, 
  .daytime #P3.panel .c-button,
  .daytime.sho-me #P3.panel .c-button {
    bottom: 3.5vh
  }
#lpw .panel-item-fadein:not(.ov-img) {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
  padding-bottom: 42px;
}
.panel .c-button,
.panel.nosnappy .c-button,
.panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  transform: scale(0.6) rotateY(0deg) translateZ(100px);
}
.mqmobile .panel .c-button,
.mqmobile .panel.nosnappy .c-button,
.mqmobile .panel.nosnappy-opt .c-button {
  -webkit-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  -moz-transform: scale(0.6) rotateY(0deg) translateZ(100px);
  transform: scale(0.6) rotateY(0deg) translateZ(100px);
}
.mqdesktop .c-button.dt-hover:hover,
.mqdesktop .c-button.dt-hover:active {
  opacity: 1;
  -webkit-transform: scale(0.6) rotate(180deg) translateZ(100px);
  -moz-transform: scale(0.6) rotate(180deg) translateZ(100px);
  transform: scale(0.6) rotate(180deg) translateZ(100px);
}
.mqmobile #P1.panel .c-button,
.mqmobile .sho-me #P1.panel .c-button,
.mqmobile .daytime #P3.panel .c-button,
.mqmobile .daytime.sho-me #P3.panel .c-button {
   bottom: 6vh;
}
.cascade-wrapper .cascade-item {
  width: 100%;
  height: 50vh;
  font-size: 2rem;
  font-weight: 600;
  text-shadow: 1px 2px 4px rgb(59, 59, 59);
}
.cascade-title,
.cascade-wrapper .cascade-item {
  height: 50vh;
}
}