/* Indice 

0. Reset Generic CSS
1. General
2. Intro



/*----------------------------------------------------------------------------------*/
/* 0. Reset Generic CSS
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
ol, ul {list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
:focus {outline:0;}
a {outline:0; color:#26af5f;}
a img {outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse; border-spacing:0;}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width:0px; line-height:0px; font-size:0px;}






/*-----------------------------------------------------------------------------------*/
/* 1. General
/*-----------------------------------------------------------------------------------*/
@font-face {
  font-family: 'Neris-Black';
  src: url('../fonts/Neris-Black/Neris-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/Neris-Black/Neris-Black.otf')  format('opentype'),
	     url('../fonts/Neris-Black/Neris-Black.woff') format('woff'), url('../fonts/Neris-Black/Neris-Black.ttf')  format('truetype'), url('../fonts/Neris-BlackNeris-Black.svg#Neris-Black') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'Neris-SemiBold';
  src: url('../fonts/Neris-SemiBold/Neris-SemiBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Neris-SemiBold/Neris-SemiBold.otf')  format('opentype'),
	     url('../fonts/Neris-SemiBold/Neris-SemiBold.woff') format('woff'), url('../fonts/Neris-SemiBold/Neris-SemiBold.ttf')  format('truetype'), url('../fonts/Neris-SemiBold/Neris-SemiBold.svg#Neris-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;}
@font-face {
  font-family: 'Neris-Light';
  src: url('../fonts/Neris-Light/Neris-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Neris-Light/Neris-Light.otf')  format('opentype'),
	     url('../fonts/Neris-Light/Neris-Light.woff') format('woff'), url('../fonts/Neris-Light/Neris-Light.ttf')  format('truetype'), url('../fonts/Neris-Light/Neris-Light.svg#Neris-Light') format('svg');
  font-weight: normal;
  font-style: normal;}

body{color:#12171d; background-color:#1a2026; font-family:'Neris-Black', sans-serif;}
.modal-open {overflow: hidden !important; margin-left:auto; margin-right:auto;}
.section{text-align:center;}
h1 {font-size: 90px; letter-spacing:0;}
.headings {position:fixed; margin-left:-4000px;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#fff;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#fff; opacity:  1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#fff;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#fff;}

.adjust-arrow {height: 46px !important;}
.hide-content {display: none;}
.show-content {display: block;}
.green {color: #26af5f !important;}
.header-modal .active {font-family:'Neris-Black';}
#fp-nav {display: none;}

.floating-y {animation-name: floating-y; -webkit-animation-name: floating-y; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
@keyframes floating-y {0% {transform: translateY(0%);} 50% {transform: translateY(20%);} 100% {transform: translateY(0%);}}
@-webkit-keyframes floating-y {0% {-webkit-transform: translatex(0%);} 50% {-webkit-transform: translateY(20%);} 100% {-webkit-transform: translateY(0%);}}

.floating-x {animation-name: floating-x; -webkit-animation-name: floating-x; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;}
@keyframes floating-x {0% {transform: translateX(0%);} 50% {transform: translateX(15%);} 100% {transform: translateX(0%);}}
@-webkit-keyframes floating-x {0% {-webkit-transform: translateX(0%);} 50% {-webkit-transform: translateX(15%);} 100% {-webkit-transform: translateX(0%);}}








/*-----------------------------------------------------------------------------------*/
/* 2. Intro
/*-----------------------------------------------------------------------------------*/
.flexslider {background-color:#1a2026;}
.bg {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:repeating-linear-gradient(-40deg, #12171d, #12051D 1px, #12051D 1px, #12171d 4px); opacity:0.5;}
#logo {width: 352px; height: 264px; background-color: #12171d; position: relative; z-index: 2}
#logo .logo-main {width: 300px; height: 100%; margin-left: 26px; background-image: url('../assets/1.Intro/logo.svg'); background-repeat: no-repeat;}
h1 {top:236px; position: absolute; left:16%; color: white; font-size: 60px; line-height: 64px; text-align: left; z-index: 3;}
.button-home {padding:10px 28px; border:2px solid #26af5f; left:16%; top:478px; z-index:10; font-family:Neris-SemiBold; font-size:20px; color:#26af5f;
  text-decoration: none; position:absolute; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor: pointer;}
.button-home:hover {background-color:#26af5f;}
.button-home a {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.button-home:hover a {color:white; text-decoration: none;}

.flexslider h1 span {color: #26af5f;}
h1 br.break {display:none;}

#section1 #submit {display: none;}
#section1 form {position:absolute; z-index:100; top:540px; width:100%; height:42px;}
#section1 .form-container {width: 980px; height: 42px; margin: auto;}
#section1 .form-content {height:42px; color:#fff;}
#section1 .form-content p {float:left; margin-top: 15px; font: 15px 'FFADMatro';}
#section1 .form-content input {float:left; width: 147px; height:32px; margin: 0 8px; border-radius:0; border: 4px solid #26af5f; color:#fff; background-color: transparent; font: 15px 'Neris-SemiBold'; padding: 0 10px 2px;}
#section1 .form-content select {float:left; width:167px; margin: 0 8px; background-color:transparent; font: 15px 'Neris-SemiBold'; color:#fff; height:42px; border: 4px solid #26af5f; border-radius:0px; padding: 0 10px 2px;
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;}



li.quote-intro {position:absolute; top:466px; left:16%; z-index:9; font-family: 'Neris-SemiBold'; list-style:none;}
li.quote-intro:first-child {margin-top:0px;}
li.quote-intro a {text-decoration: none; color: white; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
li.quote-intro a:hover {color: #26af5f; text-decoration: line-through;}
li.quote-intro a.btn-quote {padding: 8px 27px; text-decoration: none; color: #26af5f; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out;}
li.quote-intro span {top: 5px; position: relative; font-family: 'Neris-SemiBold'; padding:10px 0; font-size:16px; background:transparent; border:3px solid #26af5f; 
  color:#26af5f; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
li.quote-intro span:hover {background:#26af5f; cursor: pointer;}
li.quote-intro span:hover a.btn-quote {color:#fff;}

select.combo-one {
  background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, transparent, transparent); background-size:9px 8px, 9px 8px, 5px 28px; background-repeat: no-repeat;
  background-position: calc(100% - 20px) calc(12px + 2px), calc(100% - 11px) calc(12px + 2px), calc(100% - 40px) 8px;
  background-position: -webkit-calc(100% - 20px) -webkit-calc(12px + 2px), -webkit-calc(100% - 11px) -webkit-calc(12px + 2px), -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 20px) -moz-calc(12px + 2px), -moz-calc(100% - 11px) -moz-calc(12px + 2px), -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 20px) -o-calc(12px + 2px), -o-calc(100% - 11px) -o-calc(12px + 2px), -o-calc(100% - 40px) 8px;}
select.combo-one:focus {
  background-image:linear-gradient(45deg, #fff 50%, transparent 50%), linear-gradient(135deg, transparent 50%, #fff 50%), linear-gradient(to right, transparent, transparent); background-size: 8px 9px, 8px 9px, 5px 28px; background-repeat: no-repeat; border-color: #26af5f; outline: 0;
  background-position: calc(100% - 11px) 12px, calc(100% - 19px) 12px, calc(100% - 40px) 8px;
  background-position: -webkit-calc(100% - 11px) 12px, -webkit-calc(100% - 19px) 12px, -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 11px) 12px, -moz-calc(100% - 19px) 12px, -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 11px) 12px, -o-calc(100% - 19px) 12px, -o-calc(100% - 40px) 8px;}

#your-email {width:100%; height:100%; background-color: red; display: none; position: absolute; z-index: 2000;}

@media screen and (min-width: 1500px) {
  .flexslider {background-position:center center;}
}

@media screen and (min-height: 901px) {
  .flexslider {background-position:center center;}
}

@media screen and (max-width: 1199px) {
  .flexslider {background-position:center center;}
}

@media screen and (max-width: 991px) {
  .flexslider {background-position:center right;}
  h1 {font-size:46px; line-height:60px;}
  #section1 form {position:relative; top:222px; width:634px; margin:auto;}
  #section1 .form-container {width: 634px; height: 120px;}
  #section1 .form-content {height:120px;}
  #section1 .form-content p {margin-top: 30px;}
  #section1 .form-content input[type="text"] {width:212px; margin: 15px 18px 0;}
  #section1 .form-content select {width:240px; margin: 15px 18px 0;}
  .button-home {top:460px;}
  li.quote-intro {top:566px;}
}

@media screen and (max-width: 767px) {
  .bg {opacity:0.6;}
  #logo {width: 320px; height: 240px; background-color: #12171d;}
  #logo .logo-main {width: 280px; height: 100%; margin-left: 20px;}
  h1 {font-size: 40px; line-height: 50px; left:13%; width:76%; top: 218px;}
  #section1 form {position:relative; top:222px; width:634px; margin:auto;}
  #section1 .form-container {width: 604px; position: absolute; left: 50%; margin-left: -293px;}
  #section1 .form-content input[type="text"] {width:212px;}
  #section1 .form-content select {width:210px;}
  .button-home {top:400px; left: 50%; margin-left: -161px; }
  #section1 #submit {width:152px; height:31px; padding-top:5px; text-decoration:none; top: 240px; z-index: 10; position:relative; left:50%; margin:0 0 0 -76px; float:left; font-size:17px;  border: 3px solid #26af5f; color:#26af5f;
 border-radius:0; display: block; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; cursor: pointer;}
  #section1 #submit:hover {background:#26af5f; color: white;}
  #play {width: 34px; height: 34px; margin-top: 0px;} 
  #section1 #submit {display: block;}
  li.quote-intro {top:408px; left:13%;}
  li.quote-intro span {padding:5px 0;}
}

@media screen and (max-width: 639px) {
  #logo {width: 280px; height: 204px;}
  #logo .logo-main {width: 240px; height: 100%; margin-left: 20px;}
  h1 {font-size: 30px; line-height: 42px; top:184px;}
  #section1 form {width:100%; top:initial; bottom: 80px; position: absolute;}
  #section1 .form-container {width: 100%; height: 42px; left:0; margin-left:0px;}
  #section1 .form-content {height:42px;}
  #section1 .form-content p {display:none;}
  #section1 .form-content input[type="text"] {display:none;}
  #section1 .form-content select {display:none;}
  .button-home {top:340px; margin-left: -145px;}
  #section1 #submit {top: 210px;}
  li.quote-intro {top:340px;}
}

/*-- iPhone 6 Plus --*/
@media screen and (max-width: 479px) {
  #logo {width: 100%; height: 160px; background-color: #12171d;}
  #logo .logo-main {width: 232px; height: 140px; left: 0px; position: absolute;}
  h1 {font-size: 38px; line-height: 46px; left:0; top:-18px; width:300px; position: relative; margin: 0 auto 0;}
  #section1 form {bottom: 62px;}
  .button-home {margin-left: -119px; top:322px;}
  #section1 #submit {top: 80px;} 
  li.quote-intro {top:428px; left:50%; transform:translateX(-50%);}
  h1 br.break {display:block;}
  .button-home {top:360px; font-size:18px; padding:10px 20px;}
}

/*-- iPhone 6 Plus Landscape --*/
@media screen and (min-width: 680px) and (max-height: 450px) {
  #logo {width: 180px; height: 130px;}
  #logo .logo-main {width: 140px;}
  h1 {font-size: 40px; line-height: 50px; top: 80px; left: 170px}
  .button-home {top: 162px; margin-left: -150px;}
  #play {width: 28px; height: 28px;}
  #section1 #submit {top: 90px;}
  li.quote-intro {top:250px; left:50%; transform:translateX(-50%);}
  .button-home {top:200px;}
}

/*-- iPhone 6 Landscape --*/
@media screen and (min-width: 570px) and (max-height: 375px) {
  #logo {width: 160px; height: 114px;}
  #logo .logo-main {width: 132px;}
  h1 {font-size: 35px; line-height: 40px; top: 74px; left: 150px}
  .button-home {top: 128px; margin-left: -132px;}
  #play {width: 20px; height: 20px; margin-top: 2px;}
  #section1 #submit {top: 60px;}
  li.quote-intro {top:204px; left:50%; transform:translateX(-50%);}
  .button-home {top:200px;}
}

/*-- iPhone 5 --*/
@media screen and (max-width: 359px) and (max-height: 500px) {
  #logo {height: 148px !important; width: 100% !important;}
  #logo .logo-main {width: 202px; height: 134px; left: 0px; position: absolute;}
  h1 {font-size: 32px; line-height: 38px; top:-16px; width:260px; position: relative; margin: auto;}
  #section1 form {bottom: 50px;}
  .button-home { top: 290px; margin-left: -112px;}
  #section1 #submit {top: 58px; height: 30px; padding-top: 4px;} 
  select.combo-one {
  background-position: calc(100% - 20px) calc(12px + 0px), calc(100% - 11px) calc(12px + 0px), calc(100% - 40px) 8px;
  background-position: -webkit-calc(100% - 20px) -webkit-calc(12px + 0px), -webkit-calc(100% - 11px) -webkit-calc(12px + 0px), -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 20px) -moz-calc(12px + -0px), -moz-calc(100% - 11px) -moz-calc(12px + 0px), -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 20px) -o-calc(12px + 0px), -o-calc(100% - 11px) -o-calc(12px + 0px), -o-calc(100% - 40px) 8px;}
  select.combo-one:focus {
  background-position: calc(100% - 11px) 10px, calc(100% - 19px) 8px, calc(100% - 40px) 10px;
  background-position: -webkit-calc(100% - 11px) 10px, -webkit-calc(100% - 19px) 10px, -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 11px) 10px, -moz-calc(100% - 19px) 10px, -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 11px) 10px, -o-calc(100% - 19px) 10px, -o-calc(100% - 40px) 8px;}
  li.quote-intro {top:360px;}
  .button-home {top:340px; font-size:17px;}
}

/*-- iPhone 4 --*/
@media screen and (max-width: 359px) and (max-height: 430px) {
  h1 {top:-14px;}
  #logo {height: 118px !important; width: 100% !important;}
  #logo .logo-main {width: 214px; height: 108px; left: 0px; position: absolute;}
  .button-home {top:232px;}
  #section1 #submit {top: 48px;}
  select.combo-one {
  background-position: calc(100% - 20px) calc(12px + -3px), calc(100% - 11px) calc(12px + -3px), calc(100% - 40px) 8px;
  background-position: -webkit-calc(100% - 20px) -webkit-calc(12px + -3px), -webkit-calc(100% - 11px) -webkit-calc(12px + -3px), -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 20px) -moz-calc(12px + -3px), -moz-calc(100% - 11px) -moz-calc(12px + -3px), -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 20px) -o-calc(12px + -3px), -o-calc(100% - 11px) -o-calc(12px + -3px), -o-calc(100% - 40px) 8px;}
  select.combo-one:focus {
  background-position: calc(100% - 11px) 8px, calc(100% - 19px) 8px, calc(100% - 40px) 8px;
  background-position: -webkit-calc(100% - 11px) 8px, -webkit-calc(100% - 19px) 8px, -webkit-calc(100% - 40px) 8px;
  background-position: -moz-calc(100% - 11px) 8px, -moz-calc(100% - 19px) 8px, -moz-calc(100% - 40px) 8px;
  background-position: -o-calc(100% - 11px) 8px, -o-calc(100% - 19px) 8px, -o-calc(100% - 40px) 8px;}
  li.quote-intro {top:324px;}
  .button-home {top:300px;}
}

/*-- iPhone 4 & 5 Landscape --*/
@media screen and (min-width: 480px) and (max-height: 320px) {
  #logo {width: 140px; height: 96px;}
  #logo .logo-main {width: 1w0px;}
  h1 {font-size: 28px; line-height: 36px; top: 74px; left: 132px; padding-right:40px;}
  .button-home {top: 110px;  margin-left: -119px;}
  #play {width: 28px; height: 28px;}
  #section1 #submit {top: 50px; width:140px; height:27px; padding-top:1px;}
  li.quote-intro {top:140px; left:50%; transform:translateX(-50%);}
  .button-home {top:160px;}
}

/*----- SPECIAL QUERIES --*/
/*-- Tablet S --*/
@media screen and (max-width: 700px) and (min-height: 825px) {
    h1 {font-size: 46px; line-height: 54px; width: 480px; top: 206px;}
    #section1 form {top:612px;}
    .button-home {top:520px; margin-left: -170px;}
    #section1 #submit {top: 390px;}
    #logo {width: 240px; height: 230px;}
    #logo .logo-main {height: 84%;}
}

/*-- Tablet S Landscape --*/
@media screen and (min-width: 900px) and (max-height: 640px) {
    #logo {width:252px; height:182px;}
    h1 {font-size: 40px; line-height: 46px; top: 164px;}
    .button-home {top:330px;}
    .button-home {top:320px;}
}

/*-- Tablet M --*/
@media screen and (max-width: 800px) and (min-height: 890px) {
    h1 {font-size: 50px; line-height: 58px; width: 530px; top: 234px;}
    #section1 form {top:412px;}
    .button-home {top:620px;}
}

/*-- Tablet M Landscape --*/
@media screen and (min-width: 1000px) and (max-height: 699px) {
    #logo {width:352px; height:264px;}
    h1 {font-size: 52px; line-height: 60px; top: 238px;}
    .button-home {top:478px;}
    .button-home {top:420px;}
}

/*-- Tablet L --*/
@media screen and (max-width: 1080px) and (min-height: 1160px) {
    #logo {width: 412px; height: 334px;}
    #logo .logo-main {width: 360px;}
    h1 {font-size: 74px; line-height: 80px; top: 300px; width: 570px;}
    /*.promo-video {top:840px; font-size: 42px;}*/
    #section1 form {position:relative; top:540px; width:634px; margin:auto;}
    #section1 .form-container {width: 634px; height: 120px;}
    #section1 .form-content {height:120px;}
    #section1 .form-content p {margin-top: 30px;}
    #section1 .form-content input[type="text"] {width:212px; margin: 15px 18px 0;}
    #section1 .form-content select {width:240px; margin: 15px 18px 0;}
    /*#section1 .form-content input[type="submit"] {margin: 15px 0 0 16px;}*/
    #section1 #submit {margin: 15px 0 0 16px;}
    li.quote-intro {top:866px;}
}

/*-- Tablet L Landscape & iMac's --*/
@media screen and (min-width: 1300px) and (min-height: 901px) {
  h1 {font-size: 66px; line-height: 80px; top: 230px;}
  .button-home {top: 578px;}
  #play {width: 42px; height: 42px; margin-top: 6px; margin-left: 14px;}
  li.quote-intro {top:566px;}
  .button-home {top:520px;}
}