/* CSS Document */
/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {-webkit-font-smoothing: antialiased;outline:none;}
html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* END RESET */


@viewport {  
 zoom: 1.0;
 width: device-width;
}
@-ms-viewport {
 width: device-width;
 zoom: 1.0;
}
html { height: 100%; width: 100%; max-width: 100%; }
body { min-height: 100%; width: 100%; position: relative; }
body {font-family: 'Montserrat', sans-serif; padding: 0; margin: 0; font-size: 16px; background: transparent !important; overflow: inherit !important; }
body.body-active-menu,
body.body-active-game,
body.popup-enabled { position: relative; height: 100%; width: 100%;  overflow-y: hidden !important;  } 
.popup-mobile-enabled { overflow-y: hidden !important; position: fixed; }

h1 {font-size: 1.6vw; line-height: 1.8; font-weight: 700; margin-bottom: 6%; }
h2 {font-size: 4vw; line-height: 1.8; font-weight: 900; letter-spacing: -2px; margin-bottom: 6%; }
h3 {font-size: 4.4vw;line-height: 1.8; font-weight: 900; letter-spacing: -2px; margin-bottom: 6%; } 
p { font-size: 1.4vw; line-height: 1.4; }
a { text-decoration: none; }
.margin-bottom-4 { margin-bottom: 4%; }
.flex { display: flex; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.align-center { align-items: center; }
.text-left { text-align: left; }
.display-none { display: none; }
.display-block { display: block; }
.absolute-full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.relative { position: relative; }
.z-index { z-index: 11; }
.z-index-13 { z-index: 13; } 

.wrapper { 
	position: relative; 
	width: 100%; 
	color: #ffffff; 
	font-size: 1rem; 
	line-height: 1.3; 
	background: #002768;
	min-height: 100vh;
	background: rgba(0,38,104,1);
	background: -moz-linear-gradient(65deg, rgba(0,38,104,1) 0%, rgba(1,204,219,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,38,104,1)), color-stop(100%, rgba(1,204,219,1)));
	background: -webkit-linear-gradient(65deg, rgba(0,38,104,1) 0%, rgba(1,204,219,1) 100%);
	background: -o-linear-gradient(65deg, rgba(0,38,104,1) 0%, rgba(1,204,219,1) 100%);
	background: -ms-linear-gradient(65deg, rgba(0,38,104,1) 0%, rgba(1,204,219,1) 100%);
	background: linear-gradient(65deg, rgba(0,38,104,1) 0%, rgba(1,204,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002668', endColorstr='#01ccdb', GradientType=1 );
}
header {  
	display: flex; 
	justify-content: flex-end; 
	padding: 1vw 2vw; 
	box-sizing: border-box; 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%;
	z-index: 11; 
}

header .header-link { 
	text-decoration: none; 
	display: block; 
	padding: 0 2vw; 
	box-sizing: border-box; 
} 
section {
	position: relative; 
	display: flex; 
	flex-flow: column; 
	width: 100%; 
	margin: 0 auto; 
	text-align: center; 
}
section img { 
	display: block; 
	width: 100%; 
}
section .icon-pin img {
	margin-right: 10px; 
}
.content { 
	display: flex; 
	flex-flow: column; 
	align-items: center;
}

.upper { 
	text-transform: uppercase; 
}
.txt-grey-dark { 
	color: #383836; 
}
.txt-white { 
	color: #ffffff; 
}
.txt-gray-light {
	color: #a59b95; 
}
.btn-dark-blue { 
	display: flex; 
	align-items: center; 
	justify-content: space-between; 
	padding: 1% 6%; 
	box-sizing: border-box; 
	margin-top: 4%; 
	font-size: 1.1vw; 
	line-height: 2; 
	border-radius: 30px; 
	text-align: center; 
	background: #002768; 
	color: #ffffff; 
}
.btn-dark-blue span {
	display: inline;
}

/* section-1 */
.section-1 .content { top: 30%; }

.section-1 .logo { 
	width: 27%; 
	position: absolute; 
	right: 10%; 
	top: 50%; 
	transform: translate(0,-50%); 
}
/*.section-1 .img-dt-orig {
	transition: all ease-in-out 8s;
	animation: lights-dt 6s infinite ;
}*/
.section-1 .img-mb-orig {
	transition: all ease-in-out 1s;
	animation: lights 10s infinite 1s;
}
/*@keyframes lights-dt {
  0%   { opacity: 1; }
  20%   { opacity: 0.6; }
  40%   { opacity: 1; }
  100% { opacity: 1; }
}*/
@keyframes lights {
  0%   { opacity: 1; }
  20%   { opacity: 0.5; }
  40%   { opacity: 1; }
  100% { opacity: 1; }
}

/* section-2 */
.section-2 {  
	margin-top: -2px; 
	padding: 2% 6% 4%; 
	background: #002768; 
	box-sizing: border-box; 
}
.section-2 .content { 
	width: 75%; 
	margin: 0 auto; 
	text-align: center; 
}
.section-2 .content p { 
	margin: 0 0 1%;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
}
.section-2 .content p b,
.section-2 .content p.txt-white {
	color: rgba(255, 255, 255, 1);
	font-weight: 700;
}

/* section-3 */
.section-3 {
	padding: 4% 6% 0%;
	box-sizing: border-box;
	white-space: nowrap;
	background: transparent;
}
.section-3 .content {
	margin: 0 auto;
	width: 24%;
	align-items: flex-start;
}
.section-3 .btn-dark-blue { 
	width: 100%;
	text-align: left;
}
.section-3 .txt-light-blue { 
	color: #00fcfd; 
}
.section-3 .icon {
	margin-left: 3%;
	max-width: 26px;
}
.section-3 .icon-pin {
	margin: 0 5% 0 3%;
	max-width: 40px;
}
footer {
	margin: 5% 0 2%;
}
footer .logo-footer { 
	width: 16%;
	margin: 2% auto; 
}

.img-dt { 
	display: none; 
}
.img-mb { 
	display: block; 
}
.desktop-active .img-dt { 
	display: block; 
}
.desktop-active .img-mb { 
	display: none; 
}
.desktop-active .logo { margin-bottom: 4%; width: 18%; }
.desktop-active { font-size: 1.4vw; } 
.desktop-active p { font-size: 1.3vw; line-height: 1.5; }
.desktop-active h2 {font-size: 3vw; line-height: 1.3; margin-bottom:2vw; }
.desktop-active h3 {font-size: 3vw;line-height: 1.3; margin-bottom:2vw; }
.desktop-active .section-1 .content { top: 50%; left: 60%; width: 40%; }
.desktop-active .section-1 form input,
.desktop-active .section-1 form .btn-orange {  width: 20vw; min-width: 300px; align-items: center; justify-content: center; }


.mobile-active .logo { width: 40%; margin-bottom: 10%; }
.mobile-active .section-1 .logo { top: 20%; right: auto; left: 50%; transform: translate(-50%, -50%); }
.mobile-active header .header-link { font-size: 2rem; line-height: 3; }
.mobile-active p { font-size: 2rem; line-height: 1.5; } 
.mobile-active span { font-size: 1.6rem; line-height: 1.4; }  
.mobile-active h2 {font-size: 3.8rem; line-height: 1.3; margin-bottom:2vw; }
.mobile-active h3 {font-size: 4.2rem;line-height: 1.3; margin-bottom:2vw; }
.mobile-active .btn-dark-blue { padding: 4% 6%; }
.mobile-active .section-1 form .btn-orange {  width: 100%; min-width: 300px; font-size: 1.4rem; line-height: 4; align-items: center; justify-content: center; }
.mobile-active .section-2 { padding: 1% 6% 10%; }
.mobile-active .section-3 .content {  width: 56%;  }
.mobile-active .social-media-box { margin-top: 10%; }
.mobile-active footer { margin: 5% 0 3%; }