body{font-family:"PT Sans";margin:0;font-size:18px}
a{transition:.3s;cursor:pointer;color:#000;text-decoration:none}
p{line-height:140%}
hr{width:100%}
img{max-width:100%;transition:.2s}
button,input,textarea{font-family:"PT Sans";outline:0;padding:10px 10px 10px 15px;background:0 0;border:none;font-size:14px;resize:none;transition:0.3s;}
input,textarea{padding:20px;border:1px solid #dddcda;font-weight:500;font-size:20px}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bfbfbf}
input::-moz-placeholder,textarea::-moz-placeholder{color:#bfbfbf}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#bfbfbf}
input::placeholder,textarea::placeholder{color:#bfbfbf}
input:focus,textarea:focus{outline:1px auto #fff}
input.button{cursor:pointer}
input[name="workemail"] {display:none;}
.h1,h1{font-weight:700;font-size:3em;color:#000;display: inline-block;}
.h2,h2{font-weight:700;font-size:2.5em;color:#000;}
.h3,h3{font-weight:700;font-size:1.5em;    margin-bottom: 20px;color:#000;text-align: center;}
.box{visibility:hidden;opacity:0;height:0}
.box.visible{visibility:visible;opacity:1;height:100%}
ul.marks {display: grid;grid-gap: 8px;margin: 15px 0;padding: 0;list-style: none;}
ul.marks li{position:relative;padding-left:25px;}
ul.marks li:before{content:"";position:absolute;left:0px;top:8px;width:10px;height:10px;background:#f27c22;    border-radius: 2px;}
.container{padding:0 15px}
@media (min-width:575.98px){
.container{max-width:540px;margin:auto;padding:0}
}
@media (min-width:767.98px){
.container{max-width:720px}
}
@media (min-width:991.98px){
.container{max-width:960px}
}
@media (min-width:1350px){
.container{max-width:1090px}
}
@media (min-width:1500px){
.container{max-width:1300px}
}
:root{--swiper-theme-color:#3476ea}
section{position:relative}
footer{padding:20px 0}
img.icon{width:50px}
.button{display:inline-block;text-align:center;font-size:18px;padding:20px 35px;color:#fff;background:#f27c22;border-radius:3px}
.button:hover{transform:scale(1.05)}
.breadcrumb{padding:30px 0;margin:0;list-style:none}
.breadcrumb li{display:inline;font-weight:600;font-size:12px;color:#9da6c7;position:relative;padding-right:5px}
.breadcrumb li a{color:#9da6c7}
.breadcrumb li+li{padding-left:20px}
.breadcrumb li+li:before{content:"";position:absolute;width:10px;top:50%;left:0;height:1px;background:#a4a4a4}
header{background:url(../img/bg-slider.jpg) center/cover;padding:25px 0 75px;color:#fff;width:100%;z-index:50;font-size:14px}
header a{text-decoration:none}
header .header-blocks{display:flex;position:relative;grid-gap:15px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}
header .header-blocks .header-block-logo a{font-family:'Roboto Serif',serif;font-weight:600;font-size:45px;color:#38b54a}
header .header-blocks .header-block-logo a img{width:100px;filter: brightness(0) invert(1);}
.main header .header-blocks .header-block-logo a img{filter:unset;}
header .header-blocks .header-block-logo a span{color:#f57920}
header .header-blocks .header-block-adress{font-weight:600;line-height:20px}
header .header-blocks .header-block-adress .adress{padding:0 0 0 15px;background:url(../img/adress.png) no-repeat left center}
header .header-blocks .header-block-adress .email{padding:0 0 0 15px;background:url(../img/email.png) no-repeat left center}
header .header-blocks .header-block-napisat .button{background:url(../img/napishite.png) no-repeat 20px center #fff;border:1px solid #1c69db;border-radius:3px;color:#1c69db;padding:17px 34px 17px 55px}
header .header-blocks .header-block-zvonok{display:flex;flex-wrap:wrap;align-items:center;grid-gap:40px}
header .header-blocks .header-block-zvonok .phone-mail{display:grid;justify-items:flex-end}
header .header-blocks .header-block-zvonok .number{font-weight:700;font-size:24px;color:#fff;line-height:140%}
header .header-blocks .header-block-zvonok .mail{font-size:18px;color:#fff}
header .header-blocks .header-block-zvonok .button{box-sizing:border-box;padding:15px 25px;font-size:16px}
.page header{padding:25px 0;background:#252531;}
header .slide-text h1{margin-top:100px;color:#fff;font-size:52px;font-weight:700;line-height:1.3em}
header .slide-text h1 span {color:#f57920;}
header .slide-text .text{font-size:24px;line-height:1.3em;margin:50px 0}
.nav{position:relative;margin:0;padding:0;list-style:none;z-index:101}
.nav a{text-decoration:none}
.nav--active{display:flex!important}
.nav--tabs{width:100%;justify-content:flex-start;display:grid;grid-auto-flow:column;grid-gap:25px;font-weight:700;font-size:18px}
.nav--stacked{flex-direction:column}
.nav__link{display:inline-block}
.nav__item{position:relative}
.navbar__container{display:flex;align-items:center}
.navbar__container a{color:white;border-bottom:1px solid transparent}
.nav__item.active a.nav__link{border-bottom:1px solid #000;color:#252531}
.nav__item:hover .nav__link{border-bottom:1px solid #000;color:#252531}
.nav .mobile-block{display:none}
.dropdown{position:relative;z-index:101}
.dropdown__toggle:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:0}
.dropdown__menu{display:none;position:absolute;top:100%;left:0;min-width:260px;margin:0;padding:10px;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);background:#fff}
.dropdown__item{list-style:none}
.dropdown__link{display:block;padding:10px;text-decoration:underline;transition:background .2s ease,color .2s ease}
.dropdown--active .dropdown__menu{display:block}
.humburger{display:none}
.humburger{position:relative;width:30px;height:20px;margin-left:auto;cursor:pointer;z-index:101}
.humburger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:100%;height:2px;background:#fff;transition:transform .3s ease}
.humburger__line:after,.humburger__line:before{content:'';position:absolute;left:0;width:100%;height:2px;background:inherit;transition:transform .4s ease .1s,top .3s ease .2s,opacity .5s ease-in-out}
.humburger__line:before{top:-8px}
.humburger__line:after{top:8px}
.humburger--active .humburger__line{transform:rotate(45deg)}
.humburger--active .humburger__line:before{top:0;opacity:0}
.humburger--active .humburger__line:after{top:0;transform:rotate(-90deg)}
.about{padding:50px 0;color:#555;}
.about .about-blocks{display:grid;grid-template-columns:55% 1fr;grid-gap:25px;align-items: center;justify-items: center;}
.about .about-blocks-2{display:grid;grid-template-columns:1fr 55%;grid-gap:25px;align-items: center;justify-items: center;}
.advantages-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));grid-gap:25px;margin-top:50px}
.advantages-blocks .advantages-block{display:grid;align-content:flex-start;text-align:center;justify-items:center;grid-gap:20px; font-weight: 600;
    color: #333;}
.advantages-blocks .advantages-block .icon{fill:#f57920;width:75px}
.advantages-blocks.icons{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));    margin: 100px 0 0;}
.advantages-blocks.icons .icon{width: 75px;height: 75px;}
.advantages-blocks.icons .advantages-block:nth-child(1) .icon{background:url(/tpl/img/icons/natural.png) no-repeat center/75px;}
.advantages-blocks.icons .advantages-block:nth-child(2) .icon{background:url(/tpl/img/icons/eco.png) no-repeat center/75px;}
.advantages-blocks.icons .advantages-block:nth-child(3) .icon{background:url(/tpl/img/icons/pet.png) no-repeat center/75px;}
.advantages-blocks.icons .advantages-block:nth-child(4) .icon{background:url(/tpl/img/icons/economy.png) no-repeat center/75px;}
.production{padding:50px 0;background-color:#a7cb5f;}
.production h2,.production p{color:white;}
.production .production-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;margin:30px 0}
.production .production-blocks .production-block{display:grid;grid-template-rows:300px 1fr;background:#fff}
.production .production-blocks .production-block .img{padding:25px 25px 0 25px}
.production .production-blocks .production-block .img img{width:100%;height:100%;object-fit:contain}
.production .production-blocks .production-block .text{text-align:center;padding:25px;display:grid;grid-gap:15px;align-content: space-between;}
.production .production-blocks .production-block .text .title{font-size:20px;font-weight:600}
.production .production-blocks .production-block .text .parameters{line-height: 1.5;}
.anketa{position:relative;padding:50px 0;background:#f4e6d4;}
.anketa form{background:#fff;padding:25px;    display: grid;grid-auto-flow: column;align-items: center;grid-gap: 25px;   margin-top: 30px;}
.anketa form .input-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:20px;margin-bottom:20px}
.anketa form .input-blocks .input-block{display:grid;grid-gap:5px}
.anketa form .input-blocks .inputs{display:grid;grid-gap:5px}
.anketa form .input-blocks .inputs label{cursor:pointer;}
.anketa form .input-text{display:grid;grid-gap:20px}
.anketa form .input-text .button{background:#4CA648;color:white;}
.gallery{padding:25px 0 50px;}
.gallery .two-column{display: grid;grid-template-columns: 65% 1fr;justify-items: center;grid-gap: 30px;}
.gallery .two-column .sertificates-block{display:block;height:350px;}
.gallery .two-column .sertificates-block img{height:100%;width:100%;object-fit:contain;}
.gallery .gallery-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(325px,1fr));grid-gap:25px;    margin-top: 30px;}
.gallery .gallery-blocks .gallery-block{height:250px;}
.gallery .gallery-blocks .gallery-block img{width:100%;height:100%;object-fit:cover}
.sertificates{padding: 0 0 75px;}
.sertificates-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:25px;    margin-top: 30px;}
.sertificates-blocks .sertificates-block img{width:100%;height:100%;object-fit:contain;}
.contacts{padding:0 0 100px;}
footer{background:#252531;color:#fff6;padding:60px 0 30px}
footer a{color:#fff6}
footer a:hover{color:#fff}
footer .footer-blocks{display:flex;padding-bottom:25px;flex-wrap:wrap;grid-gap:25px;    justify-content: space-between;align-items: center;border-bottom:1px solid #51515a}
footer .footer-blocks .footer-block {display: grid;grid-gap: 10px;}
footer .footer-blocks .footer-block .logo{font-family:'Roboto Serif',serif;font-weight:600;font-size:45px;color:#38b54a}
footer .footer-blocks .footer-block .logo img{width:100px;filter: brightness(0) invert(1);}
footer .footer-blocks .footer-block .logo span{color:#f57920}
footer .footer-blocks .footer-block ul {    display: flex;flex-direction: column;flex-wrap: wrap;grid-gap: 10px;list-style-type: none;padding: 0;margin: 0;}
footer .footer-blocks .footer-block .number{font-weight: 700;font-size: 24px;text-align: right;}
footer .footer-blocks .footer-block .mail {font-size: 18px;text-align: right;}
footer .footer-bottom-blocks{display:grid;grid-auto-flow:column;align-items:center;grid-gap:20px;margin-top:30px;justify-content:space-between}
footer .footer-bottom-blocks .info{font-weight:300;font-size:16px}
.modal-content{padding:50px;width:500px}
.modal-content .h2{font-size:42px;margin:0 0 30px}
.modal-content p{font-weight:300;font-size:22px}
.modal-content form{display:grid;grid-gap:20px}
.content {padding: 100px 0;}
.stat{padding: 50px 0;}
.stat h1{font-size:1.85em;margin-top:0;}
.stat h2{font-size:1.7em;margin: 25px 0 0 0;;}
.stat h3{font-size:1.6em;margin: 25px 0 0 0;}
.stat a { border-bottom: 1px #f67d01 solid;     color: #f27c22;}
.stat a:hover {border-bottom: 1px transparent solid;     color: #000; }
.stat li a {border-bottom: 1px #333 solid; color: #000; }
.stat li a:hover {border-bottom: 1px transparent solid; }

.text-blocks {display: grid;grid-template-columns: repeat(auto-fit,minmax(320px,1fr));list-style: none;padding: 0;margin: 30px 0;text-align: center;grid-gap: 20px;}
.text-blocks .text-block {display: grid;grid-gap: 10px;align-content: flex-start;}
.text-blocks .text-block .title{font-weight:600;}

.product-blocks{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));grid-gap: 25px;}
.product-blocks .product-block{display: grid;grid-template-rows: 350px 1fr;justify-items: center;position: relative;}
.product-blocks .product-block .img{width:100%;height:100%;object-fit:contain}
.product-blocks .product-block .title{font-size:1.3rem;}
.product-blocks .product-block .sert{position: absolute;top: 0;right: 0;}
.product-blocks .product-block .sert img{height:150px;}
.button.ozon{    background: #005cff;margin:1rem auto 2rem;display: table;}

.social-block{display:grid;grid-auto-flow:column;gap:10px;}
.social-block .icon{width: 40px;height: 40px;display: block;background-repeat:no-repeat;background-size:contain;}
.social-block .icon.max{background-image:url(/tpl/img/social/max.svg);}

@media (max-width:768px){
    .humburger{display:block}
    .navbar .nav{position:absolute;top:55px;left:0px;display:none;flex-direction:column;padding:25px;width:calc(100% - 50px);background:#fff;box-shadow:0 10px 50px rgb(0 0 0 / 20%);border-radius:3px;grid-gap:15px}
    .navbar .nav .dropdown__menu{box-shadow:none}
    .navbar .nav .dropdown__link{padding-left:20px}
    .navbar{padding:13px 8px;background:#f27c22;border-radius:3px}
    .nav__link{padding:0}
    .button{font-size:13px}
    h1,.h1{font-size:1.2rem}
    h2,.h2{font-size:1.5rem}
    input,textarea{font-size:16px}
    .two-column{grid-template-columns:100%;}
    .navbar a{font-size:19px;color:#7c7b79}
    .nav--tabs{grid-gap:0}
    .nav .mobile-block{border-top:1px solid #dddcda;padding:25px 0 0;display:block}
    .nav .mobile-block .button{border:1px solid #2d72e9;box-sizing:border-box;border-radius:3px;font-weight:700;font-size:13px;color:#2d72e9;width:100%}
    .nav .mobile-block .button:active{color:#fff}
    .nav .mobile-block .number{font-weight:700;font-size:19px;color:#252531;border-bottom:1px solid #252531;margin-top:20px;display:inline-block}
    header .slide-text h1{font-size: 24px;margin-top:10px;}
    header .slide-text .text{font-size:18px;}
    header .header-blocks{margin-bottom:25px;}
    header .header-blocks .header-block-zvonok{grid-gap: 15px;justify-content: center;}
    .about .advantages-blocks{grid-template-columns: 100%;}
    .anketa form{grid-auto-flow:row;}
    .advantages-blocks.icons{    grid-template-columns: repeat(auto-fit,minmax(125px,1fr));}
    .gallery .gallery-blocks{grid-template-columns: repeat(auto-fit,minmax(135px,1fr));}
    .gallery .gallery-blocks .gallery-block {height: 150px;}
    footer{padding:30px 0 20px}
    footer .footer-blocks{grid-template-columns:100%;grid-gap:35px;padding-bottom:25px}
    .about .about-blocks,.about .about-blocks-2{grid-template-columns:100%;}
    .modal-content{width:100%;}
    .modal-content .h2 {font-size: 24px;text-align:center;}
    .gallery .two-column{grid-template-columns: 100%;}
}