/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* Custom Fonts
--------------------------------------------- */
@font-face {
  font-family: 'abeatbyKai';
  src: url('../fonts/AbeatbyKai.eot');
  src: url('../fonts/AbeatbyKai.eot?#iefix') format('embedded-opentype'),
      url('../fonts/AbeatbyKai.woff2') format('woff2'),
      url('../fonts/AbeatbyKai.woff') format('woff'),
      url('../fonts/AbeatbyKai.ttf') format('truetype'),
      url('../fonts/AbeatbyKai.svg#AbeatbyKai') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-sans-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v6-latin-300.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v6-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v6-latin-700.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/nunito-sans-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-sans-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-sans-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-sans-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-sans-v12-latin-900.svg#NunitoSans') format('svg'); /* Legacy iOS */
}
/*** custom icons ***/
@font-face {
  font-family: 'exo';
  src: url('../fonts/exo.eot?49548819');
  src: url('../fonts/exo.eot?49548819#iefix') format('embedded-opentype'),
       url('../fonts/exo.woff2?49548819') format('woff2'),
       url('../fonts/exo.woff?49548819') format('woff'),
       url('../fonts/exo.ttf?49548819') format('truetype'),
       url('../fonts/exo.svg?49548819#exo') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'exo';
    src: url('../font/exo.svg?49548819#exo') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "exo";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-plus-thin:before { content: '\e804'; } /* '' */
.icon-minus-thin:before { content: '\e805'; } /* '' */
.icon-arrow-right:before { content: '\e808'; } /* '' */
.icon-twitter:before { content: '\f099'; } /* '' */
.icon-facebook:before { content: '\f09a'; } /* '' */
.icon-linkedin:before { content: '\f0e1'; } /* '' */
.icon-youtube:before { content: '\f167'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}
img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
html {
	box-sizing: border-box;
  scroll-behavior: smooth;
}
body {
  padding: 0;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 15px;
  /*overflow-y: scroll;
  overflow-x: hidden;*/
  overflow: hidden;
}
p {
  line-height: 1.4;
  letter-spacing: 0.075em;
}
strong {
  font-weight: 600;
}
.content-wrapper {
  /*overflow: hidden;*/
  overflow: auto;
  overflow-x: hidden;
  height: 100vh;
  position: relative;
}
@media (min-width: 1900px) {
  body {
    font-size: 1.1rem;
  }
}
.blk-outline-btn {
  margin: 0 auto;
  padding: 10px 35px;
  background: none;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  border: 3px solid #000;
  display: inline-block;
}
.white-outline-btn {
  margin: 0 auto;
  padding: 12px 35px;
  background: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.9rem;
  /*font-weight: bold;*/
  line-height: 1;
  color: #fff;
  border: 3px solid #fff;
  display: inline-block;
}
.btn-wrap {
  padding-top: 1.5em;
  position: relative;
  z-index: 100;
}
.lazyload,
.lazyloading {
	min-height: 600px;
}

/* Simple Grid
--------------------------------------------- */
.flex_row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.col_100 {width:100%}
.col_90 {width:90%}
.col_85 {width:85%}
.col_80 {width:80%}
.col_75 {width:75%}
.col_70 {width:70%}
.col_66 {width:66.666%}
.col_60 {width:60%}
.col_50 {width:50%}
.col_40 {width:40%}
.col_33 {width:33.333%}
.col_30 {width:30%}
.col_25 {width:25%}
.col_20 {width:20%}
.col_15 {width:15%}
.col_10 {width:10%}

/* Simple Animations
--------------------------------------------- */
@keyframes simple-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes simple-fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes simple-moveinleft {
  0% {
    left:-150%;
  }
  50% {
    opacity: 0;
  }
  100% {
    left:0%;
    opacity: 1;
  }
}
@keyframes simple-moveinleft-enlarge {
  0% {
    left:-150%;
    width: 0%;
  }
  50% {
    opacity: 0;
    width: 25%;
  }
  100% {
    left:0%;
    opacity: 1;
    width: 100%;
  }
}

/* Header and Navigation
--------------------------------------------- */
.header {
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 1000;
}
.nav-wrap {
  margin: 0 auto;
  padding: 50px 30px;
  width: 85%;
  color: #fff;
  font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
  font-size: 12.5px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.nav-logo {
  width: 140px;
  position: relative;
  z-index: 100;
  flex-grow: 0;
}
.nav-logo a {
  width: 100%;
}
.nav-menus {
  /*width: 73%;*/
  display: flex;
  flex-grow: 1;
  /*justify-content: space-between;*/
}
.mid-nav {
  padding-right: 140px;
  flex-grow: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  /*justify-content: flex-end;*/
}
.right-nav {
  font-weight: 600;
  flex-grow: 0;
}
.nav-wrap a {
  padding: 1em;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  background: rgba(55,8,147,0);
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-wrap .mid-nav a:before {
  content: '';
  width: 0;
  height: 1px;
  background: rgba(255,255,255,1);
  bottom: 0.8em;
  left: 0.9em;
  position: absolute;
  display: block;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-wrap .mid-nav a:hover:before,
.nav-wrap .mid-nav a:active:before {
  width: calc(100% - 2em);
}
.mobile-nav {
  display: none;
}
.mobile-nav button.open-icon {
  right: 30px;
  top: 18px;
  position: absolute;
  background: transparent;
  border: none;
}
.mobile-nav button.open-icon:hover, .mobile-nav button.open-icon:active, .mobile-nav button.open-icon:focus {
  border-color: none;
  outline: none;
}
.open-icon {
    display: block;
    float: right;
    width: 35px;
    height: 25px;
    position: relative;
    margin: 8px 0 0 0;
    cursor: pointer;
    position: relative;
    z-index: 100;
}
.open-icon span {
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.open-icon .menu_label {
    opacity: 0;
}
.open-icon span:nth-child(1) {
    top: 0px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.open-icon span:nth-child(2) {
    width: 100%;
    left: 0;
}
.open-icon span:nth-child(3) {
    top: 20px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}
.open-icon span:nth-child(2) {
    top: 8px;
}
.open-icon span:nth-child(3) {
    top: 16px;
}
.mobile-nav.toggled .open-icon span:nth-child(1) {
    top: 10px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.mobile-nav.toggled .open-icon span:nth-child(2) {
    width: 0;
    left: 50%;
}
.mobile-nav.toggled .open-icon span:nth-child(3) {
    top: 10px;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.mobile-nav .menu-container {
  top: -13px;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  padding: 0;
  height: 0vh;
  text-align: center;
  background: #300c60;
  overflow: hidden;
  -moz-transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
.mobile-nav.toggled .menu-container {
  padding: 25% 0 10%;
  height: 100vh;
  -moz-transition: all 0.75s ease-in-out;
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}
@media (max-width: 1400px) {
  .nav-wrap {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .nav-wrap {
    padding: 15px;
  }
  .nav-menus {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
}

/* Zones Common
--------------------------------------------- */
.zone {
  overflow: hidden;
  background: #0f0f0f;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.zone-content {
  width: 100%;
  padding: 0 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}
.zone-content sup {
  font-size: 0.4em;
  letter-spacing: 2px;
  top: -1.3em;
  left: -0.9em;
}
.zone-left,
.zone-right {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.zone-text {
  text-align: center;
  color: #fff;
}
.zone-text p {
  line-height: 1.4;
  text-align: left;
  font-weight: 300;
}
.zone-bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.zone-bg-img-wrap {
  font-size: 0;
  position: relative;
  width: 100%;
  height: 100%;
}
.zone-bg-img-wrap img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* zone_1 - intro hero
--------------------------------------------- */
#zone_1 {
  overflow: hidden;
  background: #39106b;
  position: relative;
}
#zone_1 .zone-content {
  padding-top: 18%;
  padding-bottom: 10%;
  flex-direction: column;
  align-content: flex-end;
  z-index: 2;
}
#zone_1 .zone_1-tags {
  width: 100%;
  display: flex;
  justify-content: center;
}
.tags-col {
  text-align: center;
}
#zone_1 .zone_1-tags .tags-col-center {
  width: 27.5%;
  padding-top: 30%;
  margin: 0 2em 0 -4em;
}
.tags-col h3 {
  margin: 0.5em 0;
  width: 260px;
  text-align: center;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.4em;
  color: #fff;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tags-col h3:first-child {
  margin: 0.5em 0 12.5em;
}
.tags-col h3:before {
  content: '';
  width: 200px;
  height: 1px;
  background: #fff;
  display: block;
  top: 1.3em;
  left: 50%;
  margin-left: -100px;
  position: absolute;
}
.tags-col-left h3:after {
  content: '';
  width: 70px;
  height: 1px;
  background: #fff;
  display: block;
  top: 2.9em;
  left: calc(50% + 90px);
  position: absolute;
  transform: rotate(45deg);
}
.tags-col-left h3:last-child::after {
  transform: rotate(-45deg);
  top: -0.35em;
}
.tags-col-right h3:after {
  content: '';
  width: 70px;
  height: 1px;
  background: #fff;
  display: block;
  top: 2.9em;
  left: -30px;
  position: absolute;
  transform: rotate(-45deg);
}
.tags-col-right h3:last-child::after {
  transform: rotate(45deg);
  top: -0.35em;
}
@media (max-width: 1400px) {
  .tags-col h3:first-child {
    margin: 0 0 8em;
  }
}
@media (max-width: 1100px) {
  .tags-col h3 {
    font-size: 12.5px;
  }
  .tags-col h3:first-child {
    margin: -2em 0 10em;
  }
  .tags-col-left h3:after,
  .tags-col-right h3:after {
    top: 3.3em;
  }
  .tags-col-left h3:last-child::after,
  .tags-col-right h3:last-child::after {
    top: -0.7em;
  }
}
@media (max-width: 900px) {
  .tags-col h3 {
    font-size: 10px;
  }
  .tags-col-left h3:after,
  .tags-col-right h3:after {
    top: 3.8em;
  }
  .tags-col-left h3:last-child::after,
  .tags-col-right h3:last-child::after {
    top: -1.1em;
  }
}
@media (max-width: 700px) {
  .tags-col h3 {
    display: none;
  }
}

#zone_1 .zone-text {
  width: 100%;
  padding: 0 0 0 10%;
  display: flex;
  justify-content: flex-start;
}
#zone_1 .zone-text a {
  padding: 10px 30px;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.2em;
  text-decoration: none;
  display: inline-block;
  white-space: nowrap;
  position: relative;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#zone_1 .zone-text a:before {
  content: '';
  width: 47px;
  height: 47px;
  border-radius: 50%;
  background: rgba(246,89,166,1);
  border: 3px solid #fff;
  top: -10px;
  left: -30px;
  position: absolute;
  display: inline-block;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#zone_1 .zone-text a:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 18px;
  border-color: transparent transparent transparent #fff;
  top: 2px;
  left: -13px;
  position: absolute;
  display: inline-block;
}
#zone_1 .zone-text a:hover:before {
  border: 3px solid #f659a6; 
}

@media (max-width: 500px) {
  #zone_1 .zone-content {
    padding-top: 85%;
    padding-bottom: 10%;
  }
}

/* zone_2
--------------------------------------------- */
#zone_2 {
  overflow: hidden;
  background: #39106b;
  position: relative;
}
#zone_2 .zone-content {
  padding-top: 8%;
  padding-bottom: 28%;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_2 .zone-text {
  margin: 0 auto;
  width: 44%;
  max-width: 600px;
  position: relative;
  z-index: 10;
}
#zone_2 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  /*font-size: 70px;*/
  font-size: 58px;
  letter-spacing: 0.47em;
}
#zone_2 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_2 .zone-text h2 span,
#zone_2 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_2 h4 {
  letter-spacing: 0.075em;
}
#zone_2 .zone-text p:first-of-type {
  margin-top: 1.8em;
  text-align: center;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_2 .zone-text h2 {
		/*font-size: calc(21px + (70 - 21) * ((100vw - 320px) / (2400 - 320)));*/
    font-size: calc(21px + (58 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_2 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 1350px) {
  #zone_2 .zone-text {
    width: 63%;
  }
}
@media (max-width: 1200px) {
  #zone_2 .zone-text {
    width: 70%;
  }
}
@media screen and (min-width: 1000px), screen and (min-height: 1300px) {
  #zone_2 .zone-bg-img {
    width: 115%;
    height: 115%;
  }
}
@media (max-width: 900px) {
  #zone_2 .zone-content {
    padding-top: 6%;
    padding-bottom: 40%;
  }
  #zone_2 .zone-text {
    width: 90%;
  }
}
@media screen and (min-width: 750px), screen and (min-height: 1000px) {
  #zone_2 .zone-bg-img {
    width: 110%;
    height: 110%;
  }
}
@media (max-width: 500px) {
  #zone_2 .zone-content {
    padding-top: 12%;
    padding-bottom: 60%;
  }
  #zone_2 .zone-text {
    width: 100%;
  }
  #zone_2 .zone-text p {
    text-align: left;
  }
  #zone_2 .zone-bg-img-wrap {
    margin-top: 22%;
  }
  #zone_2 .zone-bg-img-wrap-overlay {
    width: 100%;
    height: 70%;
    top: 0;
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(57,16,107);
    background: linear-gradient(180deg, rgba(57,16,107,1) 0%, rgba(57,16,107,1) 2%, rgba(57,16,107,0) 40%);
  }
  #zone_2 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 240%;
    max-width: 240%;
    height: auto;
    margin-left: -70%;
  }
}
@media (max-width: 400px) {
  #zone_2 .zone-content {
    padding-top: 12%;
    padding-bottom: 65%;
  }
  #zone_2 .zone-bg-img-wrap {
    margin-top: 35%;
  }
}

/* zone_3
--------------------------------------------- */
#zone_3 {
  overflow: hidden;
  background: #39106b;
  position: relative;
  box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.4);
  z-index: 1;
}
#zone_3 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #39106b;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_3 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_3.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_3 .zone-content {
  padding-top: 18%;
  padding-bottom: 14%;
  align-items: unset;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
}
#zone_3 .zone-text {
  margin: 0 25% 0 15%;
  min-width: 450px;
}
#zone_3 .zone-text h2 {
  margin-bottom: 0;
  /*padding-left: 0.24em;*/
  font-family: 'abeatbyKai', sans-serif;
  /*font-size: 70px;*/
  font-size: 58px;
  letter-spacing: 0.47em;
}
#zone_3 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_3 .zone-text h2 span,
#zone_3 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_3 p {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
#zone_3 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
#zone_3 .zone-bg-img {
  width: 105%;
  height: 105%;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_3 .zone-text h2 {
		/*font-size: calc(21px + (70 - 21) * ((100vw - 320px) / (2400 - 320)));*/
    font-size: calc(21px + (58 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_3 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 800px) {
  #zone_3 .zone-content {
    padding-top: 8%;
    padding-bottom: 75%;
  }
  #zone_3 .zone-right {
    width: 100%;
  }
  #zone_3 .zone-text {
    margin: 0;
  }
  #zone_3 .zone-text p {
    text-align: center;
  }
  #zone_3 .zone-bg-img-wrap {
    margin-top: 25%;
  }
  #zone_3 .zone-bg-img-wrap-overlay {
    width: 100%;
    height: 80%;
    top: 0;
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(57,16,107);
    background: linear-gradient(180deg, rgba(57,16,107,1) 0%, rgba(57,16,107,1) 2%, rgba(57,16,107,0) 40%);
  }
  #zone_3 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 175%;
    max-width: 175%;
    height: auto;
    margin-left: -25%;
  }
}
@media (max-width: 500px) {
  #zone_3 .zone-content {
    padding-top: 12%;
    padding-bottom: 100%;
  }
  #zone_3 .zone-right {
    width: 100%;
  }
  #zone_3 .zone-text {
    margin: 0;
  }
  #zone_3 .zone-bg-img-wrap {
    margin-top: 60%;
  }
  #zone_3 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 225%;
    max-width: 225%;
    height: auto;
    margin-left: -35%;
  }
}
@media (max-width: 400px) {
  #zone_3 .zone-bg-img-wrap {
    margin-top: 80%;
  }
}

/* zone_3-5 Vials
--------------------------------------------- */
#zone_3-5 {
  overflow: hidden;
  background: #2f1065;
  position: relative;
}
#zone_3-5 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #2f1065;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_3-5 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_3-5.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_3-5 .zone-content {
  padding-top: 14%;
  padding-bottom: 6.5%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
#zone_3-5 .vials-title {
  width: 100%;
  padding-left: 20%;
  margin-bottom: 29%;
  text-align: left;
  color: #fff;
}
#zone_3-5 .vials-title h3 {
  font-size: 1.375rem;
  font-weight: 900;
}
#zone_3-5 .vials-title h3 span {
  font-weight: 300;
  display: block;
}
#zone_3-5 .zone-text {
  margin: 0 auto;
}
#zone_3-5 .zone-text h2 {
  font-size: 1.5rem;
  font-weight: 900;
}
#zone_3-5 .zone-text h2 span {
  font-weight: 300;
}
#zone_3-5 p {
  margin-left: auto;
  margin-right: auto;
  max-width: 670px;
  text-align: center;
}
#zone_3-5 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
#zone_3-5 .zone-bg-img-wrap img {
  margin-top: -15%;
  object-fit: unset;
  height: auto;
}
@media (max-width: 1100px) {
  #zone_3-5 .vials-title {
    padding-left: 3%;
  }
}
@media (max-width: 800px) {
  #zone_3-5 .zone-content {
    padding-top: 22%;
    padding-bottom: 12%;
  }
  #zone_3-5 .vials-title {
    margin-bottom: 38%;
  }
  #zone_3-5 .vials-title h3 {
    font-size: 1rem;
  }
  #zone_3-5 .zone-right {
    width: 100%;
  }
  #zone_3-5 .zone-text {
    margin: 0;
  }
  #zone_3-5 .zone-text p {
    text-align: center;
  }
  #zone_3-5 .zone-bg-img-wrap img {
    max-width: 120%;
    width: 120%;
    margin-top: -15%;
    margin-left: -10%;
  }
}
@media (max-width: 500px) {
  #zone_3-5 .vials-title {
    margin-bottom: 50%;
  }
  #zone_3-5 .zone-right {
    width: 100%;
  }
  #zone_3-5 .zone-text {
    margin: 0;
  }
  #zone_3-5 .zone-bg-img-wrap img {
    width: 145%;
    max-width: 145%;
    margin-left: -20%;
  }
}

/* zone_4
--------------------------------------------- */
#zone_4 {  
  overflow: hidden;
  background: #39106b;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
  position: relative;
  z-index: 1;
}
#zone_4 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #39106b;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_4 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_4.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_4 .zone-content {
  padding-top: 14%;
  padding-bottom: 18%;
  align-items: unset;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}
#zone_4 .zone-text {
  margin: 0 1% 0 40%;
  min-width: 450px;
}
#zone_4 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 58px;
  letter-spacing: 0.47em;
}
#zone_4 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_4 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_4 p {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
#zone_4 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_4 .zone-text h2 {
		font-size: calc(21px + (58 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_4 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 800px) {
  #zone_4 .zone-content {
    padding-top: 8%;
    padding-bottom: 75%;
  }
  #zone_4 .zone-left {
    width: 100%;
  }
  #zone_4 .zone-text {
    margin: 0;
    min-width: auto;
    max-width: 600px;
  }
  #zone_4 .zone-text p {
    text-align: center;
  }
  #zone_4 .zone-bg-img-wrap {
    margin-top: 25%;
  }
  #zone_4  .zone-bg-img-wrap-overlay {
    width: 100%;
    height: 80%;
    top: 0;
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(57,16,107);
    background: linear-gradient(180deg, rgba(57,16,107,1) 0%, rgba(57,16,107,1) 2%, rgba(57,16,107,0) 40%);
  }
  #zone_4 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 175%;
    max-width: 175%;
    height: auto;
    margin-left: -50%;
  }
}
@media (max-width: 500px) {
  #zone_4 .zone-content {
    padding-top: 12%;
    padding-bottom: 100%;
  }
  #zone_4 .zone-left {
    width: 100%;
  }
  #zone_4 .zone-text {
    margin: 0;
  }
  #zone_4 .zone-bg-img-wrap {
    margin-top: 50%;
  }
  #zone_4 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 225%;
    max-width: 225%;
    height: auto;
    margin-left: -80%;
  }
}
@media (max-width: 400px) {
  #zone_4 .zone-bg-img-wrap {
    margin-top: 80%;
  }
}

/* zone_5 elixir+
--------------------------------------------- */
#zone_5 {  
  overflow: hidden;
  background: #39106b;
  position: relative;
}
#zone_5 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #39106b;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_5 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_5.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_5 .zone-content {
  padding-top: 6.25%;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_5 .zone-left {
  margin-bottom: -4%;
}
.elixir-plus-image {
  width: 100%;
}
#zone_5 .zone-text {
  margin: 0 auto 20% 0;
  max-width: 450px;
  position: relative;
  z-index: 10;
}
#zone_5 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  /*letter-spacing: 0.47em;*/
  letter-spacing: 0.25em;
}
#zone_5 .zone-text h2 span {
  display: inline-block;
  /*margin-right: -0.47em;*/
  margin-right: -0.125em;
}
#zone_5 .zone-text p:first-of-type {
  margin-top: 2.2em;
}
#zone_5 .zone-bg-img {
  width: 110%;
  height: 110%;
}

@media (max-width: 800px) {
  #zone_5 .zone-content {
    padding-bottom: 12%;
    flex-direction: column;
    justify-content: center;
  }
  #zone_5 .zone-left,
  #zone_5 .zone-right {
    width: 100%;
    padding: 0 10%;
  }
  #zone_5 .zone-text {
    margin: -15% 0 0;
    width: 100%;
    min-width: auto;
    max-width: 600px;
    text-align: center;
  }
  #zone_5 .zone-text p {
    text-align: center;
  }
  #zone_5 .zone-bg-img {
    width: 110%;
    height: 110%;
  }
}
@media (max-width: 550px) {
  #zone_5 .zone-text {
    margin: -5% 0 0;
  }
}
@media (max-width: 450px) {
  /*#zone_5 .zone-bg-img-wrap-overlay {
    width: 100%;
    height: 70%;
    bottom: 0;
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(57,16,107);
    background: linear-gradient(0deg, rgba(57,16,107,1) 0%, rgba(57,16,107,1) 20%, rgba(57,16,107,0) 50%);
  }*/
}

/* zone_5-1 elixir+ woman
--------------------------------------------- */
#zone_5-1 {  
  overflow: hidden;
  background: #39106b;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
  position: relative;
  z-index: 1;
}
#zone_5-1 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #39106b;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_5-1 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_5-1.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_5-1 .zone-content {
  padding-top: 16%;
  padding-bottom: 20%;
  align-items: unset;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}
#zone_5-1 .zone-text {
  margin: 0 25%;
  min-width: 400px;
}
#zone_5-1 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 58px;
  letter-spacing: 0.47em;
}
#zone_5-1 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_5-1 .zone-text h2 span,
#zone_5-1 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_5-1 p {
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
  text-align: left;
}
#zone_5-1 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
#zone_5-1 .zone-bg-img {
  width: 105%;
  height: 105%;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_5-1 .zone-text h2 {
		font-size: calc(21px + (58 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_5-1 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 800px) {
  #zone_5-1 .zone-content {
    padding-top: 8%;
    padding-bottom: 75%;
  }
  #zone_5-1 .zone-left {
    width: 100%;
  }
  #zone_5-1 .zone-text {
    margin: 0;
    width: 100%;
    min-width: auto;
    max-width: 600px;
  }
  #zone_5-1 .zone-text p {
    max-width: 100%;
    text-align: center;
  }
  #zone_5-1 .zone-bg-img-wrap {
    margin-top: 25%;
  }
  #zone_5-1  .zone-bg-img-wrap-overlay {
    width: 100%;
    height: 80%;
    top: 0;
    position: absolute;
    display: block;
    z-index: 1;
    background: rgb(57,16,107);
    background: linear-gradient(180deg, rgba(57,16,107,1) 0%, rgba(57,16,107,1) 2%, rgba(57,16,107,0) 40%);
  }
  #zone_5-1 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 175%;
    max-width: 175%;
    height: auto;
    margin-left: -50%;
  }
}
@media (max-width: 500px) {
  #zone_5-1 .zone-content {
    padding-top: 12%;
    padding-bottom: 100%;
  }
  #zone_5-1 .zone-left {
    width: 100%;
  }
  #zone_5-1 .zone-text {
    margin: 0;
  }
  #zone_5-1 .zone-bg-img-wrap {
    margin-top: 50%;
  }
  #zone_5-1 .zone-bg-img-wrap img {
    object-fit: cover;
    width: 225%;
    max-width: 225%;
    height: auto;
    margin-left: -80%;
  }
}
@media (max-width: 400px) {
  #zone_5-1 .zone-bg-img-wrap {
    margin-top: 80%;
  }
}

/* zone_6 - CTA -- slide 6
--------------------------------------------- */
#zone_6 {  
  overflow: hidden;
  background: #39106b;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
}
#zone_6 .zone-content {
  padding: 7% 5% 7.2%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  z-index: 1;
}
.evolve {
  width: 100%;
  padding: 25px 30px;
  text-align: center;
}
.evolve img {
  margin: 0 auto;
  width: 44%;
  max-width: 460px;
}
.evolve p {
  font-size: 1.1rem;
  letter-spacing: 1px;
}
.form-wrap {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
}
.form-left {
  padding: 0 20px;
  width: 54%;
  display: flex;
  flex-direction: column;
}
.form-right {
  padding: 0 20px;
  width: 46%;
  display: flex;
  flex-direction: column;
}
.form-row {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.form-row input,
.form-row select,
.form-row textarea {
  margin: 5px 8px;
  padding: 10px;
  width: calc(100% - 16px);
  color: #fff;
  background: none transparent;
  border: 3px solid #fff;
}
.form-row input::-webkit-input-placeholder,
.form-row textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a8a8a8;
}
.form-row input::-moz-placeholder,
.form-row textarea::-moz-placeholder { /* Firefox 19+ */
  color: #a8a8a8;
  opacity: 1;
}
.form-row input::-ms-input-placeholder,
.form-row textarea::-ms-input-placeholder { /* IE 10+ */
  color: #a8a8a8;
}
.form-row input::placeholder,
.form-row textarea::placeholder { /* modern browsers */
  color: #a8a8a8;
}
.form-row-2-col > div{
  width: 50%;
}
.form-row select {
  height: 44px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #a8a8a8;
  padding: 9px 10px;
  border-radius: 0% !important;
}
.form-row .select {
  width: 100%;
  position: relative;
}
.form-row .select::after {
  content: "";
  width: 1.4em;
  height: 0.7em;
  background-color: #fff;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  display: block;
  top: 22px;
  right: 18px;
  position: absolute;
  pointer-events: none;
}
.form-row select:required:invalid {
  color: #a8a8a8;
}
.form-row select option[value=""][disabled] {
  display: none;
}
.form-row select option {
  color: #000;
}
.textarea {
  width: 100%;
}
.textarea textarea {
  min-height: 120px;
  color: #a8a8a8;
}
.form-right p {
  margin-top: 0;
  text-align: left;
  font-size: 0.92rem;
  line-height: 1.4em;
  font-weight: 300;
  letter-spacing: normal;
}
.form-right p strong {
  font-weight: 500;
}
#result_msg {
  width: 100%;
  padding: 20px 20px 30px;
  text-align: center;
  display:none;
}
#result_msg p {
  margin: 0 auto;
  padding: 30px 50px;
  text-align: center;
  line-height: 1.5;
  background: rgba(132,22,166,0.5);
}
#result_msg p.error-msg {
  color: #f33;
  border: 1px solid #f33;
}
.form-submit {
  width: 100%;
  text-align: center;
}
.form-submit button {
  margin: 5px auto;
  padding: 10px 60px;
  color: #fff;
  background: none transparent;
  border: 3px solid #fff;
  cursor: pointer;
}
#zone_6 .zone-bg-img {
  width: 110%;
  height: 110%;
}
@media (max-width: 850px) {
  .form-wrap {
    flex-direction: column;
  }
  .form-left,
  .form-right {
    width: 100%;
  }
  .form-right {
    padding-bottom: 20px;
    order: 0;
  }
  .form-left {order:1}
  .form-submit {order:2}
  .zone-13-bg-img {
    margin-top: -320px;
    object-fit: cover !important;
  }
}
@media (max-width: 768px) {
  #zone_6 .zone-content {
    padding: 60px 5% 60px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
  }
  .evolve img {
    width: 100%;
    max-width: 320px;
  }
  .evolve p {
    font-size: 1rem;
  }
  .form-row-2-col {
    flex-direction: column;
  }
  .form-row-2-col > div {
    width: 100%;
  }
  .form-left {
    padding: 0;
  }
  .form-right {
    padding: 0 0 20px;
  }
  #result_msg {
    width: 100%;
    padding: 20px 20px 30px;
    text-align: center;
    display:none;
  }
  #result_msg p {
    margin: 0 auto;
    padding: 30px 50px;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #fff;
  }
  #result_msg p.error-msg {
    color: #f33;
    border: 1px solid #f33;
  }
  #zone_6 .zone-bg-img img {
    width: 220%;
    max-width: 220%;
    margin-top: -5%;
    margin-left: -40%;
  }
  #zone_6 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 215%;
  }
  #zone_6 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 320px) and (max-width: 3000px) {
  .form-right p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (3000 - 320)));
  }
}

/* zone_7 Footer
--------------------------------------------- */
#zone_7 {
  background: #39106b;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
#zone_7 .zone-content-wrap {
  margin: 0 auto;
  padding: 100px 30px 80px;
  width: 100%;
  max-width: 1300px;
  color: #fff;
}
#zone_7 .footer > .flex_row > .col_50,
#zone_7 .footer > .flex_row > .col_100 {
  padding: 0 30px;
}
#zone_7 .footer h4 {
  margin-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
#zone_7 p {
  font-weight: 300;
  letter-spacing: normal;
}
#zone_7 .footer a {
  color: #fff;
  text-decoration: none;
}
#zone_7 .footer .disclaimer a:last-child {
  font-size: 0.85em;
  color: #bbb;
  text-transform: uppercase;
}
.exo-logos {
  padding: 100px 25px 0;
  text-align: center;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: nowrap;
  border-bottom: 1px solid #777;
}
.exo-logos a {
  object-fit: cover;
  display: inline-grid;
  padding: 0 5%;
}
.exo-logos img {
  height: 100%;
  height: 60px;
  width: auto;
  margin: 0 auto 15px;
}
.col_100.social {
  padding-top: 60px !important;
  padding-bottom: 20px !important;
  font-size: 2.5rem;
  text-align: center;
}
#zone_7 .footer .col_100.social a {
  color: #d5d5d5;
  display: inline-block;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#zone_7 .footer .col_100.social a:hover,
#zone_7 .footer .col_100.social a:focus {
  color: #fff;
}
#zone_7 .footer .col_100.social a:last-child {
  padding-left: 6px;
}
.added-disclaimer {
  padding: 50px 0 0;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footer-nav {
  padding-top: 30px;
  color: #b3b2b2;
  font-size: 0.8rem;
  text-align: center;
}
.footer-nav p {
  line-height: 1.6;
}
.footer-nav span {
  padding: 0 4px;
  display: inline-block;
}
#zone_7 .footer-nav a {
  color: #b3b2b2;
  -moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#zone_7 .footer-nav a:hover,
#zone_7 .footer-nav a:focus {
  color: #fff;
  font-weight: bold;
}
@media (max-width: 1200px) {
  .footer .col_50 > .flex_row .col_50 {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #zone_7 .zone-content-wrap {
    padding: 60px 30px 50px;
  }
  #zone_7 .footer > .flex_row > .col_50 {
    padding: 0;
    width: 100%;
  }
  .footer-contact-hdr {
    margin-top: 2em;
  }
  #zone_7 .footer > .flex_row > .col_50 {
    padding: 0;
    width: 100%;
  }
  #zone_7 .footer > .flex_row .col_100 {
    padding: 0;
  }
  .exo-logos {
    flex-wrap: wrap;
    padding: 60px 0 0;
    text-align: center;
    border-bottom: 1px solid #777;
  }
  .exo-logos a {
    width: 100%;
  }
  .exo-logos img {
    margin-bottom: 35px;
    max-width: 240px;
  }
  .footer-nav p span:nth-of-type(3) {
    height: 1px;
    color: #2e2e2e;
    display: block;
  }
}

/*** jquery modal ***/
.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 10000;
	padding: 30px;
  box-sizing: border-box;
  background: rgba(25,0,80,0.85);
  /*-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);*/
  text-align: center;
}
/*@supports ( (-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px)) ) {*/
@supports ( backdrop-filter: blur(6px) ) {
  .blocker {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
  }
}
@supports not ( backdrop-filter: blur(6px) ) {
  body.hasModal .content-wrapper {
    filter: blur(6px);
  }
  /*.blocker {
    background: rgba(25,0,80,0.9);
  }*/
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
  display: none;
  vertical-align: middle;
  z-index: 2;
  max-width: 900px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 50px;
  background: rgba(30, 0, 80, 0);
  text-align: left;
}
#vimeo-modal.modal {
  max-width: 100%;
}

.modal a.close-modal {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
	-moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.modal a.close-modal {
  display: none;
}
a.modal-close {
  display: none;
}
body.hasModal a.modal-close {
  display: block;
  z-index: 100000;
}
.modal-close {
	/*padding: 10px 18px;*/
  width: 60px;
  height: 60px;
	display: flex;
  justify-content: center;
  align-items: center;
	font-size: 1.5rem;
	font-weight: 900;
	text-decoration: none;
	color: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
	background: transparent;
	right: 35px;
	top: 20px;
	position: fixed;
  opacity: 0.6;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-close:hover,
.modal-close:focus {
  opacity: 1;
}
.modal-close span {
  width: 35px;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 12px;
  top: 28px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.modal-close span:nth-child(1) {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}
.modal-close span:nth-child(2) {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}
@media (max-width: 900px) {
  .modal {
    width: 100%;
    padding: 50px 20px;
  }
}
@media (max-width: 768px) {
  .modal {
    padding: 50px 10px 50px 0;
  }
  .modal-close {
    width: 30px;
    height: 30px;
    right: 20px;
  }
  .modal-close span {
    width: 18px;
    left: 5px;
    top: 13px;
  }
}

/*** modal content ***/
.more-content {
  color: #fff;
  font-weight: 300;
}
.more-content p {
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: normal;
}
.more-content strong {
  font-weight: 700;
}
.more-content-heading {
  padding: 0.7em 0 0.3em;
  text-align: center;
}
.more-content-heading h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 42px;
  letter-spacing: 0.47em;
}
.more-content-heading h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
.more-content-heading h2 span,
.more-content-heading h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
@media (min-width: 320px) and (max-width: 3000px) {
  .more-content-heading h2 {
    font-size: calc(28px + (42 - 28) * ((100vw - 320px) / (2000 - 320)));
  }
  .more-content-heading h3 {
    font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (2000 - 320)));
  }
}
.more-content-heading sup {
  font-size: 0.4em;
  letter-spacing: 2px;
  top: -1.3em;
  left: -0.9em;
}
.more-content-subheading {
  padding: 0.7em 0 0.3em;
  text-align: center;
}
.more-content-subheading h3,
.more-content-subheading h4 {
  margin: 0;
  padding: 0.7em 0 0.3em;
  text-align: center;
  font-weight: 400;
  line-height: 1.4;
}
.more-content-subheading h3 {
  font-size: 24px;
}
.more-content-subheading h4 {
  font-size: 21px;
}
.more-content-subheading p {
  font-size: 18px;
}
.arrow-list {
  margin: 1em;
  padding: 0;
  list-style-type: none;
}
.arrow-list li {
  padding: 0.3em 0 0.3em 1.5em;
  text-align: left;
  font-weight: 300;
  line-height: 1.4;
  position: relative;
}
.arrow-list li:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  left: 0.2em;
  top: 1.1em;
  position: absolute;
  background: #fff;
}
.faq-wrap {
  margin: 0 auto;
  max-width: 600px;
  padding-top: 1.5rem;
}
.faq {
  padding: 8px 0 15px;
}
.faq > div {
  padding: 5px 0 5px 28px;
  display: flex;
  position: relative;
}
.faq span {
  font-size: 1.2em;
  left: 0;
  top: 4px;
  position: absolute;
  font-weight: bold;
  opacity: 0.5;
}
.faq-q {
  font-weight: bold;
}
@media (max-width: 500px) {
  .more-content-subheading h3 {
    font-size: 21px;
  }
  .more-content-subheading h4 {
    font-size: 18px;
  }
  .more-content-subheading p {
    font-size: 15px;
  }
}