

/* Start:/local/templates/bsk_adapt/components/bitrix/breadcrumb/krosh1/style.css?1793075496456*/
.path_block {display: none;}

@media screen and (min-width: 1000px) {
    .path_block {grid-column: 1/3; display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px; margin: 0 40px 20px; padding: 15px 0; width: calc(100% - 80px); border-bottom: 1px solid #dbdbdb; font-size: 13px; line-height: 14px; color: #3a7f1a;}
	.path_block div {display: flex; flex-direction: row; flex-wrap: wrap; gap: 6px;}
    .path_block a, .path_block span {color: #3a7f1a;}
}
/* End */


/* Start:/local/templates/bsk_adapt/components/imedia/menu/left_menu1/style.css?17930755021850*/
.menu_left {width: 100%; height: auto;}
.lmenu_button {padding: 20px; border-bottom: 1px solid #d4d4d4; background: linear-gradient(0deg, #f3f3f3, #fff); font-size: 16px; line-height: 100%; text-align: center;}
.lmenu_inner {display: none; flex-direction: column; gap: 4px;}
.lmenu_inner.opened {display: flex;}
.parent1, .parent2, .parent3 {padding: 12px 10px 12px 18px; font-size: 12px; line-height: 100%; font-weight: bold; color: #fff; text-decoration: none;}
.parent1 {padding: 12px 10px;}
a.parent1 {background: linear-gradient(180deg, #9bd132, #68b335 10px, #68b335 calc(100% - 10px), #508828 100%);}
a.parent1:hover {background: linear-gradient(0deg, #9bd132, #68b335 10px, #68b335 calc(100% - 10px), #508828 100%);}
span.parent1 {background: linear-gradient(180deg, #9bd132, #68b335 10px, #68b335 calc(100% - 10px), #508828 100%); cursor: default;}
a.parent2 {background: linear-gradient(180deg, #a3d838, #95d239 10px, #95d239 calc(100% - 10px), #7cb22e 100%);}
a.parent2:hover {background: linear-gradient(0deg, #a3d838, #95d239 10px, #95d239 calc(100% - 10px), #7cb22e 100%);}
span.parent2 {background: #499622; cursor: default;}
a.parent3 {background: #effdcc; font-weight: normal; color: #000;}
a.parent3:hover {text-decoration: underline;}
span.parent3 {background: #71b54c; font-weight: normal; color: #fff; cursor: default;}
.children1, .children2, .children3 {display: none; flex-direction: column; gap: 1px;}
.children1.opened, .children2.opened, .children3.opened {display: flex;}
.children1 {margin: -3px 0 0;}
.lm_goods {padding: 5px 0; box-shadow: -2px -2px 5px inset #0000003b;}
.lm_goods a, .lm_goods span {padding: 5px 10px 5px 18px; font-size: 12px; line-height: 100%; font-weight: normal; color: #000; text-decoration: none;}
.lm_goods a:hover {text-decoration: underline;}
.lm_goods span {color: #438b20; cursor: default;}
/* End */


/* Start:/local/templates/bsk_adapt/styles.css?17933767693164*/
html {font-size: 13px;}
html, body {width: 100%; min-height: 100%; margin: 0; padding: 0;}
body {background: #fff url(/images/bg_top.png) left top repeat-x; color: #4f4f4f;}
.wrapper {display: grid; grid-template-areas: "header" "menu" "content" "footer"; grid-template-rows: auto 1fr auto; grid-template-columns: 1fr; padding: 0 0; background: #fff; font-family: "Helvetica Neue", Helvetica, sans-serif; color: #000;}
.closed {display: none !important;}
* {box-sizing: border-box;}

p {margin: 0 0 10px; padding: 0; font-size: 13px; line-height: 150%;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {margin: 10px 0; padding: 0; font-weight: bold;}
h1,.h1 {font-size: 20px; line-height: 120%; color: #fff; text-align: center;}
.start_block h1 {color: #143900;}
h2,.h2 {font-size: 20px; line-height: 30px; text-align: center; color: #143900;}
h3,.h3 {font-size: 18px; line-height: 30px; text-align: center; color: #143900;}
h4,.h4 {font-size: 22px; line-height: 26px; color: #143900;}
h5,.h5 {font-size: 17px; line-height: 20px;color: #2a2a2a;}
h6,.h6 {font-size: 14px; line-height: 18px; text-transform: uppercase; color: #2d2d2d;}
a {outline: none; color: #3a7f1a;}
a:hover {text-decoration: none;}
ol ol, ol ul, ul ol, ul ul {margin: 0; font-size: 0.75rem;}
hr {margin: 21px 0; border: none; border-top: 1px solid #eee;}
fieldset, legend, label {-webkit-appearance: none; appearance: none; margin-inline: 0; padding-inline: 0;}
input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, select:focus, textarea:focus {outline: none;}
input[type="button"], input[type="submit"], button, .button {-webkit-appearance: none; appearance: none; text-align: center; vertical-align: top; cursor: pointer; outline: none;}
img {max-width: 100%; height: auto;}
.imgl {float: left;}
.imgr {float: right;}
.imgc {clear: both;}
.nobord {margin: 0; border: none; background: none;}
.nobord tr, .nobord th, .nobord td {border: none; background: none;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.tt {vertical-align: top;}
.tm {vertical-align: middle;}
.tb {vertical-align: bottom;}
.nw {white-space: nowrap;}
.red {color: #f41919;}
.green {color: #13c72b;}
table {border-collapse: collapse;}
table table {min-width: 100%; height: auto; border-collapse: collapse; border: 2px solid #fff; background: #f3f3f3;}
table table tr:nth-child(odd) {background: #d5d5d5;}
table table tr:hover {background: #b5cda9;}
table table th {font-size: 17px; font-weight: normal; background: #fff; text-align: left;}
table table td {padding: 5px; border: 2px solid #fff;}

header {grid-area: header; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; width: 100%; height: auto;}

main {grid-area: content; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; width: 100%; height: auto;}

footer {grid-area: footer; display: grid; grid-auto-flow: row; grid-template-columns: 1fr;}

@media screen and (min-width: 1000px) {
    h1,.h1 {font-size: 34px; color: #fff; text-align: left;}
    .start_block h1, .start_block h2, .start_block h3 {text-align: center;}
}
/* End */


/* Start:/local/templates/bsk_adapt/template_styles.css?179337676910134*/
header {justify-items: center;}
.header_inner {display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; width: 100%; max-width: 1000px; padding: 10px 20px 18px;}
.header_left img {width: 124px; height: auto; margin: 0; padding: 0;}
.slogan {display: none;}

.header_right {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.call_phone {display: flex; flex-direction: column;}
.call_back {display: none;}
.modal {display: none;}
.phone_fax {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.phone, .fax, .email a {padding: 2px 0 2px 22px; background: left center no-repeat; background-size: 18px auto; font-size: 12px; font-weight: 700; line-height: 150%; color: #3b9700; text-decoration: underline dotted 1px;}
.phone {background-image: url(/local/templates/bsk_adapt/images/phone.svg);}
.fax {background-image: url(/local/templates/bsk_adapt/images/fax.svg);}
.email a {background-image: url(/local/templates/bsk_adapt/images/email.svg); font-weight: bold;}
.email span {display: none;}

.head_menu {position: sticky; top: 0; z-index: 100; grid-area: menu; display: grid; grid-auto-flow: row; grid-template-columns: 1fr; width: 100%; height: auto; max-height: 100vh; padding: 40px 0 0; background: #fff;}
.head_menu.shadow {box-shadow: 0 5px 5px #00000030;}
.mobile_buttons {display: grid; grid-auto-flow: row; grid-template-columns: 1fr 1fr; margin: -40px 0 0;}
.menu_button, .catalog_button {padding: 14px 0 14px; font-size: 12px; font-weight: 500; line-height: 100%; text-transform: uppercase; text-align: center; cursor: pointer;}
.menu_button {background: linear-gradient(180deg, #469023, #9bd132); color: #fff;}
.catalog_button {color: #3a7f1a; box-shadow: inset 0 0 1px #3a7f1a; text-decoration: none;}
.catalog_button span {padding-left: 25px; background: url(/local/templates/bsk_adapt/images/catalog.svg) left center no-repeat;}
.hmenu_inner {display: none; flex-direction: column; max-height: 100%; overflow-y: auto;}
.hmenu_inner.opened {display: flex;}
.hmenu_inner nav {display: flex; flex-direction: column; font-size: 12px; font-weight: 500; line-height: 300%;}
.hmenu_inner a {padding: 0 20px; color: #143900; text-decoration: none; text-align: center;}
.hmenu_inner a:hover {background: #f4f4f5;}
.hmenu_inner .active {background: linear-gradient(180deg, #469023, #9bd132); color: #fff;}
.hmenu_inner .active:hover {background: #469023;}
.search {display: flex; flex-direction: column;}
.hmenu_inner .search {margin: 15px 20px;}
.search form, .search_inner {display: flex; flex-direction: row; flex-wrap: nowrap; width: 186px; margin: 0; padding: 4px; border-radius: 15px; background: #fff; box-shadow: inset 0 1px 3px #535353; align-self: center;}
.search_inner {align-self: start;}
.search input, .search_inner input {margin: 0; border: none; background: none; font-size: 12px; line-height: 100%;}
.search input[type="text"], .search_inner input[type="text"] {width: 160px; height: 18px; padding: 3px 10px;}
.search input[type="submit"], .search_inner input[type="submit"] {width: 18px; height: 18px; padding: 0; border-radius: 50%; background: url(/local/templates/bsk_adapt/images/btn_search.svg) center center no-repeat, linear-gradient(180deg, #9bd132, #469023); text-indent: 18px; overflow: hidden;}

main {justify-items: center;}
.main_inner {display: grid; grid-template-columns: 1fr; width: 100%; max-width: 1000px;}

.h_block {padding: 20px 0; width: 100%; height: auto; background-color: #80c441;}
.content_block {min-width: 0; padding: 20px 20px 0;}
.start_block {padding: 0; width: 100%;}
.start_box {display: grid; grid-auto-flow: row; grid-template-columns: 1fr; margin: 17px 0 0; padding: 25px 0 36px 0; width: 100%; background: linear-gradient(90deg, #fff 0%, #ffffff00 10%, #ffffff00 90%, #fff 100%), linear-gradient(180deg, #d4d4d4 0, #fff 5px); overflow: hidden;}
.articles_box { list-style: none; border-top: 1px solid #ddd; margin: 13px 0 0; padding: 5px 0 0;}
.articles_box li {padding: 0 0 13px;}
.articles_box span {display: block; font-size: 10px; line-height: 17px; text-transform: uppercase; color: #9e9e9e;}
.articles_box p a {font-size: 12px; line-height: 18px; color: #3b9700; text-align: left;}
.yandex-map {width: 100%; max-width: 1000px; min-width: 300px;}

.categories {display: flex; flex-direction: row; flex-wrap: wrap; gap: 25px; width: 100%; height: auto; justify-content: center;}
.categories a {display: flex; flex-direction: column; gap: 10px; width: 100%; max-width: 208px; padding: 0 20px 20px; border-bottom: 1px dotted #dbdbdb; text-align: center;}

.product_box_new {display: flex; flex-direction: column; gap: 20px;}
.product_img_new {text-align: center;}
.product_img_new img {width: auto; height: 200px;}
.product_list_new {padding: 20px 0; background: linear-gradient(90deg, #fff 0%, #ffffff00 10%, #ffffff00 90%, #fff 100%), linear-gradient(180deg, #d4d4d4 0, #fff 5px);}
.product_box {display: flex; flex-direction: row; gap: 10px; padding: 20px 0; border-bottom: 1px dotted #dbdbdb; align-items: center;}
.news .product_box {flex-direction: column;}
.product_img_mini img {width: auto; height: 100px;}
.product_img img {width: auto; height: 100px;}

.callback_form {position: fixed; top: 0; left: 0; z-index: 10000; display: none; flex-direction: column; gap: 10px; width: 100%; max-width: 700px; max-height: 100vh; padding: 20px; border-radius: 10px; background: #fff; box-shadow: 0 0 3px #c5c5c5; overflow-y: auto;}
.callback_form.opened {display: flex;}
.form_close {padding: 3px 0; text-align: right; cursor: pointer;}
fieldset {display: flex; flex-direction: column; gap: 10px; border: none;}
.form input, .form textarea {width: 100%; margin: 5px 0 0; padding: 5px 10px; border: 1px solid #c1c1c1; border-radius: 5px; background: #fff; box-shadow: inset 0 0 3px #c5c5c5;}
.form input[type="submit"] {width: 100%; padding: 10px 20px; border: none; background: linear-gradient(180deg, #9bd132, #469023); font-weight: bold; color: #fff;}
.form input[type="submit"]:hover {background: linear-gradient(0deg, #9bd132, #469023);}
.overlay {position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100vw; height: 100vh; background: #000000cc;}
.overlay.opened {display: block;}

footer {width: 100%; margin: 20px 0 0; padding: 30px 20px; background: linear-gradient(180deg, #d4d4d4 0, #f4f4f5 10px); color: #4f4f4f; justify-items: center;}
footer a {color: #3b9700;}
.footer_inner {display: grid; grid-auto-flow: row; grid-gap: 20px; grid-template-columns: 1fr; width: 100%; max-width: 1000px;}
.f_contacts {text-align: center;}
.f_contacts p {font-size: 12px;}
.f_menu {display: flex; flex-direction: column; gap: 5px;}
.f_menu a {font-size: 11px; color: #7e7e7e;}
.f_menu_block {display: flex; flex-direction: column; gap: 5px; align-items: center;}
.f_right {display: flex; flex-direction: column; gap: 20px; text-align: center;}

@media screen and (min-width: 700px) {
	.callback_form {left: 50%; margin-left: -350px;}
}
@media screen and (min-width: 1000px) {
    .wrapper {background: linear-gradient(180deg, #f1f1f1 0, #fff 50px);}

    .header_inner {grid-template-columns: auto 1fr;}
    .header_left {display: flex; flex-direction: row; gap: 40px; align-items: center;}
    .slogan {display: block; margin: 5px 0 0; font-weight: bold; color: #4f4f4f; text-transform: uppercase;}

    .header_right {flex-direction: row; align-items: center; justify-content: right;}
    .call_phone, .email {display: flex; flex-direction: column; gap: 5px; padding: 0 20px 0 40px; font-weight: bold; color: #7d7d7d;}
    .call_back {display: block;}
    .call_back span {color: #3b9700; text-decoration: underline dotted 1px; cursor: pointer;}
    .call_back span:hover, .phone_fax a:hover, .email a:hover {text-decoration: underline solid 1px;}
    .phone_fax {flex-direction: row; gap: 10px;}
    .email {border-left: 1px solid #e5e5e6;}
    .email span {display: block;}

    .mobile_buttons {display: none;}
    .head_menu {padding: 0; background: linear-gradient(90deg, #fff calc(50% - 600px), #ffffff00 calc(50% - 500px), #ffffff00 calc(50% + 500px), #fff calc(50% + 600px)), linear-gradient(180deg, #d4d4d4 0, #fff 10px); justify-items: center;}
    .hmenu_inner {display: flex; flex-direction: row; width: 100%; max-width: 1000px;  align-items: center; justify-content: space-between;}
    .hmenu_inner nav {flex-direction: row;}
    .hmenu_inner a {padding: 5px 0; color: #143900;}
    .hmenu_inner a:hover {color: #3b9700; background: none;}
    .hmenu_inner a.active {color: #fff;}
    .hmenu_inner a span {padding: 5px 20px; border-right: 1px dotted #e0e0e1;}
    .hmenu_inner .active span, .hmenu_inner a:last-child span {border-right: none;}
    .hmenu_inner .search {margin: 0px 20px;}

    .wrapper main {background: linear-gradient(180deg, #fff 0, #fff 40px, #529f28 40px, #529f28 98px, #fff 98px);}
    .wrapper.home main {background: linear-gradient(180deg, #fff 0, #fff 40px, #529f28 40px, #529f28 370px, #fff 370px);}

    .main_inner {display: grid; grid-auto-flow: row; grid-template-columns: auto 1fr;}

    .lmenu_button {display: none;}
    .lmenu_inner {display: flex;}

    .h_block {grid-column: 1/3; width: 100%; padding: 31px 38px; background: linear-gradient(90deg, #469023, #9bd132);}
    .menu_left {margin: 0 0 0 40px; width: 200px;}
    .content_block {padding: 0 30px;}
    .home .content_block {padding: 0;}
    .start_block {padding: 26px 40px 0;}
    .start_box {grid-template-columns: 185px 1fr; grid-gap: 20px;}
    .yandex-map {grid-column: 1/3; width: 1000px;}

    .product_box_new {flex-direction: row;}
    .product_img_new, .product_img {flex-shrink: 0;}
    .news .product_box {flex-direction: row; align-items: start;}
    .product_img img {width: auto; height: 200px;}

    .footer_inner {grid-auto-flow: column; grid-template-columns: 200px 1fr auto;}
    .f_contacts {text-align: left;}
    .f_contacts p {margin: 0;}
    .f_menu {flex-direction: row; border-right: 1px solid #ddddde; justify-content: space-evenly;}
    .f_menu_block {gap: 10px; padding: 0 40px; border-left: 1px solid #ddddde; align-items: start;}
}
/* End */
/* /local/templates/bsk_adapt/components/bitrix/breadcrumb/krosh1/style.css?1793075496456 */
/* /local/templates/bsk_adapt/components/imedia/menu/left_menu1/style.css?17930755021850 */
/* /local/templates/bsk_adapt/styles.css?17933767693164 */
/* /local/templates/bsk_adapt/template_styles.css?179337676910134 */
