@charset "utf-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=cyrillic';
*, *:before, *:after{ margin: 0; padding: 0; }
html{ 
	width: 100%; height: 100%; overflow-x: hidden; background: #fff; 
	font: normal 14px/24px 'Open Sans', sans-serif; color: #2c2226; text-align: left; font-weight: 400;
}
body{ width: 100%; min-height: 100%; position: relative; }
p{ margin: 10px 0; }
ul, ol{ padding-left: 25px; }
a{ outline: none; text-decoration: none; color: #f57a0c; }
a:hover{ text-decoration: underline; }
a img{ border: 0px solid; }
h1,h2,h3,h4,h5,h6{ font-family: 'Open Sans', sans-serif; margin: 10px 0; }
h1{ font-size: 2em; line-height: 1.2em; }
h2{ font-size: 1.2em; line-height: 1.2em; }
h3{ font-size: 1em; line-height: 1.2em; }

#menu-toggle{ display: none; border: 0px solid; }

.main{ display: block; width: 1124px; max-width: 95%; margin: 0 auto; position: relative; clear: both; }
.main-container{ margin-bottom: 30px; }
.main:after, .main-menu:after, .main-footer .alt-menu:after, .article:after{ content: ''; display: block; clear: both; }
.transitionAll, .main-menu ul li a{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header{ width: 100%; background: #fff; color: #00712d; padding: 25px 0; } 
.main-header .logo{ display: block; float: left; }
.main-header .phone{
	display: block; float: right; position: absolute; top: 50%; right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 20px; line-height: 35px;
	padding-left: 45px; background: url(../images/phone-w.png) 0 center no-repeat;
}

.main-menu{ width: 100%; height: 42px; background: #f59311; text-align: center; margin-bottom: 30px; position: relative; z-index: 1000; }
.main-menu ul{ display: inline-block; list-style-type: none; padding: 0; border-left: 1px solid #efede9; }
.main-menu ul li{ display: block; float: left; border-right: 1px solid #efede9; position: relative; }
.main-menu ul li a{ 
	display: block; float: left; padding: 7px 16px 0 16px; 
	font-size: 16px; line-height: 35px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none;
}
.main-menu ul li.active a, .main-menu ul li a:hover{ background: #f57a0c; }
.body-touch .main-menu ul li a:hover{ background: #f59311; }

.main-menu ul li ul{ 
	display: none; float: left; padding: 17px 20px; text-align: left; min-width: 100%;
	border: 1px solid #f59311; border-top: 0px solid; background: #fff;
	position: absolute; top: 42px; left: 0;
}
.main-menu ul li ul li{ clear: both; padding-left: 15px; margin: 3px 0; background: url(../images/bullet.png) 0 center no-repeat; min-width: 280px; } 
.main-menu ul li ul li a{ 
	color: #2c2226; font-weight: 400; font-style: italic; font-size: 14px; line-height: normal; text-transform: none; 
	background: none!important; padding: 0;
}
.main-menu ul li ul li a:hover{ text-decoration: underline; }
.main-menu ul li ul li.active a{ color: #f57a0c; }
.main-menu ul li#mm_services ul.submenu{ width: 600px; }
.main-menu ul li#mm_services ul.submenu li{ 
	width: 50%; float: left; clear: none; padding-right: 20px; margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box; 
}
.main-menu ul li#mm_services ul.submenu li:nth-of-type(2n+1){ clear: both; }

.main-footer{ background: #2c2226 url(../images/bg-footer.png) center 0 repeat; color: #fff; }
.main-footer .copyright{ 
	display: block; background: #00712d;
	font-size: 12px; line-height: 35px; color: #fff; text-align: center; font-style: italic; 
}
.main-footer .alt-menu{ padding: 20px 0; font-size: 13px; line-height: 15px; }
.main-footer .alt-menu .column{ display: block; float: left; width: 20%; }
.main-footer .alt-menu h3, .main-footer .alt-menu a, .main-footer .alt-menu span{ display: block; color: #fff; padding-right: 15px; margin: 7px 0; }
.main-footer .alt-menu h3{ font-size: 14px; text-transform: uppercase; }

.title-box{ color: #2c2226; font-size: 24px; line-height: normal; margin: 12px 0; }
.title-box a{ color: inherit; text-decoration: none; }

.article{ display: block; }
.article .title{ font-size: 1em; line-height: 1.5em; color: #2c2226; }
.article .title a{ color: inherit; }
.article .metadata{ display: block; } 
.article .enddate{ color: #f57a0c; font-style: italic; }
.article .source{ color: #797979; font-style: italic; }
.article .img{ display: block; float: left; width: 30%; height: 0; padding-bottom: 20%; position: relative; overflow: hidden; }
.article .img img{
	width: 100%; position: absolute; top: 50%; right: 0; z-index: 0; 
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);		
}
.article .info{ float: right; width: 68%; } 
.article .title:first-child{ margin-top: 0; } 
.article-detail .multimedia-box{ width: 47%; float: left; }
.article-detail .info{ width: 50%; }
.article-detail .title{ font-size: 1.4em; font-weight: bold!important; text-transform: uppercase; margin-bottom: 20px; }
.article .downloads{ clear: both; border-top: 1px solid #cac8c9; margin-top: 20px; }
.article .downloads:before{ content: ""; display: block; height: 10px; margin-top: 1px; border-top: 1px solid #cac8c9; }
.article .downloads a{ display: block; padding-left: 45px; background: url(../images/download.png) 0 center no-repeat; color: #009318; font-style: italic; margin-bottom: 10px; }

.list-content .article{ border-bottom: 1px solid #cac8c9; border-top: 1px solid #cac8c9; margin: 1px 0; padding: 10px 0; }
.list-content .article:first-of-type{ border-top: 0px solid; padding-top: 0; }
.list-content .article:last-of-type{ border-bottom: 0px solid; }

.column-content .article{ width: 48%; float: left; }
.column-content .article:nth-of-type(2n){ float: right; }
.column-content .article:nth-of-type(2n+1){ clear: both; }
.column-content .article:nth-of-type(2){ border-top: 0px solid; padding-top: 0; }
.column-content .article:nth-last-of-type(2){ border-bottom: 0px solid; }

.partners-content .article .title{ font-weight: 400; margin: 0; }

.n-article-content .article{ padding: 25px 0; }
.projects-content .article .title{ text-transform: uppercase; font-weight: 400; }
.projects-content .article .title a:hover{ font-weight: bold; }

.f-article-content .article{ padding: 20px 0 20px 45px!important; background: url(../images/download.png) 0 center no-repeat; }
.f-article-content .article .title{ text-transform: uppercase; font-weight: 400; margin: 0; }
.f-article-content .article .title a:hover{ font-weight: bold; }

.big-img-gallery{ margin-bottom: 20px; }
.thumb-gallery{ width: 90%; margin: 0 auto; }
.thumb-gallery .img,.big-img-gallery .img{ width: 100%; padding-bottom: 66.66%; }
.thumb-gallery .img:after{
	content: ''; position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: rgba(0,0,0,.4);	
}
.thumb-gallery .current:after{ display: none; }
.thumb-gallery .img:hover:after{ display: none; }

.leading-gallery{ width: 100%; margin-bottom: 30px; }
.leading-gallery .article{ width: 100%; height: 0; padding-bottom: 28%; position: relative; background: #000; overflow: hidden; }
.leading-gallery .article img{ 
	width: 100%; position: absolute; top: 50%; right: 0; z-index: 0; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
}
.leading-gallery .article .title{
	font-size: 2.5em; line-height: normal; color: #fff; width: 50%;
	position: absolute; top: 20%; left: calc((100% - 1124px) / 2); z-index: 1;
}
.leading-gallery .article .btn-more{ 
	display: block; float: left; padding: 10px 20px;
	position: absolute; bottom: 10%; left: calc((100% - 1124px) / 2); z-index: 1;
	background: #00712d; color: #fff; text-transform: uppercase; text-decoration: none;
}

.owl-theme .owl-controls{ margin: 0; position: absolute; bottom: 0; right: calc((100% - 1124px) / 2); }
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{
	display: block; float: left; width: 42px; height: 42px; overflow: hidden; text-indent: -9999px;
	cursor: pointer; margin: 0 0 0 3px; padding: 0;
    background: #ef8913; background-repeat: no-repeat; background-position: center center;    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.owl-theme .owl-controls .owl-nav .owl-prev:hover, .owl-theme .owl-controls .owl-nav .owl-next:hover{ background-color: #f57a0c; background-repeat: no-repeat; background-position: center center; }
.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-prev:hover{ background-image: url(../images/nav-prev.png); }
.owl-theme .owl-controls .owl-nav .owl-next, .owl-theme .owl-controls .owl-nav .owl-next:hover{ background-image: url(../images/nav-next.png); }
.article-detail .owl-theme .owl-controls{ right: 1px; }

.thumb-gallery .owl-controls{ width: 100%; right: 0; height: 0px; position: static; }
.thumb-gallery .owl-controls .owl-nav .owl-prev{ position: absolute; top: 50%; left: -21px; margin: 0; }
.thumb-gallery .owl-controls .owl-nav .owl-next{ position: absolute; top: 50%; right: -21px; margin: 0; }
.thumb-gallery .owl-controls .owl-nav .owl-prev, .thumb-gallery .owl-controls .owl-nav .owl-next{
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);	
}

.banner-alert{ display: block; float: left; width: 250px; margin: 0 25px; }
.banner-alert img{ width: 100%; }

.news-box, .about-box{ 
	display: block; float: left; width: calc( (100% - 300px) / 2 );
}
.news-box .btn-all{ color: #00712d; }
.about-box .btn-all{ color: #ef8913; }

.contacts-box{ text-align: center; margin-bottom: 30px; position: relative; padding-top: 80px;  }
.begin-body .contacts-box{ padding-top: 0; }
.contacts-box p{ 
	display: inline-block; width: 260px; text-align: left; padding-left: 45px;
	background-position: 0 0; background-repeat: no-repeat; vertical-align: top;
}
.contacts-box p a{ color: inherit; }
.contacts-box p.address{ background-image: url(../images/address.png); }
.contacts-box p.phone{ background-image: url(../images/phone.png); }
.contacts-box p.email{ background-image: url(../images/email.png); }

.paging-top{ 
	display: block; width: 45px; color: #fff; text-decoration: none; font-size: 11px; 
	background: #00712d url(../images/nav-top.png) center 10px no-repeat; padding-top: 20px;
	position: absolute; top: 0; right: 0;
}

.left-menu{
	display: block; float: left; width: 25%; list-style-type: none;
	border: 1px solid #f59311; padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.left-menu li{ display: block; padding-left: 15px; margin: 3px 0; background: url(../images/bullet.png) 0 center no-repeat; }
.left-menu li a{ color: #2c2226; font-style: italic; }
.left-menu li.active a{ color: #f57a0c; }

.main-content{ float: right; width: 72%; }
.full-content{ width: 100%; }
.title-page{ color: #f57a0c; }
.path-page{ color: #797979; font-size: 13px; margin-bottom: 20px; }
.path-page a{ color: inherit; }
.path-page .last{ font-style: italic; }

.image-gallery{ margin-bottom: 20px; }
.image-gallery .big-img{ display: block; width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; }
.article-detail .multimedia-box .image-gallery .big-img{ padding-bottom: 66%; }
.image-gallery .big-img img{
	width: 100%; position: absolute; top: 50%; right: 0; z-index: 0; 
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.main-paging{ border-top: 1px solid #cac8c9; text-align: center; clear: both; padding: 10px 0; }
.main-paging *{ display: inline-block; padding: 0 3px; line-height: 15px; color: #2c2226; }
.main-paging a:hover{ color: #f59311; }
.main-paging .paging_first, .main-paging .paging_last{ display: none; }
.main-paging .paging_next, .main-paging .paging_previous{ font-style: italic; }
.main-paging .paging_pages{ text-decoration: underline; }
.main-paging .paging_current{ font-weight: bold; border: 1px solid #f59311; }

.form-content{ display: table; margin-bottom: 30px; margin-top: 30px; }
.form-content{ display: block; border-top: 1px solid #cac8c9; }
.form-content:before{ content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px solid #cac8c9; margin-bottom: 20px; }
.form-content .row{ display: table-row; }
.form-content .text, .form-content .form{ display: table-cell; display: block; width: 50%; width: 100%; vertical-align: top; }
.form-content .text{ vertical-align: bottom; padding-bottom: 15px; font-style: italic; }
.form-content .text:nth-of-type(2n), .form-content .form:nth-of-type(2n){ padding-left: 10px; }
.form-content .text:nth-of-type(2n+1), .form-content .form:nth-of-type(2n+1){ padding-right: 10px; }
.contacts-box .form-text{ display: block; width: 50%; text-align: center; font-style: italic; margin: 50px auto 20px auto; }
.contacts-box .form-content{ width: 100%; }
.contacts-box .form-content .text:nth-of-type(2n), .form-content .form:nth-of-type(2n){ padding-left: 20px; }
.contacts-box .form-content .text:nth-of-type(2n+1), .form-content .form:nth-of-type(2n+1){ padding-right: 20px; }

.form-content .contacts-form{ 
	width: 50%; float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
} 

.faq-content .article{ padding: 20px 0 0 0; }
.faq-content .article .title{ margin-bottom: 20px; padding-right: 30px; cursor: pointer; background: url(../images/faq-closed.png) right center no-repeat; }
.faq-content .article .answer{ display: block; clear: both; padding: 0 30px 10px 0; }
.faq-content .open-article .title{ background-image: url(../images/faq-open.png); }
.faq-content .open-article .answer{ display: block; }
.faq-content .open-article .answer p{ margin: 0; padding: 10px 0; }


#fancybox-close, #fancybox-right-ico, #fancybox-left-ico{ background: #f57a0c; }
#fancybox-close:before, #fancybox-right-ico:before, #fancybox-left-ico:before{ content: 'x'; font-size: 25px; display: block; width: 100%; height: 100%; float: left; color: #fff; text-align: center; line-height: 25px; overflow: hidden; font-family: 'Open Sans', sans-serif; }
#fancybox-right-ico:before{ content: '›'; }
#fancybox-left-ico:before{ content: '‹'; }

.partners-content .article{ width: 33.33%; float: left; clear: none; border: 0px solid!important; padding-top: 0; text-align: center; }
.partners-content .article:nth-of-type(2n+1){ clear: none; }
.partners-content .article:nth-of-type(2n){ float: left; }
.partners-content .article:nth-of-type(3n+1){ clear: both; }
.partners-content .article:before{
	content: ''; display: block; width: 97%; height: 2px; margin-bottom: 15px;
	border-bottom: 1px solid #cac8c9;
    border-top: 1px solid #cac8c9;
}
.partners-content .article:nth-of-type(1):before, .partners-content .article:nth-of-type(2):before, .partners-content .article:nth-of-type(3):before{ display: none; }
.clients-content .article{ width: 33.33%; float: left; clear: none; border: 0px solid!important; padding-top: 0; text-align: center; }
.clients-content .article:nth-of-type(2n+1){ clear: none; }
.clients-content .article:nth-of-type(2n){ float: left; }
.clients-content .article:nth-of-type(3n+1){ clear: both; }
.clients-content .article:before{
	content: ''; display: block; width: 97%; height: 2px; margin-bottom: 15px;
	border-bottom: 1px solid #cac8c9;
    border-top: 1px solid #cac8c9;
}
.clients-content .article:nth-of-type(1):before, .clients-content .article:nth-of-type(2):before, .clients-content .article:nth-of-type(3):before{ display: none; }

.article .logo-img{ width: 90%; padding-bottom: 90px; margin: 0 0 0 5%; }
.article .logo-img img{ 
	height: 70px; width: auto; max-width: 100%; top: 0; right: 0; left: 50%; 
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.article .web{  word-wrap: break-word; }

.offers-body .article-detail p{ margin: 0; }