*{
    margin:0;
    padding:0;
}

html {
	height:100%;
}

body{
	height: 100%;
	background: url(../images/bg2.jpg) center fixed;
	background-size: cover;
	font-family: "Open Sans", sans-serif;
	font-size: 18px;font-weight:normal;
	color:#222;
	letter-spacing: 1.5px;
	line-height: 1.5em;
}

.maskbg{
	width:100%;
	height:100%;
	/*background: url(../images/mask.png) repeat;*/
	background-color: #232323a8;
}

ul {
	padding: 0;
	margin-left: 20px;
}

.content h2 {    
	color: #ffed00;
    line-height: 1.5em;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2.16px;
}

.d14 h3 , .d14 h2 , .d14 h4{
	  position: relative;
  display: table;
  width: auto;
  margin: 15px auto;
  letter-spacing: 2px;
}
/*.d14 h3:before , .d14 h2:before, .d14 h1:before{
  content: "";
  position: absolute;
  top: -50%;
  left: -25px;
  width: 50%;
  height: 20px;
  border-top: 3px solid #fded02;
  border-left: 3px solid #fded02;
}
.d14 h3:after , .d14 h2:after, .d14 h1:before{
  content: "";
  position: absolute;
  bottom: -50%;
  right: -25px;
  width: 50%;
  height: 20px;
  border-bottom: 3px solid #fded02;
  border-right: 3px solid #fded02;
}*/
.h1, .h2, .h3, .h4, .h5  {
	padding: 16px;
	width: 100%;
	text-align: center;
}

.dogovor {	
    margin-top: 120px;
    color: #333;
    width: 100%;
    text-align: center;}

.name{
	color: #333;
	padding: 2%;
	width: 96%;
	text-align: center;
}

.top {
	height:65px;
}

.d14 h3 {
	color: #fff;
}

.d14 h2{
	color: #222;
}

.nav { position:fixed;top:40px;left:0;width:100%;height:65px;border-bottom: 1px dashed #687b76;z-index:1000;-webkit-transition:background 0.5s ease-out;-moz-transition:background 0.5s ease-out;-o-transition:background 0.5s ease-out;transition:background 0.5s ease-out;}
.hidden {box-shadow: 0 0 6px rgba(0,0,0,0.4);border:none;position:fixed; top:0;background-color: #343434;}
.hidden2 {background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.8);}
.nav-center {position:relative;max-width:1000px;height:100%; margin:0 auto;}

.logo     {
	margin: 0 auto;
    margin-top: 40px;
    padding: 50px 0 40px 0;
    width: 150px;
    height: 150px;
    background: url(../images/logo.png) center no-repeat;
}

.license img {width:216px;height:300px;margin:15px 30px 0 90px;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.license img:hover {box-shadow: 0 0 7px rgba(0,0,0,0.2);}

.deviz {   
    padding: 2%;
    text-align: center;
    width: 96%;
    border-bottom: 1px dotted #ffed00;;
    border-top: 1px dotted #ffed00;;
	}
	
.deviz a {    line-height: 1.5em;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2.16px;
	color:#fff;
}

.contacts-top {  
    padding: 0 0 20px 0;
	width: 60%;
    margin: 0 auto;
}

.contacts-top a {display: block;float:left;width:50%;margin-top: 30px;
    color: #ffed00;
	line-height: 1.5em;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2.16px; text-align:center;}
    
    
.contacts-top a i, .mail a i {    
	margin-right: 10px;
    padding-top: 10px;
    font-size: 30px;
    width: 46px;
    height: 35px;
    border-radius: 50%;
    color: #fded02
}
    
    .contacts-top a i:before, .mail a i:before {    
	padding-left:2px;}
    
.map {
    width: 50%;
    float: left;
}
    
.contacts {
    position: relative;
    padding: 25px 0 50px 0;
    width: 50%;
    float: left;

}

.cs-i {
     width: 20%;
}

 .cs-nav  {       
        position: relative;
    width: 100%;
    margin: 10px 0;
    padding: 1px;
     
 }
        
.cs-nav a {
    display: block;
    width: 90%;
    display: block;
    color: #fff;
    line-height: 1.5em;
    padding-left: 50px;
    font-size: 18px;
    margin: 10px;
    font-weight: 600;
    letter-spacing: 2.16px;}
    
	.cs-nav  i {    
	float:left;
	margin-right: 10px;
    padding-top: 10px;
    font-size: 30px;
    width: 46px;
    height: 35px;
    border-radius: 50%;
    color: #fded02;text-align:center;}

.cs-nav  i:before {padding-left:2px;}

.bulletsBlock {
	padding-top:80px;
}

.bulletsBlock:after {
  content: "";
  display: table;
  clear: both;
}

.bulletsBlock > div {
  height:300px;
  width: 31%;
  float: left;
  background: #fff;
  margin-left:3%;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition:all 0.35s linear;
  transition:all 0.35s linear;
}

.bulletsBlock > div:first-child {
  margin-left:0;
}

.bullet-item  i{
	padding: 15px;
    margin: 0 auto;
    height: 50px;
    width: 50px !important;
    line-height: 1.3em;
    font-size: 40px;
    color: #222;
    position: relative;
    top: -40px;
    left: 0;
    display: block;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    z-index: 100;
    background: #fded02;
	border-radius:50%;
}

.titleBullet {
  position: absolute;
  top:60px;
  left:0;
  text-align: center;
  width: 100%;
  margin: 0;
  font-size:16px;
  color: #222;
  -webkit-transition:all 0.35s ease;
  transition:all 0.35s ease;
}

.hideText {
  position: absolute;
  font-size:16px;
  line-height: 1.2em;
  font-size: 1em;
      top: 60px;
      padding:5%;
  background:#fff;
  font-weight: 300;
  z-index: 8;
  left:0;
  text-align: center;
  width: 90%;
  margin: 0;
  color: #222;
  -webkit-transition:all 0.35s ease;
  transition:all 0.35s ease;
}

.titleBullet {
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.16px;
    background: #fff;
    z-index: 10;
}


.morebtn {    
	position: absolute;
    bottom: 10px;
    padding: 10px 0;
    width: 70%;
    left: 15%;
    color: #cc0100;
    text-align: center;
	transition:all 0.35s ease;
	z-index: 15;
}

.bulletsBlock > div:hover {
  -webkit-box-shadow: 0 35px 35px -35px #000000;
  -moz-box-shadow: 0 35px 35px -35px #000000;
  box-shadow: 0 35px 35px -35px #000000;
}

	

	
	
/*Download nav*/
.open {display:table!important;width:100%;height:100%;z-index:100;background:#333;z-index:1000;}
.docnav  {position:fixed;display:none;}
.docnav-center {display: table-cell;vertical-align:middle;}
.docnav-menu {width:420px;margin:0 auto;}
.docnav-menu li {float:left;display:block;margin:30px;padding:40px 15px 0px 15px;width:120px;height:120px;background:#194564;border-radius:2px;text-align:center;cursor:pointer;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.docnav-menu li:hover {background:#379be1;}
.docnav-menu li a{font-size:14px;font-family: 'Noto Sans', sans-serif;color: #e8e8e8;cursor:pointer;text-decoration: none;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.docnav img {padding:0 35px 0 35px;}
.closebtn {position:absolute;top:100px;right:20%;width:40px;height: 40px;background:url(../images/closebtn.png) center no-repeat;cursor:pointer;border-radius:50%; border:3px solid #fcfcfc;color:#fcfcfc;font-family: 'Russo One', sans-serif;font-size: 14px;font-weight: normal;text-align:center;font--webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.closebtn:hover {border-color:#fded02;}
/*End download nav*/

/*Menu*/
.nav ul {width:660px;margin: 0 auto;}
.menu li  {float:left;display: block;cursor: pointer;}
.menu li a {display: block;height:22px;    padding: 12px 4px 0px 0px;
    margin: 7px;color: #fff;line-height: 1.5em;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2.16px;text-decoration:none;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}
.menu li a:hover {color:#ffed00;}
.menu li a i {margin-right:10px;font-size:26px;}
.menu img {float:left;  margin-right: 7px;cursor:pointer;}
.vovicon {width: 194px;}


/*End menu*/

/*Sections*/
#section1 {background: url(../images/pano.jpg) top no-repeat;background-size:cover;}
#section2 { background-color: #f1f1f1;}
#section3 {background: url(../images/mask.png) repeat;
    background-color: #1b3e4a75;color:#fff;}
#section4 {background:#1b3e4a;color:#fff;}
#section1, #section3, #section2, #section4{position: relative;height:100%;min-height:1000px;}

.top-s1, .top-s2, .top-s3, .top-s4 {width:100%;height:32px;}
/*End sections*/

.wrapper {position: relative;max-width:1000px;height:100%;margin:0 auto;padding-top:70px;}
.wrapper1{position: relative;height:100%;max-width:1000px;margin:0 auto;}
.center {max-width:900px;margin:0 auto;padding:10px;}
.content {position: relative;height:100%;min-height:800px;}
.content_table {    display: table;
    width: 100%;
    height: 80%;
    padding-bottom: 20%;}
.content_ef {display: table-cell;width:100%;height:100%;padding:15px;}
.content_center {display: table-cell;vertical-align: middle;width:100%;height:100%;padding:15px;}
.content_left {display: table-cell;vertical-align: middle;width:60%;height:100%;padding:15px;}
.content_right {display: table-cell;vertical-align: middle;width:40%;height:100%;padding:15px;}
.content_left_s2 {display: table-cell;width:50%;height:100%;padding:15px;}
.content_right_s2 {display: table-cell;width:50%;height:100%;padding:15px;}
.footer {position:relative;padding-top:40px;width:100%;height:90px;background-color:#1b3e4a;border-top: 1px dashed #18323c;text-align:center;font-size: 12px;color: #e0e0e0;}
.footer p {color: #ccc;font-family: 'Noto Sans', sans-serif;font-size: 12px;text-align:center;}

/* Animated elements */
.anim-elements{
  -webkit-transition:all 1.5s ease;
	opacity:0;
}
.animated{
	opacity:1;
}
/* End Animated elements */

/* Partners */
#motioncontainer {width: 80%; /* Set to gallery width, in px or percentage */height: 80px; /* Set to gallery height */margin:0 auto;}
#motioncontainer ul{margin: 0;padding-top: 10px;list-style: none;}
#motioncontainer li{display: inline;}
#statusdiv {background-color: lightyellow;padding: 2px;position: absolute; /* Stop Editing Gallery Styles */left: -300px;visibility: hidden;}
#motioncontainer a:hover {color: red; /* Dummy definition to overcome IE bug */}
/* End partners */

/* Shadowbox */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:50;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:15px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../images/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-loading-inner span {color:#666;font-weight:bold;}
#sb-body,#sb-loading{background-color:#ededed;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:26px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:26px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:26px;width:26px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../images/close.png);}
#sb-nav-next{background-image:url(../images/next.png);}
#sb-nav-previous{background-image:url(../images/previous.png);}
#sb-nav-play{background-image:url(../images/play.png);}
#sb-nav-pause{background-image:url(../images/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#666;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#666;text-decoration:underline;}
/* End shadowbox */

@media (max-width: 800px) {
    .nav ul {display:none;}
    .dogovor {margin-top:20px;}
     #section1, #section3, #section2, #section4 {overflow: visible;}
    .logo {padding:20px;}
    .contacts-top {
    width: 100%;
}
    .contacts-top a { float:none; width:100%;}



.content_table , .content_left , .content_right {display:block;width:100%;}
}


@font-face{
    font-family: "asf";
    src: url("../fonts/asf.otf") format("truetype");
    font-style: normal; 
    font-weight: normal; 
}

@font-face{
    font-family: "asf2";
    src: url("../fonts/asf2.otf") format("truetype");
    font-style: normal; 
    font-weight: normal; 
}