/*! 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 */
}

/*** custom icons ***/
@font-face {
  font-family: 'exo';
  src: url('../fonts/exo.eot?63659650');
  src: url('../fonts/exo.eot?63659650#iefix') format('embedded-opentype'),
       url('../fonts/exo.woff2?63659650') format('woff2'),
       url('../fonts/exo.woff?63659650') format('woff'),
       url('../fonts/exo.ttf?63659650') format('truetype'),
       url('../fonts/exo.svg?63659650#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?63659650#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-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;
}
.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: 10px 35px;
  background: none;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  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;
}
.nav-logo a {
  width: 100%;
}
.nav-menus {
  width: 73%;
  display: flex;
  justify-content: space-between;
}
.nav-wrap a {
  padding: 1em;
  color: #fff;
  text-decoration: none;
  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;
}
.nav-wrap a:hover,
.nav-wrap a:active {
  color: #d04bc8;
  font-weight: 700 !important;
}

/* mobile-nav */
/*.mobile-nav button.open-icon:before {
  content: 'MENU';
  color: #fff;
  font-size: 0.85em;
  left: -48px;
  top: 2px;
  position: absolute;
  display: block;
}*/
.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);
}
.nav-menu {
  height: auto;
  max-height: 0px;
  float: none;
  display: block;
  overflow: hidden;
  -moz-transition: max-height 0.75s ease-in-out;
  -webkit-transition: max-height 0.75s ease-in-out;
  transition: max-height 0.75s ease-in-out;
}
.mobile-nav .menu-container {
  top: -20px;
  left: 0;
  right: 0;
  width: 100%;
  position: absolute;
  padding: 0;
  max-height: 0;
  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: 12% 0 10%;
  max-height: 800px;
  -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.5;
  text-align: left;
}
.zone-bg-img {
  top: 0;
  width: 100%;
  bottom: 0;
  position: absolute;
}
.zone-bg-img-wrap {
  font-size: 0;
  position: relative;
}
@media (max-width: 500px) {
  .zone-content {
    padding: 0 10%;
  }
}

/* zone_1 - intro hero
--------------------------------------------- */
#zone_1 {
  overflow: hidden;
  background: #300c5f;
  position: relative;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.75);
  z-index: 1;
}
#zone_1:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 62%; /* 62.53 = 3000x1876 */
  display: block;
}
#zone_1 .zone-content {
  z-index: 2;
}
.honeycomb {
  width: 18.6%;
  top: -3%;
  left: 50%;
  margin-left: -12%;
  position: absolute;
  z-index: 1;
  opacity: 0.7;
}
.zone-1-heading {
  margin-top: 7%;
  font-family: 'abeatbyKai', sans-serif;
  text-align: center;
  color: #fff;
  z-index: 2;
}
.zone-1-heading h3 {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.5em;
}
.zone-1-heading h3 span {
  display:inline-block;
  margin-right: -0.5em;
}
.zone-1-heading h1 {
  margin: 0;
  font-size: 90px;
  letter-spacing: 0.47em;
  padding: 0.3em 0 0.1em;
  margin-right: -0.47em;
}
.zone-1-heading h2 {
  margin: 0;
  font-size: 64px;
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}
@media (min-width: 320px) and (max-width: 3000px) {
  .zone-1-heading h3 {
    font-size: calc(10px + (18 - 10) * ((100vw - 320px) / (3000 - 320)));
  }
	.zone-1-heading h1 {
		font-size: calc(21px + (90 - 21) * ((100vw - 320px) / (3000 - 320)));
	}
  .zone-1-heading h2 {
    font-size: calc(14px + (64 - 16) * ((100vw - 320px) / (3000 - 320)));
  }
}
@media (max-width: 1400px) {
  .honeycomb {
    width: 24%;
    top: -12%;
    left: 47%;
  }
}
@media (max-width: 1100px) {
  #zone_1:before {
    padding-top: 76%; /* 62.53 = 3000x1876 */
  }
  .honeycomb {
    width: 30%;
    top: -18%;
    left: 43%;
  }
  #zone_1 .zone-bg-img {
    width: 130%;
  }
  #zone_1 .zone-bg-img img {
    margin-top: -2%;
  }
}
@media (max-width: 960px) {
  .zone-1-heading {
    padding-top: 10%;
  }
}
@media (max-width: 768px) {
  .honeycomb {
    width: 32%;
    top: -18%;
    left: 44%;
  }
}
@media (max-width: 500px) {
  .nav-logo {
    width: 100px;
  }
  #zone_1:before {
    padding-top: 100%; /* 62.53 = 3000x1876 */
  }
  .zone-1-heading {
    padding-top: 10%;
  }
  .honeycomb {
    display: none;
  }
  #zone_1 .zone-bg-img {
    width: 160%;
  }
  #zone_1 .zone-bg-img img {
    margin-top: -3%;
  }
}

/* zone_1-2 - our mission
--------------------------------------------- */
#zone_1-2 {
  overflow: hidden;
  background: #050018;
  position: relative;
  box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.5);
  z-index: 2;
}
#zone_1-2:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 57%; /* 58.33% = 3000x1750 */
  display: block;
}
.zone-1-2-bg-img {
  margin-top: -55%;
}
#zone_1-2 .zone-content {
  padding-top: 45px;
  padding-bottom: 45px;
  font-weight: 300;
}
.mission-logo {
  padding-top: 20px;
  padding-bottom: 10px;
}
.mission-logo img {
  width: 40%;
  max-width: 400px;
  min-width: 180px;
}
#zone_1-2 .zone-text {
  margin: 0 auto;
  width: 80%;
  max-width: 800px;
}
#zone_1-2 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.25em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 72px;
  letter-spacing: 0.47em;
}
#zone_1-2 .zone-text h3 {
  margin-top: 0;
  margin-bottom: 3em;
  padding-left: 0.25em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_1-2 .zone-text h2 span,
#zone_1-2 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_1-2 .zone-text h2 {
		font-size: calc(21px + (72 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_1-2 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 1200px) {
  #zone_1-2 .zone-bg-img img {
    margin-top: -1.5%;
  }
}
@media (max-width: 1000px) {
  .mission-logo img {
    width: 30%;
    max-width: 400px;
    min-width: 120px;
  }
  #zone_1-2 .zone-bg-img img {
    width: 115%;
  }
}
@media (max-width: 850px) {
  #zone_1-2 .zone-text {
    width: 100%;
    max-width: 100%;
  }
  #zone_1-2 .zone-bg-img {
    width: 120%;
  }
}
@media (max-width: 650px) {
  #zone_1-2 .zone-bg-img {
    width: 180%;
  }
}
@media (max-width: 500px) {
  #zone_1-2.zone {
    align-items: flex-start;
  }
  #zone_1-2:before {
    padding-top: 120%;
  }
  #zone_1-2 .zone-content {
    padding: 50px 10%;
  }
  #zone_1-2 .zone-bg-img {
    width: 300%;
  }
  #zone_1-2 .zone-bg-img img {
    opacity: 0.9;
  }
}

/* zone_2 - exosomal innovation
--------------------------------------------- */
#zone_2 {
  overflow: hidden;
  background: #050018;
  position: relative;
}
#zone_2:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 56%; /* 58.33% = 3000x1750 */
  display: block;
}
.zone-2-bg-img {
  margin-top: -55%;
}
#zone_2 .zone-content {
  font-weight: 300;
}
.zone-2-images {
  position: relative;
  width: 100%;
}
.zone-2-md-rx {
  width: 85%;
  margin-left: -5%;
  padding-top: 5%;
}
#zone_2 .zone-text {
  padding: 50px 5% 50px 15%;
  max-width: 900px;
}
#zone_2 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.25em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 72px;
  letter-spacing: 0.47em;
}
#zone_2 .zone-text h3 {
  margin-top: 0;
  margin-bottom: 3em;
  padding-left: 0.25em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  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;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_2 .zone-text h2 {
		font-size: calc(21px + (72 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_2 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}
@media (max-width: 1400px) {
  #zone_2:before {
    padding-top: 55%; /* 58.33% = 3000x1750 */
  }
  #zone_2 .zone-text {
    padding: 50px 0 50px 5%;
  }
}
@media (max-width: 1200px) {
  #zone_2 .zone-bg-img {
    width: 120%;
  }
}
@media (max-width: 960px) {
  #zone_2 .zone-content {
    flex-direction: column;
  }
  #zone_2 .zone-left,
  #zone_2 .zone-right {
    width: 80%;
  }
  .zone-2-md-rx {
    padding: 10% 12% 0;
    margin: 0 auto;
  }
  #zone_2 .zone-text {
    padding: 0 0 10%;
  }
  #zone_2 .zone-bg-img {
    width: 180%;
    opacity: 0.8;
  }
}
@media (max-width: 850px) {
  #zone_2 .zone-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .zone-2-md-rx {
    padding: 0 12%;
    margin: 0 auto;
  }
  #zone_2 .zone-right {
    width: 100%;
  }
  #zone_2 .zone-text {
    padding: 0;
  }
  #zone_2 .zone-bg-img {
    width: 220%;
  }
}
@media (max-width: 650px) {
  #zone_2 .zone-bg-img {
    width: 260%;
  }
}
@media (max-width: 500px) {
  #zone_2 .zone-content {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .zone-2-md-rx {
    width: 140%;
    padding: 15% 0 0;
    margin-left: -35%;
  }
  #zone_2 .zone-bg-img {
    width: 350%;
    opacity: 0.7;
  }
  #zone_2 .zone-bg-img-wrap img {
    width: 120%;
    max-width: 120%;
  }
}

/* zone_2-5 - wound healing
--------------------------------------------- */
#zone_2-5 {  
  overflow: hidden;
  background: #250a48;
  position: relative;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
  z-index: 1;
  margin-bottom: -1px;
}
#zone_2-5:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 56%; /* 56.9% = 3000x1707 */
  display: block;
}
#zone_2-5 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #250a48;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_2-5 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_2-5.zone-6-show .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
}
#zone_2-5 .zone-bg-img:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 56%;
}
#zone_2-5 .zone-bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100%;*/
}
#zone_2-5 .zone-bg-img img {
  width: 108%;
  max-width: 108%;
  margin-left: -4%;
}
#zone_2-5 .zone-content {
  padding-top: 60px;
  padding-bottom: 60px;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_2-5 .zone-text {
  padding: 0 12%;
  position: relative;
  z-index: 10;
}
#zone_2-5 .zone-left {
  position: relative;
  z-index: 10;
}
#zone_2-5 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 60px;
  letter-spacing: 0.47em;
}
#zone_2-5 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_2-5 .zone-text h2 span,
#zone_2-5 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_2-5 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
@media (min-width: 320px) and (max-width: 3000px) {
	#zone_2-5 .zone-text h2 {
		font-size: calc(21px + (60 - 21) * ((100vw - 320px) / (2400 - 320)));
	}
  #zone_2-5 .zone-text h3 {
		font-size: calc(10px + (16 - 10) * ((100vw - 320px) / (2400 - 320)));
	}
}

@media (max-width: 1400px) {
  #zone_2-5 .zone-bg-img img {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
  }
  #zone_2-5 .zone-text {
    padding: 0 5% 0 0;
  }
}
/*@media (max-width: 1250px) {
  #zone_2-5 .zone-bg-img img {
    width: 120%;
    max-width: 120%;
    margin-left: -5%;
  }
}*/
@media (max-width: 1150px) {
  #zone_2-5 .zone-content {
    flex-wrap: wrap;
  }
  #zone_2-5 .zone-text {
    padding: 90% 0 5%;
  }
  #zone_2-5 .zone-left {
    width: 80%;
  }
  /*#zone_2-5 .zone-text h2 {
    margin-top: -10px;
    font-size: 26px;
  }
  #zone_2-5 .zone-text h3 {
    font-size: 13px;
  }*/
  #zone_2-5 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(37,10,72);
    background: linear-gradient(0deg, rgba(37,10,72,1) 0%, rgba(37,10,72,0) 40%, rgba(37,10,72,0) 100%);
  }
  #zone_2-5 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_2-5 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #zone_2-5 .zone-bg-img {
    top: -2%;
  }
  #zone_2-5 .zone-bg-img img {
    width: 140%;
    max-width: 140%;
    margin-top: 5%;
    margin-left: -40%;
  }
}
@media (max-width: 850px) {
  #zone_2-5 .zone-left {
    width: 100%;
  }
  #zone_2-5 .zone-text {
    padding: 70% 0 0;
  }
  #zone_2-5 .zone-bg-img img {
    margin-top: 0;
  }
}
@media (max-width: 600px) {
  #zone_2-5 .zone-bg-img img {
    width: 200%;
    max-width: 200%;
    margin-top: 15%;
    margin-left: -85%;
  }
}
@media (max-width: 500px) {
  #zone_2-5 .zone-bg-img img {
    margin-top: 5%;
  }
}

/* zone_3 - md and rx products
--------------------------------------------- */
#zone_3 {
  overflow: hidden;
  background: #fff;
  background-image: url('../images/quad-3-bg2-evo.jpg');
  background-repeat: no-repeat;
  /*background-size: 53%;
  background-position: top left;*/
  background-size: 50%;
  background-position: 50px -80px;
  position: relative;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
  z-index: 1;
}
#zone_3:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 61%; /* 58.33% = 3000x1750 */
  display: block;
}
#zone_3 .zone-content {
  padding-top: 5%;
  padding-bottom: 5%;
  align-items: flex-start;
}
#zone_3 .zone-left,
#zone_3 .zone-right {
  padding-top: 4%;
  padding-bottom: 2%;
  flex-direction: column;
}
.zone-3-image {
  width: 100%;
  padding: 0 10%;
}
#zone_3 .zone-3-image:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 80%;
}
#zone_3 .zone-bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
#zone_3 .zone-left .zone-bg-img-wrap {
  padding-top: 5%;
}
.zone-3-image img {
  max-width: 75%;
}
#zone_3 .zone-text {
  padding: 10px 10% 0;
  color: #000;
}
#zone_3 .zone-text h2,
#zone_3 .zone-text h3 {
  color: #260a4c;
}
#zone_3 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 30px;
  letter-spacing: 0.47em;
}
#zone_3 .zone-text h3 {
  margin-top: 0;
  margin-bottom: 1em;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  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;
}

@media (max-width: 960px) {
  #zone_3 .zone-text {
    padding: 10% 5% 0;
  }
}
@media (max-width: 850px) {
  #zone_3 {
    background-size: 120%;
  }
  #zone_3 .zone-content {
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .zone-3-image {
    padding: 0;
  }
  .zone-3-image img {
    max-width: 60%;
  }
  #zone_3 .zone-3-image:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_3 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #zone_3 .zone-left, 
  #zone_3 .zone-right {
    width: 100%;
  }
  .zone-3-image {
    padding-left: 20%;
    padding-right: 20%;
  }
  #zone_3 .zone-right {
    padding-top: 10%;
  }
  #zone_3 .zone-right .zone-3-image img {
    margin-top: 0;
  }
  #zone_3 .zone-left .zone-text {
    padding: 5% 0 0;
  }
  #zone_3 .zone-right .zone-text {
    padding: 0;
  }
}
@media (max-width: 500px) {
  #zone_3 .zone-right {
    padding-top: 40%;
  }
  /*#zone_3 .zone-right .zone-text {
    padding: 5% 0 0;
  }*/
  #zone_3 .zone-right img {
    margin-top: 10%;
  }
  #zone_3 .zone-text h2 {
    margin-top: 0;
  }
  .zone-3-image {
    padding-left: 0;
    padding-right: 0;
  }
  .zone-3-image img {
    max-width: 100%;
  }
}

/* zone_4 - exosomal highlights
--------------------------------------------- */
#zone_4 {  
  overflow: hidden;
  background: #fff;
  background-image: url('../images/quad-4-bg.jpg');
  background-repeat: no-repeat;
  background-size: 52%;
  background-position: top right;
  position: relative;
}
#zone_4 .zone-left,
#zone_4 .zone-right {
  padding: 7% 0;
  flex-direction: column;
  position: relative;
  overflow: visible;
}
.zone-4-image {
  width: 75%;
  padding: 10%;
  position: relative;
}
#zone_4 .zone-text {
  padding: 0 15%;
  color: #000;
}
#zone_4 .zone-text h2,
#zone_4 .zone-text h3 {
  color: #260a4c;
}
#zone_4 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 32px;
  letter-spacing: 0.47em;
}
#zone_4 .zone-text h3 {
  margin: 0;
  padding: 1em 0 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_4 .zone-text h2 span,
#zone_4 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_4 .zone-4-image:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 101%;
}
#zone_4 .zone-4-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-image-shadow {
  width: 50%;
  height: 30px;
  background: rgba(0,0,0,0);
  box-shadow: 0px 80px 20px 0px rgba(0,0,0,0.4);
  border-radius: 50%;
  display: block;
  left: 50%;
  margin-left: -25%;
  bottom: 160px;
  position: absolute;
}
.main-image-shadow:after {
  content: '';
  width: 50%;
  height: 10px;
  background: rgba(0,0,0,0);
  box-shadow: 0px 40px 20px 0px rgba(0,0,0,1);
  border-radius: 50%;
  display: block;
  left: 50%;
  margin-left: -25%;
  bottom: -30px;
  position: absolute;
}
.ball-highlights {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.ball-highlight {
  width: 17%;
  color: #260a4c;
  text-align: center;
  font-weight: bold;
  position: absolute;
}
.ball-highlight-image {
  width: 100%;
  height: 100%;
  background: #a359ca;
  border-radius: 50%;
  border: 1px solid #fff;
  position: relative;
}
.ball-highlight-image:before {
  content: '';
  width: 1px;
  padding-top: 100%;
  display: block;
  position: relative;
}
.ball-highlight-1 {
  top: -50px;
  right: 90%;
  position: absolute;
}
.ball-highlight-1 .ball-highlight-image {
  background-image: url(../images/ball-highlight-1-bg.jpg);
  background-size: cover;
  box-shadow: 10px 15px 30px 5px rgba(0,0,0,0.6);
}
.ball-highlight-1 .ball-highlight-text {
  width: 120px;
  top: 40%;
  right: calc(100% + 15px);
  position: absolute;
}
.ball-highlight-2 {
  top: 50%;
  left: -24%;
  position: absolute;
}
.ball-highlight-2 .ball-highlight-image {
  background-image: url(../images/ball-highlight-2-bg.jpg);
  background-size: cover;
  box-shadow: 15px 0px 30px 5px rgba(0,0,0,0.6);
}
.ball-highlight-2 .ball-highlight-text {
  width: 100px;
  top: 107%;
  right: 60%;
  position: absolute;
}
.ball-highlight-3 {
  width: 22%;
  bottom: 5%;
  right: 34%;
  position: absolute;
}
.ball-highlight-3 .ball-highlight-image {
  background-image: url(../images/ball-highlight-3-bg.jpg);
  background-size: cover;
  box-shadow: 15px 6px 30px 5px rgba(0,0,0,0.6);
}
.ball-highlight-3 .ball-highlight-text {
  width: 100px;
  top: 70%;
  right: -95px;
  position: absolute;
}
@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-30px);
	}
	100% {
		transform: translatey(0px);
	}
}
@keyframes shadow {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}
#zone_4.in-view .zone-4-image img {
  transform: translatey(0px);
	animation: float 5s ease-in-out infinite;
}
#zone_4.in-view .main-image-shadow {
  animation: shadow 5s ease-in-out infinite;
}
@media (max-width: 1400px) {
  #zone_4 .zone-text {
    padding-left: 0;
  }
}
@media (max-width: 1150px) {
  #zone_4 {
    background-size: cover;
  }
  #zone_4 .zone-content {
    flex-direction: column;
  }
  #zone_4 .zone-left {
    padding-top: 0;
    order: 2;
    width: 80%;
  }
  #zone_4 .zone-left .zone-text {
    padding: 0;
  }
  #zone_4 .zone-right {
    order: 1;
    width: 60%;
    margin: 8% 0 0 12%;
  }
  .main-image-shadow {
    bottom: 120px;
  }
}
@media (max-width: 850px) {
  #zone_4 .zone-left {
    width: 100%;
  }
  #zone_4 .zone-right {
    width: 80%;
  }
}
@media (max-width: 500px) {
  #zone_4 {
    background-size: contain;
  }
  #zone_4 .zone-content {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #zone_4 .zone-text h2 {
    font-size: 28px;
  }
  #zone_4 .zone-text h3 {
    padding: 1em 0 0.5em;
    font-size: 10px;
  }
  .zone-4-image {
    padding: 0;
    width: 100%;
  }
  .ball-highlights {
    top: -35%;
    transform: none !important;
  }
  .ball-highlight {
    font-size: 0.7rem;
  }
  .ball-highlight-1 {
    top: 25%; /* -17 */
    right: 72%;
  }
  .ball-highlight-1 .ball-highlight-text {
    width: 70px;
  }
  .ball-highlight-2 {
    top: 70%; /* 55% */
    left: -10%; /* 0 */
  }
  .ball-highlight-2 .ball-highlight-text {
    width: 70px;
  }
  .ball-highlight-3 {
    bottom: -33%; /* 15% */
    right: 18%; /* 18% */
  }
  .ball-highlight-3 .ball-highlight-text {
    width: 70px;
    top: 42%;
    right: -85px;
  }
  .main-image-shadow {
    bottom: 90px;
  }
}

/* zone_5 - skin layer
--------------------------------------------- */
#zone_5 {  
  overflow: hidden;
  background: #250a48;
  position: relative;
}
#zone_5:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  /*max-height: 800px;*/
  padding-top: 50%; /* 56.07% = 3000x1682 */
  display: block;
}
#zone_5 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #250a48;
  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: 5%;
  padding-bottom: 5%;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_5 .zone-left {
  align-items: unset;
}
#zone_5 .main-image {
  width: 102%;
  height: 102%;
  left: -1%;
  top: -1%;
}
.zone-5-bg-img {
  margin-top: -40%;
}
#zone_5 .zone-text {
  padding: 0 15%;
}
#zone_5 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 32px;
  letter-spacing: 0.47em;
}
#zone_5 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_5 .zone-text h2 span,
#zone_5 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_5 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
.stratum-overtext {
  font-size: 0.9rem;
  text-align: center;
  color: #fff;
  top: 30%;
  left: 22.5%;
  position: absolute;
  z-index: 2;
}
.dermis-overtext {
  font-size: 0.9rem;
  text-align: center;
  color: #fff;
  top: 84%;
  left: 45%;
  position: absolute;
  z-index: 2;
}
.zone-5-exosomes-ball {
  width: 33%;
  margin-left: 50%;
  margin-top: 32%;
}
@media (max-width: 1400px) {
  .zone-5-exosomes-ball {
    margin-top: 42%;
  }
  #zone_5 .zone-text {
    padding-right: 0;
  }
}
@media (max-width: 1350px) {
  .zone-5-exosomes-ball {
    margin-top: 42%;
  }
}
@media (max-width: 1150px) {
  #zone_5 .zone-content {
    flex-wrap: wrap;
    padding-top: 55%;
    padding-bottom: 8%;
  }
  #zone_5 .zone-right {
    margin: 0 auto;
    width: 80%;
  }
  #zone_5 .zone-right .zone-text {
    padding: 0;
  }
  .zone-5-exosomes-ball {
    width: 40%;
    margin-left: 42%;
    margin-top: -70%;
  }
  .stratum-overtext {
    top: 15%;
    right: 55%;
    left: auto;
  }
  .dermis-overtext {
    top: 55%;
    left: 75%;
  }
  #zone_5 .zone-bg-img img {
    width: 150%;
    max-width: 150%;
    margin-top: -10%;
  }
}
@media (max-width: 1000px) {
  .stratum-overtext {
    top: 12%;
  }
  .dermis-overtext {
    top: 50%;
  }
}
@media (max-width: 850px) {
  .stratum-overtext {
    top: 12%;
  }
  .dermis-overtext {
    top: 49%;
  }
  #zone_5 .zone-right {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #zone_5 .zone-right {
    width: 100%;
  }
  #zone_5 .zone-content {
    padding-top: 76%;
    padding-bottom: 45px;
  }
  #zone_5 .zone-left {
    height: 0;
  }
  #zone_5 .zone-text h2 {
    padding-top: 10px;
    font-size: 26px;
  }
  #zone_5 .zone-text h3 {
    font-size: 13px;
  }
  .stratum-overtext {
    top: 22%;
    right: 55%;
    left: auto;
  }
  .dermis-overtext {
    top: 73%;
    left: 80%;
  }
  .zone-5-exosomes-ball {
    width: 65%;
    margin-left: auto;
    margin-right: -18%;
    margin-top: -115%;
  }
  #zone_5 .zone-bg-img {
    margin-top: -16%;
    bottom: auto;
  }
  #zone_5 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_5 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #zone_5 .zone-bg-img img {
    width: 200%;
    max-width: 200%;
    margin-left: -14%;
  }
}
@media (max-width: 600px) {
  .stratum-overtext {
    right: 55%;
  }
}
@media (max-width: 500px) {
  .stratum-overtext {
    top: 20%;
  }
  .dermis-overtext {
    top: 74%;
  }
  .zone-5-exosomes-ball {
    margin-top: -125%;
  }
}

/* zone_6 - skin meets science
--------------------------------------------- */
#zone_6 {  
  overflow: hidden;
  background: #250a48;
  position: relative;
  box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.3);
  z-index: 1;
  margin-bottom: -1px;
}
#zone_6:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 56%; /* 56.9% = 3000x1707 */
  display: block;
}
#zone_6 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #250a48;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_6 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_6.zone-6-show .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
}
#zone_6 .zone-bg-img:after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
  padding-bottom: 56%;
}
#zone_6 .zone-bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*height: 100%;*/
}
#zone_6 .zone-bg-img img {
  width: 108%;
  max-width: 108%;
  margin-left: -4%;
}
#zone_6 .zone-content {
  padding-top: 60px;
  padding-bottom: 60px;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_6 .zone-text {
  padding: 0 12%;
  position: relative;
  z-index: 10;
}
#zone_6 .zone-left {
  position: relative;
  z-index: 10;
}
#zone_6 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 32px;
  letter-spacing: 0.47em;
}
#zone_6 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_6 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_6 .zone-text p:first-of-type {
  margin-top: 1.8em;
}
.random-spec-images {
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  position:absolute;
  z-index: 1;
}
.random-spec {
  width: 17%;
  color: #fff;
  text-align: center;
  position: absolute;
}
.random-spec-image {
  width: 100%;
  height: 100%;
  background: #ffd9aa;
  border-radius: 50%;
  border: 1px solid #fff;
  position: relative;
}
.random-spec-image:before {
  content: '';
  width: 1px;
  padding-top: 100%;
  display: block;
  position: relative;
}
.random-spec-1 {
  top: 12%;
  right: 72%;
  position: absolute;
}
.random-spec-1 .random-spec-image {
  background-image: url(../images/quad-6-random-1.jpg);
  background-size: cover;
  box-shadow: 10px 15px 30px 5px rgba(0,0,0,0.6);
}
.random-spec-1 .random-spec-text {
  width: 150px;
  top: 40%;
  left: calc(100% + 15px);
  position: absolute;
}
.random-spec-2 {
  top: 60%;
  right: 34%;
  position: absolute;
}
.random-spec-2 .random-spec-image {
  background-image: url(../images/quad-6-random-2.jpg);
  background-size: cover;
  box-shadow: 10px 15px 30px 5px rgba(0,0,0,0.6);
}
.random-spec-2 .random-spec-text {
  width: 130px;
  top: 40%;
  right: calc(100% + 15px);
  position: absolute;
}
@media (max-width: 1400px) {
  #zone_6 .zone-bg-img img {
    width: 110%;
    max-width: 110%;
    margin-left: -5%;
  }
  #zone_6 .zone-text {
    padding: 0 5% 0 0;
  }
}
@media (max-width: 1250px) {
  .random-spec-1 {
    top: 16%;
    right: 60%;
  }
  .random-spec-2 {
    top: 65%;
    right: 20%;
  }
  #zone_6 .zone-bg-img img {
    width: 120%;
    max-width: 120%;
    margin-left: -5%;
  }
}
@media (max-width: 1150px) {
  #zone_6 .zone-content {
    flex-wrap: wrap;
  }
  #zone_6 .zone-text {
    padding: 90% 0 0;
  }
  #zone_6 .zone-left {
    width: 80%;
  }
  #zone_6 .zone-text h2 {
    margin-top: -10px;
    font-size: 26px;
  }
  #zone_6 .zone-text h3 {
    font-size: 13px;
  }
  .random-spec {
    width: 20%;
    font-size: 1rem;
  }
  .random-spec-1 {
    top: 6%;
    right: 87%;
  }
  .random-spec-1 .random-spec-text {
    width: 180px;
    left: calc(100% + 1px);
  }
  .random-spec-2 {
    display: flex;
    top: 36%;
    right: 43%;
  }
  .random-spec-2 .random-spec-text {
    width: 160px;
    right: calc(100% + 1px);
  }
  #zone_6 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(37,10,72);
    background: linear-gradient(0deg, rgba(37,10,72,1) 0%, rgba(37,10,72,0) 40%, rgba(37,10,72,0) 100%);
  }
  #zone_6 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_6 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #zone_6 .zone-bg-img {
    top: -2%;
  }
  #zone_6 .zone-bg-img img {
    width: 130%;
    max-width: 130%;
    margin-top: 5%;
    margin-left: -25%;
  }
}
@media (max-width: 950px) {
  .random-spec-2 {
    top: 30%;
  }
}

@media (max-width: 850px) {
  #zone_6 .zone-left {
    width: 100%;
  }
  #zone_6 .zone-text {
    padding: 70% 0 0;
  }
  .random-spec-2 {
    top: 30%;
  }
}
@media (max-width: 600px) {
  .random-spec-1 {
    top: 6%;
    right: 100%;
  }
  .random-spec-2 {
    top: 28%;
  }
  #zone_6 .zone-bg-img img {
    width: 160%;
    max-width: 160%;
    /*margin-top: 15%;*/
    margin-left: -50%;
  }
}
@media (max-width: 500px) {
  .random-spec {
    font-size: 0.8rem;
  }
  .random-spec-1 {
    top: 3%;
  }
  .random-spec-1 .random-spec-text {
    width: 150px;
  }
  .random-spec-2 {
    top: 18%;
  }
  .random-spec-2 .random-spec-text {
    width: 130px;
  }
  #zone_6 .zone-bg-img img {
    margin-top: 15%;
  }
}

/* zone_6-5 - gold brain layer
--------------------------------------------- */
#zone_6-5 {  
  overflow: hidden;
  background: #1d073a;
  position: relative;
}
#zone_6-5:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  /*max-height: 800px;*/
  padding-top: 58%; /* 56.07% = 3000x1682 */
  display: block;
}
#zone_6-5 div.main-image-overlay {
  content: '';
  top: 0;
  bottom: 0;
  width: 100%;
  background: #1d073a;
  display: block;
  position: absolute;
  z-index: 1;
}
#zone_6-5 .main-image-overlay {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
}
#zone_6-5.in-view .main-image-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_6-5 .zone-content {
  padding-top: 5%;
  padding-bottom: 5%;
  align-items: unset;
  position: relative;
  z-index: 2;
}
#zone_6-5 .zone-left {
  align-items: unset;
}
#zone_6-5 .main-image {}
#zone_6-5 .zone-bg-img {
  margin-top: -2.5%;
}
#zone_6-5 .zone-text {
  padding: 0 0 0 28%;
}
#zone_6-5 .zone-text h2 {
  margin-bottom: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 32px;
  letter-spacing: 0.47em;
}
#zone_6-5 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_6-5 .zone-text h2 span,
#zone_6-5 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
.random-spec2-images {
  top: 0;
  left: 33%;
  width: 45%;
  height: 100%;
  position:absolute;
  z-index: 1;
}
.random-spec2 {
  width: 17%;
  color: #fff;
  text-align: center;
  position: absolute;
}
.random-spec2-image {
  width: 100%;
  height: 100%;
  background: #ffd9aa;
  border-radius: 50%;
  border: 1px solid #fff;
  position: relative;
}
.random-spec2-image:before {
  content: '';
  width: 1px;
  padding-top: 100%;
  display: block;
  position: relative;
}
.random-spec2-1 {
  top: 12%;
  right: 72%;
  position: absolute;
}
.random-spec2-1 .random-spec2-image {
  background-image: url(../images/quad-6-5-random.jpg);
  background-size: cover;
  box-shadow: 10px 15px 30px 5px rgba(0,0,0,0.6);
}
.random-spec2-1 .random-spec2-text {
  width: 120px;
  top: 47%;
  left: calc(100% + 24px);
  position: absolute;
  text-align: left;
}
@media (max-width: 1150px) {
  #zone_6-5 .zone-content {
    flex-wrap: wrap;
  }
  #zone_6-5 .zone-text {
    padding: 85% 0 40px;
  }
  #zone_6-5 .zone-left,
  #zone_6-5 .zone-right {
    width: 80%;
  }
  #zone_6-5 .zone-bg-img img {
    width: 120%;
    max-width: 120%;
  }
  .random-spec2-images {
    left: 50%;
  }
  .random-spec2-1 {
    top: 22%;
  }
}
@media (max-width: 850px) {
  #zone_6-5 .zone-right {
    width: 100%;
  }
  #zone_6-5 .zone-text {
    padding: 75% 0 40px;
  }
}
@media (max-width: 600px) {
  .random-spec2-images {
    left: 45%;
  }
  .random-spec2 {
    width: 25%;
  }
  .random-spec2-1 {
    top: 8%;
  }
  .random-spec2-1 .random-spec2-text {
    font-size: 0.875rem;
    width: 150px;
    top: 40%;
    left: calc(100% + 15px);
    position: absolute;
  }
  #zone_6-5 .zone-text {
    padding: 70% 0 40px;
  }
  #zone_6-5 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_6-5 .zone-bg-img img {
    margin-top: -1px;
  }
}
@media (max-width: 500px) {
  #zone_6-5 .zone-text h2 {
    font-size: 26px;
  }
  #zone_6-5 .zone-text {
    padding: 80% 0 40px;
  }
  .random-spec2-images {
    left: 42%;
  }
  .random-spec2-1 {
    top: 5%;
  }
  /*#zone_6-5 .zone-bg-img img {
    margin-top: 18%;
  }*/
}

/* zone_7 - the biologic evolution
--------------------------------------------- */
#zone_7 {  
  overflow: hidden;
  background: rgb(245,245,245);
  /*background: -moz-linear-gradient(180deg, rgba(245,245,245,1) 40%, rgba(140,140,140,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(245,245,245,1) 40%, rgba(140,140,140,1) 100%);*/
  background: linear-gradient(180deg, rgba(245,245,245,1) 50%, rgba(140,140,140,1) 100%);
  position: relative;
}
#zone_7 .zone-content {
  margin: 0 auto;
  max-width: calc(1500px + 10%);
  align-items: unset;
  position: relative;
}
#zone_7 .zone-left {
  flex-direction: column;
  overflow: visible;
}
.gold-brush {
  top: 15%;
  left: 0;
  width: 70%;
  position: absolute;
}
.rna-gold {
  top: 42%;
  left: 15%;
  width: 70%;
  position: absolute;
}
#zone_7 .zone-right {
  padding: 14% 1%;
}
#zone_7 .zone-text {
  color: #000;
}
#zone_7 .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 45px;
  letter-spacing: 0.47em;
}
#zone_7 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_7 .zone-text h2 span,
#zone_7 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_7 .zone-text h3:first-child {
  padding-left: 0.24em;
  padding-bottom: 0.5em;
}
.zone-7-rna {
  padding: 0.2em 0 0.3em;
}
@media (min-width: 320px) and (max-width: 3000px) {
  #zone_7 .zone-text h2 {
		font-size: calc(30px + (45 - 30) * ((100vw - 320px) / (3000 - 320)));
	}
}
@media (max-width: 900px) {
  #zone_7 .zone-content {
    flex-direction: column;
  }
  #zone_7 .zone-left {
    margin: 0 auto;
    padding-top: 40%;
    width: 70%;
  }
  #zone_7 .zone-right {
    margin: 0 auto;
    padding-top: 8%;
    width: 90%;
  }
}
@media (max-width: 850px) {
  #zone_7 .zone-right {
    width: 100%;
  }
}
/* tested */
@media (max-width: 500px) {
  #zone_7 {  
    /*background: -moz-linear-gradient(180deg, rgba(245,245,245,1) 40%, rgba(140,140,140,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(245,245,245,1) 40%, rgba(140,140,140,1) 100%);*/
    background: linear-gradient(180deg, rgba(245,245,245,1) 50%, rgba(140,140,140,1) 100%);
  }
  #zone_7 .zone-left {
    margin: 0 auto;
    padding-top: 70%;
    width: 100%;
  }
  .gold-brush {
    width: 85%;
    margin-left: -8%;
  }
  .rna-gold {
    top: 52%;
    left: 10%;
    width: 85%;
  }
  #zone_7 .zone-right {
    margin: 0 auto;
    padding: 20% 0;
    width: 100%;
  }
  #zone_7 .zone-text h2 {
    font-size: 32px;
  }
  #zone_7 .zone-text h3 {
    font-size: 12px;
  }
  #zone_7 .zone-text h3:first-child {
    padding-bottom: 0.5em;
  }
  
}

/* zone_8a - innovation intravenous
--------------------------------------------- */
#zone_8a {  
  background: #070707;
  position: relative;
}
#zone_8a:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 50%; /* 51.33% = 3000x1540 */
  display: block;
}
#zone_8a.zone {
  align-items: unset;
  overflow: visible;
}
#zone_8a .zone-content {
  flex-direction: column;
  justify-content: unset;
}
.zone-8a-heading {
  margin: 0 auto;
  padding: 14.5% 0 4.5%;
  color: #fff;
  text-align: center;
  z-index: 1;
}
.zone-8a-heading h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 125px;
  letter-spacing: 0.47em;
  text-shadow: 0px 0px 50px rgba(0,0,0,0.5);
}
.zone-8a-heading h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 36px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px rgba(0,0,0,0.5);
}
.zone-8a-heading h4 {
  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;
  text-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.zone-8-rna {
  padding: 0.2em 0 0.1em;
}
#zone_8a .zone-bg-img {
  top: 0;
  display: block;
  overflow: hidden;
}
#zone_8a .zone-bg-img img {
  filter: grayscale(100%);
  transition: 1s ease-in-out;
  transition-delay: 0.5s;
}
#zone_8a.in-view .zone-bg-img img {
  filter: grayscale(0%);
  transition: 1s ease-in-out;
  transition-delay: 0.5s;
}
.rna-package {
  top: 54%;
  left: 22.5%;
  width: 50%;
  position: absolute;
  z-index: 1;
}
@media (min-width: 320px) and (max-width: 3000px) {
  .zone-8a-heading h2 {
		font-size: calc(28px + (125 - 28) * ((100vw - 320px) / (3000 - 320)));
	}
  .zone-8a-heading h3 {
    font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (3000 - 320)));
  }
  .zone-8a-heading h4 {
    font-size: calc(8px + (20 - 8) * ((100vw - 320px) / (3000 - 320)));
  }
}
@media (max-width: 1300px) {
  #zone_8a:before {
    padding-top: 50%;
  }
  .rna-package {
    width: 53%;
  }
}
@media (max-width: 850px) {
  #zone_8a:before {
    padding-top: 110%;
  }
  .zone-8a-heading {
    padding-top: 30%;
  }
  #zone_8a .zone-bg-img img {
    width: 200%;
    max-width: 200%;
    margin-left: -50%;
  }
  .rna-package {
    top: 50%;
    left: 5%;
    width: 90%;
  }
}

/* zone_8b - neuro biologics
--------------------------------------------- */
#zone_8b {  
  overflow: hidden;
  background: #070707;
  position: relative;
}
#zone_8b:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 80%; /* 80.03% = 3000x2401 */
  display: block;
}
#zone_8b .main-quad-content {
  justify-content: center;
  align-items: center;
  z-index: 1;
}
#zone_8b .zone-text {
  margin: 0 auto;
  padding-top: 20%;
  width: 90%;
  max-width: 800px;
  color: #fff;
  text-align: center;
}
#zone_8b .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 42px;
  letter-spacing: 0.47em;
}
#zone_8b .zone-text 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;
}
#zone_8b .btn-wrap {
  padding-top: 25px;
}
#zone_8b .zone-bg-img {
  opacity: 0;
}
#zone_8b .zone-bg-img {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
  animation-delay: 0.2s;
}
#zone_8b.in-view .zone-bg-img {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
  animation-delay: 0.2s;
}
@media (max-width: 1150px) {
  #zone_8b:before {
    padding-top: 80%;
  }
}

@media (max-width: 850px) {
  #zone_8b:before {
    padding-top: 100%;
  }
  #zone_8b .zone-text {
    width: 100%;
  }
  #zone_8b .zone-bg-image {
    width: 160%;
  }
  #zone_8b .zone-content {
    padding-top: 40%;
    padding-bottom: 15%;
  }
  #zone_8b .zone-text h2 {
    margin-top: -10%;
    font-size: 32px;
  }
  #zone_8b .zone-text h3 {
    font-size: 15px;
  }
  #zone_8b .zone-bg-img {
    bottom: auto;
  }
  #zone_8b .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(7,7,7);
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
  }
  #zone_8b .zone-bg-img img {
    width: 140%;
    max-width: 140%;
    margin-left: -20%;
  }
  .zone-8b-bg-img {
    margin-top: -50%;
  }
}

/* zone_11 - ortho biologics
--------------------------------------------- */
#zone_11 {  
  overflow: hidden;
  background: #0e0f10;
  position: relative;
  z-index: 1;
}
#zone_11:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 60%; /* 57.03% = 3000x1711 */
  display: block;
}
#zone_11 .zone-right {
  padding: 8% 5%;
}
#zone_11 .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 40px;
  letter-spacing: 0.47em;
}
#zone_11 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_11 .zone-text p {
  text-align: left;
}
.zone-9-bg-img {
  margin-top: -48%;
}
@media (max-width: 1400px) {
  #zone_11 .zone-bg-img {
    width: 110%;
  }
}
@media (max-width: 1300px) {
  #zone_11 .zone-bg-img {
    width: 120%;
  }
}
@media (max-width: 1200px) {
  #zone_11 .zone-bg-img {
    width: 130%;
  }
}
@media (max-width: 1150px) {
  #zone_11 .zone-content {
    flex-direction: column;
  }
  #zone_11 .zone-right {
    padding: 12% 0 12% 40%;
    width: 100%;
  }
  #zone_11 .zone-bg-img {
    opacity: 0.7;
  }
}
@media (max-width: 1020px) {
  #zone_11 .zone-bg-img {
    width: 150%;
  }
}
@media (max-width: 850px) {
  #zone_11:before {
    padding-top: 150%;
  }
  #zone_11 .zone-right {
    padding: 140% 0 15% 0;
    width: 100%;
  }
  #zone_11 .zone-text h2 {
    padding-top: 0.5em;
    font-size: 32px;
  }
  #zone_11 .zone-text h3 {
    font-size: 15px;
  }
  #zone_11 .zone-bg-img {
    width: 200%;
    opacity: 0;
  }
  #zone_11 .zone-bg-img {
    animation: 1s ease-in-out normal forwards 1 simple-fadeout;
    animation-delay: 0.2s;
  }
  #zone_11.in-view .zone-bg-img {
    animation: 1s ease-in-out normal forwards 1 simple-fadein;
    animation-delay: 0.2s;
  }
  #zone_11 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(7,7,7);
    background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 20%, rgba(7,7,7,0) 100%);
  }
  #zone_11 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_11 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #zone_11 .zone-bg-img img {
    margin-top: 4%;
    margin-left: 20%;
  }
}
@media (max-width: 600px) {
  #zone_11 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_11 .zone-bg-img img {
    margin-top: 0;
  }
}

/* zone_12 - precision manufactured
--------------------------------------------- */
#zone_12 {  
  background: #0e0f10;
  position: relative;
}
#zone_12.zone {
  align-items: unset;
  overflow: visible;
}
#zone_12:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 53%; /* 57.03% = 3000x1711 */
  display: block;
}
#zone_12 .zone-content {
  overflow: visible;
}
#zone_12 .zone-left {
  padding: 8% 0 6% 10%;
}
#zone_12 .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 36px;
  letter-spacing: 0.47em;
}
#zone_12 .zone-text h2 span,
#zone_12 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_12 .zone-text h3 {
  margin: 0;
  padding: 0 0 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_12 .zone-text p {
  text-align: left;
}
#zone_12 .zone-right {
  padding-left: 5%;
  overflow: visible;
}
#zone_12 .zone-right .hand {
  margin-top: -15%;
  margin-bottom: -4%;
  width: 100%;
  opacity: 0;
}
#zone_12 .zone-content .hand {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadeout;
  /*animation-delay: 1.25s;*/
}
#zone_12.in-view .zone-content .hand {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
  /*animation-delay: 1.25s;*/
}
#zone_12 .zone-bg-img img {
  /*margin-top: 10%;*/
  width: 130%;
  max-width: 130%;
}
@media (max-width: 1400px) {
  #zone_12 .zone-left {
    padding-left: 0;
  }
}
@media (max-width: 1330px) {
  #zone_12 .zone-right .hand {
    margin-top: -12%;
    margin-bottom: -8%;
  }
}
@media (max-width: 1200px) {
  #zone_12 .zone-right {
    padding-left: 0;
  }
  #zone_12 .zone-right .hand {
    margin-top: -15%;
    margin-bottom: -10%;
    margin-right: -10%;
  }
  #zone_12 .zone-bg-img img {
    margin-top: 15%;
  }
}
@media (max-width: 1150px) {
  #zone_12 {
    background: #0e0f10;
  }
  /*#zone_12 .zone-content {
    flex-direction: column;
  }
  #zone_12 .zone-left {
    width: 80%;
    margin-top: -200px;
    padding-top: 0;
    order: 2;
  }
  #zone_12 .zone-right {
    order: 1;
    width: 60%;
  }*/
  #zone_12 .zone-right .hand {
    width: auto;
    margin: 0;
  }
  #zone_12 .zone-right .hand img {
    width: 200%;
    max-width: 200%;
    transform: rotate(-15deg);
    margin-top: -40%;
    margin-bottom: -20%;
  }
  #zone_12 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_12 .zone-bg-img img {
    margin-top: -30px;
  }
  #zone_12 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(83,19,98);
    background: linear-gradient(0deg, rgba(83,19,98,1) 0%, rgba(83,19,98,0) 40%, rgba(83,19,98,0) 100%);
  }
}
@media (max-width: 850px) {
  #zone_12 {
    background: #0e0f10;
  }
  #zone_12.zone {
    overflow: hidden;
  }
  #zone_12 .zone-content {
    flex-direction: column;
  }
  #zone_12 .zone-left {
    width: 80%;
    margin-top: -200px;
    padding-top: 0;
    order: 2;
  }
  #zone_12 .zone-right {
    order: 1;
    width: 60%;
  }
  #zone_12 .zone-left {
    width: 100%;
    margin-top: -130px;
    padding-top: 0;
    padding-bottom: 30px;
    order: 2;
    position: relative;
    z-index: 2;
  }
  #zone_12 .zone-text h2 {
    font-size: 27px;
  }
  #zone_12 .zone-text h3 {
    font-size: 12px;
  }
  #zone_12 .zone-right {
    order: 1;
    width: 100%;
    position: relative;
  }
  #zone_12 .zone-right .hand {
    width: auto;
    margin: 0;
  }
  #zone_12 .zone-right .hand img {
    width: 330%;
    max-width: 330%;
    transform: rotate(-15deg);
    margin-top: -30%;
    margin-left: -35%;
  }
  #zone_12 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_12 .zone-bg-img img {
    width: 250%;
    max-width: 250%;
    margin-top: 30%;
  }
  #zone_12 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(7,7,7);
    background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 40%, rgba(7,7,7,0) 100%);
  }
}

/* zone_13 - hybrid
--------------------------------------------- */
#zone_13 {  
  overflow: hidden;
  background: #000;
  position: relative;
  z-index: 1;
}
#zone_13:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 57.03%; /* 57.03% = 3000x1711 */
  display: block;
}
#zone_13 .zone-right {
  padding: 8% 5%;
}
#zone_13 .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 40px;
  letter-spacing: 0.47em;
}
#zone_13 .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 19px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_13 .zone-text h2 span,
#zone_13 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_13 .zone-text p {
  text-align: left;
}
.zone-13-bg-img {
  margin-top: -48%;
}
@media (max-width: 1400px) {
  #zone_13 .zone-bg-img {
    width: 110%;
  }
}
@media (max-width: 1300px) {
  #zone_13 .zone-bg-img {
    width: 120%;
  }
}
@media (max-width: 1200px) {
  #zone_13 .zone-bg-img {
    width: 130%;
  }
}
@media (max-width: 1150px) {
  #zone_13 .zone-content {
    flex-direction: column;
  }
  #zone_13 .zone-right {
    padding: 12% 0 12% 40%;
    width: 100%;
  }
  #zone_13 .zone-bg-img {
    opacity: 0.8;
  }
  #zone_13 .zone-bg-img img {
    margin-top: -5%;
  }
}
@media (max-width: 1020px) {
  #zone_13 .zone-bg-img {
    width: 150%;
  }
}
@media (max-width: 850px) {
  #zone_13:before {
    padding-top: 150%;
  }
  #zone_13 .zone-right {
    padding: 140% 0 8% 0;
    width: 100%;
  }
  #zone_13 .zone-text h2 {
    padding-top: 0.5em;
    font-size: 32px;
  }
  #zone_13 .zone-text h3 {
    font-size: 15px;
  }
  #zone_13 .zone-bg-img {
    width: 200%;
    opacity: 0;
  }
  #zone_13 .zone-bg-img {
    animation: 1s ease-in-out normal forwards 1 simple-fadeout;
    animation-delay: 0.2s;
  }
  #zone_13.in-view .zone-bg-img {
    animation: 1s ease-in-out normal forwards 1 simple-fadein;
    animation-delay: 0.2s;
  }
  #zone_13 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(7,7,7);
    background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 20%, rgba(7,7,7,0) 100%);
  }
  #zone_13 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_13 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #zone_13 .zone-bg-img img {
    margin-top: -6%;
    margin-left: 20%;
  }
}
@media (max-width: 600px) {
  #zone_13 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_13 .zone-bg-img img {
    margin-top: -8%;
  }
}

/* zone_14 - wharton's jelly
--------------------------------------------- */
#zone_14 {  
  overflow: hidden;
  background: #111111;
  position: relative;
  /*box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
  z-index: 2;*/
}
#zone_14:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 55%; /* 55% = 3000x1650 */
  display: block;
}
#zone_14 .zone-left {
  padding: 5% 5% 3% 10%;
  justify-content: left;
}
#zone_14 .zone-left .zone-text {
  max-width: 90%;
}
#zone_14 .zone-left .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 24px;
  letter-spacing: 0.47em;
}
#zone_14 .zone-left .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 14px;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_14 .zone-left .zone-text p:first-of-type {
  margin-top: 1.8em;
}
#zone_14 .zone-text p {
  text-align: left;
}

#zone_14 .zone-right .zone-text {
  padding-top: 45%;
}
#zone_14 .zone-right .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 34px;
  letter-spacing: 0.47em;
}
#zone_14 .zone-right .zone-text h3 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.47em;
  text-transform: uppercase;
}
#zone_14 .zone-text h2 span,
#zone_14 .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
#zone_14 .zone-right .zone-text p {
  max-width: 400px;
  text-align: center;
}
/*#zone_11 .zone-image-overlay {*/
#zone_14 .zone-bg-img-wrap-overlay {
  content: '';
  top: 0;
  bottom: -1px;
  width: 100%;
  background: #070707;
  display: block;
  position: absolute;
  z-index: 1;
}
/*#zone_11 .zone-image-overlay {*/
#zone_14 .zone-bg-img-wrap-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
}
/*#zone_11.zone-11-show .zone-image-overlay {*/
#zone_14.in-view .zone-bg-img-wrap-overlay {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
}
#zone_14 .zone-bg-img img {
  margin-top: 2%;
}
@media (max-width: 1400px) {
  #zone_14:before {
    padding-top: 55%; /* 55% = 3000x1650 */
  }
  #zone_14 .zone-left {
    padding-left: 0;
  }
}
@media (max-width: 1150px) {
  #zone_14 .zone-left {
    padding: 60px 0 60px 0;
  }
  #zone_14 .zone-bg-img img {
    width: 140%;
    max-width: 140%;
    margin-left: -12.5%;
  }
}
@media (max-width: 850px) {
  #zone_14 .zone-content {
    flex-direction: column;
    position: relative;
    z-index: 3;
  }
  #zone_14 .zone-left {
    width: 100%;
  }
  #zone_14 .zone-left .zone-text {
    max-width: 100%;
  }
  #zone_14 .zone-right {
    padding-top: 80%;
  }
  #zone_14 .zone-bg-img.rellax {
    transform: none !important;
  }
  #zone_14 .zone-bg-img img {
    width: 150%;
    max-width: 150%;
    margin-top: 8%;
    margin-left: -44%;
  }
  #zone_14 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 101%;
  }
  #zone_14 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
  }
}
@media (max-width: 600px) {
  #zone_14 .zone-bg-img img {
    width: 200%;
    max-width: 200%;
    margin-top: 18%;
    margin-left: -74%;
    margin-bottom: -10%;
  }
}

/* .zone_hair
 * #zone_hair_1 : hair restoration
 * #zone_hair_2 : hair loss
 * #zone_hair_3 : causes
--------------------------------------------- */
.zone_hair {  
  overflow: hidden;
  background: #bdaf9e;
  position: relative;
}
#zone_hair_2.zone_hair {
  background: #bbb0a0;
  box-shadow: 0px 0px 30px rgba(0,0,0,0.5);
  z-index: 2;
}
#zone_hair_3.zone_hair {
  background: #bfb3a3;
}
.zone_hair:before {
  content: '';
  margin-left: -1px;
  width: 1px;
  max-height: 800px;
  padding-top: 66%; /* 66.7% = 3000x2000 */
  display: block;
}
.zone_hair .zone-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.zone_hair .zone-text {
  margin: 0 auto;
  width: 90%;
  max-width: 800px;
  color: #fff;
  text-align: center;
  position: relative;
}
.zone_hair .zone-text h2 {
  margin: 0;
  padding-left: 0.24em;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 42px;
  letter-spacing: 0.47em;
}
.zone_hair .zone-text 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;
}
.zone_hair .zone-text h2 span, .zone_hair .zone-text h3 span {
  display: inline-block;
  margin-right: -0.47em;
}
.zone_hair .btn-wrap {
  padding-top: 25px;
}
.zone_hair .zone-bg-img {
  top: auto;
  opacity: 0;
}
.zone_hair .zone-bg-img {
  animation: 1s ease-in-out normal forwards 1 simple-fadeout;
  animation-delay: 0.2s;
}
.zone_hair.in-view .zone-bg-img {
  animation: 1s ease-in-out normal forwards 1 simple-fadein;
  animation-delay: 0.2s;
}
#zone_hair_1.zone_hair:before,
#zone_hair_2.zone_hair:before,
#zone_hair_3.zone_hair:before {
  padding-top: 0;
}
#zone_hair_1.zone_hair .zone-text {
  padding-top: 8%;
}
#zone_hair_2.zone_hair .zone-text {
  padding-bottom: 6%;
  padding-top: 8%;
}
#zone_hair_3.zone_hair .zone-text {
  margin-bottom: 6%;
  padding-top: 8%;
}
#zone_hair_3.zone_hair .zone-text p {
  margin: 0.2 0;
  line-height: 1.2;
}
#zone_hair_1 .zone-bg-img-wrap {
  margin-top: -6%;
}
#zone_hair_2 .zone-bg-img-wrap {
  margin-top: -6%;
}
#zone_hair_3 .zone-bg-img-wrap {
  margin-top: -4%;
}
.hair1-extra {
  padding-top: 50px;
  padding-bottom: 37%;
  width: 53%;
  display: flex;
  justify-content: flex-end;
}
.hair1-text p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 4px;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 320px) and (max-width: 3000px) {
  .hair1-text p {
		font-size: calc(11px + (16 - 11) * ((100vw - 320px) / (3000 - 320)));
	}
}
.hair2-extra {
  display: block;
  margin-top: 3%;
  padding-bottom: 7%;
  height: 10%;
  width: 45%;
  position: relative;
}
.hair2-extra p {
  top: -20px;
  left: -70px;
  position: absolute;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 3px;
}
@media (min-width: 320px) and (max-width: 3000px) {
  .hair2-extra p {
		font-size: calc(11px + (16 - 11) * ((100vw - 320px) / (3000 - 320)));
	}
}
.hair2-circle-wrap {
  width: 55%;
}
.hair2-circle {
  width: 100%;
  border-radius: 50%;
  padding-bottom: calc(100% - 8px);
  border: 4px solid #fff;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
  font-size: 0;
}
.hair3-extra {
  display: flex;
  justify-content: space-between;
  /* bottom: 8%; */
  padding-top: 12%;
  padding-bottom: 7%;
  /* left: -15%; */
  height: 10%;
  width: 75%;
  /* max-width: 950px;
  position: absolute; */
}
.hair3-extra-left,
.hair3-extra-right {
  margin-bottom: -6%;
  width: 23%;
}
.hair3-extra-right {
  margin-top: -1.5%;
}
.hair3-extra-image-left,
.hair3-extra-image-right {
  width: 100%;
  height: auto;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.3);
  font-size: 0;
}
.hair1-extra,
.hair2-extra,
.hair3-extra {
  opacity: 0;
}
.hair1-extra,
.hair2-extra,
.hair3-extra {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadeout;
  animation-delay: 0.3s;
}
#zone_hair_1.zone_hair.in-view .hair1-extra,
#zone_hair_2.zone_hair.in-view .hair2-extra {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
  animation-delay: 0.3s;
}
#zone_hair_3.zone_hair.in-view .hair3-extra {
  animation: 0.5s ease-in-out normal forwards 1 simple-fadein;
  animation-delay: 0.7s;
}

@media (max-width: 1150px) {
  .hair1-extra {
    padding-top: 30px;
    padding-bottom: 37%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .hair2-extra.rellax,
  .hair3-extra.rellax {
      transform: none !important;
  }
  .hair2-extra p {
    top: -30px;
    font-size: 0.9rem;
  }
  .hair2-circle {
    padding-bottom: calc(100% - 4px);
    border: 2px solid #fff;
  }
  .hair3-extra {
    padding-top: 8%;
    padding-bottom: 9%;
  }
  .hair3-extra-left,
  .hair3-extra-right {
    margin-bottom: -3%;
    width: 23%;
  }
  .hair3-extra-image-left,
  .hair3-extra-image-right {
    border: 2px solid #fff;
  }
}
@media (max-width: 1000px) {
  .hair2-extra p {
    top: -30px;
    left: -110px;
    font-size: 0.75rem;
  }
}
@media (max-width: 850px) {
  .zone_hair .zone-text {
    width: 100%;
  }
  .zone_hair .zone-text h2 {
    /*margin-top: -10%;*/
    font-size: 32px;
  }
  .zone_hair .zone-text h3 {
    font-size: 15px;
  }
}
@media (max-width: 600px) {
  #zone_hair_1.zone_hair .zone-text,
  #zone_hair_2.zone_hair .zone-text,
  #zone_hair_3.zone_hair .zone-text {
    padding-top: 60px;
  }
}
@media (max-width: 500px) {
  .hair1-extra {
    padding-top: 20px;
    padding-bottom: 50%;
  }
  .hair2-extra {
    margin-top: 10%;
  }
}

/* zone_15 - blog
--------------------------------------------- */
#zone_15 {  
  background: rgb(132,22,166);
  background: -moz-radial-gradient(circle, rgba(132,22,166,1) 20%, rgba(66,11,83,1) 75%);
  background: -webkit-radial-gradient(circle, rgba(132,22,166,1) 20%, rgba(66,11,83,1) 75%);
  background: radial-gradient(circle, rgba(132,22,166,1) 20%, rgba(66,11,83,1) 75%);
  position: relative;
}
#zone_15 .zone-content {
  position: relative;
}
.blog-zone {
  width: 100%;
  margin: 0;
  padding: 10% 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.blog-zone-header {
  padding-bottom: 60px;
  color: #fff;
  text-align: center;
}
.blog-zone-header h2 {
  margin: 0;
  padding-left: 0.1em;
  color: #fff;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 24px;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.blog-zone-header h2 span {
  display: inline-block;
  margin-right: -0.2em;
}
.blog-zone-header p {
  margin: 0;
}
.blog-zone-wrapper {
  margin: 0 auto;
  width: 90%;
}
.blog-zone-wrap {
  padding: 0 50px;
  display: flex;
}
.blog-zone-wrap > div:nth-child(even) {
  background: rgba(66,11,83,0.7);
}
.blog-zone-item {
  width: 33.333%;
  padding-bottom: 120px;
  text-align: center;
  position: relative;
}
.blog-zone-item-image {
  padding-top: 80%;
  position: relative;
}
.blog-zone-item-image-wrap {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
}
.blog-zone-item-image-wrap img {
  width: 101%;
  height: 101%;
  object-fit: cover;
}
.blog-zone-item-text {
  padding: 0 10%;
  color: #a991d5;
  text-align: left;
}
.blog-zone-item-text h3 {
  margin: 0;
  padding: 2em 0 0.3em 0.1em;
  color: #fff;
  font-family: 'abeatbyKai', sans-serif;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
.blog-zone-item-text h3 span {
  display: inline-block;
  margin-right: -0.2em;
}
.blog-zone-item-link {
  width: 100%;
  bottom: 50px;
  position: absolute;
}
.blog-zone-footer {
  padding: 60px 0 80px;
}
.blog-zone-footer a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  display: none;
}
@media (max-width: 1150px) {
  .blog-zone-wrapper {
    width: 100%;
  }
  .blog-zone-wrap {
    padding: 0;
  }
}
@media (max-width: 850px) {
  .blog-zone-wrap {
    flex-direction: column;
  }
  .blog-zone-item {
    margin: 0 auto 20px;
    width: 100%;
    max-width: 500px;
  }
  .blog-zone-item-text {
    padding: 0;
  }
  .blog-zone-wrap > div:nth-child(even) {
    background: none;
  }
  .blog-zone-footer {
    padding: 10px 0 80px;
  }
}
@media (max-width: 500px) {
  .blog-zone {
    padding-top: 20%;
  }
}

/* zone_16 - CTA
--------------------------------------------- */
#zone_16 {  
  overflow: hidden;
  background: #070707;
  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_16 .zone-bg-img img {
  width: 105%;
  max-width: 105%;
  margin-top: -2%;
  margin-left: -2.5%;
}
#zone_16 .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.6em;
}
#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_16 .zone-bg-img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#zone_16 .zone-bg-img-wrap-overlay {
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  background: rgb(7,7,7);
  background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 40%, rgba(7,7,7,0) 100%);
}
@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_16 .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_16 .zone-bg-img img {
    width: 220%;
    max-width: 220%;
    margin-top: -5%;
    margin-left: -40%;
  }
  #zone_16 .zone-bg-img:after {
    content: '';
    display: block;
    height: 0;
    width: 100%;
    /* 16:9 = 56.25% = calc(9 / 16 * 100%) */
    padding-bottom: 215%;
  }
  #zone_16 .zone-bg-img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
  }
  #zone_16 .zone-bg-img-wrap-overlay {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    background: rgb(7,7,7);
    background: linear-gradient(0deg, rgba(7,7,7,1) 0%, rgba(7,7,7,0) 40%, rgba(7,7,7,0) 100%);
  }
}
@media (min-width: 320px) and (max-width: 3000px) {
  .form-right p {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (3000 - 320)));
  }
}

/* zone 14 Footer
--------------------------------------------- */
#zone_17 {
  background: #2e2e2e;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}
#zone_17 .zone-content-wrap {
  margin: 0 auto;
  padding: 100px 30px 80px;
  width: 100%;
  max-width: 1400px;
  color: #fff;
}
#zone_17 .footer > .flex_row > .col_50,
#zone_17 .footer > .flex_row > .col_100 {
  padding: 0 30px;
}
#zone_17 .footer h4 {
  margin-bottom: 0;
  font-size: 1.2rem;
  letter-spacing: 1px;
}
#zone_17 .footer a {
  color: #fff;
  text-decoration: none;
}
#zone_17 .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;
}
.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_17 .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_17 .footer-nav a:hover,
#zone_17 .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_17 .zone-content-wrap {
    padding: 60px 30px 50px;
  }
  #zone_17 .footer > .flex_row > .col_50 {
    padding: 0;
    width: 100%;
  }
  .footer-contact-hdr {
    margin-top: 2em;
  }
  #zone_17 .footer > .flex_row > .col_50 {
    padding: 0;
    width: 100%;
  }
  #zone_17 .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;
}

.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;
}
.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.5em 0 0.5em 1.5em;
  line-height: 1.6;
  position: relative;
}
.arrow-list li:before {
  /*content: '\e808';
  font-family: 'exo';*/
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  left: 0.2em;
  top: 1.1em;
  position: absolute;
  background: #fff;
}
@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;
  }
}

/*** blog ***/
#blog-modal.modal {
  max-width: 1400px;
}
.blog-article {
  display: flex;
  flex-direction: column;
}
.blog-title {
  text-align: center;
}
.blog-title h2 {
  margin-top: 0;
  padding-bottom: 0.5em;
  font-size: 2.5rem;
}
.blog-left {
  width: 35%;
}
.blog-right {
  padding: 30px 0 30px 60px;
  width: 65%;
  position: relative;
}
.blog-right:before {
  content: '';
  width: 80px;
  height: 4px;
  background: #fff;
  display: block;
  left: 60px;
  top: 0;
  position: absolute;
}
.blog-article h3 {
  margin-top: 0;
  font-size: 1.5rem;
}
.article-attribution {
  padding: 10px 0 0;
  font-style: italic;
}
@media (max-width: 768px) {
  .blog-left,
  .blog-right {
    width: 100%
  }
  .blog-right {
    margin-top: 40px;
    padding: 40px 0 30px;
  }
  .blog-right:before {
    left: 0;
  }
}