html{
	height:100%;
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-size:10px;
	-webkit-tap-highlight-color:transparent;
	overflow-x:hidden;
	margin: 0;
	background-color: transparent;
}
*,:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
body{
	height:100%;
	margin: 0 auto;
	font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:14px;
	line-height:1.42857143;
	color:#333;
	background: #007fd5;
	text-align: center;
	z-index: 1;
}
button,h3,input{
	font-family:inherit
}

h3{
	font-weight:500;
	line-height:1.1;
	color:inherit;
	margin-top:0;
	margin-bottom:20px;
	font-size:24px
	z-index: 5;
}
.authform{
	height: 130px;
	padding:25px 27px;
	margin: 0 auto !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #ffffff;
	font-family: 'Jura', sans-serif;
	background: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 0;
	display: none;
	position: fixed;
	text-shadow: 0px 0px 2px #FFFFFF;
	font-weight: bold;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	white-space: nowrap;
}


footer {
	position: absolute;
	background: rgba(255,255,255,0.9);
	bottom: 0px;
	padding: 10px;
	width: 100%;
	text-align: left;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	z-index: 5;
	text-shadow: 0px 0px 2px #FFFFFF;
}

.title_form {
	font-size: 16px;
}

#info_main {
	z-index: 15;
	display: block;
}
.authlink {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 15px 30px;
  margin: 10px 20px;
  border-radius: 5px;
  box-shadow: 0 0 40px 40px #0b9ecf inset, 0 0 0 0 #0b9ecf;
  font-family: 'Jura', sans-serif;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 2px;
  color: white;
  transition: .15s ease-in-out;
  z-index: 0;
  
}
.authlink:hover {
  box-shadow: 0 0 1px 0 #0b9ecf inset, 0 0 1px 1px #0b9ecf;
  color: #0b9ecf;
  background: rgba(255,255,255,1);
}
.partner {
	opacity: 0.5;
	transition: .15s ease-in-out;
}
.partner:hover {
	opacity: 1;
}
.title {
	z-index: 5;
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;
	font-size: 24px;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	
color: #fff;	

    text-shadow: rgba(0,0,0,0.5) 1px 1px 1px;
	
}
h3 {
	font-size: 20px;
}
.info {
	width: 80%;
	padding:25px 27px;
	top: 90px;
	left: 10%;
	bottom: 150px;
	margin: 0 auto !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
	border: 1px solid #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	background: rgba(255,255,255,0.95);
	text-align: left;
	z-index: 0;
	position: fixed;
	text-shadow: 0px 0px 2px #FFFFFF;
	display: none;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	white-space: normal
	opacity: 0;
	overflow-y: auto;
}
.menul {
  text-decoration: none;
  outline: none;
  font-size: 16px;
  box-shadow: 0 0 40px 40px #0b9ecf inset, 0 0 0 0 #4BC8F1;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: 1px;
  margin-right: 5px;
  color: white;
  transition: .2s ease-in-out;
}
.menul:hover {
  box-shadow: 0 0 1px 0 #4BC8F1 inset, 0 0 1px 1px #0b9ecf;
background-position: 0 0;
color:#0b9ecf;
}
a {
	color: #0b9ecf;
}
a:hover {
	text-decoration:none;
}
header{
	width:100%;
	display:table;
	background: #031236;
	
	margin-bottom:35px; 
	z-index: 20;
	position: absolute;
	border-bottom: 0px solid #2bb857;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.container{
	width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	z-index: 20;
	margin-left:auto
}
@media (min-width: 1200px) { 
	.container{max-width:1140px} }
	#logo{
		float:left;
		padding: 5px;
		text-transform:uppercase;
		color:#fff;
		text-decoration:none;
		display: table;
	}
nav{width:auto;float:right;margin-top:7px}
nav ul{display:table;float:right;margin:0;padding:0}
nav ul li{float:left;list-style-type:none}
nav ul li:last-child{padding-right:0}
nav ul li a{color:#000;font-size:14px;padding:7px 19px;display:inline-block;text-decoration:none;transition: .15s ease-in-out;}
nav ul li a:hover{background-color:#fff;color:#002e5b;}
.toggle-menu ul{display:table;width:31px;margin-left:0;padding-left:0;margin:5px}
.toggle-menu ul li{width:100%;height:3px;background-color:#e9f0f7;margin-bottom:4px;list-style:none}
.toggle-menu ul li:last-child{margin-bottom:0} input[type=checkbox],label{display:none}


@media only screen and (max-width: 967px) { 
header{padding:20px 0} 
#logo{padding:0} 
input[type=checkbox]{
	position:absolute;
	top:-7777px;
	left:-7777px;
	background:none
} 
input[type=checkbox]:focus{
	background:none;
} 
label{
	float:right;
	display:inline-block;
	cursor:pointer;
	margin-right:25px
} 
input[type=checkbox]:checked ~ nav{
	display:block
} 
nav{display:none;position:absolute;right:0;top:72px;padding:0;z-index:99} 
nav ul{width:auto} 
nav ul li{float:none;padding:0;width:100%;display:table} 
nav ul li a{
	color:#FFF;
	font-size:15px;
	padding:10px 20px;
	display:block;
	border-bottom:1px solid rgba(225,225,225,1);
} 
} 
@media only screen and (max-width: 400px) { 
nav ul li a:focus{background:none;}
label{padding:5px 0} 
#logo{font-size:1.1rem} 
nav{top:47px} 
.authform{
	height: 130px;
	padding:25px 27px;
	margin: 0 auto !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px
	border: 1px solid #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	background: rgba(255,255,255,0.9);
	text-align: center;
	z-index: 15;
	position: relative;
	text-shadow: 0px 0px 2px #FFFFFF;
	font-weight: bold;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	white-space: nowrap;
}
.info {
	width: 100%;
	height: calc(100% - 80px);
	top: 70px;
	margin: 10px auto !important;
	border: 1px solid #ffffff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	font-family: 'Roboto Condensed', sans-serif;
	background: rgba(255,255,255,1);
	text-align: left;
	z-index: 0;
	left: 0px;
	position: absolute;
	display: none;
	white-space: normal
	opacity: 0;
	overflow-y: auto;
}
.partner {
	height: 20px;
}
.moon {display: none;}
.sky{display: none;}
.clouds_one{display: none;}
.clouds_two{display: none;}
.clouds_three{display: none;}
}