@font-face {font-family: "CeraPRO-Black";
  src: url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.eot"); /* IE9*/
  src: url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.woff") format("woff"), /* chrome、firefox */
  url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/CeraPRO-Black/@font-face/6997dc3fcc81c22bf4bcd512fc5c2021.svg#CeraPRO-Black") format("svg"); /* iOS 4.1- */
}

@font-face {font-family: "CeraPRO-Medium";
  src: url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.eot"); /* IE9*/
  src: url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
  url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.woff2") format("woff2"), /* chrome、firefox */
  url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.woff") format("woff"), /* chrome、firefox */
  url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url("../fonts/CeraPRO-Medium/@font-face/93a8deb8bea0c7382a2932977fac7c18.svg#CeraPRO-Medium") format("svg"); /* iOS 4.1- */
}


body {
  background-color:#111111;
  font-family: "CeraPRO-Medium", 'Segoe UI Semibold', 'Hind', sans-serif;
  /*font-family: 'Segoe UI Semibold', 'Hind', sans-serif !important;*/
  color: #111111;
  overflow-x: hidden;
  background-image: url("../img/bg.webp");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  margin:0;
  font-size:12px;
  animation-name: anim1;
  animation-duration: 0.3s;	  
}

a {
	color: #blue;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
	transform:scale(1.05);
	transition: 0.3s;	
}


h2 {
	font-family: "CeraPRO-Black";
}

hr {
	border-top: 1px solid #fff;
}

input[type="text"] {
	width:100% !important;
}
input[type="password"] {
	width:100% !important;
}

input[type="submit"],input[type="button"] {

  color: #fff;
  font-size: 12px;
  background: #3abff0;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
  border: solid 1px #fff;
  cursor:pointer;
  
}

#mobile-menu {
	display:none;
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	animation-name: anim1;
	animation-duration: 1s;	
}

.main-div {
	width:100%;
	text-align: center;
}

.center-div {
	display:inline-block;
	width:1200px;	
}

.top {
	height:230px;
	background-image: url("../img/head-bg.webp");
}

.header-div {
	display:block;
	width:100%;
	height:195px;
}

.header-div-mobile {
	display:none;
}

.head-segment-1 {
	display:inline-block;
	width:33%;
	float:left;
}

.head-segment-1 hr {
	margin-top:80px;
}

.head-segment-2 {
	display:inline-block;
	width:33%;
	float:left;
}

#open {
	position:absolute;
	right:10px;
	top:10px;
	height:35px;
	width:35px;
	border-radius:25px;
	font-size:24px;
}
#close {
	position:absolute;
	right:10px;
	top:10px;
	height:35px;
	width:35px;
	border-radius:25px;
	font-size:26px;
	z-index:200;
}

.head-segment-2 .logo {
	padding-top:20px;
}

.head-segment-3 {
	display:inline-block;
	width:33%;
	float:right;
}

.head-segment-3 hr {
	margin-top:80px;
}

.header-panel1 {
	display:inline-block;
	position:relative;
	top:-50px;
	left:50px;
}

.header-panel2 {
	display:inline-block;
	width:200px;
	position:relative;
	top:20px;
	left:80px;
}

.header-panel2 .cart {
	display:inline-block;
	float:right;
	position:relative;
	left:20px;
	bottom:25px;
	width:41px;
	cursor:pointer;
}

.cart-num {
	display:inline-block;
	padding-top:1px;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#3abff0;
	color:#fff;
	position:relative;
	top:-30px;
	left:140px;
	cursor:pointer;
}

.cart-num-mobile {
	display:inline-block;
	line-height:1.7;
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#3abff0;
	color:#fff;
	position:relative;
	top:-20px;
	left:-10px !important;
	cursor:pointer;
}

.none-div {
	display:inline-block;
	float:left;
	width:130px;
	height:35px;
}

.header-news, .header-usermenu {
	display:inline-block;
	background-color:#3abff0;
	float:right;
	width:1065px;
	height:35px;
	color:#fff;
	text-align:left;
	font-size:14px;	
}

.header-news span {
	position:relative;
	padding-left:10px;
	top:8px;
}

.header-usermenu span {
	position:relative;
	float:right;
	padding-left:10px;
	padding-right:12px;
	//border-right: solid 1px #fff;
	border-left: solid 1px #fff;
	top:8px;	
}


.header-usermenu span a {
	text-decoration:none;
	color:#fff;
}

.circle {
	display:inline-block;
	position:relative;
	top:1px;
	width:12px;
	height:12px;
	border-radius:6px;
	background-color: #fff;
}

.main {
	/*none*/
}


.foot {
	display:block;
	height:100px;
	color:#fff;	
	width:100%;
	float:left;
	text-align:center;
}

.main-side {
	display:inline-block;
	float:left;
	width:130px;
}

.main-container {
	display:inline-block;
	overflow: auto;
	float:right;
	background-color: #fff;
	width:1065px;
	min-height:625px;
	animation-name: anim1;
	animation-duration: 0.6s;
	padding-bottom: 20px;	
}

.overflow-none {
	overflow:none;
	height:auto;	
}

a.side-button {
	display:block;
	background-color:#3abff0;
	width:100%;
	height:100px;
	margin-bottom:5px;
	background-repeat: no-repeat;
	background-position: 50% 40%;
	text-decoration:none;	
}

a.side-button:hover {
	transform:scale(1.06);
	transition: 0.5s;	
}

a.mobile-button {
	display:block;
	background-color:#3abff0;
	width:100%;
	height:16.666vh;
	background-repeat: no-repeat;
	background-position: 50% 70%;
	text-decoration:none;
	background-size: auto 50% !important;
	border-bottom: solid 1px #fff;
	text-align:center;
}

a.mobile-button span {
	position:relative;
	font-size:20px;
	top:7px;
	color:#fff;
}

.side-button-active {
	background-color:#fff !important;
	width:135px !important;
}

.button-text-active {
	color: #3abff0 !important;
}

a.side-button span {
	position:relative;
	top:70px;
	color:#fff;
}

.button-img-contact {
	background-image: url("../img/buttons/but-contact.png");
	background-size: 40%;
}

.button-img-contact-active {
	background-image: url("../img/buttons/but-contact-active.png");
	background-size: 40%;
}

.button-img-discord {
	background-image: url("../img/buttons/but-discord.png");
	background-size: 85%;	
}

.button-img-discord-active {
	background-image: url("../img/buttons/but-discord-active.png");
	background-size: 85%;
}

.button-img-freeware {
	background-image: url("../img/buttons/but-freeware.png");
	background-size: 50%;	
}

.button-img-freeware-active {
	background-image: url("../img/buttons/but-freeware-active.png");
	background-size: 50%;
}

.button-img-news {
	background-image: url("../img/buttons/but-news.png");
	background-size: 25%;
}

.button-img-news-active {
	background-image: url("../img/buttons/but-news-active.png");
	background-size: 25%;
}

.button-img-newsletter {
	background-image: url("../img/buttons/but-newsletter.png");
	background-size: 50%;
}

.button-img-newsletter-active {
	background-image: url("../img/buttons/but-newsletter-active.png");
	background-size: 50%;	
}

.button-img-webshop {
	background-image: url("../img/buttons/but-webshop.png");
	background-size: 30%;
}

.button-img-webshop-active {
	background-image: url("../img/buttons/but-webshop-active.png");
	background-size: 30%;
}

.news-listed {
	display:inline-block;
	background-color:#dadada;
	margin: 20px 20px 0px 20px;
	border-radius: 10px;
	min-height:200px;
}

.news-listed h2 {
	color:#3abff0;
	font-size:22px;
	margin-bottom:0px;
	padding-left:3%;
	text-align:left;
	margin-top:10px;
}

.products-list-description h2 {
	color:#3abff0;
	font-size:26px;
	line-height:1em;
	width:100%;
    text-align: left;
}

.products-list-description div {
	margin: 0 auto;
	text-align:left !important;
}

.products-list-description div p, .products-list-description div p span {
	text-align:left !important;
}	

.news-listed hr {
	width:94%;
}

.news-list-description {	
	width:45%;
	padding-right:10px;
	padding-left:3%;
	padding-bottom:10px;
	color:#111111;
	text-align: justify;
	float:left;
}

.news-list-img {
	width:60%;
	display:table-cell;
}
.news-list-pics {
	width:90%;
	padding-bottom: 10px;
}

.article {
	display:inline-block;
	width:90%;
	text-align:justify;
	font-size:13px;
}

.article img {
	width:100%;
}

ol {
	margin-block-start:0em;
	margin-block-end:0em;
	padding-inline-start:0px;
}


.product-listed {
	display:inline-block;
	width:50%;
	float:left;
	margin-top: 12px;
	min-height:350px;
}

.shop-list-foot {
	display:block;
	width:100%;
	float:left;	
	height:auto;
	text-align:center;
	margin-top: 20px;
}

.shop-foot-box {
	display:inline-block;
	margin: 0 auto;
	width:94%;
	border-radius:10px;
	background-color:#dadada;
	padding-top:16px;
	
}

.shop-foot-text {
	margin:0 auto;
	width:94%;
	margin-bottom:20px;
	text-align:justify;
}

.foot-segment-1 {
	display:inline-block;
	float:left;
	width:85%;
	text-align:justify;
	margin-bottom:10px;
}



.foot-segment-3 {
	display:inline-block;
	float:right;
	width:14%;
	margin-bottom:10px;
	text-align:center;
	border-left: 2px solid grey;
	padding-top:10%;
	padding-bottom:10%;
}

.webshopby {
	display:inline-block;
	color:grey;
	font-size:14px;
	width:100%;
	width:100%;
	margin:0 auto;
}

.lastudio-logo {
	display:inline-block;
	width:40%;
	margin:0 auto;
}

.products-list-price {
	display:block;
	width:40%;
	font-size:18px;
	float:left;
	text-align:center;
	margin-top:5px;
}

.original-price {
	display:block;
	width:100%;
	font-size:15px;
	text-decoration: line-through;
}

.price {
	display:block;
	font-size:20px;
	width:100%;
	height:30px;
	border: solid 1px #3cb0fd;
	border-radius:5px;
	background-color:#dadada;
	padding-left:10px;
	padding-right:10px;
}

/*.products-list-img {
	margin-left:20px;
	float:left;	
}
.products-list-pics {
	width:100%;
}

.products-list-pics:hover {
	transform:scale(1.02);
	transition: 0.3s;	
}
*/
.discount-overlay {
	display:inline-block;
	position: absolute;

}

.play-btn {
	background-image: url(../img/play-btn2.png);
	background-position: center center;
	background-size: 50%;
	background-repeat: no-repeat;
	/*background-color:currentColor;*/
}

.play-btn img {
	opacity: 0.7;
}

.products-list-pics-discount {
	position: absolute;
    top: -10px;
    left: -45px;   
    margin: 0;
    padding: 0;
	height:55px;
    color: white;
    padding: 5px 5px;
    font-size: 24px;
    text-align: center;
    line-height: 2em;
    text-transform: uppercase;
    background: #3abff0;
	border-radius:35px;	
}

/*
.products-list-description {
	display:block;
	width:100%;
	padding-right:10px;
	padding-left:3%;
	padding-bottom:10px;
	color:#3cb0fd;
	text-align: justify;
	float:left;
	line-height:1em;
}

*/
.products-list-buttons {
	display:block;
	width:86%;
	padding-right:9px;
	margin-left:4%;
	color:#3cb0fd;
	text-align: justify;
	float:left;
	line-height:1em;
	border-top: 1px solid #3cb0fd;
	text-align:right;
	position: relative;
    top: 10px;
	margin-left:30px;
}

.products-list-buttons a {
	position:relative;
	top:8px;
	right: -10px;
}
.products-list-buttons button {
	position:relative;
	height:28px;
	//left: -16px;
}

.product-list-buttons {
	display:block;
	width:88%;
	padding-right:10px;
	margin-left:5%;
	color:#3cb0fd;
	text-align: justify;
	float:left;
	line-height:1em;
	border-bottom: 1px solid #3cb0fd;
	margin-bottom:10px;
}

	.products-list-img {
		width: 50%;		
		float: left;
		margin-left:30px;
	}	
	
	.products-list-pics {
		display:inline-block;
		width:100%;
		margin: 0 auto;
	}
	

	
	.products-list-description {
		padding-left:0;
		padding-right:0;
		margin-left:30px;
		text-align:left;
		float:left;
		display:block;
		width:90%;
		min-height:160px;
	}		
	
	.products-list-description div {
		margin: 0 auto;
		width:100%;
		text-align:left !important;
	}

	.products-list-description div p, .products-list-description div p span {
		text-align:left !important;
	}		
	
	.original-price {
		font-size:18px;
		margin-top:30px;
	}
	.price {
		font-size:18px;
		padding:0;
		height:auto;
		margin: 0 38px;
		width:75%;
		
	}

.webshop-product-segment {
	display:inline-block;
	width:50%;
	float:left;
	padding-top:50px;
}

.webshop-product-logo {
	width:50%;
	float:left;
	text-align:center;
}

.webshop-product-logo img {
	width:70%;
	margin:0 auto;
}

.webshop-product-price {
	width:50%;
	float:left;
	margin-top:25px;
    text-align: right;
    
}

.webshop-product-price span {
	color:#3cb0fd;
	font-size:20px;
    padding-right: 10px;
}

.webshop-product-price .pric2 {
	color:#3cb0fd;
	font-size:17px;
    padding-right: 10px;
}

.webshop-product-gallery {
	width:100%;
	float:left;
	text-align:center;
}

.webshop-details-segment {
	display:inline-block;
	width:50%;
	float:left;
	text-align:left;
	margin-bottom:15px;
}

.webshop-item-description {
	display:inline-block;
	width:95%;
	margin: 0 auto;
	margin-top:20px;
	background-color: #dadada;
	border-radius:10px;
	text-align:center;
}

.webshop-description-head {
	width:100%;
	display:block;
	height:60px;
}

.webshop-description-head .img {
	display:inline-block;
	width:50%;
	float:left;
}
.webshop-description-head img {
	width:50%;
}

.webshop-description-head .button {
	display:inline-block;
	width:50%;
	float:right;
	text-align:right;
}
.webshop-description-head .button button {
	position:relative;
	top:20px;
	left:0px;
}

.webshop-description-head-hr {
	width:100%;
}

.webshop-item-description-text {
	width:90%;
	margin: 0 auto;
	margin-top:15px;
	margin-bottom:15px;
	text-align:justify;
}

.lh-button {
  color: #fff;
  font-size: 12px;
  background: #3abff0;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  cursor:pointer;
}

.lh-button:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.lh-button-mini {
  color: #fff;
  font-size: 12px;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  border: solid 1px #fff;
  cursor:pointer;
  text-shadow: 1px 1px #000;
}

.lh-button-mini-active {
  color: #fff;
  font-size: 12px;
  background: #3abff0;
  padding: 3px 5px 3px 5px;
  text-decoration: none;
  border: solid 1px #fff;
  cursor:pointer;
  text-shadow: 1px 1px #000;
}

.lh-button-mini-active:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.lh-button-middle {
  color: #fff;
  font-size: 12px;
  background: #3abff0;
  padding: 5px 8px 5px 8px;
  text-decoration: none;
  border: solid 1px #fff;
  cursor:pointer;
  
}

.lh-button-middle:hover {
	background-color:#3cb0fd;
	cursor:pointer;
	text-decoration:none;
}

.addtocart {
	position:relative;
	left:10px;
	float:right;
}

.lh-button-mini:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.posttitle {
	color: #3abff0;
	font-size:24px;
}

.webshop-vat-container {
	display:block;
	width:100%;
	float:left;	
	height:auto;
	text-align:center;
	margin-top:20px;
}

.webshop-vat-container div {
	display:inline-block;
	margin: 0 auto;
	width:94%;
	border-radius:10px;
	background-color:#dadada;
	padding-top:10px;
	padding-bottom:10px;
	
}


form {
	margin:0 auto;
	width:90%;
} 

@keyframes anim1 {
  0%   {opacity:0;}
  100% {opacity:1;}
}
@keyframes anim2 {
  0%   {opacity:1;}
  100% {opacity:0;}
}

.breathing-anim {
  	animation-name: breathing;
	animation-duration: 5s;
	animation-iteration-count: infinite;			
}

@keyframes breathing {
  0%   {transform:scale(1);}
  25%	{transform:scale(1);}
  50%	{transform:scale(1.1);}
  75%	{transform:scale(1.1);}
  100% {transform:scale(1);}
}

.live-anim {
  	animation-name: live;
	animation-duration: 5s;
	animation-iteration-count: infinite;			
}

@keyframes live {
  0%   {background-color:transparent;}
  25%	{background-color:red;}
  50%	{background-color:transparent;}
  75%	{background-color:red;}
  100% {background-color:transparent;}
}

.ring-anim {
  	animation-name: ring;
	animation-delay: 4s;
	animation-duration: 1s;
	animation-iteration-count: infinite;			
}

@keyframes ring {
  0%   {left:0px;}
  100% {left:5px;}
}


.admin-table {
	margin-left:2%;
	width:98%;
}

.user-kosartermek {
	padding:6px;
	border: 1px solid #000;
	background: #dadada;
	border-radius: 10px;
}


.counter {

  text-align: center;
  margin: 7px auto;
  margin-left: 7px;


  
}

.counter span {
  display: inline-block;
  padding: 6px 6px 4px;
  border-radius: 5px;
  background: #3abff0;
  color:#fff;
  margin-right: -2px;
  min-width:5px;
	border: solid 1px #fff;
  box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
  animation: pulse-blue 3s infinite;  	
	
}

@keyframes pulse-blue {
  0% {

    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {

    box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
  }
  
  100% {

    box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
  }
}

.gallery-container .row .column {
  min-height:75px;
}


/*=========================================================
	RESPONSIVE
===========================================================*/

@media only screen and (max-width: 1200px) {
	.center-div {
		width:900px;
	}	
	
	.main-container {
		width:765px;
	}
	
	.main-side {
		display:inline-block;
		float:left;
		width:130px;
	}
		
	.top {
		background-position: -150px;
	}

	.none-div {
		display:none;
	}

	.header-news, .header-usermenu {
		width:900px;
	}
	
	.news-list-description {
		width: 94%;
		float:none;
	}
	
	.news-list-img {
		width:100%;
		display:block;
	}	
	
	.news-list-pics {
		width:94%;
	}
	
	.header-panel1 {
		left:-5px;
	}

	.header-panel2 {
		left:25px;
	}

	.products-list-price {
		margin-top:-20px;
	}
	
	.products-list-buttons {
		top: -15px;
	}

	.products-list-buttons a {

	}
	.price {
		margin: 0 30px;
	}
	
	.products-list-img {
		margin-left: 20px;
	}
	.products-list-description {
		margin-left: 20px;
	}

	.products-list-buttons {
		margin-left: 21px;
	}

	.webshop-vat-container {
		margin-bottom:22px;
	}
	

	.gallery-container .row .column {
	  min-height:55px;
	}
	
}

@media only screen and (max-width: 910px) {
	
	body {
		background-image:none;
	}	
	
	.center-div {
		width:100%;
	}	
	
	.main-container {
		width:100%;
	}
	
	.main-side {
		display:none;
	}
		
	.top {
		background-image:none;
		background-color:#111111;
		height:155px;
	}

	.header-news, .header-usermenu {
		width:100%;
	}
	
	.header-div {
		display:none;
	}

	.header-div-mobile {
		display:inherit;
	}
	
	.head-segment-1-m {
		display:inline-block;
		width:33%;
		float:left;			
	}
	
	.head-segment-1-m .logo {
		height:auto;
		margin-top:20px;
		margin-bottom:5%;
		margin-left:20%;
	}

	.head-segment-2-m {
		display:inline-block;
		width:66%;	
	}

	.head-segment-2-m div {
		position:relative;
		margin-top:5%;
	}		

	.lh-button-mini, .lh-button-mini-active {

	}	
	
	.head-segment-2-m .cart {
		position:relative;
		margin-left:10px;
		margin-right:0px;
		right:3px;
		top:8px;
		height:30px;
		cursor:pointer;
	}	
	
	.header-news, .header-usermenu {
		position:relative;
		width:100%;
		bottom:0;
		
	}

	.header-news {
		height:50px;
	}

	.header-news span span {
		position:relative;
		top:-1px;
		font-size:11px;
	}

	.shop-foot-box {
		width:100%;
		text-align:center;
	}
	
	.product-listed {
		display:block;
		width:100%;
		float:left;
		margin-top: 20px;
	}
	
	.products-list-img {
		width: 50%;		
		float: left;
	}	
	
	.products-list-pics {
		display:inline-block;
		width:100%;
		margin: 0 auto;
	}
	
	.products-list-price {
		display:block;
		width:40%;
		font-size:18px;
		float:left;
		text-align:center;
		margin-top:10px;
	}

	
	.products-list-description {
		width:90%;
		float:left;
		min-height:140px;
		
	}		
	
	.products-list-description div {
		margin: 0 auto;
		width:100%;
		text-align:left !important;
	}

	.products-list-description div p, .products-list-description div p span {
		text-align:left !important;
	}		
	
	.products-list-description h2 {
		line-height:1.2em;
		//font-size:18px;
	}	
	
	.original-price {
		font-size:18px;
		margin-top:50px;
	}
	.price {
		font-size:18px;
		padding:0;
		height:auto;
		margin: 0 auto;
		width:75%;
	}
	
	.webshop-details-segment {
		width:100%;
		text-align:center;
	}		
	
	.webshop-product-segment {
		width:100%;
	}	
	
	.gallery-container .row .column {
	  min-height:85px;
	}	
	
}

@media only screen and (max-width: 480px) {

	.top {
		height:200px;
	}

	.header-news, .header-usermenu {
		margin-top: 20px;
		height: auto;
		padding-bottom:12px;
	}
	

	
	.head-segment-1-m {
		width:100%;
		text-align:center;
	}

	.head-segment-1-m .logo {
		width:50%;
		margin-top:5%;
		margin-bottom:0%;
		margin-left:0%;
	}	

	.head-segment-2-m {
		width:100%;
	}	
	
	.head-segment-2-m div {
		left:0;
	}
	
	.main-container {
		overflow:none;
		height:auto;
		
	}
	
	.product-listed {
		min-height:220px;
	}
	
	.products-list-img {
		width: 60%;
		min-width: 60%;
		margin-left: 20px;
		float: left;
	}

	.products-list-price {
		width:30%;
	}

	
	.foot-segment-1 {
		display:block;
		width:100%;
		margin-bottom:10px;
	}

	.foot-segment-2 {
		display:block;
		width:100%;
		margin-bottom:10px;
		
	}

	.foot-segment-3 {
		display:block;
		width:100%;	
		text-align:center;
		border-left: none;
	}
	
	.header-usermenu {
		top: 19px;
	}
	
	.webshop-item-description {
		width:100%;
	}
	
	.gallery-container {
		width:100% !important;	
	}
	
	.products-list-pics-discount {
		left: -30px;
		height: 41px;
		font-size: 18px;
		line-height: 2.3em;	
	}
	
	.products-list-description div {
		margin: 0 auto;
		width:100%;
		text-align:left !important;
	}
	
	.original-price {
		font-size:14px;
		margin-top:20px;
	}
	.price {
		font-size:14px;
		padding:0;
		height:auto;
		margin: 0 auto;
		width:75%;
	}

	.lh-button-mini {
	  padding: 8px 14px 8px 14px;
	}

	.lh-button-mini-active {
	  padding: 8px 14px 8px 14px;
	}	
	
	.gallery-container .row .column {
	  min-height:65px;
	}	

}


/*GALLERY*/

/* Position the image container (needed to position the left and right arrows) */
.gallery-container {
  margin: 0 auto;
  width:94%;
  position: relative;
}



/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.7;
  width: 90%;
  margin-top:15px;
  margin-bottom:10px;
  cursor: pointer;  
}

.active,
.demo:hover {
	opacity: 0.4;
}

.publ_fejlec
{
    background-color: #e8e8e8;
    font-size: 22px; 
    color: #3abff0;
}
.admin_fejlec
{
    background-color: #e8e8e8; border: 1px solid #000000;  color: #3abff0; 
    font-size: 22px;
}

.text_def
{
    font-size: 13px;
    font-weight: normal;
}