@font-face {
    font-family: 'Helvetica Neue Cyr Light';
    src: local('Roboto Light'), local('Roboto-Light'), url('fonts/Robotolight.woff2') format('woff2'), url('fonts/Robotolight.woff') format('woff'), url('fonts/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
font-family: 'Roboto Regular';
src: url('fonts/Roboto-Regular.eot');
src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Regular.woff') format('woff'),
url('fonts/Roboto-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Roboto Bold';
src: url('fonts/Roboto-Bold.eot');
src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/Roboto-Bold.woff') format('woff'),
url('fonts/Roboto-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

html, body{
    width:100%;
}
body{font: 1em 'Helvetica Neue Cyr Light', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#25211e;
background:#fff;
margin:0 auto;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, button, textarea{outline:none;font-family:'Roboto Regular', tahoma, 'Helvetica CY', 'Nimbus Sans L', Sans-serif;color:#25211e;}
textarea{overflow:auto;resize:vertical;}
button{cursor:pointer;}

a{outline:none;color:#7b7961;cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:none;}

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

div.par, p{margin:13px 0}
img{border:0;height:auto;max-width:100%;max-height:100%}
img[align=left] {margin:2px 10px 10px 0;}
img[align=right] {margin:2px 0 10px 10px;}

section, header, footer, aside, time, article, nav{display:block;}

section, header, footer, article, aside{
    margin:0 auto;
    width:100%;
    min-width:320px;
}
.clear:after, div.menu > ul:after, .title:after{content:'';display:block;clear:both;}
.title{padding:0 50px;max-width:1300px;margin:0 auto;}
.metki span.bgg{    width: 45px;
    height: 45px;
    line-height: 45px;
    font-family: 'Roboto Bold';
    border-width: medium;}
.bolder{font-family: 'Roboto Bold';}
.regular{font-family: 'Roboto Regular';}
.btn{
    border:1px solid #eed1a3;
    background:rgba(238,209,163,1);
    color:#25211e;
    text-align:center;
    padding:13px;
    max-width:200px;
    display: block;
    text-decoration:none;
    cursor:pointer;
    transition:0.2s;
    font-family: 'Roboto Bold';
    border-radius:3px;
}
.btn:hover{
    background:rgba(238,209,163,0);
}
#map{height:630px;width:100%;}
h1, h2, h3, h4, .h1empty, .header{
    font-weight: normal;
    display:block;
    margin:30px 0;
    /*font-family: 'Roboto Bold';*/
}
h1, .h1empty{font-size:2.4em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
h4, .header{font-size:1.2em;margin:15px 0;}
body.dark{
    color:#c1b497;
    background:#25211e;
}
body.dark h1, body.dark h2, body.dark h3{
    color:#fff;
}
.dark .header{color:#fff;}
blockquote{
    background:#fff;
    border-radius:0 20px 20px 20px;
    margin:15px 0;
    padding:20px 30px;
}
/*header*/
#tovarsearch{
    position: absolute;
    background: #fff;
    left:0;
    top:72px;
    z-index:3;
    border-radius:3px;
    display:none;
    box-shadow:10px 10px 20px rgba(0,0,0,.1);
    right:0;
}
#tovarsearch label{
    display:block;
    padding:10px 15px;
    border-top:1px solid #eee; 
}
#tovarsearch label:first-child{border-top:0;}
header{
    background:#25211e;
}
header .title{
    background:url(files/background.gif) top right no-repeat;
    padding-top:34px;
    padding-bottom:34px;
}
.logotype, div.klappde{
    float:left;
    width:33%;
    text-align:center;
    text-transform: uppercase;
    color:#fff;
}
.logotype img, div.klappde img{
    width:100%;
    height:auto;
    display:block;
    margin:0 auto;
    max-width:230px;
}
div.sign{
    color: #c1b497;
    float:right;
    text-transform: uppercase;
    letter-spacing:3px;
    width:33%;
    padding-top:0;
    max-width:190px;
}
div.klappde{
    float:right; margin:0;
}
div.phone{
    float:left;
    width:33%;
    line-height:1.4;
    letter-spacing:1px;
}
div.phone a{
    display:block;
    text-decoration:none;
    color:#e9d59a;
    font-size:1.25em;
    padding-left:26px;
    background-size:18px auto !important;
}
div.phone a:hover{color:#fff;}
div.phone a.kyivstar{
    background:url(files/kyivstar.png) left center no-repeat;
}
div.phone a.vodafone{
    background:url(files/vodaphone.png) left center no-repeat;
}
div.phone a.tel{
    background:url(files/cityphone.png) left center no-repeat;
}
span.callback{
    color:#fff;
    text-decoration: underline;
    display: inline-block;
    cursor:pointer;
    margin-left:26px;
}
span.callback:hover{
    text-decoration:none;
}


/*nav bar*/
nav{
   background:#25211e url(files/top-shadow.jpg) center bottom no-repeat;
}
.bars{
    display:none;
    float:left;
    cursor:pointer;
    background:url(files/bars.png) left center no-repeat;
    width:50px;
    height:40px;
    background-size:auto 20px !important;
}
div.menu{
    float:left;
    text-transform: uppercase;
}
div.menu ul, div.menu ul li{
    margin:0;
    padding:0;
    list-style: none;
}
div.menu > ul > li{
    position: relative;
    margin-left: 25px;
    float:left;
}
div.menu > ul > li:first-child{
    margin-left:0;
}
div.menu > ul > li > a{
    display:block;
    padding:20px 0;
    text-decoration:none;
    color:#c1b497;
    font-size:0.93em;
}
div.menu > ul > li a.active, div.menu > ul > li > a:hover{
    color:#fff;
}
div.menu > ul > li ul{
    background:#25211e;
    position: absolute;
    z-index:20;
    left:0;
    width:200px;
    display:none;
}
/*
*/
div.menu > ul > li ul li a{
    padding:10px 10px 10px 15px;
    border-bottom:1px solid #120e0b;
    display:block;
    text-decoration:none;
    color: #c1b497;
}
div.menu > ul > li ul li a:hover{
    background:#120e0b;
    color:#fff;
}
.lang, .search{
    margin-top:20px;
    float:right;
    position: relative;
}
.lang a, .lang span{
    margin-left:35px;
    text-decoration:none;
}
.lang span, .lang a:hover{
    color:#fff;
}
div.lypa{
    cursor:pointer;
    background:url(files/search.png) center no-repeat;
    background-size:contain !important;
    width:15px;
    height:15px;
    display: inline-block;
}
#rum{
    box-shadow:0 0 20px rgba(0,0,0,.2);
    display:none;
    position: absolute;
    top:25px;
    right:-15px;
    background:#fff;
    border-radius:6px;
    z-index:20; 
    white-space: nowrap;   
    padding:15px;
}
#rum input[type="text"] {
    border:0;
    width:200px;
    margin-right:10px;
    vertical-align:middle;
}
#rum button{
    cursor: pointer;
    background:url(files/search.png) center no-repeat;
    border:0;
    width:15px;
    height:15px;
    vertical-align: middle;
    background-size:15px 15px !important;
}
.openfilter{
    display:none;
}
#hlopak{
    cursor:pointer;
    float:right;
    margin-right:35px;
    position: relative;
    width:23px;
    height:18px;
    margin-top:18px;
    background-size:23px 18px !important;
    background:url(files/cart.png) center no-repeat;
}
#hlopak span{
    color:#000;
    font-size:12px;
    top:-10px;
    right:-5px;
    position: absolute;
    display: inline-block;
    width:18px;
    height:18px;
    background:#fff;
    text-align:center;
    line-height:18px;
    border-radius:100%;
    z-index:1;
}
/*
.slider:after{
    height:20px;
    content:'';
    display:block;
    width:100%;
    background: url(files/bottom-shadow.jpg) center top no-repeat;
}
*/
.slide1 img{display:block;width:100%;height:auto;}
article .title{
    padding-top:20px;
    padding-bottom:20px;
}
#table1{
    border-collapse: collapse;
    margin:20px 0;
    width:100%;
}
#table1 blockquote{
    position: relative;
    padding:0 50px;
    margin:10px 0;
    font-size:1.4em;
    text-align:center;
    background: transparent;
    
}
#table1 blockquote:before, #table1 blockquote:after{
    left:0;
    top:50%;
    margin-top:-25px;
    position: absolute;
    z-index:1;
    display:block;
    font-size:2em;
}
#table1 blockquote:before{
    content:'«';
}
#table1 blockquote:after{
    right:0;
    left:auto;
    content:'»';
}
#table2{
    border-collapse: separate;
    border-spacing:50px;
    width:100%;
}
#table2 td{
    width:33.33%;
    vertical-align:top;
    border:1px solid #c1b497;
    padding: 20px;
}
#table2 td p{margin:0;}
#table2 td h4, .oon h4{
    text-align:center;
    border-top:1px solid #c1b497;
    border-bottom:1px solid #c1b497;
    text-transform: uppercase;
    margin:20px 0;
    padding:20px 0;
    line-height:1;
    font-family: 'Helvetica Neue Cyr Light';
    font-size:1.5em;
    display:block;
}
#table2 img{display:block;width: auto;border-radius:3px;margin:0 auto;}
#table2 td strong{display:block;margin:20px 0;font-family: 'Helvetica Neue Cyr Light';}
#table2 ul{margin:20px 0;padding:0;}
#table2 ul li{margin: 10px 0 10px 25px;padding: 4px 0 4px 4px;}
.ks .btn, .news .btn{margin:15px auto 0}
a.j{display:block;height:320px;overflow: hidden;border-radius:3px;background:#e5e9e5;position: relative;}
a.j img{position: absolute;z-index:1;top:50%;left:50%;transform: translate(-50%,-50%);}
.logotype img.flag, div.klappde img.flag{width:25px;display: inline-block;margin-top: 3px;}
article{
    min-height:400px;
}
footer{
    margin-top:40px;
        background: #1c1815;
    color:#7b7961;
}
footer .title{
    border-top:1px solid #ddd5c7;
    padding-top:30px;
    padding-bottom:30px;
}
footer .title{border-color:#7b7961;}
footer .title:first-child{border-top:0;}
.w20{
    float:left;
    width:20%;
}
#map + footer{margin-top:0;}
div.map{
    padding:4px 0 4px 37px;
    background:url(files/map.png) left center no-repeat;
    background-size:auto 20px !important;
}
div.tels span{
    display: inline-block;
    padding:4px 0 4px 10px;
}
div.tels span:first-child{
    background:url(files/phone.png) left center no-repeat;
    background-size:auto 20px !important;
    padding-left:37px;
}
footer a{text-decoration:none;    color: #6f6e6a;}
footer .w20 p a{
    color:#c1b497;
    
    font-family: 'Roboto Bold';
    text-transform: uppercase;
}
footer .w20  a:hover{text-decoration: underline;}
footer .w20 ul{margin:10px 0;padding:0;}
footer .w20 ul li{margin:8px 0;padding:0;list-style:none;}
a.facebook, a.instagram, a.youtube{
    text-transform: uppercase;
    color: #7b7961 !important;
    display:inline-block;
    padding:0;
    background-size:20px !important;
    width:20px; height:20px;
    margin-right:15px;
}
a.facebook{background:url(files/facebook.png) left center no-repeat;}
a.instagram{background:url(files/instagram.png) left center no-repeat;}
a.youtube{background:url(files/youtube.png) left center no-repeat;}
.path {
    font-size: 12px;
    color: #b69d6a;
    margin: 15px 0;
}
.path ol {
    margin: 0;
    padding: 0;
}
.path ol li {
    margin: 0 10px;
    padding: 0;
    list-style: none;
    display: inline-block;    
}
.path ol li:first-child{margin-left:0;}
.path img{vertical-align: middle;height:18px !important;}
.path a{color:#25211e;text-decoration: none;}
article table{
    
    table-layout:fixed;
}

.w49{
    width:48%;
}
hr{
    margin:30px 0;
    height:1px;
    border:0;
    font-size:1px;
    background:#ddd5c7;
}
.field{
    border:1px solid #7b7961;
    background: transparent;
    width:calc(100% - 22px);
    padding:10px;
    border-radius:3px;
}
select.field{width:100%;}
.msgform{
    text-transform: uppercase;
}
.kent{
    min-height:900px;
    position: relative;
}
.rel{
    text-transform: lowercase;
    position: relative;
}
.sgl{
    color:#b59c69;
    text-transform: uppercase;
    font-size:130%;
    text-align:center;
}
.block{
    border:1px solid #b59c69;
    padding:15px;
    margin:30px 0;
}
.abs{
    position: absolute;
    left:50%;
    top:0;
    width:25%;
    transform: translate(-50%);
    z-index:1;
    bottom:0;
}
#regas{
    position: sticky; 
    width:100%;
    top:0;
}
.xitove{
    margin:50px 0;
    background-color:#322b26;
    text-transform: uppercase;
    color:#f0e8db;
    text-align:center;
    padding:1px 70px;
}
.xitove .flex > div{
    width:33%;
    align-items: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.simon{
    position: relative;
}
.rounded img{
    left: 50%;
    top: 50%;
    max-width:100%; max-height:100%;
    display:block;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index:1;
}
a.bink{
    color:#322b26;
    text-decoration:none;
    display: inline-block;
    padding:10px;
    background:#f0e8db;
}
.rounded{
    position: relative;
    background:#fff;
    overflow: hidden;
    border-radius:100%;
    box-shadow:0 3px 16px rgba(37,33,30,.47);
    width:195px !important;
    height:195px;
    float:left;
    text-align:center;
}
.khitiprodazh{
    font-family: 'Roboto Bold';
    color:#fff;
    font-size:140%;
    width: 100%;
}
label.rel input{
    height:23px;
    vertical-align: middle;margin-right: 15px;
}

label.rel input + span{
    position: absolute;
    width:21px;
    height:21px;
    z-index:1;
    left:0;
    top:-3px;
    border:1px solid #7b7961;
    background:#f6f6f6;
    display: inline-block;
}
label.rel input:checked + span{
    border-color:#25211e;
    background:#f6f6f6 url(files/galka.png) center no-repeat;
    background-size:14px auto !important;
}
.titlepicture{
    border-bottom:3px solid #c1a775;
    background-size: auto 100% !important;
    
}
.titlepicture img{display:block;}
.flex{
    /*max-width:1000px;*/
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.bts{
    margin:30px;
    width: calc(33% - 60px);
}
.bts a{
    border:1px solid #c1b497;
    padding-top:260px;
    width:100%;
    display: block;
    text-decoration:none;
    
}
.bts a span{
    text-align: center;
    font-size:1.4em;
    color:#25211e;
    display: block;
    padding:10px 0;
    text-transform: uppercase;
    border-top:1px solid #999;
    margin: 30px 20px;
    border-bottom:1px solid #999;
}
.bts a:hover span{
    color:#fff;
    background:#b59c69;
}
.bts a:hover{
    box-shadow: 0 0 10px rgba(188,161,106,.74);
}
.gradh1 h1{
    /*
    background: linear-gradient(90deg, #b59c69 33%, #e2c392 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: inherit;
    */
    color:#000;
}
div.lk{
    float:left;
    width:25%;
    text-transform: uppercase;
    margin-top:20px;
}
div.rk{
    
    float:right;
    width:70%;
}
.blok span.big{
    padding:27px 0;
    display:block;
    text-transform: uppercase;
    font-family: 'Roboto Bold';
    font-size:1.2em;
}
.blok{
    border-top:1px solid #ddd5c7;
}
.blok .vybor > a{
    color:#b69d6a;
    text-decoration:none;
    display:block;
    margin-bottom:14px;
    padding:4px 0 4px 35px;
    position: relative;
    font-size:0.9em;
}
.blok .vybor > a:before{
    content:'';
    left:0;
    top:0;
    width:20px;
    height:20px;
    border:1px solid #b69d6a;
    position: absolute;
    z-index:1;
    display:block;
}
.blok .vybor > a.act, .blok .vybor > a:hover{
    color:#25211e;
}
.blok .vybor > a.act:before{
    background:url(files/galka.png) center no-repeat;
    background-size:14px auto !important;
    border-color:#25211e;
}
.sort{
    margin:25px 0 30px;
}
.bottomms a, .bottomms span{
    display: inline-block;
    margin:8px 8px 0 0;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    text-decoration: none;
    background:#fff;
    color:#25211e;
}
.bottomms span{
    background:#ddd5c7;
}
.bottomms{
    margin:10px 0 40px 0;
}
.product{
    background: #fff;
    border:1px solid #eadeca;
    margin:14px 0;
    width:30%;
    position: relative;
    text-align:center;
}
.product:hover{
    border-color:#b59c69;
}
.product .padd{
    padding:10px 10px 30px 10px;
}
#regas .product .padd{padding:0;}
#regas .product{margin-top:0;}
#regas .image{margin-bottom:0 !important;}
.vado{
    
    width:30%;
}
.vado .product, .block .product{width:100%; border:0;}
.block .metki{display:none;}
.image{
    width: 100%;
    display: block;
    height: 260px;
    position: relative;
    margin-bottom:15px;
}
.image img{
    max-width:100%; 
    max-height:100%; 
    display:block;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.product a{
    text-transform: uppercase;
    text-decoration:none;
    color:#25211e;
}
.price{
    color:#b59c69;
    font-size:12px;
}
.metki{
    position: absolute;
    left:10px;
    top:10px;
    z-index:5;
}
.metki span{
    color:#25211e;
    border-radius:100%;
    width:37px;
    height:37px;
    line-height:37px;
    text-align:center;
    border:1px solid #b69d6a;
    display: inline-block;
    margin:0 5px 5px 0;
}
.photo{
    position: relative;
    float:left; margin-top:35px;
}
.middlecolumn{
    float:right;
}
.mainphoto{
    background:#fff;
    padding:15px;
    text-align:center;
}
.mainphoto img, .content img{max-width:100%;max-height:100%;width: auto;height: auto;}
.previews{
    width:100%;
    text-align:center;
    margin-top:20px;
}
.previews img{
    border: 1px solid #eadeca;
    height:30px;
    padding:5px;
    margin:5px;
}
.table{
    width:100%;
    border-collapse: collapse;
    display: table;
}
.tr{
    display: table-row;
}
.td{
    display: table-cell;
}
.delrow{
    cursor:pointer;
    color:red;
    font-size:18px;
    font-weight:bold;
}
#goods .td{
    padding: 10px 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.middlecolumn .table{width:100%;}
.middlecolumn .td{
    width:33%;
    vertical-align: middle;
}
.middlecolumn span.price{
    font-family: 'Roboto Bold';
    font-size:1.4em;
    color:#25211e;
}
.middlecolumn span.price + sup{
    font-family: 'Roboto Bold';
    font-size:1.4em;
    top:0;
}
.addtocard:after{
    content:'';
    margin-left:15px;
    background:url(files/cart-1.png) 0 0 no-repeat;
    width:22px;
    height:20px;
    background-size:22px 20px !important;
    display: inline-block;
    vertical-align: middle;
}
a.aps{
    text-decoration:none;
    margin:0 9px 9px 0;
    display: inline-block;
    background:#eed1a3;
    font-size:12px;
    color:#25211e;
    padding:13px 18px;
}
a.aps:hover{
    color:#fff;
    background:#25211e;
}
.yes{
    border-radius:3px;
    margin:20px;
    padding:17px 20px;
    color:#fff;
    background:#0FA466;
    font-size:1.2em;
}
.bag{
    float:left;
}
.contactcolumn{
    color:#eed1a3;
    text-transform: uppercase;
    font-size:12px;
    float:right;
}
.contactcolumn .field, .dark .btn:hover{
    color:#eed1a3;
}
.contactcolumn select{
    -webkit-appearance: none; -moz-appearance: none; appearance: none;
    background-image:url(files/pd.png);
    background-repeat: no-repeat;
    background-size:12px 7px !important;
    background-position-y: center;
    background-color:#25211e;
    background-position-x: calc(100% - 15px); 
}
#zakaz .btn{display: inline-block;}
#zakaz .table .tr .td:first-child{
    width:50px;
}
.gray{
    border-top:1px solid #ddd5c7;
    padding:30px 0;
}
#zakaz span.del, span.close{
    cursor:pointer;
    display: inline-block;
    text-decoration:none;
    background:url(files/del.png) 0 0 no-repeat;
    width:12px;
    height:12px;
    background-size:12px 12px !important;
}
#zakaz .table img{
    width:100px;
    margin:0 20px 20px 0;
    float:left;
}
#zakaz .table .td{
    padding:20px 0;
    vertical-align:top;
    color:#6d6354;
    border-bottom:1px solid #4c493d;
}
#zakaz .table .td a{
    color:#ccb281;
    text-transform: uppercase;
    font-size:12px;
    text-decoration:none;
}
#zakaz .table .td a:hover{
    color:#fff;
}
span[id^="source"]{
    color:#ddd5c7;
}
.input1{
    width:40px;
    text-align:center;
    margin:0 20px;
}
.input1 .up, .input1 .down{
    width:100%;
    cursor:pointer;
    height:36px;
    display:block;
    background-size:15px 8px !important;
}
.input1 .up{
    background:url(files/up.png) center no-repeat;
}
.input1 .down{
    background:url(files/down.png) center no-repeat;
}
.totalnums{
    display:block;
    width:100%;
}
.totalnums input{
    width:100%;
    border:1px solid #b69d6a;
    height:39px;
    text-align:center;
    padding:0;
    background: transparent;
    color:#ddd5c7;
}
input[id^="itog-"]{
    color:#ddd5c7;
    max-width:55px;
    border:0;
    background: transparent;
    text-align:right;
    width:100%;
    font-size:16px;
}
.vsego{
    border:0;
    background: transparent;
    text-align:right;
    color:#fff;
    font-family: 'Roboto Bold';
    font-size:2.2em;    
    max-width:120px;
}
.btn.left{
    background-color: #25211e;
}
.btn.left:before{
    content:'';
    margin-right:15px;
    width:8px;
    height:16px;
    background:url(files/pl.png) left center no-repeat;
    background-size:8px 16px !important;
    vertical-align: middle;
    display: inline-block;
}
#window{
    color:#fff;
    left:50%;
    position: fixed;
    z-index:255;
    background:#25211e;
    box-shadow:0 0 30px rgba(0,0,0,.9);
    width:280px;
    padding:15px 20px;
    margin-left:-160px;
    transition:0.5s;
}
.hhde{top:-400px;}
.hhdw{top:0;}
.big, big{
    font-family: 'Roboto Bold';
    font-size:1.1em;
}
#window .field{color:#fff;}

.sima{
    cursor:pointer;
    border:1px solid #b59c69;
    color:#b59c69;
    font-family: 'Roboto Bold';
    background:#f6f6f6;
    width:100%;
    padding:0;
    height:50px;
    transition:0.2s;
}
.sima:hover{
    color:#fff;
    background:#b59c69;
}
#amountfrom, #amountdo{
    border:0;
    height:40px;
    width:49%;
    font-size:12px;
    padding:0;
    background: transparent;
}
#amountdo{text-align:right;}
#container{margin:0 15px 10px 10px;}
.openfilter span{
        cursor:pointer;
        display:block;
        border:1px solid #b59c69;
        color:#b59c69;
        font-family: 'Roboto Bold';
        background:#f6f6f6;
        width:100%;
        height:50px;
        text-align:center;
        line-height:50px;
    }
    .openfilter span:before{
        content:''; display: inline-block; margin-right:15px; 
        width:26px; height:20px; background-size: contain !important;
        background:url(files/filter.png) center right no-repeat;
        vertical-align: middle;
        
    }
    .openfilter span:hover{
        background-color:#ddd5c7;
    }
div.fulls{
    width:100%;
    float:none;
}    

input[name="ocenka"] {opacity:0;display:none;}
input[name="ocenka"] + span{display: inline-block;margin-right:10px;}
input[name="ocenka"] + span:before{content:"";display: inline-block;width:18px;height:17px;background:url(files/1star.png) -20px 0 no-repeat}
input[name="ocenka"]:checked + span:before, input[name="ocenka"] + span.sel:before{background-position:0 0;}

.grays{color:#777; font-size:13px;}
.man{
    padding:15px 0;
    border-bottom:1px solid #ddd;
}
.old{
    text-decoration: line-through;
    color:red;
}
.onenews{
    width:31%;
    margin:15px 0;
}
.onenews img{display:block; margin-bottom:10px;}
.onenews span{color:#999; font-size:90%;}

.flex .oon{
    width:33%;
}

.oon p{margin:0;}
.oon img{width:100%;border-radius:3px;display:block;}
.ks{padding:20px;margin:10px 25px;border: 1px solid #c1b497;}
.news .title{max-width:1250px;}

#cusfilter{padding:20px 15px;border-radius:5px;background:#fff3e0;margin:20px 0;}
#cusfilter button{width:100%;max-width:100%}
#cusfilter select{-webkit-appearance: none; -moz-appearance: none; appearance: none;background: url(files/pd.png) 96% center no-repeat;cursor:pointer;background-size:15px;}

@media screen and (max-width: 1360px) {
    div.menu{font-size:1em;}
    }
@media screen and (max-width: 1260px) {
    .title{
        padding-left:20px;
        padding-right:20px;
    }
    .lang a, .lang span{margin-left:15px;}
    #hlopak{margin-right:15px;}
    .slider .title{padding-left:0;padding-right:0;}
    .slider .slick-dots{right:20px !important;bottom:20px !important;}
    .ks{margin:10px;}
}
@media screen and (min-width: 1150px) {
    div.menu > ul > li:hover ul{display:block;}
    .closemenu{display:none;}  
}
@media screen and (max-width: 1150px) {
    .bars{
        display:block;
        }
    nav .title{
        position: relative;
        }
    div.menu{
        left:0; top:40px;
        background:#25211e;
        max-width:350px;
        width:100%;
        position: absolute;
        z-index:20;
        display:none;
        
    }
    #table2 td h4, .oon h4{font-size:1.2em;}
    a.j{height:250px;}
    div.menu::-webkit-scrollbar {width: 5px;border-left:0;background:#544b3e;}  
    div.menu::-webkit-scrollbar-thumb {background-color: #f6deb4;}
    div.menu > ul > li{margin:0;float:none;border-top: 1px solid #ebe8e2;}
    div.menu > ul > li > a{padding:15px 50px;color:#fff;}
    div.menu > ul > li ul{position: static;display:block;float:right;width:100%;border-top: 1px solid #ebe8e2;}
    div.menu > ul > li ul a{
        padding: 15px 50px 15px 70px !important;
        position: relative;
        border-bottom: 1px solid #ebe8e2 !important;
        color:#fff !important;
    }
    div.menu > ul > li ul a:before{
        height: 1px;
        display: block;
        position: absolute;
        margin-top: 0;
        opacity: .5;
        border: none!important;
        width: 7px;
        left: 50px;
        top: 50%;
        content:'';
        background:#c1b497;
    }
    div.menu > ul > li:after{content:'';clear:both;display:block;}
    #hlopak{margin-top:8px;}
    .lang, .search{margin-top:10px;}
    header .title{padding-top:20px;padding-bottom:20px;}
    .logotype{margin-right:20px;}
    div.phone{letter-spacing:0;}
    #table2{border-spacing:20px;}
    #table1{margin:0;}
    
    li.down > a{background:url(files/down.png) 90% center no-repeat;background-size:12px 6px !important;}
    div.menu > ul > li.down ul{display:none;}
}

@media screen and (max-width: 1000px) {
    
    div.sign{text-transform:none;letter-spacing:0;padding-top:5px;}
    div.phone{line-height:1.2;}
    div.phone a{font-size:1.1em;background-size: 13px auto !important;}
}
@media screen and (max-width: 930px) {
    .bag{width:100%;}
    .contactcolumn{width:100%;padding-top:20px;}
    .abs{position: static;transform: none;width:100%;}
    .vado{width:50%;}
}
@media screen and (max-width: 850px) {
    #table1, #table1 tbody, #table1 tr{display:block;}
    #table1 td{display:block;width:100% !important;padding:20px 0;}
    footer .w20{width:33.33%;}
    div.rk, div.lk{width:100%;margin-top: 20px;}
    .filter{display:none;}
    .openfilter{
        display:block; margin:20px 0;
    }
    .flex .oon{width:50%}
}

@media screen and (max-width: 780px) {
    .telefon{
        float:right;
        margin-right:15px;
        margin-top:8px;
        width:18px;
        cursor:pointer;
        height:18px;
        background-size: contain !important;
        background:url(files/phone.png) center right no-repeat;
    }
    .phone{
       display:none;
       top:200px;
        left:50%;
        position: fixed;
        z-index:255;
        background:#25211e;
        box-shadow:0 0 30px rgba(0,0,0,.9);
        width:280px !important;
        padding:15px 20px;
        margin-left:-160px;
    }
    .bts{margin:5px;width:200px;}
    .bts a{padding-top:200px;}
    h1, .h1empty{font-size:2em;}
    .photo, .middlecolumn{width:100%;}
}

@media screen and (max-width: 670px) {
    #table2, #table2 tbody, #table2 tr{display:block;}
    #table2 td{display:block;width:100% !important;max-width:400px;margin:40px auto;}
    .rk .flex .product{width:49%;}
    .product{margin:4px 0;}
    .content .w49{width:100%;}
    #cusfilter .w49, #cusfilter .w20, #cusfilter select{width:100%;max-width:100%;}
    #cusfilter .w49{margin-bottom:20px;}
}

@media screen and (max-width: 570px) {
    #table1 blockquote{font-size:1.2em;}
    .logotype, div.klappde{width:100%;letter-spacing:0;}
    .logotype img, div.klappde img{margin-bottom:5px;}
    div.sign{text-align:center;width:100%;max-width: 100%;padding-top:15px;}
    footer .w20{width:50%;}
    .tels{text-align: left;float: left;padding-top: 20px;}
    .news .ks{margin:10px 35px;}
    .news .slick-next{right:-10px !important;}
    .news .slick-prev{left:-10px !important;}
    a.j{height:auto;}
    a.j img{position: static; transform: none;}
    .flex .oon{width:100%}
}

@media screen and (max-width: 540px) {
    header .title{position: relative;padding-bottom:5px;}
    a.facebook, a.instagram, a.youtube{margin:0 10px;}
    
    #table1 blockquote{padding:0 30px;font-size:1.1em;}
    #rum{right:-105px;}
    .bars{background-positioN:left 8px;background-size: auto 18px !important;}
    #table1 td img{width:70px !important;height:auto !important;}
    .bts a span{font-size:0.9em;}
    .content table{display:block;width:100%;}
    .content table td{display:block;width:100% !important;padding:15px 0;}
    nav .title{position: static;}
    div.menu{top:0;max-width:100%;bottom: 0;height: 100%;overflow-y: auto;padding-top:80px;}
    .closemenu{width:50px;height:40px;z-index:255;top:20px;right:35px;background: url(/files/del.png) right center no-repeat;display:none;background-size: auto 25px !important;cursor:pointer;position: absolute;}
    #table2 td{width:calc(100% - 42px) !important;}
    #table2 td h4{font-size:1.2em;}
    footer .w20{width:100%;text-align:center;margin:10px 0;}
    .xitove .flex > div{width:auto;margin:10px 0;}
    .logotype img, div.klappde img{max-width:150px}
}

@media screen and (max-width: 480px) {
    .bts, .rk .flex .product{width:100%;margin:10px 0;}
    .bts a{padding-top:240px;}
    .image{height:200px;}
    #zakaz .table .td a{text-transform: none;}
    .contactcolumn .w49{width:100%;}
    #zakaz .table .tr .td:first-child{width:30px;}
    .input1{margin:0;}
    .xitove{text-transform: none;}
    .ks{padding:10px;}
}
@media screen and (max-width: 400px) {
    .middlecolumn .td{width:auto;padding:5px;}
    .btn{padding:10px;}
    .btn.left:before{display:none;}
    .xitove{padding:1px 50px;}
    .khitiprodazh{font-size:100%;}
}
@media screen and (max-width: 360px) {
    
    .image{height:150px;}
    
}