*{font-family: 'Roboto Condensed', sans-serif;font-size:17px;color:#445;padding:0;margin:0;list-style-type:none;}
#searchForm {margin:4px 0 20px;}
#searchForm form {position: relative;min-width: 300px;max-width: 1000px;margin: 0 auto;}
#searchForm input {box-sizing:border-box;width: 100%;height: 57px;padding-left: 67px;border: 1px solid #ddb;border-radius: 4px;outline: none;background: #fffff7;color: #222;font-size:20px;}
#searchForm button#home,#searchForm button#submit{position: absolute;top: 0;width: 57px;height:57px;border:none;background:#ddb;cursor: pointer;}
#searchForm button#home:hover,#searchForm button#submit:hover{background: #eec;}
#searchForm button#home{left: 0px;border-radius: 4px 0 0 4px;}
#searchForm button#submit{right: 0px;border-radius: 0 0 4px 4px;}
#searchForm button#home:before {content: "\2302";font-size: 16px;color: black;font-size:42px;font-weight:bold;}
#searchForm button#submit:before {content: "✓";font-size: 16px;color: black;font-size:24px;}
.mainblock{padding:10px 0 20px;}
#seeall{margin:-10px 0 -18px;text-align:right;}
#seeall span{border-bottom:1px dashed;cursor:pointer;font-size:18px;}
#popgoods{text-align:left;}
#popgoods a{text-decoration:none;color:#77a;font-size:16px;}
#popgoods a:hover{text-decoration:underline;color:#88a;}
#indicators{margin: 10px 0;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-around;}
.indicator {width:240px; height: 90px; margin: 10px 0;padding:18px 0;float:left;margin-right:14px;text-align:center;background-color:#fffff7;border:1px solid #ddb;border-radius: 4px;}
.indicator:last-child{margin-right:0;}
.indicator span{display:block;margin:10px 0;}
.indicator span.big{font-size:36px;letter-spacing:1px;}
#peyments{margin:20px 0;}
#peyments img{width:140px;margin-right:32px;float:left;}
#peyments img:last-child{margin-right:0;}
hr{margin:20px 0;border:none;color: #ddb;background-color:#ddb;height:1px;}
header,article,footer{max-width:1210px;padding:5px}
header,footer{}
header{margin:10px auto 0}
header #shoplogo{position:absolute;margin:0}
header #allshops{float:right}
header #allshops a{font-size:18px;color:#355;text-decoration:none}
main{padding:10px 0;}
article{padding:0;margin:2px auto}
footer{text-align:center;margin:10px auto;position: relative;}
footer p, footer p a{text-align:center;color:#aaa; font-size:15px;line-height: 95%}
footer p a{margin:0 4px;}
.y18 {position: absolute; top:10px; right:10px;}
.y18 a{ text-decoration: none}
.y18 a span {padding: 8px; border: 1px solid #ccc; border-radius: 5%; font-size: 22px; color:#ccc;}
h1,h2,h3{font-weight:normal}
h1{font-size:22px;margin:0 0 10px}
h2{font-size:20px;margin:16px 0 8px}
h3{font-size:18px;margin:20px 0 12px}
#breadcrumb ul li{margin:0 2px 0 0;float:left}
#breadcrumb ul li a{text-decoration:none}
#breadcrumb ul li a span{font-size:17px}
.clears{clear:both}
.stretch50{min-width:50%;min-height:50%}
.pointer{cursor:pointer}
.textdecor{text-decoration:underline}
.center{text-align:center}
.getli{}
.rightalign{text-align:right}
#imageinbuy{max-width:300px;border-right:2px solid #ddb;max-height:300px;min-width:50px;min-height:50px;padding:0 20px 0 0;float:left}
#divinbuy{margin:0 0 0 340px;padding:0}
#placeinbuy{width:300px;height:300px}
.camera {background:url(/view/noimg.png) center no-repeat}
.loading {background:url(/view/loading2.gif) center no-repeat}
#citieswind_overlay{background:rgba(109,109,50,0.5);width:100%;height:100%;top:0;left:0;z-index:997;display:none;;position:fixed}
#citieswind{background:white;width:980px;box-shadow:0 0 5px rgba(34,34,10,0.7);top:23px;left:50%;margin:0 0 89px -490px;border:2px solid #355;z-index:998;display:none;position:absolute}
#citieswind_header{font-size:22px;color:#355;padding:12px 22px 12px 29px}
#citieswind_closebtn{float:right;margin:2px 0 0 0;font-size:22px;cursor:pointer}
#citieswind_content{padding:16px 0 16px 29px;border-top:1px solid #355}
#citieswind_content .regbl{width:169px;float:left;margin-right:19px}
#citieswind_content .regbl ul li.bukva{font-weight:bold;margin:14px 0 4px}
#citieswind_content .regbl ul li{color:#355;margin:0;list-style-type:none}
#citieswind_content .regbl ul li a{text-decoration:none;color:#355;font-size:16px;cursor:pointer}
#citieswind_content .regbl ul li a:hover{color:#288}
#currcity{padding:10px 0 0;text-align:right}
#currcity #currcityword{border-bottom:1px dashed #355;font-size:20px;color:#355}
.pagg{padding:0 0 12px 0}
.pagg ul{margin:0 auto;padding:0;display:table}
.pagg ul li{margin:0 2px;float:left;border:1px solid #ddb;background:white}
.pagg ul li a{text-decoration:none;color:#9ff}
.pagg ul li span{padding:4px 10px 4px 8px;font-size:20px;display:block;letter-spacing:-1px}
.pagg ul li span.active{color:white;background:#599;cursor:default}
.pagg ul li span:hover{background:#3aa;color:white}
.pagg ul li span.noactive:hover{background:white;color:#3ff;cursor:default}
#prods {width: 100%; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: center;}
#prods .prod{width:205px;/*height:280px;*/overflow:hidden;margin:0 22px 22px 0;padding:12px 7px 18px; background:white;text-align:center;position:relative}
#prods .prod:hover{filter:saturate(110%) brightness(107%);}
#prods .prod .skidk{top:0;right:0;color:black;opacity:.8;position:absolute;padding:5px 10px;text-align:center; background:linear-gradient(to right, white, #ff0);border-radius: 10% 10% 10% 20%;text-align:right;}
#prods .prod .skidk span.txt {display:block;font-size:13px;}
#prods .prod .skidk span.vl {display:block;font-size:22px;}
#prods .prod .imgblock{width:205px;height:205px;vertical-align:middle;display:inline-block;content:""}
#prods .prod .imgblock:before{height:100%;display:inline-block;vertical-align:middle;content:""}
#prods .prod .imgblock img {max-width:100%;max-height:100%;min-width:10%;min-height:10%;display:inline-block;vertical-align:middle}
#prods .prod .name{line-height:119%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
#prods .prod .name a{font-size:16px;text-decoration:none;color:#344}
#prods .prod .shopName {font-size:14px;color:#788; margin-bottom: 2px}
#prods .prod .price{color:#733;font-weight:bold;font-size:19px;margin:6px 0 6px}
#prods .prod .oldprice {position: absolute;margin-top:-25px;width: 100%;}
#prods .prod .oldprice span {background: white;opacity: 0.8;font-size: 18px;padding: 5px 10px;text-decoration: line-through;text-decoration-color: black;}
p{text-align:justify;padding:0;margin:9px 0;line-height:130%}
ul{margin:10px 0} ul li{margin:5px 0 5px 15px}
#product{background:white;padding:10px 0;}
#product #ofimage{width:500px;margin:0;float:left}
#product #ofimage:before{vertical-align:middle;padding:0;height:300px;display:inline-block;content:""}
#product #ofimage img{color:white;display:inline-block;margin:0;vertical-align:middle;max-width:300px;padding:0;max-height:300px;min-width:100px;min-height:100px}
#product #ofimage:hover{filter:saturate(110%) brightness(110%);color:white}
#product #ofinfo{width:420px;margin:0;padding:0 0 0 39px;float:right;border-left:1px solid #ddb;background:white}
#product #ofinfo #prodnotenable{font-size:28px;letter-spacing:1px}
#product #ofinfo #buybtn{margin:15px 0;padding:0;width: fit-content;}
#product #ofinfo #buybtn a{text-decoration:none;color:white}
#product #ofinfo #buybtn a span{font-size:28px;letter-spacing:4px;margin:0;background:#fd0;display:block;font-weight:normal;padding:20px 50px 20px 30px;color:#222;}
#product #ofinfo #buybtn2{margin:15px 0;padding:0}
#product #ofinfo #buybtn2 a{text-decoration:none}
#product #ofinfo #buybtn2 a span{font-size:24px;letter-spacing:2px;margin:0;background:#fd0;display:block;font-weight:normal;padding:16px 18px;color:#222;border:1px solid #999;width:fit-content;min-width: 190px;}
#product #ofinfo #buybtn a span span, #product #ofinfo #buybtn2 a span span{
	width: 100%;
    border: none;
    font-size: 16px;
    padding: 0;
    font-weight: normal;
    letter-spacing: 0px;
}
#product #ofinfo #oldprice {margin:12px 0}
#product #ofinfo #oldprice span#old{font-size:28px;color:#665;position:relative;margin:0;text-wrap:nowrap;}
#product #ofinfo #oldprice span#old:before{border-bottom:2px solid red;position:absolute;content:"";width:100%;height:50%;transform:rotate(-9deg)}
#product #ofinfo #oldprice span#disc{font-size:24px;margin-left:15px;padding:3px 9px;background:#ff8;color:black}
#product #ofinfo #price{font-size:42px;letter-spacing:2px;margin:12px 0}
#product #ofinfo p#little{font-size:24px; color:#bbb;margin:20px 0 20px}
#product #ofinfo ul{margin:20px 0}
#product #ofinfo ul li{list-style-type:none;margin:7px 0}
#product #ofinfo ul li.check {font-size:17px}
#product #ofinfo .socialButtons{}
#product #ofinfo .socialButtons ul{margin:0}
#product #ofinfo .socialButtons ul li{margin-right:4px}
.also{margin:18px 0 18px; line-height:190%;}
.also a{text-decoration:none}
.also a span{font-size:18px;border-bottom:1px dashed #355;color:#355;font-weight:normal;margin-right:12px}
.also2{text-decoration:none;border-bottom:1px dashed #355}
.also2 a{font-size:15px;color:#553;text-decoration:none}
table.params {width:100%;border:1px solid #ddb;margin:0;border-bottom:0;border-right:0;border-collapse:collapse}
table.params2{width:489px;float:left;margin-right:11px}
table.params td{color:#344;font-size:15px;margin:0;padding:4px 6px;border-right:1px solid #ddb;border-bottom:1px solid #ddb; word-break: break-all;}
table.params tr:nth-child(2n){background:white;margin:0}
table.params tr:nth-child(2n+1){background:#fffff7;margin:0}
table.params td:first-child{width:143px;vertical-align:top}
table.params tr td,table.params tr td a{font-size:15px}
.nextshop{text-align:right; color:#567}
.nextshop a{padding:0;margin:4px 3px}
#marketWidget{margin:10px 0;}
#geolist{}
#geolist li{width:220px;margin-right:10px;float:left;}
#geochoice{text-align:right;}
#geochoice a{border-bottom: 1px dashed #ccc;text-decoration:none}

.city2{text-align:center; padding:10px;}
.city{text-align:right;	padding:10px; float:right}
.city a, .city2 a, .city2 span{font-size:20px; color:#344; cursor:pointer; text-decoration:none}
.city2 span{background:#ddb; padding:0 4px; color:#777}
.city a {border-bottom:1px dashed #344}
.city2 a{font-weight:100;padding:0 2px; color:#aaa}
.citywindow_overlay{display: none;z-index:777;background: rgba(0,11,11,.8);width: 100%;height: 100%;position: fixed;top:0;left:0;}
.citywindow{z-index:777;display: none;background:white;box-shadow: 0 0 7px rgba(0,0,0,1);width:900px;position:absolute;top:77px;left:50%;margin-left:-450px;margin-bottom:90px;}
.citywindow_title{font-size:20px; color:#344; font-weight:bold;	padding: 12px 20px 12px 30px;}
.citywindow_content{padding:12px 0 12px 30px;border-top: 1px solid #ccc;column-count: 4;}
.citywindow_closer {float: right;cursor: pointer; border: 1px solid #777; padding: 3px 10px}
.citywindow_closer:hover {border: 1px solid #000; color:black}
.citywindow_content .cblok{font-size:15px;}
.citywindow_content .cblok ul li.letter{margin:14px 2px 2px;color:#bb9;font-weight:bold;}
.citywindow_content .cblok ul li{margin:2px;list-style-type:none;color:#344;}
.citywindow_content .cblok ul li a{text-decoration:none;color:#333;cursor:pointer}
.citywindow_content .cblok ul li a:hover{color:#bb9;}
.ccc {padding:10px; 0}
.ccc a span {color:red; border-bottom: 1px dashed red}
.ccc2{text-shadow:0 0 10 yellow}
#page {}
#page p {margin: 16px 0}
#page a {text-decoration:underline; color:red}
#page ul li {list-style-type: disc}
#scroll_top {
    display: none;
	width:40px;
	height:40px;
	color:#bb9;
    cursor:pointer;
	border:2px solid #ddb;
	border-radius:50%;
    text-decoration:none;
	text-align:center;
	background-color:#fffff7;
    opacity: 0.7;
    padding: 10px;
    font-family:revert-layer;
	font-size:27px;
	font-weight:bold;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:1000;
}
#scroll_top:hover {opacity:1}
.red {color:red}
.rules p, .rules li, .rules h2{font-size:14px}
.tdecor {text-decoration:underline}

.pagination {padding:1px; text-align:center;}
.pagination ul {padding:16px 0; margin:0 auto; display:table;}
.pagination ul li {margin:0 6px; list-style-type:none; float:left;}
.pagination ul li a {color:#344; text-decoration:none;}
.pagination ul li span {background:#fffff7; border:1px solid #ddb; font-size:16px; padding:6px 11px; display:block; color:#344; cursor:default}
.pagination ul li span.active {cursor:pointer}
.pagination ul li span.current{color:#111; background:#ddb}
.pagination ul li span.ellipsis{background:none; border:none; padding:5px 1px;}
.pagination ul li span.active:hover{background:#eec}
.odl {text-decoration:none;}


@media (max-width: 1010px) {
	html, body {overflow-x: hidden;}
	body {min-width: 320px;}
	header, main, footer {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#prods {
		width:100%;
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		justify-content:space-around;
	}
	#prods .prod {
		margin: 0 auto;
		width: 24%;
		height: auto;
		box-sizing: border-box;
	}
	#prods .prod .imgblock {
		// width: 100%;
	}
	#product #ofimage {
		width: 45%;
	}
	#product #ofimage:before {
		display: none;
	}
	#product #ofinfo {
		width: 40%;
	}
	table.params2 {
		width:48%;
		margin:6px 0;
	}
	.citywindow {
		width: calc(100% - 20px);
		margin: 20px auto;
		transform: translate(-50%,0);
	}
	.indicator {width: 166px;}
	.indicator span.big {font-size: 32px;}
	.indicator span {font-size: 14px;}
	
}

@media (max-width: 768px) {
	#prods .prod {
		width: 32%;
	}
	table.params2 {
		width:100%;
	}
	#product #ofinfo #buybtn2 a span{width:auto;}
	.citywindow_content{column-count: 3;}
}

@media (max-width: 576px) {
	#product #ofinfo ul {text-align: left;}
	#prods .prod {
		width: 48%;
	}
	#product #ofimage {
		width: 100%;
		float: none;
	}
	#product #ofinfo {
		width: 100%;
		float: none;
		border: none;
		padding: 10px;
		text-align: center;
		padding: 0;
	}
	#product {padding:0;}
	#product #ofinfo p {
		text-align: center;
	}
	#buybtn {width: auto;}
	#buybtn a span {padding: 10px 0;}
	.citywindow_content{column-count: 2;}
}



.shops {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}
.shops .shop {
	width:143px;
    height:59px;
	margin:14px;	
	padding:12px 12px;
	border:1px solid #ddb;
	position: relative;
}

.shops .shop a img {
	max-width:143px;
	max-height:59px;
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
}


@media (max-width: 420px) {
	.shops .shop {
		width:115px;
		height:47px;
		margin:10px 8px;
		padding:12px 8px;
	}
	.shops .shop a img {
		width:115px;
		height:47px;
	}
}


.mcats {column-count: 3;}
.mcats li a{font-size: 14px;}
#searchIn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#searchIn span{
	padding: 10px 10px;
    margin: 8px;
    background-color: #fffff7;
    border: 1px solid #ddb;
	cursor: pointer;
}
.hide {display:none}
.textdescr, .textdescr p {font-size:15px;color:#888;}
.seealso {font-size:15px;color:#888; margin: 18px 0 24px}
.seealso a {font-size:15px;color:#888;text-decoration:none}

#mcatsmenu {display: flex; flex-wrap: wrap; justify-content: center;}
#mcatsmenu a {text-decoration: none;}
#mcatsmenu li {padding:8px; border:1px solid #ddb; background:#fffff7; font-size:14px;}
#mcatsmenu li:hover {background:#ddb;}
#mcatsmenuMore {cursor: pointer;}

#searchInDel {
	display: flex;
	flex-wrap: wrap;
	cursor:pointer;
}
#searchInDel span{
	font-size: 24px;
	letter-spacing: 2px;
	background: #fffff7;
	font-weight: normal;
	padding: 16px 18px;
	color: #222;
	border: 1px solid #ddb;
	width: fit-content;
	min-width: 190px;
}	
#searchInDel span span{
	width: 100%;
	border: none;
	font-size: 16px;
	padding: 0;
	font-weight: normal;
	letter-spacing: 0px;
	display: block;
}
.silver {color:silver}
.invi {display:none}


.topmenu {
	display:flex;
	flex-wrap:wrap;
	columns: 3;
	max-width: 1000px;
	margin: 10px auto;
	justify-content: space-between;
	align-items: flex-start;
}
.topmenuItem { width:33%; }
.topmenuItem1 { text-align:left; }
.topmenuItem2 { text-align:center; }
.topmenuItem3 { text-align:right; }
.topmenu ul { list-style-type: none; white-space: nowrap; margin:0;}
.topmenu ul li { display: inline; margin: 0 0 0 6px; }
.topmenu ul li a { font-size:14px; color:#888; text-decoration:none;}
.citybuttontop { text-decoration: dashed; color: #888; cursor:pointer;}

@media (max-width: 1010px) {
	.topmenu {max-width: none; width:100%}
}

@media (max-width: 768px) {
	.topmenuItem { width:50%; }
	
	.topmenuItem2 {display:none}
}

@media (max-width: 576px) {
	.topmenuItem { width:100%; }
	.topmenuItem1 { text-align:center; }
	.topmenuItem3 {display:none}
}
.tdn {text-decoration: none}