*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} 

/* FONTS: DROID SANS */
@font-face {
    font-family: 'Droid Sans';
    src: url('./fonts/DroidSans-Bold.woff2') format('woff2'),
        url('./fonts/DroidSans-Bold.woff') format('woff'),
        url('./fonts/DroidSans-Bold.ttf') format('truetype'),
        url('./fonts/DroidSans-Bold.svg#DroidSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Droid Sans';
    src: url('./fonts/DroidSans.woff2') format('woff2'),
        url('./fonts/DroidSans.woff') format('woff'),
        url('./fonts/DroidSans.ttf') format('truetype'),
        url('./fonts/DroidSans.svg#DroidSans') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FONTS: FF MARKET */
@font-face {
  font-family: 'ff-market-web';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/ff-market-web.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/ff-market-web.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/ff-market-web.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/ff-market-web.woff') format('woff'), /* Modern Browsers */
       url('./fonts/ff-market-web.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/ff-market-web.svg#FiraSansCondensed') format('svg'); /* Legacy iOS */
}

html {
	background-color: #000000;
	background: url(../images/backgroundblue.jpg);
	background-attachment: fixed;
}

body {
	text-decoration: none;
	-moz-text-size-adjust: auto;
	-webkit-text-size-adjust: auto;
	-ms-text-size-adjust: auto;
	font-size: 18px;
	color: #ffffff;
}

input {
-webkit-appearance: none;
border-radius: 0;
}

input[type="radio"] { width: auto; height: auto; -webkit-appearance: radio;}
input[type="checkbox"] { width: auto; height: auto; -webkit-appearance: checkbox;}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.transition3 {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.transition5 {
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}

h1, h2, p {
margin-top: 0px;
margin-bottom: 0px;
}

@keyframes toggle { {}
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.toglayer {
	animation-name: toggle;
	animation-duration: 0.5s;
}

.tlnone { display: none; }

#boxed {
width: 100%;
max-width: 1400px;
margin: 0 auto;
background-color: #000019;
}

.shadow {
    -moz-box-shadow: 0px 0px 15px rgba(2,127,202,0.3), -0px -0px 15px rgba(2,127,202,0.3);
    -webkit-box-shadow: 0px 0px 15px rgba(2,127,202,0.3), -0px -0px 15px rgba(2,127,202,0.3);
    box-shadow: 0px 0px 15px rgba(2,127,202,0.3), -0px -0px 15px rgba(2,127,202,0.3);
}


#content {
padding: 0;
padding-top: 180px;
width: 100%;
}

.section {
	width: 100%;
	padding: 30px 30px;
	height: auto;
	display: block;
	line-height: 150%;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

.header {
	font-size: 24px;
	line-height: 20px;
	height: 20px;
	color: #027fca;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	display: inline-block;
	padding: 0px 16px;
	border-left: 5px solid #f8363a;
}

.header2 {
	font-size: 22px;
	line-height: 22px;
	color: #027fca;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
}


.imgheader {
	width: 100%;
	border: 0;
	border-radius: 4px;
}

.flex2, .flex2r, .flex2c {
	display: flex;
	flex-direction: row;
}

.imgleft { padding-right: 50px; text-align: left; }
.imgright { padding-left: 50px; text-align: left; }
.imgleft img, .imgright img { display: block; }
.hhtp { padding-top: 20px; }

.altbg { background-color: #050524; }

a.link {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #027fca;
	display: inline-block;
}

a.link span {
	border-bottom: 1px solid rgba(0,0,25,0.1);
	height: auto;
	display: inline;
	-webkit-transition: border .5s;
	-moz-transition: border .5s;
	-o-transition: border .5s;
	transition: border .5s;
}

a.link:hover span { border-bottom: 1px solid rgba(248,54,58,0.8); }

.rounded { border-radius: 4px; }

.navleft { padding-right: 50px; text-align: left; width: 260px; }
.navright { width: calc(100% - 260px); }
.section .navindent { padding-left: 280px; }

#subnav {
width: 210px;
height: auto;
line-height: 120%;
border: 1px solid #027fca;
padding: 10px; 
}

#subnavheader {
width: 100%;
border: none;
font-weight: 500;
font-style: normal;
text-decoration: none;
padding-bottom: 5px;
display: none;
border-bottom: 1px solid rgba(2,127,202,0.6);
}

#subnavlist {
width: 100%;
font-weight: 400;
font-style: normal;
color: #ffffff;
text-decoration: none;
}

.sublinkactiveh {
	font-weight: 500;
	font-style: normal;
	color: #f8363a;
	margin-bottom: 4px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid rgba(2,127,202,0.6);
}

.sublinkactive, .sublinkactive2, .sublinkactive3 {
	font-weight: 500;
	font-style: normal;
	color: #027fca;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

.sublinkactive {
	padding-left: 0px;
}

.sublinkactive2 {
	padding-left: 15px;
}

.sublinkactive3 {
	padding-left: 25px;
}

a.sublink, a.sublink2, a.sublink3 {
	font-weight: 400;
	font-style: normal;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.sublink {
	padding-left: 0px;
}

a.sublink2 {
	padding-left: 15px;
}

a.sublink3{
	padding-left: 25px;
}

a.sublink:hover, a.sublink2:hover, a.sublink3:hover {
	color: #027fca;
}

a.sublink2:hover {
}

a.sublink3:hover {
}

a.sublinkh {
	font-weight: 500;
	font-style: normal;
	color: #027fca;
	margin-bottom: 4px;
	padding-bottom: 3px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid rgba(2,127,202,0.6);
}

a.sublinkh:hover {
	color: #f8363a;
}

.red { color: #f8363a !important; }

.blue { color: #027fca; }

.fett { font-weight: 500; }

.small { font-size: 16px; }

.fxbox {
width: 100%;
padding: 20px;
margin-top: 40px;
border: 2px solid rgba(0,168,142,1);
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
}
.fxbox:hover {
	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}
.fxbox2 {
width: 100%;
padding: 20px;
border: 1px solid rgba(0,168,142,1);
background-color: rgba(255,255,255,0.05);
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
}
.fxbox2:hover {
background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* Chrome Workaround */
ul.checked li ul { margin-bottom: -24px; }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.checked span { padding-left: 9px; } /* IE WORKAROUND */
}

@media not all and (min-resolution:.001dpcm) { @media {
ul.checked span { padding-left: 9px; } /* SAFARI WORKAROUND */
ul.checked li ul { margin-bottom: 0; }
} }

.nospam { display: none !important; }

@media only screen and (max-width: 1430px) {
#content { padding-top: 160px; }
.section { padding: 28px 28px; }	
}

@media only screen and (max-width: 1280px) {
#content { padding-top: 140px; }
.section { padding: 26px 26px; }	
}

@media only screen and (max-width: 1140px) {
#content { padding-top: 120px; }
.section { padding: 24px 24px; }	
}

@media only screen and (max-width: 980px) {
#content { padding-top: 0; }
.section { padding: 22px 22px; }	
.flex2c { flex-direction: column; }
}

@media only screen and (max-width: 768px) {
#boxed { background-color: #000029; }
.altbg { background-color: #050534; }
.imgleft, .imgright { padding: 0; }
.imgleft img, .imgright img { width: auto; max-width: 100%; }
.navleft { width: auto; padding-top: 30px; padding-right: 0; }
.navright { width: 100%; }
#subnav { width: auto; }
.flex2 { flex-direction: column; }
.flex2r { flex-direction: column-reverse; }
.hhtp { padding-top: 30px; }
}

@media only screen and (max-width: 640px) {
.section { padding: 20px 20px; }	
}

@media only screen and (max-width: 480px) {
body { font-size: 16px; }
.header { font-size: 22px; height: 18px; line-height: 18px; }
.header2 { font-size: 20px; line-height: 20px; }
}