@font-face{
font-family:inter;
src:url(/fonts/Inter-Regular.woff2) format('woff2'),url(/fonts/Inter-Regular.woff) format('woff');
font-weight:400;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Medium.woff2) format('woff2'),url(/fonts/Inter-Medium.woff) format('woff');
font-weight:500;
font-style:normal;
}
@font-face{
font-family:inter;
src:url(/fonts/Inter-Bold.woff2) format('woff2'),url(/fonts/Inter-Bold.woff) format('woff');
font-weight:700;
font-style:normal;
}
html, body{
padding:0;
margin:0;
font-family:inter;
font-style:normal;
font-weight:400;
background-color:#f5f5f5;
}
html{
scroll-behavior: smooth;
}
p{
line-height:1.7em;
}
h2{
margin:50px 0;
font-size:30px;
text-align:center;
font-weight:400;
}
#header{
margin-bottom:0px;
}
#header_cont{
padding:200px 10px;
//width:1200px;
max-width:calc(100% - 20px);
margin:0 auto;
position:relative;
color:#fff;
}
#header_cont h1{
width:50%;
text-shadow:2px 2px 4px #555;
font-size:35px;
opacity:0;
}
#header_cont p{
//width:50%;
font-size:24px;
font-weight:500;
//text-shadow:1px 1px 3px #555;
position:absolute;
bottom:80px;
left:10px;
padding:4px 41px;
background-color: rgba(255, 255, 255, 0.6);
color:#000;
}
#minikorzina{
width:50px;
height:50px;
position:absolute;
top:63px;
right:310px;
}
#minikorzina  a{
text-decoration:none;
color:#47a216;
}
#minikorzina img{
width:50px;
height:50px;
}
#minikorzina span{
position:absolute;
left:0;
bottom:0;
display:inline-block;
padding:1px;
border-radius:4px;
font-size:13px;
background-color:#fff;
}
#minikorzina_cover{
height:60px;
position:absolute;
left:0;
top:0;
width:100%;
z-index:10;
}
#minikorzina_cover2{
//width:1200px;
max-width:100%;
margin:0 auto;
position:relative;
height:60px;
}
#phone_top{
font-size:20px;
color:#000;
//text-shadow:1px 1px 3px #333;
background-color:rgba(255,255,255, 0.6);
position:absolute;
top:150px;
right:10px;
z-index:10;
text-decoration:none;
display:inline-block;
padding:8px 45px;
}
#razdely, .images{
display:flex;
flex-wrap:wrap;
justify-content: space-around;
}
.images a{
width:21%;
margin:20px 0 !important;
}
.images a img{
width:100%;
}
#razdely .razdel{
width:10%;
margin:0 20px 35px 20px;
}
#razdely .razdel .img{
margin-bottom:15px;
border-radius:50%;
overflow:hidden;
}
#razdely .razdel .img img{
width:100%;
}
#razdely .razdel a{
text-decoration:none;
color:#333;
}
#razdely .razdel .title{
text-align:center;
text-transform:uppercase;
}
#content{
width:1200px;
padding:10px;
margin:0 auto;
max-width:calc(100% - 20px);
min-height:450px;
position:relative;
}
#content img{
max-width:100%;
}
#poisk{
position:relative;
top:-80px;
left:10px;
width:calc(100% - 20px);
}
#poisk input{
padding:8px 10px;
border:1px solid #ddd;
border-radius:5px;
display:inline-block;
margin: 0 15px 15px 0;
font-size:17px;
}
#poisk input[type=text]{
width:300px;
}
#poisk input[type=submit]{
padding:8px 20px;
color:#fff;
background-color:#47a216;
border:1px solid #3b8513;
cursor:pointer;
}
#uslugi{
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
#uslugi .usluga{
width:21%;
margin-bottom:35px;
background-color:#fff;
text-align:center;
}
#uslugi .usluga .img{
margin-bottom:15px;
}
#uslugi .usluga .img img{
width:100%;
}
#uslugi .usluga a{
color:#333;
text-decoration:none;
}
#uslugi .usluga .title{
font-size:17px;
text-transform:uppercase;
padding:0 10px 15px 10px;
}
#footer{
padding:30px 0;
background-color:#43474a;
}
#footer_cont{
width:1200px;
padding:0 10px;
max-width:calc(100% - 20px);
color:#fafafa;
margin:0 auto;
line-height:1.8em;
display:flex;
flex-wrap:wrap;
justify-content: space-between;
}
#footer_cont .block1{
width:36%;
}
#footer_cont .block2{
width:60%;
}
#footer_cont .socseti, #content .socseti{
padding:15px 0;
}
#footer_cont .socseti img,  #content .socseti img{
display:inline-block;
height:35px;
margin-right:10px;
}
.usluga_full img{
display:block;
margin:0 auto;
max-width:100%;
}
#tovary{
display:flex;
flex-wrap:wrap;
justify-content: flex-start;
padding:30px 0;
}
#tovary .tovar{
width:28%;
margin-bottom:35px;
background-color:#fff;
position:relative;
margin: 30px 2%;
}
#tovary .tovar .img{
margin-bottom:15px;
}
#tovary .tovar .img img{
width:100%;
}
#tovary .tovar a{
color:#333;
text-decoration:none;
}
#tovary .tovar .title{
font-size:17px;
padding:0 10px;
}
#tovary .tovar .cena{
font-size:19px;
font-weight:bold;
padding:15px 10px;
}
#tovary .tovar form{
padding:0 10px;
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
#tovary .tovar .button{
padding: 8px 20px;
    color: #333;
    background-color: #eee;
    border: 1px solid #aaa;
    cursor: pointer;
    margin: 10px 0;
    border-radius: 5px;
}
#tovar_full{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#tovar_full .imgs{
width:50%;
}
#tovar_full .imgs img{
width:100%;
display:block;
margin-bottom:20px;
}
#tovar_full .imgs .miniimg img{
display:inline-block;
height:100px;
margin:0 15px 15px 0;
width:auto;
}
#tovar_full .content{
width:45%;
}
#tovar_full .content h2{
text-align:left;
margin:0 0 25px 0;
}
#tovar_full .content .price{
margin:15px 0;
border-top:1px solid #aaa;
}
#tovar_full .content .price .point, .tovar .point{
padding:10px 0;
background-color:#f0f0f0;
border-bottom:1px solid #aaa;
position:relative;
}
body #tovary .tovar .point{
background-color:#eee;
z-index:10;
box-shadow: 2px 2px 3px #838383;
}
#tovar_full .content .price .active, .tovar .price .active{
background-color:#d0ffce;
}
#tovar_full .content .price input{
margin-right:20px;
}
.tovar .price{
display:none;
position:absolute;
left:0;
top:100%;
width:100%;
}
#tovar_full .content .price span, .tovar .price span{
position:absolute;
top:10px;
right:10px;
text-align:right;
}
#tovar_full .content .submit, #tovar_full .content .vkorzine, #tovary .tovar .submit, #tovary .tovar .vkorzine{
padding:8px 20px;
color:#fff;
background-color:#47a216;
border:1px solid #3b8513;
cursor:pointer;
display:none;
margin:10px 0;
border-radius:5px;
}
#tovar_full .content .vkorzine, #tovary .tovar .vkorzine{
background-color:#4fa5d5;
border:1px solid #24739f;
text-decoration:none;
}
#tovar_in_korzina{
margin:30px 0;
}
#tovar_in_korzina .tovar{
display:flex;
flex-wrap:wrap;
justify-content: space-around;
padding:10px 0;
border-bottom:1px solid #ddd;
align-items: center;
}
#tovar_in_korzina .tovar .img{
width:10%;
}
#tovar_in_korzina .tovar .img img{
width:90%;
display:block;
margin:0 auto;
}
#tovar_in_korzina .tovar .name{
width:40%;
}
#tovar_in_korzina .tovar .kolvo{
width:15%;
}
#tovar_in_korzina .tovar .kolvo input{
width:50%;
margin-bottom:0;
}
#tovar_in_korzina .tovar .cena{
width:15%;
}
#zakaz input, #zakaz textarea{
padding:10px;
display:block;
width:300px;
max-width:calc(100% - 25px);
margin-bottom:20px;
}
#zakaz textarea{
height:100px;
}
#itogo{
font-size:20px;
}
#itogo span{
font-weight:bold;
}
#zakaz .submit{
padding:8px 20px;
color:#fff;
background-color:#47a216;
border:1px solid #3b8513;
cursor:pointer;
border-radius:5px;
}
#zakaz{
margin-bottom:30px;
}
#header_cont .socseti{
position:absolute;
top:21px;
left:10px;
text-align:right;
z-index:10;
}
#header_cont .socseti img{
display:inline-block;
margin-right:10px;
height:30px;
}
#logo img{
position:absolute;
top:10px;
right:10px;
height:130px;
z-index:10;
}
#menu{
margin-bottom:30px;
display:flex;
justify-content:center;
background-color: #47a216;
margin-top:-53px;
}
#menu .punkt{
padding:25px;
display:inline-block;
margin:0 5px;
position:relative;
}
#menu .punkt a{
display:block;
text-decoration:none;
font-size:18px;
font-weight:700;
color:#000;
}
#menu .punkt .podpunkty{
display:none;
position:absolute;
left:0;
top:98%;
padding:15px;
z-index:10;
}
#menu .punkt:hover .podpunkty{
display:block;
min-width:280px;
background-color: #47a216;
}
#menu .punkt .podpunkty a{
font-size:16px;
margin-bottom:10px;
}
#mob_menu_icon{
position:absolute;
height:40px;
top:10px;
right:10px;
z-index:20;
display:none;
}
.prices a{
font-size:18px;
text-decoration:none;
color:#2086dd;
}
#list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#list .element{
width: 31%;
margin-bottom: 35px;
background-color: #fff;
text-align: center;
}
#list .element img{
width:100%;
display:block;
}
.elem_full img{
display:block;
max-width:95%;
margin: 0 auto;
}
.onas{
margin:0 auto;
max-width:95%;
display:block;
}
#zakaz .dostavka{
border-top:1px solid #aaa;
margin-bottom:30px;
}
#zakaz .dostavka input{
display:inline-block;
margin-right:20px;
width:20px;
}
#zakaz .dostavka label{
display:block;
padding:15px;
background-color:#eee;
border-bottom:1px solid #aaa;
}
#zakaz .dostavka label p{
margin:0;
font-weight:bold;
}
.hidden_images{
display:none;
}
#put{
margin-bottom:30px;
}
#put a{
text-decoration:none;
color:#008ccf;
}
#postr{
padding:20px 0;
}
#postr a, #postr b{
display:inline-block;
margin-right:10px;
padding:5px 8px;
border-radius:3px;
border:1px solid #3b8513;
color:#3b8513;
text-decoration:none;
}
#postr b{
border:1px solid #777;
color:#777;
}
.akciya_icon{
position:absolute;
right:10px;
top:0px;
width:120px;
}



@media screen and (max-width:760px){

#header_cont h1{
text-align:center;
}
#header_cont p{
text-align:center;
font-size:17px;
padding:4px 15px;
}
#tovar_full .imgs, #tovar_full .content{
width:100%;
}
#razdely .razdel, #uslugi .usluga{
width:34%;
margin: 0 0 30px 0;
}
#tovary .tovar{
width:94%;
margin: 0 auto 30px auto;
}
#zakaz input{
width: calc(100% - 25px);
}
#tovar_in_korzina .tovar .img img{
width:100%;
}
#tovar_in_korzina .tovar .name{
width:50%;
}
#uslugi{
justify-content: space-around;
}
#header_cont .socseti{
top:10px;
}
#footer_cont .block1, #footer_cont .block2{
width:100%;
}
#poisk input[type=text]{
width:200px;
}
#logo img{
height:120px;
}
#mob_menu_icon{
display:block;
}
#menu{
width:100%;
position:absolute;
top:50px;
left:0;
display:block;
margin-top:0;
z-index:20;
display:none;
}
#menu .punkt{
padding-left:25px;
display:block;
padding:10px 25px;
}
#menu .punkt .podpunkty{
display:block;
position:relative;
left:0;
top:0;
padding-bottom:0;
}
#list .element{
width:48%;
}
.images a{
width:91%;
}
.akciya_icon{
width:100px;
}

}