html, body{height:100%;width:100%;margin:0;padding:0;}

@font-face {
    font-family: Akrobat;
    src: url(fonts/akrobat/Akrobat-Regular.otf); 
   }
   
body{
	font-family:"Akrobat" !important;
background:rgb(19,32,77);
background:-moz-linear-gradient(left, rgba(19,32,77,1) 0%, rgba(3,101,174,1) 24%, rgba(29,113,173,1) 50%, rgba(3,101,174,1) 76%, rgba(19,32,77,1) 100%);
background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(19,32,77,1)), color-stop(24%,rgba(3,101,174,1)), color-stop(50%,rgba(29,113,173,1)), color-stop(76%,rgba(3,101,174,1)), color-stop(100%,rgba(19,32,77,1)));background:-webkit-linear-gradient(left, rgba(19,32,77,1) 0%,rgba(3,101,174,1) 24%,rgba(29,113,173,1) 50%,rgba(3,101,174,1) 76%,rgba(19,32,77,1) 100%);background:-o-linear-gradient(left, rgba(19,32,77,1) 0%,rgba(3,101,174,1) 24%,rgba(29,113,173,1) 50%,rgba(3,101,174,1) 76%,rgba(19,32,77,1) 100%);background:-ms-linear-gradient(left, rgba(19,32,77,1) 0%,rgba(3,101,174,1) 24%,rgba(29,113,173,1) 50%,rgba(3,101,174,1) 76%,rgba(19,32,77,1) 100%);background:linear-gradient(to right, rgba(19,32,77,1) 0%,rgba(3,101,174,1) 24%,rgba(29,113,173,1) 50%,rgba(3,101,174,1) 76%,rgba(19,32,77,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#13204d', endColorstr='#13204d',GradientType=1);margin:0;font-family:Akrobat, sans-serif;}
a{color:#9ABED5;}
header{float:left;position:relative;height:7em;font-size:1.0em;width:100%;margin:0;background:rgb(249,249,249);background:-moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(234,234,234,1) 24%, rgba(183,183,183,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(24%,rgba(234,234,234,1)), color-stop(100%,rgba(183,183,183,1)));
background:-webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);
background:-o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);
background:-ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);
background:linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b7b7b7',GradientType=0);z-index:2;}
.nav{display:block;position:absolute;top:0;left:10%;-webkit-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px);width:70%;}
.nav ul{float:left;margin:0;width:100%;padding:0;list-style:none;font-weight:400;}
.nav li span{display:block;font-family:GloberBold;color:rgb(0,102,166);}
.nav a{display:block;color:rgba(249, 249, 249, .9);text-decoration:none;transition:color .5s, background .5s, height .5s;}
.nav i{transform:translate3d(0, 0, 0);}
a, button{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.no-touch .nav ul:hover a{color:rgba(249, 249, 249, .5);}
.no-touch .nav ul:hover a:hover{color:rgba(249, 249, 249, 0.99);}
.nav li{position:relative;background:rgb(249,249,249);background:-moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(234,234,234,1) 24%, rgba(183,183,183,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(24%,rgba(234,234,234,1)), color-stop(100%,rgba(183,183,183,1)));background:-webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);background:-o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);background:-ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);background:linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 24%,rgba(193,193,193,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#b7b7b7',GradientType=0);border-bottom:1px solid #0066A6;z-index:3;}
@media (min-width:78em){#contacts{float:right;margin-top:1em;margin-right:2.0em;font-size:0.8em;}
#phone, #mail{clear:left;}
#phone{padding:0.5em 0;}
#phone span{display:block;}
#mail a{display:block;}
.vertical-line{float:right;margin:0 1em;width:1px;height:100%;padding-right:1px;background-color:#B7B7B7;border-right:1px solid #F6F6F6;}
	.main-content {
		float:left;
		width:85%;
		padding-bottom: 2%;
	}
	.info-icons {
		float:right;
		width:15%;
	}
}
@media (max-width:78em){
	header{height:7em;
	margin-top:0.7em;
	}
	
	.info-icons {
		display:none;
	}
	
#contacts{float:left;top:-1em;position:absolute;width:100%;background:rgb(249,249,249);margin:0;font-size:0.75em;}
#phone, #mail{clear:none;padding:0 0.7em;}
#phone span{display:inline;}
#mail a{display:inline;}
.logo-wrapper{display:none;-webkit-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px);}
.nav{width:100%;}
.nav{width:100%;left:0;}
}
@media (max-height:55em){.logo-wrapper{display:none;}
.logo-velcro{display:block !important;}
}
@media (max-width:50em){#contacts{background:#ddd;}
#menu-touch{display:block !important;}
.nav{position:relative;display:none;z-index:3;-webkit-transform:translate3d(0,0,1px);transform:translate3d(0,0,1px);}
header{height:35px;}
.grid-wrapper-top{display:none;}
.grid-wrapper-bottom{display:none;}
.nav li{background:#eee;height:4em;}
.nav a{padding:1.3em 2.5em;z-index:3;}
.nav li span{display:inline-block;margin-right:20px;}
#content{position:static !important;}
}
@media (min-width:50em){.nav li{float:left;width:20%;text-align:center;transition:border .5s;border-radius:0.5em;border:0;}
.nav a{display:block;width:auto;margin:0 1em;}
.no-touch .nav li a:hover,
.no-touch .nav li a:active,
.no-touch .nav li a:focus{border-bottom:4px solid rgb(0,102,166);}
.icon{padding-top:1.4em;}
.icon + span{margin-top:0.8em;transition:margin .5s;font-size:1em;}
.nav a{height:7em;}
.no-touch .nav a:hover ,
.no-touch .nav a:active ,
.no-touch .nav a:focus{height:8em;}
.no-touch .nav a:hover .icon + span{margin-top:1.9em;transition:margin .5s;}
.nav i{position:relative;display:inline-block;margin:0 auto;padding:0.4em;border-radius:50%;font-size:1.8em;box-shadow:0 0 0 0.8em transparent;background:rgba(164, 195, 218, 1);transform:translate3d(0, 0, 0);transition:box-shadow .6s ease-in-out;}
.no-touch .nav a:hover i,
.no-touch .nav a:active i,
.no-touch .nav a:focus i{box-shadow:0 0 0px 0px rgba(200, 200, 200, 1);transition:box-shadow .4s ease-in-out;}
}
@media (max-width:78em) and (min-width:61.250em){#phone{margin-left:30%;}
}
@media (min-width:50em) and (max-width:61.250em){header{font-size:1.6em;height:7em;margin-top:0.6em;}
#contacts{font-size:0.63em;}
.nav{left:0;}
.nav li{width:20%;}
.nav a{margin:0 0.5em;}
}
#phone, #mail{float:left;color:#A1A2B0;}
#phone span{color:#0066A6;}
#mail a{color:#0066A6;}
.logo-wrapper{float:left;position:fixed;left:2em;bottom:2em;width:12em;height:8.4em;border:2px solid rgba(31, 166, 222,0.8);-webkit-perspective:600px;-moz-perspective:600px;-ms-perspective:600px;-o-perspective:600px;perspective:600px;-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-webkit-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;box-shadow:0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;z-index:10;}
.logo-velcro{float:left;display:none;position:fixed;height:5em;font-size:1em;width:10em;margin:0;left:2em;bottom:0;background:rgb(183,183,183);background:-moz-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(234,234,234,1) 76%, rgba(249,249,249,1) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(76%,rgba(234,234,234,1)), color-stop(100%,rgba(249,249,249,1)));background:-webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);background:-o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);background:-ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);background:linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#f9f9f9',GradientType=0);border-radius:0.5em 0.5em 0 0;z-index:10;}
#logo-mini{float:left;margin-left:1.3em;width:7em;}
.logo-up{transform:translateY(-10px) rotateY(30deg) rotateX(10deg);-webkit-transform:translateY(-10px) rotateY(30deg) rotateX(10deg);transition:all 2.5s ease-in-out;-webkit-transition:all 2.5s ease-in-out;}
.logo-down{transform:translateY(10px) rotateY(0deg) rotateX(0deg);-webkit-transform:translateY(10px) rotateY(0deg) rotateX(0deg);transition:all 2.5s ease-in-out;-webkit-transition:all 2.5s ease-in-out;}
.glass{position:absolute;background:rgba(92, 178, 205, 0.8);-webkit-filter:blur(5px) grayscale(.5) opacity(0.3);width:100%;height:100%;z-index:11;}
#logo{position:absolute;float:left;width:10em;padding:0.5em 1em;z-index:12;}
#main{float:left;width:100%;overflow:hidden;}

#content{float:left;
position:relative;
top: 2em;
font-weight:100;font-size:1em;margin:0 8%;min-height:400px;width:80%;z-index:2;padding:1em 2%;background:rgba(255,255,255,0.1);color:#fff;}
.zoom-out{transform:scale(0.5,0.5);}
.zoom-in{transition:all 1s ease-in-out;transform:scale(1,1);}
/*.grid-wrapper-top, .grid-wrapper-bottom{position:relative;float:left;width:99.8%;overflow:hidden;height:50em;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px;z-index:1;}
.grid-wrapper-top{margin-top:-19.8em;margin-bottom:-21.2em;}
.grid-wrapper-bottom{margin-top:-21.5em;margin-bottom:-19em;}
.grid-gradient{display:none;float:left;width:100%;height:50em;background:linear-gradient(#45CCD2, transparent 4px),
linear-gradient(90deg,
#45CCD2, transparent 2px);background-size:9em 11em;background-position:center center;border:4px solid #45CCD2;}
.grid-top{transform:rotateX(-80deg);-webkit-transform:rotateX(-80deg);-moz-transform:rotateX(-80deg);-ms-transform:rotateX(-80deg);-o-transform:rotateX(-80deg);}
.grid-bottom{transform:rotateX(80deg);-webkit-transform:rotateX(80deg);-moz-transform:rotateX(80deg);-ms-transform:rotateX(80deg);-o-transform:rotateX(80deg);}
*/
footer{float:left;
font-family:"Akrobat" !important;
position:relative;height:5em;
font-size:1em;width:100%;
top: -5em;
margin:0;
background:rgb(183,183,183);
background:-moz-linear-gradient(top, rgba(193,193,193,1) 0%, rgba(234,234,234,1) 76%, rgba(249,249,249,1) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,183,183,1)), color-stop(76%,rgba(234,234,234,1)), color-stop(100%,rgba(249,249,249,1)));
background:-webkit-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);
background:-o-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);
background:-ms-linear-gradient(top, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);
background:linear-gradient(to bottom, rgba(183,183,183,1) 0%,rgba(234,234,234,1) 76%,rgba(249,249,249,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#f9f9f9',GradientType=0);
z-index:2;
line-height:2.5em;
text-align:center;
}
#lower-footer {background-color: #ddd; position: absolute; top: 5em; bottom: 0; width:100%;}
.important-grid-gradient{display:none !important;}
#menu-touch{background:#ddd;display:none;height:50px;line-height:25px;}
#ic_touch_menu{display:block;background:#ddd;padding:15px;padding-bottom:17px;}
.menu-devider{display:block;height:2px;width:20px;margin:3px 3px;background:black;}
.logo-velcro-hide{display:none !important;}