@charset "utf-8";

@import url("css/all.css");

@font-face {
	font-family: 'Montserrat';
	src: url('fonts/Montserrat-Regular.eot');
	src: local('O'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Bold';
	src: url('fonts/Montserrat-Bold.eot');
	src: local('O'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html{
    width:100%;
    height:100%;
}
body{margin:0;font: 14px 'Montserrat', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#003d34;background:#f4f9f5;line-height:1.3;}
.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

form{margin:0;padding:0;}
input, select, textarea{outline:none;font: 14px 'Montserrat', arial, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#003d34;}
textarea{overflow:auto;resize:vertical;}
a{outline:none;text-decoration:underline;color:#007939;cursor:pointer;}
a:hover{text-decoration:none;}
p, div.par{margin:10px 0}
img{border:0;}
img[align=left]{margin:2px 10px 10px 0;}
img[align=right]{margin:2px 0 10px 10px;}

strong, b{font-weight: normal;font-family:'Montserrat-Bold';}

header, section, aside, footer, article, time, nav{display:block;}
section, article, header, nav, aside{max-width:1920px;margin:0 auto;}


.clear:after{
    content:'';
    display:block;
    clear:both;
}
.title{
    width:auto;
    padding:0 50px;
    max-width:1200px;
    margin:0 auto;
}

header{
    background:#fff;
    padding:35px 0;
}
.logotype{
    float:left;
}
.devis{
    margin:10px 0 0 65px;
    font-size:30px;
    letter-spacing:1px;
    float:left;
}
.devis span{
    display:block;
    font-family:'Montserrat-Bold';
    color:#00b349;
    font-size:42px;
}
.rightblock{
    text-align:right;
    float:right;
    margin-top:8px;
}
.rightblock > .par{margin-top:29px;}
.lang{
    margin-right:23px;
    display: inline;
}
.lang span, .lang a{
    color:#003d34;
    text-decoration:none;
    text-transform: lowercase;
    border-radius:100%;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    display: inline-block;
}
.lang a:hover{
    background:#f4f9f5;
}
.lang span{
    color:#fff;
    background:#00b349;
}
.phones{
    font-size:18px;
    font-family:'Montserrat-Bold';
    display: inline;
}
.phones span:nth-child(2){
    margin-left:20px;
}
.rightblock > .par a, .rightblock > .par span{
    cursor:pointer;
    margin-left:29px;
    color:#007939;
    text-decoration:none;
    white-space: nowrap;
}
.rightblock > .par a:hover, .rightblock > .par span:hover{
    color:#003d34;
}
.menu{
background: #8fc546;
background: -moz-linear-gradient(left, #8fc546 32%, #ff9933 100%);
background: -webkit-linear-gradient(left, #8fc546 32%,#ff9933 100%);
background: linear-gradient(to right, #8fc546 32%,#ff9933 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc546', endColorstr='#ff9933',GradientType=1 );
}
nav{
    text-transform: uppercase;
    float:left; 
    font-family:'Montserrat-Bold';   
}
nav ul{
    margin:0;padding:0;
}
nav ul li{
    list-style:none;
    margin:0;padding:0;
}
nav > ul > li{
    position: relative;
    display: inline-block;
}
nav > ul > li > a{
    color:#fff;
    display:block;
    padding:22px 20px;
    text-decoration:none;
}
nav > ul > li:hover > a, nav > ul > li > a.active{
    background:#000204;
} 
nav > ul > li ul{
    z-index:110;
    position: absolute;
    top:62px;
    left:0;
    display: none;
    background:#000204;
}
nav > ul > li ul li{
    display:block;
}
nav > ul > li ul li a{
    color:#ff9933;
    display:block;
    text-decoration:none;
    padding:14px 20px;
}
nav > ul > li ul li a:hover{color:#fff;}
nav > ul > li:hover ul{
    display:block;
}
form.search{
    float:right;
    border:1px solid #fff;
    margin-top:11px;
    border-radius:3px;
    width:250px;
}
form.search input[type="text"] {
    background: transparent;
    color:#fff;
    width:80%;
    border:0;
    height:36px;
    margin-left:12px;
}
form.search input[type="text"]::-webkit-input-placeholder {color:#fff;}
form.search input[type="text"]::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
form.search input[type="text"]:-moz-placeholder           {color:#fff;}/* Firefox 18- */
form.search input[type="text"]:-ms-input-placeholder      {color:#fff;}

input[name="subscriber"]::-webkit-input-placeholder {color:#fff;}
input[name="subscriber"]::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
input[name="subscriber"]:-moz-placeholder           {color:#fff;}/* Firefox 18- */
input[name="subscriber"]:-ms-input-placeholder      {color:#fff;}



form.search button{
    cursor:pointer;
    color:#fff;
    height:36px;
    border:0;
    background:none;
}
.slider{
    position: relative;
}
.slider:before, .rot:before{
    content:'';
    z-index:19;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
    position: absolute;
    background: -moz-linear-gradient(top, rgba(0,61,52,0.7) 0%, rgba(0,61,52,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,61,52,0.7) 0%,rgba(0,61,52,0) 100%);
background: linear-gradient(to bottom, rgba(0,61,52,0.7) 0%,rgba(0,61,52,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3003d34', endColorstr='#00003d34',GradientType=0 );
}
.sitename{
    color:#fff;
    font-family:'Montserrat-Bold';
    text-align:center;
    position: absolute;
    left:50%;
    top:150px;
    margin-left:-350px;
    width:700px;
    font-size:48px;
    z-index:20;
}
.sitename p{
    margin:15px 0;
}
a.bigbtn{
    text-decoration:none;
    color:#fff;
    padding:17px 78px;
    background:#ff9933;
    border-radius:4px;
    transition:0.3s;
    font-size:14px;
    display: inline-block;
}
a.bigbtn:hover{
    background:#cf3803;
}
.your-class img{
    width:100%;
    height:auto;
}
.your-class{
    overflow:hidden;
    max-height:560px;
}


h1, h2, h3, h4{
   background: linear-gradient(to right, #cf3803, #fc9430);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-family:'Montserrat-Bold';
   font-weight: normal;
   font-size:30px;
   margin:20px 0;
   letter-spacing:1px;
}
h2, h3, h4{font-size:24px;}
h1.vegetables, h1.fruits{
    position: relative;
    padding-left:75px;
}
h1.vegetables:before, h1.fruits:before{
    content:'';
    display: block;
    position: absolute;
    left:0;
    top:-10px;
    height:60px;
    width:60px;
    z-index:1;
    border-radius:100%;
    background-position: center;
    background-repeat: no-repeat;
}
h1.vegetables:before{
    background-color: rgb(207,56,3);
    background-image: url(im/vegetables.png), -moz-linear-gradient(left, rgba(207,56,3,1) 0%, rgba(253,149,49,1) 100%);
    background-image: url(im/vegetables.png), -webkit-linear-gradient(left, rgba(207,56,3,1) 0%,rgba(253,149,49,1) 100%);
    background-image: url(im/vegetables.png), linear-gradient(to right, rgba(207,56,3,1) 0%,rgba(253,149,49,1) 100%);
    
    }
h1.fruits:before{
    background-color: rgb(207,56,3);
    background-image: url(im/fruits.png), -moz-linear-gradient(left, rgba(207,56,3,1) 0%, rgba(253,149,49,1) 100%);
    background-image: url(im/fruits.png), -webkit-linear-gradient(left, rgba(207,56,3,1) 0%,rgba(253,149,49,1) 100%);
    background-image: url(im/fruits.png), linear-gradient(to right, rgba(207,56,3,1) 0%,rgba(253,149,49,1) 100%);
    }

article{
    padding:55px 0;
    background-size:100% 30px !important;
    background:url(files/shadow.jpg) top center no-repeat;
}
.leftcolumn{
    float:left;
    width:248px;
    
    margin-top:14px;
}
.leftcolumn ul{
    margin:0;padding:0;
    background:#fff;
    border:1px solid #00b349;
    border-radius:4px;
    display:block;
}
.leftcolumn ul li{margin:0;padding:0;list-style:none;display:block;border-top:1px solid #00b349;}
.leftcolumn ul li:first-child{border-top:0;}
.leftcolumn ul li a{
    text-decoration:none;
    color:#00b349;
    display:block;
    transition:0.3s;
    font-family: 'Montserrat-Bold';
    padding:45px 10px;
    text-align:center;
}
.leftcolumn ul li a i{color:#fff;margin-left:5px}
.leftcolumn ul li a:hover{
    color:#fff;
    background:#00b349;
}
h1.mar0{margin-bottom:0;}
h1.mar0 + h1{margin:5px 0;}

.leftcolumn ul li a:after{content:'';clear:both;display:block;}
.pdt58{padding-top:58px;}
.rightcolumn{
    float:right;
    width:72%;
    width:calc(100% - 300px);
}
span.newarrival, span.bestsellers{
    color:#fff;
    text-transform: uppercase;
    font-size:12px;
    letter-spacing:1px;
    display: inline-block;
    padding:14px 20px 14px 13px;
    background-size:100% 100% !important;
}
span.newarrival{
    background:url(files/new-files.png) left center no-repeat;
}
span.bestsellers{
    background:url(files/best.png) left center no-repeat;
}
.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.product{
    padding-bottom:9px;
    background:#fff;
    margin-bottom:20px;
    box-shadow: 0 0 5px rgba(0,110,45,.35);
    border-radius:0 0 4px 4px;
}
.product .pd{
    padding:5px 13px;color:#999;
}
.product a{
    color:#003d34;font-size:16px;
}
.product a.picture{
    margin-bottom:5px;
    text-decoration:none;
    display:block;
    width:100%;
    height:230px;
    position: relative;
    text-align:center;
}
.product a.picture img{
    max-width:100%;
    max-height:100%;
    display:block;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    position: absolute;
}
.selection{
    border:1px solid #b2b2b2;
    border-radius:2px 0 0 2px;
    border-right:0;
    width:83px;
    position: relative;
    display: inline-block;
    height:46px;
    text-align:center;
}
.selection:before{
    content:'g';
    display:block;
    position: absolute;
    top:14px;
    right:23px;
    color:#003d34;
    z-index:1;
}
select[name="vaga"] {
    cursor:pointer;
    border:1px solid #fff;
    text-transform: uppercase;
    width:90%;
    height: inherit;
    font-size:12px;
    background: transparent;
    color:#003d34;
}
.kvo{
    display: inline-block;
    border:1px solid #b2b2b2;
    border-radius:0 2px 2px 0;
    position: relative;
    height:46px;
    width:63px;
}
.kvo .amount{
    color:#003d34;
    text-align:center;
    font-size:12px;
    display:block;
    width:34px;
    height: inherit;
    line-height:46px;
    border-right:1px solid #b2b2b2;
}
.kvo .minus, .kvo .plus{
    color:#003d34;
    text-align:center;
    line-height:24px;
    cursor: pointer;
    position: absolute;
    right:0;
    height:24px;
    width:28px;
    background:#fff;
}
.kvo .plus{
    top:0;
    z-index:2;
    border-bottom:1px solid #b2b2b2;
    }
.kvo .minus{
    bottom:0;
    z-index:1;
    }
.kvo .minus:hover, .kvo .plus:hover{
    background:#f2be54;
}
.addtocart{
    cursor:pointer;
    margin-left:5px;
    display: inline-block;
    height:46px;
    line-height:46px;
    border-radius:2px;
    border:1px solid #cc3300;
    transition:0.2s;
    color:#cc3300;
    white-space: nowrap;
    padding:0 13px;
}
.addtocart:hover{
    background:#f2be54;
    border-color:#f2be54;
    color:#003d34;
}
.price{font-size:12px;}
.price:first-line{
    font-size:16px;
    font-family: 'Montserrat-Bold';
}
.price span{
    color:#cc3300;
}

footer{
    background:#003d34;
    padding:55px 0;
    color:#a0cdb2;
    
}
footer a{
    color:#00b349;
}
footer a:hover{
    color:#fff;
}
.contacts{
    line-height:1.7;
    float:left;
    padding-left:100px;
    background:url(im/footer-logo.png) left 10px no-repeat;
}
.contacts a{
    color:#a0cdb2;
    text-decoration:none;
}
.contacts a:hover{color:#00b349;}
a.dev{
    color:#00b349;
    padding-right:22px;
    background:url(files/pixel.gif) right center no-repeat;
}
.fmenu{
    float:left;
}
.fmenu ul{
    margin:10px 0 10px 40px;
    padding:0;
    float:left;
}
.fmenu ul li{
    margin:0 0 8px 0;
    padding:0;
    list-style:none;
}
.subscription{
    float:right;
}
p.border{
    border:1px solid #fff;
    border-radius:3px;
    display:block;
}
input[name="subscriber"] {
    border:0;
    height:44px;
    width:80%;
    color:#fff;
    background:none;
    margin-left:15px;
}
p.border button{
    cursor:pointer;
    color:#fff;
    margin-top:8px;
    border:0;
    background:none;
}
.social{}
.social a{
    text-decoration:none;
    display: inline-block;
    margin-right:10px;
    text-transform: uppercase;
    border:1px solid #00b349;
    border-radius:100%;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    margin-bottom:10px;
    transition:0.2s;
}
.social a:hover{
    background:#00b349;
    color:#FFF;
}
.bars{
    float:left;
    color:#fff;
    display:none;
    cursor:pointer;
    font-size:18px;
    padding:19px 0 19px 30px;
}
.closelabel{
    position: fixed;
    top:0;
    left:-60px;
    transition:0.5s;
    width:40px;
    height:40px;
    cursor:pointer;
    background:#003d34;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:40px;
    z-index:255;
}


/*Products list*/
.rot{
    background-size:cover !important;
    height:180px;
    position: relative;
}
.rot div{
    top: 50%;
    left:0;
    width:100%;
    text-align:center;
    z-index:20;
    transform: translateY(-50%);
    position: absolute;
    color:#fff;
    font-family:'Montserrat-Bold';
    font-size:40px;
}
.listing{
    display: inline;
}
.listing a, .listing span{
    color:#00b349;
    margin:1px;
    font-family:'Montserrat-Bold';
    text-decoration:none;
    display: inline-block;
    border-radius:3px;
    width:38px;
    height:38px;
    text-align:center;
    line-height:38px;
    border:1px solid #f4f9f5;
}
.listing span{
    color:#ff9933;
    border-color:#ff9933;
}
.path{color:#666;font-size:12px;margin-bottom:20px;}
.sort{margin-right:25px;display: inline;}
select[name="sort"]{
    color:#00b349;
    height:38px;
    width:165px;
    padding-left:10px;
    cursor:pointer;
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:#f4f9f5 url(files/pd.png) 95% center no-repeat;
    border:1px solid #00b349;
    border-radius:3px;
}
.banner{margin-top:15px;}
.banner a{
    border-radius:3px;
    text-decoration:none;
    display:block;
    text-align:center;
    color:#fff;
    font-family:'Montserrat-Bold';
    font-size:36px;
    width:100%;
    background-size:cover !important;
    padding:40px 0;
}
.banner a span{
    display: block;
    margin-top:10px;
}
.banner a.fruit{
    background:url(im/fruits.jpg) center no-repeat;
}
.banner a.vegan{
    background:url(im/vegan.jpg) center no-repeat;   
}
.grub{text-align:right;margin:10px 0 20px 0;}



/*Product*/
span[class^="levo"] {
    cursor: pointer;
    font-family:'Montserrat-Bold';
    font-size: 15px;
    padding: 14px 0 14px 60px;
    display: block;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top:15px;
}
span[class^="levo"] i {
    float: right;
}
.tovarblock{
    border-radius:5px;
    background:#fff;
    float:left;
    width:80%;
    box-shadow:0 0 7px #fe9a33;
    position: relative;
}
.metka{
    top:10px;
    left:0;
    position: absolute;
    z-index:2;
}
.mainfoto{
    position: relative;
    float:left;
    overflow:hidden;
    height:365px;
    width:68%;
}
.desc{
    float:right;
    width:28%;
    width:calc(32% - 40px);
    padding:30px 10px 0 30px;
    color:#999;
}
.desc .price:first-line{font-size:24px;}
.mainfoto:before{
    content:'';
    left:50%;
    margin-left:-34px;
    height:68px;
    width:68px;
    background:url(files/zoom.png) center no-repeat;
    top:50%;
    margin-top:-34px;
    position: absolute;
    z-index:2;
    display:block;
}
h1{margin:30px 0;}
.mainfoto:hover::before{display:none;}
.mainfoto img{
    border-radius:4px 0 0 4px;
    width:100%;
}
.rk{
    float:right;
    width:17%;
    font-size:13px;
}
.thumbs img{
    margin:10px 10px 0 0;
    height:80px;
    box-shadow:0 0 7px #fe9a33;
}
.thumbs img:hover{
    box-shadow:none;
}
.description{
    margin:30px 0;
}
.whiteblo{
    padding:0 0 30px 0;
    background:#fff;
}
.whiteblo:before{
    width:100%;
    content:'';
    display:block;
    height:44px;
    margin-bottom:40px;
    background-size:100% 44px !important;
    background:url(files/shadow1.jpg) bottom center no-repeat;
}
.whiteblo ul.slick-dots{
    bottom:-10px !important;
}
.whiteblo .product{margin-right:10px;}



/*shopping cart*/
.rel, .lab{position: relative;}
.w49{width:49%;}
.w49.fr.rel{
    box-shadow:0 0 7px #fe9a33;
    background:#fff;
    border-radius:5px;
}
#table{
    font-size:13px;
    width:100%;
    border-collapse: collapse;
}
#table img{border-radius:100%;width:77px;height:77px;}
#table td{
    padding:20px 5px;
}
.prs{
    font-family:'Montserrat-Bold';
    color:#cc3300;
}
.brd td{border-top:1px dashed #b6d2bc;}
.brd1 td{
    border-top: 3px solid #fe9933;
}
h5{font-size:18px;font-weight:normal;font-family:'Montserrat-Bold';margin:20px 0 10px 0;}
.btn{
    border-radius:3px;
    cursor:pointer;
    text-decoration:none;
    display: inline-block;
    padding:10px 18px;
    color:#00b349;
    transition:0.3s;
    border-color:#00b349;
    background: transparent;
    border:1px solid #00b349;
}
.btn:hover{
    color:#fff;
    background:#00b349;
}
.btn.orange{
    color:#003d34;
    border-color:#f2be54;
    background:#f2be54;
}
.btn.orange:hover{
    color:#f2be54;
    background:#003d34;
    border-color:#003d34;
}
.btn.goback{
    color:#fff;
    border-color:#cc3300;
    background:#cc3300;
}
.btn.goback:hover{
    background:#00b349;
    color:#fff;
}
.karta{height:700px;width:100%;border-radius:4px;overflow:hidden;}
.padd{
    border-radius:5px;
    padding:11px 110px 0 35px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 74%, rgba(255,255,255,0.5) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 74%,rgba(255,255,255,0.5) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 74%,rgba(255,255,255,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 );
}
.goback{position: absolute;z-index:3;top:15px;left:15px;}
span.cal{
    position: absolute;
    right:15px;
    z-index:1;
    cursor:pointer;
    top:28%;
}
#onmap{
    text-decoration:underline;
    color:#00b349;
}
a.view{
    position: absolute;
    right: 15px;
    z-index: 1;
    cursor: pointer;
    top: 28%;
}
#karta {
    left: 50%;
    top: 100px;
    bottom: 100px;
    position: fixed;
    z-index: 180;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.2);
    width: 900px;
    margin-left: -450px;
    display: none;
}
#karta span.zakr {
    display: block;
    position: relative;
    margin-top: -40px;
    width: 100%;
    height: 40px;
    background: #fff;
}
#karta span.zakr:before {
    content: 'x';
    color: red;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.kartaact + div {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    background: rgba(0,61,52,.7);
    z-index: 179;
}
.field{
    padding:8px 0 8px 15px;
    border-radius:3px;
    border:1px solid #003d34;
    width:calc(100% - 17px);
}
select.field{
    cursor:pointer;
    width:100%;
     -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background:#fff url(files/pd1.png) 95% center no-repeat;
}
label input[type="checkbox"] + span {
    border:1px solid #003d34;
    width:20px;
    border-radius:3px;
    height:20px;
    background:#fff;
    display: inline-block;
}
label input[type="checkbox"]{
    position: absolute;
    left:0;top:0;
    z-index:1;
    opacity:0;
    height:20px;
    width:20px;
}
label input[type="checkbox"]:checked + span{
    background:#003d34;
}
#table tbody tr td:nth-child(3){white-space: nowrap;}
div.ac h1.vegetables, div.ac h1.fruits{padding-left:0;margin:10px 0;}
div.ac h1.vegetables:before, div.ac h1.fruits:before{
    position: static;margin-right:10px;display: inline-block;
}
h1.vegetables, h1.fruits{
    background: linear-gradient(to right, #007939, #00b349);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
h1.vegetables:before, h1.fruits:before{
    background-color: #00b349;
    background-image: url(im/vegetables.png), -moz-linear-gradient(left, #007939, #00b349);
    background-image: url(im/vegetables.png), -webkit-linear-gradient(left, #007939, #00b349);
    background-image: url(im/vegetables.png), linear-gradient(to right, #007939, #00b349)
}
.rightcolumn h1{margin:10px 0;}

.yes, .net{
    color:#fff;
    background:#00b349;
    border-radius:4px;
    margin:20px 0;
    padding:15px 20px;
}
.net{background:#cc3300;}
.w50{width:48.5%;}
.w50 h1, .w50 h2, .w50 h3{margin-top:0;}
.poi{
    border:1px solid #b2b2b2;
    border-radius:3px;
    width:calc(100% - 10px);
    padding:8px 0 8px 8px;
    background:#fff;
}
.poi:focus{
    border-color:#00b349;
}
select.poi{width:100%;}
.signupform{
    padding:20px 30px;
    border-radius:5px;
    border:3px solid #ff9933;
    margin:20px auto;
    background:#fff;
    max-width:450px;
}
div.hiden{display:none;}

/*POP UP*/
#window{
    left:50%;
    width:280px;
    position: fixed;
    z-index:255;
    padding:15px 20px;
    background:#fff;
    margin-left:-160px;
    transition:0.5s;
    border-radius:0 0 15px 15px;
    border:3px solid #ff9933;
    border-top:0;
}
.hhdw{top:0;}
.hhde{top:-450px;}
.hhde + div{display:none;}
.hhdw + div{
    display:block;
    position: fixed;
    z-index:254;
    background:rgba(1,58,49,.83);
    left:0;
    top:0;
    width:100%;
    bottom:0;
}
.close{
    color:#ee3300;
    cursor:pointer;
    font-size:18px;
}
.wds{width:49%;}
ul.usermenu{
    text-align:center;margin:10px 0;padding:0;
}
ul.usermenu li{
    display: inline-block;
    list-style:none;
    margin:2px 5px;
    padding:0;
}
ul.usermenu li a{
    text-decoration: none;
    background:#fff;
    display:block;
    padding:10px 15px;
    border-radius:4px;
    transition:0.2s;
    white-space: nowrap;
}
ul.usermenu li a:hover{
    background:#ff9933;
    color:#fff;
}
ul.usermenu li.active a{
    background:#00b349;
    color:#fff;
}
.delb{
    text-decoration:none;
    color: #D30101;
    display: block;
    position: absolute;
    top:0;
    left:0;
    border-radius:100%;
    width:35px;
    height:35px;z-index: 10;
    background:#fff;
    line-height:35px;
    text-align:center;
}
.delb:hover{
    color:#fff;background:#D30101;
}
#map{width:100%;height:100%;}
.dd{
    position: absolute;
    right:10px;
    top:10px;
    z-index:2;
    background:url(files/pd1.png) center no-repeat;
    cursor:pointer;
    display:block;
    width:15px;
    height:15px;
}
div#area{
    width:200px;
    background:#fff;
    box-shadow:0 0 15px rgba(0,0,0,.15);
    display:none;
    margin-left:-200px;
}
.dd input[type="checkbox"]:checked + div#area{
    display:block;
    
} 
div#area span{display:block;padding:8px 15px;border-top:1px solid #eee;cursor:pointer;}
div#area span:first-child{border-top:0;}
div#area span:hover{background:#eee;}
.dd input[type="checkbox"]{opacity:0;}

#zakaza{
    width:100%;
}
#zakaza td{padding:6px 10px;}

input[name="promocode"] {
    border-radius:3px;
    border:1px solid #0066cc;
    padding:9px 10px;
    width:100px; margin-right:5px;
    color:#000;
    font-size:16px;
    text-align:center;
}
.notes{
    border:1px solid #0066cc;
    background:#fff;
    border-radius:4px;
    margin:20px 0;
    padding:15px 20px;
}
.notes i, .notes i + strong{color:#0066cc;}

.notes ul{margin:15px 0 15px 18px;padding:0;}
.notes ul li{list-style:none;position: relative;display:block;padding:0 0 0 15px;margin:8px 0;}
.notes ul li:before{content:'';display:block;width:5px;height:5px;background:#0066cc;border:1px solid #0066cc;border-radius:100%;left:0;top:4px;position: absolute;}

.dels{color:red;font-size:12px;}
#addanew{cursor:pointer;color:#00b349;}
.tbl{
    border-collapse: collapse;
    width:100%;
}
.tbl td{border-top:1px solid #ddd;padding:8px 5px;}
.tbl tbody tr:first-child td{border-top:0;background:#fafafa;font-family: 'Montserrat-Bold';}

.greenc, .redc{display: inline-block;border-radius:100%;width:10px;height:10px;}
.greenc{background:#32C501;}
.redc{background:#DB0909;}

.btn.red{color:red;border-color:red;}
.btn.red:hover{color:#fff;background:red;}

@media screen and (max-width: 1200px) {
    .title{padding:0 30px;}
    header{padding:20px 0;}
    .devis{font-size:20px;}
    article, footer{padding:35px 0;}
}
@media screen and (max-width: 1150px) {
    .leftcolumn{width:190px;}
    .rightcolumn{width:calc(100% - 220px);}
}
@media screen and (max-width: 1050px) {
    nav > ul > li > a{padding-left:10px;padding-right:10px;}
    nav{font-family: 'Montserrat';}
    .menu .title{padding-left:0;}
    .devis{margin-left:35px;}
    footer{font-size:12px;}
}
@media screen and (max-width: 950px) {
    .sitename, .devis span{font-size:30px;}   
    .devis, .thumbs{font-size:16px;margin-top:25px;}
    .phones{font-size: 14px;}
    .lang{margin-right:13px;}
    .rightblock > .par a, .rightblock > .par span{margin-left:15px;}
    .logotype img{width:100px;}
    .tovarblock, .rk{width:100%;}
    .w49{width:100%;margin-bottom:15px;}
}
@media screen and (max-width: 900px) {
    .bars{display:block;}
    nav{
        left:0;
        top:0;
        width:0;
        overflow: hidden;
        bottom:0;
        transition:0.5s;
        position: fixed;
        z-index:254;
        background:#003d34;
    }
    nav > ul > li{display:block;border-top:1px solid #025145;}
    nav > ul > li:first-child{border-top:0;}
    nav > ul > li a{white-space: nowrap;font-size:12px;}
    nav ul ul{display:none !important;}
}
@media screen and (max-width: 800px) {
    .banner{display:none;}
    .leftcolumn{width:100%;}
    .leftcolumn ul{background:none;border:0;}
    .leftcolumn ul li{margin:0 5px 5px 0;display: inline-block;border:0;}
    .leftcolumn ul li a{
        background: #fff;
    border: 1px solid #00b349;
    border-radius:15px;
    padding:6px 15px;
    display: inline-block;
    white-space: nowrap;
    }
    .leftcolumn ul li a i{margin-left:5px;float:none;color:#00b349;}
    .rightcolumn{width:100%;}
    .pdt58{padding-top:0;}
}
@media screen and (max-width: 780px) {
    .logotype img{width:80px;}
    .devis{font-size:14px;letter-spacing:0;margin-top:13px;}
    .rightblock > .par{margin-top:15px;}
    header{padding-bottom:10px;}
    .mainfoto{height:auto;width:100%;float:none;}
    .desc{padding:20px 0 15px 20px;float:none;width:auto;}
}
@media screen and (max-width: 700px) {
    .rightblock {
    text-align: center;
    float: none;
    margin-top: 10px;
    width: 100%;
    clear: left;
}
.logotype{margin:0 0 10px 25%;}
.sitename{top:20%;left:0;margin-left:0;right:0;width:auto;}
}
@media screen and (max-width: 650px) {
    .contacts{width:calc(100% - 100px);float:none;margin-bottom:20px;}
    .fmenu ul:first-child{margin-left:0;}
    .fmenu{width:100%;margin-bottom:20px;float:none;}
    .subscription{width:100%;float:left;}
    .logotype{margin-left:20%;}
    input[name="subscriber"]{width:calc(100% - 55px);}
}
@media screen and (max-width: 550px) {
    .sitename, .devis span{font-size:20px;}
    .title{padding:0 15px;}
    .bars{padding-left:15px;}
    a.bigbtn{padding:15px 28px;}
    h1{font-size:25px;}
    #table, #table tbody{display:block;}
    #table tbody tr{display: block;border-top: 1px dashed #b6d2bc;}
    #table tbody tr:after{content:'';clear:both;display:block;}
    #table td {
    float: left;
    width: 50%;
    padding: 10px 0;
    display: block;
    height: 70px;
    background: none !important;
    text-align: left;
}
.padd{padding: 5px 60px 0 25px;}
.brd td{border-top:0;}

}
@media screen and (max-width: 450px) {
    .devis{margin-left:20px;margin-top:19px;}
    .logotype{margin-left:16px;}
    .slick-dots{bottom:15px !important;}
    .listing{display:block;margin:10px 0;text-align:center;}
    .grub{float:none;clear:left;width:100%;}
    .grub .listing{display:none;}
    select[name="sort"]{width:100%;margin-top:15px;}
}
@media screen and (max-width: 410px) {
    .logotype{margin-left:0;}
    .rightblock{text-align:left;}
    .rightblock > .par a:first-child{margin-left:0 !important;}
    .sitename{top:20px;}
    #onmap{position: static;}
    .phones span:nth-child(2){display:none;}
    .phones{text-align:center;display:block;}
    .rightcolumn .flex.gop{display: block;
    white-space: nowrap;
    overflow-x: scroll;
    width: 100%;
    padding-bottom: 15px;}
    .rightcolumn .flex.gop .product {
    width: 270px;
    display: table-cell;
    padding-right:10px;
    box-shadow:none;
}
.rightcolumn .flex.gop::-webkit-scrollbar {height: 10px;border:1px solid #ff9933;background:#fff;}  
.rightcolumn .flex.gop::-webkit-scrollbar-thumb {background-color:#ff9933;}
}
@media screen and (max-width: 350px) {
    .rightblock > .par a, .rightblock > .par span{margin-left:9px}
    .devis{width:calc(100% - 140px);margin-top:0;}
    .product{width:100%;}
    select[name="vaga"]{width:95%;}
    form.search{width:230px;}
    .logotype img{width:60px;}
    .lang {
    margin-right: 0;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 35px;
}   
.prs{white-space: nowrap;}
.karta{height:760px;}
img[src="/files/visa.gif"] {margin-top:10px;}
article{background-image:none;padding:25px 0;}
    .contacts{padding-left:75px;width:calc(100% - 75px);}
    .logotype{margin-bottom:20px;}
    #table tbody tr td:nth-child(odd){width:60%;}
    #table tbody tr td:nth-child(even){width:40%;}
}