@CHARSET "UTF-8";

body{ min-width:768px }


#main-header{ padding:20px 34px; }
#main-header .logo{ width:75px; margin:0 15px 0 0; }
#main-nav li{ margin:15px 10px 0 0 }
#main-nav li a{ font:12px/28px "RobotoRegular",Arial,sans-serif; }

#main-nav{ position:relative; top:0; left:0; margin-right:20px; float:right; width:170px; }
/* #main-nav:before{ content:'\f039'; font:28px/40px 'FontAwesome'; text-align:center; color:#5B7434; position:absolute; top:12px; right:0; height:40px; width:40px; }
#main-nav:hover:before{ color:#465929; cursor:pointer } */
#main-nav .menu_icon{ text-align:center; position:absolute; top:12px; 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:50px; 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{ padding:0 0 0 20px; }
.lang a{ margin-top:15px; }
.main-content{ padding:0 34px; }

.about-section{ height:253px; width:700px; max-width:700px; margin:0 auto; overflow:hidden; position:absolute; top:100px; left:34px; right:34px;   }

.index-aside{ padding:289px 0 0 0; width:100%; max-width:100%;}
.about-section h1{ font:26px "RobotoRegular",Arial,sans-serif; }
.about-section h1 span{ font-family:"RobotoBlack",Arial,sans-serif; }
.about-section .wr{ width:450px; height:100%; }
.about-section .title{ margin-top:18px }


#news-section-index .news-list{ max-width:700px; margin:0 auto; }
#news-section-index .news-item{ width:628px; }
#news-section-index .news-list .desc{ width:376px }

.sign_up_project{ margin-bottom:32px }

.index_right_block + .index_right_block{ margin-top:36px }
.index_right_block:last-child{ margin-bottom:36px }
.advertisement { margin:0 auto 36px; max-width:700px; }
.advertisement.index_right_block { max-width:700px; }
.advertisement .desc{ max-width:390px; width:390px }

.sign_up_project{ width:100%; background-repeat:repeat; max-width:700px; margin:0 auto; }
.sign_up_project h3{ top:45px; }

footer{ padding:10px 34px; }


/* ORGANIZATION PAGE */
.main-content{ padding:0 }
.page_content{ padding:30px 30px; }
.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:464px; }
.team_promo.team_small{ width:234px; }

.team_promo.team_large h3 i{ font:normal 40px "RobotoRegular",Arial,sans-serif; }
.team_promo.team_middle h3 i{ font:normal 38px "RobotoRegular",Arial,sans-serif; padding-top:140px }
.team_promo.team_small h3 i{ font:normal 24px "RobotoRegular",Arial,sans-serif; }
.team_promo.team_large h3 i{ font:normal 40px "RobotoRegular",Arial,sans-serif;  padding-top:140px }
.team_promo.team_large h3 span{ font:68px/60px "RobotoBlack",Arial,sans-serif; display:block; }
.team_promo.team_middle h3 span{ font:66px/60px "RobotoBlack",Arial,sans-serif; display:block;}
.team_promo.team_small h3 span{ font:40px/40px "RobotoBlack",Arial,sans-serif; display:block;}



#news .big_new{ width:225px; }
#news .big_new .desc{ width:100%; }
.news_list{ text-align:left; }
#news .new{ float:none; display:inline-block; vertical-align:top; margin-left:-4px; }
#news .desc{ text-align:left; }



/* PROJECT PAGE */
.project_1{ float:none; margin:0 auto }

.projects_page #news-section-index{ margin:20px 0 0 0; width:100%; }
.projects_page #news-section-index .news-list .desc{ float:left }
.projects_page #news-section-index .news-list .text{ font-size:1em }
.projects_page #news-section-index .date{ right:0; }
.projects_page #news-section-index .section-title{ left:36px; top:27px; }


/* PARTNERS */
.p_item{ width:47%; height:475px; padding:45px 30px; }


/* CONTACTS */
.map_img{ width:360px; }
.contact_block .text{ padding:40px 20px; max-width:345px }


/* SHOP */
.goods_item .content{ padding:45px 15px; }
.goods_item { height:400px; }
.goods_item .img{ width:364px; }
.goods_item .img img{ width:80% }

.goods_list_item .price{ left:30px; }
.goods_list_item .btn{ left:30px; }

/* SUPPORT */
.support_page .left{ width:50% }
.support_page .right{ width:50%; padding:0 0 0 20px; }
.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; }


.page_footer{ margin:75px 0px 0px }
#page-up{ right:5px }

.goods_list_item .content{ padding:25px 30px }
.goods_view_item .content{ padding:60px 20px; }
.goods_list_item .desc{ font-size:16px; height:100px; overflow:hidden }

.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% }
.page_content #prj_avto { max-width:700px }
.page_content #prj_avto img{ height:100% }
.project_1,
.projects_page #prj_vol_area{ width:100% }
#prj_vol_area img{ width:100% }

#prj_vol_area { width:700px; }
.projects #prj_avto{ max-width:700px }
.projects #prj_avto img{ width:auto }