/*------------------------------------------------------------------

[Table of contents]
1. General styles					| 
2. Earth animation					| .EarthSection, .Earth
3. Background pictures				| .BackgroundPics
4. Noise effect						| .Noise	
5. Vertical lines					| .Lines, .SectionLines
6. Logo								| .Logo, .OverlayLogo
7. Intro screen						| .Intro
8. Preloader						| .Preloader
9. Links							| .NiceLink
10. Social buttons					| .Socials
11. Countdown						| .Countdown
12. Corners							| .Corners
13. Main navigation menu			| .MainNav, .MenuHover, .MobileNav
14. Sections and section elements	| .Section, .SubscribeForm, .GoogleMaps, .SectionBack
15. Keyframes						|
16. Responsive breakpoints			|

-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[1. General styles]
*/

body,html { padding:0; margin:0; font-family:'Montserrat', sans-serif; }
@media (min-width:641px) { body,html { width:100%; height:100%; overflow:hidden; } }
*:not(input) {
  -webkit-touch-callout: none; 
    -webkit-user-select: none;
     -khtml-user-select: none; 
       -moz-user-select: none;
        -ms-user-select: none; 
            user-select: none; }

			
/*------------------------------------------------------------------
[2. Earth animation]
*/

.EarthSection { position:absolute; width:100%; height:100%;
	background: #1e7ed0; /* Old browsers */
	background: -moz-linear-gradient(top,  #01418f 0%, #6abaeb 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #01418f 0%,#6abaeb 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #01418f 0%,#6abaeb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01418f', endColorstr='#6abaeb',GradientType=0 ); /* IE6-9 */
}

.Earth > canvas { position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}


/*------------------------------------------------------------------
[3. Background pictures]
*/

.BackgroundPics > div {	opacity:0; transition:1s opacity ease-in-out; -webkit-transition:1s opacity ease-in-out; z-index:1; position:absolute; top:0; height:100%; opacity:0;}
.BackgroundPics > div > div { width:100%; height:100%; }
.BackgroundPics > div.Active {	opacity:1; }
body.MenuHovered .BackgroundPics > div {	opacity:0!important; transition:.6s opacity ease-in-out; -webkit-transition:.6s opacity ease-in-out; }

.BackgroundPics > div[data-width='1'] { width:10%; }
.BackgroundPics > div[data-width='2'] { width:20%; }
.BackgroundPics > div[data-width='3'] { width:30%; }
.BackgroundPics > div[data-width='4'] { width:40%; }
.BackgroundPics > div[data-width='5'] { width:50%; }
.BackgroundPics > div[data-width='6'] { width:60%; }
.BackgroundPics > div[data-width='7'] { width:70%; }
.BackgroundPics > div[data-width='8'] { width:80%; }
.BackgroundPics > div[data-width='9'] { width:90%; }
.BackgroundPics > div[data-width='10'] { width:100%; }

.BackgroundPics > div[data-position='0'] { left:0%; }
.BackgroundPics > div[data-position='1'] { left:10%; }
.BackgroundPics > div[data-position='2'] { left:20%; }
.BackgroundPics > div[data-position='3'] { left:30%; }
.BackgroundPics > div[data-position='4'] { left:40%; }
.BackgroundPics > div[data-position='5'] { left:50%; }
.BackgroundPics > div[data-position='6'] { left:60%; }
.BackgroundPics > div[data-position='7'] { left:70%; }
.BackgroundPics > div[data-position='8'] { left:80%; }
.BackgroundPics > div[data-position='9'] { left:90%; }

/*------------------------------------------------------------------
[4. Noise effect]
*/

.Noise { z-index:21; position:absolute; top:0; left:0; width:100%; height:100%; background:url('_pics/noise.gif'); opacity:0.015; pointer-events:none; transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out; opacity:0.05;}
.Noise.AfterIntro { z-index:11; }
	

/*------------------------------------------------------------------
[5. Vertical lines]
*/	

.Lines > div { position:absolute; top:0; width:1px; background:#FFF; height:100%; opacity:0.1; z-index:3; }
.Lines > div:nth-child(1) { left:10%; }
.Lines > div:nth-child(2) { left:20%; }
.Lines > div:nth-child(3) { left:30%; }
.Lines > div:nth-child(4) { left:40%; }
.Lines > div:nth-child(5) { left:50%; }
.Lines > div:nth-child(6) { left:60%; }
.Lines > div:nth-child(7) { left:70%; }
.Lines > div:nth-child(8) { left:80%; }
.Lines > div:nth-child(9) { left:90%; }

.SectionLines > div { position:absolute; top:0; width:1px; background:#000; height:100%; opacity:0.1; z-index:35; transition:.3s transform ease-in-out; -webkit-transition:.3s transform ease-in-out; transform:scaleY(0); -webkit-transform:scaleY(0); transform-origin:0 0; -webkit-transform-origin:0 0; }
.SectionLines > div:nth-child(1) { left:10%; transition-delay:0s;}
.SectionLines > div:nth-child(2) { left:20%; transition-delay:0.2s;}
.SectionLines > div:nth-child(3) { left:30%; transition-delay:0.4s;}
.SectionLines > div:nth-child(4) { left:40%; transition-delay:0.6s;}
.SectionLines > div:nth-child(5) { left:50%; transition-delay:0.8s;}
.SectionLines > div:nth-child(6) { left:60%; transition-delay:1s;}
.SectionLines > div:nth-child(7) { left:70%; transition-delay:1.2s;}
.SectionLines > div:nth-child(8) { left:80%; transition-delay:1.4s;}
.SectionLines > div:nth-child(9) { left:90%; transition-delay:1.6s;}

.SectionLines.Active > div { transform:scaleY(1); -webkit-transform:scaleY(1); }


/*------------------------------------------------------------------
[6. Logo]
*/

.Logo { position:absolute; top:3vw; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:25; width:17vw;}
.OverlayLogo { position:absolute;  z-index:40;top:3vw; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:17vw; opacity:0; transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;}
.OverlayLogo.Active { opacity:1; }


/*------------------------------------------------------------------
[7. Intro screen]
*/

.Intro { text-align:center; background:rgba(0,0,0,0.9); position:fixed; top:0; left:0; width:100%; height:100%; z-index:20;}
.Intro > .Wrapper { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }

.IntroComingSoon { font-weight:300; text-transform:uppercase; white-space:nowrap; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); display:inline-block; color:#ffc000;  font-size:4.5vw;}
.IntroBtnWrapper { width:100%; position:absolute;bottom:20%;}
.IntroBtn { position:static; text-align:left; overflow:hidden; display:inline-block; text-transform:uppercase;}
.IntroBtn > span { cursor:pointer; -webkit-animation: PulseHard 1.5s ease-in-out infinite;    animation: PulseHard 1.5s ease-in-out infinite; font-family: 'Montserrat', serif; font-weight:900; color:#FFF; text-decoration:none; font-size:1.4vw; line-height:1.4vw; display:inline-block; transition:.3s color ease-in-out; -webkit-transition:.3s color ease-in-out; }
.IntroBtn > span:hover { color:#ffc000; }
.IntroBtn:after { padding-top:3px; color:#FFF; display:block; font-size:0.8vw; font-family:'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; content:'Hold me'; opacity:0; transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;transition-delay:1s; -webkit-transition-delay:1s; }
.IntroBtn.Active:after { opacity:1;  transition-delay:0s; -webkit-transition-delay:0s; transition:none; -webkit-transition:none; }
.IntroBtnProgress { position:absolute; top:50%; left:0; width:100%;  height:3px; display:block; width:100%; background:#FFF; transform:scaleX(0); -webkit-transform:scaleX(0); transform-origin:0 0; -webkit-transform-origin:0 0; margin-bottom:0.5vw;  }


/*------------------------------------------------------------------
[8. Preloader]
*/

.Preloader { background:rgba(10,10,10,1); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}
.PreloaderAnim { position:absolute; top:calc(50% - 40px); left:calc(50% - 40px); width: 80px; height: 80px; }
.PreloaderAnim span { position:absolute; border: 10px solid #ffc000; border-top: 10px solid transparent; border-radius:999px; }
.PreloaderAnim span:nth-child(1){ width:80px; height:80px; animation: spin-1 2s infinite linear; }
.PreloaderAnim span:nth-child(2){ top: 20px; left: 20px; width:40px; height:40px; animation: spin-2 1s infinite linear; }


/*------------------------------------------------------------------
[9. Links]
*/

.NiceLink { outline:0!important; position:relative; display:inline-block; color:#000; text-decoration:none; overflow:hidden; padding-bottom:5px;}
.NiceLink::after { background:#000; content:' '; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; transition:.3s transform ease-in-out; -webkit-transition:.3s transform ease-in-out; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.NiceLink:hover::after { transform:translateX(-0%); -webkit-transform:translateX(-0%);}


/*------------------------------------------------------------------
[10. Social buttons]
*/

.Socials { position:absolute; top:3vw; left:10%; z-index:10; overflow:hidden; padding-right:1vw;}
.Socials ul { list-style-type:none; padding:0; margin:0; transition:1s transform ease-in-out; -webkit-transition:1s transform ease-in-out; transition-delay:1.2s; -webkit-transition-delay:1.2s; transform:translateX(-100%); -webkit-transform:translateX(-100%);}
body.AfterIntro .Socials ul { transform:translateX(0%); -webkit-transform:translateX(0%); }
.Socials li { display:inline-block; padding:0; margin:0 1vw 0 0; }
.Socials li:last-child { margin:0; }
.Socials a { display:inline-block; color:#FFF; font-size:1.5vw;transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;}
.Socials a:hover { opacity:0.5; }


/*------------------------------------------------------------------
[11. Countdown]
*/

.CountdownWrapper { overflow:hidden; width:20%;  z-index:20;position:absolute; top:calc(50% - 2vw); left:10%; display:block; overflow:hidden; text-transform:uppercase; color:#FFF; font-size:1vw; font-weight:300;}
.Countdown { transition:1s transform ease-in-out; -webkit-transition:1s transform ease-in-out; transition-delay:1.2s; -webkit-transition-delay:1.2s; transform:translateX(-100%); -webkit-transform:translateX(-100%); }
body.AfterIntro .Countdown { transform:translateX(0%); -webkit-transform:translateX(0%);  }


/*------------------------------------------------------------------
[12. Corners]
*/

.Corners > span { position:absolute; display:block; z-index:9999; transition:.6s border ease-in-out; -webkit-transition:.6s border ease-in-out;}
.Corners > span:nth-child(1) { top:1.5vw; left:1.5vw; border-top:1px solid #FFF; border-left:1px solid #FFF; width:30px; height:30px; }
.Corners > span:nth-child(2) { top:1.5vw; right:1.5vw; border-top:1px solid #FFF; border-right:1px solid #FFF; width:30px; height:30px; }
.Corners > span:nth-child(3) { bottom:1.5vw; right:1.5vw; border-bottom:1px solid #FFF; border-right:1px solid #FFF; width:30px; height:30px; }
.Corners > span:nth-child(4) { bottom:1.5vw; left:1.5vw; border-bottom:1px solid #FFF; border-left:1px solid #FFF; width:30px; height:30px; }

body.OnSection .Corners > span { border-color:#000!important; }


/*------------------------------------------------------------------
[13. Main navigation menu]
*/

.MainNav ul { list-style-type:none; display:inline; padding:0; margin:0;}
.MainNav li { list-style-type:none; display:inline; padding:0; margin:0;}
.MainNav li > span { z-index:15; position:absolute; top:0; width:3px; height:100%; background:#FFF; transform-origin:50% 0%; -webkit-transform-origin:50% 0%; transform:scaleY(0); -webkit-transform:scaleY(0); }
.MainNav li:nth-child(1) > span { left:calc(70% - 2px); }
.MainNav li:nth-child(2) > span { left:calc(80% - 2px); }
.MainNav li:nth-child(3) > span { left:calc(90% - 2px); }


.MainNav li > div { z-index:20;position:absolute; top:calc(50% - 1vw); display:block; width:10%; overflow:hidden; }
.MainNav li > div > div { transition:1.5s transform ease-in-out; -webkit-transition:1.5s transform ease-in-out; }
.MainNav li > div > div > span { cursor:pointer; display:block; text-decoration:none; color:#FFF; font-size:1.4vw; font-family: 'Montserrat', serif; font-weight:900; Transition:.6s transform ease-in-out; -webkit-transition:.6s transform ease-in-out; }
.MainNav li > div > div > span:hover { transform:translateX(.3vw); -webkit-transform:translateX(.3vw); transition:.3s transform ease-in-out; -webkit-transition:.3s transform ease-in-out;}
.MainNav li:nth-child(1) > div { left:70%; }
.MainNav li:nth-child(2) > div { left:80%; } 
.MainNav li:nth-child(3) > div { left:90%; }

.MainNav:not(.AfterIntro) li > div > div { transform:translateX(-100%); -webkit-transform:translateX(-100%);}
.MainNav li:nth-child(1) > div > div { transition-delay:0s; -webkit-transition-delay:0s; }
.MainNav li:nth-child(2) > div > div { transition-delay:.2s; -webkit-transition-delay:.2s; }
.MainNav li:nth-child(3) > div > div { transition-delay:.4s; -webkit-transition-delay:.4s; }

.MainNav li > div > div > span:after { transition-delay:0; -webkit-transition-delay:0; display:block; font-size:0.8vw; font-family:'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; content:'Hold me'; opacity:0; transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;  transition-delay:1s; -webkit-transition-delay:1s;}
.MainNav li > div > div > span:active:after { opacity:1;  transition-delay:0s; -webkit-transition-delay:0s; transition:none; -webkit-transition:none; }

.MobileNav { display:none; }

/* Full screen background hover text */
.MenuHover { z-index:2; font-size:20vw; color:#000; position:absolute; top:50%; left:0; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);  font-family: 'Montserrat', serif; font-weight:900; transition:.6s transform ease-in-out, .6s opacity ease-in-out; -webkit-transition:.6s transform ease-in-out, .6s opacity ease-in-out; opacity:0; }
.MenuHover > div { -webkit-animation: Pulse 1.5s ease-in-out infinite;    animation: Pulse 1.5s ease-in-out infinite; float:left; text-align:center;transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;}
.MenuHover.Active { opacity:1; }


/*------------------------------------------------------------------
[14. Sections]
*/

.Section::before { position:absolute; top:0; height:100%; width:100%; left:0; background:#FFF; content:' '; display:block; z-index:30; transform:scaleX(0); -webkit-transform:scaleX(0); transition:.8s transform ease-in-out; -webkit-transition:.8s transform ease-in-out;}
.Section.Expand::before {transform:scaleX(1); -webkit-transform:scaleX(1);}
.Section.Section-About::before { transform-origin:70% 50%; -webkit-transform-origin:70% 50%;}
.Section.Section-Notify::before { transform-origin:80% 50%; -webkit-transform-origin:80% 50%;}
.Section.Section-Contact::before { transform-origin:90% 50%; -webkit-transform-origin:90% 50%;}

.Section .SectionWrapper { visibility:hidden; }
.Section.Expand .SectionWrapper { visibility:visible; }

/* Section elements */
.Section h2 { opacity:0; margin:0; font-size:20vw; color:#f7f7f7; position:absolute; top:50%; width:100%; text-align:center; display:block; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);  font-family: 'Montserrat', serif; font-weight:900; transition:.6s opacity ease-in-out; -webkit-transition:.6s opacity ease-in-out; transition-delay:0.2s; -webkit-transition-delay:0.2s; z-index:30;}
.Section.Active h2 { opacity:1; transition-delay:.7s; -webkit-transition-delay:.7s; }

.SectionContent { z-index:40; font-size:1vw; line-height:1.9vw; overflow:hidden; }
.SectionContent > div { transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:1s transform ease-in-out; -webkit-transition:1s transform ease-in-out;}
.SectionContent, .SectionContent * { backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.Section.Active .SectionContent > div  { transform:translateX(0); -webkit-transform:translateX(0); transition-delay:.5s; -webkit-transition-delay:.5s;}
.Section-About .SectionContent { position:absolute; left:40%; width:40%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.Section-Contact .SectionContent { position:absolute; left:40%; width:40%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.Section-Notify .SectionContent { position:absolute; left:40%; width:30%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); }

.GoogleMaps { height:30vh; }

/* Subscribe form */
.SubscribeForm { margin-top:2vw;margin-bottom:2vw; display:block; }
.SubscribeForm input[type='text'] { transition:.3s border ease-in-out; -webkit-transition:.3s border ease-in-out; outline:0!important; border:none; padding:.5vw 0; background:none; margin-bottom:2vw; border-bottom:3px solid #000; width:100%; }
.SubscribeForm input[type='text'].FailedValidation { border-bottom:3px solid #F00;  }
.SubscribeFormStatus { transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:1s transform ease-in-out; -webkit-transition:1s transform ease-in-out; }
.SubscribeFormStatus.Active { transform:translateX(0%); -webkit-transform:translateX(0%);}

/* "Back" link */
.SectionBackLink { position:absolute; left:20%; top:calc(50% - 1vw); width:20%; overflow:hidden; z-index:40;}
.SectionBackLink > div { transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:1s transform ease-in-out; -webkit-transition:1s transform ease-in-out;  }
.Section { display:none; }
.Section.Active .SectionBackLink > div { transition-delay:1s; -webkit-transition-delay:1s; transform:translateX(0); -webkit-transform:translateX(0);  }
.SectionBackLink > div > span { cursor:pointer; display:block; position:relative; text-decoration:none; color:#000; font-size:1.4vw; font-family: 'Montserrat', serif; font-weight:900; transition:.6s transform ease-in-out; -webkit-transition:.6s transform ease-in-out; }
.Section.Active .SectionBackLink > div > span:hover { transition:.3s transform ease-in-out!important; -webkit-transition:.3s transform ease-in-out!important; transform:translateX(.3vw)!important; -webkit-transform:translateX(.3vw)!important;}
.SectionBackProgress { opacity:0; transform:scaleY(0); -webkit-transform:scaleY(0); left:calc(20% - 2px); z-index:15; position:absolute; z-index:40; top:0; width:3px; height:100%; background:#000; transform-origin:50% 0%; -webkit-transform-origin:50% 0%;  transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out;}
.Section.Active .SectionBackProgress { opacity:1;}
.SectionBack > div > div > span:after { display:block; font-size:0.8vw; font-family:'Montserrat', sans-serif; font-weight:300; text-transform:uppercase; content:'Hold me'; opacity:0; transition:.3s opacity ease-in-out; -webkit-transition:.3s opacity ease-in-out; transition-delay:1s; -webkit-transition-delay:1s;}
.SectionBack > div > div > span:active:after  { opacity:1; transition-delay:0s; -webkit-transition-delay:0s; transition:none; -webkit-transition:none; }


/*------------------------------------------------------------------
[15. Keyframes]
*/
@-webkit-keyframes Pulse {
    0% { opacity:0.1; }
    50% { opacity:0.3; }
    100% { opacity:0.1; }
}
@keyframes Pulse {
    0% { opacity:0.1; }
    50% { opacity:0.3; }
    100% { opacity:0.1; }
}
@-webkit-keyframes PulseHard {
    0% { opacity:1; }
    50% { opacity:0.3; }
    100% { opacity:1; }
}
@keyframes PulseHard {
    0% { opacity:1; }
    50% { opacity:0.3; }
    100% { opacity:1; }
}

@keyframes spin-1 {
	0% {transform: rotate(360deg); opacity: 1;}
	50% {transform: rotate(180deg); opacity: 0.5;}
	100% {transform: rotate(0deg); opacity: 1;}
}
@keyframes spin-2 {
	0% {transform: rotate(0deg); opacity: 0.5;}
	50% {transform: rotate(180deg); opacity: 1;}
	100% {transform: rotate(360deg); opacity: 0.5;}
}


/*------------------------------------------------------------------
[16. Responsive breakpoints]
*/

@media (min-width:641px) and (max-width:1023px) {
	.Logo, .OverlayLogo, .Socials { top:6vw; }
}
@media (max-width:1440px) {
	.CountdownWrapper { font-size:1.5vw; }
	.Socials a { font-size:2vw; }
	.Socials li { margin:0 1.5vw 0 0; }
	.OverlayLogo { width:23vw; }
	.Logo { width:23vw; }
	.MainNav li > div > div > span { font-size:1.8vw; }
	.MainNav li > div > div > span:after { font-size:1.2vw; }
	.IntroComingSoon { font-size:6vw; }
	.IntroBtn > span { font-size:1.8vw; }
	.IntroBtn:after { font-size:1.2vw; }
	.SectionBackLink { left:10% }
	.SectionBackLink > div > span { font-size:1.8vw; }
	.SectionBackLink > div > span:after { font-size:1.2vw; }
	.Section-About .SectionContent { left:30%; width:60%; }
	.Section-Contact .SectionContent { left:30%; width:60%; top:50%; }
	.Section-Notify .SectionContent {left:30%; width:50%; top:50%; }
	.SectionContent { font-size:1.4vw; line-height:2.2vw; }
	.SectionBackProgress { left:calc(10% - 2px); }
}

@media (max-width:640px) {
	body, html { height:auto; }
	body { overflow:hidden; height:100%; }
	body.AfterIntro { overflow:auto; overflow-x:hidden; height:auto; }
	.BackgroundPics > div { left:0!important; width:100%!important; }
	.EarthSection { position:relative; height:100vh; }
	.MenuHover { display:none!important; }
	.MainNav { display:none!important; }
	.OverlayLogo { display:none!important; }
	.Logo { top: 50px; width:50%; }
	.Section { z-index:10; }
	.Section .SectionWrapper { width:auto; padding:40px 20px 20px 20px;  background:#FFF; visibility:visible; position:static; height:auto;}
	.SectionContent { width:100%!important; font-size:14px; line-height:28px; position:relative!important; top:0!important; left:0!important; z-index:10!important; transform:none!important; -webkit-transform:none!important; }
	.SectionContent > div { transition:none!important; -webkit-transition:none!important; transform:none; -webkit-transform:none; }
	.SectionWrapper h2 { margin-bottom:20px; font-size:30px; opacity:1; color:#000; position:static; transform:none; -webkit-transform:none;}
	.SectionBackLink { display:none!important;}
	.SectionLines { display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5; opacity:1;  }
	.SectionLines > div { opacity:0.05; height:100%; transform:scaleY(1);-webkit-transform:scaleY(1);}
	.SectionLines > div:nth-child(odd) { display:none; }
	.Section::before { display:none!important;}
	.Sections { position:relative; }
	.Lines > div:nth-child(odd) { display:none; }
	
	.IntroComingSoon { font-size:20px;}
	.IntroBtnWrapper { box-sizing:border-box; padding:0 30px; }
	.IntroBtn > span { font-size: 16px; text-align: center; line-height: 20px; }
	.IntroBtn::after { font-size:10px; text-align:center; }
	.GoogleMaps { height:150px; }
	
	.MobileNav { transition-delay:.4s; -webkit-transition-delay:.4s; opacity:0; transition:1s opacity ease-in-out; -webkit-transition:1s opacity ease-in-out; z-index:10; display:block; position:absolute; text-align:center; bottom:80px; left:0; width:100%; }
	body.AfterIntro .MobileNav { opacity:1; }
	.MobileNav ul { list-style-type:none; margin:0; padding:0; }
	.MobileNav li { color:#FFF; display:block; }
	.MobileNav a { margin:0.5em 0; color:#FFF; text-decoration:none; display:inline-block;  font-family: 'Montserrat', serif; font-weight:900; font-size:20px; text-shadow: rgba(0, 0, 0, 1) 0px 0px 31px; }
	
	.SubscribeForm { margin:0; }
	.SubscribeForm input[type='text'] { padding:5px 0; margin-bottom:20px; }
	.Socials { overflow:visible; top:auto; bottom:20px; left:0; width:100%; text-align:center; }
	.Socials ul {  padding:0; transition:1s opacity ease-in-out; -webkit-transition:1s opacity ease-in-out; transition-delay:0.4s; -webkit-transition-delay:0.4s; transform:none; -webkit-transform:none; opacity:0;}
	body.AfterIntro .Socials ul { opacity:1; }
	.Socials li { margin-right:10px; }
	.Socials a { font-size:20px; text-shadow: rgba(0, 0, 0, 1) 0px 0px 31px;}

	.SubscribeForm input[type='text'] { border-bottom:2px solid #000; }
	.SubscribeForm input[type='text'].FailedValidation { border-bottom:2px solid #F00;  }
	.NiceLink::after { height:2px; }
	
	.CountdownWrapper { overflow:visible; width:80%; font-size:16px; text-align:center; top:28%; text-shadow: rgba(0, 0, 0, 1) 0px 0px 31px, rgba(0, 0, 0, 1) 0px 0px 31px; }
	.Countdown { transition-delay:0.4s; -webkit-transition-delay:0.4s;  transform:translateX(0); -webkit-transform:translateX(0); transition:1s opacity ease-in-out; -webkit-transition:1s opacity ease-in-out; opacity:0;}
	body.AfterIntro .Countdown { opacity:1; }
	
	.Corners > span:nth-child(1) { top:15px; left:15px; }
	.Corners > span:nth-child(2) { top:15px; right:15px; }
	.Corners > span:nth-child(3) { bottom:15px; right:15px; }
	.Corners > span:nth-child(4) { bottom:15px; left:15px; }
}


@media (max-width:640px) and (max-height:400px) {
	.MobileNav { bottom: 45%; left: 0; width: 40%; transform: translateY(50%); -webkit-transform: translateY(50%); }
	.MobileNav a { margin:0.2em 0; }
	.CountdownWrapper { left:60%; width:40%; top:55%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.Logo { top:35px; width:30%; }
	.IntroBtnWrapper { bottom:20px; }
}