/* #7accfd */
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=cyrillic,latin);

*{margin:0;padding:0;}
a, img{outline:0;border:0;}
a:hover, a:active, a:link, a:visited{text-decoration:none;color:inherit;}
input:hover, input:focus{outline:0;}
::selection{background:transparent;color:#c23737;}
::-moz-selection{background:transparent;color:#c23737;}
*::-webkit-input-placeholder, *::-moz-placeholder, *:-ms-input-placeholder, *input:-moz-placeholder{color:#777;opacity:.55;}

.clr{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.br5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.animate{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.wrap{max-width:940px;height:100%;margin:0 auto;padding:0 20px;position:relative;}
.loader{background:url(img/loader.gif) center no-repeat;background-size:auto !important;}
.noSelect, .noSelect *{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;}

#overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0,0,.8) url(img/overlay.gif) center no-repeat;display:none;}
#cache{width:0;height:0;position:absolute;top:0;left:0;overflow:hidden;visibility:visible;}

body{
	font:14px/20px Verdana, Arial, Tahoma, sans-serif;color:#222;
}

.content{padding-bottom:40px;position:relative;z-index:50;background:#fff url(img/body.png);}
.content h2,#contacts h2{background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:24px;line-height:80px;font-family:sans-serif;color:#333;text-align:center;}

/* HEADER */

#header{width:100%;height:40px;padding:20px 0;position:fixed;top:-80px;left:0;z-index:100;background:#eee;font-family:sans-serif;}
#header.show{top:0;-webkit-box-shadow:0 0 10px #555;-moz-box-shadow:0 0 10px #555;box-shadow:0 0 10px #555;}
#header .logo{height:60px;padding-left:70px;margin-top:-10px;background:url(img/logo.png) left no-repeat; background-size: 60px, 60px ; float:left;font-size:24px;line-height:54px;color:#333;text-transform:uppercase;}
#header .logo span{margin:6px 0 0 2px;display:block;font-size:11px;line-height:8px;color:#333;}
#header ul{float:right;}
#header ul li{height:20px;margin-left:40px;padding:10px 0;position:relative;display:block;float:left;}
#header ul li:first-child{margin:0;}
#header ul a{border-bottom:1px dotted #333;display:block;font-size:16px;line-height:20px;color:#333;}
#header ul a:hover, #header ul a.active{border-bottom:1px solid #333;}

@media screen and (max-width:640px){
	#header ul li{margin-left:20px;}
	#header ul a{font-size:14px;}
}
@media screen and (max-width:560px){
	#header .logo{padding-left:55px;text-indent:-9999px;}
	#header .logo span{display:none;}
}
@media screen and (max-width:350px){
	#header .wrap{padding:0 10px;}
	#header ul li{margin-left:10px;}
}

/* MEDIA */

#media{width:100%;position:fixed;top:0;left:0;z-index:10;background:#eee url(img/overlay.gif) center no-repeat;overflow:hidden;}
#media .pattern{width:100%;height:100%;position:absolute;top:0;left:0;background:url(img/pattern.png);}
#media .image{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0;visibility:hidden;}
#media .image.show{opacity:1;visibility:visible;}
#media .video{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;visibility:hidden;}
#media .video.show{opacity:1;visibility:visible;}
#media .video video{width:100%;position:relative;background:#fff;}

/* INDEX */

#index{padding:0;background:none;overflow:hidden;}
#index .header{width:500px;height:100px;margin:-50px 0 0 -250px;position:absolute;top:45%;left:50%;opacity:0;visibility:hidden;font-family:'Open Sans', sans-serif;text-transform:uppercase;}
#index .header.show{top:50%;opacity:1;visibility:visible;}
#index .header .logo{width:110px;height:100px;background:url(img/logo.png) no-repeat; background-size: 100px, 100px ; float:left;}
#index .header .desc{margin-top:3px;font-size:18px;line-height:15px;letter-spacing:.7px;color:#eee;}
#index .header .title{margin:17px 0;font-size:40px;line-height:32px;color:#7accfd;}
#index .header .subtitle{font-size:16px;line-height:15px;letter-spacing:.4px;color:#eee;}
#index .down{width:100%;height:80px;position:absolute;bottom:40px;left:0;background:url(img/icon_down.png) center no-repeat;cursor:pointer;opacity:0;visibility:hidden;}
#index .down.show{bottom:0;opacity:1;visibility:visible;}
#index .down:hover{height:90px;bottom:-10px;}

@media screen and (max-width:540px){
	#index .header{height:auto;margin-top:-90px;}
	#index .header .logo{width:136px;margin:0 auto;float:none;}
	#index .header .title{margin:20px 0;font-size:32px;line-height:24px;text-align:center;}
	#index .header .desc{font-size:14px;line-height:16px;text-align:center;}
	#index .header .subtitle{text-align:center;}
}

/* NEWS */

#news{padding-top:0;}
#news .news{width:50%;margin-top:40px;float:left;}
#news .news .wrapper{min-height:40px;padding:0 20px 0 50px;background:url(img/icon_news.png) no-repeat;}
#news .news h3{font-size:16px;font-family:sans-serif;}
#news .news .desc{margin:10px 0 0;}

/* SERVICES */

#services{}
#services .service{width:50%;margin-top:40px;display:block;float:left;}
#services .service .wrapper{min-height:40px;padding:0 20px 0 60px;background:url(img/icon_news.png) no-repeat; background-size:40px 40px;}
#services .service h3{font-size:16px;font-family:sans-serif; color:#012940;}
#services .service .desc_short{margin:10px 0; font-family:sans-serif;}
#services .service .desc_long{display:none;}
#services .service .more{border-bottom:1px dotted #333;float:left;font-family:sans-serif;}
#services .service .more:hover{border-bottom:1px solid #333;}


/* 940px */

.fancybox-inner {max-width: 900px}
.fancybox-inner .service img{max-width:500px;margin:0 20px 0 0;display:block;float:left;}
.fancybox-inner .service h3{font-size:18px;font-family:sans-serif;}
.fancybox-inner .service .desc_long{}
.fancybox-inner .service .desc_long p{margin:10px 0;}
.fancybox-wrap, .fancybox-skin {max-width:940px; border-radius: 10px}

@media screen and (max-width:550px){
	#services .service{width:100%;float:none;}
	#services .service .wrapper{padding-right:0;}
}

/* ABOUT */

#about{}
#about .about{padding-top:40px; font-family:sans-serif;}

/* CONTACTS */

#contacts{width:100%;height:500px;padding:0 0 60px;background:none;}
#contacts .modal{display:flex;flex-flow:column; justify-content:center;}
/* #contacts .modal{width:72%;height:50%;position:absolute;top:25%;left:14%;background:#eee;overflow:hidden;display:flex; justify-content:center;} */
#contacts .info{width:100%; height:100%; background:#fff url(img/body.png);}
#contacts .log{width:50%;height:100%;background:center url(img/logo.png) no-repeat; background-size:320px 300px;}
#contacts .modal .contacts{width:50%;height:100%;float:left;overflow:auto;color:#333;margin:20px auto; display:flex; flex-flow:column; justify-content:center;}
#contacts .modal .contacts h4{padding:20px;font-size:18px;line-height:20px;font-family:sans-serif;}
#contacts .modal .contacts p{margin:0 20px;padding:7px 0 7px 30px;background-position:left center;background-repeat:no-repeat;font-size:14px;line-height:20px;}
#contacts .modal .contacts p:last-child{margin-bottom:10px;}
#contacts .modal .contacts p.location{background-image:url(img/icon_location.png);}
#contacts .modal .contacts p.phone{background-image:url(img/icon_phone.png);}
#contacts .modal .contacts p.email{background-image:url(img/icon_email.png);}
#contacts .modal .contacts p.clock{background-image:url(img/icon_clock.png);}
#contacts .modal .contacts p.file{background-image:url(img/icon_file.png);}
#contacts .modal .contacts a{border-bottom:1px dotted #333;color:#333;}
#contacts .modal .contacts a:hover{border-bottom:1px solid #333;}
#contacts .modal #map{width:50%;height:100%;float:left;}
#contacts .copyright{width:100%;height:20px;padding:20px 0;position:absolute;bottom:0;left:0;background:#eee;color:#333;text-align:center;}
#contacts .copyright a{border-bottom:1px dotted #333;color:#333;}
#contacts .copyright a:hover{border-bottom:1px solid #333;}

@media screen and (max-width:560px){
	#contacts .modal{width:96%;left:2%;}
	#contacts .modal .contacts h4{font-size:16px;}
	#contacts .modal .contacts p{}
}