@import url('/css/fonts.css') screen;
@import url('/css/icons.css') screen;
@import url('/css/anim.css') screen;
@import url('/css/reset.css') screen;
@import url('/css/buttons.css') screen;

body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:'Roboto';}

body{flex-direction:column;}
body>*{z-index:2;}


a,button,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}

a,a:active,a:visited{color:#8a16dc;}

body{justify-content:flex-start;padding-top:130px;font-size:0;overflow-x:hidden;background:#232d43;}

body:after{content:"";position:fixed;top:0;height:100vh;left:0;right:0;z-index:-1;background:#232d43 url('/console/i/adventure-air-aircraft-36487-min.jpg') bottom center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

body>*{z-index:20;}

div#DinomLogo{max-height:90px;display:inline-flex;justify-content:flex-end;align-items:center;}
div#DinomLogo span{color:#245c86;font-size:40px;font-family:'Roboto';font-weight:100;text-shadow:0 1px 1px #d7f1ff;}
div#DinomLogo svg{transform:scale(0.3);width:220px;height:220px;border:8px solid white;box-sizing:content-box;box-shadow:0 0 10px 5px #59c0fd;margin:0 -60px;}

body.wait div#DinomLogo{position:absolute;top:0;left:0;width:100%;height:100%;background:white;display:flex;justify-content:center;align-items:center;max-height:initial;z-index:5000;}
body.wait div#DinomLogo span{display:none;}
body.wait div#DinomLogo svg{animation:slowBlink 1.5s infinite;transform:scale(1);}

div#navigation{height:91px;min-height:91px;box-shadow:0 0 15px 0px #4ec1ff;padding:0 20px;background:rgba(199,241,255,0.95);border:1px solid #39d9ff;border-top:0;width:80%;margin:0 10%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:fixed;top:0;left:0;z-index:30;}

div#navigation button{font-size:18px;padding:10px 15px;transition:none;}

div#navigation div#navBox{flex:1 1 auto;margin:0 20px;height:100%;}
div#navigation div#navBox>div{display:none;opacity:0;min-height:100%;}
div#navigation div#navBox>div.selected{display:flex;opacity:1;}

div#navigation div#navBox div#mainNav{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:100%;}
div#navigation div#navBox div#mainNav ul{list-style:none;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;height:100%;margin:0;padding:0;}
div#navigation div#navBox div#mainNav ul li{height:100%;font-size:24px;font-family:'Arsenal';cursor:pointer;color:#026794;display:inline-flex;justify-content:center;align-items:center;bottom:0;}
div#navigation div#navBox div#mainNav ul li:hover{color:black;position:relative;bottom:-3px;}
div#navigation div#navBox div#mainNav ul li a{color:inherit;text-decoration:none;display:flex;border-bottom:none;height:100%;justify-content:center;align-items:center;padding:0 20px;}

div#navigation div#accountButtons{margin:24px 0 24px 0;display:flex;justify-content:center;align-items:center;flex-direction:row;}
div#navigation div#accountButtons a,div.section.banner div.infoButtons a{border-bottom:none;}
div#navigation div#accountButtons a:first-of-type,div.section.banner div.infoButtons a:first-of-type{margin-right:15px;}

div.section{width:100%;margin-top:200px;margin-bottom:300px;background:#b3dcef;opacity:0.925;position:relative;padding:0 10%;}
div.section:last-of-type{margin-bottom:0;padding-bottom:100px;}
div.section.plain{margin:0 10%;width:80%;background:transparent;opacity:1;}


div.section:not(.plain)::before, div.section:not(.plain):not(:last-of-type)::after{content:"";height:150px;width:100%;background:url('/img/wave3.png') top center repeat-x;display:block;position:absolute;left:0;}
div.section:not(.plain)::before{top:-150px;}
div.section:not(.plain)::after{background-image:url('/img/wave4.png')!important;bottom:-150px;}

div.section.banner{font-family:'Roboto';color:white;display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;padding:35px 20px;background:rgba(17,43,76,0.9);border:1px solid #1a4a7b;}
div.section.banner h1{width:100%;font-size:30px;margin:0 0 30px 0;text-indent:30px;}

div.section.banner div.content{max-width:calc(100% - 535px);display:flex;flex-direction:column;}

div#wrapper{display:flex;flex-direction:row;}

div#imgBox{width:500px;min-width:500px;max-width:500px;height:345px;min-height:345px;max-height:345px;background:url('/img/Laptop.png') center center no-repeat;margin-left:35px;position:relative;}
div#imgBox img{opacity:0;top:20px;left:88px;position:absolute;transition:opacity linear 0.5s;}
div#imgBox img.active{opacity:1;}

div.section.banner div.infoBox{font-family:'Roboto';font-size:18px;font-weight:300;line-height:28px;height:85%;}
div.section.banner div.infoButtons{width:100%;text-align:center;font-size:0;height:15%;}

div.dataBlock{font-family:'Roboto';font-weight:300;font-size:24px;line-height:36px;color:#245c86;}
div.dataBlock h2{margin:0;font-family:'Arsenal';font-size:36px;color:#245c86;text-align:center;text-shadow:0 1px 0px white;}
div.dataBlock div.sep{position:relative;border:none;display:block;width:250px;height:2px;background:#49a0ba;margin:50px auto;text-align:center;}
div.dataBlock div.sep img{background:#b3dcef;margin-top:-40px;padding:20px;}

a,a:visited,a:active,a:hover{color:#128fb7;border-bottom:1px solid #128fb7;text-decoration:none;}

div.dataBlock div.part{width:100%;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;margin-top:100px;}
div.dataBlock div.part:first-child{margin-top:50px;}
div.dataBlock div.part i{width:150px;font-size:70px;display:inline-flex;justify-content:center;align-items:center;color:white;cursor:default;position:relative;left:-100px;opacity:0;transition:all linear 300ms;}
div.dataBlock div.part i::before{content:'';width:150px;height:150px;position:absolute;background:#103450;display:block;z-index:-2;border-radius:50%;}

div.dataBlock div.part p,div.dataBlock div.part div.p{width:calc(100% - 200px);margin:0 0 0 50px;background:white;padding:20px 30px;box-shadow:0 4px 10px -2px #20475f;transform:translate(2000px,0);transition:transform ease-out 500ms;}
div.dataBlock div.part:nth-child(even){flex-direction:row-reverse;}
div.dataBlock div.part:nth-child(even) i{left:100px;}
div.dataBlock div.part:nth-child(even) p,div.dataBlock div.part:nth-child(even) div.p{margin:0 50px 0 0;transform:translate(-2000px,0);}
div.dataBlock div.part:last-of-type{margin-bottom:25px;}

ul.DinomList{list-style:none;margin:20px 0 0 0;}
ul.DinomList li{height:40px;}
ul.DinomList li::before{content:'';width:20px;height:20px;top:3px;position:relative;display:inline-block;background:url('/img/Transparent100.png') center center no-repeat;background-size:cover;margin-right:8px;}

div.dataBlock div#statsGrid{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-top:75px;}
div.dataBlock div#statsGrid div{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:33.3%;}
div.dataBlock div#statsGrid div h3{font-size:30px;font-family:'Arsenal';width:100%;margin:0 0 20px 0;text-align:center;}
div.dataBlock div#statsGrid div span{font-family:'Roboto';font-size:50px;margin-bottom:30px;font-weight:bold;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:row;}

div#fundamentals>div:first-child{margin-bottom:30px;}

div.fBox{display:flex;flex-direction:row;justify-content:center;align-items:center;}
div.fBox div.boxIcon{position:relative;height:400px;width:400px;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity linear 500ms;}
div.fBox div.boxIcon::before{content:'';width:400px;height:400px;display:block;position:absolute;top:0;left:0;background:transparent url(/img/perf_wheel.png) center center no-repeat;background-size:cover;animation:slowBlink 2.5s infinite;}

div.fBox div.boxIcon#secBox::before{background-image:url('/img/sec_wheel.png');}
div.fBox div.boxIcon#flexBox::before{background-image:url('/img/flex_wheel.png');}

div.fBox div.part{width:calc(100% - 500px);margin-right:100px;height:300px;background:#1b3050;box-shadow:inset 0 0 10px #3aa6ff;border:1px solid #b4e6ff;position:relative;font-family:'Roboto';font-size:22px;font-weight:300;line-height:30px;color:white;padding:20px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform ease-out 500ms;transform:translate(-2000px);}
div.fBoxRev div.part{margin:0 0 0 100px;transform:translate(2000px);}
div.fBoxRev{flex-flow:row-reverse;}

div.fBox div.part::after{content:'';height:100%;width:100%;display:block;z-index:-2;position:absolute;top:0;left:0;box-shadow:0 0 25px 3px #348cf1;}

div.fBox div.part h3{font-family:'Arsenal';font-size:30px;margin:0 0 20px 0;}
div.fBox div.part p{margin:0;}
div.fBox div.part a{margin:20px auto 0 auto;color:#1daad8;display:inline-block;border-color:#1daad8;transition:all linear 200ms;}
div.fBox div.part a:hover,div.fBox div.part a:active{color:#53d5ff;border-color:#53d5ff;}

div.connector,div.connector::before{width:500px;height:241px;background:url('/img/file.gif') center center no-repeat;margin:-50px auto;background-size:contain;z-index:30;position:relative;}
div.connector::before{content:'';display:block;position:absolute;top:50px;left:0;z-index:10;background-image:url('/img/pipe.png');}
div.connector.reversed{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";}

div.dataBlock div.entB{margin-bottom:30px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
div.dataBlock div.entB.reversed{flex-direction:row-reverse;}
div.dataBlock div.entB div.media{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;width:350px;min-width:350px;height:350px;transition:opacity linear 1s;opacity:0;}
div.dataBlock div.entB.reversed div.media{align-items:flex-end;}
div.dataBlock div.entB div.infoBox{background:#1b3050;box-shadow:inset 0 0 10px #3aa6ff;border:1px solid #b4e6ff;padding:25px;flex:1 1 auto;font-family:'Roboto';font-size:22px;font-weight:300;line-height:30px;color:white;transition:transform ease-out 500ms;margin-right:100px;transform:translate(-2000px);}
div.dataBlock div.entB.reversed div.infoBox{transform:translate(2000px);margin-left:100px;margin-right:0;}

div.dataBlock div.entB div.media img{border-radius:50%;box-shadow:0 0 5px 0 black;position:absolute;top:0;left:0;z-index:1;}
div.dataBlock div.entB div.media a{z-index:5;border-bottom:none;position:relative;left:-40px;color:white;border-radius:50%;padding:20px;background:#128fb7;border-right:5px solid #113341;transition:all linear 200ms;}
div.dataBlock div.entB.reversed div.media a{left:40px;border-right:none;border-left:5px solid #113341;}
div.dataBlock div.entB div.media a i{font-size:60px;text-shadow:0 2px 3px #053140;transition:all linear 200ms;}
div.dataBlock div.entB div.media a:hover{border-color:#05526b;background:#12aee0;}

footer{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background:#193569;font-size:1.2vw;z-index:45;padding:40px 10% 10px 10%;color:white;position:relative;}
footer::before{content:'';width:100%;height:77px;background:url(/img/wave5.png) center center repeat-x;position:absolute;top:-39px;left:0;z-index:200;}
footer div.Flinks{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;width:100%;}
footer div.Flinks>div{flex:1 1 auto;}
footer div.bottom{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:row;font-size:16px;}
footer ul li a,footer ul li a:hover{color:white!important;}
footer a{border-bottom-color:transparent;font-size:1.2vw;line-height:2vw;}
footer a:hover{border-bottom-color:#128fb7;}

footer div.bottom div.social{display:flex;margin-left:50px;justify-content:center;align-items:center;flex-direction:row;}
footer div.bottom div.social a:hover{border-bottom-color:transparent;filter:contrast(255);}

div.videoModal{position:fixed;top:0;left:0;background:rgba(0,0,0,0.85);display:flex;width:100%;height:100%;z-index:5000;flex-direction:column;justify-content:center;align-items:center;}
div.videoModal iframe{width:80%;height:80%;}
div.videoModal i{position:fixed;top:calc(10% - 30px);font-size:60px;display:block;color:white;right:calc(10% - 30px);background:#1c5698;border-radius:50%;cursor:pointer;}

	

/*----Media Queries----*/
@media (max-width:1440px){
	div.section:not(.plain)::before{top:-148px;}
	div.section:not(.plain)::after{bottom:-148px;}
	div.section.banner div.infoBox{height:100%;}
	footer{font-size:1.5vw;}
	footer a{font-size:1.2vw;}
	div.connector, div.connector::before{height:263px;}
	div.fBox div.part{height:320px;}
	
	button{font-size:17px;padding:11px 15px;}
	div.dataBlock div.part p,div.dataBlock div.part div.p,div.dataBlock div.part:nth-child(even) p, div.dataBlock div.part:nth-child(even) div.p,div.dataBlock div.entB div.infoBox,div.dataBlock div.entB.reversed div.infoBox,div.fBox div.part{transform:translate(0);}
}

@media (max-width:1280px){
	div#navigation{border:none;}
	div#navigation,div.section.plain{width:100%;margin:0;}
	div.section{padding:0 3%;}
	footer{padding: 40px 3% 10px 3%;}
	div.dataBlock div.part i{left:-10px;}
	div.dataBlock div.part:nth-child(even) i{left:10px;}
	div.connector, div.connector::before{height:303px;}
	div.fBox div.part{height:360px;}
	#learnMore center{text-align:left;}
	ul.DinomList li{height:auto;}
}

@media (max-width:1080px){
	button{font-size:17px;}
	div.connector, div.connector::before{height:343px;}
	div.fBox div.part{height:400px;}
	#fundamentals a{border-bottom:0;text-decoration:underline;}
	.section.plain.banner{min-height:560px;}
	div.section.banner div.content{max-height:400px;}
	footer{font-size:18px;min-height:270px;}
	footer a{font-size:18px;}
}


/*----Menu Toggle----*/

a#navIcon{display:none;}
@media (max-width:1000px){
	ul.menu{display:none!important;transition: all 200ms ease-in-out;}
	a#navIcon{color:#245c86;padding:2%;text-decoration:none;display:flex;align-items:center;justify-content:center;border:none;height:50px;width:50px;position:absolute;}
	a#navIcon i{font-size:40px;}
	a.navIcon:hover{border:solid 1px #245c86;}
	ul.activeMenu{background: rgba(199,241,255,0.95);display:flex!important;flex-direction:column!important;height:240px!important;top:91px;position:absolute;right:0;width:100%;transition: all 200ms ease-in-out;}
	ul.activeMenu li{height:50px;width:100px;border-bottom:1px solid #128fb7;}
	div#navigation div#accountButtons{padding-bottom:20px;}
	div.dataBlock center{font-size:20px;}
}