html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #ddd; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
/*img{max-width:96%;}*/
/*img[width],img[height]{width:auto;height:auto;} wordpress hack to reset the attributes (while making responsive) */




body{
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
}
.wrap{
	width:96%;
	padding:10px 0px 10px 14px;
}
article{
	font-size:14px;
	color:#565656;
}
article,
article.underline{
	padding:20px 0;
	margin-bottom:0;
}
.underline:last-child{border-bottom:none;}
article img{
	margin:10px 0;
	padding:5px;
	border:1px solid #eee;
	background:#fff;
}
a{ color:#555;}

/* headings */
h1, h2, h3, h4, h5, h6{
	
	color:#767676;
}
h1,h2{line-height:24px;}
h1{
	font-size: 16px;
	margin:0 0 .2em 0;
}
h2{
	font-size: 16px;
	margin:0 0 .3em 0;
}
h3{
	font-size: 16px;
	margin:0 0 .4em 0;
}
h4{
	font-size: 14px;
}
h5, h6{
	font-size: 12px;
}
h4, h5, h6{
	margin:0 0 .6em 0;	
}
/* paragraph */
p{
	line-height:26px;
	margin:0 0 16px 0;
}
/* TextFormatting */
strong, b {
	font-weight: bold;
}
i, cite, em, var, address, dfn {
	font-style: italic;
}
small {
	font-size: smaller;
}
del {
	text-decoration: line-through;
}
ins {
	text-decoration: underline;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}
sub, sup{
	font-size: smaller;	
}
code, kbd, samp, pre, .pre-text {
font-family: monospace;
}
q{
	display:inline;
}
q:before {
content: open-quote;
}
q:after {
content: close-quote;
}
address{
	line-height: 22px;
	margin:0 0 16px 0;
}
abbr[title]{
	border-bottom:1px dotted #565656;
}
/* blcokquote */
blockquote{
	margin:16px 0 16px 40px;
}
/* pre */
pre, .pre-text{
	display: block;
	white-space: pre;
	margin: 1em 0px;
word-wrap: break-word;
}
/* HTMl lists */
ul,ol,dl{
	display: block;
	margin:1em 0 1em 0;
}
ul, ol{
	padding-left: 40px;	
}
ul{
	list-style-type: disc;
}
ol{
	list-style-type: decimal;
}
dt, dd{
	display: block;	
	margin:0 0 0.5em 0;
}
dt{
	font-weight: bold;
}
dd {
	margin-left: 2em;
}
form label{
	font-size:12px;
	margin-bottom: 0.4em;
}
form input[type=text],
form input[type=password]{
	
}
form input[type=text],
form input[type=password],textarea{
	-webkit-appearance:none;
	-moz-appearance:none;
}
form input[type="radio"]{
	position:relative;
	top:1px;
}
form div{
	margin:0 0 0.8em 0;
}
form textarea{
	height:80px;
}
.label-top label{
	display:block;
}
label.inline{
	display:inline-block;
}
form label span.red{
	color:#ff0000;
}
form input[type=submit]{
	cursor: pointer;	
}
form input[type=submit],
form input[type=text],
form input[type=password],
form textarea{
	padding:14px;
}

.zakaz-btn-act {
	/*box-shadow:0 5px 5px rgba(0,0,0,0.5);*/
	width:88%;
	height:38px;
	border:2px solid #67B337;
	background-color:#67B337;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	margin:0 0 30px 24px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.zakaz-btn-inact {
	display:none;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	width:88%;
	height:38px;
	border:2px solid #67B337;
	background-color:#67B337;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	margin:0 0 30px 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
#button_inact {
	/*box-shadow:0 5px 5px rgba(0,0,0,0.5);*/
	width:88%;
	height:38px;
	border:2px solid #67B337;
	background-color:#67B337;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	margin:0 0 30px 20px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
}
header{
	height:50px;
}
header,
footer{
	background:#fff;
}
footer{
	border-top:1px solid ##ddd;
	padding:10px 0px 10px 0px;
	color:#777;
	font-size:12px;
}
footer p{
	margin:0;
}
.logo{
	float:left;
	padding:10px 0;
}
.logo img{
	display:block;
}
.options{
	float:right;
}
.options ul{
	margin:0;
	padding:0;
}
.options li{
	float:left;
	background:url('images/options.png') no-repeat;
	width:60px;
	height:60px;
	display:inline-block;
	cursor:pointer;
	border-left:1px solid #ccc;
	text-indent:-1000em;
}
.options li.active,
.active{
	background-color:#f2f2f2;
}
.options li:first-child{
	background-position: 22px 20px;
}
.options li:last-child{
	background-position: -17px 20px;
}

.search-box{
	background:#eee;
	padding:5px;
}
.search-box input[type=text],
.search-box input[type=text]:focus{
	width:84%;
	background:#f9f9f9;
	color:#767676;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3);
	box-shadow:inset 0 0 2px 0 rgba(0,0,0,0.3);
}
.search-box input[type=text],
.search-box input[type=submit]{
	float:left;
	height:20px;
	display:block;
	-webkit-appearance: none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;	
}

.search-box input[type=submit]{
	width:40px;
	background: #ff664d; /* Old browsers */
background: -moz-linear-gradient(top,  #ff664d 0%, #fc492d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff664d), color-stop(100%,#fc492d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff664d 0%,#fc492d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff664d', endColorstr='#fc492d',GradientType=0 ); /* IE6-9 */
	border:none;
	-webkit-appearance: none;
	color:#fff;
	font-size:12px;
	position:relative;
	height:30px;
	padding:0;
}
.search-box input[type=submit]:hover{
	background:rgba(0,0,0,0.6);
}
.content{
	padding:0px 5px;
}

article h2 a{ font-weight:bold; color:#2d2d2d;}
article h2 a:hover{color:#ff3b1a;}
/* nav */
.menu{
	border-top:1px solid #eee;
	background:#f2f2f2;
	z-index:100;
}
.menu a{
	color:#666666;
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	display:block;
	padding:0 20px;
}
.menu a:hover{
	background:#fff;
	color:#ff664d;
}
.menu li{
	border-bottom:1px solid #ddd;
}
.menu li:last-child{
	border:none;
}

/* article */
/* Date */
.date{
	font-size:10px;
}
.date span{
	display:inline-block;
	padding:0 5px;
	background:#ff7c67;
	color:#333;
	-webkit-border-radius:.3em;
	   -moz-border-radius:.3em;
			border-radius:.3em;
	margin:0 10px 0 0;
	line-height:18px;
}

/* post content and preview styling */
.post-preview{
	float:left;
	width:58px;
	height:58px;
	padding:0 10px 0 0;
	border-right:1px solid #eee;
}
.post-preview a,
.post-preview img{
display:block;
}
.post-preview img{
	margin:0;
	padding:5px;
	border:1px solid #333;
	background:#2d2d2d;
}
.post-content{
	float:left;
	width:72%;
	padding:0 0 0 10px;
}
.comments li{
	padding-bottom:30px;
}
.comments li p{
	margin-bottom:5px;
}
@media all and (min-width:640px) and (max-width:720px){
}
@media all and (min-width:480px) and (max-width:639px){	
	.post-content{
		width:84%;
	}
	.search-box input[type=text],
	.search-box input[type=text]:focus{
		width:90%;
	}
}
@media all and (min-width:320px) and (max-width:479px){
	.post-content{
		width:72%;
	}
}
@media all and (min-width:220px) and (max-width:319px){
	header{
		zoom:.8;
	}
	.content{
		padding:10px;
	}
	.post-content{
		width:68%;
	}
}

.paginate{

	margin:20px 0 0 0;

}

.paginate ul{
	margin:0;
	padding:0;
}
.paginate ul li{
	display:inline-block;
	margin:0 5px 0 0;
	line-height: normal;
	font-size:0;
}
.paginate ul li:first-child{
	padding:0;	
}
.paginate ul li a,
.paginate ul li span.current{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-size:10px;
	position:relative;
	padding:8px 10px;
	display: block;
	-moz-box-shadow:0 0 3px #ccc;
	-webkit-box-shadow:0 0 3px #ccc;
	box-shadow:0 0 3px #ccc;
	background: #f9fcf7; /* Old browsers */
background: -moz-linear-gradient(top,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9fcf7), color-stop(100%,#f5f9f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9fcf7 0%,#f5f9f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9fcf7 0%,#f5f9f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-9 */

	font-size:12px;
	color:#767676;
}
.paginate ul li a:hover,
.paginate ul li span.current{
	color:#fff;
	background: #ff664d; /* Old browsers */
background: -moz-linear-gradient(top,  #ff664d 0%, #fc492d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff664d), color-stop(100%,#fc492d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff664d 0%,#fc492d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff664d 0%,#fc492d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff664d', endColorstr='#fc492d',GradientType=0 ); /* IE6-9 */

}


.product-wrapper {
	margin-top:20px;
	display: block;
	width: 100%;
	float: left;
	transition: width .2s;
}

@media only screen and (min-width: 450px) {
	.product-wrapper {
		width: 50%;
	}
}

@media only screen and (min-width: 768px) {
	.product-wrapper {
		width: 33.333%;
	}
}

@media only screen and (min-width: 1000px) {
	.product-wrapper {
		width: 25%;
	}
}

.product {
	display: block;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
	position: relative;
	background: #fff;
	margin: 0 5px 5px 0;
	text-decoration: none;
	color: #474747;
	z-index: 0;
	/*height: 100%;*/
}
.products {
	list-style: none;
	margin: 0 -20px 0 0;
	padding: 0;
}
.product-photo {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
}
.product-photo img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border:0px solid green;
	max-width: 100%;
	height:95%;/*max-height: 100%;*/
	margin: auto;
	
}
.product p {
	position: relative;
	margin: 0;
	font-size: 1em;
	line-height: 1.4em;
	height: 5.6em;
	overflow: hidden;
}
.product p:after {
	content: '';
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 4.2em;
	height: 1.6em;
	background: linear-gradient(to left top, #fff, rgba(255, 255, 255, 0));
}
.name{
	height:5.5em;
	font:normal 110% Arial;
	margin:15px 5px;
}

.made{
	height:2.5em;
	margin:5px 5px;
}
.price {
	font:bold 2em Arial;
	color: #930f05;
	margin:5px 5px;
}
.mprice {
	font:bold 1em Arial;
	color: #930f05;
	margin:5px 5px;
}
.value {
	font:normal 1em Arial;
	margin:5px 5px;
}

.addCart {
	position:relative;
	color:#fff;
	height: 4em;
	font:normal 1em Arial;
	background:#99212A;
	margin:5px 5px;
	border-radius:10px;
	text-align:center;
	
}
.addCart div{
	height: 15px;
  width: 160px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
}

.pages{
width:740px;
margin :5px auto;
height:20px;
float:left;
text-align:center;
border:0px dotted green;
color:#686868;

}
.pages a{

margin:0 3px;
width:7px;
color:#686868;

}

.pages a:hover{
font-weight:bold;
margin:0 3px;
color:#686868;

}
#item{
	float:left;
	width:100%;
	border:2px red solid;
	margin:20px 0 0 0;
}
#slideshow{
	position:relative;
	float:left;
	max-width:40%;
	border:1px green solid;
	margin:0 auto;
}
#right{
	padding-left:20px;
	border:1px green solid;
	z-index:1000;
	float:left;
	width:55%;
	min-width:25%;
}
#description{
	min-width:90%;
	border:2px blue solid;
	float:left;
	padding:0 20px;
	
}
#logo{
	color:#666;
	font-family:Arial;
	font-size:16px;
	font-stretch:expanded;
	font-weight:bold;
}
    .b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
                   opacity: 1;
    }
	
#toTop {
	font-size:18px;
	width:100px;
	border:1px solid #ccc;
	background:#f7f7f7;
	text-align:center;
	padding:5px;
	position:sticky;
	bottom:50px; /* отступ кнопки от нижнего края страницы*/
	left:68%;
	cursor:pointer;
	display:none;
	color:#333;
	font-family:verdana;
	z-index:9999;
}
#fio{
	float:left;margin:20px 0;
}
#fio td{
	padding:15px;
}
#fio input{
	padding-left:5px;
	text-align:left;
	margin-left:10px;
	width:300px;
	height:30px;
}
#email {
	padding-left:5px;
	text-align:left;
	margin-bottom:20px;
	
	width:300px;
	height:30px;
}
#hidereg{
padding:10px;	
display:block;
}
#password,#passrcvry {
	padding-left:5px;
	text-align:left;
	margin-bottom:20px;
	width:300px;
	height:30px;
}
#prm{
	padding:10px;
	display:none;
}
.buy{
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	width:95%;
	height:38px;
	border:2px solid #67B337;
	background-color:#67B337;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	margin-bottom:10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.back {
	margin:10px 20px;
	
}
#info{padding:10px;}
#register table td{
	margin-bottom:10px;
	
}
#logo{
	display:block;
	text-align:center;
	color:#4D3185;
	position:relative;
	width:40%;
	left:0px;
	margin:0 auto;
	padding:5px;
	font-family:serif;
	font-size:24px;
}
#footer_info{
	text-align:center;
	font-size:16px;
	background-color:#e9e9e9;
	padding:20px 0;
	}
#footer_info div{
	margin-bottom:10px;
}
html{
	font-family: Arial, Helvetica, Garuda, sans-serif;
}
#delivery{
	
}
.divider{font-size:14px;
	position:relative;
	padding:0px 5px 17px 5px;
	text-align:center;
	height:10px;
	width:97%;
	border-bottom:1px solid gray
	}
.index_block{
	font-size:14px;
	position:relative;
	margin:20px 0 0 0;
	width:100%;
}
#div_sort{
	float:right;
	margin-right:10px;
}
#SORT{
	font-size:16px;
	border:2px solid #4d3185;
	outline:none;
	height:40px;
	width:160px;
	background:#fff;
	color:#555;
}

#div_filter{
	text-align:center;
	width:100%;
	height:40px;
	padding:0px;
}

#div_filter a{
	color:#fff;
	display:block;
	text-align:center;
	line-height: 40px;
	height:40px;
	width:160px;
	background:#4d3185;
	float:left;
	margin-left:20px;
}

.item{
	display:inline-block;
	width:48%;
	margin-bottom:8px;
	border:0px solid #DDD;
	background:#fff;
}
.sold{
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	width:95%;
	height:38px;
	background-color:gray;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	margin-bottom:10px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.count input{
	outline:none;
	padding:0px;
	border:2px solid #CBB086;
	border-radius:6px;
	text-align:center;
	font-size:22px;
	height:28px;
	width:80px;
}
.item_detales .count span{
	margin-left:10px;
	font-size:22px;
	font-weight:bold;
	color:#555;
}
.item_price{
	font-size:22px;
	font-weight:bold;
	margin:10px 0 0 0;
}

.item_name{
	height:4.7em;
	overflow:hidden;
	font-size:16px;
	margin-bottom:10px;
}

.ditem_name{
	height:2.5em;
	overflow:hidden;
	font-size:16px;
	margin-bottom:10px;
}
.ddescription{
	font-size:14px;	
}
.item_detales{
	word-wrap: break-word;
	text-align:left;
	margin:20px 10px 0 10px;
}
.item_detales span{
	
	margin-left:1px;
	}
.more_count{
	color:green;
}
.filter_count{
	color:#ad4141;
}
.bread{
	display:flex;
	padding:10px 0;
	gap:10px;
	line-height:2em;
	white-space: nowrap;
	#text-overflow: ellipsis;
	align-items: center;
	overflow: scroll;
}
.bread a{
  #flex: 0 0 auto;   /* ссылки не сжимаем */
}

.bread h1{
  #flex: 1 1 auto;   /* текущий пункт может сжиматься */
  white-space: nowrap;
  min-width: 0;
  #overflow: hidden;
  #text-overflow: ellipsis;
}

.product_detales{
	text-align:center;
	width:100%;
	margin-top:25px;
	color:#555;
}
.product_price {
	position:relative;
	display:inline-block;
	left:0%;
	font-size:22px;
	font-weight:bold;
	margin:10px 0 10px 0;
	}
.product_opt_price{
	background: linear-gradient(to left, #f69ec4, #f9dd94 100%);
	background-position: 0 100%;
	background-size: 100% 2px;
	background-repeat: repeat-x;
	position:relative;
	display:inline-block;
	left:5%;
	font-size:20px;
	font-weight:normal;
	margin:10px 0 10px 0;
}
.product_name{
	display:inline-block;
	width:95%;
	overflow:hidden;
	font-size:16px;
	margin:10px 0 0 0;
}

.product_rating{
	text-align:center;width:100%;
}
.product_rating_voters{
	position:relative;
	display:inline-block;
	left:16%;
	font-size:12px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.product_rating_voters span{
	color:#0072B9;
	margin-left:1px;
}
.product_articul{
	position:relative;
	display:inline-block;
	width:20%;
	left:-16%;
	font-size:16px;
	font-weight:normal;
	margin:10px 0 10px -2px;
}
.product_description{
	padding:10px;
	margin-bottom:20px;
}
.product_footer{
	position:sticky;
	text-align:center;
	bottom:0px;
	padding-top:0px;
	background:#fff;
	height:50px;
	width:100%;
	box-shadow:2px 7px 20px 20px #fff;
	margin-bottom:0px;
}
.product_footer input{
	position:relative;
	display:inline-block;
	left:-50px;
	outline:none;
	top:3px;
	border:2px solid #eaa433;
	border-radius:6px;
	text-align:center;
	font-size:22px;
	height:38px;
	width:20%;
}
.product_button{
	position:relative;
	display:inline-block;
	/*top:-4px;*/
	right:-40px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	width:36%;
	height:38px;
	border:2px solid #67B337;
	background-color:#67B337;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.product_button_sold{
	position:relative;
	display:inline-block;
	top:-4px;
	box-shadow:0 5px 5px rgba(0,0,0,0.5);
	width:36%;
	height:38px;
	background-color:gray;
	color:#FFF;
	border-radius:6px;
	text-align:center;
	font-size:26px;
	font-stretch:condensed;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}

.sh{
	position:relative;
	display:inline-block;
	width:20px;
	left:-40px;
	font-size:22px;
	font-weight:bold;
}
.space{
	height:34px;
}
.min_cost_act{
	margin:0 0 0 20px;
	font-size:14px;
	color:red;
}
.min_cost_inact{
	display:none;
	margin:0 0 0 20px;
	font-size:14px;
	color:red;
}
.filter_seo{
	padding:10px;
	text-align:justify;
}
.filter_seo a{
	font-weight:bold;
}
.numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 8px;
	float:left;
    background: #fff;
    border: 1px solid #999;
    color: #999;
    text-align: center;
	font-weight:bold;
    font: 18px Arial, sans-serif;
	margin-top:9px;
}
.plus_minus {
	text-align:center;
	width:40px;
	float:left;
	margin:6px 4px;
	font-size:40px;
	font-weight:bold;	
}

.close{
    position: absolute;
    top: 5px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    border: 0px solid #e62f57;
    border-radius: 50%;
}

.close:before,
.close:after {
    content: "";
    position: absolute;
    top: 11px;
    left: 5px;
    width: 15px;
    height: 2px;
    background: #e5832a;
}

.close:before {
    webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close:after {
    webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.product_name h1{
	color:#000;
	
}
#cart_cost_table {
	margin-left:0px;
}
#cart_cost_table tr td {
	padding:0 10px;
	vertical-align:bottom;
}
	
#h1{
	width:100%;
	text-align:center;
}
#h1 h1 {
	
	margin:5px auto;
	color:#4d3185;
}
.warper{
	padding:20px;
}
  .contact-info {
	  padding:0 10px;
    line-height: 2;
    font-family: Arial, sans-serif;
    font-size: 16px;
  }

  .contact-info .phone-block {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    
  }

  .contact-info .phone-icon {
    width: 30px;
    height: auto;
    margin-top: 20px;
  }

  .contact-info .phone-numbers {
    display: flex;
    flex-direction: column;
  }
  .contact-info p{
	  margin:0 0 20px 0;
  }
.contact-info img{
	margin: 0 20px;
	
}
 .contact-info ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    font-size: 16px;
  }

  .contact-info ul li img {
    width: 100px;
    height: auto;
  }
.contact-info ul li a {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: black;
}

ol {
  padding-left: 20px;
  list-style-type: decimal; /* показує номери */
}
 .contact-info ol li {
    
    margin-bottom: 5px;
    font-size: 16px;
  }
  .socials-links img{
	  height:50px;
	  margin:20px 16px;
  }
/* Всплывающие подсказки для города и отделения */
.autocomplete-suggestions {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    background-color: #fff;
    max-height: 340px;
    overflow-y: auto;
    width: 100%;
    z-index: 9999;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,.07);
    margin-top: 2px;
}
.autocomplete-suggestion, .warehouse-suggestion {
    padding: 10px;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.autocomplete-suggestion:hover, .warehouse-suggestion:hover,
.autocomplete-suggestion.active, .warehouse-suggestion.active {
    background-color: #e0e0e0;
}
.delivery-select-block {
  margin-bottom: 12px;
}
#profileWarehouseBlock, #profileDeliveryDetails {
  width: 100%;
  margin-bottom: 12px;
}
#profileCityInput, #profileWarehouseInput {
    width: 100%;
    padding: 14px;
    border: 1.2px solid #bbb;
    border-radius: 7px;
    margin-bottom: 12px;
    font-size: 16px;
    box-sizing: border-box;
    background: #fafbfc;
    color: #222;
}
#profileCityInput[disabled], #profileWarehouseInput[disabled] {
    background: #f5f6fa;
    color: #888;
}

#profileCitySuggestions {
    background: #fff8e1 !important;
    min-height: 30px !important;
    border: 2px solid red !important;
    position: absolute !important;
    z-index: 99999 !important;
}

.cabinet-wrapper {
  display: flex;
  flex-direction: column;
  
  min-height: 60vh;
  justify-content: flex-start;
  margin-top: 50px;
}

.cabinet-tabs {
  display: flex;
  margin-bottom: 0;
}
.cabinet-tab {
  padding: 14px 38px;
  font-size: 18px;
  border-radius: 18px 18px 0 0;
  margin-right: 4px;
  border: none;
  background: #f7f6fa;
  color: #888;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.18s, color 0.18s;
  text-decoration: none;
}
.cabinet-tab.active {
  background: #fff;
  color: #222;
}

.cabinet-block {
  width: 96%;
  
  margin: 0 auto 40px auto;
  background: #fff;
  border-radius: 18px;
  /* box-shadow: 0 3px 16px rgba(0,0,0,0.07); убрано */
  padding: 36px 12px 28px 12px;
  border: 1px solid #f1f1f4;
}

.profile-form input,
.profile-form select {
  font-size: 16px;
  padding: 14px;
  border-radius: 7px;
  border: 1.2px solid #bbb;
  margin-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
  background: #fafbfc;
  color: #222;
}
.profile-form input[disabled] { background: #f5f6fa; color: #888; }



.cabinet-link {
  display: block;
  margin-top: 18px;
  text-align: left;
  color: #6e58f4;
  text-decoration: underline;
  font-size: 15px;
  cursor: pointer;
  transition: color 0.17s;
}
.cabinet-link:hover { color: #4028d5; }

.cabinet-message {
  margin-top: 9px;
  font-size: 14px;
  color: #1ca253;
}

.order-accordion {
  border-bottom: 1px solid #f2f3fa;
  margin-bottom: 12px;
}
.order-header {
  cursor: pointer;
  font-size: 17px;
  padding: 18px 8px 18px 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fafbfc;
  border-radius: 11px;
  margin-bottom: 3px;
  /* box-shadow: 0 2px 8px 0 rgba(0,0,0,0.03); убрано */
  transition: background 0.14s;
}
.order-header:hover { background: #f4f4f4; }
.order-title {
  font-size: 17px;
  font-weight: 700;
  color: #222;
  display: flex;
  align-items: baseline;
}
.order-title b {
  font-weight: 700;
  color: #222;
  margin-right: 8px;
  /* чуть отступим дату */
}

.order-date {
  font-weight: 400;
  color: #555;
  font-size: 15px;
  margin-left: 0;
  /* убираем любые лишние отступы */
}

.order-toggle {
  font-size: 16px;
  font-weight: bold;
  margin-left: 18px;
  color: #000;
  transition: color 0.13s;
}
.order-details {
  padding: 10px 0 12px 0;
}
.order-products-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.order-product-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  padding: 7px 0;
  border-bottom: 1px dotted #e2e2f2;
}
.order-product-row:last-child { border-bottom: none; }

.order-product-row img{
	height:120px;
	margin-right:10px;
}
.product-title { flex: 1 1 auto; color: #111; }
.product-qty { flex: 0 0 38px; color: #555; text-align: right;}
.product-sum { flex: 0 0 95px; text-align: right; color: #222; font-weight: 500; }
.order-empty { color: #999; font-size: 16px; padding: 18px 0; text-align: center;}
@media (max-width: 600px) {
  .cabinet-block { max-width: 99vw; padding: 15vw 3vw 10vw 3vw; }
  .cabinet-tabs { flex-direction: column; align-items: center; }
  .cabinet-tab { width: 76vw; margin-right: 0; margin-bottom: 2vw; }
}

.product-price {
  flex: 0 0 90px;
  text-align: right;
  color: #888;
  font-size: 15px;
  padding-right: 10px;
}
.order-total-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 17px;
  border-top: 1px solid #ececf2;
  margin-top: 13px;
  padding-top: 8px;
}
.order-total-sum {
  color: #111;
  font-weight: bold;
  font-size: 18px;
  min-width: 120px;
  text-align: right;
  margin-left: 12px;
}
.sub-btn {
  width: 100%;
  background: #777; /* чуть светлее черного, как на скрине */
  color: #fff;
  padding: 13px 0;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 200;
  cursor: pointer;
  transition: background 0.18s;
  letter-spacing: 0.04em;
  margin: 14px 0px;
  box-sizing: border-box;
  text-transform: uppercase;
}
#dropmenu> li:nth-child(-n+4) {
    font-weight: 600;
}
#login_out{
	margin-left:24px;
}
#login_out a{
	display:inline;
	
}
.language{
	
	position:absolute;
	top:22px;
	right:65px;
	color:#4D3185;
}
.language span{
	margin:0 5px;
}