@font-face{
font-family:"ElektraText";
src: url('../fonts/ElektraText.eot');
src: url('../fonts/ElektraText.eot?#iefix') format('embedded-opentype'),
url('../fonts/ElektraText.woff') format('woff'),
url('../fonts/ElektraText.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

body {
    font-family: 'ElektraText';
    font-weight: 400;
    color: #333;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	margin: 0;
}

header{box-shadow: 0 5px 15px #595959;position: fixed;top: 0;width: 100%;z-index: 101;}

header .menu>div{padding: 10px 0;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
header.small .menu>div{padding: 0px 0;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}

.menu .logo img{margin-top: 5px;}
header.small .menu .logo img{height: 20px;padding: 5px 0;}
header.small .menu .menu_site a, header.small .menu .menu_site p{font-size: 14px;}

.container{width: 1200px;margin: 0 auto;}
#content.top{margin-top: 85px;}
.padding{padding: 15px;background: #fff;}
.menu_background{background: #fff;}
h1 {text-align: center;text-shadow: 1px 1px 1px #fff;font-size: 25px;line-height: 1.1;}
h2 {text-align: center;text-shadow: 1px 1px 1px #fff;font-size: 18px;line-height: 1.1;}
.center{text-align:center;}
.text{font-size: 16px;}
.text p{text-indent: 20px;text-align: justify;}
.popup{display: inline-block;vertical-align: top;margin: 10px;}
.popup a img{width: 560px;border: 1px solid#34547c;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
.popup a:hover img{-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;box-shadow: 0 0 10px #34547c;}
.menu{display: table;width: 100%;}
.full_image{max-width: 750px;}

.link_list li{list-style: none;margin-bottom: 5px;}

@media (max-width: 1250px){
	.container {width: 800px;}
}
@media (max-width: 850px){
	body{background: #fff;}
	.container {width: 500px;}
	.full_image{width: 100%;}
	.popup a img{width: 100%;}
	.menu{text-align: center;}
	.menu .menu_site{display: none;}
	.menu>div>a, .menu>div>p{display: block;font-size: 18px;margin: 0 0 5px 0;color:#1d54ea;cursor: pointer;text-decoration:none;}
	.menu .menu_mobile{padding:0;text-align: right;vertical-align: middle;}
	.menu>div{display: table-cell;vertical-align: middle;text-align: left;}
	.menu .logo img{margin-left:5px;}
	
	.open-main-nav {z-index: 1000;background: none;border: 0;height: 10px;}
	.open-main-nav {outline: none;}
	.burger {position: relative;display: block;width: 28px;height: 4px;margin: 0 auto;background: #1c53e9;transition: all .275s;}
	.burger:after, .burger:before {content: '';	display: block;	height: 100%; background: #1c53e9; transition: all .275s;}
	.burger:after {transform: translateY(4px);}
	.burger:before {transform: translateY(-8px);}
	.menu-open .burger {transform: translateY(0) rotate(-45deg);}
	.menu-open .burger:before {transform: translateY(0px) rotate(90deg);}
	.menu-open .burger:after {opacity: 0;}
	#main-nav{width: 100%;height: 100%;top: 0; bottom: 0;left: -1000px;right: 0;position: fixed;z-index: 90; background: #2056e9;display: table;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
	#main-nav.menu-open{left: 0;-moz-transition: all 0.4s ease 0s;-o-transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;transition: all 0.4s ease 0s;}
	
	#main-nav.menu-open .menu_mobile_inner{display: table-cell;color: #fff;vertical-align: middle;text-align: center;}
	#main-nav.menu-open .menu_site{width: 200px;text-align: left;margin: 0 auto;}
	#main-nav.menu-open .menu_site a, #main-nav.menu-open .menu_site p{font-size: 24px;margin-bottom: 20px;color:#fff;cursor: pointer;text-decoration:none;display:block;}
	#main-nav.menu-open .menu_site .active{border-bottom: 2px solid #fff;}
}
@media (max-width: 599px){
	.container {width: 100%;}
	.full_image{width: 100%;}
	#video {max-width: 100%;}
}

@media (min-width: 851px){
	.menu>div{display: table-cell;vertical-align: middle;text-align: right;}
	.menu>div>a, .menu>div>p{display: inline-block;font-size: 18px;margin: 0 0 0 10px;color:#1d54ea;cursor: pointer;text-decoration:none;}
	.menu .logo{text-align: left;}
	.menu .menu_mobile{display:none;}
	body {background: url(/img/left_background.gif) -100px 100%/500px no-repeat fixed,url(/img/right_background.gif) 100% 100%/230px no-repeat fixed, url(/img/blue.jpg) top/100% no-repeat #9bc5dd;}
}

.menu .menu_site .active{border-bottom: 2px solid #1e55ea;}

body.mask{overflow: hidden;}

body.mask #mm_mask{top: 0;left: 0;width: 100%;height: 100%;z-index: 100;overflow: hidden;position: fixed;background:#0b0b0b;opacity: 0.8;filter: alpha(opacity=80);}

body.mask #mm_mask .loading{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
}

body.mask #mm_mask .loading .dot{
  position: absolute;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: white;
  animation: spin 2.5s 0s infinite both;
}
body.mask #mm_mask .loading .dot2{
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: white;
  animation: spin2 2.5s 0s infinite both;
}

@keyframes spin {
  0%, 100% {
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
  50% {
    transform: rotate(180deg);
  }
  25%, 75% {
    box-shadow: 28px 0 0 white, -28px 0 0 white, 0 28px 0 white, 0 -28px 0 white, 20px -20px 0 white, 20px 20px 0 white, -20px -20px 0 white, -20px 20px 0 white;
  }
  100% {
    transform: rotate(360deg);
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
}
@keyframes spin2 {
  0%, 100% {
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
  50% {
    transform: rotate(-180deg);
  }
  25%, 75% {
    box-shadow: 52px 0 0 white, -52px 0 0 white, 0 52px 0 white, 0 -52px 0 white, 38px -38px 0 white, 38px 38px 0 white, -38px -38px 0 white, -38px 38px 0 white;
    background: transparent;
  }
  100% {
    transform: rotate(-360deg);
    box-shadow: 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white, 0 0 0 white;
  }
}

.information{margin-bottom: 15px;display: table;border: 1px solid #71bfe2;background: #fff;width: 100%;min-height: 50px;}
.information .fa{display: table-cell;width: 50px;vertical-align: middle;font-size: 21px;animation: information_background .5s infinite alternate;background: #bce5f9;text-align: center;}
.information span{display: table-cell;vertical-align: middle;border-left: 1px solid #71bfe2;padding:10px;}
	
@keyframes information_background {
	0% {
	background: #fff;
	}
	
	100% {
	background: #bce5f9;
	}
}

#video {
    max-width: 560px;
    margin: 0 auto;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

footer{margin: 20px 0;text-align: right;}