/* global */

* {	box-sizing: border-box; image-rendering: -webkit-optimize-contrast; }

body{
	margin:0; padding:0;
	font-family:   'Source Sans Pro', sans-serif;
	font-size:110%;
	line-height:1.4em;
	color: #4a4a4a;
	min-width:18em;
}


.page{ overflow:hidden;}
.page a{color:#9373b3;}

input, select, textarea{font-size:100%; font-family:'Source Sans Pro', sans-serif; color: #4a4a4a;}
input[type="text"], input[type="password"], select, textarea{
	padding: 0.3em 0.7em 0.3em 0.7em;
	border:1px solid #d6d6d6; line-height:1.4em;  border-radius:0.3em; background-color:#fff; 
	display:inline-block; vertical-align:middle;
}
textarea{line-height:1.4em;}

input[type="submit"], input[type="button"]{
	background:none; margin:0; border:none; font-size:100%;
	font-family:'Oswald', sans-serif; 
	color:#fff;
	text-align:center;
	padding:0.5em 2em 0.5em 2em;
	background-color:#c9cb3b;
	text-transform:uppercase;
	border-radius:0.25em;
	cursor:pointer;
	display:inline-block; vertical-align:middle;
}
input[type="submit"], input[type="button"].main1{
	background-color:#9373b3;
}
input[type="submit"].disabled, input[type="button"].disabled{
	background-color:#cbcbcb;
}
input[type="text"].disabled, select.disabled{
	background-color:#eee;
}
input[type="text"].tel{
	padding-left:2.3em !important;
	background-image: url('/img/texfield-tel-bg.png');
	background-repeat: no-repeat;
	background-position: 0.4em center;
	background-size: contain;
}
input[type="text"].tel2{
	padding-left:1.3em !important;
	background-image: url('/img/texfield-tel-int-bg.png');
	background-repeat: no-repeat;
	background-position: 0.4em center;
	background-size: contain;
}

label.disabled{
	color:#c5c5c5;
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus{
	outline: none;
}
input[type="submit"].inline, input[type="button"].inline{
	padding: 0.425em 0.7em 0.425em 0.7em;
	line-height:1em;
	background-color:#7b579f;
	font-size:90%;
	text-transform:none;
}
input[type="text"].success{	background-color:#eaf2d3;}
input[type="text"].fault{	background-color:#ffdfdf;}
input[type="text"].checking{	background-color:#fff6d5;}

[class*="col-"] {float: left;}
.row::after {
    content: "";
    clear: both;
    display: table;
}
.pp {padding-left:2.5%; padding-right:2.5%;}
.pm {margin-left:2.5%; margin-right:2.5%;}

sup{font-size:0.6em; vertical-align: baseline; position: relative; top:-0.5em; line-height:1em; margin-right:-0.2em;}
.h-pagetop sup{font-size:0.5em; top:-0.75em;}

.nounder{ text-decoration:none;}
.hide{ display:none;}
.shide{ display:none !important;}

.col1{ -webkit-column-count:auto; -moz-column-count:auto; column-count: auto;}
.col2{ -webkit-column-count:2; -moz-column-count:2; column-count: 2;}
.col3{ -webkit-column-count:3; -moz-column-count:3; column-count: 3;}
.col4{ -webkit-column-count:4; -moz-column-count:4; column-count: 4;}
.col5{ -webkit-column-count:5; -moz-column-count:5; column-count: 5;}
/* top */
.top {background-color:#7b579f; position:relative; padding-top:1.5em; padding-bottom:1.5em;}

/*
	Feature::isOn('hide_discount_signs') START
*/
/* .col-prodmenu { width:42%; font-family:'Oswald', sans-serif; text-transform:uppercase; line-height:normal;} */
.col-prodmenu { width:40%; font-family:'Oswald', sans-serif; text-transform:uppercase; line-height:normal;}
/*
	Feature::isOn('hide_discount_signs') END
*/
.col-prodmenu ul { display:none; }

.prodmenu-icon{color:#fff; text-decoration:none; font-size:1.4em; line-height:1em; padding-right:0.9em; background-image:url(/img/icon-prodmenu-mano.png); background-repeat:no-repeat; background-size:auto 61%; background-position:right center; }
/*
	Feature::isOn('hide_discount_signs') START
*/
/* .col-topmenu { width:58%; text-align:right;} */
.col-topmenu { width:60%; text-align:right;}
/*
	Feature::isOn('hide_discount_signs') END
*/

.col-topmenu ul { display:none;}
.topmenu-icon img{ height:1.4em;  margin-left:5%; margin-right:5%; }
.topmenu-icon:last-child img{margin-right:0;}
.col-lego{ display:none;}


/* topmenu-sub */
.top-submenu {
	overflow:hidden;
	width:100%;
	display:none;
	position:absolute;
	z-index:99999;	
	background-color:#fff;
	padding-top:1em; padding-bottom:1.4em;
	-webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
	box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
}

.top-submenu ul{  margin:0; padding:0 0.2em 0.3em 0.2em; font-size:85%;}
.top-submenu.menus ul{ text-align:right;}
.top-submenu ul li{  list-style-type:none; margin:0.4em 0 0.4em 0; padding:0 0 0 1.2em; line-height:1.2em;}
.top-submenu.products ul li{ background:url(/img/icon-menu-li.png) no-repeat; background-size:auto 0.85em; background-position:0 0.15em;}
.top-submenu ul li a {color:#4a4a4a; text-decoration:none; }
.top-submenu ul li a:hover{ color:#000; text-decoration:underline;}
.top-submenu ul li.implode { display:block;}
.top-submenu span{font-family:'Oswald', sans-serif; display:block; padding-bottom:0.5em; padding-top:0.5em; text-transform:uppercase;}
.top-submenu span:last-child{margin-bottom:0;}
.top-submenu span a{ text-decoration:none; color:#7b579f;}
.top-submenu .themes ul li{ display:inline-block; padding:0; background:none; margin-right:3%; margin-top:1%; position:relative; line-height:1.4em; }
.top-submenu .themes ul li a{ top:0; right:0; bottom:0; left:0; position:absolute; background-size:100%; background-repeat:no-repeat; padding:5% 8% 0 8%; font-family:'Oswald', sans-serif; text-transform:uppercase; color:#fff; font-size:0.9em; line-height:1.4em;}
img.ajandekos{ position:absolute; left:0; top:0; width:100% }

.top-submenu .themes ul li a:hover{ text-decoration:underline; }
.top-submenu .themes.shop ul li .dummy{ padding-top:160%}
.top-submenu .themes.mano ul li .dummy{ padding-top:120%}
.top-submenu .themes.shop ul li{ width:21.75%;}
.top-submenu .themes.mano ul li{ width:30.25%;}

.top-submenu ul li.highlight {background-color:#d73136; background-image:none; line-height:1.5em; }
.top-submenu ul li.highlight a { color: #fff;}
.top-submenu ul li.highlight a:hover { text-decoration:none;}



/* mid */
.mid { line-height:4.5em; border-bottom:1px solid #d2d2d2; margin-bottom:1.15em;}
.col-logo{ width:49%;} .col-logo a{ text-decoration:none;}
.col-logo img{width:80%; max-width:9em; vertical-align:middle; }

.col-search{display:none; width:66%;}
.search{  display:inline-block;  position:relative; border:1px solid #d1d2d2; padding:1px; line-height:1em;  border-radius:0.3em;  width:95%; text-align:right; background-repeat: no-repeat; background-size:auto 55%; background-image:url(/img/icon-search-shop.png); background-position:4% center; }
.col-search input{ border:none; font-size:0.8em; background:none; color:#acacac; padding:0 2% 0 2em; width:70%; }
.col-search input:focus { outline: none;}
.col-search .btn{ display:inline-block; cursor:pointer; font-size:0.7em; height:2.15em; line-height:2.15em; width:30%; background-color:#7b579f; border-radius:0.3em; text-align:center; text-decoration:none; color:#fff; text-transform:uppercase;}
#results{
		-webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
		-moz-box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
		box-shadow: 0px 6px 10px 3px rgba(0,0,0,0.18);
		display:none; position:absolute; padding:0.75em 1.2em 0.25em 1.2em; left:0; right:0; top:1.65em; background-color:#fff; z-index:950; text-align:left;
	} 
#results .item{	display:inline-block; padding-bottom:0.5em; width:100%; margin-bottom:0.5em; border-bottom:1px solid #d0d0d0; font-size:0.8em; text-decoration:none; color:#666;}
#results .item:hover{ color:#d73136;}
#results .item:last-child{	border-bottom:none; margin-bottom:0;}
#results .item div:first-child{ width:25%; display:inline-block; vertical-align:top; height:4.5em; text-align:center;}
#results .item div:first-child img{ max-width:100%; max-height:4.5em;}
#results .item div:last-child{width:70%; margin-left:4%; display:inline-block; vertical-align:top;}
#results .item span{ display:inline-block; width:100%; margin-top:0.3em; }
	
.col-tel{display:none;}

.col-cart{width:17%; font-size:82%; text-align:right; float:right;}
.col-cart a{line-height:1.5em; padding-right:1.7em;  letter-spacing:-0.05em; font-family: 'Cabin', sans-serif;  text-align:center; color:#fff; height:2.47em; width:3.14em; display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-size:auto 100%; text-decoration:none;}
.col-cart.cart a{background-image:url(/img/icon-cart.png); }
.col-cart.cart.on a{background-image:url(/img/icon-cart-shop.png);}
.col-cart.wish a{background-image:url(/img/icon-wishlist.png);}
.col-cart.wish.on a{background-image:url(/img/icon-wishlist-shop.png);}

/* left */
.col-left.theme {display:none;}
.left-cover{display:none;  position:absolute; left:0; top:4.02em; right:0; background-color:rgba(0,0,0,0.5); z-index:500;  }
.col-left.bar{width:70%; background:#ffffff; z-index:500; }
.col-left.bar .padding{ padding:0.5em 9% 40% 9%; }

.col-left.bar strong{ font-weight:normal; font-family:'Oswald', sans-serif; text-transform:uppercase; color:#7b579f; font-size:1.1em; display:block; margin-top:1.1em; line-height:1.3em;}
.col-left.bar a{ text-decoration:none;}
.col-left.bar a.navback{  color:#4a4a4a; font-size:0.84em; opacity:0.4; display:inline-block; font-weight:300; margin-top:0.6em; margin-bottom:-0.6em; padding-left:0.5em; background-image:url(/img/icon-multiselect-shop.png); background-position:left; background-repeat:no-repeat;}
.col-left.bar a.navback.sel{ color:#7b579f; background-image:url(/img/icon-multiselect-shop-sel.png); opacity:1; }
.col-left.bar ul{ padding:0; margin:1.4em 0; line-height:1.2em; font-size:0.9em;}
.col-left.bar ul li{ list-style-type:none; margin-bottom:0.3em; padding-bottom:0.3em; border-bottom:1px dotted rgba(0,0,0,0.25);}
.col-left.bar ul li a{ color:#4a4a4a; text-decoration:none; display:inline-block;  padding-left:1em; background:url(/img/icon-menu-li-inverz.png) no-repeat 0.1em 0.3em; background-size:auto 0.70em;}
.col-left.bar ul.multiselect li a{ background-image:url(/img/icon-leftmenu-li-inverz-shop.png); padding-left:1.6em; background-size:auto 1em; background-position:left 0.1em;}
.col-left.bar ul.multiselect.heart li a{ background-image:url(/img/icon-leftmenu-li-heart-inverz.png);}

.col-left.bar ul.multiselect li a.sel{ background-image:url(/img/icon-leftmenu-li-shop.png);}
.col-left.bar ul li:last-child{	border:none;}

.slider{ 			display:block; background:url(/img/slidebar-bg.png) repeat-x center;  height:1.2em;  margin-top:1.2em; margin-bottom:1.9em; overflow:hidden;}
.slider .bar{		display:inline-block; height:1.2em; position:relative; width:100%; }
.slider .on{		background:url(/img/slidebar-line-shop.png) repeat-x center;}
.slider .val{ 		position:absolute; top:0; display:inline-block; font-size:55%; line-height:2.2em; vertical-align:middle; background-color:#ebe2f3; font-family:'Oswald', sans-serif; text-transform:uppercase; padding:0 0.8em 0 0.8em; cursor:pointer;}

.col-left.bar .signup, .col-left.bar .banner{display:none;}


/* footer */
.footer{margin-top:2em; padding-bottom:1.9em; padding-top:1.7em; font-size:0.95em; text-align:center; background-color:#efedf0; color:#5f6062;}
.footer a{color:#7a6193;} 
.footer hr{margin-top:1.5em; margin-bottom:1.5em;}
.footer input[type="text"]{ width:70%; margin:0.4em 0 0.4em 0; color:#666666;}
.col-footer-main{width:100%; }
.col-footer-main img{max-width:100%;}
.col-footer-main img.logo{max-width:11em;}
.col-footer-content{width:100%; }
.col-footer-content img{height:1.6em; margin-right:0.5em; display:inline-block; vertical-align:middle;}
.col-footer-content p{ margin-bottom:1.5em;}
.footer strong{ color:#4a4a4a; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.col-footer-menus{display:none;}
.col-footer-main .map{ display:none;}

/* newsletter */
.gdpr-news{float:none !important;}
.signup p{ font-size:90%; line-height:1.4em; margin-top:-0.2em;}

/* page */
h1, h2, h3, h4{ font-size:100%; font-weight:normal; margin:0; padding:0;}
hr {border:none; border-bottom:1px dotted #bdbdbd;}
hr.spacer { margin:1.4em 0 1.4em 0; }
hr.underline { margin-bottom:1.4em; }
.h-pagetop{ display:inline-block; vertical-align:middle; color:#7b579f; font-size:1.5em;  line-height:1.3em; font-family: 'Oswald', sans-serif;}
.h-pagetop span{color:#c9cb3b; }
.h-content{ font-family:'Oswald', sans-serif; margin-top:1.5em; color:#7b579f; font-size:110%; border-bottom: 1px dotted #b0b0b0; padding-bottom:0.75em; margin-bottom:1em;}
.h-content.nounder{ border:none; padding-bottom:0;}

.price{color:#d73136; font-family: 'Cabin', sans-serif; letter-spacing:-1px; }

.morzsi{ text-transform:uppercase; font-size:0.8em; margin-bottom:1.6em; padding-top:0.4em; margin-top:0.4em; border-top:1px dotted #b0b0b0; }
.morzsi a, .morzsi span { margin-left:0.2em; color:#666666;}
.morzsi a{ text-decoration:underline; margin-right:0.2em; }
.morzsi a:first-child { margin-left:0;}

.pager{ text-align:center; margin-top:2.5em;}
.pager .arrow{ display:inline; vertical-align:top;}
.pager .pages{ display:inline-block; max-width:50%; vertical-align:top; padding:0 2em 0 2em;}
.pager a{ display:inline-block; font-size:100%; line-height:2em; min-width:1.3em; color:#7a6193; text-transform:uppercase; text-decoration:none;}
.pager a.sel{ width:2em; cursor:default; color:#fff; background-color:#c9cb3b; margin:0; font-weight:bold; border-radius:1em;}
.pager a.arrow{ text-decoration:underline;}


/* colorid */
#form-pab{ margin-top:1em; margin-bottom:1em;}
#form-pab input[type="text"]{ font-size:85%; width: 4.8em; color:#aa96b4 ; }
#form-pab input[type="submit"]{ font-size:75%; width:auto; padding-left:0.6em; padding-right:0.6em; color:#fff; opacity:0.9;}

#color-palette{ margin-bottom:0.5em;}
#color-palette a{ 
	display:inline-block; vertical-align:middle; 
	width:25px; height:25px; border:2px solid #fff; margin: 1px 1px 0 0;
	border-radius: 4px;
	text-align:center; text-decoration:none; color:#999; font-size:60%;
}
#color-palette a.sel{ border-color:red; }

/* Tablet */
@media only screen and (min-width: 500px) {
	
	/* topmenu-sub */
	.topmenu-icon.sbutton { display:none;}
	.topmenu-icon {  margin-left:0.5em; margin-right:0.5em;}
	
	.top-submenu .themes ul li{ margin-right:2%;}
	.top-submenu .themes.shop ul li{ width:14.6%;}
	.top-submenu .themes.mano ul li{ width:23%;}
	/*	.top-submenu .themes.shop ul li:nth-last-child(-n+3) { display:none;} */
	
	/* mid */
	.col-logo{ width:35%;}
	.col-search{display:inline; width:35%; }
	.search{width:85%; }
	.col-cart{width:15%;}
	.col-cart.sbutton{display:none;}
	
	/* footer */
	.footer{text-align:left;}
	.col-footer-main{width:47%; margin-right:6%;}
	.col-footer-content{width:47%;}
	.col-footer-main .map{ display:inline;}
	
	/* newsletter */
	.gdpr-news{float:left !important;}

}

/* Tablet (open prodmenu) */
@media only screen and (min-width: 650px) {
		
	/* top */

	/*
	Feature::isOn('hide_discount_signs') START

	.prodmenu-icon{ display:none;}
	.col-prodmenu li{ display:inline; position:relative;} 
	.col-prodmenu li a{ font-size:0.78em; color: rgba(255,255,255,0.9); text-decoration:none; padding-right:0.5em; margin-left:0.5em; border-right:1px solid rgba(255, 255, 255, 0.2);}
	.col-prodmenu ul{ margin:0; padding:0; display:inline; } 
	.col-prodmenu li:last-child a{ padding-right:0; border:none;}
	.col-prodmenu li:first-child a{ margin-left:0; }
	.col-prodmenu { width:72%;}
	.col-topmenu { width:28%; }

	Feature::isOn('hide_discount_signs') END
	*/

	.topmenu-icon img{ vertical-align:text-bottom;}
	
	/* topmenu-sub */
	.top-submenu.menus ul{ text-align:left;}
	.top-submenu.menus ul li{ background:url(/img/icon-menu-li.png) no-repeat; background-size:auto 0.85em; background-position:0 0.44em;}
	.top-submenu ul {padding:0 1.4em 0 1.4em; }
	.top-submenu span{ display:none;}
	
	
}

/* Tablet (prodmenu correction) */
@media only screen and (min-width: 700px) {
		
	/* top */

	/*
	Feature::isOn('hide_discount_signs') START
	
	.col-prodmenu { width:75%;}
	.col-topmenu { width:25%;}

	Feature::isOn('hide_discount_signs') END
	*/

	.col-prodmenu li a{ font-size:0.85em;  padding-right:0.6em; margin-left:0.6em;}
	
	/* topmenu-sub */
	.top-submenu .themes ul li{ margin-right:1.3%;}
	.top-submenu .themes.shop ul li{ width:7.7%;}
	.top-submenu .themes.mano ul li{ width:18.7%;}

}
 
 /* Desktop  */
@media only screen and (min-width: 800px) {

	/*
	Feature::isOn('hide_discount_signs') START
	*/
	.prodmenu-icon{ display:none;}
	.col-prodmenu li{ display:inline; position:relative;} 
	.col-prodmenu li a{ font-size:0.78em; color: rgba(255,255,255,0.9); text-decoration:none; padding-right:0.5em; margin-left:0.5em; border-right:1px solid rgba(255, 255, 255, 0.2);}
	.col-prodmenu ul{ margin:0; padding:0; display:inline; } 
	.col-prodmenu li:last-child a{ padding-right:0; border:none;}
	.col-prodmenu li:first-child a{ margin-left:0; }
	.col-prodmenu { width:72%;}
	/*
		Feature::isOn('hide_discount_signs') END
	*/

	/* global */
	body{font-size:100%;}
	.main.bg {
		background-image: url(/img/bg-shop.jpg);
		background-size: 109%;
		background-position: center 0.6em;
		background-repeat: no-repeat;
	}
	.pp {padding-left:4%; padding-right:4%;	}
	.pm {margin-left:4%; margin-right:4%;	}
	
	/* top */
	.top {padding-top:0.225em; padding-bottom:0.225em;}
	.col-prodmenu { width:69%;}
	.col-topmenu { width:25%; padding-right:3%; }
	.col-lego { display:inline; width:6%; position:relative;}
	.col-lego img{ width:2.05em; position:absolute; right:0; top:-0.225em; z-index:990;}

	/*
		Feature::isOn('hide_discount_signs') START

	.col-prodmenu li a{font-size:0.85em; padding-right:1em; margin-left:1em; }
		Feature::isOn('hide_discount_signs') END
	*/

	.topmenu-icon img{ height:1.1em;}
	
	/* topmenu-sub */
	.top-submenu .themes.mano ul li{ width:15.36%;}
	
	/* mid */
	.mid {
		border-bottom:none; margin-bottom:0;
		line-height:3.8em; padding-top:1.5em; 
	}
	.col-logo{ width:24.5%; margin-right:2.12%;  text-align:center;}
	.col-logo img{ width:85%;  max-width:none;}
	.col-search{display:inline; width:36%; padding-left:2%;}
	.search{width:82%; }
	.col-search input{width:75%;} 
	.col-tel{display:inline; width:19%; color:#262626; }
	.col-tel img{ height:1.6em; vertical-align:middle; margin-right:0.3em; }
	.col-tel span { font-size:0.95em; display:inline-block; vertical-align:middle;}
	.col-search .btn{width:25%;}
	.col-cart{width:7%; text-align:center; float:left;}
	
	/* left */
	.left-cover{display:inline; position:relative; left:auto; top:auto; right:auto; bottom:auto; background-color:none;}
	.col-left.theme, .col-left.bar{display:inline; width:24.5%; margin-right:2.12%; position:relative;}
	
	.col-left.theme .dummy{ padding-top: 56%;}
	.col-left.theme .img{position:absolute; top:0; left:0; right:0; bottom:0;}
	.col-left.bar{ background-color:rgba(128, 91, 166, 0.85); margin-bottom:4em;}
	.col-left.theme img{ width:100%; vertical-align:bottom; }
	.col-left.bar strong{color:#d9db30; }
	.col-left.bar a.navback{  color:#fff; opacity:0.5; background-image:url(/img/icon-multiselect-inverz-shop.png); }
	.col-left.bar a.navback.sel{ color:#c9cb3b;opacity:1; background-image:url(/img/icon-multiselect-inverz-shop-sel.png);}
	#theme-toggle{ color:#d9db30; background:url(/img/icon-menu-expand.png) no-repeat 0.05em center; background-size:auto;}
	.col-left.bar ul li a{ color:#fff;}
	.col-left.bar ul.multiselect li a{background-image:url(/img/icon-leftmenu-li.png);}
	.col-left.bar ul.multiselect.heart li a{ background-image:url(/img/icon-leftmenu-li-heart.png);}
	.col-left.bar ul.multiselect #theme-toggle{ background-position: 0.25em center;}
	
	.col-left.bar .banner{ display:block; border-top:1.5em solid #fff; }
	.col-left.bar .signup{ display:block; border-top:1.5em solid #fff; padding:0.2em 9% 1em 9%; background-color:#efedf0; }
	.col-left.bar .signup strong{ color:#7b579f; text-transform:none; margin-bottom:0.5em;}
	.col-left.bar .signup input[type="text"]{ width:100%; color:#666666;  margin-bottom:0.7em; margin-top:0.5em;}
	.col-left.bar .signup img{ float:left; width:28%; }
	.col-left.bar .signup span{display:block; padding-left:28%; line-height:1.2em; margin-top:1em;}
	.col-left.bar .signup a{color:#7b579f; text-decoration:underline;}
	.col-left.bar .signup a.newsletter{ text-decoration:none; display:inline-block; text-align:center; width:48%; margin:0 3% 2% 0; font-size:90%; background-color:rgba(128, 91, 166, 0.85); color:rgba(255,255,255,0.9); border-radius:0.2em; padding:0.2em 0;}
	.col-left.bar .signup a.newsletter:last-child{ margin-right:0;}
	
	/* footer */
	.col-footer-main{width:24.5%; margin-right:4.12%; }
	.col-footer-main input[type="text"]{width:100%;}
	.col-footer-content{width:41.968%; padding-right:5%;}
	.col-footer-menus{display:inline;  margin-top:0.5em; width:29.312%;}
	.col-footer-menus a{display:block; font-size:0.9em; line-height:1.8em; }
	.col-footer-content img{height:1.8em; }
	.footer .signup{ display:none;}
	
	/* page */
	.page{min-height:24em; width:73.28%; background-color:#fff; float:right; padding:0.9% 2% 2% 2%; margin-top:1em;}
	.content{  font-size:0.9em; line-height:1.4em;}
	.h-pagetop{font-size:1.5em; line-height:1.1em;} 
	.morzsi{padding-top:0.6em; margin-top:0.8em; font-size:0.75em; }
	
	/*bap szűrő*/
	#form-pab input[type="submit"]{background-color:rgba(255, 255, 255, 0.3); }
	
}


/* Desktop (open topmenü)  */
@media only screen and (min-width: 1000px) {
    
	/* mid */
	.col-logo img{ width:77%; }
	.col-tel{ width:17%;}
	.col-search input{padding-left:2.3em;}
	
	/* left */
	.col-left.bar strong{font-size:1.2em;}
	.col-left.bar ul{ font-size:0.95em;}
	
	/* top */
	.topmenu-icon { display:none;}
	.col-prodmenu { width:54%;}
	.col-topmenu { width:40%; padding-right:0; }
	.col-topmenu ul{ margin:0; padding:0.1em 0 0 0; display:inline-block; } 
	.col-topmenu li{ display:inline-block;} 
	.col-topmenu li a{ font-size:0.8em; line-height:normal; color: rgba(255,255,255,0.8); text-decoration:none; padding-right:0.7em; margin-right:0.7em; border-right:1px solid rgba(255, 255, 255, 0.2);}
	.col-topmenu li a.logged{ color:#d9db30;}
	.col-topmenu li.avt{ background-size:auto 95%; background-position:left center; background-repeat:no-repeat; padding-left:1.5em;}
	.col-topmenu li:last-child a{ padding:0; margin:0; border:none;}
	.col-tel span{ font-size:1.05em;}

	/*
	Feature::isOn('hide_discount_signs') START

	.col-prodmenu li a{ padding-right:0.8em; margin-left:0.8em;}

	Feature::isOn('hide_discount_signs') END
	*/
	
	/* topmenu-sub */
	.top-submenu ul li.implode { display:none;}
	.top-submenu .themes.mano ul li{ width:11.2%;}
	
	/* page */
	.h-pagetop{ font-size:1.7em; }
	.content{ font-size:0.95em;}	
	
	
}

/* Desktop (expand page margins)  */
@media only screen and (min-width: 1100px) {
   
	/* global */
	.main.bg{
		background-size: 109%;
		background-position: center 0.1em;
	}
	.pp {padding-left:7.5%; padding-right:7.5%;	}
	.pm {margin-left:7.5%; margin-right:7.5%;	}
	
	/* left */
	.col-left.bar ul li{margin-bottom:0.4em; padding-bottom:0.4em;}
	
	/* mid */
	.mid {padding-top:1.9em;}
	.col-tel span{ font-size:1.1em;}
	
	/* page */
	.page{margin-top:1.2em;}
	.morzsi{font-size:0.8em; }
	
}

/* Desktop (font correction) */
@media only screen and (min-width: 1200px) {
   
	/* top, mid */
	.top, .mid{ font-size:110%;}
	.col-search input{width:78%;}
	.col-search .btn{width:22%;}
	.col-topmenu li a{ font-size:0.81em; }
	.top-submenu .themes ul li a{ font-size:1em; }
	
	/* left */
	.col-left.bar strong{font-size:1.3em;}
	
	/* page */
	.page{margin-top:1.4em;}
	.h-pagetop{ font-size:1.9em;}
	.pager a{ font-size:105%;}
	.content{font-size:1em;}
	
}

 /* Desktop (final) */
 /*
		Feature::isOn('hide_discount_signs')
		1400px -> 1470px
*/
@media only screen and (min-width: 1470px) {
	
	/* global */
	.main.bg{
		background-size: 104%;
		background-position: center -0.35em;
	}
	.page {
		background-size: 104%;
		background-position: center -0.35em;
	}
	.pp {padding-left:11.2%; padding-right:11.2%;	}
	.pm {margin-left:11.2%; margin-right:11.2%;	}
	
	/* top, mid */
	.mid {padding-top:2.65em;}
	.col-tel span{ font-size:1.2em;}

	/*
		Feature::isOn('hide_discount_signs') START
	*/
	/* .col-prodmenu li a{font-size:0.9em; padding-right:1em; margin-left:1em; } */
	.col-prodmenu li a{font-size:0.9em; padding-right:0.6em; margin-left:0.6em; }
	/*
		Feature::isOn('hide_discount_signs') END
	*/

	.col-topmenu li a{ font-size:0.85em; }
	
	/* left */
	.col-left.bar ul{font-size:0.975em;}
	.col-left.bar strong{font-size:1.35em;}

	
	/* page */
	.page{margin-top:2em;}
	.content{font-size:1em;}
	.h-pagetop{ font-size:2.25em;}
	.pager a{ font-size:110%;}
	
	
}

.responsive-btn {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	padding: .5em 2em;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 100%;
	border: none;
	border-radius: .25em;
	margin: 20px 0;
}

@media (max-width: 800px) {
	.responsive-btn {
		padding: .3em 1.2em;
		font-size: 90%;
	}
}