* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}    
img {
border: 0;
}
html {
background: #fff;
height: 100%;
}
body{ 
padding: 0 0 0;
color: #000;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
}
#container {
width: 1256px;
margin: 0 auto;
display: flex;
flex-direction: column;
height: 100%;
}
#header {
height: 86px;
width:100%;
display:flex;
justify-content: space-between;
margin:10px 0;
flex: 0 0 auto;
}
#phone {
width: 230px;
height: 100%;
display:flex;
align-items:center;
flex-direction:row;
flex-wrap: wrap;
}
.slo {
width: 450px;
height: 100%;
display:flex;
align-items:center;
font-size:18px;
line-height:30px;
}
#header form {
margin: 90px 0 0 150px;
width:218px;
height: 23px;
float: left;
background: url(../images/search.png) no-repeat;
}
.search_inp {
margin-left: 5px;
margin-top: 3px;
width: 180px; 
height: 14px;
border: none;
outline: none;
background: none;
vertical-align: top;
}
.search_sb {
width: 20px; 
height: 20px;
border: none;
} 
#menu {
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
width: 100%;
height: 50px;
list-style-type: none;
position: relative;
background:rgb(236,236,236);
display:flex;
justify-content: space-around;
flex: 0 0 auto;
}
#menu li {
display:inline-block;
}
#menu li a{
color: #000;
text-align: center;
text-decoration: none;
font: bold 18px/50px Arial;
display: block;
box-sizing: border-box;
}
#menu li a:hover{
color: #67C63F;
}           
#menu ul {
display: none;
position: absolute;
top: 100%;
width:320px;
height:auto;
z-index:1000;
background:#fff;
padding:10px;
border:2px solid rgb(99,97,91);
border-radius:5px;
}
#menu li:hover > ul {
display:block;
}
#menu ul li a {
text-align:left;
display:block;
width:300px;
font: bold 14px/24px Arial;
}
.ahref{         
color: #000;
font-size:16px;
line-height:25px;
}
.bold {
font-weight:bold;
}
.head_inp{
padding: 3px 2px;
width: 160px;
}
.head_inp1{
float:left;
margin:2px 2px 0 0;
}
.submit{
float:right;
margin: 15px 0 0 5px;;
}
#left {
font-size: 12px;
width: 201px;
margin: 0;
float: left;
}
.leftmenu {
margin: 10px 0;
width: 201px;
height: 30px;
}
#left ul {
list-style-type: none;
width: 202px;
}
#left li {
margin: 2px 0;
width:202px;
background: url(../images/4.png) 10px center no-repeat #63615b;
border-radius: 5px;
height:38px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
        align-items: center;
}
#left li:hover {
background: rgb(241,141,55);
color: #fff;
}
#left li a{
width:182px;

display: block;
color: #fff;
padding-left: 22px;
text-decoration: none;
font: bold 11px/15px Verdana;
}
#left li a:hover{
color: #fff;
}
.feed {
width: 176px;
height: 28px; 
background: url(images/feed_top.png) left top no-repeat;
margin-left: 13px;
display: block;
}
#left form{
padding: 0 10px;
}
#reg {
width:100%;
height:auto;
margin-top:40px;
}
.feed_inp {
width:100%;
outline: none;
padding: 1px 5px;
background: #fff;
border-radius: 5px;
margin-bottom: 10px;
font-size: 16px;
border-color: #e6e6e6;
display: block;
height: 56px;
padding: 0 2rem;
margin-bottom:12px;
background-color: #fafafa;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 1px solid #f0f0f0;
color: #212121;
-webkit-transition: all .1s;
-o-transition: all .1s;
transition: all .1s;
box-sizing: border-box;
}
.text {
height: 37px; 
display: block;
}
.text_inp {
border: none;
outline: none;
padding: 0px 5px;
height: 110px;
overflow: auto;
width: 93%;
border-radius: 5px;
margin: 10px 0;
}
.text_bot {
width: 147px;
height: 8px;
margin-top: -2px;
float: left;
}
.feed_bot {
width: 176px;
height: 11px;
float: left;
margin-left: 13px;
}
.send_button {
text-align: center;
border-radius: 5px;
background: #fcc303;
padding: 10px;
font-weight: 600;
border: 0;
cursor: pointer;
}

.send_button:hover{
	background: #000;
	color: #fcc303;
}
#fullcenter {
width:100%;
height:auto;
}
#center {
margin: 0;
width: 100%;
flex: 1 0 auto;
}
#center ul {
//float:left;
//margin-left:20px;
//width:100%;
}
.subcat a{
color: #000;
}
h1 {
margin-bottom: 0.5em;
font-size: 2.5rem;
margin-top: 0.5em;
font-weight: 900;
text-transform: uppercase;
color: #212121;
}
h2 {
margin-bottom: 0.4em;
font-size: 2.5rem;
margin-top: 0;
font-weight: 900;
text-transform: uppercase;
color: #212121;
}
h4 {
min-height: 65px;
margin-top: 15px;
text-transform: none;
font-size:1.5rem;
}
.dif_box {
width:100%;
padding: 20px 25px;
box-sizing: border-box;
display:flex;
align-items:center;
}
.dif_box p{
text-transform: none;
cursor: default;
font-size: 1.125rem;
}
#preim {
width:100%;
height:auto;
background:#fff;
margin-top:40px;
display:flex;
flex-direction:column;
}
#about {
width:100%;
min-height:790px;
background:rgb(243,243,243);
padding: 5rem 0 2.5rem;
box-sizing: border-box;
}
.about_text {
width:485px;
margin-left:30px;
height:auto;
float:left;
}
.about_photo {
width:440px;
height:667px;
float:right;
background:url(/images/stroit.jpg) center;
margin-right:30px;
}
.status a {
color: #000;
}
.text1 {
text-decoration: underline;
color: #000;
cursor: pointer;
font-size:16px;
font-weight:bold;
}
.podr {
width:80px;
height:25px;
line-height:25px;
background: rgb(171,171,171);
display: block;
float:right;
margin: 3px 5px 5px 0;
text-decoration:none;
text-align:center;
color:#fff;
border-radius:3px;
}
.buy1{
border-radius:3px;
width:140px;
height:25px;
line-height:25px;
color: #fff;
background: rgb(171,171,171);
text-align:center;
cursor:pointer;
float:right;
margin: 3px 2px 5px 0;
}
.buy1:hover{
background:rgb(241,141,55);
color:#000;
}
.podr:hover {
background: #67C63F;
color: #000;
}
#right{
margin: 0;
font-size: 12px;
width: 187px;
float: right;
}
.rightmenu {
margin: 10px 0;
width: 171px;
height: 30px;
}
#bask_form span {
position: absolute;
margin: 5px 0;
}
.news{
color: #818181;
margin-top:15px;
font: 14px/20px Verdana;
text-decoration:none;
float:left;
}
.news:hover{
color: rgb(250,191,63);
}
#right p {
margin: 0 10px;
}
.rtext {
margin: 0 10px;
}
.rtext a {
color: #34247c;
text-decoration: underline;
}
.rtext_busket {
margin: 0 10px;
float:left;
color: #696969;
}
.partner {
text-align: justify;
font-size: 12px;
}
.partner a {
padding: 0 3px;
background: rgb(169,135,71);
color: #fff;
line-height: 15px;
}
.clear {
clear: both;
}
#footer {
margin-top: 10px;
margin-bottom:15px;
width: 100%;
height: 70px;
color: grey;
flex: 0 0 auto;
}
#footer p a{
color: grey;
}
#botmenu {
margin: 0 auto;
width: 700px;
height: 40px;
}
#botmenu ul {
list-style-type: none;
}
#botmenu li {
float: left;
}
#botmenu li a{
margin-left: 30px;
padding-left: 20px;
color: #fff;
text-decoration: none;
font: 14px/40px Tahoma;
display: block;
}
#botmenu li a:hover{
color: rgb(253,194,6);
}
#footer p{
width:100%;
text-align:center;
}
.td_del {
color: #000;
width: 70px;
}
.td_del:hover {
font-weight: bold;
cursor: pointer;
}
#total_amount {
font-weight: bold;
}
.goto_basket {
visibility: hidden;
}
.text_basket_add {
color: red;
visibility: hidden;
}
#loading {
/*position: absolute;*/
display:none;
padding-left: 66px;
height: 32px;
margin: 14px 0;
}
#basket, #basket1{
width:100%;
height: 100px;
display: block;
margin: 0 0 10px 0;
padding:5px;
border-bottom:2px solid rgb(99,97,91);
font-size:14px;
}
#basket1 {
display: none;
}
#auth, #order{
width:350px;
height:470px;
background:#fff;
color:#000;
padding: 50px 40px;
z-index:1043;
position: fixed;
top:50%;
left:50%;
margin:-235px 0 0 -175px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius:5px;
display:none;
text-align:center;
}
#enter {
margin:18px;
text-align:center;
height: 50px;
width:50px;
color:#fff;
float:right;
cursor:pointer;
border-radius: 26px;
border:2px solid #f4902d;
background:url(/images/man.png) center no-repeat; 
}
#close, #closeOrder {
float:right;
color:#000;
position: absolute;
top: 5px;
right:5px;
text-decoration:none;
font-size:16px;
}
.main {
width:100%;
height:auto;
border:none;
padding:0;
margin:0;
font-size:14px;
}
.item_td {
text-align:center;
width:48%;
height:200px;
float:left;
margin:5px 1%;
border:2px solid #67C63F;
border-radius:10px;
padding:10px;
font-size:14px;
position:relative;
}
.item_upr {
position:absolute;
width:100%:
height:20px;
bottom:5px;
right:5px;
}
.item_img {
width:100px;
height:100px;
display:block;
float:right;
}
.item_desc {
width:230px;
height:100px;
float:left;
font-size:14px;
}
.item_desc span {
font-size:16px;
}
.item_kolvo {
width:100%;
margin:7px 0;
}
#nextPrev {
text-align:center;
width:100%;
}
#nextPrev a{
margin: 0 10px;
}
#logo {
width:150px;
height:100%;
background: url(/images/logo_v.png) no-repeat;
background-size:contain;
}
.icon{
width:50px;
height:auto;
font-size:2.5rem;
color:#67C63F;
}
.iconP {
margin-right:10px;
font-size:2.5rem;
color:#67C63F;
}
.address {
width:300px;
height:100%;
display:flex;
justify-content:space-between;
align-items:center;
}
.address p, #phone p, #phone a {
font: 18px/30px Tahoma;
color:#000; 
}
.item-cap{
	position: relative;
	border-radius: 5px;
    height: 38px;
    background: #f4902d;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    line-height: 38px;
	margin-bottom: 20px;
	margin-top: 10px;
	color: #000;
}

.item-cap-light{
	font-weight: 100;
	font-size: 12px;
	margin-top: 0;
	position: relative;
	top: -10px;
	margin-bottom: 0;
}

.item-cap-cor{
	position: absolute;
	border: 10px solid transparent;
	border-top: 15px solid #000;
	top: 38px;
	left: 45%;
}

.block{
	background: #63615b;
	border-radius: 5px;
	color: #fff;
	padding: 10px 0;
}
#opacity {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
display:none;
}
.button_fon, .order, .ahref2, .toCat {
height: 56px;
margin: 30px auto 0;
background: #fff;
display: inline-block;
min-width: 250px;
padding: 1em 2em;
border: 2px solid #67C63F;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 1rem;
font-weight: 900;
text-align: center;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
color: #131313 !important;
vertical-align: middle;
cursor: pointer;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.button_fon:hover, .order:hover, .ahref2:hover, .toCat:hover {
background:#67C63F;
color:#fff;
}
.ahref2{
margin:10px 0 0 40px;
}
.order, .toCat{
margin-left:50px;
}

#newsSlide {
width:100%;
height:575px;
position:relative;
background:rgb(251,251,251);
margin-bottom:70px;
}
.slick-dots{
position: absolute;
bottom: 0;
z-index:200;
display: block;
width: 100%;
height:102px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height:24px;
background:rgb(236,236,236);
-webkit-box-shadow: 0 5px 35px rgb(8 8 8 / 10%);
box-shadow: 0 5px 35px rgb(8 8 8 / 10%);
}
.slick-dots li{
position: relative;
display: inline-block;
width: 243px;
height: 102px;
margin:3px;
cursor: pointer;
background:rgb(236,236,236);
vertical-align: top;
}
.slick-dots li button
{
display:none;
}
.slick-dots li.slick-active, .slick-dots li:hover {
background:#67C63F;
}
.slide_name {
width:65%;
font-size: 2.9rem;
line-height: 1;
margin-top: 50px;
margin-left:50px;
font-weight: 900;
text-transform: uppercase;
color: #6FC943;
margin-bottom: 0.7em;
display:block;
text-decoration:none;
}
.slide_name:hover {
text-decoration:underline;
}
.pager__item {
width:100%;
height:100%;
display:block;
padding:10px;
text-align:left;
font-size:18px;
}
#vproizv {
width:100%;
height:430px;
margin-top:30px;
}
#vproizv_crs {
position:relative;
width:100%;
height:330px;
}
.vproizv {
width:49%;
height:260px;
box-sizing: border-box;
display:inline-block;
}
.num {
color:#f4902d;
font-size: 1.5rem;
font-weight: 900;
white-space: nowrap;
}
.num span {
font-size: 5rem;
letter-spacing: -.08em;
font-weight: 900;
white-space: nowrap;    
}
.sub {
margin-bottom: 0.6em;
font-size: 1.375rem;
font-weight: 700;
color: #212121;
}
.info_text{
margin-bottom: 0;
font-size: 1rem;
font-size: 0.875rem;
line-height: 1.25;
letter-spacing: .01em;
color: #818181;
}
.Prev, .Next {
-webkit-box-flex: 0;
-webkit-flex: 0 0 57px;
-ms-flex: 0 0 57px;
flex: 0 0 57px;
max-width: 57px;
height: 57px;
margin-right: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid rgb(99,97,91);
background: none;
padding: 0;
position: relative;
cursor: pointer;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.Prev {
top:317px;
transform: translateX(20%) rotate(135deg);
}
.Next {
left: 110px;
transform: translateX(-20%) rotate(-45deg);
}
.Prev:hover, .Next:hover {
background: rgb(99,97,91);
}
.Prev::before, .Next::before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
border-bottom: 2px solid #131313;
border-right: 2px solid #131313;
position: absolute;
margin: -10px 0 0 -10px;
left: 50%;
top: 50%;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
} 
#advant {
width:100%;
height:auto;
margin-top:30px;
}
.advantages__list {
margin-top: 20px;
padding-left: 0;
//list-style: none;
counter-reset: li;
line-height: 1.25;
color: #818181;
font-size:1.5rem;
}
#news {
width:100%;
min-height:300px;
margin-top:30px;
}
.news_div {
width:31%;
height:220px;
float:left;
margin: 0 1%;
}
.news_div p {
font-size:1rem;
}  
.date {
font-size:16px;
}
#map {
width:100%;
height:440px;
position:relative;
margin-top:30px;
}
#contacts {
position:absolute;
top:0;
left:50px;
width: 100%;
max-width: 21.75rem;
min-height: 24.6875rem;
padding: 1.2rem 2.3rem;
background: #fff;
-webkit-box-shadow: 0 5px 35px rgb(7 7 8 / 15%);
box-shadow: 0 5px 35px rgb(7 7 8 / 15%);
-webkit-border-radius: 15px;
border-radius: 15px;
z-index: 1;
} 
.cont_adr, .cont_phone {
width:100%;
font-size:1rem;
line-height:1.5rem;
margin-bottom:15px;
display:flex;
}
.cont_phone {
line-height:3rem;
}
.cont_adr i, .cont_phone i {
margin-right:20px;
}
.cont_phone a {
color: #000;
text-decoration:none;
}
.categories {
width:33%;
height:265px;
display:inline-block;
margin:15px 0;
position:relative;
}
.categories div {
width:90%;
height:230px;
margin:0 auto;
}
.categories a {
width:100%;
height:100%;
display:block;
color:#000;
text-align:center;
font-size:16px;
}
.categories p {
width:100%;
text-align:center;
position:absolute;
bottom:0;
left:0;
}