@charset "windows-1251";
/*---------------------------
Site styles for mobile
----------------------------*/
h1 {
	font-size: 18px;
	line-height: 1.2em;
}
h2 {
	font-size: 16px;
	line-height: 1.2em;
}
h3 {
	font-size: 14px;
	line-height: 1.2em;
}
@media only screen and (max-width: 400px) {
	h1 {
		font-size: 16px;
		line-height: 1em;
	}
	h2 {
		font-size: 14px;
		line-height: 1em;
	}
}
.pl {
	width: 100px;
	height: 177px;
}
.product-left img {
	width: 100px;
	height: 177px;
}
/*~~~~~~~~~~~~  Containers */
#ctch {
	display: none;
}
.actlm {
	float: right;
	color: red;
	padding-top: 4px;
	font-weight: bold;
}
.actlm-img {
	float: right;
	display: inline-block;
	margin-left: 3px;
}
.actlm2 {
	display: none;
}
#actlm2 {
	display: none;
}
.enterCab {
	display: block;
	clear: both;
	height: 50px !important;
	line-height: 50px !important;
}
.mbrd {
	border-left: 1px solid #000;
}
#hrC {
	margin-top: 20px;
	margin-bottom: 25px;
}
#entC {
	display: inline-block;
	vertical-align: top;
	padding: 3px;
	line-height: 19px;
	white-space: nowrap;
	background: url(images/tpl/tags.png) repeat-x 0 0 #000;
	border-radius: 6px;
	border: #333 1px solid;
	box-shadow: 0 0 1px 0 #333, 0 1px 0 0 #8c8c8c;
	color: #c9c9c9;
	text-decoration: none;
	text-transform: uppercase;
	height: 30px;
}
#main {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 240px;
}
/* #Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
	text-align: center;
}
.footer-top {
	font-size: 13px;
	line-height: 15px;
}
.footer-bottom a {
	margin: 0 20px;
}
@media only screen and (max-width: 1200px) {
	.footer-bottom {
		margin: 0 15px 0 0;
	}
	.footer-bottom a {
		margin: 0 15px;
	}
}
@media only screen and (max-width: 500px) {
	.footer-bottom {
		margin: 0 4px 0 0;
	}
	.footer-bottom a {
		margin: 5px;
	}
}
@media only screen and (max-width: 800px) {
	.content-banners,
	.cont_banner {
		margin-left: -10px;
		margin-right: -10px;
	}
	.content-banners a,
	.cont_banner a {
		margin-left: 0;
		margin-right: 0;
	}
}
/* #Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.header-top {
	-moz-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	-webkit-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	transition: background 0.5s ease;
}
@media only screen and (max-width: 820px) {
	#header {
		background-size: auto 100%;
	}
	.header-top {
		background: rgba(0, 0, 0, 0.4);
	}
	.header-top {
		min-height: 0;
		padding-bottom: 60px;
	}
	.header-menu {
		margin-top: -32px;
		top: -10px;
	}
}
@media only screen and (max-width: 520px) {
	#header.diff-header {
		background: #000;
	}
	.header-left {
		float: none;
		width: 100%;
		padding-top: 3px;
	}
	a.logo {
		width: 180px;
		padding-top: 75px;
	}
	.phone-number {
		padding: 0 0 5px 0;
	}
	.phone-number,
	.phone-number a {
		color: #fff;
		/* font-size:16px; line-height:18px; */
		height: 18px;
	}
	.phone-number a {
		display: inline;
	}
	.header-brands {
		display: none;
	}
}
/*~~~~~~~~~~~~ header menu */
@media only screen and (min-width: 760px) {
	.mnActive {
		background: url(images/tpl/active_mn.png) repeat 0 center;
		margin-left: -10px;
		width: 10%;
		height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	ul.main-menu {
		position: relative;
		z-index: 15;
		display: table;
		width: 100%;
		background: url(images/tpl/menu-bord.png) no-repeat right 0;
	}
	ul.main-menu li {
		height: 40px;
		background: url(images/tpl/menu-bord.png) no-repeat 0 0;
		line-height: 16px;
		font-size: 12px;
		float: left;
	}
	ul.main-menu li a {
		height: 40px;
		white-space: nowrap;
	}
	ul.main-menu li a span {
		display: inline-block;
		vertical-align: middle;
		width: 98%;
		margin-left: 1%;
		text-align: center;
		white-space: normal;
	}
	ul.main-menu li a:after {
		content: "";
		display: inline-block;
		vertical-align: middle;
		height: 40px;
		width: 1px;
	}
	.main-menu li {
		width: 17%;
	}
	.main-menu li:first-child {
		width: 16%;
	}
	.main-menu li:last-child {
		width: 16%;
	}
	/* .main-menu li.mn1{width:11%;}
	.main-menu li.mn2{width:14%;}
	.main-menu li.mn3{width:15%;}
	.main-menu li.mn4{width:22%;}
	.main-menu li.mn5{width:15%;}
	.main-menu li.mn6{width:12%;}
	.main-menu li.mn7{width:11%;} */
}
@media only screen and (max-width: 759px) {
	.header-menu {
		margin: -32px -1px 0 -1px;
		height: 30px;
		border: #000 1px solid;
		background: #333;
	}
	ul.main-menu {
		position: absolute;
		overflow: hidden;
		left: 0;
		top: 0;
		padding: 5px 0;
		min-height: 20px;
		width: 100%;
		border-radius: 4px;
		text-overflow: ellipsis;
		white-space: nowrapl;
	}
	ul.main-menu:before {
		content: "Μενώ";
		display: block;
		padding: 0 10px 0 18px;
		font-weight: 700;
		line-height: 20px;
		font-size: 13px;
		text-transform: none;
		color: #fff;
	}
	ul.main-menu:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 30px;
		height: 30px;
		z-index: 150;
		background: url(images/tpl/menu-ico.png) no-repeat center center;
	}
	/*
		ul.main-menu:hover:after{
			top:6px;
			right:4px;
			width:20px;
			height:16px;
			border:#fff 1px solid;
			border-radius:3px;
			opacity:0.3;
			background:url(images/tpl/menu-ico.png) no-repeat center center #666;} */
	ul.main-menu:hover {
		background: #333;
		white-space: normal;
	}
	ul.main-menu:hover:before {
		color: #999;
	}
	ul.main-menu li {
		padding-left: 30px;
	}
	ul.main-menu:hover li {
		padding: 0;
		background: url(images/tpl/menu-hor.png) no-repeat center 0;
		background-size: 100% 1px;
	}
	ul.main-menu:hover li:first-child {
		background: none;
	}
	ul.main-menu li a {
		display: none;
		padding: 5px 10px 5px 20px;
		line-height: 20px;
		font-size: 13px;
		text-transform: none;
		color: #fff;
	}
	ul.main-menu:hover li a {
		display: block;
		color: #fff;
	}
	ul.main-menu:hover li a.active {
		display: block;
		padding: 5px 10px 5px 20px;
		background: url(images/tpl/active_mn.png);
		color: #fff;
	}
}
/*~~~~~~~~~~~~ end header menu */
/* #Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.content-bottom {
	padding-bottom: 20px;
	/*background:url(images/tpl/content-line-up.png) repeat-x 0 bottom;*/
}
.three-columns-content .sidebar-right {
	float: none;
	clear: both;
	width: auto;
}
ul.side-banners {
	background: url(images/tpl/content-line.png) repeat-x 0 0;
	text-align: center;
	padding: 20px 0 0 0;
	margin: 0 -10px 20px -10px;
}
ul.sidebar-news {
	border-top: #333 1px dotted;
	margin: 0 -10px;
	padding-top: 20px;
	text-align: center;
}
ul.sidebar-news li,
ul.side-banners li {
	text-align: left;
	margin: 0 0.6% 10px 0.6%;
	display: inline-block;
	vertical-align: top;
}
@media only screen and (min-width: 760px) {
	ul.sidebar-news li,
	ul.side-banners li {
		width: 23%;
	}
}
@media only screen and (min-width: 440px) and (max-width: 759px) {
	ul.sidebar-news li,
	ul.side-banners li {
		width: 48%;
	}
}
@media only screen and (max-width: 439px) {
	ul.sidebar-news li {
		margin: 0 10px;
	}
}
/* ~~~~~~~~~~~~ sidebar list */
@media only screen and (min-width: 660px) {
	ul.sidebar-list {
		border-top: #333 1px dotted;
		border-bottom: #333 1px dotted;
		margin: 0 -10px 20px -10px;
		padding: 20px 0 10px 0;
		text-align: center;
	}
	ul.sidebar-list li {
		display: inline-block;
		vertical-align: top;
		margin: 0 3px 10px;
	}
	ul.sidebar-list li a {
		display: inline-block;
		vertical-align: top;
		padding: 3px;
		line-height: 19px;
		white-space: nowrap;
		background: url(images/tpl/tags.png) repeat-x 0 0 #000;
		border-radius: 6px;
		border: #333 1px solid;
		box-shadow: 0 0 1px 0 #333, 0 1px 0 0 #8c8c8c;
		color: #c9c9c9;
		text-decoration: none;
		text-transform: uppercase;
	}
	ul.sidebar-list li a:hover,
	ul.sidebar-list li a.active {
		background-image: url(images/tpl/active_mn.png);
		background-color: #aa0000;
		box-shadow: 0 0 1px 0 #7d0202, 0 1px 0 0 #fff;
		border-color: #7d0202;
		color: #fff;
	}
}
@media only screen and (max-width: 659px) {
	.sidebar-list-over h3 {
		margin: 0 0 4px 0;
		text-align: center;
		font-size: 14px;
		line-height: 18px;
	}
	.sidebar-list-over-inn {
		position: relative;
		height: 31px;
		margin-bottom: 20px;
		border: #333 1px solid;
		background: url(images/tpl/select-brand.png) no-repeat 0 -3px;
		border-radius: 6px;
		box-shadow: 0 0 1px 0 #333, 0 1px 0 0 #8c8c8c;
	}
	.sidebar-list-over-inn:after {
		content: "";
		position: absolute;
		right: 0;
		top: 0;
		width: 33px;
		height: 31px;
		background: url(images/tpl/web-buttons.png) no-repeat right -3px;
		border-radius: 0 5px 5px 0;
	}
	ul.sidebar-list {
		display: none;
	}
	.selected-brand {
		display: block;
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		line-height: 31px;
		color: #c9c9c9;
		font-size: 14px;
		text-indent: 10px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.aside-menu-select {
		position: absolute;
		display: block;
		cursor: pointer;
		left: 0;
		top: 0;
		z-index: 39;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	.sidebar-left.transperent-left,
	.sidebar-left .sidebar-list-over div:first-of-type,
	.sidebar-left .sidebar-list-over h3:first-of-type,
	.sidebar-left .no-mobile,
	.sidebar-left .no-mobile + .sidebar-list-over-inn {
		/* DDD 16.09.2017 */
		display: none;
	}
}
/*~~~~~~~~~~~~/sidebar list */
/*~~~~~~~~~~~~ form */
.selGr {
	width: 19%;
	margin-right: 1%;
}
.wrapp-form {
	display: none;
}
@media only screen and (max-width: 740px) {
	.selGr {
		width: 32%;
	}
	.select-lines {
		clear: both;
	}
	.dbtn {
		height: 28px;
		line-height: 28px;
	}
	.selGr .btn {
		height: 30px;
		line-height: 30px;
	}
	.selGr select {
		height: 30px;
		line-height: 30px;
	}
}
@media only screen and (max-width: 500px) {
	.selGr {
		width: 49%;
		border-radius: 3px;
	}
	.selGr.select-mobile-wide {
		width: 99%;
	}
	.selGr .btn,
	.selGr select,
	.dbtn {
		border-radius: 3px;
	}
}
/*~~~~~~~~~~~~/form */
/*~~~~~~~~~~~~ products */
@media only screen and (max-width: 740px) {
	.products {
		margin: 0 !important;
		width: auto !important;
	}
	.products-inner {
		margin: 0;
	}
	.list-view .product {
		background: none;
		border: none;
		float: none;
		width: auto;
		height: auto;
		clear: both;
		margin: 0 0 20px 120px;
	}
	.list-view .product-line {
		display: none !important;
	}
	.list-view .product .product-left {
		float: left;
		margin: 0 0 0 -120px;
	}
	.list-view .product .product-left a {
		margin: 0 0 4px 0;
	}
	.list-view .product .product-right {
		width: 99%;
		right: 0;
	}
	.list-view .product .product-left a.btn-grey {
		position: relative;
		top: -10px;
		margin-bottom: 30px;
	}
	.list-view .product .product-right p strong {
		display: inline;
	}
	.list-view .product .product-right h2,
	.list-view .product .product-right h3,
	.list-view .product .product-right p,
	.list-view .product-price {
		margin-bottom: 10px;
	}
	.list-view .product .product-right h2 * {
		display: inline;
		margin-right: 2px;
	}
	.list-view .product .product-right .btn-grey {
		display: inline-block;
		margin-right: 5px;
	}
	.tbl-view,
	.photo-view {
		text-align: center;
	}
	.photo-view .product {
		margin: 0 0 5px 0;
		height: 175px;
	}
}
@media only screen and (max-width: 400px) {
	.list-view .product {
		margin: 20px -10px;
		text-align: center;
		border-bottom: #c9c9c9 2px solid;
		padding: 0 10px;
		line-height: 14px;
	}
	.list-view .product .product-left,
	.list-view .product .product-right {
		float: none;
		width: auto;
		margin: 0 0 5px 0;
	}
	.list-view .product .product-left img {
		margin: 0 auto;
		display: block;
	}
	.list-view .product .product-left img.new {
		right: 50%;
		margin-right: -50px;
	}
	.list-view .product .product-left br {
		display: none;
	}
	.list-view .product .product-left p,
	.list-view .product .product-right h2,
	.list-view .product .product-right h3,
	.list-view .product .product-right p,
	.list-view .product-price {
		margin-bottom: 4px;
	}
	.list-view .product .product-left a.btn-grey {
		position: relative;
		top: 0;
		margin-bottom: 0;
	}
}
/*~~~~~~~~~~~~/products */
/*~~~~~~~~~~~~ shop list */
.shop-list {
	min-width: 0;
}
@media only screen and (max-width: 800px) and (min-width: 640px) {
	.shop-list {
		width: 100%;
		margin: 0;
	}
	.shop-item {
		display: inline-block;
		/*zoom:1; //display:inline; vertical-align:top;width:33%; margin-left:0;*/
	}
	.shop-img {
		position: relative;
		left: 0;
	}
}
@media only screen and (max-width: 640px) {
	.shop-list {
		width: 100%;
		margin: 0;
	}
}
@media only screen and (max-width: 400px) {
	.shop-list {
		text-align: center;
	}
	.shop-item {
		margin-left: 0;
		text-align: center;
		position: relative;
		min-height: 140px;
		padding-top: 8px;
	}
	.shop-img {
		left: 0;
		z-index: -1;
		opacity: 0.4;
		width: 100%;
		text-align: center;
	}
	.shop-list h2 {
		font-size: 15px;
		line-height: 19px;
		margin-bottom: 7px;
	}
	.shop-item h3,
	.shop-tel {
		margin-bottom: 4px;
		font-size: 14px;
		line-height: 16px;
	}
	.shop-item p {
		margin-bottom: 4px;
		font-size: 12px;
		line-height: 14px;
	}
}
/*~~~~~~~~~~~~/shop list */
/*~~~~~~~~~~~~ news one */
@media only screen and (max-width: 640px) {
	ul.stock li {
		margin-bottom: 20px;
	}
	ul.stock li h3 {
		margin-bottom: 0;
	}
	ul.stock li p {
		margin-bottom: 4px;
	}
}
@media only screen and (max-width: 400px) {
	.news-img {
		float: none;
		max-width: none;
		margin: 0 -10px 10px -10px;
		text-align: center;
	}
	.coupon-img img {
		height: 95px;
	}
}
/*~~~~~~~~~~~~/news one */
/*~~~~~~~~~~~~ registration */
.page-form {
	width: 600px;
}
.page-form input[type=email],
.page-form input[type=password],
.page-form input[type=tel],
.page-form input[type=text] {
	height: 30px;
	width: 380px;
	padding: 0 5px;
}
.page-form input[type=submit],
.page-form input[type=button],
.page-form button[type=submit] {
	height: 30px;
	line-height: 30px;
	padding: 0;
}
.login-form input[type=submit],
.login-form input[type=button] {
	width: 100px;
}
.registr-form input[type=submit],
.registr-form input[type=button] {
	width: 160px;
}
@media only screen and (max-width: 640px) {
	.page-form {
		width: auto;
		max-width: 600px;
		/* margin:0 0 20px 160px; */
	}
	/* .page-form label{margin:0 0 0 -160px; width:160px;} */
	.page-form input[type=email],
	.page-form input[type=password],
	.page-form input[type=tel],
	.page-form input[type=text] {
		width: 90%;
	}
	.inp-line {
		margin-bottom: 10px;
	}
	.inp-line .inp-line-element {
		display: inline;
	}
}
@media only screen and (max-width: 540px) {
	/* .page-form{margin:0 12px 20px 0;} */
	.page-form label {
		margin: 0 0 4px 0;
		width: auto;
	}
	.page-form input[type=email],
	.page-form input[type=password],
	.page-form input[type=tel],
	.page-form input[type=text],
	#delivery textarea {
		width: 250px!important;
		display: block;
	}
	#delivery .inp-line-name {
		clear: both;
	}
	#delivery.page-form {
		width: auto;
		max-width: 400px;
	}
}
/*~~~~~~~~~~~~/registration */
/*~~~~~~~~~~~~ detail page */
@media only screen and (min-width: 581px) and (max-width: 780px) {
	.page-inner {
		margin: 0 30px 50px 300px;
	}
	.page-img {
		width: 270px;
		margin: 0 0 0 -300px;
	}
	.main-preview,
	.main-preview span:after {
		height: 400px;
	}
	.main-preview img {
		max-height: 400px;
	}
	.preview-thumbs a,
	.preview-thumbs a img {
		width: 40px;
		height: 40px;
	}
}
@media only screen and (max-width: 580px) {
	.page-inner {
		margin: 0;
		background: none;
	}
	.page-img {
		float: none;
		margin: 0;
		width: auto;
		position: relative;
		padding-top: 35px;
	}
	.page-img .new {
		top: 35px;
	}
	.prev-page,
	.next-page {
		position: absolute;
		top: 0;
		opacity: 1;
		padding: 2px 0;
		width: 40%;
		margin: 0;
		font-size: 12px;
		text-decoration: none;
		color: #fff;
		text-shadow: 0 1px 0 #000;
		border: #515151 1px solid;
		border-radius: 3px;
		background: url(images/tpl/grey_btn.png) repeat-x;
	}
	.prev-page:hover,
	.next-page:hover {
		background-position: 0 bottom;
	}
	.prev-page {
		left: 0;
	}
	.next-page {
		right: 0;
	}
	.prev-page img,
	.next-page img {
		display: none;
	}
	.img-large img {
		max-height: 300px;
	}
	.page-params {
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.page-links {
		text-align: center;
	}
	.page-links .btn {
		margin: 0 auto;
	}
	.main-preview,
	.main-preview span:after {
		height: 600px;
	}
	.main-preview img {
		max-height: 600px;
	}
	.ls-cart-btn {
		display: inline-block;
		min-width: 290px;
	}
	.ls-cart-btn.in-cart .cart-add-button {
		display: none;
	}
	.ls-cart-btn .btn-red {
		display: inline-block;
	}
	.carousel,
	.content-item-page #search {
		display: none;
	}
}
@media only screen and (max-width: 400px) {
	.popup-compare {
		padding: 0;
	}
	.compare-list {
		margin: 0 0 0 70px;
	}
	.compare-left {
		width: 70px;
		margin: 0 0 0 -70px;
	}
	.item_rv {
		font-size: 11px;
		line-height: 15px;
		font-weight: 400;
	}
	.item_rv.header {
		font-size: 9px;
		line-height: 15px;
		font-weight: 400;
		padding-left: 2px;
	}
	.main-preview,
	.main-preview span:after {
		height: 400px;
	}
	.main-preview img {
		max-height: 400px;
	}
	.ls-cart-btn {
		min-width: 0;
	}
}
@media only screen and (max-width: 300px) {
	.tbl-left,
	.tbl-right {
		margin-left: -20px;
	}
	.item_rv {
		max-width: 85%;
	}
	.item_rv.header {
		max-width: none;
	}
	.main-preview,
	.main-preview span:after {
		height: 300px;
	}
	.main-preview img {
		max-height: 300px;
	}
}
.block-action {
	display: inline-block;
	border: 1pt solid;
	padding: 5px;
	width: 98%;
	margin: 2px;
	height: auto;
	vertical-align: top;
}
.menu-price {
	display: none;
}
.china {
	border: none;
	position: fixed;
	z-index: 1000;
	right: 10px;
	top: 10px;
}
@media only screen and (max-width: 740px) and (min-width: 400px) {
	.products.list-view .sorting-refs {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 740px) {
	.products.tbl-view .sorting-refs,
	.products.photo-view .sorting-refs {
		margin-top: 0;
	}
}
.bottom-widgets {
	height: 33px;
	width: 30px;
	right: auto;
	left: 15px;
}
.bottom-widgets + .bottom-widgets {
	left: 70px;
}
.bottom-widgets img {
	left: 9px;
}
.bottom-widgets span {
	display: none;
}

.scrollup {
	bottom: 90px!important;
	right: 1px!important;
}