#subscribe_to_newsletter { position: fixed; bottom: 15px; right: 15px; z-index: 100; }
#subscribe_to_newsletter img { width: 50px; height: auto; padding: 10px; }
#subscribe_to_newsletter img:hover { outline: 2px solid #FEA500; }

.newsletter-wrapper { padding: 50px; max-width: 700px; width: calc(100% - 100px);}
.newsletter-wrapper h1, .newsletter-wrapper p { margin-bottom: 20px; }
.newsletter-wrapper form { }
.newsletter-wrapper form .fields {display: block; float: left; width: calc(100% - 170px); margin-right: 20px;}
.newsletter-wrapper input[type=email] { display: block; background-color: white; width: 100%;border: none; height: 36px;  padding-left: 15px; padding-right: 15px; }
.newsletter-wrapper input[type=submit] { display: block; float: left; padding: 0 20px; height: 36px; border: 2px solid white; outline: none; background-color: black; font-size: 20px; color: white; cursor: pointer; width: 150px;}
.newsletter-wrapper input[type=submit]:hover { background-color: white; color: black; }
@media screen and (max-width: 600px) {
	.newsletter-wrapper {width: auto;}
	.newsletter-wrapper form { display: block; }
	.newsletter-wrapper form .fields {float: none; width: 100%; margin: 0; margin-bottom: 20px;}
	.newsletter-wrapper form input {}
	.newsletter-wrapper form input[type="email"] { margin-bottom: 10px; float: none; }
	.newsletter-wrapper form input[type="submit"] { text-align: center; }
	#subscribe_to_newsletter { bottom: 4px; right: 4px; }
	#footer { padding-bottom: 60px; }
}

/* messages */
.msg {text-align: center; color: white; font-weight: bold; position: fixed; top: 0; width: 60%; z-index: 100; border-radius: 0 0 10px 10px; line-height: 20px; font-size: 14px;}
.msg_inner {padding: 15px 3%; position: relative;}
.msg .icon {display: block; float: left; margin-top: -10px; margin-right: 10px;}
.msg a {color: white; text-decoration: underline;}
.msg a:hover {text-decoration: none;}
.msg .close {position: absolute; top: 5px; right: 10px; line-height: 10px; width: 10px; display: block; text-transform: uppercase; cursor: pointer; color: white; font-weight: bold; text-align: center;}
.msg.error {background-color: #C70404;}
.msg.success {background-color: #249502;}
.msg.notice {color: #575757; background-color: #f1f3f2;}
.msg.notice a {color: #575757;}

.msgText {padding: 10px 3%; text-align: center; margin-bottom: 10px; color: white; font-size: 16px;}
.msgText a {color: white; text-decoration: underline;}
.msgText a:hover {text-decoration: none;}
.msgText.error {background-color: #e95807;}
.msgText.success {background-color: #4fb14e;}
.msgText.notice {color: #575757; background-color: #f1f3f2;}
.msgText.notice a {color: #575757;}

.error404 {background-color: white;}
.error404 img {max-width: 100%;}

.center { text-align: center; }
.right { text-align: right; }
.bold { font-weight: bold; }
div.col { float: left; }
a { text-decoration: none; }
.c { float: none !important; clear: both !important; }
div.imgHoverImg { position: relative; }
div.prevButton a { position: absolute; top: 20px; right: 40px; display: block; background: url('images/prevbutton.png') no-repeat center left; min-width: 25px; height: 25px; padding-left: 33px; color: #000; text-transform: uppercase; font-weight: bold; font-size: 12px; padding-top: 10px;}
div.prevButton a:hover { background: url('images/prevbutton_hover.png') no-repeat center left; }

.h1 {color: white; font-size: 160px;}
.h2, div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {text-transform: uppercase; font-size: 36px; color: white;}
.h2 a {color: white !important; text-decoration: none !important;}

p a {color: #bfbfbf;} /* #868686*/
p a:hover {text-decoration: underline;}

.button {display: inline-block; font-size: 20px; font-weight: bold; text-transform: uppercase; color: white; line-height: 34px; padding: 10px 40px; border: 1px solid white; transition: 0.4s; font-family: 'Cormorant Garamond', serif;}
.button:hover, #main-boxes *:hover > * > .button {color: black; background-color: white;}

.button2 {display: inline-block !important; font-weight: bold; text-transform: uppercase; color: white !important; background-color: #F5A623; padding: 10px 40px; transition: 0.4s; text-decoration: none !important; margin: 0  !important; cursor: pointer; border: 0 !important;}
.button2:hover {background-color: #DD9620;}

body { width: 100%; }
div#wrapper { width: 1280px; margin: 0px auto; position: relative; }
	div#wrapper div#title { text-indent: -9999px; height: 0px; }
	#header { position: relative; padding: 30px 0 60px;}
		#header .top {padding-bottom: 60px;}
			#header .logo { display: block; margin: 0 auto; width: 153px;}
				#header .logo img {display: block; height: 86px; width: auto;}
			#header .social {float: right; padding: 26px 0;}
				#header .social a {display: inline-block; vertical-align: top; margin-left: 10px; opacity: 0.9; transition: 0.2s;}
				#header .social a:hover {opacity: 1;}
					#header .social a img {display: block; height: 34px; width: auto;}
			#header .langs {float: right; font-size: 20px; padding: 26px 0; line-height: 34px; font-weight: bold;}
				#header .langs li {display: block; float: left;}
				#header .langs li:after {display: block; float:left; content: '\2022'; padding: 0px 5px; color: white;}
				#header .langs li:nth-last-child(2):after {content: '';}
					#header .langs li a { display: block; float: left;text-transform: uppercase; color: white; text-decoration: none; }
					#header .langs li a:hover { text-decoration: underline; }
					
		#header nav {display: block;}
			#header nav ul {display: block; text-align: center;}
				#header nav ul li {display: inline-block; vertical-align: top; padding: 0 10px;}
					#header nav ul li a {font-size: 20px; color: white; text-transform: uppercase; padding: 0 20px;}
					#header nav ul li a:hover {text-decoration: underline;}
					#header nav ul li.active a {text-decoration: underline;}
						#header nav ul li a img {display: inline-block; vertical-align: top; width: 34px; height: auto; margin-right: 10px;}
					#header nav ul li ul {display: none;}
						#header nav ul li ul li {padding: 3%; max-width: 460px; padding: 3%; background-color: white; border-radius: 8px; margin: 10px auto;}
							#header nav ul li ul .name a { display: block; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: black; text-decoration: none; text-align: center; font-weight: bold; padding-bottom: 20px;}
							#header nav ul li ul .short_name a {display: none !important; font-weight: bold; display: block; font-family: 'Cormorant Garamond', serif; font-size: 14px; color: #bfbfbf; text-decoration: none; text-align: center;}
							#header nav ul li ul .image a {display: block; padding-bottom: 20px;}
								#header nav ul li ul .image a img {display: block; width: 100%;}
			
	#categories { display: block; z-index: 100; position: absolute; top: 172px; left: 0px; width: 100%; display: none; padding-top: 54px;}
		#categories #topborder {position: absolute; top: 0; left: 0; font-size: 20px; color: white; text-transform: uppercase; padding: 0 30px;}
		#categories #topborder:after {content: ''; position: absolute; top: 120%; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 10px 6px 0 6px; border-color: white transparent transparent transparent;}
			#categories ul { padding: 0px 20px; }
				#categories li { float: left; padding: 3%; width: 16%; background-color: white; border-radius: 8px; margin: 0 1.5% 1.5%;}
				#categories li.list {}
					#categories li.list div.image a {display: block; padding-bottom: 20px;}
					#categories li.list div.image a img {display: block; width: 100%;}
					#categories li.list div.name a { display: block; text-transform: uppercase; font-family: 'Cormorant Garamond', serif; font-size: 16px; color: black; text-decoration: none; text-align: center; font-weight: bold; padding-bottom: 20px;}
					#categories li.list div.name a:hover { }
					#categories li.list div.short_name a { font-weight: bold; display: block; font-family: 'Cormorant Garamond', serif; font-size: 14px; color: #bfbfbf; text-decoration: none; text-align: center;}
		#categoriesShadow { display: none; position: fixed; top: 0; left: 0; z-index: 90; background-color: rgba(0,0,0,0.8); width: 100vw; height: 100vh;}
	
		div#wrapper li.c { padding: 0; clear: both; float: none; }
		div#wrapper li.c_last { padding: 0; clear: both; float: none; }
	

		#main-boxes {margin-bottom: 80px;}
			#main-boxes .box {cursor: pointer; position: relative; border-radius: 10px; overflow: hidden; background-repeat: no-repeat; background-size: cover; background-position: center center; float: left; background-color: #111111; padding: 8% 2%; margin-bottom: 2%;}
			#main-boxes .box.nolink {cursor: default;}
			#main-boxes .box.w100 {float: none; width: 96%;}
			#main-boxes .box.w60 {width: 54%; margin-right: 2%;}
			#main-boxes .box.w40 {width: 36%; margin-right: 2%;}
			#main-boxes .box.w33 {width: 32%; margin-right: 2%; padding: 0;}
			#main-boxes .box.w33.last {margin-right: 0;}
				#main-boxes .box .text {}
					#main-boxes .box .text .h1 {margin-bottom: 20px;}
					#main-boxes .box .text .h2 {margin-bottom: 20px;}
					#main-boxes .box .text p {margin-bottom: 20px;}
			
			#main-boxes .box.ringbg {background-image: url('images/2023/main_box_ringbg.jpg'); background-size: auto 90%; background-position: 3% center;}
				#main-boxes .box.ringbg .text {padding-left: 40%;}
					#main-boxes .box.ringbg .text p {font-size: 20px;}
			#main-boxes .box.womenbg {background-image: url('images/2023/main_box_womenbg.jpg');}
				#main-boxes .box.womenbg .text {padding-left: 40%;}
			#main-boxes .box.womenbg2 {background-image: url('images/2023/main_box_womenbg2.jpg');}
				#main-boxes .box.womenbg2 .text {padding-left: 40%;}
			#main-boxes .box.ct1 {background-image: url('images/2023/1ct-os-karl.png');}
				#main-boxes .box.ct1 .text {padding-left: 20%;}
			#main-boxes .box.labor {background-image: url('images/2023/labor-gyemant.png');}
				#main-boxes .box.labor .text {padding-left: 40%;}
			#main-boxes .box.ringbg2 {background-image: url('images/2023/main_box_ringbg2.jpg');}
				#main-boxes .box.ringbg2 .text {width: 40%;}
			#main-boxes .box.gyemantbg {background-image: url('images/2023/main_box_gyemantbg.jpg');}
				#main-boxes .box.gyemantbg .text {padding-left: 60%;}
			
			#main-boxes .box.w33.bg1 {background-image: url('images/2023/main_box_w33_1.jpg');}
			#main-boxes .box.w33.bg2 {background-image: url('images/2023/main_box_w33_2.jpg');}
			#main-boxes .box.w33.bg3 {background-image: url('images/2023/main_box_w33_3.jpg');}
			
			#main-boxes .box.text-center .text *, #main-boxes .box.text-center .text {text-align: center;}
			
			#main-boxes .box.bottom {padding-top: 26%;}
				#main-boxes .box.bottom .text {background-color: rgba(0,0,0,0.5); padding: 8%;}
				
		#about-us {padding-bottom: 30px; margin-bottom: 60px;}
			#about-us .h2 {margin-bottom: 40px;}
			#about-us .items {margin-bottom: 20px;}
				#about-us .items .item {float: left; width: 23%; margin: 0 1%; background-color: #111111; border-radius: 10px; padding: 2%;}
					#about-us .items .item strong {display: block; color: white; margin-bottom: 10px;}
					#about-us .items .item .star {display: inline-block; vertical-align: top; width: 14px; height: 14px; background-image: url('images/2023/icon_star.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-right: 3px; margin-bottom: 15px;}
					#about-us .items .item p {}
			#about-us .right {}

		#blogs {padding-bottom: 100px;}
			#blogs .blog {margin-bottom: 60px;}
				#blogs .blog .img {float: left; width: 33%; margin-right: 4%; border-radius: 10px; overflow: hidden;}
					#blogs .blog .img a {display: block;}
						#blogs .blog .img a img {display: block; width: 100%;}
				#blogs .blog .text {float: left; width: 63%;}
					#blogs .blog .text .h2 {margin-bottom: 30px;}
					#blogs .blog .text p {margin-bottom: 20px;}


		
		div#wrapper div#content div.contentMain { position: relative; }
			div#wrapper div#content div.contentMain div#navbar { padding: 15px 40px; color: #bfbfbf; }
				div#wrapper div#content div.contentMain div#navbar a{ color: #bfbfbf; text-transform: uppercase; font-size: 11px; }
				div#wrapper div#content div.contentMain div#navbar a:hover { text-decoration: underline; }
				
				div#wrapper div#content div.contentMain div.contentMainText {  padding: 25px 40px; }
				div#wrapper div#content div.contentMain div.contentText { }
					div#wrapper div#content div.contentMain h2, div#wrapper div#content div.contentMain h1 { }
						div#wrapper div#content div.contentMain h1 a {color: white;}
						div#wrapper div#content div.contentMain h1 a:hover {color: white;}
					div#wrapper div#content div.contentMain div.h2border {  }				
					div#wrapper div#content div.contentMain div.contentText { padding: 30px 0 80px 0px; }
					div#wrapper div#content div.contentMain div.contentText p { }
					div#wrapper div#content div.contentMain div.contentText a {text-decoration: underline; color: #bfbfbf;}
					div#wrapper div#content div.contentMain div.contentText a:hover {text-decoration: none;}
					div#wrapper div#content div.contentMain div.contentText h1, div#wrapper div#content div.contentMain div.contentText h2 {font-family: 'Cormorant Garamond', serif;}
					div#wrapper div#content div.contentMain div.contentText iframe {border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
					div#wrapper div#content div.contentMain div.contentText small a {color: #bfbfbf !important; text-transform: uppercase; text-decoration: none;}
					div#wrapper div#content div.contentMain div.contentText small a:hover {text-decoration: underline;}
					
			.contentText_bg {background-color: #111; border-radius: 10px; overflow: hidden; padding: 60px 30px; margin-bottom: 20px;}
				.contentText_bg img {display: block; width: 100%; height: auto; border-radius: 10px; overflow: hidden;}
				.contentText_bg .h2 {margin-bottom: 30px;}
				
			.contentText_bg.type_1 {}
				.contentText_bg.type_1 .h2 {float: left; width: 33%;}
				.contentText_bg.type_1 p {float: right; width: 60%; margin-bottom: 60px;}
				
			.contentText_bg.type_2 {}
				.contentText_bg.type_2 .text {float: left; width: 47%; margin-right: 6%;}
				.contentText_bg.type_2 .img {float: left; width: 47%;}
		
		#footer {padding: 40px 0;}
			#footer .logo {display: block; width: 153px; margin: 0 auto 40px;}
				#footer .logo img {display: block; width: 100%; height: auto;}
			#footer h2 {text-align: center; margin-bottom: 40px;}
			#footer .categories {text-align: center; font-size: 18px; margin-bottom: 60px;}
				#footer .categories a {display: inline-block; vertical-align: top; text-decoration: none; color: #bfbfbf;}
				#footer .categories a:after {display: inline-block; vertical-align: top; content: '/'; padding: 0 10px; color: #bfbfbf !important; cursor: default;}
				#footer .categories a:hover {color: white;}
				#footer .categories a:nth-last-child(1):after {content: '';}
			#footer .col4 {}
				#footer .col4 .col {float: left; width: 21%; margin-right: 4%;}
				#footer .col4 .col:nth-child(1) {width: 28%;}
				#footer .col4 .col:nth-child(3) {width: 18%;}
					#footer .col4 .col:nth-last-child(2) {margin-right: 0;}
					#footer .col4 .col h3 {font-size: 24px; margin-bottom: 20px; text-transform: uppercase;}
					#footer .col4 .col p {line-height: 200%;}
					#footer .col4 .col img {display: block; width: 80%;}
					#footer .col4 .col a {color: #bfbfbf;}
					#footer .col4 .col a:hover {color: white;}
					#footer .col4 .col nav {}
						#footer .col4 .col nav ul {}
							#footer .col4 .col nav ul li {display: block; margin-bottom: 10px;}
					#footer .col4 .col iframe {display: block; width: calc(100% - 4px); height: 200px;}
					
					
		#promo {padding: 0 40px 40px; margin-bottom: 40px; border-bottom: 1px solid #343434;}
			#promo .item {float: left; width: 23.3334%; margin: 0 5%;}
				#promo .item img {float: left; margin-right: 20px;}
				#promo .item p {color: #f5f5f5;}
				
		#banner, .banner {border-radius: 10px; overflow: hidden;}
		#banner img, .banner img {display: block; width: 100%; height: auto;}
			
			
		div.fb {float: right;}
		div.fb > a {background: url("images/facebook-share.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);  display: block; height: 18px; width: 100px; float: left; vertical-align: top; margin-right: 20px; margin-top: 3px;}
		div.fb.en > a {background: url("images/facebook-share_en.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 63px; }
		div.fb.de > a {background: url("images/facebook-share_de.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); width: 64px; }
		div.fb .fb-like {float: left; vertical-align: top;}
		
		.contact_form {width: 510px; padding-top: 50px;}
			.contact_form form {padding: 20px;}
				.contact_form label {font-size: 14px; display: inline-block; vertical-align: top; width: 150px; margin-bottom: 20px; padding-top: 10px;}
				.contact_form input[type=text], .contact_form input[type=email] {padding-left: 5px; padding-right: 5px; width: 300px; height: 40px; border: 1px solid #888;}
				.contact_form textarea {border: 1px solid #888; padding: 5px; width: 300px; height: 100px; resize: none;}
				.contact_form .submit {text-align: center; padding: 10px;}
				.contact_form input[type=submit] {cursor: pointer; border: 0px; padding: 10px 30px; background-color: #F5A623; color: white !important;}
				.contact_form input[type=submit]:hover {background-color: #F5A623;}
				
			.error_message {text-align: center; padding: 5px; color: white; background-color: red;}
			.success_message {text-align: center; padding: 5px; color: white; background-color: green;}
			
		
		.contact_form_new {width: auto; background-color: #c9c9c9; border-radius: 10px; overflow: hidden; padding: 60px 30px; margin-bottom: 20px;}
			.contact_form_new .col {float: left; width: 47%; margin-right: 6%;}
			.contact_form_new .col:nth-child(2) {margin-right: 0;}
			.contact_form_new label {display: inline-block; vertical-align: top; width: 130px; line-height: 40px; margin-bottom: 20px; color: black;}
			.contact_form_new label.chk {width: calc(100% - 180px); line-height: 20px;}
			.contact_form_new input[type=text], .contact_form_new input[type=email] {display: inline-block; vertical-align: top; width: calc(100% - 140px); height: 40px; margin-bottom: 20px; border: 0; border-bottom: 1px solid black; color: black; background-color: transparent; transition: 0.2s;}
			.contact_form_new textarea {display: inline-block; vertical-align: top; width: calc(100% - 140px); height: 100px; margin-bottom: 20px; border: 0; border-bottom: 1px solid black; color: black; background-color: transparent; resize: none; font-family: 'PT Sans', sans-serif;  transition: 0.2s;}
			
			.contact_form_new input[type=text]:hover, .contact_form_new input[type=email]:hover, .contact_form_new textarea:hover, .contact_form_new input[type=text]:focus, .contact_form_new input[type=email]:focus, .contact_form_new textarea:focus {box-shadow: 0 0 6px rgba(0,0,0,0.2);}
			
			.contact_form_new input[type=checkbox] {display: inline-block; vertical-align: top; border: 2px solid #414141; border-radius: 0; margin-right: 10px; width: 16px; background-color: transparent; margin-left: 140px; margin-top: 3px;}
			.contact_form_new input:focus, .contact_form_new textarea:focus {outline: none;}
			.contact_form_new .submit {text-align: right;}
				.contact_form_new .submit input {text-transform: uppercase; color: black; font-size: 20px; font-weight: bold; border: 0; background-color: white; cursor: pointer; border: 0; transition: 0.4s; padding: 10px 40px;}
				.contact_form_new .submit input:hover {color: white; background-color: black;}
			
			
.drop {
	color: #9F9F9F;
	cursor: pointer;
	margin: 10px 0 10px 45px;
}

#hidden {
	padding: 20px 0 20px 45px;
}

#hidden .box {
	float: left;
	margin-right: 92px;
	width: 350px;
}

.last {margin-right: 0 !important;}

#hidden h2 {
	border-bottom: 1px solid #333;
    color: #F4F4F4;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 12px;
    padding-bottom: 10px;
}

#hidden p {
	color: #DDD;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

#hidden a {
	color: #FFF;
	background: #e4aa52; 
	background: -moz-linear-gradient(top, #e4aa52 0%, #b1741a 100%); 
	background: -webkit-linear-gradient(top, #e4aa52 0%,#b1741a 100%); 
	background: linear-gradient(to bottom, #e4aa52 0%,#b1741a 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4aa52', endColorstr='#b1741a',GradientType=0 ); 
	border-radius: 5px;
	display: block;
	font-size: 16px;
	font-style: italic;
	line-height: 40px;
	margin-top: 20px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
	text-transform: uppercase;
	height: 40px;
	transition: .5s;
}

#hidden a:hover {
	box-shadow: 0 0 30px rgba(255, 197, 111, .8);
}

.cb {clear: both; font-size: 0px; height: -1px;}


/* RESPONSIVE UTÁN GLOBAL CSS VÁLTOZÁSOK ----- START*/
div{
	box-sizing: border-box !important;
}

/* Termék lista - START */
	.webshop_product_list{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.webshop_product_list_main{
		width: 100%;
	}

	div.webshop_product_list ul li.list{
		width: calc(22% - 14px) !important;
		margin: 1.5% 1.5% !important;
	}

	div.webshop_product_list div.contentText{
		margin: 15px 0 !important;
	}

	div.webshop_product_list ul{
		margin: 10px 0 !important;
	}

	div.webshop_product_list ul li.list div.image img{
		width: 100%;
		height: auto;
		display: block;
	}

	.jewel-content ul{
		padding-left: 0 !important;
	}

	.jewel-content ul li{
		float: none !important;
		clear: both !important;
	}

	/* Termék lista - END */

/*hamburger menu -- START*/
.menu_icon {
	margin-top: 5px;
	margin-right: 10px;
	display: none;
	float: right;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.menu_icon.v1 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 80%;
  background: #fff;
  opacity: 1;
  left: 10%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.menu_icon.v1 span:nth-child(1) {
  top: 8px;
}

.menu_icon.v1 span:nth-child(2) {
  top: 19px;
}

.menu_icon.v1 span:nth-child(3) {
  top: 30px;
}

.menu_icon.v1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.menu_icon.v1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.menu_icon.v1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*hamburger menu -- END*/

li.c{
	display: none !important;
}

.contact_form{
	padding-top: 10px !important;
}

#hidden{
	display: block !important;
}

#hidden p,
#hidden h2{
	font-family: Arial;
	color: #9f9f9f !important;
}
#hidden p{
  font-size: 13px;
  /*text-align: justify;*/
  line-height: 20px;
}
#hidden h2{
  font-size: 20px;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

#hidden{
	padding: 20px !important;
}

#hidden .box{
	width: 31.33% !important;
}

#hidden div:nth-of-type(1){
	margin: 0 !important;
}

#hidden div:nth-of-type(2){
	margin: 0 3% !important;
}

.drop{
	display: none;
}

div.webshop_product_show div.data{
	margin-left: 0;
	padding-left: 20px;
}

div.webshop_product_show div.image .oneImage {
	border-radius: 10px;
	overflow: hidden;
}

div.webshop_product_show div.image .oneImage img{
	width: 100%;
	height: auto;
	display: block;
}

div.webshop_product_show div.image{
	border-right: 0 !important;
}


div.webshop_product_show div.data .kw_basket{
	margin: 20px 0 10px 0 !important;
}

#hidden a,
#hidden a:hover{
	display: block !important;
  padding: 15px 10px 15px 10px !important;
  background-color: white !important;
  color: black !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  font-style: italic !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background: #fff !important;
  font-family: times !important;
  font-weight: bold !important;
  line-height: 30px !important;
  height: auto !important;
  margin: 20px auto 0 auto !important;
  width: 90% !important;
  text-align: center !important;
  transition: 0s !important;
  border-radius: 0 !important;
  text-shadow: none !important;
}

#hidden .box{
	position: relative;
	padding-bottom: 70px;
}

#hidden .box p:last-child{
	position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 90%;
}

/* RESPONSIVE UTÁN GLOBAL CSS VÁLTOZÁSOK ----- END*/