
*
{margin: 0;
padding: 0;
}

#oneclick
{
font-weight:bold;
}

#div   
{
position: fixed;
top: 0;
left: 0;
z-index: 999000000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8); 
display: none;
}
#poz{
font: bold 18px;
color:#0877e2;
text-transform: uppercase;
border: 1px solid #ff6600; 
width:260px; 
text-align:center; 
padding:10px 30px; background-color:white;
position: absolute;
border-radius: 10px;
top: 150px;
left: 50%;
margin-left: -130px;
}
#cross                                          
{
float:right;
margin-right: -20px;
cursor: pointer;
}
#poz input 
{
font-size: 18px;
padding-left:5px;
}

#poz input, #poz textarea
{
border: 1px solid #0877e2;
margin: 10px 5px;
}

#poz #submit
{
margin: 5px auto 20px;
box-shadow: 1px  1px 5px #aaa; 
cursor:pointer;
display: block;
width: 200px;
height:40px;
background:#0877e2;
border: 1px solid #0877e2;
border-radius: 10px;
color: #fff;
font-size:18px;
font-weight: bold;
}

#zak1,  #zak2
{
margin: 20px auto 40px !important;
padding: 20px 0px !important;
width: 380px !important;
text-align: center !important;
// box-shadow: 2px  2px 7px #888; 
cursor:pointer;
padding: 20px 0 20px 75px;
display: block;
width: 182px;
height:21px;
background: #f14f43;
//background: -moz-linear-gradient(#f8785c, #c20b2f);
//background: -ms-linear-gradient(#f8785c, #c20b2f);
//background: -o-linear-gradient(#f8785c, #c20b2f);
//background: -webkit-linear-gradient(#f8785c, #c20b2f);
border: 1px solid #b72224;
border-radius: 30px;
color: #fff;
font-size:18px;
font-weight: bold;
position:relative;
}
#poz #submit:hover, #zak1:hover,  #zak2:hover
{
background: -moz-linear-gradient(#ff583c, #df2b2f);
background: -ms-linear-gradient(#ff583c, #df2b2f);
background: -o-linear-gradient(#ff583c, #df2b2f);
background: -webkit-linear-gradient(#ff583c, #df2b2f);
box-shadow: none; 
}


.mobil-but-zvonok{display:none; background:url('img/mobil-but-zvonok.png') no-repeat center center #3eba2e;position: fixed; bottom:20px; left:10px; height:67px; width:67px; z-index:3; border-radius:45px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16) !important;}
.mobil-but-zvonok a{width:100%; height:100%;}


.search
{
display:block;
padding-top:30px;
}
.axrionv
{
padding:10px 10px;
font-weight:bold;
}
.axrionv span
{
color:red;
}
.tova{
display:inline
}
.gorodal
{
display:none;
}
.cost, .cost a
{
font-size:15px !important;
}
.rub
{
font-size:30px;
padding:0 0 30px 10px;
display:block;
}

.skidka
{
display:block;
width:110px;
padding:10px 5px;
background:#f00;
color:#fff;
font-weight:bold;
position:absolute;
right:0;
text-align:center;
top:0;
border-radius: 0 0 0 6px;
z-index:999999;
}



.hrk
{
display:inline-block;
width:50%;
}


article 
{
display:block;
width:100%;
overflow:hidden;
}
.fmid 
{
margin-top:20px;
display:block;
width:250px;
float:left;
font-size:12px;
}
p
{
margin-bottom:10px;
}
.catteg
{
overflow:hidden;
width:100%;

clear:both;}

.catteg a
{
font-size:60%;
}
.logo a {
display:block;
    background: url(img/logo5.png)     50% 50%   no-repeat;
    background-size: 267px 60px;
    height: 92px;
    width: 267px;
	display:block;
	margin:0 auto;
}

.fimg
{
display:block;
    background: url(img/flogo.png)     50% 50%   no-repeat;
    background-size: 167px 53px;
    height: 53px;
    width: 167px;
	padding:0;
	display:block;
	margin:0 auto;
}
/* для дисплей высокого разрешения */
@media only screen and (min--moz-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (min-device-pixel-ratio: 2) {
.logo a {
  /* ..
  background: url(img/big-logo.png) 50% 50% no-repeat;
    background-size: 267px 66px;


. */
}
.fimg
{
display:block;
    background: url(img/big-flogo.png)     50% 50%   no-repeat;
    background-size: 167px 53px;

}
.gall img
{
width:75px;
height:auto;
}

}



.mu1
{
display:none;
font-style:normal;
}


.u
{
display:inline;
font-style:normal;
}
.mm
{
display:none;
}
.tr2
{
border: none !important;
width:100% !important;
padding:30px 0 !important; background-color:white !important;
position: relative !important;
border-radius: 0 !important;
position: relative !important;
border-radius: 10px !important;
top: auto !important;
left: auto !important;
margin-left: 0 !important;
overflow:hidden !important;
}


div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	visibility: visible;
	left: -9999px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	visibility: visible;
	right: -9999px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left span {
	left: 20px; 
}

a#fancy_right span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('https://dar-box.ru/wp-content/plugins/fancy-box/fancy_title_right.png') repeat-x;
}
.moremedia
{
margin:0 5px 0 0;
}
#cartplace{
color:#000000;
font-size:14px;
border: 1px solid #005ed2; 
width:720px; 
text-align:center; 
padding:30px 20px; background-color:white;
position: relative;
border-radius: 10px;
top: 10px;
left: 50%;
margin-left: -380px;
overflow:auto;
}
#cart 
{
font-family:Verdana;
position: absolute;
top: 0;
left: 0;
z-index: 999900000;
height:auto;
width: 100%;
min-height: 100%;
display: none;
}
.thumb
{
 position: relative;
width:288px;
height:288px;
}

#countt, .countt
{
text-align:center;
display:inline-block;
border:1px  solid #0877e2;
padding:5px;
width:40px;
font:normal 18px Arial;
}
#minust, #plust, .minust, .plust
{
display:inline-block;
font:normal 22px Arial;
padding:5px;
margin:0px;
cursor:pointer;
color: #0877e2;
}
#cart1 
{
position: fixed;
top: 0;
left: 0;
z-index: 999000000;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8); 
display: none;
}

#namecart, #phonecart, #adrescart, #mailcart
{
font-size: 16px;
display:block;
border: 1px solid #005ed2;
margin: 15px auto;
padding:5px;
width: 300px;
text-align:center;
}

.cross                                          
{
float:right;
margin: -10px 0px auto auto;
cursor: pointer;
}
.headtb
{
font-weight:bold;
}
.tovblock
{
width:100%;
margin:10px 0;
}
.timg, .ttitle, .tcena, .tcount, .titogo, .del
{
display:table-cell;
width:150px;
vertical-align:middle;
text-align: center;
}
.timg
{
width:85px;
}
.timg img
{
text-align:left;
width:80px;
height:80px;
}

.ttitle
{
text-align: left;
width:300px;
padding:0 10px 0 20px;
}
.tcena
{
width:55px;
}
.tcount
{
width:120px;
}.titogo
{
font-weight:bold;
width:60px;
}.del
{
width:65px;
text-align:right;
}
.del span
{
color:#aaa;
text-decoration:underline;
cursor:pointer;
}
.del span:hover
{
text-decoration:none;
}

#cartplace b
{
font-size:20px;
}



a, .zvonok, .button-buy, #oneclick{
color:#0877e2;
}
a:hover, .zvonok:hover, #oneclick:hover, .button-buy:hover{
color:#0081ab;
text-decoration:none;
}
html, body {
min-height:100%;
height:100%;
width:100%;
max-width:100%;
margin:0;
font-family:Arial;
}
header, nav, footer, article, #mid, .lefts
{
      -moz-box-sizing: border-box; /* Для Firefox */
}


.clear {
 height:160px;
 
}

header
{
font-family:Verdana;
width:100%;
max-width:1300px;
display:block;
height: 120px;
margin:0 auto;
overflow:hidden;
border-bottom:1px solid #e6e1d8;
}

#mid
{
width:100%;
max-width:1300px;
overflow:hidden;
display:block;
margin:50px auto 0;
padding-bottom:50px;
}

footer
{
padding:0 20px 0 20px;
font-family:Verdana;
height:216px;
margin: -216px auto 0 auto;
display:block;
width:100%;
padding-top:35px;
max-width:1300px;
border-top:1px solid #ece6de;
}

#content
{

overflow:hidden;
margin-top:20px;
overflow:hidden;
display:block;
float:left;
width:1000px;
}
.lefts
{
overflow:hidden;
display:block;
float:left;
width:207px;
margin:0 28px 0;
}

#wrap{

min-height:100%;
width:100%;
width:1300px;
margin: 0 auto;
}

.logo{
float:left;
margin:10px 25px 0;
}

header nav
{
font-size:17px;
width:310px;
float:left;
margin:40px 25px 0 0;
}
 .cont
{
float:left;
margin:40px 0px 0;
}
 .cont img
{
margin:0 10px 10px 0;

}

.cart
{
float:left;
margin:40px 25px 0;
}

.phones, .vrem
{
float:left;
width:210px;
}
.vrem
{
text-transform:uppercase;
}
.phones span
{
font-size:18px;
display:block;
}
.zvonok, .button-buy
{
margin:2px 0 10px;
cursor:pointer;
text-decoration:underline;
}

.vrem span
{
display:block;
font:13px Verdana;
}
.cart
{
float:left;
margin:42px 0px 0 10px;
font:17px Verdana;
}
.cart a
{
width:150px;
height:40px;
padding-left:50px;
background: url(img/cart.png) no-repeat 0 50%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
header nav ul
{
list-style:none;
}
header nav ul li
{
float:left;
margin:0 10px 0 0
}
.tovlist, .tovlist1, .tovlist2
{
float:left;
width:288px;
height:410px;
overflow:hidden;
margin:16px;
}
.tovlist1
{
height:320px;
font-size:20px;

}

.lefts nav ul a
{
font-weight:bold;
margin-top:25px;
display:block;
color:#343434;
text-decoration:none;
font-size:20px;
}
.lefts nav ul li
{
list-style:none;
}
.lefts nav ul ul a
{
margin-top:5px;
margin-left:10px;
color:#0877e2;
text-decoration:underline;
font:17px Verdana;

}
.oper a
{
margin-top:12px;
color:#0877e2;
text-decoration:underline;
font:20px Verdana;
}
.oper .cena
{
margin-top:15px;
font:20px Verdana;

}

.button-buy
{
display:inline-block;






}
.cost
{
display:inline-block;
width:200px;
padding:2px 0;
}
h1
{
color:#434343;
margin-bottom:20px;
font-weight:bold;
font-family:Arial;
}
#bread
{
font: 15px Verdana;
margin-bottom:12px;
}
#bread a
{
color:#000;
}
.thumb1
{
 position: relative;
float:left;
height:520px;
width:520px;
margin-right:35px;
}
.tovarr
{
height:520px;
}
.tovarr h1
{
margin-bottom:40px;
}
.opis
{
font:20px Verdana;
height:auto;
min-height:100px;
margin-bottom:10px;
overflow:hidden;
}
#zakazcart
{
background:#0877e2;
cursor:pointer;
border-radius:5px;
width:200px;
padding:20px;
display: block;
margin: 20px auto;
color:#fff;
font:20px Verdana;
}
.button-tovar
{
cursor:pointer;
border-radius:5px;
padding-left:50px;
background: url(img/korz.png) no-repeat 20px 50% #0877e2;
width:320px;
height:46px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

	color:#fff;
	font:20px Verdana;
}
.button-tovar:hover
{
background: url(img/korz.png) no-repeat 20px 50% #c35093;
}
.rub
{
font-size:30px;
padding:0 0 30px 10px;
}
#oneclick
{
cursor:pointer;
text-decoration:underline;
display:block;
margin-top:15px;
font:20px Verdana;
}

.nal {
display:blosk;
margin-top:20px;
font:20px Verdana;
color:#0877e2;
}

#mid img
{
border-radius;5px;
}

#related
{
display:block;
width:100%;
}
#related ul
{
list-style:none;
}
#related ul li
{
float:left;
margin:5px 15px;
width:210px;
height:250px; 
}
#related ul li img 
{
display:block;
margin:0 auto;
}

.free
{
margin:20px 0 0;
font-family:Verdana;
}
p
{
font-family:Verdana;
}
.cont1
{
width:100%;
}

h2, .h2{font:25px Arial; color:#343434; padding: 30px 0 15px;}
.gall
{
overflow:hidden;
padding:30px 0;
}
.hsr 
{
overflow:hidden;
}
.hsr ul
{
list-style-type: none;
list-style:none;
/*float:left;
width:50%;
*/}
.hsr ul li
{
list-style-type: none !important;
list-style:none;
/*background: url(img/line.png) no-repeat 0 10px;
*/display:block;
padding:0 0 10px 5px;
font:17px Verdana;
}
.dosteg
{
overflow:hidden;
}
.dost, .tags
{
float:left;
width:50%;
box-sizing:border-box;
padding:50px 100px 50px 0;
}
h3
{
font:28px Arial;
color:#343434;
}
.dost h3
{
display:block;
padding: 0 0 15px 50px;
background: url(img/dostavka.png) no-repeat 0 5px;
}
  .tags  h3
{
display:block;
padding: 0 0 15px 56px;
background: url(img/bant.png) no-repeat 0 5px;
}
.flogo
{
width:180px;
float:left;
}
.fphone span
{
display:block;
font-size:28px;

}
.fphone
{
float:right;
}

@media screen and (max-width: 1300px)
{
header, #mid, #wrap, footer{
max-width:100%;

}

.tovlist, .tovlist1, .tovlist2 {
    width: 288px;
    margin: 16px 5px;
}
.tovlist1  {
    width: 288px;
    margin: 16px 5px;
}
.tovlist2 {
    width: 200px;
    height: 250px;
    margin: 5px 5px;
}


#content
{width:900px;
padding-left:15px;
}
.lefts
{
width:200px;
}
.logo{
float:left;
margin:10px 10px 0;
}




header nav
{
font-size:17px;
width:310px;
float:left;
margin:40px 15px 0 0;
}
 .cont
{
float:left;
margin:40px 0px 0;
}


.cart
{
float:left;
margin:40px 0px 0 10px;
}

#mid  {
    font-size:0.9em ; 

}



#oneclick
{
font:18px Verdana;
}
h3
{
font:25px Arial;
}

.hsr ul li
{
font:15px Verdana;
}

.nal {
font:18px Verdana;
}


.opis
{
font:18px Verdana;
min-height:100px;
}
#zakazcart
{
font:18px Verdana;
}

.lefts nav ul ul a
{
font:15px Verdana;

}
.oper a
{
font:18px Verdana;
}
.oper .cena
{
font:18px Verdana;

}
#bread
{
font: 13px Verdana;
}

}


@media screen and (max-width: 1320px)
{
.button-tovar
{
width:274px;
font:20px Verdana;
}
}

@media screen and (max-width: 1150px)
{

#content
{width:780px;
padding-left:5px;
}

.logo{
float:left;
margin:10px 10px 0;
}

header nav
{
font-size:17px;
width:310px;
float:left;
margin:40px 15px 0 0;
}
 .cont
{
float:left;
margin:40px 0px 0;
}


.cart
{
float:left;
margin:40px 0px 0 10px;
}
.thumb1
{
float:left;
height:400px;
width:400px;
margin-right:20px;
}
.thumb1 img
{
height:400px;
width:400px;
}
#mid  {
    font-size:0.8em; 

}

header nav
{
font-size:13px;
}
.vrem span
{
font:10px Verdana;
}
.cart
{
font:13px Verdana;
}
.lefts nav ul a
{
font-size:16px;
}

#oneclick
{
font:16px Verdana;
}
h3
{
font:23px Arial;
}

.hsr ul li
{
font:13px Verdana;
}

.nal {
font:16px Verdana;
}

.rub
{
float:left; padding-right:10px;
font-size:24px;
}


.button-tovar span
{
padding-left:5px;
}

.opis
{
font:16px Verdana;
min-height:100px;
}
#zakazcart
{
font:16px Verdana;
}

.lefts nav ul ul a
{
font:13px Verdana;

}
.oper a
{
font:16px Verdana;
}
.oper .cena
{
font:16px Verdana;

}
#bread
{
font: 11px Verdana;
}
.tovarr h1 {
    margin-bottom: 20px;
}
.tovarr {
    height: 400px;
}
.lefts {
    overflow: hidden;
    display: block;
    float: left;
    width: 170px;
    margin: 0 20px 0 20px;
}

header nav
{
width:230px;

margin:41px 20px 0 20px;
}



.cart
{

margin:41px 0 0;
}
.phones {

    width: 220px;

}
 .vrem {

display:none;
}
h2, .h2 {
font-size:20px;
}
.thumb
{
 position: relative;
 text-align:center;
width:250px;
height:250px;
}
.thumb2 img 
{
margin:3px auto;
}

.thumb img 
{
width:250px;
height:250px;
}
.tovlist, .tovlist1, .tovlist2 {
    width: 250px;
    height: 368px;
    margin: 5px 5px;
}
.tovlist2 {
    height: 200px;
	height: 250px;
    margin: 5px 5px;
}
.tovlist
{
    width: 250px;
    height: 350px;
}
.tovlist1 {
    height: 300px;
}
.oper .cena {
    margin-top: 10px;

}
#related ul li
{
float:left;
margin:5px 5px;
width:210px;
height:250px; 
}
}


@media screen and (max-width: 1015px)
{
.mobil-but-zvonok{display:block;}

.mm
{
display:block;
}
.lefts
{
overflow:visible !important;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
width:100%;
height:40px;
z-index:9999999;
float:none;
display:block;
color:#fff;
background:#0877e2;
}
.lefts nav
{
display:none;
position:relative;
padding-bottom:10px;
overflow:auto;
width:200px;
background:#fff;
min-height:auto;
padding-left:10px;
margin:0px 0 0 0;
box-sizing:border-box;
border-radius:0;
left:0;
top:0;
color:#fff;
background:#0877e2;
}
.lefts nav a
{
color:#fff !important ;
}
body 
{
padding-top:40px;
}

.mm 
{
cursor:pointer;
padding: 0 10px; 
display:block;
font-size:25px;
line-height:40px;
width:100%;
box-sizing:border-box;
}

.mm span
{
margin-right:20px;
float:left;
font-size:25px;}

.mob
{
position:absolute;
width:200px;
height:40px;
margin-top:-40px;
z-index:999999999;
}
.lefts .mob:hover  .mm
{
display:none;
}

.lefts .mob:hover  nav
{
display:block;
}

.mob:hover
{
padding-top:40px;
position:relative;
height:auto;
width:auto;
float:left;
}



#content
{
float:none;
margin-left: auto;
margin-right: auto;
}

header nav
{
margin:30px 10px 0 10px;
}


.phones {
width: 210px;

}
.logo{
float:left;
margin:0px 25px 0;
}

.cont
{
margin:30px 0px 0;
}
header
{
height: auto;

}
.cart
{
width:100px;
position:fixed;
top:0;
right:0;
padding-right:20px;
overflow:hidden;
height:40px;
z-index:99999999;
margin:0 0 0;
text-align:center;
}
.cart a
{
background: url(img/korz.png) no-repeat 20px 50% #0877e2;
color:#fff;
text-decoration:none;
border-radius:0 0 0 15px;
}
#mid
{
margin-top:0px;
padding-top:10px;
box-sizing:border-box;
}
}
@media screen and (max-width: 790px)
{
.search
{
display:none;
}

.skidka
{
display:block;
width:110px;
padding:2px 2px;
}
.logo
{
padding:0;
float:none;
margin:0 auto;
text-align:center;
}
.tovlist
{
    width: 250px;
    height: 300px;
}
header nav
{
width:50%;
text-align:center;
padding:5px 0 0 50px;
margin:0;
box-sizing:border-box;
text-align:center;
}
.cont
{
float:right; 
width:50%;
text-align:center;
padding:5px 50px 0 0px;
margin:0;
box-sizing:border-box;
text-align:center;
}
#wrap
{
width:550px;
max-width:100%;
}
#content, #mid
{
width:100%;
max-width:100%;
}
.thumb1
{
float:none;
height:520px;
width:520px;
margin:0 auto;
}
.tovarr
{
width:100%;
float:none;
height:auto;
}
.thumb1 img{
float:none;
height:520px;
width:520px;
margin:0 auto;
}
#content {

    padding-left: 0;
}
#mid
{
padding-left:10px;
padding-right:10px;
}
.cost span {
display:none;
}
.oper a
{
margin-top:5px;
font:12px Verdana;
}
.oper .cena
{
margin-top:5px;
font:12px Verdana;

}
}
@media screen and (max-width: 580px)
{
  .listing {
  display:block;
  overflow:hidden;
  width:100%;
  margin:0 auto;

  }
.unm
{display:none;}
*{
max-width:100%;
}
#content
{
width:100%;
}

 .tovlist
{
float:left;
width:140px;
height:210px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:140px;
height:200px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:140px;
 height:140px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:140px;
 height:auto;
 height:140px;
 width:auto;
 padding:0;
 margin:0;
 }
 
 
 
 
header nav ul, header nav div,  header nav a,  header nav div ul li
{
display:inline;
text-align:center;
float:none;
}

header nav
{
display:block;
width:300px;
max-width:100%;
overflow:hidden;
padding:5px 0 0 0;
margin:0 auto;
text-align:center;
float:none;
}
.cont
{
float:none;
width:100%;
text-align:center;
padding:5px 0 0 0px;
margin:0 auto;
width:200px;
box-sizing:border-box;
text-align:center;
}
 .dost, .tags
{
float:none;
display:block;
width:95%;
margin:0 auto;
padding:0 0 20px 0;
}
.hsr ul {
display:block;
margin:0 auto;
padding:0 0 0 0;
    float: none;
    width: 95%;
}
.gall
{
text-align:center;
width:auto;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.gall, #related ul li
{
float:none;
display:block;
text-align:center;
width:auto;
max-width:100%;
margin-left:auto;
margin-right:auto;
}
.button-tovar
{
margin-left:auto;
margin-right:auto;
}
 .free, #oneclick, .nal
{
text-align:center;
}
.thumb1 img{
height:auto;
width:520px;
max-width:100%;
}
.thumb1
{
height:auto;
}
.cart{
width:100px;
}.mu1
{
display:inline;
}
.u
{
display:none;
}
footer div
{
float:none !important;
margin: 0 auto !important;
text-align:center;
max-width:95% !important;
box-sizing:border-box;
}
footer
{
padding:0 0 0 0;
}

}

@media screen and (max-width: 485px)
{
.tovlist
{
float:left;
width:130px;
height:190px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:130px;
height:190px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:130px;
 height:auto;
 height:130px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:100%;
 height:auto;
height:130px;
 width:auto;
 padding:0;
 margin:0;
 } 

 
 
 }
 @media screen and (max-width: 465px)
 {
  .listing {
  width:390px;
  margin:0 auto;
 
  }
.oper a
{
margin-top:5px;
font:12px Verdana;
}
.oper .cena
{
margin-top:5px;
font:12px Verdana;

}
.tovlist
{
float:left;
width:120px;
height:180px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:120px;
height:180px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:120px;
  height:120px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:100%;
  height:auto;
 height:120px;
 width:auto;
 padding:0;
 margin:0;
 }
 }
  @media screen and (max-width: 435px)
{
.tovlist
{
float:left;
width:110px;
height:180px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:110px;
height:180px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:110px;
 height:110px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:100%;
 height:auto;
height:110px;
 width:auto;
 padding:0;
 margin:0;
 }
  }
   @media screen and (max-width: 390px) 
{
.tovlist
{
float:left;
width:140px;
height:210px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:140px;
height:200px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:140px;
 height:140px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:140px;
 height:auto;
height:140px;
 width:auto;
 padding:0;
 margin:0;
 }
   .listing {
  width:300px;
  margin:0 auto;
 
  }
  }
   @media screen and (max-width: 330px)
{
.tovlist
{
float:left;
width:140px;
height:200px;
overflow:hidden;
margin:3px;
}
 .tovlist1
{
float:left;
width:140px;
height:200px;
overflow:hidden;
margin:3px;
}
 .tovlist1 .thumb,  .tovlist .thumb
 {
 width:140px;

  height:140px;
 }
 .tovlist1 .thumb img,  .tovlist .thumb img
 {
 width:100%;
 height:auto;
height:140px;
 width:auto;
 padding:0;
 margin:0;
 }
 .oper a
{
margin-top:5px;
font:13px Verdana;
}
.oper .cena
{
margin-top:5px;
font:13px Verdana;

}
  }