@charset "utf-8";
html {width:100%;}
body {margin:0; padding:0; height: 100%; background: #f0f1f2;}

.clear {clear: both;}
.error404 {display: block; padding: 100px 15px; min-height: 100vh; font-size: 18px;}

.header {display: block; width: 100%; height: 150px; background: #fff; position: relative;}

.header .head {display: flex; margin: 0 auto; width: auto; max-width: 1200px; height: 150px; flex-direction: row; justify-content: flex-start; align-items: center;}
.header .head > div {display: block; width: auto; box-sizing: border-box; overflow: hidden;}
.header .head > div:nth-child(1) {padding-left: 15px; min-width: 200px; max-width: 200px;}
.header .head > div:nth-child(2) {width: 100%; position: relative; overflow: visible;}
.header .head > div:nth-child(3) {padding: 0 15px 0 55px; min-width: 270px; max-width: 270px;}

.header .head .top_info {display: flex; padding-top: 8px; width: 100%; height: 54px; flex-direction: row; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
.header .head .top_info > div {display: block; width: 50%; font-size: 13px; color: #222; box-sizing: border-box; line-height: 20px; overflow: hidden;}
.header .head .top_info > div i {display: inline-block; margin-right: 9px; height: 20px; background-image: url(images/sprite.png); background-repeat: no-repeat; vertical-align: top;}
.header .head .top_info > div span {color: #6c6f6d;}
.header .head .top_info > div:nth-child(1) i {width: 16px; background-position: 0 0;}
.header .head .top_info > div:nth-child(2) {text-align: right;}
.header .head .top_info > div:nth-child(2) i {width: 20px; background-position: -56px 0;}

.header .head .phone_top_wrap {display: block; width: 100%; height: 54px; font-size: 18px; font-weight: 700; color: #222;}
.header .head .phone_top {display: flex; padding-left: 15px; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
.header .head .phone_top > div {display: block; box-sizing: border-box; overflow: hidden;}  
.header .head .phone_top > div:nth-child(1) {min-width: 20px; max-width: 20px; background: url(images/sprite.png) -16px center no-repeat;}
.header .head .phone_top > div:nth-child(2) {padding-left: 9px;}
.header .head .phone_top > div span {font-size: 14px; font-weight: 400; color: #555;}

.back_call {display: block; width: 100%; height: 40px; font-weight: 700; text-align: center; text-transform: uppercase; color: #fff; border-radius: 3px; background: #f87806; cursor: pointer; line-height: 40px;}
.back_call i {display: inline-block; margin-right: 9px; width: 20px; height: 40px; background: url(images/sprite.png) -96px center no-repeat; vertical-align: top;}
.back_call:hover {background: #47651a;}

.header .head .wrap_search {display: flex; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.header .head .wrap_search > div {display: block; width: 100%; height: 40px; box-sizing: border-box; overflow: hidden;}
.header .head .wrap_search > div:nth-child(1) {min-width: 120px; max-width: 120px; position: relative; overflow: visible;}
.header .head .wrap_search > div:nth-child(2) {overflow: visible;}
.header .head .wrap_search > div:nth-child(3) { min-width: 60px; max-width: 60px;}
.header .head .wrap_search > div select {display: none;}
.header .head .wrap_search > div .cat_now {display: block; width: 100%; height: 40px; text-align: center; border: 1px solid #c2c7cc; border-radius: 3px 0 0 3px; box-sizing: border-box; cursor: pointer; line-height: 40px; }
.header .head .wrap_search > div .cat_now:after {content: ''; display: inline-block; margin-left: 9px; width: 10px; height: 40px; background: url(images/sprite.png) -76px center no-repeat; vertical-align: top;}
.header .head .wrap_search > div .cat_now.active:after {background-position: -86px center;}
.header .head .wrap_search > div ul {position: absolute; top: 46px; display: none; margin: 0; padding: 6px; width: 100%; background: #fff; border: 1px solid #ced3d9; border-radius: 2px; box-shadow: 3px 3px 5px rgba(0,33,66,0.2); box-sizing: border-box; z-index: 40;}
.header .head .wrap_search > div ul:before {content:''; display:block; position:absolute; width:7px; height:7px; border-top:1px solid #dae0e6; border-left:1px solid #dae0e6; transform:rotate(45deg); background:#fff; top:-5px; right: calc(50% - 7px);}
.header .head .wrap_search > div ul li {display: block; padding: 7px 11px; width: 100%; text-align: center; box-sizing: border-box; cursor: pointer;}
.header .head .wrap_search > div ul li:before {display: none;}
.header .head .wrap_search > div ul li:hover, .header .head .wrap_search > div ul li.active {background:#e6ecf2}
.header .head .wrap_search > div input[type="text"] {display: block; padding: 0 10px; width: 100%; height: 40px; border: 1px solid #c2c7cc; border-right: none; border-left: none; box-sizing: border-box;}
.header .head .wrap_search > div input[type="submit"]  {display: block; padding: 0; width: 100%; height: 40px; border: none; border-radius: 0 3px 3px 0; background: #6aaf08 url(images/search.png) center center no-repeat; text-indent: -9999px; box-sizing: border-box; cursor: pointer;}
.header .head .wrap_search > div input[type="submit"]:hover {background-color: #47651a}

.wrap_result_search {display: block; padding-left: 119px; width: 100%; height: auto; position: absolute; left: 0; box-sizing: border-box; z-index: 90;}
.wrap_result_search .top_result_searсh {display: block; padding-top: 5px; width: 100%; max-height: 290px; background: #fff; border:1px solid #ced3d9; box-shadow:0 2px 3px rgba(0,0,0,0.2); box-sizing: border-box; overflow: hidden; overflow-y: auto;}
.wrap_result_search .top_result_searсh > div {display: block; width: 100%;}
.wrap_result_search .top_result_searсh > div:last-child {margin-top: 5px;}
.wrap_result_search .top_result_searсh > div a {display: block; padding: 7px 10px; width: 100%; color: #555; box-sizing: border-box;}
.wrap_result_search .top_result_searсh > div a span {color:#62a503;}
.wrap_result_search .top_result_searсh > div a:hover {background:#e6ecf2}
.wrap_result_search .top_result_searсh > div input[type='submit'] {display: block; padding: 10px 10px; width: 100%; border: 0; border-top: 1px solid #ced3d9; background: #e6ecf2; cursor: pointer;}
.wrap_result_search .top_result_searсh > div input[type='submit']:hover {background: #62a503;}

.menu_wrap {display: block; width: 100%; height: 40px; background: #6aaf08;}
.menu_wrap .menu {display: block; margin: 0 auto; max-width: 1200px;}
.menu_wrap .menu .menu_button {display: none;}
.menu_wrap .menu li:before {display: none;}
.menu_wrap .menu ul {display: flex; margin: 0; padding: 0; flex-direction: row; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
.menu_wrap .menu ul li {display: block; margin: 0; padding: 0; position: relative;}
.menu_wrap .menu ul li a, .menu_wrap .menu ul li span {display: block; padding: 0 25px; width: 100%; height: 40px; color: #fff; box-sizing: border-box; cursor: pointer; line-height: 40px;}
.menu_wrap .menu ul li a:hover, .menu_wrap .menu ul li span:hover, .menu_wrap .menu ul li a.active, .menu_wrap .menu ul li span.active {background: #47651a;}
.menu_wrap .menu ul li span i {display: inline-block; margin-right: 7px; width: 14px; height: 40px; background: url(images/sprite.png) -116px center no-repeat; vertical-align: top;}
.menu_wrap .menu ul li > ul {position: absolute; left: 0; top: 47px; display: none; padding: 6px; width: auto; background: #fff; border: 1px solid #6aaf08; border-radius: 2px; box-shadow: 3px 3px 5px rgba(0,33,66,0.2); box-sizing: border-box; z-index: 40; }
.menu_wrap .menu ul li > ul:before {content:''; display:block; position:absolute; left: 25px; width:7px; height:7px; border-top:1px solid #6aaf08; border-left:1px solid #6aaf08; transform:rotate(45deg); background:#fff; top:-5px; }
.menu_wrap .menu ul li > ul li {display: block; width: 100%;}
.menu_wrap .menu ul li > ul > li > a {display: block; padding: 7px 15px 7px 10px; width: 100%; height: auto; color: #555; line-height: normal; white-space: nowrap;}
.menu_wrap .menu ul li > ul > li > a:hover, .menu_wrap .menu ul li > ul > li > a.active {background: #47651a; color: #fff;}

.footer_wrap {display: block; padding: 40px 0 20px 0; width: 100%; background:#2b2a29;}
.footer_wrap .footer {display: flex; margin: 0 auto; padding: 0 15px 70px 15px; max-width: 1200px; flex-direction: row; justify-content: flex-start; align-items: stretch; box-sizing: border-box;}
.footer_wrap .footer > div {display: block; width: calc(100%/3); color: #fff; box-sizing: border-box; overflow: hidden;}
.footer_wrap .footer > div:nth-child(1) {padding-right: 50px;}
.footer_wrap .footer > div:nth-child(2) {padding: 0 40px;}

.footer_wrap .footer > div h4 {padding-bottom: 25px; font-size: 18px; font-weight: 500; color: #fff; line-height: 18px;}
.footer_wrap .footer > div {padding: 24px 0;}
.footer_wrap .footer > div .binf {display: block; padding: 0 0 24px 30px; position: relative;}
.footer_wrap .footer > div .binf:before {content: ''; display: block; width: 20px; height: 20px; background: url(images/sprite.png) no-repeat; position: absolute; top: 0; left: 0;}
.footer_wrap .footer > div .binf.adress:before {width: 16px; background-position: 0 0;}
.footer_wrap .footer > div .binf.phone:before {top: 5px; background-position: -16px 0;}
.footer_wrap .footer > div .binf.mail:before {background-position: -36px 0;}
.footer_wrap .footer > div .binf.time:before {top: 5px; background-position: -56px 0;}
.footer_wrap .footer > div .binf p span {color: #b4b4b5;}
.footer_wrap .footer > div ul {margin: 0; padding: 0;}
.footer_wrap .footer > div ul li:before {display: none;}
.footer_wrap .footer > div ul li {padding: 0 0 5px 0; line-height: 21px;}
.footer_wrap .footer > div a {color: #fff;}
.footer_wrap .footer > div a:hover, .footer_wrap .footer > div a.active {color: #62a503;}
.footer_wrap .footer > div .back_call {width: 200px;}

.footer_wrap .bottom {display: block; margin: 0 auto; max-width: 1200px; color: #dedede; font-size: 12px; text-align: center; opacity: .5;}
.footer_wrap .bottom span {display: inline-block; vertical-align: top; line-height: 12px;}
.footer_wrap .bottom span:after {content: '|'; display: inline-block; padding: 0 7px 0 10px;}
.footer_wrap .bottom span:last-child:after {display: none;}
.footer_wrap .bottom span a {color: #dedede;}
.footer_wrap .bottom span a:hover {color: #fff;}

.wrapper {display: block; margin: 20px auto; max-width: 1200px; min-height: 30vh;}

.broadcrumb {display: block; margin: 0 auto; padding: 5px 0 25px 0; font-size: 14px; line-height: 16px;}
.broadcrumb span {font-size: 18px;}
.broadcrumb span, .broadcrumb a {display: inline-block; margin: 0 3px; color: #888; vertical-align: top;}
.broadcrumb a {text-decoration: none; color: #888;}
.broadcrumb a:hover {text-decoration: none; color:#62a503;}
.broadcrumb .current {font-size: 14px; color: #555;}

.system-nav {display: block; padding: 15px; width: 100%; text-align: right; border: 1px solid #e6ecf2; border-bottom: 2px solid #dae0e6; background: #fff; box-sizing: border-box;}
.system-nav .nav-current-page {display: inline-block; margin-left: 4px; width: 30px; height: 30px; text-align: center; color: #62a503; background: none; line-height: 30px;}
.system-nav a {display: inline-block; margin-left: 4px; width: 30px; height: 30px; text-decoration: none; text-align: center; color: #222; background: #f5f7fa; border-radius: 3px; border: 1px solid #ced3d9; box-sizing: border-box; line-height: 30px;}
.system-nav a:hover {background: #e6ecf2; color: #222; text-decoration: none;}

.promo_wrap {display: block; margin: 0 auto 40px auto; padding: 15px;width: 100%; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.promo {display: flex; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.promo > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.promo > div:nth-child(2) {padding-left: 20px; min-width: 280px; max-width: 280px;}
.promo > div:nth-child(2) .name {padding-bottom: 5px; color: #222; font-size: 18px; font-weight: 700;}

.promo_slider {display: block; width: 100%; height: 440px; overflow: hidden; position: relative;}
.promo_slider .item {display: block; width: 100%; height: 440px; overflow: hidden;}
.promo_slider .item a, .promo_slider .item span {display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative;}
.promo_slider .item .text {position: absolute; left: 0; padding: 30px 70px 35px 70px; width: 100%; font-size: 30px; font-weight: 500; color: #04440f; box-sizing: border-box; z-index: 15;}
.promo_slider .item .text.top {top: 0;}
.promo_slider .item .text.bottom {bottom: 0;}
.promo_slider .item .text.right {text-align: right;}
.promo_slider .item .text.center {text-align: center;}

.main_recomendation {display: block; width: 100%; height: auto;}
.main_recomendation a {display: flex; padding-top: 21px; width: 100%; height: 60px; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden;}
.main_recomendation a > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.main_recomendation a > div:nth-child(1) {min-width: 62px; max-width: 62px; height: 62px;}
.main_recomendation a > div:nth-child(2) {padding-left: 10px; color: #222; font-size: 15px; line-height: 18px;}
.main_recomendation a:hover > div:nth-child(2) {color: #62a503;} 
 
.fast_link {display: flex; padding: 15px 0 0 0; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.fast_link > div {display: block; padding-left: 15px; min-width: 207px; width: 207px; height: 120px; box-sizing: border-box;}
.fast_link > div:nth-child(1) {width: 100%; padding-left: 0;}
.fast_link > div:nth-child(4) {min-width: 275px; max-width: 275px;}
.fast_link > div a {display: block; width: 100%; height: 100%; color: #666; background: #f5f5f5; position: relative;}
.fast_link > div a .arrow {display: none; position: absolute; bottom: 15px; left: 15px; width: 25px; height: 12px; background: url(images/array_anim.png) no-repeat; transition: color .12s ease-out;}
.fast_link > div a .pic {display: block; position: absolute; bottom: 0; right: 0; width: auto; height: 100%; overflow: hidden; z-index: 7;}
.fast_link > div a .name {display: block; padding: 20px; font-size: 16px; line-height: 18px;}
.fast_link > div a:hover {color: #62a503; background: #e6e6e6;}
.fast_link > div a:hover .arrow {display: block; animation: array-shake 1s infinite;}
.fast_link > div .b_color {display: block; padding: 14px; width: 100%; height: 100%; background: #47651a; box-sizing: border-box;} 
.fast_link > div .b_color p {color: #fff; line-height: 18px;}
.fast_link > div .b_color .back_call:hover {background: #62a503;}

.section_good {display: flex; margin: 0 auto 40px auto; max-width: 1200px; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.section_good > div {display: block; margin: 0 20px 20px 0; width: calc(25% - 15px); height: auto; font-weight: 500; text-align: center; background: #fff;  border: 1px solid #e6ecf2; box-sizing: border-box;}
.section_good > div:nth-child(4n) {margin-right: 0;}
.section_good > div a {display: block; padding: 15px; width: 100%; height: 100%; color: #222; box-sizing: border-box; overflow: hidden;}
.section_good > div a .pic {display: flex; padding: 10px; height: 225px; flex-direction: row; justify-content: center; align-items: center; background: #f2f3f5; box-sizing: border-box; overflow: hidden;}
.section_good > div a .pic img {transition: transform .5s ease-out;}
.section_good > div a .name {display: flex; margin-top: 15px; padding: 0 10px; height: 60px; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden;}
.section_good > div:hover {box-shadow: 0px 0px 8px 0px rgba(46, 76, 0, 0.3);}
.section_good > div a:hover {color: #62a503;}
.section_good > div a:hover .pic img {transform: scale(1.05);}

.last-news {display: flex; margin: 0 auto 40px auto; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; overflow: hidden;}
.last-news > div {display: block; width: calc(100%/3 - 14px); height: 220px; background: #fff; overflow: hidden;}
.last-news > div:nth-child(2) {margin: 0 22px;}
.last-news > div a {display: block; padding: 25px; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; position: relative;}
.last-news > div a .gradient {position: absolute;  top: 0; left: 0; display: block; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255,250,235,1) 0%, rgba(255,250,235,0.6) 35%, rgba(0,128,128,0) 100%); z-index: 2;}
.last-news > div a .bg {position: absolute;  top: 0; left: 0; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.3); transition:background .3s ease-out; z-index: 3;}
.last-news > div a:hover .bg {background:rgba(0,0,0,0.5)}
.last-news > div a h4 {padding-bottom: 20px; font-size: 22px; font-weight: 500; color: #fff; line-height: 28px; position: relative; z-index: 10;}
.last-news > div a p {color: #fff; position: relative; z-index: 10;}
.last-news > div a .arrow {display: none; position: absolute; bottom: 20px; left: 25px; width: 25px; height: 12px; background: url(images/array_anim_w.png) no-repeat; transition: color .12s ease-out; z-index: 11;}
.last-news > div a:hover .arrow {display: block; animation: array-shake 1s infinite;}

.last-news.v2 {margin-bottom: 10px; flex-wrap: wrap;}
.last-news.v2 > div {margin-bottom: 20px;}
.last-news.v2 > div:nth-child(3n + 2) {margin: 0 21px;}
.last-news.v2 > div a .date {display: block; position: absolute; right: 25px; bottom: 20px; width: auto; height: 14px; color: #fff; line-height: 14px; z-index: 11;}

.our_rews_wrap {display: block; margin: 0 0 30px 0; padding: 0 15px 15px 15px; width: 100%; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.our_rews_wrap .title {display: flex; width: 100%; height: 84px; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden;}
.our_rews_wrap .title > div {display: block; width: 50%; box-sizing: border-box; overflow: hidden;}
.our_rews_wrap .title > div:nth-child(2) {text-align: right;}  
.our_rews_wrap .title > div h2 {padding-bottom: 0; line-height: 22px;}
.our_rews_wrap .title > div a {display: inline-block; padding: 0 15px; height: 35px; font-size: 13px; color: #fff; background: #6aaf08; border-radius: 3px; line-height: 35px;}
.our_rews_wrap .title > div a:hover {color: #fff; background: #47651a;}

.reviews_wrap {display: flex; margin: 0 0 30px 0; padding: 15px; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.reviews_wrap  > div {display: block; padding: 10px 10px 20px 50px; width: 50%; box-sizing: border-box; position: relative;}
.reviews_wrap.v2  > div {width: 100%;}

.our_rews_slider .item {display: block; padding: 0 10px 0 50px; position: relative;}
.our_rews_slider .item:before, .reviews_wrap  > div:before {content: ''; position: absolute; left: 0; display: block; width: 34px; height: 31px; background: url(images/rew.jpg) 0 0 no-repeat;}
.our_rews_slider .item h5, .reviews_wrap  > div h5 {display: block; padding: 15px 0 0 0; font-size: 18px; font-weight: 500; color: #222; line-height: 18px;}
.our_rews_slider .item p, .reviews_wrap  > div p {padding: 15px 0;}
.our_rews_slider .item .client, .reviews_wrap  > div .client {display: block; font-size: 16px; font-weight: 500; color: #222; line-height: 19px;} 
.our_rews_slider .item .stars, .reviews_wrap  > div .stars {display: block; padding: 5px 0;}
.our_rews_slider .item .stars span, .reviews_wrap  > div .stars span {display: inline-block;}
.our_rews_slider .item .stars span:before, .reviews_wrap  > div .stars span:before {content: '\2605'; font-size: 25px; color: #6aaf08; line-height: 25px;}

.partners_wrap {display: block; margin: 0 0 30px 0; padding: 0 30px; width: 100%; box-sizing: border-box;}
.partners_wrap .partners_slider .item {display: block; padding: 0 15px; height: 200px; overflow: hidden;}
.partners_wrap .partners_slider .item a {display: flex; width: 100%; height: 200px; flex-direction: row; justify-content: center; align-items: center;}
.partners_wrap .partners_slider .item a img {max-height: 200px;}

.catalog_list_wrap {display: flex; margin: 0 auto 30px auto; max-width: 1200px; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.catalog_list_wrap > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.catalog_list_wrap > div:nth-child(1) {min-width: 210px; max-width: 210px;}
.catalog_list_wrap > div:nth-child(2) {padding-left: 10px;}
.catalog_list_wrap > div .category_left {display: block; padding: 15px; width: 100%; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.catalog_list_wrap > div .category_left .name {display: block; margin-bottom: 15px; padding-left: 30px; font-size: 18px; font-weight: 700; color: #222; background: url(images/all_section.png) left center no-repeat; box-sizing: border-box; line-height: 18px;}
.catalog_list_wrap > div .category_left ul {margin: 0; padding: 0; list-style: none;}
.catalog_list_wrap > div .category_left ul > li {display: block; margin: 0; padding: 5px 0; font-size: 15px; border-bottom: 1px solid #e6ecf2; line-height: 150%;}
.catalog_list_wrap > div .category_left ul > li:last-child {border-bottom: none;}
.catalog_list_wrap > div .category_left ul > li:before {display: none;}
.catalog_list_wrap > div .category_left ul > li a {display: block; color: #555;}
.catalog_list_wrap > div .category_left ul > li a span {color: #888}
.catalog_list_wrap > div .category_left ul > li a:hover, .catalog_list_wrap > div .category_left ul > li a.active {color:#62a503;}
.catalog_list_wrap > div .category_left ul > li ul {padding: 3px 0 0 10px;}
.catalog_list_wrap > div .category_left ul > li ul li {display: block; border-bottom: none;}

.catalog_list_wrap > div .manuf {display: flex; margin-bottom: 20px; padding: 15px; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; border: 1px solid #e6ecf2; border-top: 2px solid #dae0e6; background: #fff; box-sizing: border-box;}
.catalog_list_wrap > div .manuf > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.catalog_list_wrap > div .manuf > div:nth-child(1) {padding-right: 20px;}
.catalog_list_wrap > div .manuf > div:nth-child(2) {padding-top: 10px; min-width: 250px; max-width: 250px; text-align: center;}

.fast_section {display: block; margin-bottom: 20px; padding: 20px 20px 0 20px; width: 100%; border: 1px solid #e6ecf2; border-top: 2px solid #62a503; background: #fff; box-sizing: border-box;}
.fast_section ul {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.fast_section ul > li {display: block; margin: 0 10px 20px 0; padding: 0; width: auto; line-height: normal;}
.fast_section ul > li:before {display: none;}
.fast_section ul > li a {display: block; padding: 0 15px; height: 30px; color: #47651a; border: 1px solid #47651a; border-radius: 3px; box-sizing: border-box; transition: all 0.7s; line-height: 30px;}
.fast_section ul > li a:hover, .fast_section ul > li a.active {color: #62a503; border: 1px solid #62a503;} 

.good_list {display: flex;  margin: 0 auto; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.good_list > div {display: block; margin: 0 20px 18px 0; width: calc(100%/3 - 14px); height: auto; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box; position: relative;}
.good_list > div:nth-child(3n) {margin: 0 0 20px 0;}
.good_list > div a {display: block; padding: 15px 15px 110px 15px; width: 100%; height: 100%; color: #222; box-sizing: border-box;}
.good_list > div .pic {display: block; width: 100%; height: 220px; overflow: hidden;}
.good_list > div .pic img {display: block; width: 100%; max-width: inherit; height: 220px; overflow: hidden; transition: transform .5s ease-out;}
.good_list > div h4 {display: block; padding: 15px 0; font-size: 16px; font-weight: 400; line-height: 22px;}
.good_list > div .button {display: block; width: calc(100% - 30px); height: 40px; color: #222; text-align: center; background: #f5f7fa; border: 1px solid #ced3d9; border-radius: 3px; line-height: 40px; position: absolute; bottom: 15px;}
.good_list > div:hover {box-shadow: 0px 0px 8px 0px rgba(46, 76, 0, 0.3);}
.good_list > div:hover .pic img {transform: scale(1.05);}
.good_list > div:hover h4 {color: #62a503;}
.good_list > div:hover .button {background: #e6ecf2;}
.good_list > div .order {display: block; width: calc(100% - 30px); height: 40px; color: #fff; text-align: center; background: #6aaf08; border-radius: 3px; cursor: pointer; line-height: 40px; position: absolute; bottom: 70px; left: 15px; z-index: 15;}
.good_list > div .order  i {display: inline-block; margin-right: 7px; width: 23px; height: 40px; background: url(images/mail.png) 0 center no-repeat; vertical-align: top;}
.good_list > div .order:hover {background: #47651a;}

.detail_wrap {display: flex; margin: 0 auto 30px auto; max-width: 1200px; flex-direction: row; justify-content: flex-start; align-items: stretch;}
.detail_wrap > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.detail_wrap > div:nth-child(1) {padding-right: 15px;}
.detail_wrap > div:nth-child(2) {min-width: 300px; max-width: 300px;}

.detail_wrap > div .good {display: block; padding: 15px; width: 100%; height: auto; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.detail_wrap > div .good.v2 {margin-bottom: 20px;}
.detail_wrap > div .good h1 {padding: 5px 0 20px 0;}
.detail_wrap > div .good .wrap_producer {display: flex; padding: 25px 0 0 0; width: 100%; flex-direction: row; justify-content: flex-start; align-items: center;}
.detail_wrap > div .good .wrap_producer > div {display: block; padding: 0 30px 0 0; width: auto; box-sizing: border-box; overflow: hidden;}
.detail_wrap > div .good .wrap_producer > div:nth-child(1) {width: 20%; line-height: 24px}
.detail_wrap > div .good .wrap_producer > div:nth-child(2) {width: 40%;}
.detail_wrap > div .good .wrap_producer > div:nth-child(3) {padding: 0 0 0 25px; width: 40%;}
.detail_wrap > div .good .wrap_producer > div .order {display: block; width: 100%; height: 40px; color: #fff; text-align: center; background: #6aaf08; border-radius: 3px; cursor: pointer; line-height: 40px;}
.detail_wrap > div .good .wrap_producer > div .order  i {display: inline-block; margin-right: 7px; width: 23px; height: 40px; background: url(images/mail.png) 0 center no-repeat; vertical-align: top;}
.detail_wrap > div .good .wrap_producer > div .order:hover {background: #47651a;}

.detail_wrap > div .detail_item {display: block; margin-top: 15px; width: 100%;}
.detail_wrap > div .detail_item .all_info_top {display: block; height: 55px; background: #fafcff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.detail_wrap > div .detail_item .all_info_top > div {float: left; display: block; padding: 0 45px; width: auto; height: 55px; font-size: 18px; font-weight: 500; text-align: center; box-sizing: border-box; cursor: pointer; line-height: 55px; overflow: hidden;}
.detail_wrap > div .detail_item .all_info_top > div.active {margin-top: -1px; border-top: 3px solid #6aaf08; border-bottom: none; border-right: 1px solid #e6ecf2; border-left: 1px solid #e6ecf2; background: #fff;}
.detail_wrap > div .detail_item .all_info_top > div:nth-child(1) {border-left: none !important;}
.detail_wrap > div .detail_item .all_info {display: none; padding: 20px 15px 15px 15px; background: #fff; border: 1px solid #e6ecf2; border-top: 0; box-sizing: border-box;}
.detail_wrap > div .detail_item .all_info.active {display: block;}
.detail_wrap > div .detail_item .all_info .order_wrap {display: block; padding: 25px 0 0 60%;} 
.detail_wrap > div .detail_item .all_info .order {display: block; width: 100%; height: 40px; color: #fff; text-align: center; background: #6aaf08; border-radius: 3px; cursor: pointer; line-height: 40px;}
.detail_wrap > div .detail_item .all_info .order  i {display: inline-block; margin-right: 7px; width: 23px; height: 40px; background: url(images/mail.png) 0 center no-repeat; vertical-align: top;}
.detail_wrap > div .detail_item .all_info .order:hover {background: #47651a;}

.detail_wrap > div .also_like {display: block; margin-bottom: 15px; padding: 15px; width: 100%; height: auto; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.detail_wrap > div .also_like .name {padding-bottom: 15px; color: #222; font-size: 18px; font-weight: 700;}
.detail_wrap > div .also_like .recomendation {display: block; width: 100%; height: auto;}
.detail_wrap > div .also_like .recomendation a {display: flex; padding-bottom: 15px; width: 100%; height: auto; flex-direction: row; justify-content: flex-start; align-items: center; overflow: hidden;}
.detail_wrap > div .also_like .recomendation a > div {display: block; width: 100%; box-sizing: border-box; overflow: hidden;}
.detail_wrap > div .also_like .recomendation a > div:nth-child(1) {min-width: 60px; max-width: 60px; height: auto;}
.detail_wrap > div .also_like .recomendation a > div:nth-child(2) {padding-left: 10px; color: #222; font-size: 15px; line-height: 18px;}
.detail_wrap > div .also_like .recomendation a:hover > div:nth-child(2) {color: #62a503;}

.cert_wrap {display: flex; margin: 0 auto 20px auto; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.cert_wrap > div {display: block; margin: 0 20px 20px 0; width: calc(25% - 15px); height: auto; font-weight: 500; text-align: center; background: #fff;  border: 1px solid #e6ecf2; box-sizing: border-box;}
.cert_wrap > div:nth-child(4n) {margin-right: 0;}
.cert_wrap > div a {display: block; padding: 15px; width: 100%; height: 100%; color: #222; box-sizing: border-box; overflow: hidden;}
.cert_wrap > div a .pic {display: flex; height: 300px; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden;}
.cert_wrap > div a .pic img {transition: transform .5s ease-out;}
.cert_wrap > div a .name {display: flex; margin-top: 15px; padding: 0 10px; min-height: 60px; flex-direction: row; justify-content: center; align-items: center; box-sizing: border-box; overflow: hidden;}
.cert_wrap > div:hover {box-shadow: 0px 0px 8px 0px rgba(46, 76, 0, 0.3);}
.cert_wrap > div a:hover {color: #62a503;}
.cert_wrap > div a:hover .pic img {transform: scale(1.05);}

.gallerey {display: flex; margin: 20px auto; width: 100%; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
.gallerey > a {display: block; margin: 0 10px 10px 0; padding: 5px; width: calc(25% - 8px); height: auto; font-weight: 500; text-align: center; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box; line-height: 0;}
.gallerey > a:nth-child(4n) {margin-right: 0;}
.gallerey > a:hover {box-shadow: 0px 0px 8px 0px rgba(46, 76, 0, 0.3);}

ymaps {max-height: 500px !important;}

.page_result_searсh {display: block; padding: 15px; width: 100%; background: #fff; border: 1px solid #e6ecf2; box-sizing: border-box;}
.page_result_searсh > div {display: block; width: 100%; border-bottom: 1px solid #ced3d9;}
.page_result_searсh > div:last-child {border-bottom: none;}
.page_result_searсh > div a {display: block; padding: 12px 10px; width: 100%; color: #555; box-sizing: border-box;}
.page_result_searсh > div a:hover {background:#e6ecf2}
.page_result_searсh > div a span {color:#62a503;}

.site_map ul {padding: 0;} 

.file_list {display: flex; padding-top: 20px; flex-wrap: wrap;}
.file_list > div {display: block; margin-bottom: 25px; width: 50%; height: 65px; box-sizing: border-box;}
.file_list > div:nth-child(1) {padding-right: 25px;}
.file_list > div:nth-child(2) {padding-left: 25px;}
.file_list > div a {display: flex; align-items: center; height: 65px; overflow: hidden;}
.file_list > div a > div {display: block; box-sizing: border-box; color: #aaa}
.file_list > div a > div:nth-child(1) {min-width: 50px; width: 50px; max-width: 50px; height: 65px; background: url(images/FileIcon.png) center center no-repeat; overflow: hidden;}
.file_list > div a > div:nth-child(2) {padding-left: 20px;}
.file_list > div a > div span {font-size: 15px; font-weight: 500; color: #62a503;}

.popup {display: block; position: fixed; z-index:90002; top: 0; left: 0;  margin: 0 0 0 0; width: 100%; height: 100%; background: rgba(0,0,0, 0.5); white-space: nowrap; text-align: center; overflow: auto;}
.popup:after {display: inline-block; vertical-align: middle; width: 0; height: 100%; content: '';}
.popup .close {display: block; position: absolute; top: 25px; right: 25px; width: 40px; height: 40px;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYNJREFUeNrM2N1Kw0AQBeDNj170TdQ3EvHnQnwJX8PeVShoRaQv1cfQ1vUszkCQmO7uzO4kcErZlvTwJSGTNt77R+fcGXKFeDefbY3sWrycI5fICulmUKxBlsg1cuEg2CHP/nd7QRrEGWZFXTbIKS92VM5T2c6gWIBZUocPpA/rwy+0xpJDuRNe//slC8lRuf8KWkiOyk0VrCU5KXesYA3JSbmYgqUko+RiC5aQjJJLKaglmSSXWlBDMkkup2CuZJZcbsEcySw5ScFYSZGctGCMpEhOo+CYJK+L5Ti9cLg80GD5idzRWnj/gLwhN8he9AuK91U+3GF7pVNAvO9WaUz3JMfbF/KtseNe6RniiQ7rhoreUsF7Og1MD/HwauUrWe3eXWoqUZuCSk4lKlNQ6XlOLFl8npNKFp/npJLF5zmpZGk5sWQNOZFkLblsyZpyWZK15ZIlLeSSJK3koiUt5aIk+QMruWOSfVhcG8tNSb6HiXqHbOnhZz+Df/l5El+Ebj8CDACNWZe31RxX5wAAAABJRU5ErkJggg==); cursor: pointer;}
.popup .popup_form {position: relative; display: inline-block; vertical-align: middle; margin: 20px; padding: 20px; width: auto; height: auto; white-space: normal; text-align: left; background: rgba(255,255,255, 0.95); border: 1px solid #e6ecf2; border-radius: 3px;}
.popup .popup_form .form {display: block; padding: 0; width: 500px; color: #555; overflow: hidden; overflow-y: auto}
.popup .popup_form .form .name {display: block; padding-bottom: 25px; width: 100%; font-size: 22px; font-weight: 700; text-align: center; text-transform: uppercase;}
.popup .popup_form .form p {padding: 0; font-size: 16px; text-align: center;}
.popup .popup_form .form p em {display: inline-block; padding: 3px 0; width: 100%; color: #497900; font-size: 18px; font-weight: 500; font-style: normal; text-align: center;}
.popup .popup_form .form .row {display: block; padding-top: 25px; width: 100%;}
.popup .popup_form .form .row input[type="text"] {display: block; padding: 0 10px; width: 100%; height: 40px; color: #222; text-align: center; border: 1px solid #e6ecf2; border-radius: 3px; background: #fff; box-sizing: border-box;}
.popup .popup_form .form .row textarea {display: block; padding: 5px 10px; width: 100%; height: 100px; color: #222; text-align: center; border: 1px solid #e6ecf2; border-radius: 3px; background: #fff; box-sizing: border-box;}
.popup .popup_form .form .row input[type="text"].error {border-color: red; background: #fff url(images/error.png) right center no-repeat !important;}
.popup .popup_form .form .personal {display: block; padding: 25px 0;}
.popup .popup_form .form .button_sendForm, .popup .popup_form .form .button_sendFormBack {display: block; width: 100%; height: 40px; color: #fff; font-size: 16px; text-align: center; border-radius: 3px; background: #62a503; line-height: 40px; cursor: pointer;}
.popup .popup_form .form .button_sendForm i, .popup .popup_form .form .button_sendFormBack i {display: inline-block; margin-right: 7px; width: 23px; height: 40px; background: url(images/mail.png) 0 center no-repeat; vertical-align: top;}
.popup .popup_form .form .button_sendFormBack i {width: 20px; height: 40px; background: url(images/sprite.png) -96px center no-repeat;}
.popup .popup_form .form .button_sendForm:hover, .popup .popup_form .form .button_sendFormBack:hover {background: #47651a;}

@keyframes array-shake {
 0% {transform:translateX(0)}
 50% {transform:translateX(10px)}
}