body{
	font-size:14px;
}

h1{
	font-size:26px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	text-transform:uppercase;
	line-height:1.4;
}

a, a:hover{
	text-decoration:none;
}

.button{outline: none !important;}
a.button{display:inline-block;outline: none;}

.center{
	text-align:center;
}

.hidden{
	display:none;
}
.fl-right{
	float:right;
}

.mt40{
	margin-top:40px;
}
.top-header{
	margin-top:70px;
}

.button.black{
	border:2px solid #fff;
	background:transparent;
	color:#fff;
	height:42px; 
	line-height:42px;
	text-transform:uppercase;
	padding:0 50px;
}
.button.black:hover{
	background:#fff;
	color:#303742;
}
.button.black.file{
	border:1px solid #e2e2e2;
	height:30px;
	line-height:30px;
	padding:0 15px;
}
.button.white{
	border: solid 1px #e2e2e2;
	background:#fff;
	color:#2a2a2a;
	height:42px;
	line-height:42px;
	padding-left:13px;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing:0.93px;
	background:#fff;
	z-index:200;
}
.button.white i{
	background:url(../images/path_2.png) no-repeat right 0 top 0;
	width:25px;
	margin-right:16px;
	margin-left:21px;
	height:12px;
	display:inline-block;
}
.button.white:hover{
	background:#303742;
	color:#fff;
}
.button.white:hover i{
	background:url(../images/path_2.png) no-repeat right 0 top -12px;
}

.button.white.rev{
	border: solid 1px #e2e2e2;
	background:#fff;
	color:#2a2a2a;
	height:42px;
	line-height:42px;
	padding-left:0;
	padding-right:13px;
	font-size: 14px;
	text-transform:uppercase;
	letter-spacing:0.93px;
	background:#fff;
}
.button.white.rev i{
	background:url(../images/path_2_rev.png) no-repeat left 0 top 0;
	width:25px;
	margin-right:21px;
	margin-left:16px;
	height:12px;
	display:inline-block;
}
.button.white.rev:hover{
	background:#303742;
	color:#fff;
}
.button.white.rev:hover i{
	background:url(../images/path_2_rev.png) no-repeat left 0 top -12px;
}

.button.white.grand{
	font-size:16px;
	line-height:50px;
	height:50px;
}
.button.white.grand i{
	margin-left:60px;
}

.all-block{
	width: 100%;
}
.all-block.right{
	text-align:right;
}

.abs{
	position:absolute;
}

.full-link {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
    position: absolute;
    display: inherit;
}

header{
	position:relative;
}
header .video-back{
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	background:#000;
}
header .video-back video{
	width:100%;
	height:100%;
	opacity: 0.4;
	object-fit: cover;
}
.head-inner{
	text-align:center;
	margin-bottom:100px;
}
.menu-trigger{
	margin-top:33px;
	cursor:pointer;
	background:url(../images/combined-shape.png) no-repeat left center;
	width:24px;
	height:14px;
}
.head-inner .logo{
	margin:41px auto 0 auto;
}
.head-inner .slogan{
	width:550px;
	max-width:100%;
	margin: 43px auto 0 auto;
	color:#fff;
}
.head-inner .arrow-button{
	border: 2px solid #fff;
	margin-top:49px;
	height:50px;
	padding-right:28px;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	background:transparent;
}
.head-inner .arrow-button i{
	margin-left:22px;
	background:url(../images/path.png) no-repeat left 0 top 0;
	float:left;
	margin-right:15px;
	width:18px;
	height:21px;
	display:inline-block;
}
.head-inner .arrow-button:hover{
	background-color:#fff;
	color:#303742;
}
.head-inner .arrow-button:hover i{
	background-position:left 0 top -21px !important;
}

section .header{
	width:100%;
	margin-top:43px;
	margin-bottom:46px;
}
section .header.with-made-br{
	position:relative;
}
section .header .made-br img{
	margin-right:16px;
}
section .header .made-br{
	font-size:16px;
	margin-top: -12px;
	text-transform:uppercase;
	color:#2a2a2a;
	position:absolute;
	top:0; right:0
}
section .header h2{
	font-size: 18px;
	letter-spacing: 3px;
	text-align: center;
	color: #2a2a2a;
	text-transform:uppercase;
}

section.articles{
	margin-bottom:49px;
}
.article{
	margin-bottom:49px;
	display: inline-block;
	position:relative;
}
.article h3{
	font-size:22px;
	color:#2a2a2a;
}
.article img{
	max-width:100%;
}
.article p{
	margin-top:15px;
	margin-bottom:22px;
	font-size:15px;
	line-height: 1.6;
}
.article.i-left{
	clear:both;
}
.article.i-left img{
	float:left;
	max-width:364px;
}
.article.i-left div{
	margin-bottom:15px;
	margin-right:34px;
	display:inline-block;
	float:left;
}
.article.i-top img{
	width:100%;
}
.article.i-top div{
	margin-bottom:24px;
	display:inline-block;
}
.article .description img{
	height: auto;
}

section.history{
	background:#303742;
}

section.history .header h2{
	color:#fff;
}
.years{
	display: inline-block;
    margin-bottom: 40px;
    width: 100%;
    text-align: center;
}
.years a{
	font-size:16px;
	margin: 0 16px 0 16px;
}
.years a:after{
	content: '';
	margin-top:15px;
    width: 4px;
    margin-left: 18px;
    position: absolute;
    display: inline-block;
	height:5px;	
	background:url(../images/dot.png) no-repeat center center;
}
.years a:last-child:after{
	content:none;
}

section.history .years a{
	color:#fff;
}
section.history .years a.active{
	font-size: 20px;
	font-weight: 600;
}
section.history .history-inner{
	text-align:center;
}

section.articles .mansories{

}

section#banner2{
	background-color: #f1f1f1;
	padding-bottom:30px;
}
.main-slider .item img{
	float:left;
	margin-right:30px;
}
.main-slider .item .carousel-caption{
	float:left;
	text-align:left;
	
	max-width:360px;
}
.main-slider .item .carousel-caption h3{
	color:#2a2a2a;
	text-align:left;
	text-transform:uppercase;
	font-weight:400;
	margin-bottom:20px;
	font-size:26px;
}

section.video .container{
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}
section.video .all-block{
	margin:30px 0 30px 0;
}

.video-inner{
	width:100%;
	/*height:495px;*/
	overflow:hidden;
	background:#000;
	margin:0 147px 0 147px
}
.video-inner .video-img img{
	width:100%;
	opacity:0.6;
}

.video-file img.cover{width:100%;    position: relative;
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7; /* Полупрозрачность для старых версий Firefox */
	-khtml-opacity: 0.7; /* Полупрозрачность для старых версий Safari */
}
.video-file .ytLoader:hover img.cover{
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1; /* Полупрозрачность для старых версий Firefox */
	-khtml-opacity: 1; /* Полупрозрачность для старых версий Safari */
}

.video-file .ytLoader{
	position: relative;
	overflow:hidden; 
	height: -webkit-fill-available;
	background:#000;
}
.video-file .playBtn{
	position: absolute;
    top:50%;
	left:50%;
	-moz-transform: translateY(-50%) translateX(-50%); /* Для Firefox */
	-ms-transform: translateY(-50%) translateX(-50%); /* Для IE */
	-webkit-transform: translateY(-50%) translateX(-50%); /* Для Safari, Chrome, iOS */
	-o-transform: translateY(-50%) translateX(-50%); /* Для Opera */
	transform: translateY(-50%) translateX(-50%);
    z-index: 299;
	cursor:pointer;
}

section.footer{
	background:#2d2d2d url(../images/footer.png) no-repeat 0 0;
	background-size:100% auto;
	padding:60px 0 48px 0;
	color:#999;
}
section.footer a{
	color:#999;
}
section.footer a:hover{
	color:#fff;
	text-decoration:none;
}

section.footer ul.footer-menu li a{
	margin:0 0 11px 0;
	display:block;
}

section.footer .footer-text{
	line-height:1.3;
	margin-bottom:13px;
}
section.footer form{
	width:100%;
}
section.footer form input, section.footer form textarea{
	width:100%;
	background:rgba(255,255,255,0.2);
	border:1px solid transparent;
	color:#fff;
	margin-bottom:10px;
	padding:0 14px 0 14px;
	
}
section.footer form input:hover, section.footer form textarea:hover{
	border:1px solid #fff;
}
section.footer form textarea{
	height:100px;
	padding-top:10px;
}
section.footer form input{
	height:40px;
	line-height:40px;
	
}
section.footer form span{
	display: inline-block;
	margin-left:11px;
	margin-bottom:20px;
	font-size:12px;
	
}

section.footer form input::-webkit-input-placeholder {color:#999;}
section.footer form input::-moz-placeholder          {color:#999;}/* Firefox 19+ */
section.footer form input:-moz-placeholder           {color:#999;}/* Firefox 18- */
section.footer form input:-ms-input-placeholder      {color:#999;}

section.footer form textarea::-webkit-input-placeholder {color:#999;}
section.footer form textarea::-moz-placeholder          {color:#999;}/* Firefox 19+ */
section.footer form textarea:-moz-placeholder           {color:#999;}/* Firefox 18- */
section.footer form textarea:-ms-input-placeholder      {color:#999;}

section.footer form input:hover::-webkit-input-placeholder {color:#999;}
section.footer form input:hover::-moz-placeholder          {color:#999;}/* Firefox 19+ */
section.footer form input:hover:-moz-placeholder           {color:#999;}/* Firefox 18- */
section.footer form input:hover:-ms-input-placeholder      {color:#999;}

section.footer form button{
	margin-top:10px;
}

section.footer .footer-title{
	font-size:20px;
	letter-spacing: 1.4px;
	color: #ffffff;
	text-transform:uppercase;
	margin-bottom:22px;
	display:block;
}

section.footer .nets{
	margin-top:70px;
}
section.footer .nets a{
	margin-right:20px;
}
section.footer .nets i{
	font-size:27px;
	color:#fff;
}
section.footer .nets a:hover i{
	color:#999;
}
section.footer .dev{
	color:#999;
	display:inline-block;
    margin-top:10px;
}

.close{
	width:20px;
	height:21px;
	background:url(../images/close.png) no-repeat 0 0;
	position:absolute;
	right:17px;
	top:17px;
	cursor:pointer;
}
.white-close{
	background:url(../images/close-white.png) no-repeat 0 0;
	right:-25px;
	top:-25px;
}

#menu{
	z-index:1000;
	position:fixed;
	top:0;
	left:0;
	width:287px;
	background:#fff;
	min-height:100%;
	display:none;
}
#menu .header-menu{
	color:#b4b0b4;
	padding:12px 24px;
	font-size:12px;
	border-bottom:1px solid #d8d8d8;
	text-transform:uppercase;
}
#menu .header-menu img{
	margin-right:8px;
	width:35px;
	
}

#menu .content-menu{
	padding:28px 40px 15px 40px;
	height:100%;
	position:absolute;
}

#menu ul{
	padding:0 0 15px 0;
	border-bottom:1px solid #d8d8d8;
	
}
#menu ul li{
	margin-bottom:13px;
	display:block;
}
#menu ul li a{
	text-transform:uppercase;
	color:#000;
	letter-spacing: 1px;
}
#menu ul li a:hover{
	color:#ff0000;
}

#menu p{
	letter-spacing:1px;
	line-height:1.3;
}
#menu .copyright{
	margin-top:50px;
}
.caption-inner .banner-text p{
	color: #202020;
    font-size: 18px;
	margin-bottom: 20px;
}
.scroll-show{
	display:none;
}

/* inner */

body.inner header, header.scroll-show{
	background:#303742;
	height:70px;
	line-height:70px;
	position: fixed;
	z-index: 300;
	top:0;
    width: 100%;
}
body.inner header .menu-trigger, header.scroll-show .menu-trigger{
	display:inline-block;
	margin:0;
	height:70px;
}
body.inner header .head-inner, header.scroll-show .head-inner{
	position: absolute;
    top: 0;
    margin-left: 25px;
    text-align: left;
    height: 70px;
    margin-bottom: 0;
}
body.inner header .head-inner .logo, header.scroll-show .head-inner .logo{
	width:170px;
	display: inline-block;
	margin: 0px auto 0 27px;
}
body.inner header .head-inner .logo a, header.scroll-show .head-inner .logo a{
	display:block;
}
body.inner header .head-inner .logo img, header.scroll-show .head-inner .logo img{
	width:100%;
	margin-top: -10px;
}
body.inner header .head-inner .slogan, header.scroll-show .head-inner .slogan{
	width:auto !important;
	margin: 0 0px 0 26px;
	display: inline-block;
}
body.inner header .head-inner .slogan h1, header.scroll-show .head-inner .slogan h1{
	font-size:14px;
	letter-spacing: 2.33px;
}

body.inner .header{
	margin-bottom:16px;
}

.main-title{
	font-size:40px;
	text-align:center;
	color:#2d2d2d;
	margin-bottom:30px;
}

.article.i-main p{margin-top:0;}
.article.i-main .worker{
	line-height:1.4;
	font-size:15px;
	color:#949494;
	font-style: italic;
}
.article.i-main .worker span{
	color:#2a2a2a;
	display:block;
	margin-bottom:7px;
}
.article.i-main div{
	background:none !important;
}
.article.i-main .description{
	line-height:1.5;
	font-size:20px;
}
.article.i-main .description img{
	margin-bottom:5px;
}
.article.i-main{
	width:100%;
}
.article.i-main.i-single{
	padding:0 70px;
}

.article.i-main .more{
	margin-top:22px;
	text-align:center;
}
.article.i-main .more a{
	font-size:14px;
	text-transform:uppercase;
	letter-spacing: 0.9px;
	color: #2a2a2a;
	display:inline-block;
	background:url(../images/more1.png) no-repeat center bottom;
	height:60px;
}
.article.i-main .more a{
	
}
.article.i-main .more a i{
	content: ' ';
    background: url(../images/arrow-down.png) no-repeat;
    width: 11px;
    height: 20px;
    display: block;
    margin: 3px auto 0 auto;
}
.article.i-main .more a:hover i{
	margin: 7px auto 0 auto;
}

.article div{
	background:#000;
}
.article.i-top div img, .article.i-left div img{
	opacity:0.8;
}
.article.i-top:hover div img, .article.i-left:hover div img{
	opacity:1;
}
.article.i-top:hover h3, .article.i-left:hover h3{
	color: #909090;
}

.video-popup{width:100%; height:100%;position:absolute;background:rgba(0,0,0,0.8);z-index: 1002; display:none;}
.video-popup-inner{
	padding:4px; 
	box-sizing:content-box;
	background:#fff;
	width:100%;
	position: absolute;
	top:50%;
	-moz-transform: translateY(-50%); /* Для Firefox */
	-ms-transform: translateY(-50%); /* Для IE */
	-webkit-transform: translateY(-50%); /* Для Safari, Chrome, iOS */
	-o-transform: translateY(-50%); /* Для Opera */
	transform: translateY(-50%);
}

.message{
	float:left; 
	color:#fff; 
	margin-top:10px;
}

.arrows-nextprev{
	float:right;
    position: absolute;
    top: 14px;
    right: 0;
}
.arrows-nextprev a{
	font-size: 23px;
    font-weight: 400;
    text-align: center;
    width: 30px;
    line-height: 1;
    display: inline-block;
    height: 30px;
    border-radius: 50%;
    color: #000;
    border: 1px solid #c5c5c5;
    margin-left: 3px;
	
}
.arrows-nextprev a:hover{
	border:1px solid #999;
}

.main-image-single{
	margin-bottom:20px;
}

.history-banner img{
	display:none;
	max-width:100%;
	margin: 0 auto 30px;
	position:absolute;
}
.history-banner img.active{
	position:relative;
	display:block;
}
.header-text a{
	display:block;
	margin-bottom:10px;
	color: #111;
}
.header-text a:hover{
	color: #ff0000;
}
.footer-text a{
	display:block;
	margin-bottom:15px;
	color: #111;
}

.single-gallery{
	margin-top:20px;
}
.single-gallery img{
	margin-bottom:5px;
}

.article.i-main a.rev{
	margin-top:20px;
}

/* inner */


@media screen and (min-width: 769px){
	.video-popup-inner {
		box-sizing: content-box;
		width: auto;
		width: 90%;
		height: 90%;
		padding: 6px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}
	section.articles .mansories{
		display: grid;
		grid-gap: 30px;
		grid-template-columns: repeat(auto-fill, minmax(350px,1fr));
		/*grid-auto-rows: 20px;*/
	}
}

@media (max-width:1299px) {
	section.footer{
		background-size: auto 100%;
	}
}

@media (max-width:992px) {
	.top-header{
		margin-top:130px;
	}
	body.inner header, header.scroll-show{
		height:130px;
	}
	body.inner header .head-inner .slogan, header.scroll-show .head-inner .slogan{
		margin-left:0px;
	}
	#menu{
		position:absolute;
	}
	.article.i-left img{
		max-width:200px;
	}
	.article p{
		font-size:14px;
		line-height: 1.5;
	}
	section .header.with-made-br{
		text-align: center;
	}
	section .header .made-br{
		position: inherit;
		margin-top:20px;
	}
	.video-inner{
		margin: 0 80px;
	}
	
}
@media (max-width:768px) {
	.article p {
		text-align: left;
	}
	.article{
		width:100%;
	}
	.article h3{
		clear: both;
		text-align: left;
	}
	h1{
		font-size:18px;
	}
	.article .abs{
		position:inherit;
		float: left;
	}
	.article.i-top img{
		margin-right:0;
	}
	.article.i-left, .article.i-top{
		text-align: center;
	}
	.article.i-left div, .article.i-top div{
		text-align:center;
		float:none;
		margin-right:0;
	}
	.article.i-left div img, .article.i-top div img{
		float:none;
	}
	.video-inner{
		margin: 0 0px;
	}
	.article.i-main .worker{
		margin:15px 0 15px 0;
	}
	section.footer .dev{
		margin-top:20px;
	}
	section.footer .nets {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	section.articles .mansories{
		padding:0 15px;
	}
	.main-slider .item img{
		max-width: 100%;
	}
	.article.i-main.i-single{
		padding:0;
	}
	.main-title{
		line-height:1;
		font-size: 20px;
	    padding: 0 80px 0 0;
		text-align: left;
	}
	.arrows-nextprev{
		top: -4px;
	}
	.button.white.grand{
		font-size:14px;
	}
	.button.white.grand i{
		margin-left:20px;
	}
}