* { margin: 0; padding: 0; }



html,

body{ overflow: hidden; }



body { color: #000000; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 300; line-height: 1.667em; overflow: hidden; }



html,

body,

.Override.container-fluid, .Override .col { height: 100%; }



img{ max-width: 100%; }



.flex-center{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.flex-end{ -webkit-justify-content: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; }



.Override .wrapper { background-color: #fff; height: 100%; position: absolute; width: 100%; }



.Override .left-col { background-color:#001d57; background-size: contain; position: static; }

.Override .right-col { background-color: #000000; overflow: hidden; }



.leftcol{ max-width: 760px; color: #ffffff; width: 100%; }



.leftcol h4 {font-size: 2.32em; font-weight: 300;}



.leftcol .info { font-weight:300; font-size: 1.72em;  position: absolute; 

bottom:1%;}



.leftcol .info h2 a {font-size:3.7em; font-weight: 300; color: #000000; }

.leftcol .info h3 a {font-size:1.35em; font-weight: 300; color: #ea4c25; }



.logo{ padding-bottom: 1.111em; position: absolute; top: 7%;}

.logo img { width: 75%;}



.slogan{  font-size: 4em; font-weight: 900; text-transform: uppercase; }



.intro{ padding: 0 5% 0 0; }



.mobcover{  }

.mobcover img{ width: 100%; }



.cover{ background-position: right center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; }



.comingsoon{ background-color: #fff; box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.2); margin-bottom: 3em; margin-right: -15px; margin-top: 4em; padding: 1.5em; position: relative; text-align: center; }

.comingsoon h3{ color: #0e1c41; font-size: 2em; font-weight: 900; margin-bottom: 0.5em; margin-top: 0; padding-bottom: 0.5em; position: relative; text-transform: uppercase; }

.comingsoon h3::after{ background-color: #ea9d15; bottom: 0; content: ""; height: 3px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px; }

.comingsoon p{ margin-bottom: 0; }



.right-area{ background-color: #0e1c41; bottom: 0; left: 100%; max-width: 280px; padding: 1.5em; position: absolute; top: 0; width: 100%; z-index: 99999; }

.right-area{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.right-area ul{ list-style: outside none none; margin: 0; padding: 0; text-align: left; }

.right-area ul li{ color: #fff; font-size: 1.333em; margin-bottom: 4px; padding-left: 30px; position: relative; }

.right-area ul li::before{ color: #fff; content: "\f0da"; font-family: FontAwesome; font-size: 0.8em; left: 0; position: absolute; }





.clock {top: 20px; position: relative; }

.clock .ds-element {float: left;  margin: 15px 5px; width: 22%; }

.clock .ds-element-title {font-size: 1em;  display: inline-block; text-transform: uppercase; margin-left: 5px; }

.clock .ds-element-value {float: left; font-size: 2.5em; text-transform: uppercase; }



.copyright{ color: #605f5f; font-size: 0.833em; margin-bottom: 1em; }





@media only screen and (min-width: 1260px) and (max-width: 1400px) {



	body { font-size: 15px; }



}



@media only screen and (min-width: 992px) and (max-width: 1250px) {



	body { font-size: 15px; }

	html, body{ overflow: auto; }

	



}



@media only screen and (min-width: 768px) and (max-width: 991px) {



	.leftcol{ max-width: 520px; margin: 0 auto; } 

	.clock .ds-element { width: 23.5%; }



}





@media only screen and (min-width: 641px) and (max-width: 767px) {



	.clock .ds-element { width: 48%; }



}



@media only screen and (min-width: 320px) and (max-width: 640px) {



	.clock .ds-element { width: 46%; }



}

@media only screen and (min-width: 240px) and (max-width: 315px) {



	.clock .ds-element { width: 45%; }





}




@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.logo {width:46%;}
	.logo img {width:100%;}
	.cover {background-position:center;}
}


@media only screen and (min-width: 240px) and (max-width: 991px) {



	body { font-size: 15px; }

	html, body{ overflow: auto; }

	.flex-center{ display: block; }

	.leftcol{ max-width: inherit; text-align: center; }

	.leftcol .info { font-weight:300;  position: relative; padding-bottom: 5%;}

	.logo{ padding-top: 1.111em; position: relative; top: 5%;}

	.comingsoon{ margin-left: -15px; }

	.right-area{ left: 0; margin-bottom: -1.5em; margin-left: -1.5em; margin-right: -1.5em; margin-top: 1.5em; max-width: inherit; position: relative; width: auto; }

	.Override .col{ height: auto; }

	.Override .right-col{ display: none; }

	.clock {top: 0; left: 5%; } 

     .leftcol .info h2 a {font-size:1.72em; }

     .leftcol .info h3 {font-size: 1.15em;}

     .leftcol h4 { font-size: 1.9em;}

     .slogan { font-size: 3.3em;}

}