.post-type-archive							{background: url(images/MG_1699_cut.jpg) 0 -150px  no-repeat; background-size: cover cover; background-attachment:fixed;}

body, html				{width:100%;}
body 					{font-family: Din, 'Fira Sans', Titillium,  'Fira Sans', Times, 'Open sans', 'Lucida sans',  'Droid Serif', Arial, Raleway, sans-serif; font-weight: 300; font-size: 0.9em; color: #000; line-height:1.2em !important;}


strong, b 				{font-weight: bold;}
em, i 					{font-style: italic;}
.clear 					{clear: both;}
a:link, a:visited, a:active {color: #000; text-decoration: none;}
a:hover 				{xxxcolor: #333333; xxxtext-decoration: none;}
.noevents				{pointer-events: none;}



.outer					{border:0px solid cyan; margin:0px; position: relative; margin-left: 25%}
#page					{border: 0px solid cyan;  margin: 0 auto; position: relative;}
#container, #main		{margin-left: 360px}
#content 				{border: 0px solid orange; width: 100%; max-width: 1100px; margin: 0 auto;}
#sidebar 				{border: 0px solid orange;}
#header					{height: 100%; border: 0px solid orange;}
#footer-bar				{margin-left: 360px; padding-bottom: 100px;}
#footer					{border: 0px solid orange; width: 100%; max-width: 1100px; margin: 0 auto; position: relative; padding-top:20px;}

.header_wrap			{height: 100%; position: fixed; top:0; z-index:10; pointer-events: none;}		
.hline					{xxxborder-bottom: 1px solid #000; margin-bottom: 0px;}



header#hmain #logo 		{display: none}
.logo					{top:75px; left: -10px; font-size:77px; letter-spacing: -2px; border:0px solid red; position:fixed; width:200px; pointer-events: auto}
.logo span.subline		{font-size:12px; color:#000; display: inline-block; height:25px; border-left:1px solid #000; position: relative; top: -0px; padding: 12px 0 0 5px; letter-spacing: 0; margin: 0 0 0 7px; text-align: left;}
.logo span.o8			{position: relative; color:#000; top: -30px; font-family: DIN;}


.header-inner				{background: rgba(0,0,0,0.0) !important; width:100%;}
.header-inner .container 	{max-width: none !important;}

#icl_lang_sel_widget-1			{left:200px;}



#social_media_widget					{position: fixed; border:0; left:60px; top: 500px; text-align:left; z-index:30;}
.me										{border:0; left:50px; top: 600px; text-align:left; z-index:30;}
.me										{pointer-events: auto}
.me	.name								{font-size:0.7rem; line-height:0.9rem;}		
.me .bar								{width:73px; height:4px; background: #000; margin-bottom: 19px;}


h1						{font-size: 36px; opacity: 1; margin: 30px 0px; color: #000; line-height: 1em}
h3						{font-size: 12px; margin: 3px 0 3px 0;}
h3, .menu li a 			{letter-spacing:0.1px;}
.woocommerce-LoopProduct-link h3		{white-space: normal}
.xxxwoocommerce-LoopProduct-link		{margin-top:0; display: inline-block; height: 0}


sup 						{position: relative; bottom: 1rem; font-size: 1rem;}
.copyright					{font-size: 0.7rem;}
.breadcrumb					{font-size: 0.7rem; margin: 5px 0 0 44px; pointer-events: auto;}
.social-media				{border:0px solid red; margin-bottom: 10px; top:-50px;}
.social-media .social-icon				{width:34px; height:34px; position: relative; float:left; margin-right: -2px;}
.social-media .social-icon.facebook		{background: url(images/css-sprite.png) 0px    -280px no-repeat;}
.social-media .social-icon.twitter		{background: url(images/css-sprite.png) -40px  -280px no-repeat;}
.social-media .social-icon.google		{background: url(images/css-sprite.png) -200px  -280px no-repeat;}
.social-media .social-icon.linkedin		{background: url(images/css-sprite.png) -80px -280px no-repeat;}
.social-media .social-icon.pinterest	{background: url(images/css-sprite.png) -120px -280px no-repeat;}
.social-media .social-icon.instagram	{background: url(images/css-sprite.png) -160px -280px no-repeat;}
.social-media .social-icon.email		{background: url(images/css-sprite.png) -240px -280px no-repeat;}

.styleswitcher			{pointer-events: auto; position: absolute; width: 40px; height:40px; left:0; top:20px; background: url(images/css-sprite.png) -120px -80px no-repeat; border:0px solid red; cursor:pointer;}




 /* Menu */
.clearboth 											{margin: 0; padding: 0; clear: both;}
.menu-hauptmenue-container 							{z-index:100; margin-top:230px; margin-left:40px; position: relative;} 
.menu-hauptmenue-container ul 						{margin: 0; padding: 0; list-style: none; pointer-events:auto} 
.menu-hauptmenue-container a:link, .menu-hauptmenue-container  a:visited 	{color: #000; text-decoration: none;} 
.menu-hauptmenue-container a 						{display: block; padding: 2px 4px 2px 12px; font-size:14px; color: #000; line-height:1.1rem; xxxopacity: 0.5} 
.menu-hauptmenue-container ul li 					{margin-right: 0.5%; position: relative; xxxborder-radius: 3px} 
.menu-hauptmenue-container ul ul  					{display: none; opacity: 0} 
.menu-hauptmenue-container ul ul li  				{float:none; xxxbackground: rgba(256,256,256,0.6); margin: 0 0 0 15px;} 
.xxxmenu-hauptmenue-container ul ul ul				{position: absolute; left: 100%; top: -2px;} 
.menu-hauptmenue-container ul ul li a  				{color: #000; white-space: nowrap;} 
header#hmain .navbar ul   li a 						{color: #000 !important;} 

/* aktuelles element */
.menu-hauptmenue-container li.current_page_item > a {background: url(images/arrow-left-light.png) 1px 4px no-repeat; opacity: 1; font-weight: 400;}	
.menu-hauptmenue-container li.current_page_item ul	{display: block; opacity: 1} /* aktuelles element */


#menu-item-313										{margin-top:21px;}
#menu-item-123										{margin-top:21px;}
#menu-item-124										{xxxmargin-left:50px; xxxposition: relative} /* Shop */
#menu-item-124 a									{}	
		 
.gallery						{margin-top:9px;}	 
.gallery-item 					{display: inline-block; position: relative; width: 20%; margin-top:0 !important}
.gallery-icon 					{margin-top: 65%} /* hier Grösse/Aspect-Ratio der Thumbs einstellen */
.gallery-icon a 				{position: absolute; top: 0; bottom: 0; left: 0; right: 0; xxxoutline: 1px solid #000; overflow:hidden; }
.gallery-icon a img				{width:100%; height:auto; border:0 !important;}
.gallery-item dd				{display: none;}
.gallery-icon a 				{transition: all 2s ease-out;} /* Lightbox Transition, wenn nicht () */





.fadeout	{opacity: 1;}
.lightbox button, .lightbox .button						{background: none;}
.lightbox button:hover, .lightbox .button:hover 		{background: auto; border:0;}

.lightbox *									{box-sizing: content-box;}
.lightbox									{margin:0; height:100%;}
.lightbox .inner							{width: 100%; height:100%;background: white;}
.lightbox .gallery-item 					{width: 100%; display: block; overflow:hidden; padding:0;margin:0;} /* fullscreen : width: 100%  100%*/
.lightbox .gallery-item a img:hover			{width: 100%; margin:0;}
.lightbox .gallery-item a					{width:100%; height:100%; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color:#fff} /* cover entfernt, ums zu animiere, Ken Burnes, hier vertikale Verschiebung des Ausschnitts einstellen */
.lightbox .gallery-icon						{margin:0;}
.lightbox .button 							{position: absolute; width:40px; height:40px; z-index: 1; cursor:pointer; border-radius: 0;width: 40px; height:40px; cursor: pointer; position: relative; padding:0; margin:0; border:0;}
.lightbox .gallery-item .button 			{opacity: 0;}		
.lightbox .overlay							{width:100%; height:100%; position: absolute; background-color:rgba(0,0,0,0.8);}

.lightbox .buttonrow						{top:0; right:0; z-index:2; position: absolute;}
.lightbox .button.next						{right:0px; top:0; height:100%; width:50%; position: absolute; border:0px solid red; background:none;}
.lightbox .button.prev 						{left: 0px; top:0; height:100%; width:50%; position: absolute; border:0px solid red; background:none;}
.lightbox .button.next .arrow				{right:-1px; top: calc(50% - 20px); height:40px; width:40px; background: url(images/css-sprite.png) -80px -160px no-repeat; position: absolute; border:0px solid cyan;}
.lightbox .button.prev .arrow				{left: 0px;  top: calc(50% - 20px); height:40px; width:40px; background: url(images/css-sprite.png) 0     -160px no-repeat; position: absolute; border:0px solid cyan;}
.lightbox .button.zoomin					{float:right; background: url(images/css-sprite.png) -320px 0 no-repeat;}
.lightbox .button.zoomout					{float:right; background: url(images/css-sprite.png) -400px 0px no-repeat;}
.lightbox .button.details					{float:right; background: url(images/css-sprite.png) -480px 0px no-repeat;}
.lightbox .button.box						{float:right; background: url(images/css-sprite.png) -240px 0px no-repeat;}
.lightbox .button.zoom						{float:right; background: url(images/css-sprite.png) -160px 0 no-repeat;}
.lightbox .button.slideshow					{float:right; background: url(images/css-sprite.png) 0 -80px no-repeat;}
.lightbox .button.top						{float:right; background: url(images/css-sprite.png) -240px 0px no-repeat;}
.lightbox .button.fullscreen				{float:right; background: url(images/css-sprite.png) 0 0 no-repeat;}
.lightbox .button.close 					{float:right; background: url(images/css-sprite.png) -80px 0 no-repeat;}
.lightbox .counter							{font-size:2.8em; position: absolute; top:30px; right:25px; color: black}
.lightbox .descr							{font-size:1em; position: absolute; top:60px; right:0px; width: 210px; border:0px solid red; color: black; }
.lightbox .descr h4							{margin-bottom: 10px; font-weight:normal;}
	

.lightbox .thumbs							{position: absolute; bottom: 0; right:0; width:100%; text-align: right; opacity: 1; z-index: 2; white-space: nowrap; overflow:hidden;}
.lightbox .thumbs img						{width:auto !important; height: 35px; margin:0; padding:0; float:left; position:relative; cursor:pointer}
.lightbox .thumbs h3						{display: none;} 
.lightbox .thumbs p							{display: none;} 
.lightbox .thumbs span.price				{display: none;} 
.lightbox .inner:hover .fadeout  			{opacity: 1;}	

.lightbox button, .lightbox .button						{xxxbackground: none;}
.lightbox button:hover, .lightbox .button:hover 		{xxxbackground: none;}
.lightbox button:blur, .lightbox .button:blur 			{xxxbackground: none}

.fullscreenmode .lightbox 					{border:0px solid red; position: fixed; height:100%; width: 100%; top:0; left:0; z-index: 10}
.fullscreenmode .lightbox .inner			{height:100%; width: 100%;}
.fullscreenmode .lightbox .gallery-item 	{height:100%; width: 100%;}
.fullscreenmode .lightbox .gallery-icon		{height:100%; width: 100%;}
.fullscreenmode .lightbox .gallery-icon		{margin-top: 0;}
.fullscreenmode .lightbox .thumbs			{right: 0; bottom: 0; position: absolute; width: auto; white-space:nowrap;}
.fullscreenmode .lightbox .thumbs a			{width:3%; display:inline-block; xxxfloat: none;}
.fullscreenmode .lightbox .counter			{right:25px; margin-left: 0; top:200px; opacity: 0;}
.fullscreenmode .lightbox .descr			{right:25px; margin-left: 0; top:130px; text-align: right}
.fullscreenmode .fadeout 					{opacity: 0;}	
.fullscreenmode .header_wrap 				{opacity: 0;}	
.fullscreenmode:hover .header_wrap 			{opacity: 1;}	
.fullscreenmode:hover .fadeout				{opacity: 1;}	



.zoommode .lightbox							{width:100%; height:100%; top:0; position: fixed; margin:0 auto; border:1px solid #000; z-index:100}
.zoommode .lightbox .inner					{width:75%; height:75%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); position: absolute; xxxoutline: 1px solid rgba(0,0,0,0.1); padding-right:250px}
.zoommode .gallery							{visibility: visible;}	
.zoommode .lightbox .gallery-item 			{height:100%; width: 100%;}
.zoommode .lightbox .gallery-icon			{height:100%; width: 100%;}
.zoommode .lightbox .gallery-icon			{margin-top: 0;}
.zoommode .lightbox .thumbs					{bottom: auto; position: relative;}
.zoommode .lightbox .thumbs img				{height: 30px;}
.zoommode .lightbox .button.close 			{margin-left:210px;}
.zoommode .lightbox .descr					{padding:10px; width: 230px; top:80px}
.zoommode .lightbox .counter				{right:20px; bottom:18px; top: auto;}
.zoommode .lightbox .button:not(.close)					{opacity: 0}
.zoommode .fadeout 										{opacity: 0;}
.zoommode .lightbox .inner:hover .button:not(.close)	{opacity: 1;}	

.boxmode .lightbox							{width:100%; height:100%; top:0; position: relative; margin:0 auto; border:1px solid #000; z-index:100}
.boxmode .lightbox .inner					{width:75%; height:75%; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2); position: absolute; xxxoutline: 1px solid rgba(0,0,0,0.1); padding-right:250px}
.boxmode .gallery							{visibility: visible;}	
.boxmode .lightbox .gallery-item 			{height:100%; width: 100%;}
.boxmode .lightbox .gallery-icon			{height:100%; width: 100%;}
.boxmode .lightbox .gallery-icon			{margin-top: 0;}
.boxmode .lightbox .thumbs					{bottom: auto; position: relative;}
.boxmode .lightbox .thumbs img				{height: 30px;}
.boxmode .lightbox .button.close 			{margin-left:210px;}
.boxmode .lightbox .descr					{padding:10px; width: 230px; top:80px}
.boxmode .lightbox .counter				{right:20px; bottom:18px; top: auto;}
.boxmode .lightbox .button:not(.close)					{opacity: 0}
.boxmode .fadeout 										{opacity: 0;}
.boxmode .lightbox .inner:hover .button:not(.close)	{opacity: 1;}	


.topmode .lightbox							{position: fixed; top:0; left:0; width: calc(100% - 360px); height:100%; margin-left: 360px; top:0; background: none; z-index: 10}
.topmode .lightbox .inner					{background:white; height:100%; width: 100%;}			
.topmode .lightbox .gallery-item 			{position: static;}
.topmode .lightbox .overlay					{background-color: none}
.topmode .lightbox .gallery-icon > a		{xxxheight:94%}
.topmode .lightbox .counter					{left:25px;}
.topmode .lightbox .descr					{left:25px;}
.topmode .lightbox .thumbs					{right: 0; bottom: 0; position: absolute; width: auto; xxxwhite-space:nowrap;}
.topmode .lightbox .thumbs a				{width:4%; display:inline-block; xxxfloat: none;}
.topmode .lightbox .thumbs a	img			{width:100%;}
.topmode .lightbox .buttonrow 				{position: absolute; top:0; right:0;}
.topmode .lightbox .fadeout 				{opacity: 0;}	
body.topmode								{overflow: hidden;}	
body.fullscreenmode							{overflow: hidden;}	

.fullscreenmode .fadeout,
.lightbox .fadeout, 				 	 	
.lightbox .thumbs, 				 	 	
.fullscreenmode .header_wrap,				
.zoommode .button.button:not(.close)		{transition: opacity 1s ease}


.tiles 		{position: absolute; width: 100%; height:100%; z-index: 100; pointer-events: none;}
.tile		{background: black; float: left; transition: opacity 0.5s ease; pointer-events: auto;}

















.wonderpluginslider-container				{width:100% !important; max-width:100% !important; height:200px !important; xxxoverflow:hidden }
.wonderpluginslider							{width:100% !important; height:200px !important;}





.amazingslider-nav-container-1												{position:relative; bottom:72px}	
.amazingslider-bullet-wrapper-1												{width:50% !important; }
.amazingslider-bullet-1, .amazingslider-bullet-image-1						{width:100% !important; height:100px !important;}	



.amazingslider-slider-1						{display:none !important;}
.amazingslider-wrapper-1					{margin-top:0px;}

*/

/*
    transform: scale(1, 1);
	transition: all 0.2s ease-in-out 0.1s;
*/


.teaser_wrap				{border: 0px solid black; width: 700px;}
ul.teaser li 				{float: left;}
ul.teaser li a				{display: block;}
ul.teaser li a.txt			{padding: 2px 0;}
ul.teaser:after 			{content: ''; display: block; clear: both;}








ul.products li.product														
.woocommerce ul.products li.product:nth-child(2n+1), 
.woocommerce ul.products li.product:nth-child(3n),
.woocommerce ul.products li.product:nth-child(2n+1),
.woocommerce ul.products li.product:nth-child(2n+1),
.woocommerce ul.products li.product:nth-child(2n),
.woocommerce ul.products li.product,
.wc-content ul.products li.product,
.woocommerce ul.products li.product											{width: calc(20% - 0px); margin:0 !important; margin-right:0 !important;}


#page .entry .woocommerce ul.products li.product							{position: relative; outline: 0px solid black; margin: 0px 0px 0 0; display: inline-block;}	
#page .entry .woocommerce .products a img									{height:auto; margin:0;}
#page .entry .woocommerce .product .size-shop_catalog						{width:100%; min-width:60px;}
#page .entry .woocommerce .products a h3 									{position: absolute; bottom:0; opacity: 0; color:white; background: rgba(0,0,0,0.6); padding: 1px 5px; font-size: 0.8rem}
#page .entry .woocommerce .products a p 									{display: none;}
#page .entry .woocommerce .products a br 									{display: none;}
#page .entry .woocommerce .products a.product_type_simple					{display: none;}
#page .entry .woocommerce .products a.button								{display: none;}
#page .entry .woocommerce .products .star-rating							{display: none;}
#page .entry .woocommerce ul.products li.product, 
#page .entry .woocommerce-page ul.products li.product 						{float:none;}


#page .entry .woocommerce .products a:hover h3								{opacity: 1;}
#page .entry .products .price												{position: absolute; top:20px; left:20px; z-index:3; }
#page .entry .woocommerce .products a h3									{transition: all 1s}
#page .entry .woocommerce .products .product p								{display: none;}











.term-naturfotografie-auswahl.woocommerce ul.products li.product.post-82			{width: 60%; float:right;}





#page .entry .woocommerce ul.products li.post-47							{width: 60%; float:left;}
#page .entry .woocommerce ul.products li.post-49							{width: 60%; float:right;}
#page .entry .woocommerce ul.products li.post-46							{width: 40%; float:left}
#page .entry .woocommerce ul.products li.post-48							{width: 40%; float:left}
#page .entry .woocommerce ul.products li.post-285							{width: 40%; float:left}
#page .entry .woocommerce ul.products li.post-309							{width: 60%; float:right;}
#page .entry .woocommerce ul.products li.post-342							{width: 40%; float:right;}
#page .entry .woocommerce ul.products li.post-395							{width: 80%; float:left;}
#page .entry .woocommerce ul.products li.post-347							{width: 60%; float:right;}


.xxxwoocommerce ul.products li.product.r5									{float:left; width:				 calc(20% * 5 - 0px);}
.xxxwoocommerce ul.products li.product.r4									{float:left; width:				 calc(20% * 4 - 0px);}
.xxxwoocommerce ul.products li.product.r3									{float:left; width:				 calc(20% * 3 - 0px);}
.xxxwoocommerce ul.products li.product.r2									{float:left; width:				 calc(20% * 2 - 0px);}
.xxxwoocommerce ul.products li.product.right								{float:right;}






#page .entry .page-title													{position: static; margin: 3px 0 3px 0; font-size: 100px; opacity:1; color:black; display: block; line-height:1em}
#page .entry ul.products li .price											{display: none;}		

#page .product .xxxcart														{float:left;}						
#page .product .input-text													{width: 50px; margin: 3px 0; xxxborder:1px solid red;}
#page .product table.variations	td											{padding-right:5px;}














.woocommerce .woocommerce-message 											{border-top-color: #000;}





.woocommerce														{font-size:0.9rem}
.woocommerce-main-image												{float:left; display: inline-block; width:75%}
.related.products ul.products li									{border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.related.products ul.products li .price								{display: none;}
.related.products ul.products li br									{display: none;}
.related.products ul.products li h3									{margin:0}		
#page .product .related.products h2									{margin:30px 0 8px 0 }
#page .related.products .wp-post-image 							{width:12%; height:auto; border: 1px solid #ccc}


.thumbnails															{float:left; border-left:1px solid #ccc; margin-left:20px; padding-left:20px; width:200px; position: relative; }
#page .product .images .size-shop_thumbnail							{width:45%; height:auto; margin:0 8px 8px 0}
.summary															{clear: both; padding-top:1px;}

#page button, 
#page .woocommerce #respond input#submit, 
#page .woocommerce a.button, 
#page .woocommerce button.button, 
#page .woocommerce input.button 									{background: black; color: white; border:1px solid black; margin: 5px 0; padding:3px; cursor: pointer; font-weight:normal; border-radius: 0; font-size:0.9em}
#page .woocommerce .product_type_variable							{position: absolute; bottom:0px; right:0px;}

#page .product .images .attachment-shop_single						{width:100%; height:auto; xxxborder:1px solid #ccc; xxxpadding: 5px; border: 1px solid #ccc}
#page .product h1													{font-size:30px;}	
#page .product  .product_type_simple								{display: none;} 

.woocommerce-breadcrumb												{font-size:0.8em; margin:5px 0;}



body header#hmain									{overflow: visible;}
body header#hmain.menu-open							{overflow: visible}
body header#hmain .header-inner						{display: block !important; min-height:0 !important; height:50px; border:0; padding:0; background: none !important;}
body header#hmain .header-inner .container 			{background-color: inherit !important; width: auto; margin-left:16px; padding:0; height:100%;}
body .mobile-nav  									{display: none;}
body .mobile-nav .mobile-nav-trigger				{font-size: 30px; text-shadow: none; color: black;}
body .logo-text	.pagetitle							{font-weight: 300 !important; font-size: 1em !important;}
body .logo-text	.subtitle							{display: none !important;}
body #widget_shopping_cart							{top:5px}
body 												{margin: 0; min-height: initial !important;}
#nav-wrapper										{z-index: 100;}



.color-picker						{position: absolute; z-index: 2000; overflow:visible; left:300px;}

.color-picker .activecolor			{width: 20px; height:20px; display: inline-block; background-color: #aaa; cursor:pointer; outline: 1px solid black; outline-offset: -1px; margin:-1px 0 0 -1px}
.color-picker .colors				{display: none; position: absolute; left:0px; top: 19px; cursor:pointer; width: 66px}
.color-picker:hover .colors			{xxxdisplay: block;} 


.color-picker .color			    {outline: 1px solid black; outline-offset: -1px; width: 20px; height:20px; display: inline-block; float:left; margin:-1px 0 0 -1px}
.color-picker .color:hover		    {outline: 1px solid black; outline-offset: -1px}
.color-picker .colors .col1			{background-color: #eee}
.color-picker .colors .col2			{background-color: #333}
.color-picker .colors .col3			{background-color: #666}
.color-picker .colors .col4			{background-color: #AAA}
.color-picker .colors .col5			{background-color: #eee}
.color-picker .colors .col6			{background-color: orange}





.woocommerce-result-count							{display: none;}




.term-naturfotografie-auswahl	h3		{display: none;}




mark 												{background: none; color: #ccc;}
.wc-gzd-additional-info.tax-info					{display: none !important}				
.wc-gzd-additional-info.shipping-costs-info			{display: none!important}	




@media only screen and (max-width: 800px) {
	body .mobile-nav  					{display: inline-block;}
	#main-wrapper						{margin-left:0;}
	
	.topmode .lightbox					{margin-left:0; width: 100%;}
	body #social_media_widget			{position: absolute; top:20px; z-index: 100; left:16px; display: block !important}
	body .social-media 					{display: none; width: 140px;}
	body #logo_widget					{display: none;}
	body .menu-left						{display: none;}
	body header#hmain #logo 			{display: block; padding:5px;}
	#nav-wrapper 						{border: 0 none; left: 0; margin: 0; position: fixed; top: 100px; width: 100%; }

	.lightbox  .descr, 
	.lightbox .counter, 
	.breadcrumb, .styleswitcher, 
	.me .name, 
	.me .bar 								{display: none;}
	.xxxfullscreenmode .lightbox 				{height: calc(100% - 50px); margin-top:50px;}
	.zoommode .lightbox .inner 				{padding-right: 0}

	#footer-bar								{margin-left:0; padding:20px;}
	mark.count 								{display: none;}	
	.lightbox .thumbs img {height: 30px;}


	.zoommode .lightbox .button.close 			{margin-left:0px;}
	#hmain {xxxdisplay: none; xxxborder: 10px solid yellow; xxxpointer-events: none; z-index: 8 !important}
	.zoommode .lightbox .buttonrow {top: -40px}
}






@media only screen and (max-width: 660px) {
	xxxdl.gallery-item			{width: 31.33% !important}
	.woocommerce ul.products li.product {width: 33.33333% !important}

}





@media only screen and (max-width: 400px) {
	#page .entry .woocommerce ul.products li.product							{width: calc(50% - 0px) !important;}	

	ul.products li.product .woocommerce ul.products li.product:nth-child(2n+1), 
	.woocommerce ul.products li.product:nth-child(3n), 
	.woocommerce ul.products li.product:nth-child(2n+1), 
	.woocommerce ul.products li.product:nth-child(2n+1), 
	.woocommerce ul.products li.product:nth-child(2n), 
	.woocommerce ul.products li.product, 
	.wc-content ul.products li.product, .woocommerce ul.products li.product {
	    margin: 0 !important;
	    width: calc(50% - 0px) !important;
	}
	.lightbox .thumbs img {width: 22px}
	body #social_media_widget			{display: none !important;}


	xxxdl.gallery-item			{width: 50% !important}


}



	


header#hmain .header-inner .container 					{padding: 0;}
header#hmain .widget_search								{margin-left:20px;}
header#hmain .widget_search input 						{border:0; border-bottom: 1px solid #fff; background: transparent; width:70px !important;}
header#hmain .widget_search button 						{border:0; background: transparent;}
header#hmain .switch	li								{float:left; list-style: none; }
header#hmain .switch	a								{color: #fff; xxxtext-transform: uppercase; font-size: 0.8rem; display: block; margin: 0 0 0 8px; padding: 5px 0; line-height: 1em;}
header#hmain .switch	a.selected						{border-bottom: 5px solid orange;}
header#hmain #lang_sel_list                				{margin-top: 50px;}
header#hmain #lang_sel_list ul 							{border:0; position: relative; top:7px;}
header#hmain #lang_sel_list a 							{background-color: transparent; color: #fff; font-size:0.7rem; padding:5px 0; margin: 0 0 0 8px; text-transform: lowercase;}			
header#hmain #lang_sel_list a.lang_sel_sel				{border-bottom: 4px solid #a86700;}
header#hmain .cart-icon-img								{font-size: 1.8rem}



dt.gallery-item 				{}