@charset "UTF-8";
/* CSS Document */

html,body { font-size:0; color:#fff; font-family:"Inter", sans-serif; height:100%; -moz-osx-font-smoothing:grayscale; text-size-adjust:none; -webkit-text-size-adjust:none;}
body { overflow:hidden;}
body,div,img,ul,li,h1,h2,h3,p,img,input,button,select,textarea,video { padding:0; margin:0; border:0; outline:0;}
input,button,textarea,select { font-family:"Inter", sans-serif !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; resize:none;}
a { cursor:pointer; color:inherit; text-decoration:none;}
h1,h2,h3 { font-weight:inherit;}
.ytouch,.ypad { display:none !important;}
.vmiddle { vertical-align:middle !important;}
.tra { transition:all .2s; -webkit-transition: all .2s;}
.relative { position:relative;}
::selection { background:rgba(100,100,100,.6);} 
::-moz-selection { background:rgba(100,100,100,.6);}
.pointer { cursor:pointer;}
.left { text-align:left;} .right { text-align:right;} .center { text-align:center;}
.floatleft { float:left;} .floatright { float:right;} .overflow { overflow:hidden;} 
.noland { display:none;}

.blackout { position:fixed; width:100%; height:100%; top:0; left:0; z-index:320; pointer-events:none;
transition:opacity 1.2s; -webkit-transition:opacity 1.2s; -o-transition:opacity 1.2s; -moz-transition:opacity 1.2s; background:#006073;}
.black_out { opacity:0;}

.intro { position:fixed; display:flex; align-items:center; justify-content:center; width:100%; height:100%; left:0; top:0; z-index:100; border-bottom:10px solid #757569;
        transition:top 1s 1.8s cubic-bezier(0.65, 0, 0.35, 1); 
-webkit-transition:top 1s 1.8s cubic-bezier(0.65, 0, 0.35, 1);
	 -o-transition:top 1s 1.8s cubic-bezier(0.65, 0, 0.35, 1); 
   -moz-transition:top 1s 1.8s cubic-bezier(0.65, 0, 0.35, 1);}
.intro-top { position:absolute; top:0; left:-5%; width:110%;}
.intro-btm { position:absolute; bottom:0; left:-5%; width:110%;}
.intro-logo { width:220px; transform:scale(0.95);
        transition:transform 5s; 
-webkit-transition:transform 5s;
	 -o-transition:transform 5s; 
   -moz-transition:transform 5s;}
.intro_on { top:-110%;}
.intro-logo_on { transform:scale(1.05);}

.introback { position:fixed; width:100%; height:100%; left:0; top:0; z-index:90;
        transition:top .9s 1.9s cubic-bezier(0.65, 0, 0.35, 1); 
-webkit-transition:top .9s 1.9s cubic-bezier(0.65, 0, 0.35, 1);
	 -o-transition:top .9s 1.9s cubic-bezier(0.65, 0, 0.35, 1); 
   -moz-transition:top .9s 1.9s cubic-bezier(0.65, 0, 0.35, 1);}
.introback_on { top:-110%;}

.logo_before { width:110px; margin-bottom:100px; position:absolute; left:50%; top:50px; margin-left:-55px;}
.cta { position:absolute; font-size:16px !important; bottom:140px; left:50%; margin-left:-135px; width:270px; cursor:pointer; padding:15px 20px; }
.switch { position:absolute; display:block; bottom:80px; font-size:14px !important; left:50%; margin-left:-135px; width:270px; cursor:pointer; opacity:.5; }


.center { text-align:center;}
.radius { border-radius:3px;}

.z1 { z-index:1;}
.z2 { z-index:2;}
.z3 { z-index:3;}
.z4 { z-index:4;}

.contain { max-width:800px; margin:20px auto 50px auto; box-sizing:border-box; padding:0 40px;}
.pad-top { padding-top:50px;}
.pad-btm { padding-bottom:50px;}

.max-text { max-width:560px; margin-left:auto; margin-right:auto;}

.pad-top-mini { padding-top:25px;}
.pad-btm-mini { padding-bottom:25px;}

.fifty { display:inline-block; width:50%;}

.bg-white { background-color:#fff !important; color:#505144;}
.bg-green { background-color:#505144;}
.bg-green-dark {  background-color:#353529;}

.serif { font-family:"Instrument Serif", serif; font-weight:400;}
.title { font-size:60px; line-height:60px;}
.text-big { font-size:28px;}
.text { font-size:16px; line-height:20px;}
.text-mini { font-size:14px; padding-bottom:20px;}
.bold { font-weight:bold;} 
p.text-mini { margin-bottom:20px;}
.italic { font-style:italic;}

.bg-warm { background-color:#EBEBEB; color:#636155;}
.c-less { opacity:.6;}

.bubble { padding:40px 40px 35px 40px; box-sizing:content-box; border-bottom:45px solid #505144;}

.person-group {max-height:0; opacity: 0; overflow:hidden; transform-origin: top; transform: translateY(-10px); transition:max-height 1s ease, opacity 1s ease, transform 1s ease;}
.person-group.show { max-height:500px; opacity:1; transform: translateY(0);}
.person-group.hide { max-height:0; opacity:0; transform: translateY(-10px);}

input, select { font-size:18px !important; width:100%; background:none; color:#636155; padding:15px 20px; margin-bottom:15px; border:1px solid rgba(99,98,86,1); box-sizing:border-box; outline:none; vertical-align:top;} 
select { appearance:none; -webkit-appearance:none; -moz-appearance:none; background:#ebebeb url("../img/arrow-down_g.svg") calc(100% - 16px) center/18px no-repeat;}

::placeholder{color:#a3a195;opacity:1;}
::-moz-placeholder{color:#a3a195;opacity:1;}
:-ms-input-placeholder{color:#a3a195;}::-ms-input-placeholder{color:#a3a195;}
input::placeholder,textarea::placeholder{color:#a3a195;opacity:1;}

.spacer { box-sizing:border-box; padding-left:15px;}

#add-person { text-transform:uppercase; margin-top:10px; padding:5px 0 5px 38px; background:transparent url(../img/add_g.svg) center left/30px no-repeat; cursor:pointer; color:#636155;}
#remove-person { text-transform:uppercase; color:#636155; margin:10px 0 0 20px; padding:5px 0 5px 38px; background:transparent url(../img/remove_g.svg) center left/30px no-repeat; cursor:pointer;}

#add-person:hover,#remove-person:hover { opacity:.6}

.divider { height:1px; margin:20px 0; background:rgba(255,255,255,.2);}

#submit { color:#fff; width:auto; margin:0 15px; background:#636155 url(../img/plane_w.svg) calc(100% - 15px) center/35px no-repeat; padding-right:60px;}
#submit:hover { background-color:#818269;  border-color:#818269;}
.load { opacity:0; width:1px;} .load_on { opacity:1; width:auto;} 

@keyframes vV { 0% { left:105%; opacity:0; } 100% { left:calc(100% - 40px); opacity:.8; }}
@-moz-keyframes vV { 0% { left:105%; opacity:0; } 100% { left:calc(100% - 40px); opacity:.8; }}
@-webkit-keyframes vV { 0% { left:105%; opacity:0; } 100% { left:calc(100% - 40px); opacity:.8; }}
@-ms-keyframes vV { 0% { left:105%; opacity:0; } 100% { left:calc(100% - 40px); opacity:.8; }}
@-o-keyframes vV { 0% { left:105%; opacity:0; } 100% { left:calc(100% - 40px); opacity:.8; }}

.valid input, .valid select { background-color:#fff;}

.relative.valid:before {
  content:"";
  display:block;
  width:24px;
  height:24px;
  border-radius:100%;
  border:1px solid #bbab9f;
  background:#fff url(../img/v-thicker.svg) center/12px no-repeat;
  position:absolute;
  top:13px;
  left:calc(100% - 40px);
  animation:vV .3s cubic-bezier(0.16, 1, 0.3, 1);}

.error { border:1px solid #cf6959;}

.billboard { display:flex; justify-content:center; /* h*/ align-items:center; /* v*/ flex-direction: column; width:100%; height:100vh; 
	overflow:hidden; box-sizing:border-box;}
.bg { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;}
.bg-top { position:fixed; top:0; left:0; width:100%; height:100vh; pointer-events:none; opacity:.5;}
.cover { -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}

.veil { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5);}

/* after */

.logo_after { width:220px; margin-bottom:80px;}

@keyframes aB {0% { transform: scale(1.35); -webkit-transform: scale(1.35);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-moz-keyframes aB { 0% { transform: scale(1.35); -webkit-transform: scale(1.35);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-webkit-keyframes aB {0% { transform: scale(1.35); -webkit-transform: scale(1.35);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-ms-keyframes aB {0% { transform: scale(1.35); -webkit-transform: scale(1.35);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }
@-o-keyframes aB {0% { transform: scale(1.35); -webkit-transform: scale(1.35);} 100% { transform: scale(1.0); -webkit-transform: scale(1.0); } }

.finale { 
	     animation:aB 25s ease-out forwards; 
	-moz-animation:aB 25s ease-out forwards; 
 -webkit-animation:aB 25s ease-out forwards; 
	 -ms-animation:aB 25s ease-out forwards; 
	  -o-animation:aB 25s ease-out forwards;}

/* IF iPHONE */
@media only screen and (max-width:830px) {
	
	body { overflow:auto;}

	.ytouch { display:inherit !important;}
	.ntouch,.ypad { display:none !important;}
	.tcenter { text-align:center;}
	
	.fifty { width:100%;}
	.spacer { padding-left:0;}
	
	.contain { padding:0 10px;}
	.bubble { padding:40px 20px 35px 20px;}

}


/* IF iPHONE */
@media only screen and (max-device-width:768px) and (orientation:landscape) {
	.noland { display:block; position:fixed; width:100%; height:100%; left:0; top:0; z-index:1999; text-align:center;}	
	.noland-img { width:140px; height:140px; margin:40px 0;}
	html, body { overflow:hidden !important;}
}