@font-face {
	font-family: 'Conv_GothaProReg';
	src: url('fonts/GothaProReg.eot');
	src: local('☺'), url('fonts/GothaProReg.woff') format('woff'), url('fonts/GothaProReg.ttf') format('truetype'), url('fonts/GothaProReg.svg') format('svg');
	font-weight: normal;
	font-style: normal; font-display: swap;
}

@font-face {
	font-family: 'Conv_GothaProMed';
	src: url('fonts/GothaProMed.eot');
	src: local('☺'), url('fonts/GothaProMed.woff') format('woff'), url('fonts/GothaProMed.ttf') format('truetype'), url('fonts/GothaProMed.svg') format('svg');
	font-weight: normal;
	font-style: normal; font-display: swap;
}
*{
    box-sizing: border-box;
}
html, body{
    width:100%;
    height:100%;
}

body{
    font: 0.86em 'Conv_GothaProReg',Helvetica Neue,Arial,sans-serif;
    color:#000; 
    background: #fff; 
    margin:0 auto;
    line-height:1.3;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.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:1em 'Conv_GothaProReg',Helvetica Neue,Arial,sans-serif; color:#000; }
textarea{overflow:auto;resize:vertical;}
button {cursor:pointer;}

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

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

div.par, p{margin:10px 0}
img{border:0;max-width:100%;max-height:100%;height:auto}
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, .menu ul:after, nav > ul:after, .title:after{content:'';display:block;clear:both;}
.title{padding:0 50px;max-width:1400px;margin:0 auto;}
.cookies{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    z-index:80;
    background:#fff;
    border-top:1px solid #000;
    padding:20px;
    text-align:center;
    
}
.flex{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.w25{width:24%;}
.w50{width:50%;}
#verh{
    cursor:pointer;
    position: fixed;
    display:none;
    bottom:24px;
    width:12px;
    height:24px;
    left:50%;
    margin-left:-6px;
    background:url(files/up.png) center no-repeat;
    background-size: contain !important;
    z-index:50;
}
.line{
    height:1px;
    font-size:1px;
    background:#dcdcdc;
    width:100%;
    margin:28px 0;
}
footer{
    padding:28px 0;
    border-top:1px solid #dcdcdc;
}
footer .title:last-child{
    font-size:12px;
}
a.dev{text-decoration:none}
a.dev:hover{text-decoration:underline}

footer .w25 > p{
    margin:40px 0;
    color:#999;
}
footer ul{
    margin:15px 0;
    padding:0;
}
footer ul li{
    margin:30px 0;
    padding:0;
    list-style:none;
}
footer .flex{
    flex-direction:row-reverse
}
li.social a{
    display: inline-block;
    padding:4px 0 4px 30px;
    background-size:23px !important;
}
a.instagram{background:url(files/instagram.png) left center no-repeat}
li.social a.facebook {
    background: url(files/facebook.png) 5px center no-repeat;
    background-size: 11px !important;
}
a.youtube{background:url(files/youtube.png) left center no-repeat}
a.telegram{background:url(files/telegram.png) left center no-repeat}


h1, h2, h3{
    font-family: 'Conv_GothaProMed';
    font-weight:normal;
    margin:30px 0;
    line-height:1.05;
    font-size:40px;
}
div.head{
    font-family: 'Conv_GothaProMed';
    font-size:16px;
    display:block;
    margin:60px 0;
}
aside{
    overflow: hidden;
    background-size: auto 100% !important;
    color:#000;
    font-size:18px;
    margin-top:70px;
    padding:140px 0;
}

.big{
    font-size:70px;
    letter-spacing:-1px;
    line-height:1.1;
    margin:15px 0;
    display:block;
   
}
.pd{
    padding-top:1px;
    padding-bottom:30px;
}
.product{
    background:#f2f2f2;
    text-align:center;
    position: relative;
}
.products .product{
    width:280px;
    margin:25px 0;
}
.product .padd{
    padding:15px;
    font-size:13px;
}
.product .padd a{
    display:block;
    margin-bottom:13px;
    text-decoration:none;
    height: 35px;
    overflow: hidden;
    font-family: 'Conv_GothaProMed';
}
.items .product:before, .items .product:after{
    top:0;
    bottom:0;
    content:'';
    width:5px;
    background:#fff;
    position: absolute;
    z-index:3;
    display:block;
}
.items .product:before{left:0;}
.items .product:after{right:0;}

a.image{
    display:block;
    background-size:cover !important;
    width:100%;
    height:300px;
    position: relative;
    overflow: hidden;
    text-decoration:none;
}
a.image img{
    display:block;
    left:50%;
    top:50%;
    z-index:1;
    position: absolute;
    transform: translate(-50%,-50%);
    /*max-width:330px; max-height:330px;*/
}
.items .product{width:24%;}
.products{
    max-width:1100px;
    margin:15px auto;
}
.seo{padding-top:40px;padding-bottom:40px;font-size:13px;color:#666;line-height:19px;}
.btn{
    display: inline-block;
    cursor:pointer;
    text-transform: uppercase;
    font-size:12px;
    text-decoration:none;
    letter-spacing:1px;
    position: relative;
    white-space: nowrap;
}
.btn.ln{
    color:#fff;
    background:#000;
    border:1px solid #000;
    padding:16px 90px 16px 30px;
}

.btn.ln:after{
    right:20px;
    width:40px;
    content:'';
    position: absolute;
    z-index:1;
    top:50%;
    transition:0.2s;
    height:0.5px;
    display:block;
}
.btn.ln:hover::after{
    width:20px;
}
.slides .btn.ln{
    color:#fff;
    background:#000;
    border:1px solid #000;
}
.slides .btn.ln:after{background:#fff;}
aside .btn:after{background:#fff}
aside .title{position: relative;}
/*
aside .title:before{
    width: 700px;
    height: 531px;
    content: '';
    border: 30px solid #e4e4e4;
    position: absolute;
    top: -140px;
    left: 0;
    transform: rotate(30deg);
    display: block;
    opacity: 0.15;
}
*/
#subscribe{
    border:1px solid #000;
    width:100%;
    height:45px;
    margin-bottom:45px;
}
#subscribe input, #subscribe button, .couponeform button, .couponeform input{font-size:12px;width:100%;border:0;}
#subscribe div.fl, .couponeform div.fl{width:65%;height:43px}
#subscribe div.fr, .couponeform div.fr{width:35%;border-left:1px solid #000;height:43px}
#subscribe button, .couponeform button{
    background:#000;
    color:#fff;
    cursor:pointer;
    text-transform: uppercase;
    height: inherit;
    transition:0.2s;
}
#subscribe button:hover, .couponeform button:hover{
    color:#fff;
    background:#000;
}
#subscribe input, .couponeform input{
    height:inherit;
    background: transparent;
    padding:0 15px;
}
.slide{
    position: relative;
    
}
.slide img{display:block; margin-left:40%; height:748px;}
.slidename{
    position: absolute;
    left:50%;
    margin-left:-500px;
    top:50%;
    transform: translatey(-50%);
    z-index:1;
    max-width:450px;
    font-size:18px;
}
.slidename div.par:first-child{margin-bottom:40px}

header{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    z-index:150;
    padding:30px 0;
    transition:0.2s;
}
header.scroll{
    position: fixed;
    border-bottom:1px solid #000;
    padding:10px 0;
    background:#fff;
}
div.logotype{
    font-size:12px;
    color:#707582;
    float:left;
    margin-top:-3px;
}
div.logotype a, div.logotype span{
    color:#000;
    text-transform: uppercase;
    font-family: 'Conv_GothaProMed';
    text-decoration:none;
    font-size:19px;
}
nav{
    float:left;
    margin-top:10px;
}
nav ul, nav ul li{
    margin:0;
    padding:0;
    list-style:none;
}
nav > ul > li{
    position: relative;
    margin-left:34px;
    float:left;
}
nav > ul > li > a{
    text-decoration:none;
}
a.active{
    font-family: 'Conv_GothaProMed';
}
li.d > a{
    background-size:10px 6px !important;
    padding-left:15px;
    display:block;
    background:url(files/down.png) left center no-repeat;
}
li.d > ul{
    display:none;
    position: absolute;
    background:#fff;
    border-radius:5px;
    left:-15px;
    top:18px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
    width:200px;
    z-index:15;
}
li.d:hover > ul{display:block}
li.d > ul li{position: relative;border-top:1px solid #dcdcdc;}

/*li.d > ul li:first-child::before{
    background:#fff;
    content:'';
    left:15px;
    top:-7px;
    width:14px;
    height:14px;
    position: absolute;
    transform: rotate(45deg);
}
*/
li.d > ul li a{
    
    text-decoration:none;
    display:block;
    padding:15px 20px;
}
li.d > ul li:first-child{border-top:0;}
li.d > ul li a:hover{
    text-decoration: underline;
}

.language {
    margin-top:10px;
    float: right;
    position: relative;
}
.language > span {
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 14px;
}
.language > span:after{
    transition: 0.3s;
    width: 12px;
    height: 10px;
    content: '';
    display: inline-block;
    margin-left: 10px;
    background: url(files/down.png) right center no-repeat;
    background-size: 12px !important;
}
.language > span.active:after{
    transform: rotate(180deg);
}
.list {
    position: absolute;
    background: #fff;
    border-radius:5px;
    display: none;
    top: 32px;
    z-index: 40;
    right: 0;
}
.list div {
    position: relative;
}
.list a, .list label, .list span {
    display: block;
    background-size: 21px 16px !important;
    background-position: 9px center;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    padding: 6px 12px;
}
.list div:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(-45deg);
    border-left: 0;
    border-bottom: 0;
    position: absolute;
    top: -7px;
    right: 15px;
    z-index: 1;
}

.telefon{
    float:right;
    margin:5px 25px 0 0;
}
.telefon a{
    display:block;
    padding:5px 0 5px 30px;
    text-decoration:none;
    background:url(files/phone.png) left center no-repeat;
    background-size:21px 21px !important;
}
.favor, #hlopak{
    margin:0 25px 0 0;
    cursor:pointer;
    width:32px;
    height:32px;
    line-height: 1;
    text-align:center;
    font-size:12px;
    float:right;
    font-family: 'Conv_GothaProMed';
    background-size: contain !important;
}
.favor{
    padding-top:13px;
    background:url(files/fav.png) center bottom no-repeat;
}
#hlopak{
    padding-top:14px;
    background:url(files/bag.png) center bottom no-repeat;
}
.searchpanel{
    float:right;
    margin-right:27px;
    position: relative;
}
.searchpanel > span{
    cursor:pointer;
    margin-top:5px;
    width:26px;
    height:25px;
    display:block;
    background:url(files/search.png) no-repeat;
    background-size: contain !important;
}
#rum{
    position: absolute;
    background:#fff;
    border:1px solid #000;
    right:-10px;
    top:-4px;
    bottom:-1px;
    display:none;
    border-radius:5px;
    z-index:2;
    width:220px;
    height:44px;
    overflow: hidden;
}
div.lypa{float:right;width:35px; height:42px;}
div.input{float:left;width:calc(100% - 35px);height:42px}
div.input input{width:100%;padding:0 10px;height: inherit;border:0;}
div.lypa button{width: inherit;height: inherit;border:0;background:#fff url(files/search.png) center no-repeat;cursor:pointer;background-size:25px !important;}
div.lypa button:hover{background-color:#ddd;}

#searchresults{
    position: absolute;
    background: #fff;
    right:-10px;
    width:220px;
    top:35px;
    border:1px solid #000;
    border-top:0;
    display:none;
    border-radius:0 0 5px 5px;
}
#searchresults ul{margin:0;padding:0;}
#searchresults ul li{
    border-top:1px solid #dcdcdc;
    margin:0;padding:0;list-style:none;
}
#searchresults ul li:first-child{border-top:0;}
#searchresults ul li a{
    display:block;
    padding:15px 20px;
    text-decoration:none;
    font-size:13px;
}
.bars{
    float:right;
    background:url(files/bars.png) center no-repeat;
    margin-top: 5px;
    width: 26px;
    height: 25px;
    margin-left:25px;
    cursor:pointer;
    display:none;
    background-size: contain !important;
}
#head{
    background:#fff;
    border-bottom:1px solid #dcdcdc;
}
#head + main{
    margin-top:97px;
}
.path{
    float:left;
    padding-top:25px;
}
.path ol{margin:0; padding:0;}
.path ol li{display: inline; list-style:none; margin:0; padding:0;}
.path ol li:last-child{
    
    font-size:20px;
}
.path a{text-decoration:none}
.sort{
    float:right;
    margin-top:30px;
}
.dropdown{
    position: relative;
}
.dropdown > span{
    padding:5px 18px 5px 0;
    background-size: 10px 6px !important;
    display:block;
    background:url(files/down.png) right center no-repeat
}
.vybor{
    position: absolute;
    background:#fff;
    display:none;
    z-index:5;
    right:0;
    top:22px;
    border-radius:5px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);
}
.dropdown:hover .vybor{display:block}
label.rel{
    display:block;
    cursor:pointer;
    padding:10px 15px;
    white-space: nowrap
}
label.rel input{
    display:none
}
label.rel input + span{
   background:#d5d8e1;
   display: inline-block;
   vertical-align: middle;
   width:20px; height:20px;
   margin-right:7px;
   background-size:11px 8px !important; 
}
label.rel input:checked + span{
   background:#d5d8e1 url(files/ok.png) center no-repeat;
}
.yes, .net{
    margin:25px 0;
    padding:20px 20px 20px 60px;
    font-family: 'Conv_GothaProMed';
    border-radius:5px;
    font-size:18px;    
    background-size:20px !important;
}
.net{
    color:#cc0066;
    border:1px solid #cc0066;
    background:url(files/alert.png) 20px center no-repeat;
}
.yes{
    color:#000;
    border:2px solid #000;
    background:url(files/okay.png) 20px center no-repeat
}
.pagination{
    text-align:center;
    margin:30px 0;   
}
.pagination a, .pagination span{
    display: inline-block;
    width:46px; height:46px;
    margin:3px;
    text-decoration:none;
    border:1px solid #fff;
    border-bottom:1px solid #000;
    line-height:46px;
}
.pagination span{
    border:1px solid #000;
}
.conti .path ol li:last-child, .bag .path ol li:last-child{display:none}
.conti{
    width:100%;
    float:right;
    max-width:700px;
    padding:1px 20px 40px 50px;
}
div.gfon{
    background:#eaecf0;
}
.fotki{padding-bottom:88px;}
.fotki img{
    height:584px;
    display:block;
}
p.g{color:#999;}

.table{display:table; width:100%; border-collapse: collapse;}
.tr{display: table-row}
.td{display: table-cell; vertical-align: middle}
.conti .table .td{padding:10px 30px 10px 0;}
span.code{
    display: inline-block;
    padding:10px 17px;
    border:1px solid #acacac;
    border-radius:3px;
    line-height:1;
}
.deli{
    display: inline-block;
    padding:10px 0 10px 30px;
    background-size:21px !important;
}
.available{
    background:url(files/da.png) left center no-repeat
}
.notavailable{
    background:url(files/alert.png) left center no-repeat;
    color:#cc0066;
}
.cena{
    font-size:48px;
    line-height:1.05;
    display:block;
}
span.old{
    color:#cc0066;
    text-decoration: line-through;
}
div.prices span.old{
    display:block;
    font-size:24px;
}
.product .salelabel{
    position: absolute;
    left:8px;
    top:3px;
    z-index:3
}
.conti h1{margin-top:5px;}
.addtofavor, .infavor{
    cursor:pointer;
    height:35px;
    width:21px;
    background-size: 21px !important;
    display: inline-block;
    background:url(files/fav.png) center no-repeat;
}
.infavor{cursor: default; background-image:url(files/fav-ok.png)}
.prices{margin:30px 0;}
.sizes label{
    cursor:pointer;
    display: inline-block;
    margin:2px 5px 2px 0;
}
.sizes label input{opacity:0;display:none;}
.sizes label input + span{
    display:block;
    padding:10px 17px;
    border:1px solid #acacac;
    border-radius:3px;
    line-height:1;
    color:#000;
}
.sizes label input:checked + span{
    color:#fff;
    background:#000;
    border-color:#000;
    font-family: 'Conv_GothaProMed';
}
.red{
    color:red;font-size:12px;
}
div[id^="modas"] {
    margin:30px 0;
    display: inline-block;
    border:1px solid #000;
}
div.tet{
    display: inline-block;
    width:98px;
    height:47px;
    border-right:1px solid #000;
    vertical-align: middle;
}
div.tet > span{
    line-height:47px;
    width:33.33%;
    float:left;
    height: inherit;
    text-align:center;
    display:block;
}
span.minus, span.plus, span.up, span.down{
    cursor:pointer;
    background-size:10px 6px !important;
    background-position: center;
    background-repeat: no-repeat;
}
span.minus, span.down{background-image:url(files/down.png)}
span.plus, span.up{background-image:url(files/vv.png)}
.dobav{
    vertical-align: middle;
    cursor:pointer;
    display: inline-block;
    background:#000 url(files/bag-white.png) 83% center no-repeat;
    letter-spacing:1px;
    font-size:12px;
    color:#fff;
    text-transform: uppercase;
    white-space: nowrap;
    height:47px;
    line-height:47px;
    padding:0 80px 0 30px;
    background-size:18px !important;
    text-decoration:none
}
.description{
    height:71px;
    overflow: hidden;
    color:#333;
}
span.moredetails{
    font-family: 'Conv_GothaProMed';
    cursor:pointer;
    color:#333;
    border-bottom:2px solid #333;
    display:inline-block;
    padding:5px 0;
}
.red{color:red; font-size:12px;}
.title.pd + footer{margin-top:60px}


div.bag{
    float:left;
    width:58%;
}
div.contactcolumn{
    float:right;
    width:36%;
}
.orderbtn{
    cursor:pointer;
    border:1px solid #000;
    background:#000;
    color:#fff;
    font-family:'Conv_GothaProMed';
    width:100%;
    max-width:350px;
    text-align:center;
    text-transform: uppercase;
    padding:17px 0;
    transition:0.2s;
    display: inline-block;
    letter-spacing:1px;
}
.orderbtn:hover{
    background:#fff;
    color:#000;
}
.req{color:red;}
.field{
    border:1px solid #b8b8b8;
    width:100%;
    padding:14px;
    background:#fff;
}
.field:focus{
    border-color:#fff;
    box-shadow: 0px 0px 27px 0px rgba(187, 125, 179, 0.5);
}
div.contactcolumn div.table div.td{
    padding:10px 0;
    vertical-align: middle;
}
div.contactcolumn div.table div.tr div.td:first-child{padding-right:30px;}

div.contactcolumn label.rel{padding:0;}

div.contactcolumn div.table, div.bag div.table{margin-top:60px;}

.del{
    cursor:pointer;
    display: inline-block;
    width:19px; 
    height:21px;
    background-size:19px 21px !important;
    background:url(files/delete.png) center no-repeat;
}
.promorow{
    margin-bottom:15px;
    background:#d5d8e1;
    padding:14px;
    align-items:center;
}
.couponeform{
    border:1px solid #9ba3b9;
}
.couponeform div.fr{border-left:1px solid #9ba3b9;}
a.link{
    text-decoration:none;
    font-family:'Conv_GothaProMed';
    padding:5px 0;
    border-bottom:2px solid #000;
    display: inline-block;
}
a.link:hover{
    border-color:#fff;
}
.vsg{
    color:#999; font-size:18px;
}
.vsego{
    border:0;
    font-size:18px;
    padding:0 5px;
    width:147px
}
div.bag .table .tr:first-child .td:before{
    content: attr(data-label);
    color:#999;
    display:block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
div.bag .table .tr .td{
    padding:20px 5px 20px 0;
    vertical-align:top;
}
div.bag .table .tr .td img{width:100px;}
.art{
    font-size:15px;
    border:0;
    padding:0;
}
input.art{
    width:75px;
    text-align: center;
    background: transparent;
    height: 30px;
    line-height: 30px;
    display: block;
}

.input1 > span{
    height:30px;
    display: inline-block;
    vertical-align: middle;
}
.input1 > span.up, .input1 > span.down{width:20px;}
#window{
    background:#fff;
    width:280px;
    left:50%;
    margin-left:-140px;
    padding:15px 20px;
    position: fixed;
    z-index:255;
    transition:0.2s;
}
.hhde{top:-500px;}
.hhdw{top:100px;}
.hhdw + div{
    background:rgba(0,0,0,.8);
    top:0;
    bottom:0;
    left:0;
    width:100%;
    z-index:254;
    position: fixed;
    display:block;
}
.hhdw + div + div.close{
    background:#fff url(files/close.png) center no-repeat;
    position: fixed;
    top:62px;
    height:40px;
    width:40px;
    background-size:20px !important;
    cursor: pointer;
    left:50%;
    z-index:256;
    margin-left:100px;
}
@media screen and (max-width: 1280px) {
    .bars{display:block}
    header > .title{position: relative;}
    nav{position: absolute;top:30px;z-index:10;background: #fff;right:20px;width:200px;display:none;border-radius:5px;box-shadow: 5px 5px 5px rgb(0 0 0 / 20%);}
    nav ul > li{float:none;margin:0;}
    nav ul > li.d > ul{display:block;position: static;box-shadow:none;}
    li.d > ul li a{padding:10px 15px;color:#666;}
    nav > ul > li > a{padding:15px;background-position:95% center !important;display:block}
    .big{font-size:50px;}
    #subscribe button{text-transform:none;}
}
@media screen and (max-width: 1180px) {
    .title{padding-left:20px;padding-right:20px;}    
    .slidename{left:100px;margin-left:0;}
    .slide img{margin-left:0;float:right;}
    #slides ul.slick-dots{left:20px !important;}
    .fotki img{height:500px;}
    .cena{font-size:38px;}
    .prices{margin:15px 0;}
    .conti h1{margin-bottom:15px;}
    .conti{padding-left:20px}
}
@media screen and (max-width: 1000px) {
    .slide img{height:550px;}
    .slidename, aside{font-size:16px;}
    .big{font-size:45px;}
    .btn.ln{padding:15px 80px 15px 15px;}
    .slidename div.par:first-child{margin-bottom:20px;}
    .fotki img{height:450px;}
    span.code, .deli{padding-top:5px; padding-bottom:5px;}
    .conti .table .td{padding:0 30px 0 0;}
    .addtofavor, .infavor{height:21px;}
    .cena{font-size:30px;font-family: 'Conv_GothaProMed';}
    div.bag, div.contactcolumn{width:100%}
    div.contactcolumn div.table, div.bag div.table{margin-top:0;}
}
@media screen and (max-width: 900px) {
    .w25{width:50%;}
    aside{padding:80px 0;}
    footer ul li, footer .w25 > p{margin:20px 0;}
    aside .title:before{left:-100px;top:-50px;width:500px;height:230px;}
    a.image{height:250px;}
    .gfon .w50{width:100%;}
    .conti{max-width:100%}
    .fotki .slick-next{right:20px !important}
    .fotki .slick-prev{left:20px !important}
}
@media screen and (max-width: 760px) {
    header{padding:10px 0;}
    .telefon a{background-size:24px !important;width:0;overflow:hidden;white-space:nowrap;padding-left:24px;}
    .searchpanel > span{width:24px;height:24px;}
    .favor, #hlopak{width:29px;height:31px;}
    .slidename{max-width:300px;left:50px}
    #head + main{margin-top:55px;}
    h1, h2, h3{font-size:24px;}
    .cena{font-size:20px;}
}
@media screen and (max-width: 660px) {
    .slide img{height:450px;}
    .big{font-size:35px;}
    div.head{margin:40px 0;}
    .w50{width:100%;}
    footer{font-size:12px;}
    .products .product{width:49%}
    .input1 > span{display:block;margin:0 auto;}
    div.bag .table .tr .td img{width:40px;}
    .input1{width:40px;margin-top:-7px;}
    input.art{width:100%}
}
@media screen and (max-width: 600px) {
    #slides ul.slick-dots{top: auto !important;bottom:10px !important;}
    .slidename{position: static;margin:110px 0 0 20px;}
    .slidename, aside{font-size:14px;}
    .slide img{margin-top:-150px;}
    div.logotype{font-size:11px;}
    div.logotype a, div.logotype span{font-size:16px;}
    .bars{margin-left:0}
    .telefon, .language, .favor, #hlopak, .searchpanel{margin-right:20px;}
    .fotki img{height:auto}
    .vsego, .vsg{font-size:15px}
}
@media screen and (max-width: 550px) {
    .slide img{height:350px;}
    .btn{text-transform: none;letter-spacing:0;}
    div.logotype{width:100%;text-align:center;float:none;padding-bottom:10px;}
    .bars{margin-right:19%;}
    aside .title:before{width:300px;}
    header{position: static}
    nav{top:70px}
    #rum{left:-10px;top:39px;right:auto;}
    #head + main{margin-top: 0;}
    div.bag .table .tr:first-child .td:before, .bag .link{display:none;}
    #searchresults{left:-10px;right:auto;top:80px;z-index:50}
    div.bag .table .tr .td:first-child, div.bag .table .tr .td:nth-child(3){display:none}
}
@media screen and (max-width: 500px) {
    .bars{margin-right:15%;}
    #verh{opacity:0;display:none !important}
    .vsego{width:80px;}
    aside{padding: 30px 0 300px 0;background-position: bottom right !important;background-size: auto 300px !important;}
    div.bag .table .tr .td{padding:10px 5px 10px 0;}
}
@media screen and (max-width: 450px) {
    .bars{margin-right:13%;}
    .w25{width:100%}
    a.image{height:200px}
    #subscribe button, .couponeform button{text-transform:none}
}
@media screen and (max-width: 400px) {
    .bars{margin-right:8%;}
    span.code{padding:5px 0;border:0;}
    .conti .table .td{padding-right:15px;}
    .dobav{padding:0 50px 0 15px;background-position:87% center}
    
    
    div.contactcolumn div.table div.tr, div.contactcolumn div.table{display:block}
    div.contactcolumn div.table div.td{display:block; padding:3px 0;}
    div.contactcolumn div.table div.tr{padding-bottom:15px;}
    
}
@media screen and (max-width: 380px) {
    .bars{margin-right:6%;}
    
}
@media screen and (max-width: 350px) {
    .bars{margin-right:2%;}
    .telefon, .language, .favor, #hlopak, .searchpanel{margin-right:17px;}
}