@CHARSET "UTF-8";


body{ min-width:300px }

.promo > .promo_image{ top:0 }

#main-header{ padding:20px 15px; }
#main-header .logo{ width:46px; margin:0 auto; }
#main-header .logo img{ width:130px; display:block; margin:0 auto; }

#help-btn{ width:110px; }

#main-nav{ position:relative; top:0; left:0; margin-right:4px; float:right; width:100px; padding-left:0; }
#main-nav .menu_icon{ text-align:center; position:absolute; top:3px; right:0; height:40px; width:40px; }
#main-nav .menu_icon::before{ content:'\f039'; font:28px/40px 'FontAwesome'; color:#5B7434; }
#main-nav .menu_icon:hover::before{ color:#465929; cursor:pointer }
#main-nav ul{ display:none; }
#main-nav.open ul{ z-index:3; display:block; width:200px; background:#fff; box-shadow:2px 2px 2px rgba(0,0,0,0.2); position:absolute; top:44px; right:-80px; padding:10px 15px; }
#main-nav.open ul:before{ content:''; position:absolute; width:0; right:0; left:0; top:-9px; margin:auto; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid #fff; }
#main-nav.open li{ display:block;  }
#main-nav li{ margin:5px 0px 0 0 }
#main-nav li a{ font:12px/28px "RobotoRegular",Arial,sans-serif; display:block; }
#main-nav.open  li.active{ box-shadow: 0 2px 0 #5b7434 }
#main-nav.open  li:hover{ box-shadow: 0 2px 0 #5b7434 }
.lang a{ margin-top:6px; }


.index_right_block { margin-left:auto; margin-right:auto; }
.index_right_block + .index_right_block{ margin-top:20px; }
.index_right_block:last-child{ margin-bottom:20px }
#prj_vol_area.index_right_block{ width:100%; }
#prj_vol_area.sign_up_project h3{ font-size:26px }

#help-btn{ margin:0; }
.about-section img{ width:100%; min-height:264px; }


.about-section{ height:264px; width:auto; max-width:656px; margin:0 auto; overflow:hidden; position:absolute; top:100px; left:15px; right:15px; }

.index-aside{ padding:284px 0px 0; width:100%; max-width:726px; float:none; margin:0 auto; }
.about-section h1{ font:22px "RobotoRegular",Arial,sans-serif; max-width:300px; margin:0 auto; }
.about-section h1 span{ font-family:"RobotoBlack",Arial,sans-serif; }
.about-section .wr{ width:94%; height:100%; }
.about-section .title{ margin-top:40px }
.about-section .about-section .title{ margin-top:40px }
.advertisement h2{ font:20px "RobotoBold",Arial,sans-serif; }


#news-section-index .news-list .img{ display:none; }
#news-section-index { max-width:656px }
#news-section-index .news-list{ max-width:700px; margin:0 auto; }
#news-section-index .news-item{ width:89%; }
#news-section-index .news-list .desc{ width:100% }
#news-section-index .date{ z-index:2; right:-12.3%; max-width:76px; }
#news-section-index .news-item.active .wr{ width:92%; }

.sign_up_project{ margin-bottom:32px }

.advertisement { max-width:656px; }
.advertisement .desc{ max-width:100%; width:100% }
.index-aside .img{ display:none }

.sign_up_project{ width:100%; background-repeat:repeat; max-width:700px; margin:0 auto; }
.index-aside .sign_up_project{ max-width:656px }
.sign_up_project h3{ top:45px; }

footer{ padding:10px 10px; }

.promo{ height:250px }
.sub_menu a{ padding:0 4px }
.preface{ font:16px/28px "RobotoMedium",Arial,sans-serif }
.preface_bold{ font:16px/24px "RobotoRegular",Arial,sans-serif; }

.read_new ol, 
.read_new ul { padding: 10px 20px 10px 30px; }

/* ORGANIZATION PAGE */
.main-content{ padding:0 15px 30px; max-width:100%; }
.promo_logo{ font:26px "RobotoBlack",Arial,sans-serif; background-size:80px; margin:0 auto; padding:100px 0 0; }
.promo_organization .promo_image{ left:-200px; }
.promo_organization .sub_menu a{ padding:0 10px; }
.promo_projects .sub_menu a{ padding:0 10px; margin:0 0 0 -10px }

.page_content{ padding:20px 0px; }
.main_title{ font:18px "RobotoBold",Arial,sans-serif; }
.headline{ margin:0 0 20px; }
.headline.first{ margin:30px 0 20px; }
.team_item{ margin:0 5px 10px 0; width:228px; display:inline-block; float:none; vertical-align:top;}
.team_item .desc{padding:25px 15px 30px}
.team_promo{ width:464px; display:inline-block; float:none; vertical-align:top; height:446px; margin-bottom:11px; overflow:hidden }
.team_list{ text-align:center; }
#team .desc{ text-align:left; }

.team_promo+.team_item{ float:none; margin-right:5px !important}
.team_promo.team_large{ width:100%; }
.team_promo.team_middle{ width:100%; max-width:464px; }
.team_promo.team_small{ width:234px; }

.team_promo.team_large h3 a{ font:26px "RobotoRegular",Arial,sans-serif; }
.team_promo.team_middle h3 a{ font:26px "RobotoRegular",Arial,sans-serif; padding-top:140px }
.team_promo.team_small h3 a{ font:24px "RobotoRegular",Arial,sans-serif; }
.team_promo.team_large h3 a{ font:20px "RobotoRegular",Arial,sans-serif;  padding-top:140px }
.team_promo.team_large h3 span{ font:38px "RobotoBlack",Arial,sans-serif; display:block; }
.team_promo.team_middle h3 span{ font:36px "RobotoBlack",Arial,sans-serif; display:block;}
.team_promo.team_small h3 span{ font:20px/40px "RobotoBlack",Arial,sans-serif; display:block;}


#news a{ word-wrap:break-word; }
#news .search_news_item .date{ border-left:0; padding:15px 15px 0 0; text-align:right }
#news .search_news_item .desc{ width:100%; padding:15px; }
.search_result{ top:10px; margin:50px 0 20px; }
.search_result_list .list{ margin:30px 0 0;  }
#news_search{ margin:0; float:left; }

.read_new .news_body{ margin:0; }
.read_new .news_body img{ max-width:100%; height:auto }
#news .read_new .date{ margin-bottom:10px; padding:15px 15px 0; }
.read_new .preview_img{ float:none; }
.read_new h1{font:16px "RobotoBold",Arial,sans-serif; padding:15px 15px 0; }
.read_new p{ padding:10px 15px; }
#news .big_new{ width:225px; }
#news .big_new .desc{ width:100%; }
.news_list{ text-align:center; margin-top:60px }
#news .new{ float:none; margin:0 auto }
#news .desc{ text-align:left; }



/* PROJECT PAGE */
.promo_projects.promo .promo_image{ min-height:120%; height:100%; }
.project_1{ float:none; margin:0 auto }
.projects_page .promo_title{ font-size:38px; }
.promo_projects .promo_logo{ padding-top:100px }
.promo_projects .sub_menu { text-align:left; margin:0; }
.promo_projects .sub_menu a{ padding:0 10px; }
.promo_projects .sub_menu + .promo_logo { padding-top:40px }
.promo_projects.promo{ height:300px }


#prj_avto h3{ font-size:26px; }
#prj_avto h3 span{ font-size:30px; }
.projects_page #news-section-index .news-list .desc{ width:84%; }
.projects_page #news-section-index{ margin:20px 0 0 0; width:100%; background:#fff; max-width:735px; }
.projects_page #news-section-index .news-list .desc{ float:left; padding:60px 15px 20px; }
.projects_page #news-section-index .news-list .text{ font-size:1em; height:80px }
.projects_page #news-section-index .date{ right:0; }
.projects_page #news-section-index .section-title{ left:17px; top:27px; }


/* PARTNERS */
.promo_partners{ height:190px; }
.promo_partners .promo_image{ min-height:150%; height:100%; min-height:150%; }
.partners_page .promo_title{ font-size:38px; }
.p_item{ width:100%; height:475px; padding:45px 30px; margin:0 0 30px; }
.partners_page .promo_logo{ padding:50px 0 0 }


/* CONTACTS */
.promo_contact .promo_image{ min-height:150%; width:auto; margin-left:-100%; }
.map_img{ width:360px; }
.contact_block .text{ padding:40px 20px; max-width:100% }
.contact_page .promo_title{ font-size:38px }
.promo_contact .promo_logo{ padding:50px 0 0 }
.promo_contact{ height:190px }



/* SHOP */
.promo_shop .promo_image{ min-height:120%; height:100%; left:auto; right:-100px; }
.shop_page .promo_title{ font-size:38px; }
.promo_shop .promo_logo{ width:100%; padding:30px 15px 0; }
.promo_shop .add_text{ font:16px/23px "RobotoRegular",Arial,sans-serif; }
.goods_item .content{ padding:45px 15px; }
.goods_item { height:400px; }
.goods_list_item { width:100%; }
.goods_item .img{ width:364px; }
.goods_item .img img{ width:80% }

.goods_list_item { margin:0 0px 30px 0}
.goods_list_item .content{ padding:15px; }
.goods_list_item .desc{ font-size:16px; height:100px; overflow:hidden }
.goods_list_item .price{ left:15px; }
.goods_list_item .btn{ left:15px; }


.goods_view_item h2{ margin:0 0 20px; }
.goods_view_item .img{ position:static }
.goods_view_item .desc{ font:16px "RobotoRegular",Arial,sans-serif; }
.goods_view_item .content{ padding:15px; margin-top:80%; width:100%; }



/* SUPPORT */
.promo_support{ height:190px }
.promo_support .promo_image{ min-height:150%; width:auto; margin-left:-100%;}
.promo_support .promo_logo{ padding:50px 0 0 }
.support_page .promo_title{ font-size:38px }
.support_page .left{ width:100% }
.support_page .right{ width:100%; padding:40px 0 0; }
.support_page .cards .pib{ width:240px }
.support_page .cards .chosen-container,
.chosen-container .chosen-drop,
.support_page .cards select{ width:240px }


/* VIEWER */
.viewer_container{ top:20px; }
.viewer_container.img{ display:none; }
.wrapper_goods .viewer_container.form{ left:0; right:0; }
.viewer_container{ width:95%; padding:30px 20px; }
.viewer_container input[type="text"],
.viewer_container textarea{ width:100%; margin-left:0; }
.viewer_container .ov{ width:100%; }
.viewer_container .times,
.viewer_container .equal{ width:20px; }
.viewer_container .total_price{ width:69px }
.viewer_container .req{ margin:-10px 0 0 }
.viewer_container input[type="submit"]{ margin:20px 18px 20px 0; }


.page_footer{ margin:30px 0px 0px; line-height:30px; height:auto; padding:0 15px; display:block; text-align:center; }
.page_footer .copy{ line-height:14px; height:auto; padding:30px 0 15px; }
footer .copy{ margin:10px 0 20px 0px; width:100%; text-align:center }
footer .copy span{ display:inline-block }
footer .socials{ float:none; text-align:center; padding-bottom:10px; }
footer .socials a{ margin:0 0 0 6px; }

.read_news_page + .page_footer,
.projects_page + .page_footer{ margin-bottom:50px; }

@media (min-width: 350px) {
	.promo_projects .sub_menu{ text-align:center; }
}

@media (min-width: 360px) {
	footer .socials{ margin:15px 0; }
	footer .copy{ height:30px; }
	footer .copy span{ height:22px; }
}


#page-up{ right:5px }
.ps-scrollbar-x-rail{ display:none !important }
.viewer_container{ height:350px; overflow:hidden }
.wrapper_goods .viewer_container.img{ height:350px }
.order_goods_form{ margin:0 0 40px 0 }

.page_content.projects .project_2{ overflow:hidden }
#prj_avto{ max-width:100% }
#prj_avto img{ width:100% }
.project_1,
.projects_page #prj_vol_area{ width:100%; max-width:726px }
#prj_vol_area img{ height:100% }
.project_2 #prj_avto.sign_up_project img{ height:100%; width:auto; }

@media (min-width: 390px) {
	.map_img{ width:100% }
	.map_img > ymaps{ width:100% }
}

@media (min-width: 492px) {
	#news .new{ display:inline-block; vertical-align:top; margin-left:-4px; }
}

@media (min-width: 500px) {
	.goods_list_item { width:90%; margin:0 0px 30px 0; }
	.goods_list_item:nth-child(2n) { margin-right:0; }	
	.goods_view_item .img{ position:absolute }
	.goods_view_item .content{ margin-top:0; width:48%; }
}

@media (min-width: 600px) {
	#prj_vol_area img{ width:100%; height:auto }
	
	.support_page .left{ width:50% }
	.support_page .right{ width:50%; padding:0 0 0 20px; }
}

@media (min-width: 608px) {
	.p_item{ width:47%; }
	.p_item:nth-child(2n) { margin:0 0 35px 15px; }
}

@media (min-width: 680px) {
	.advertisement .desc{ max-width:390px; }
	.index-aside .img{ display:block }
}	

@media (min-width: 750px) {
	footer .copy{ width:auto; margin:5px 0 0 }
	footer .socials{ float:right; text-align:right; }	
}

@media (max-width: 375px) {
	.about-section .title{ margin-top:20px }
}