@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:8px;}
header, nav, article, aside, section, footer{display:block; overflow:hidden;}
main, header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Noto Sans', sans-serif; font-size:1.6rem; line-height:1.628571; color:#002e00; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; font-family:"Maven Pro", sans-serif; font-weight:700;}
h1{font-size:4.2rem; margin-bottom:32px;}
h1.smaller{font-size:2.4rem !important; margin-bottom:12px;}
h2{font-size:3.2rem; margin-bottom:24px;}
h3{font-size:2.4rem; margin-bottom:16px;}
h3.smaller{font-size:1.8rem; margin-bottom:0px;}
h4{font-size:1.8rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#005705; text-decoration:none;}
a:hover, a:hover{color:#00a650;}
small{font-size:1.2rem;}
section{padding:32px 0;}
.nopadding{padding:0 !important;}
.nomargin{margin:0 !important;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
.left{float:left;}
.right{float:right;}
.uppercase{text-transform:uppercase;}
.txt-shadow{text-shadow:2px 4px 3px rgba(0,0,0,0.2);}
.box-shadow{box-shadow:4px 8px 6px rgba(24,24,24,0.2);}

/*buttons*/
.button{display:block; width:fit-content; font-weight:500; padding:12px 20px; font-size:1.4rem; border-radius:8px; border:unset; outline-offset:-2px; margin-top:12px;}
.button.full{width:100%;}
.button.no-padding-left{padding-left:0px;}
.button.bg-green{outline:2px solid #009247; color:#ffffff;}
.button.bg-green:hover{background:#00a5f2; outline:2px solid #0098de;} 
.button.bg-blue{outline:2px solid #0098de; color:#ffffff;} 
.button.bg-blue:hover{background:#00a650; outline:2px solid #009247;} 
.button.bg-white{outline-offset:none; outline:none; color:#0098de;}
.button.bg-white:after{content:'\00BB'; padding-left:8px;}
.button.bg-white:hover{color:#00a650;}
/*
.button.bg-green:hover{box-shadow:0 0 2px inset #04b149; color:#04b149;background:unset;}
.button.bg-red:hover{box-shadow:0 0 2px inset #e2001a; color:#e2001a;background:unset;}
.button.bg-blue:hover{box-shadow:0 0 2px inset #228dd9; color:#228dd9;background:unset;}
.button.bg-yellow:hover{box-shadow:0 0 2px inset #fbbb2a; color:#fbbb2a;background:unset;}
.button.ol-yellow:hover{background:#fbbb2a; color:white;}
*/

/*colors*/
.bg-white{background:#ffffff;}
.bg-white-40{background:rgba(255,255,255,0.4);}
.bg-grey{background:#3c4a3e;}
.bg-green{background:#00a650;}
.bg-blue{background:#00a5f2;}
.bg-beige{background:#f6edd9;}
.bg-black{background:#002e00;}
.bg-yellow{background:#ffdf82;}
.bg-red{background:#ff4650;}

.txt-white{color:#ffffff;}
.txt-grey{color:#3c4a3e;}
.txt-green{color:#00a650;}
.txt-blue{color:#00a5f2;}
.txt-beige{color:#f6edd9;}
.txt-black{color:#002e00;}
.txt-yellow{color:#ffdf82;}
.txt-red{color:#ff4650;}

/*form*/
.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
.form-grid .wide{grid-column-end:span 2;}
.form-grid div{padding:8px 0px; font-size:1.4rem;}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; font-family:'Noto Sans', sans-serif; font-size:1.6rem; border:1px solid #eae9e9; color:#3c4a3e; background:#ffffff;}
select{width:100%; height:24px; line-height:24px; font-size:1.6rem; padding:16px; border-radius:8px; color:#3c4a3e; background:#ffffff; font-family:'Noto Sans', sans-serif; border:1px solid #eae9e9;  color:#555555;}
select{height:unset; line-height:unset; padding:8px 16px;}
select option{color:#555555;}
input[type="text"].red,
input[type="number"].red,
input[type="date"].red,
input[type="time"].red,
select.red,
textarea.red,
input[type="datetime-local"].red{border:1px solid #ff4650;}
form label.red{color:#ff4650;}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus{border:1px solid #002e00;}
textarea{width:100%; height:200px; line-height:24px; padding:16px; border-radius:8px; font-family:'Noto Sans', sans-serif; font-size:1.6rem; background:#ffffff; color:#002e00; border:1px solid #eae9e9} 
textarea:focus{border:1px solid #303030;}
input[type="button"],
input[type="submit"]{font-family:'Noto Sans', sans-serif; cursor:pointer;}
form label:not(.bigger){font-size:1.2rem;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1440px; margin:0px auto; padding:0 24px; position:relative;}
.grid{display:grid; grid-template-columns:repeat(12,1fr); column-gap:24px;}

.grid > .span-2{grid-column-end:span 2;}
.grid > .span-3{grid-column-end:span 3;}
.grid > .span-4{grid-column-end:span 4;}
.grid > .span-5{grid-column-end:span 5;}
.grid > .span-6{grid-column-end:span 6;}
.grid > .span-7{grid-column-end:span 7;}
.grid > .span-8{grid-column-end:span 8;}
.grid > .span-12{grid-column-end:span 12;}

/*breadcrumbs*/
.breadcrumbs{width:100%; height:32px;}
.breadcrumbs ol{display:flex; justify-content:flex-start;}
.breadcrumbs li,
.breadcrumbs li ,
.breadcrumbs li a span{font-size:1.2rem; line-height:32px; color:#5C5C5C;}
.breadcrumbs li:hover a span{color:#00a650;}

/*header*/
header{width:100%; position:absolute; top:0; left:0; z-index:1000; overflow:visible;}
header.relative{position:relative; top:unset; left:unset; z-index:unset;}
header .topbar{width:100%; height:80px;}
header .topbar.smaller{height:32px;}
header .topbar .grid{display:grid; grid-template-columns:1fr 316px 1fr; gap:24px; line-height:80px; background:RGBA(255, 255, 255, 0.2); background:linear-gradient(90deg,rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.2) 100%);}
header .topbar .logo{height:64px; margin:8px 0;}
header .topbar .logo img{object-fit:contain;}
header .topbar nav{position:relative;}
header .topbar nav ul{display:flex; justify-content:center;}
header .topbar nav ul li{font-weight:700; font-size:1.6rem; line-height:80px; margin:0px 16px;}
header .topbar nav ul li a{display:inline-block; height:80px; text-transform:uppercase; color:rgba(255, 255, 255, 0.8);} 
header .topbar nav ul li a:hover,
header .topbar nav ul li a.on,
header .topbar nav ul li a:active{color:rgba(255, 255, 255, 1);}
header .topbar .hamburger-menu{display:none; font-size:2.5rem; color:white; cursor:pointer; line-height:80px; padding:0 15px; z-index:100;}

/*sections*/
section.slider{overflow:visible;}
section.slider .image{width:100%; height:540px;}
section.slider.bigger .image{height:660px;}
section.slider .image img{object-fit:cover;}
section.slider .offer{width:480px; padding:24px; position:absolute; background:#ffffff; margin-top:-140px; right:48px; border-radius:8px; z-index:10;}
section.slider .offer article *{font-size:1.4rem;}
section.slider .offer article .title{display:block; font-size:2.0rem; font-weight:700; margin-bottom:24px;}
section.slider .offer article ul li{list-style:none;}
section.slider .offer article ul li:before{content:'✓'; color:#00a650; font-weight:700; position:relative; left:-16px;}
section.slider .offer form{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
section.slider .offer form input[type="button"]{grid-column-end:span 3;}

section.content.bigger{padding:64px 0; margin-top:-144px;}
section.content.bigger *{text-align:center;}
section.content.bigger h1{font-size:4.8rem; margin-bottom:0px;}
section.content.bigger article{width:62%; margin:48px auto;}
section.content.bigger article *{font-size:1.8rem;}
section.content.bigger hr{width:40%; height:1px; display:block; margin:16px auto; border:none;}

section.content .block{margin:32px 0px;}
section.content .block .button{margin-top:24px;}
section.content .block .image{border-radius:8px; overflow:hidden;}
section.content .block .image img{width:100%; height:100%; object-fit:cover;}

section.content .block.half{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.content .block.half:nth-of-type(even) article{grid-area:1/2/1/2;}

section.content .block.bulletpoints{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
section.content .block.bulletpoints article ul{padding-left:0;}
section.content .block.bulletpoints article ul li{list-style:none; position:relative; padding-left:25px; margin-bottom:10px;} 
section.content .block.bulletpoints article ul li:before{content:'✓'; color:#00a650; font-weight:700; position:absolute; left:0; top:0; line-height:inherit;}

section.content .block.card{display:grid; grid-template-rows:auto auto; gap:0px; border:1px solid #f6edd9; border-radius:8px;}
section.content .block.card article{padding:24px; grid-area:2/1/2/1;}
section.content .block.card article h3{font-size:2.0rem; color:#00a650;}
section.content .block.card article p{font-size:1.4rem;}
section.content .block.card .image{border-radius:8px 8px 0px 0px;}
section.content a.block.card h3{color:#00a5f2; font-size:1.4rem;}
section.content a.block.card p{color:#002e00;}

section.content.news article{width:80%; margin:0px auto;}
section.content.news article h2{color:#00a5f2;}
section.content.news article h3{color:#00a650;}

section.offer .wallpaper{width:100%; height:100%;}
section.offer .wallpaper img{width:100%; height:100%; object-fit:cover;}
section.offer article{margin-bottom:24px;}
section.offer article *{font-size:1.6rem;}

section.faq .wrapper{border:1px solid #f6edd9; border-radius:8px;}
section.faq .wrapper .question{border-bottom:1px solid #f6edd9; padding:16px;}
section.faq .wrapper .question.no-border{border-bottom:none;}
section.faq .wrapper .question .title{cursor:pointer;}
section.faq .wrapper .question .title h4{font-size:1.4rem; font-weight:700; font-family:'Noto Sans', sans-serif;}
section.faq .wrapper .question .title h4 i{float:right;}
section.faq .wrapper .question .answer{display:none;}
section.faq .wrapper .question .answer *{font-size:1.4rem;}
section.faq .wrapper .question .answer p{margin-bottom:12px;}
section.faq .wrapper .question .answer:first-of-type{display:unset;}
section.faq .image{border-radius:8px; overflow:hidden;}
section.faq .image img{width:100%; object-fit:cover;}

section.assortiment .product-card h2{font-size:2.0rem;}
section.assortiment .product-card .image{border-radius:8px; overflow:hidden; margin-bottom:12px;}
section.assortiment .product-card .image img{width:100%; object-fit:cover;}
section.assortiment .product-card article p:last-of-type{margin-bottom:24px;}
section.assortiment .product-card article ul li{list-style:none;}
section.assortiment .product-card article ul li:before{content:'✓'; color:#00a650; font-weight:700; position:relative; left:-16px;}

/*footer*/
footer{background:#3C4A3E; background:linear-gradient(65deg,rgba(60, 74, 62, 1) 0%, rgba(60, 74, 62, 1) 100%);}
footer .cta{height:90px; font-size:2.0rem; color:#ffffff !important;  text-align:center; line-height:90px;}
footer *{color:#ffffff !important;}
footer .address{width:60%; margin:0px auto; padding:24px 0px; text-align:center;}
footer .copyright{text-align:center; font-size:1.2rem; margin:8px 0px;}
footer .copyright *{font-size:1.2rem; color:rgba(255, 255, 255, 0.8) !important; margin:0px 8px;}
footer .copyright a:hover{color:#ffffff !important; text-decoration:underline;}

/*tablet:1220*/
@media only screen and (max-width:1220px) 
{

}


/*tablet:768-1023*/
@media only screen and (max-width:1024px) 
{
    h1{font-size:2.6rem; margin-bottom:24px;}
    h2{font-size:2.2rem; margin-bottom:24px;}
    h3{font-size:2.0rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:16px;}

    section.slider .offer{width:40%; margin-top:-140px; right:24px;}
    .grid > .block.span-3,
    .grid > .block.span-6{grid-column-end:span 4;}

    footer .cta{height:auto; padding:12px 0px; line-height:unset; font-size:1.6rem;}
    footer .address{width:80%;}
    footer .address *{font-size:1.4rem !important;}

}

/*mobile l:427-767*/
@media only screen and (max-width:768px) 
{

    h1{font-size:2.2rem; margin-bottom:16px;}
    h2{font-size:2.0rem; margin-bottom:16px;}
    h3{font-size:1.6rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:16px;}

    .breadcrumbs{display:none;}
    
    header .topbar .container{display:flex; justify-content:space-between; align-items:center;}
    header .topbar .hamburger-menu{display:block;}
    header .topbar nav{position:absolute; top:80px; left:0; width:100%; height:auto; background-color:#333; box-shadow:0 2px 5px rgba(0,0,0,0.2); overflow:hidden; transform:translateY(-100%); transition:transform 0.3s ease-out; z-index:2000;}
    header .topbar nav.is-open{transform:translateY(0);}
    header .topbar nav.mobile-hidden{display:none;}
    header .topbar nav ul{flex-direction:column; padding:0; margin:0;}
    header .topbar nav ul li{width:100%; text-align:center; margin:0; border-bottom:1px solid rgba(255,255,255,0.1);}
    header .topbar nav ul li:last-child{border-bottom:none;}
    header .topbar nav ul li a{display:block; height:auto; padding:15px 0; line-height:normal;}

    section.slider .image{height:340px;}
    section.slider.bigger .image{height:360px;}

    section.slider .offer{width:90%; margin-top:-40px auto 0px auto; right:unset;}
    section.pull{padding-top:240px;}
    section.content .block.half,
    section.content .block.bulletpoints{grid-template-columns:1fr;}
    section.content .block.half:nth-of-type(even) article{grid-area:unset;}
    section.content.news article{width:100%;}
    section.content.bigger h1{font-size:2.4rem; margin-bottom:0px;}
    section.content.bigger article{width:90%; margin:48px auto;}
    section.content.bigger article *{font-size:1.6rem;}
    section.content.bigger hr{width:80%; }

    section.assortiment .product-card{margin-bottom:48px;}

    section.offer .wallpaper{grid-area:2/1/2/1;}


    .grid > .span-2,
    .grid > .span-3,
    .grid > .span-4,
    .grid > .span-5,
    .grid > .span-6,
    .grid > .span-7,
    .grid > .span-8,
    .grid > .span-12{grid-column-end:span 12 !important;}

    .form-grid{grid-template-columns:1fr; gap:4px;}
    .form-grid .wide{grid-column-end:unset;}
    .form-grid div{padding:0px 0px 8px 0px;}
    .button.bg-white{padding:12px 0px;}

}

/*mobile s:320-426*/
@media only screen and (max-width:426px)
{

    
}