/* 

Theme Name: Heroes Museum Online
Version: 2.0 (improved webshop)
Author: Pascal de Man
Author URI: http://www.pascaldeman.com

*/

* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
}

html { font-size: 62.5% }
html, body { 
/*	position: fixed; */
	width: 100%; 
	height: 100%; 
	overflow: hidden;
}

body { 
	font: 400 14px/1.4 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
	color: #000;

	text-rendering: optimizeLegibiity;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-moz-osx-font-smoothing: grayscale;

	background: #fff;
	-webkit-overflow-scrolling: touch;
}
p, h1, h2, h3, h4, h5, h6, ul, ol { margin-bottom: 1em }
h1, h2, h3, h4, h5, h6 {
	font-size: 1.2em;
	line-height: 1.2em;
}
div {
	position: relative;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;

	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
}
img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
	  user-select: none;

  -webkit-user-drag: none;
	  	user-drag: none;

  -webkit-touch-callout: none;
}
img:not( [src] ) { 
	visibility: hidden; 
	opacity: 0;
}
img.loaded { 
	opacity: 1;

	-webkit-transition: opacity .25s;
	   -moz-transition: opacity .25s;
			transition: opacity .25s;
}

input, button { border-radius: 0; -webkit-appearance: none  }


a,
span[style="text-decoration: underline"] {
	text-decoration: none !important;
	border-bottom: 1px solid #fff;
}

.notransition, .notransition * {
	-webkit-transition: none !important;
	   -moz-transition: none !important;
			transition: none !important;
}
.notransition * { pointer-events: none }
.notransition div.summary,
.notransition div.summary:after,
.notransition div.full-text {
	background-color: #000 !important;
	transform: none !important;
}

#main {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;

	-webkit-overflow-scrolling: touch;

	overflow-x: hidden;
	overflow-y: auto;

	transform: none;
}

#wrapper { 
	height: auto;
	width: 1440px;
	max-width: 100%;

	margin: 0 auto;
	padding-top: calc(160px + 5.4em + 4px);

	transform: none;
}
#header { 
	position: fixed;
	top: 0;
	width: 1440px;
	max-width: 100%;
	height: 160px;
	background: #fff;
	z-index: +3;
}

#header .menu {
	position: absolute;
	width: 100%;
	height: 100%;

	display: table;
	border-spacing: 8px;
}
#header .menu > * {
	position: relative; 
	height: 100%;

	border: none;
	background-color: #000;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	-webkit-transition: -webkit-box-shadow .2s, opacity .35s;
	   -moz-transition:    -moz-box-shadow .2s, opacity .35s;
			transition: 	    box-shadow .2s, opacity .35s;

	display: table-cell;
}
#header .menu > *:hover { 
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}
#header .menu > a:not(#btn-filter):hover,
#header .menu > a:not(#btn-filter):active,
#header .menu > a.selected { opacity: 0.3 }

#header .menu > a#btn-filter:hover,
#header .menu > a#btn-filter:active { background-color: #333; opacity: 0.4 }
#header .menu > a#btn-filter:hover .pulldownmenu .field,
#header .menu > a#btn-filter:active .pulldownmenu .field { color: #333; cursor: pointer }

#header .menu #btn-heroes {
	width: 37.5%;
	
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 656.94 232'%3E%3Cpath fill='%23fff' d='M45,47.66H66.81v54.78H107V47.66h21.81V184.34H107V120.79H66.81v63.55H45Z'/%3E%3Cpath fill='%23fff' d='M148.44,47.66h73.93V66H170.25v38h48.93v18.35H170.25V166H224v18.35H148.44Z'/%3E%3Cpath fill='%23fff' d='M285.92,47.66c19.15,0,34.57,9.57,34.57,35.1,0,17.55-8,31.11-22.87,33.51v.27c13.56,1.33,20.74,8.78,21.54,27.92.27,8.78.27,19.41.8,27.66.27,6.65,3.72,9.84,6.38,12H301.61c-2.13-2.39-3.19-6.65-3.72-12-.8-8.24-.53-16-1.06-25.79-.27-14.89-5.05-21.54-19.94-21.54H259.06v59.3H237.26V47.66m39.89,60.9c14.09,0,21.81-8.51,21.81-22.34,0-14.63-6.38-22.34-20.74-22.34H259.6v44.67Z'/%3E%3Cpath fill='%23fff' d='M334.32,116c0-48.93,13.83-71,45.21-71s45.21,22.34,45.21,71c0,48.93-13.83,71-45.21,71S334.32,164.66,334.32,116Zm68.61-.53c0-46-10.37-54-23.4-54s-23.4,8-23.4,54c0,47.07,10.37,55,23.4,55S402.93,162.54,402.93,115.47Z'/%3E%3Cpath fill='%23fff' d='M441.22,47.66h73.93V66H463v38H512v18.35H463V166h53.72v18.35H441.22Z'/%3E%3Cpath fill='%23fff' d='M547.32,142.06v3.46c0,16.75,7.18,25,22.34,25,13.83,0,20.74-9.84,20.74-19.94,0-14.36-7.18-20.74-19.41-24.2l-14.89-5.05c-19.94-7.71-28.72-18.08-28.72-37.76,0-25,16.75-38.56,42.55-38.56,35.1,0,38.56,21.81,38.56,35.9v3.19H586.67V81.16c0-12.5-5.58-19.68-19.15-19.68-9.31,0-18.35,5.05-18.35,19.68,0,11.7,5.85,17.55,20.48,23.13l14.63,5.32c19.41,6.91,27.66,17.55,27.66,36.16,0,29-17.55,41.22-45.21,41.22-33.77,0-41.48-22.6-41.48-41.75v-3.19Z'/%3E%3C/svg%3E")
}
#header .menu #btn-collection {
	width: 21.31%;
	
	background-image: url(images/btn-collection.svg);
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 468.48 232'%3E%3Cpath fill='%23fff' d='M87.58,46h18.76c11.39,0,16.34,7.13,16.34,17.26,0,10.59-6.21,17.49-17.26,17.49H97.13v24.4H87.69V46ZM97,73.65h6.67c5.06,0,9.44-2.76,9.44-10.24,0-6.33-2.53-10.24-10.13-10.24H96.9V73.65Z'/%3E%3Cpath fill='%23fff' d='M126.36,75.72c0-21.17,6-30.72,19.56-30.72s19.56,9.67,19.56,30.72-6,30.72-19.56,30.72S126.36,96.78,126.36,75.72ZM156,75.38C156,55.47,151.56,52,145.92,52s-10.13,3.45-10.13,23.36c0,20.37,4.49,23.82,10.13,23.82S156,95.86,156,75.38Z'/%3E%3Cpath fill='%23fff' d='M172.62,46h20.83c8.29,0,15,4.14,15,15.19,0,7.59-3.45,13.46-9.9,14.5v.12c5.87.58,9,3.8,9.32,12.08.12,3.8.12,8.4.35,12a6.46,6.46,0,0,0,2.76,5.18h-10.7c-.92-1-1.38-2.88-1.61-5.18-.35-3.57-.23-6.9-.46-11.16-.12-6.44-2.19-9.32-8.63-9.32h-7.71v25.66h-9.44V46Zm17,26.35c6.1,0,9.44-3.68,9.44-9.67,0-6.33-2.76-9.67-9-9.67h-8.06V72.39Z'/%3E%3Cpath fill='%23fff' d='M224.05,54.09H210V46.15h37.4v7.94H233.6V105.3h-9.55Z'/%3E%3Cpath fill='%23fff' d='M251.44,46h20.94c8.29,0,15,4.14,15,15.19,0,7.59-3.45,13.46-9.9,14.5v.12c5.87.58,9,3.8,9.32,12.08.12,3.8.12,8.4.35,12a6.46,6.46,0,0,0,2.76,5.18H279.29c-.92-1-1.38-2.88-1.61-5.18-.35-3.57-.23-6.9-.46-11.16-.12-6.44-2.19-9.32-8.63-9.32h-7.71v25.66h-9.44Zm17,26.35c6.1,0,9.44-3.68,9.44-9.67,0-6.33-2.76-9.67-9-9.67h-8.06V72.39Z'/%3E%3Cpath fill='%23fff' d='M306,46h12.08l15.53,59.15h-9.9L320.14,90.8H302.88l-3.8,14.5h-9.9ZM318.53,83.2l-6.79-29.11h-.23l-7,29.11Z'/%3E%3Cpath fill='%23fff' d='M336.13,46h9.44v59.15h-9.44Z'/%3E%3Cpath fill='%23fff' d='M363.29,54.09h-14V46.15h37.4v7.94H372.84V105.3h-9.55Z'/%3E%3Cpath fill='%23fff' d='M83.89,164.56v1.27c0,10.7-4.26,21.17-18.18,21.17-15,0-19.56-9.67-19.56-30.72s4.6-30.72,19.68-30.72c16.8,0,17.84,12.43,17.84,18.53v1H74.23v-1c0-5.52-1.61-11.74-8.4-11.51-6.9,0-10.13,4.26-10.13,23.36s3.11,23.82,10.13,23.82c7.82,0,8.75-8.75,8.75-14.27v-1h9.32Z'/%3E%3Cpath fill='%23fff' d='M87.81,156.28c0-21.17,6-30.72,19.56-30.72s19.56,9.67,19.56,30.72-6,30.72-19.56,30.72S87.81,177.33,87.81,156.28Zm29.69-.35c0-19.91-4.49-23.36-10.13-23.36S97.24,136,97.24,155.93c0,20.37,4.49,23.82,10.13,23.82S117.5,176.3,117.5,155.93Z'/%3E%3Cpath fill='%23fff' d='M133,126.59h9.44v51.21h22.9v7.94H133V126.59Z'/%3E%3Cpath fill='%23fff' d='M168.47,126.59h9.44v51.21h22.9v7.94H168.47V126.59Z'/%3E%3Cpath fill='%23fff' d='M205.18,126.59h32v7.94H214.62V151h21.17v7.94H214.62v18.87h23.24v7.94H205.18Z'/%3E%3Cpath fill='%23fff' d='M280.09,164.56v1.27c0,10.7-4.26,21.17-18.18,21.17-15,0-19.56-9.67-19.56-30.72S247,125.55,262,125.55c16.8,0,17.84,12.43,17.84,18.53v1h-9.44v-1c0-5.52-1.61-11.74-8.4-11.51-6.9,0-10.13,4.26-10.13,23.36S255,179.75,262,179.75c7.82,0,8.75-8.75,8.75-14.27v-1h9.32Z'/%3E%3Cpath fill='%23fff' d='M295.17,134.64h-14V126.7h37.4v7.94H304.72v51.21h-9.44V134.64Z'/%3E%3Cpath fill='%23fff' d='M322.21,126.59h9.44v59.15h-9.44Z'/%3E%3Cpath fill='%23fff' d='M338.32,156.28c0-21.17,6-30.72,19.56-30.72s19.56,9.67,19.56,30.72-6,30.72-19.56,30.72S338.32,177.33,338.32,156.28Zm29.69-.35c0-19.91-4.49-23.36-10.13-23.36s-10.13,3.45-10.13,23.36c0,20.37,4.49,23.82,10.13,23.82S368,176.3,368,155.93Z'/%3E%3Cpath fill='%23fff' d='M384.58,126.59h11.51l17.15,44.07h.12V126.59h9v59.15H410.82l-17.15-45.22h-.12v45.22h-9Z'/%3E%3C/svg%3E");
}
#header .menu #btn-filter {
	width: 21.31%;

	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 468.48 232'%3E%3Cpath fill='%23fff' d='M82.74,84v1.27c0,10.7-4.26,21.17-18.18,21.17-15,0-19.56-9.67-19.56-30.72S49.6,45,64.68,45c16.8,0,17.84,12.43,17.84,18.53v1H73.08v-1c0-5.52-1.61-11.74-8.4-11.51-6.9,0-10.13,4.26-10.13,23.36S57.66,99.2,64.68,99.2c7.82,0,8.75-8.75,8.75-14.27v-1h9.32Z'/%3E%3Cpath fill='%23fff' d='M99.31,46H111.4l15.53,59.15h-9.78L113.47,90.8H96.21l-3.8,14.5h-9.9ZM112,83.2l-6.79-29.11h-.12L98,83.2Z'/%3E%3Cpath fill='%23fff' d='M135.1,54.09h-14V46.15h37.4v7.94H144.65V105.3h-9.44V54.09Z'/%3E%3Cpath fill='%23fff' d='M162.49,46h32V54H171.93V70.43H193.1v7.94H171.93V97.24h23.24v7.94H162.49V46Z'/%3E%3Cpath fill='%23fff' d='M230.38,98.39h-.12c-2.53,5.52-6,8.06-12.89,8.06-12.89,0-17.61-9.67-17.61-30.72S205.76,45,219.45,45c14.84,0,17.26,11.74,17.26,17v1h-9.09V61.69c0-4.37-1.84-9.67-8.29-9.67-6.67,0-10.24,4.49-10.24,23.36,0,19.1,3.11,23.82,9.55,23.82,7.25.12,9.9-5.18,9.9-18.07h-9.9V74h18.87v31.18h-7.13V98.39Z'/%3E%3Cpath fill='%23fff' d='M242.93,75.72c0-21.17,6-30.72,19.56-30.72s19.56,9.67,19.56,30.72-6,30.72-19.56,30.72S242.93,96.78,242.93,75.72Zm29.69-.35c0-19.91-4.49-23.36-10.13-23.36s-10.13,3.45-10.13,23.36c0,20.37,4.49,23.82,10.13,23.82S272.61,95.86,272.61,75.38Z'/%3E%3Cpath fill='%23fff' d='M289.18,46H310c8.29,0,15,4.14,15,15.19,0,7.59-3.45,13.46-9.9,14.5v.12c5.87.58,9,3.8,9.32,12.08.12,3.8.12,8.4.35,12a6.46,6.46,0,0,0,2.76,5.18H316.8c-.92-1-1.38-2.88-1.61-5.18-.35-3.57-.23-6.9-.46-11.16-.12-6.44-2.19-9.32-8.63-9.32h-7.71v25.66H289V46ZM306.1,72.39c6.1,0,9.44-3.68,9.44-9.67,0-6.33-2.76-9.67-9-9.67h-8.06V72.39Z'/%3E%3Cpath fill='%23fff' d='M332,46h9.44v59.15H332Z'/%3E%3Cpath fill='%23fff' d='M349.6,46h32V54H359V70.43h21.17v7.94H359V97.24h23.24v7.94H349.6Z'/%3E%3Cpath fill='%23fff' d='M395.4,86.89v1.5c0,7.25,3.11,10.82,9.67,10.82,6,0,9-4.26,9-8.63,0-6.21-3.11-9-8.4-10.47l-6.44-2.19c-8.63-3.34-12.31-7.82-12.31-16.23,0-10.82,7.25-16.69,18.41-16.69C420.48,45,422,54.44,422,60.53v1.38h-9.44V60.65c0-5.41-2.42-8.52-8.29-8.52-4,0-7.94,2.19-7.94,8.52,0,5.06,2.53,7.59,8.86,10l6.33,2.3c8.4,3,12,7.59,12,15.65,0,12.54-7.59,17.84-19.56,17.84-14.61,0-18-9.78-18-18.07V87h9.44Z'/%3E%3Cpath fill='%23fff' d='M100,156.28c0-21.17,6-30.72,19.56-30.72s19.56,9.67,19.56,30.72-6,30.72-19.56,30.72S100,177.33,100,156.28Zm29.57-.35c0-19.91-4.49-23.36-10.13-23.36s-10.13,3.45-10.13,23.36c0,20.37,4.49,23.82,10.13,23.82S129.58,176.3,129.58,155.93Z'/%3E%3Cpath fill='%23fff' d='M146.15,126.59h31.53v7.94H155.59V151h20.83v7.94H155.59v26.81h-9.44Z'/%3E%3Cpath fill='%23fff' d='M202,126.59h31.53v7.94H211.4V151h20.83v7.94H211.4v26.81H202Z'/%3E%3Cpath fill='%23fff' d='M247.18,126.59h12.08l15.53,59.15h-9.9l-3.68-14.5H244l-3.8,14.5h-9.9Zm12.54,37.17-6.79-29.11h-.12l-7,29.11Z'/%3E%3Cpath fill='%23fff' d='M277.79,126.59h14.73L303,170.43h.12l10.24-43.84h14.38v59.15h-9V136.48h-.12l-12,49.25h-7.94l-12-49.25h-.12v49.25h-9V126.59Z'/%3E%3Cpath fill='%23fff' d='M336.36,126.59h32v7.94H345.8V151H367v7.94H345.8v18.87H369v7.94H336.36Z'/%3E%3C/svg%3E");
}
#header .menu #btn-filter .pulldownmenu {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: 57%;
}

#header .menu #btn-filter .pulldownmenu .field {
	width: 84%;
	height: 77%;
	margin: 0 auto;

	font-weight: 600;
	font-size: 30px;
	letter-spacing: -1px;
	line-height: 2em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;

	background: #000;
	border: 1px solid #fff;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;

	-webkit-user-drag: none;
			user-drag: none;

	-webkit-touch-callout: none;

	display: none;
	cursor: default;
	z-index: +1;
}
#header .menu #btn-filter .pulldownmenu .field:after {
	position: absolute;
	left: calc(50% - 16px); top: 100%;
	width: 0;
	height: 0;
	content: '';

	border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 18px solid #fff;

	display: block;
}
#header .menu #btn-filter:hover .pulldownmenu .field {
	color: #000;
	background: white;
}

#header .menu #btn-filter .pulldown {
	position: absolute;
	top: 100%; left: 0;
	width: 100%;
	max-height: 0;

	font-weight: 600;
	font-size: 1.5em;
	letter-spacing: -0.5px;
	line-height: 1.5em;
	color: #fff;

	-webkit-transition: -webkit-box-shadow .4s, max-height .5s;
	   -moz-transition:    -moz-box-shadow .4s, max-height .5s;
			transition: 	    box-shadow .4s, max-height .5s;

	background: black;

	overflow-y: hidden;
	visibility: hidden;
}
#header .menu #btn-filter:hover .pulldown {
	max-height: 1000px;

	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);

	visibility: visible;
}
#header .menu #btn-filter .pulldown > div {
	text-align: center;
	text-transform: uppercase;

	border-top: 1px solid #fff;
	cursor: pointer;
}
#header .menu #btn-filter .pulldown > div:hover {
	color: #000;
	background: white;
}
#header .menu #btn-filter .pulldown > div.selected {
	font-style: italic;
}


#header .menu #btn-order {
	width: 19.88%;
	
	background-image: url(images/btn-order.svg);
/*	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.5 232'%3E%3Cpath fill='%23fff' d='M99.51,53.11H85.45v-8h37.46v8H109.08V104.7H99.63V53.11Z'/%3E%3Cpath fill='%23fff' d='M126.95,45h9.45V68.88h17.4V45h9.45v59.58H153.8V77H136.4v27.7h-9.45Z'/%3E%3Cpath fill='%23fff' d='M171.89,45h32v8H181.34V69.57h21.21v8H181.34v19h23.28v8H171.89Z'/%3E%3Cpath fill='%23fff' d='M54.45,167.29v1.51c0,7.3,3.11,10.9,9.68,10.9,6,0,9-4.29,9-8.69,0-6.26-3.11-9-8.41-10.55l-6.45-2.2c-8.64-3.36-12.33-7.88-12.33-16.34,0-10.9,7.26-16.81,18.44-16.81,15.21,0,16.71,9.51,16.71,15.65v1.39H71.62v-1.28c0-5.45-2.42-8.58-8.3-8.58-4,0-8,2.2-8,8.58,0,5.1,2.54,7.65,8.87,10.08l6.34,2.32c8.41,3,12,7.65,12,15.76,0,12.64-7.61,18-19.59,18-14.64,0-18-9.85-18-18.2v-1.39h9.45Z'/%3E%3Cpath fill='%23fff' d='M125.45,164.4v1.28c0,10.78-4.26,21.33-18.21,21.33-15,0-19.59-9.74-19.59-31s4.61-31,19.71-31c16.83,0,17.86,12.52,17.86,18.66v1h-9.45v-1c0-5.56-1.61-11.82-8.41-11.59-6.92,0-10.14,4.29-10.14,23.53s3.11,24,10.14,24c7.84,0,8.76-8.81,8.76-14.37v-1h9.34Z'/%3E%3Cpath fill='%23fff' d='M142,126.14h12.1l15.56,59.58h-9.91l-3.69-14.61H138.82L135,185.72H125.1Zm12.56,37.44-6.8-29.33h-.12l-7,29.33Z'/%3E%3Cpath fill='%23fff' d='M193.56,126.14c8.3,0,15,4.17,15,15.3,0,7.65-3.46,13.56-9.91,14.61v.12c5.88.58,9,3.83,9.34,12.17.12,3.83.12,8.46.35,12.06a6.52,6.52,0,0,0,2.77,5.22H200.36c-.92-1-1.38-2.9-1.61-5.22-.35-3.59-.23-7-.46-11.24-.12-6.49-2.19-9.39-8.64-9.39h-7.72v25.85h-9.45V126.14m17.17,26.55c6.11,0,9.45-3.71,9.45-9.74,0-6.38-2.77-9.74-9-9.74H182v19.47Z'/%3E%3Cpath fill='%23fff' d='M215.92,126.14H247.5v8H225.37v16.58h20.86v8H225.37v27h-9.45V126.14Z'/%3E%3C/svg%3E"); */

	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 437.2 232'%3E%3Cpath fill='%23fff' d='M110.8 75.7c0-21.2 6-30.7 19.6-30.7S150 54.7 150 75.7s-6 30.7-19.6 30.7-19.6-9.7-19.6-30.7zm29.7-.4c0-19.9-4.5-23.4-10.1-23.4s-10.1 3.5-10.1 23.4c0 20.4 4.5 23.8 10.1 23.8 5.6.1 10.1-3.4 10.1-23.8zM157.1 46H178c8.3 0 15 4.1 15 15.2 0 7.6-3.5 13.5-9.9 14.5v.1c5.9.6 9 3.8 9.3 12.1.1 3.8.1 8.4.3 12 .1 2.9 1.6 4.3 2.8 5.2h-10.7c-.9-1-1.4-2.9-1.6-5.2-.3-3.6-.2-6.9-.5-11.2-.1-6.4-2.2-9.3-8.6-9.3h-7.7v25.7H157v-59h.1V46zm17.1 26.3c6.1 0 9.4-3.7 9.4-9.7 0-6.3-2.8-9.7-9-9.7h-8.1v19.3h7.7v.1zM200.5 46h16.8c18.5 0 20.8 12.1 20.8 29.6s-2.3 29.6-20.8 29.6h-16.8V46zm9.6 52.1h7.8c7.8 0 11-5.2 11-22.4 0-16.7-2.8-22.4-11-22.4h-7.8v44.8zM245.5 46h32v7.9H255v16.5h21.2v7.9H255v18.9h23.2v7.9h-32.7V46zm38.8 0h20.8c8.3 0 15 4.1 15 15.2 0 7.6-3.5 13.5-9.9 14.5v.1c5.9.6 9 3.8 9.3 12.1.1 3.8.1 8.4.3 12 .1 2.9 1.6 4.3 2.8 5.2h-10.7c-.9-1-1.4-2.9-1.6-5.2-.3-3.6-.2-6.9-.5-11.2-.1-6.4-2.2-9.3-8.6-9.3h-7.7v25.7h-9.4v-59h.2V46zm17 26.3c6.1 0 9.4-3.7 9.4-9.7 0-6.3-2.8-9.7-9-9.7h-8.1v19.3h7.7v.1zM60.2 134.7h-14v-7.9h37.4v7.9H69.7v51.2h-9.4l-.1-51.2zm27.6-8.1h9.4v23.7h17.4v-23.7h9.4v59.1h-9.4v-27.5H97.2v27.5h-9.4v-59.1zm45 0h32v7.9h-22.6V151h21.2v7.9h-21.2v18.9h23.2v7.9h-32.7v-59.1h.1zm64.8 40.9v1.5c0 7.2 3.1 10.8 9.7 10.8 6 0 9-4.3 9-8.6 0-6.2-3.1-9-8.4-10.5l-6.4-2.2c-8.6-3.3-12.3-7.8-12.3-16.2 0-10.8 7.2-16.7 18.4-16.7 15.2 0 16.7 9.4 16.7 15.5v1.4h-9.4v-1.3c0-5.4-2.4-8.5-8.3-8.5-4 0-7.9 2.2-7.9 8.5 0 5.1 2.5 7.6 8.9 10l6.3 2.3c8.4 3 12 7.6 12 15.7 0 12.5-7.6 17.8-19.6 17.8-14.6 0-18-9.8-18-18.1v-1.4h9.3zm71.1-2.9v1.3c0 10.7-4.3 21.2-18.2 21.2-15 0-19.6-9.7-19.6-30.7s4.6-30.7 19.7-30.7c16.8 0 17.8 12.4 17.8 18.5v1H259v-1c0-5.5-1.6-11.7-8.4-11.5-6.9 0-10.1 4.3-10.1 23.4s3.1 23.8 10.1 23.8c7.8 0 8.7-8.7 8.7-14.3v-1h9.4zm16.7-38h12.1l15.5 59.1h-9.9l-3.7-14.5h-17.3l-3.8 14.5h-9.9l17-59.1zm12.5 37.2l-6.8-29.1h-.1l-7 29.1h13.9zm18.2-37.2h20.8c8.3 0 15 4.1 15 15.2 0 7.6-3.5 13.5-9.9 14.5v.1c5.9.6 9 3.8 9.3 12.1.1 3.8.1 8.4.3 12 .1 2.9 1.6 4.3 2.8 5.2h-10.7c-.9-1-1.4-2.9-1.6-5.2-.3-3.6-.2-6.9-.5-11.2-.1-6.4-2.2-9.3-8.6-9.3h-7.7v25.7h-9.4v-59h.2v-.1zm17 26.4c6.1 0 9.4-3.7 9.4-9.7 0-6.3-2.8-9.7-9-9.7h-8.1v19.3l7.7.1zm26.4-26.4H391v7.9h-22.1V151h20.8v7.9h-20.8v26.8h-9.4v-59.1z'/%3E%3C/svg%3E");
}

#banners { 
	position: fixed;
	top: 160px;
	width: 1440px;
	max-width: 100%;
	padding: 0 8px 4px;
	font-weight: 600;
	font-size: 1.8em;
	line-height: 1.5em;
	color: #fff;

	-webkit-touch-callout: none;
	pointer-events: none;
	pointer: default;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
        	user-select: none;

	background: #fff;
	z-index: +2;
}
#banners > div { 
	height: 1.5em;
	margin-bottom: 8px;
	background: #000;
	white-space: nowrap;
	vertical-align: middle;
	overflow: hidden;
}
#banners > div:last-child { margin-bottom: 4px }
#banners > div > div > div { 
	height: 100%;
	display: inline-block;
	pointer-events: none;
}

#banners { text-transform: uppercase }
#banners img { 
	float: left; 
	width: 1.5em;
	height: 1.5em;

	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);

	will-change: transform;
}


#intro {
	position: absolute;
	top: 0; left: 0;
	background: #fff;
	color: #fff;
	pointer-events: none;
	z-index: -1;
}




#content { 
	padding-top: 8px;
	padding: 8px 4px 0;
}

.gallery { 
	width: 100%;
	margin: 0;
	vertical-align: top;
}
.gallery:after {
	clear:both;
	height: 0;
	content: '';
	display: block;
}
.gallery > * { 
	float :left;
	width: 12.5%;
	padding: 4px;
	white-space: normal;
	vertical-align: top;

	background-position: 4px 4px;
	background-size: calc(100% - 8px) auto;
	background-repeat: no-repeat;
	background-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=' );

/*	-webkit-transition: -webkit-filter .25s;
    		transition: 		filter .25s; */

	-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);

	will-change: transform;

	cursor: pointer;
}
.gallery > *:not(.filler):before {
	height: 0;
	padding-top: calc(100% - 1px);
	content: '';
	display: block;
	cursor: pointer;

}
.gallery > *:not(.filler).selected:before {
	margin-bottom: -4px;
	border: 2px solid #000;

	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
}

.gallery > div.filler { cursor: default }
.gallery > div.filler > div { 
	padding-bottom: calc(100% + 16px + 5.2em + 6.5px);
	background: #000;
}
.gallery > div.filler:before { display: none }

.gallery > * > * { pointer-events: none }

.gallery a { color: #fff }

.gallery > div > div {
	font-size: 1.1em;
	color: #fff; 
	background-color: #000;
}
.gallery > div > div,
.gallery > div > div:before,
.gallery > div > div:after {
	transition: background-color .2s;
}
.gallery > div > div > p:last-child { margin-bottom: 0 }

.gallery > div > div.summary {
	height: calc(16px + 5.2em + 7px);
	padding: 8px;
	
	text-overflow: ellipsis;

	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;

	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	    -ms-hyphens: auto;
			hyphens: auto;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;

	-webkit-user-drag: none;
			user-drag: none;

	-webkit-touch-callout: none;

	overflow: hidden;
	
	display: -webkit-box;
}
.gallery > div > div.summary:after {
    position: absolute;
    top: calc(14px + 5.2em); bottom: 0;
    left: 0; right: 0;

    content: '';
    background: #000;
}
.gallery > div > div.full-text { 
	position: absolute;
	top: 4px; left: 4px;
	height: auto;
	min-height: calc(16px + 5.2em + 7px);
	margin-top: calc(100% - 9px);
	padding: 8px 8px calc(1em + 4px);
	pointer-events: all;
	cursor: text;

	display: none;
}
.gallery > div.last div.full-text { left: auto; right: 4px }
.gallery > div.second-to-last div.full-text { left: auto; right: calc(4px - 100%) }

.gallery .title-bar { 
/*	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 4px 8px;

	font-weight: 600;
	text-transform: uppercase; 

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;

	-webkit-user-drag: none;
		user-drag: none;

	-webkit-touch-callout: none;

	cursor: default; */



	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 2px 4px 0;

	font-weight: 600;
	color: #000;
	text-transform: uppercase;

	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
			user-select: none;

	-webkit-user-drag: none;
			user-drag: none;

	-webkit-touch-callout: none;

	background: #fff;
	border: 2px solid #000;
	cursor: default;

}
.gallery .title-bar .btn-close { 
	float: right;
	cursor: pointer !important;
}
.gallery .title-bar .btn-close:before { 
	width: 2em;
	text-align: right;
	content: 'X';
	display: inline-block;
}

.gallery > div.selected { z-index: +1 }
.gallery > div.selected div.full-text { 
	width: calc(200% - 8px);
	
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
	   -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);

	-webkit-transition: -webkit-box-shadow .4s;
	   -moz-transition:    -moz-box-shadow .4s;
			transition: 	    box-shadow .4s;
			
	display: block;
}

.gallery > div.blended { z-index: 0 }
.gallery > div.blended:before { background: rgba(179,179,179,0.2) }
.gallery > div.blended > div.summary,
.gallery > div.blended > div.summary:after,
.gallery > div.blended > div.full-text { background-color: #b3b3b3 }
.gallery > div.blended { 
	background-image: url('data:image/gif;base64,R0lGODlhAQABAPcAAAAAAAEBAQICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///ywAAAAAAQABAAAIBABnBQQAOw==');
	
    -webkit-filter: grayscale(100%);
	    	filter: grayscale(100%); 
}
.gallery > div.blended:hover {
	cursor: pointer;
	
    -webkit-filter: grayscale(50%);
	    	filter: grayscale(50%); 
}

#footer {
	padding: 4px 0;
	margin: 4px 8px 8px;

	font-weight: bolder;
	font-size: 46px;
	line-height: 1em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;

	-webkit-touch-callout: none;
	pointer-events: none;
	pointer: default;

	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
        	user-select: none;

	background: #000;
	overflow: hidden;
}
#footer br { display: none }

#footer.social-links { 
	width: calc(100% - 16px);

	font-size: calc((1440px - 224px) / 29) !important;
	display: table;
}
#footer.social-links > div { 
	width: 220px;
	padding: 0 4px;
	vertical-align: middle;
	display: table-cell;
	pointer-events: all;
}
#footer.social-links > div:first-child { 
	width: 100%;
	padding: 2px 0 0 8px;
	pointer-events: none;
}
#footer.social-links > div:last-child { 
	padding: 4px 4px 4px 0;
}

#footer.social-links .addtoany_list.a2a_kit_size_32 a {
	font-size: 37px !important;
}
#footer.social-links .addtoany_list { 
	display: block !important;
	font-size: 35px !important;
	line-height: 35px !important;
}

.addtoany_shortcode { margin-left: -4px }
.addtoany_list.a2a_kit_size_32 a > span { border-radius: 0 !important }


#content .product {
	height: calc(100% - 30px);
}
#content .product > div {
	padding: 1.75em 1.75em 1em;
	margin-right: -4px;
	
	color: #fff;
	background: #000;
	
	display: inline-block; /*  table-cell; */
	vertical-align: top;
	box-sizing: border-box;
	overflow-y: auto;
}
#content .product > div h1,
#content .product > div h2 { 
	margin-bottom: 0.5em;
	font-size: 1.5em; 
	font-weight: 600;
	text-transform: uppercase;
}
#content .product > div p { font-size: 1.35em }


#content .product .addtoany_content_bottom { padding-bottom: 1px }
#content .product .addtoany_content_bottom > div { margin-left: -2px }

.woocommerce { padding-bottom: 2em }
#add_payment_method #payment div.payment_box select, .woocommerce-cart #payment div.payment_box select, .woocommerce-checkout #payment div.payment_box select,
/* .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 17.6px !important } */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { 
/*	width: calc(50% - 16px); */
	
	font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif !important;
	font-weight: 600 !important; 
	text-transform: uppercase !important;
	text-align: center !important;
}


.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before { left: 1.29em; top: 0 /* 0.5em */ }

.woocommerce form .form-row .required { margin-left: 0.5em; text-decoration: none }
form.cart { padding: 1em 0 }

.woocommerce-message .button,
#content .product button {
	position: relative;
	padding: 0.5em 0.75em;
	font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
	font-size: 1.15em;
	font-weight: 600;
	line-height: 1em;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	cursor: pointer;
}
/* .woocommerce-message .button:before,
#content .product button:before {
	position: absolute;
	top: 0; left: 0;
	bottom: 0; right: 0;
	content: '';
	background: transparent;
	border: 2px solid #000;
} */
/* .woocommerce-message .button:hover,
#content .product button:hover {
	color: #fff;
	background: #000;
} */
.woocommerce .checkout-button { 
	width: auto !important;
	text-align: center;
	display: block !important;
}

#content .quantity > input {
	padding: 4px 4px 4px 14px;
	font-size: 1em;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: #000;
	border: 1px solid #fff;
	border-radius: 0;
}


#content .product .price { margin-top: -0.6em }

#content .product > div { padding: 1em 1.75em }
#content .product > div:nth-child(1) { 
	width: calc(0.5 * (600% / 7)); /* 40% van 100% - 12.5% (voor cart-icon) */
/*	height: calc(100% + 1.5em);  */
	padding: 0 0 calc(2em + 3px) !important; /* 1em .875em 1em 1.75em; */ 
	overflow-y: hidden;
}
#content .product > div:nth-child(2) { 
	width: calc(0.5 * (600% / 7)); /* 60% van 100% - 12.5% (voor cart-icon) */
/*	padding: 1em 1.75em 1em 1.75em; */
	padding: 0 1.75em 2em 2.75em;
}
#content .product > div:nth-child(3) { padding-top: 0; display: block }

div.page-description { padding: 1em 1.75em }
div.page-description + .addtoany_shortcode { margin: -0.6em 1.5em 1em }

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	clear: both;
	max-width: none !important;
	padding: .5em 0 1.5em 1.5em !important;
	margin: 0 !important;
	font-size: 1.35em;
	line-height: 2em;
	color: #fff;
	background: transparent;
	border-top: 1px solid #fff;
}
.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button {
	padding: .5em;
	line-height: 1em;
	color: #000 !important;
}
.woocommerce-message a.button,
.woocommerce a.button.wc-backward { 
	width: auto; 
	padding: 0.5em 1em; 
	color: #000 !important;
}

.woocommerce-error a.button:before, 
.woocommerce-info a.button:before, 
.woocommerce-message a.button:before {
	display: none;
}
.woocommerce h2 /* ,.woocommerce h3, .woocommerce label ,
.woocommerce table.shop_table th */ { text-transform: uppercase }

body.page #main {
	position: fixed;
	overflow-y: hidden;
}
body.page #main.scrollable {
	position: absolute;
	overflow-y: auto;

	-webkit-overflow-scrolling: touch;
}
body.page #content { 
	padding-bottom: 4px;
    display: -ms-flexbox;
	display: flex;
}
body.page #content > div { 
	overflow-y: auto; 
	-webkit-overflow-scrolling: touch; 
}
body.page #content > div.submenu,
body.page #content > div.text { 
	color: #fff;
	background: #000;
	border: 4px solid #fff;
	border-width: 4px 4px 0;
}
body.page #content > div.text > a.cart,
body.page #content > div.submenu { 
	width: calc(12.5% - 2px);
}
body.page #content > div.text > a.cart {
	position: relative;
	float: right;
	height: 80px;
	padding-left: 1em;
	margin-top: -0.75em;
	
	font-weight: 600;
	text-align: center;
	line-height: 72px;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1' viewBox='0 0 512 512'%3e%3cpath fill='%23fff' d='M24.8 77.9l-3.3 2.9-.3 17.9c-.4 20.5.3 24.4 5.1 27.3 3.9 2.4 6.8 2.5 10.8.4 4.6-2.3 5.9-6.7 5.9-19.4V96h46.8l5.2 13.2c67 173 84.6 217.2 87.3 219.2 2.8 2.1 3 2.1 121.5 2.4 83.4.2 119.8 0 122.5-.8 2-.6 4.3-2.1 5.1-3.3 1.5-2.2 57.1-147.5 58.8-153.4 1.3-4.6-1.1-9.9-5.4-11.8-3.3-1.4-306.5-43.7-314.1-43.7-8-.1-12.8 7.6-9.4 14.8 1.1 2.2 2.9 4 5 4.8 1.7.7 69.6 10.5 150.7 21.6 81.1 11.2 147.6 20.4 147.8 20.5.2.2-40.8 108.6-48.3 127.7-.7 1.7-6.9 1.8-110.9 1.8H195.5L151 194.4c-37.1-95.7-44.9-115-47.3-117l-2.9-2.4H28l-3.2 2.9zM229.8 344.9c-7.5 2.5-12.2 5.4-18.6 11.5-9.6 9.2-14.2 20.2-14.2 33.6 0 26.3 20.7 47 47 47 18.6 0 34.4-9.8 42.5-26.5 11.6-23.7 1.9-51.3-22-63.1-7.1-3.5-8.3-3.8-18.3-4.1-8.4-.2-11.9.1-16.4 1.6zm24.7 21.5c17.3 8.1 20.8 30.1 6.8 42.7-11 9.9-27.1 8.9-36.7-2.3-9-10.5-8.3-26.1 1.6-35.5 7.7-7.4 18.9-9.3 28.3-4.9zM351.9 345.3c-37 13.4-43.2 62.4-10.6 84 8.9 5.9 16.5 8 28.2 7.5 9.1-.3 10.7-.7 17.9-4.1 19.1-9.1 30.2-29.8 26.8-49.9-2.8-15.9-12.4-28.6-26.9-35.6-7.2-3.4-8.6-3.7-18.3-4-9-.2-11.4.1-17.1 2.1zm24.2 20.2c10.4 3.6 16.9 13 16.9 24.5 0 27.1-35.4 36-48.4 12.1-4-7.4-4-16.8.1-24.2 6.3-11.7 18.9-16.6 31.4-12.4z'/%3e%3c/svg%3e");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	border: 0 !important;
	z-index: +1;
}
body.product.cart #content > div.text > a.cart,
body.product.checkout #content > div.text > a.cart {
	right: -1em;
}
/* body.product.cart #content > div.text {
overflow-y: auto;
-webkit-overflow-scrolling: touch;

}
body.product.cart #content .woocommerce { overflow: visible }
body.product.cart #content .woocommerce:after {
clear: both;
width: 100%;
content: '';
display:block;
} */

body.page #content > div.submenu,
body.page #content > div.submenu * {
	-webkit-transform: transate3d(0,0,0);
		transform: transate3d(0,0,0);
}
body.page #content > div.submenu > a {
	position: relative;
	padding: 0.5em 8px;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -0.5px;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border-bottom: 4px solid #fff;
	display: block;
}
body.page #content > div.submenu > a:hover,
body.page #content > div.submenu > a.selected {
	color: #000;
	background: #fff;
}
body.page #content > div.submenu > a:hover:after,
body.page #content > div.submenu > a.selected:after {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	content: '';
	background: transparent;
	border: 2px solid #000;
}

.cart-content { 
	margin-top: .25em; 
	font-size: .9em; 
	white-space: nowrap;
	display: block
}

body.page #content > div.text { 
	width: 50%;	
	padding: 1.75em 1.75em 1em;
}
body.product #content > div.text {
	padding: 2.75em 1.75em 2em 2.75em; 
}
body.product.cart #content > div.text,
body.product.checkout #content > div.text {
	padding-left: 1.75em; 
}
body.page #content > div.text h1 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1em;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}
body.page #content > div.text p {
	margin-bottom: 0.75em;
	font-size: 1.35em;
	font-weight: 400;
}
body.page #content > div.text p.columns {
	margin-bottom: calc(1em / 0.9);
	font-size: calc(0.9 * 1.35em);
	column-count: 3;
	column-gap: 20px;
}
body.page #content > div.text a { color: #fff }
body.page #content > div.text img {
	max-width: 100%;
	height: auto;
}

body.page #content > div.gallery { 
	width: 37.5%;
	margin-top: 4px;
	-webkit-overflow-scrolling: touch; 
}
body.page #content > div.gallery > * { width: calc(100% / 3) }
body.page #content > div.gallery > *:nth-last-child(-n+3) { padding-bottom: 0 }
body.page #content > div.gallery > *:nth-child(1),
body.page #content > div.gallery > *:nth-child(2),
body.page #content > div.gallery > *:nth-child(3) { margin-top: -4px }


body.product #content > div.text { 
	width: calc(87.5% + 2px);
/*	padding: 0; */
}





.woocommerce h2, .woocommerce h3 { text-transform: uppercase }
.woocommerce h2, .woocommerce h3, 
.woocommerce ul, .woocommerce table,
.woocommerce address { font-size: 1.5em }
.woocommerce address { margin-bottom: 1em }

#add_payment_method #payment div.form-row, 
.woocommerce-cart #payment div.form-row, 
.woocommerce-checkout #payment div.form-row {
	padding: 1em 1em calc(1em - 6px);
}


#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box { 
	font-family: "Roboto Condensed", "Helvetica Condensed", "Arial Narrow", "Arial Nova Condensed Bold", TeXGyreHerosCnBold, AvenirNextCondensed-Regular, "Abadi MT Condensed Bold", sans-serif;
	font-size: calc(1em / 1.35);
	color: #000;
	background: #fff;
	vertical-align: middle;
} 
#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #fff;
}
#add_payment_method #payment div.payment_box p, 
.woocommerce-cart #payment div.payment_box p, 
.woocommerce-checkout #payment div.payment_box p { 
	display: inline;
}
#add_payment_method #payment div.payment_box select, 
.woocommerce-cart #payment div.payment_box select, 
.woocommerce-checkout #payment div.payment_box select {
	width: 50%;
	padding: 0 .5em;
	margin-left: 1em;
	font-size: 21px; /* 1.35em; */
	font-weight: 400;
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
}

.woocommerce .col2-set, 
.woocommerce-page .col2-set { clear: both }
.woocommerce .col2-set, 
.woocommerce-page .col2-set,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 { margin-bottom: 3em }

.woocommerce form .select2-container a { color: #000 !important }
.woocommerce form .form-row { padding: 3px 0 }
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce form .form-row select { 
	font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif !important;
	font-size: 1em;
	line-height: 2em; 
	border-radius: 0;
} 
.woocommerce form .form-row textarea {
	padding-top: 0.325em;
	padding-bottom: 0.325em;
	line-height: 1.35em;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment, #payment {
	margin-bottom: 1em;
	background: transparent;
	border: 1px solid #fff;
	border-radius: 4px;
}
#payment ul.payment_methods {
	text-align: left;
	padding: 1em;
	border-bottom: 1px solid #d3ced2;
	margin: 0;
	list-style: none;
}
#payment ul.payment_methods:before,
#payment ul.payment_methods li:not(.woocommerce-notice):before,
#payment ul.payment_methods li:not(.woocommerce-notice):after {
	content: ' ';
	display: table;
}
#payment ul.payment_methods li:not(.woocommerce-notice):after {
	clear: both; 
}
#payment ul.payment_methods {
	line-height: 2em;
	text-align: left;
	margin: 0;
	font-weight: 400;
}
#payment ul.payment_methods li input {
	margin: 0 1em 0 0;
}
#payment ul.payment_methods li img {
	vertical-align: middle;
	margin: -2px 0 0 .5em;
	padding: 0;
	position: relative;
	box-shadow: none;
}
#payment div.payment_box {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 1em;
	margin: 1em 0;
	font-size: calc(1em / 1.35);
	border-radius: 2px;
	line-height: 1.5;
	color: #000;
	background: #fff;
}
#payment div.payment_box:before {
	content: '';
	display: block;
	border: 1em solid #fff;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
	position: absolute;
	top: -.75em;
	left: 0;
	margin: -1em 0 0 2em;
}
#payment div.payment_box p { display: inline }
#payment div.payment_box select {
	width: 50%;
	padding: 0 .5em;
	margin-left: 1em;
	font-size: 17.6px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 4px;
}

#payment div.form-row { padding: 1em }




.woocommerce h2 { text-transform: uppercase }
.woocommerce-product-gallery { 
	max-height: calc(100% + 1.5em);
	opacity: 1 !important; 
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}
.woocommerce-product-gallery img {
	width: auto; max-width: 100%;
	height: auto; max-height: 100%;
	
	margin-bottom: -6px;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error { 
	width: calc(100% + 2.58em);
	margin-left: -1.29em !important;
	margin-bottom: 2em !important;
	padding: 0 1.5em 1em 2.79em !important;
	border-top: 0;
	border-bottom: 6px solid #fff;
}
.woocommerce table.shop_table {
/*	border-collapse: collapse; */
}
.woocommerce table.shop_table.order_details,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table { 
	padding: 0.25em 0;
	margin-bottom: 1.5em;
	border: 2px solid #fff;
	border-radius: 4px;
}
.woocommerce table.shop_table.order_details tr > *:first-child,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr > *:first-child { padding-left: 0.5em }
.woocommerce table.shop_table.order_details tr > *:last-child,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr > *:last-child { padding-right: 0.5em }


#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
	background: #000;
	border: 2px solid #fff;
	border-radius: 4px;
}

#add_payment_method #payment select, 
.woocommerce-cart #payment select, 
.woocommerce-checkout #payment select {
	width: 100%;
	border: 2px solid #000;
}
.payment_box.payment_method_mollie_wc_gateway_ideal p { 
	width: 50%; 
	margin-right: -4px;
	display:inline-block;
	vertical-align: middle;
}
.payment_box.payment_method_mollie_wc_gateway_ideal p:first-child { margin-bottom: 0 }

#add_payment_method #payment div.payment_box, 
.woocommerce-cart #payment div.payment_box, 
.woocommerce-checkout #payment div.payment_box { color: #000; background: #fff; border-radius: 4px }

body.product.checkout #content > div.text add_payment_method #payment div.payment_box p, 
body.product.checkout #content > div.text .woocommerce-cart #payment div.payment_box p, 
body.product.checkout #content > div.text .woocommerce-checkout #payment div.payment_box p { font-size: 1.35em }


body.product.checkout #content .form-row-first,
body.product.checkout #content .form-row-last {
	float: none;
	width: 100%;
	display: block;
}


#add_payment_method #payment div.payment_box::before, 
.woocommerce-cart #payment div.payment_box::before, 
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: #fff }

.woocommerce-checkout #payment ul.payment_methods { border-bottom: 2px solid #fff }

.woocommerce .cart-collaterals .cart_totals th { padding-left: 0 }

.woocommerce table.shop_table th,
.woocommerce table.shop_table td { line-height: 1em }


.woocommerce-checkout-review-order-table thead > tr > th:last-child,
.woocommerce-checkout-review-order-table tr > td:last-child,
.cart_totals td, 
.order_details thead > tr > th:last-child,
.order_details tr > td:last-child,
.order_details tfoot > tr > td { text-align: right }
.tax_label, .shipped_via { display: none }
.order_details tfoot > tr:nth-child(2) .woocommerce-Price-amount.amount { margin-right: -0.5em }

table.shop_table.order_details thead > tr > th,
.woocommerce-checkout-review-order-table thead > tr > th { padding-bottom: 0.5em !important; border-bottom: 2px solid #fff }
table.shop_table.order_details tbody > tr:first-child > *,
.woocommerce-checkout-review-order-table tbody > tr:first-child > * { padding-top: 0.5em !important }
table.shop_table.order_details tbody > tr > *:first-child:before,
.woocommerce-checkout-review-order-table tbody > tr > *:first-child:before { content: '– ' }
table.shop_table.order_details tbody > tr:last-child > *,
.woocommerce-checkout-review-order-table tbody > tr:last-child > * { padding-bottom: 0.5em !important }
table.shop_table.order_details tfoot > tr > th,
.woocommerce-checkout-review-order-table tfoot > tr > th { text-align: right }
table.shop_table.order_details tfoot > tr:first-child > *,
.woocommerce-checkout-review-order-table tfoot > tr:first-child > *,
table.shop_table.order_details tfoot > tr:last-child > *,
.woocommerce-checkout-review-order-table tfoot > tr:last-child > * { padding-top: 0.5em !important; border-top: 2px solid #fff !important } 

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin-bottom: 0 }

#order_review { margin-bottom: 1em }
#order_review > * { float: left; width: 48% }
#order_review > *:first-child { margin-right: 4% }

div[data-thumb] { float: left; max-width: 25% }
p.price { margin: 0 }
p.stock.in-stock { display: none }
p.stock.out-of-stock { font-style: italic }

div.product_meta { font-size: 0.8em; line-height: 1.35em }
body.product .addtoany_shortcode { margin: 1.35em 0 0.35em -4px !important }

.woocommerce form .form-row .required { text-decoration: none }




body.product.cart #content .submenu,
body.product.checkout #content .submenu { display: none }
body.product.cart #content > .text,
body.product.checkout #content .text { width: 100% }

body.product.cart #content .product-thumbnail a { border-bottom: 0 }
body.product.cart #content .product-thumbnail img { max-width: 120px; max-height: 120px }
body.product .content .woocommerce-message,
body.product .content .woocommerce-info,
body.product .content .woocommerce-error {
	margin-bottom: -2px;
	color: #fff;
	background: transparent;
	border: 2px solid #fff;
	border-width: 2px 0;
	box-sizing: border-box; 
}
body.product .content .woocommerce-message a,
body.product .content .woocommerce-message button,
body.product .content .woocommerce-message .button,
body.product .content .woocommerce-info a,
body.product .content .woocommerce-info button,
body.product .content .woocommerce-info .button,
body.product .content .woocommerce-error a,
body.product .content .woocommerce-error button,
body.product .content .woocommerce-error .button {
	margin-left: 1em;
	margin-bottom: 1px;
}

body.product.cart .content .woocommerce-message,
body.product.cart .content .woocommerce-info,
body.product.cart .content .woocommerce-error { 
	top: -1em; 
}

body.product.cart #content .restore-item,
body.product.cart #content .checkout-button { float: right }

body.product.cart .cart_totals h2 { padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom: 2px solid #fff }
body.product.cart .woocommerce .cart-collaterals .cart_totals, 
body.product.cart .woocommerce-page .cart-collaterals .cart_totals { max-width: 480px }

input[type="number"] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}


body.product .quantity { 
	width: 115.66px;
	margin: 0 0.5em;
	padding: 0.3em 0;
    font-size: 1.15em;
    line-height: 1.15em;
	border-radius: 4px;
	border: 2px solid #fff;
	display: inline-block;
}
body.product .quantity input[type="number"] { 
	width: 100%;
	margin: 0;
	padding: 0 !important;
	font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
    font-stretch: condensed;
    font-weight: 700 !important;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
	border: 0 !important;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
}
body.product .quantity div.dec,
body.product .quantity div.inc {
	position: absolute;
	top: 50%;
	width: 28px;
	padding: 2px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 600;
	line-height: 1em;
	text-align: center;
	
	-webkit-transform: translate(0,calc(-50% - 1px));
		-ms-transform: translate(0,calc(-50% - 1px));
			transform: translate(0,calc(-50% - 1px));
			
	display: inline-block;
	cursor: pointer;
}
body.product .quantity div.inc { right: 0 }
body.product .quantity div.inc:after { content: '+' }
body.product .quantity div.dec { left: 0 }
body.product .quantity div.dec:after { content: '–' }

body.product.cart .quantity { margin: 0; font-size: 0.75em }

body.product .woocommerce-Price-currencySymbol { margin-right: 0.2em }
body.product .woocommerce-product-details__short-description { margin-top: -0.25em }

body.product input[type="button"], 
body.product input[type="submit"], 
body.product input[type="reset"], 
body.product button,
body.product .content .woocommerce-message a,
body.product .content .woocommerce-message button,
body.product .content .woocommerce-message .button,
body.product .content .woocommerce-info a,
body.product .content .woocommerce-info button,
body.product .content .woocommerce-info .button,
body.product .content .woocommerce-error a,
body.product .content .woocommerce-error button,
body.product .content .woocommerce-error .button,
#content .woocommerce #respond input#submit.alt, 
#content .woocommerce a.button.alt, 
#content .woocommerce button.button.alt, 
#content .woocommerce input.button.alt,
#content .woocommerce #respond input#submit, 
#content .woocommerce a.button, 
#content .woocommerce button.button, 
#content .woocommerce input.button,
#content .restore-item {
	padding: 0px 12px;
    font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
    font-stretch: condensed;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.5em; /* 1.35em; */
    color: #000 !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	
	-webkit-appearance: none;
	   -moz-appearance: none;
}

#content .woocommerce #respond input#submit:hover, 
#content .woocommerce a.button:hover, 
#content .woocommerce button.button:hover, 
#content .woocommerce input.button:hover {
	color: #000;
	background: #fff;
}

#content .woocommerce #respond input#submit.alt a, 
#content .woocommerce a.button.alt a, 
#content .woocommerce button.button.alt a, 
#content .woocommerce input.button.alt a{ color: #000 }

body.product .product_meta { margin: -0.4em 0 -0.5em }



body.product.cart tr.woocommerce-cart-form__cart-item.cart_item td,
body.product.cart thead > tr > th { border-bottom: 2px solid #fff }
body.product.cart tr td.actions { padding-top: 1em }


/* body.product .woocommerce .col2-set#customer_details .col-1, 
body.product .woocommerce-page .col2-set#customer_details .col-1,
body.product .woocommerce .col2-set#customer_details .col-2, 
body.product .woocommerce-page .col2-set#customer_details .col-2 {
	float: none;
	width: auto;
	margin-top: 1em;
	margin-bottom: 2em;
	display: block;
} */


body.product.checkout .woocommerce form .form-row textarea.input-text,
.woocommerce form .form-row textarea {
	height: 6.7em;
	padding-top: 0.65em;
	padding-bottom: 0.65em;
	line-height: 1.35em;
}

input.input-radio,
.woocommerce form .form-row input.input-checkbox,
#ship-to-different-address-checkbox {
	position: relative;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid #fff;
	display: inline-block;
}
input.input-radio { border-radius: 50% }
#ship-to-different-address-checkbox { float: right }

input.input-radio:checked,
.woocommerce form .form-row input.input-checkbox:checked,
#ship-to-different-address-checkbox:checked { background: #fff }
input.input-radio:checked:after,
.woocommerce form .form-row input.input-checkbox:checked:after,
#ship-to-different-address-checkbox:checked:after { 
	position: absolute;
	top: 0px; left: 0px; 
	bottom: 0px; right: 0px;
	content: '';
	border: 3px solid #000;
}
input.input-radio:checked:after { border-radius: 50% }

body.product.checkout #content > div.text p { margin-bottom: 0.25em; font-size: 1.5em }
body.product.checkout .woocommerce form .form-row .input-text, 
body.product.checkout .woocommerce-page form .form-row .input-text, 

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,

.woocommerce select, 
.woocommerce-page select {
	padding: 0px 12px;
	
    font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
    font-stretch: condensed;
    font-weight: 400;
    font-size: 21px;
    line-height: 2em;
    color: #000 !important;
	
	background: #fff;
	border-radius: 4px;
	
	-webkit-appearance: none;
	   -moz-appearance: none;
}
/* body.product.checkout .woocommerce form .form-row textarea.input-text,
body.product.checkout .woocommerce-page form .form-row textarea.input-text { padding: 0.5em 12px } */
body.product.checkout .woocommerce form .form-row textarea,
body.product.checkout .woocommerce-page form .form-row textarea.input-text { line-height: 1.35em }


body.product.checkout .woocommerce form .form-row textarea:-webkit-input-placeholder,
body.product.checkout .woocommerce form .form-row textarea:-moz-input-placeholder,
body.product.checkout .woocommerce form .form-row textarea:-ms-input-placeholder,
body.product.checkout .woocommerce form .form-row textarea:input-placeholder,
body.product.checkout .woocommerce-page form .form-row textarea.input-text:-webkit-input-placeholder,
body.product.checkout .woocommerce-page form .form-row textarea.input-text:-moz-input-placeholder,
body.product.checkout .woocommerce-page form .form-row textarea.input-text:-ms-input-placeholder,
body.product.checkout .woocommerce-page form .form-row textarea.input-text:input-placeholder { padding-top: 0.5em }

body.product.checkout .woocommerce form .form-row select option, 
body.product.checkout .woocommerce-page form .form-row select option {
    font-family: 'Roboto Condensed', "Helvetica Condensed", "Arial Narrow", 'Arial Nova Condensed Bold', 'TeXGyreHerosCnBold', 'AvenirNextCondensed-Regular', 'Abadi MT Condensed Bold', sans-serif;
	font-stretch: condensed;
}


body.product.checkout .woocommerce ul.order_details li { float: none; position: relative; padding-right: 0; margin-right: 0; border: 0 }
body.product.checkout .woocommerce ul.order_details li,
body.product.checkout .woocommerce ul.order_details li strong { font-size: 1em;  line-height: 1.35em }
body.product.checkout .woocommerce ul.order_details li strong { position: absolute; left: 50%; top: 0; display: inline-block }

body.product.checkout #content > div.text p[class^="woocommerce-customer-details-"] {
	margin: 0;
	font-size: 1em;
}
body.product.checkout #content > div.text p.woocommerce-customer-details--phone { margin-top: 6px }

body.product.checkout #content > div.text p.woocommerce-customer-details--phone:before,
body.product.checkout #content > div.text p.woocommerce-customer-details--email:before { line-height: 1.4em }

body.product.cart #content .woocommerce,
body.product.checkout #content .woocommerce { padding-bottom: 0 }
body.product.cart #content .woocommerce > *,
body.product.checkout #content .woocommerce > * {
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

body.product.checkout .woocommerce-notice { 
	margin-bottom: 1em !important; 
	font-weight: 600 !important; 
	text-transform: uppercase;
}
body.product.checkout .woocommerce-order-details,
body.product.checkout .woocommerce-customer-details { margin-top: 4em }
body.product.checkout .woocommerce ul.order_details li { text-transform: capitalize; font-weight: 700 }
body.product.checkout .woocommerce ul.order_details li strong { text-transform: none; font-weight: 400 }
body.product.checkout .woocommerce ul.order_details,
body.product.checkout address { 
	min-height: calc(5 * 1.4em + 30px);
	padding: 12px;
	border: 2px solid #fff;
	border-radius: 4px;
	box-sizing: border-box;
	
}
 
.woocommerce form div.shipping_address.inactive .form-row input.input-text, 
.woocommerce form div.shipping_address.inactive .form-row textarea, 
.woocommerce form div.shipping_address.inactive .form-row select {
	color: #777 !important; 
	pointer-events: none;
}

.swiper-button-next,
.swiper-button-prev { 
	opacity: 0;

	-webkit-transition: opacity .25s;
	   -moz-transition: opacity .25s;
			transition: opacity .25s;
}

.swiper-container-horizontal:hover .swiper-button-next,
.swiper-container-horizontal:hover .swiper-button-prev { 
	opacity: 1;
}
body.mobile .swiper-container-horizontal:hover .swiper-button-next, 
body.mobile .swiper-container-horizontal:hover .swiper-button-prev {
	opacity: 0;
}

.swiper-button-prev, 
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next, 
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important;
	
}
.swiper-container-autoheight .swiper-wrapper { padding-bottom: 3em }
.swiper-pagination-bullet { 
	width: 6px !important; 
	height: 6px !important; 
	opacity: 0.5 !important;
}
.swiper-pagination-bullet,
.swiper-pagination-bullet-active { background: #fff !important }
.swiper-pagination-bullet-active { opacity: 1 !important }


@media screen and (max-width: 1440px) {
	#header { height: 12.5vw }
	#header .menu #btn-filter .pulldownmenu .field { font-size: 2.3vw }
	#header .menu #btn-filter .pulldownmenu .field:after {
		left: calc(50% - 1.25vw);

		border-left: 1.25vw solid transparent;
    		border-right: 1.25vw solid transparent;
	    	border-top: 1.40625vw solid #fff;
	}

	#banners { top: 12.5vw }

	#wrapper { padding-top: calc(12.5vw + 5.4em + 4px) }

	#footer { font-size: 3.59375%; font-size: 3.59375vw }
	#footer.social-links { font-size: calc((100vw - 220px) / 29) !important }
}
@media screen and (max-width: 1200px) {
	.gallery > div { width: calc(100% / 7) }

	#header .menu #btn-heroes { width: 40.6% }
	#header .menu #btn-collection,
	#header .menu #btn-filter,
	#header .menu #btn-order { width: auto }

	body.page #content > div.submenu { width: calc(100% / 7) }
	body.page #content > div.text { width: calc(400% / 7 - 11px) }
	body.page #content > div.gallery { width: calc(200% / 7 + 11px) }
	body.page #content > div.gallery > * { width: calc(100% / 2) }
	body.page #content > div.gallery > *:nth-child(3) { margin-top: 0 }
	body.page #content > div.gallery > *:nth-child(16) { padding-bottom: 4px }

	body.product #content > div.text { width: calc(600% / 7) }
}
@media screen and (max-width: 1080px) {
	.gallery > div { width: calc(100% / 6) }

	body.page #content > div.submenu { width: calc(100% / 6) }
	body.page #content > div.text { width: calc(400% / 6 - 11px) }
	body.page #content > div.gallery { width: calc(100% / 6 + 11px) }
	body.page #content > div.gallery > * { width: calc(100%) }
	body.page #content > div.gallery > *:nth-child(2) { margin-top: 0 }
	body.page #content > div.gallery > *:nth-child(17) { padding-bottom: 4px }
	body.page #content > div.gallery > * div.full-text { display: none !important }

	body.product #content > div.text { width: calc(500% / 6) }
	
	#content .product {
		clear: both;
		height: calc(100% - 70px);
	}
	#content .product > div:nth-child(1) { width: 45% }
	#content .product > div:nth-child(2) { width: 55% }
	
	body.page #content > div.text > a.cart { 
		margin-top: -1.75em;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 880px) {
	.gallery > div { width: 20% }
	.gallery > div.selected div.full-text { width: calc(300% - 8px) }
	
	#footer { font-size: 3.575%; font-size: 3.575vw }

	body.page #content { width: calc(100% + 8px); flex-wrap: wrap }
	body.page #content > div.submenu { width: calc(20% - 1px) }
	body.page #content > div.text { 
		width: calc(80% - 11px + 1px); 
		border-right: 0;
	}
	body.product #content > div.text {
		padding: 0 1.75em 1em;
	}
	#content .product > div:nth-child(1),
	#content .product > div:nth-child(2) {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		margin: 0;
		display: block;
		overflow-y:hidden;
	}
	#content .product > div:nth-child(2) {
		padding: 2em 0 1em;
	}
	#content .product { height: auto }
	.woocommerce-product-gallery { max-height: auto }
	
	body.page #content > div.text > a.cart { margin-top: 1em }
	
	body.page #content > div.gallery { width: 100%; margin: 4px 0 -4px }
	body.page #content > div.gallery { 
		left: 4px;
		width: calc(100% - 16px);
		margin-right: -4px;
	    white-space: nowrap; 
		flex-wrap: nowrap; 
		overflow-x: auto;
		overflow-y: hidden;
	}
	body.page #content > div.gallery > * { 
		float: none; 
		width: calc((100% + 8px) / 5);
/*		margin-right: -3px; */
		display: inline-block;
	}
	body.page #content > div.gallery > *:first-child { margin-top: 0; margin-left: -4px }
	body.page #content > div.gallery > *:last-child { 
		width: calc(20% - 4px);
		padding-right: 0;
		background-size: calc(100% - 4px) auto;
	}
	
	body.product.cart #content > .text, 
	body.product.checkout #content .text {
		width: calc(100% - 12px);
	}
}

@media screen and (max-width: 768px) {
	.woocommerce form table.shop_table td.product-quantity { width: auto; padding: 6px 12px }
	
	.woocommerce .col2-set .col-2, 
	.woocommerce-page .col2-set .col-2 { margin-top: 4em }
	
	body.product.cart .woocommerce .cart-collaterals .cart_totals, 
	body.product.cart .woocommerce-page .cart-collaterals .cart_totals {
		max-width: none; 
	}
	body.product.cart #content .restore-item, 
	body.product.cart #content .checkout-button {
		float: none;
		margin: 0 0.5em;
	}
	
	#order_review > * { 
		float: none;
		width: 100%;
		margin-right: 0 !important;
		display: block;
	}
	#order_review > *:first-child { 
		width: calc(100% - 4px);
	}
	
	.woocommerce table.shop_table.order_details tr > *:first-child, 
	.woocommerce table.shop_table.woocommerce-checkout-review-order-table tr > *:first-child {
		width: 100%;
	}
	
	div.shipping_address.inactive { display: none }
	
	body.product.cart .quantity { margin-right: -0.5em }
	
	body.product.cart #content > div.text > a.cart,
	body.product.checkout #content > div.text > a.cart {
		right: -0.75em;
	}
}

@media screen and (max-width: 736px) {
	html, body { position: fixed; overflow-y: auto }
	#main { position: static; height: auto; min-height: 100vh; overflow-y: visible }
	#wrapper { padding-top: 0 }

	#header, #banners { position: relative; top: 0; padding-bottom: 0 }
	#header { height: 10.125vw; padding-bottom: calc(4.6em + 11px) }

	#header .menu { padding: 6px 2px 4px 6px; display: block }
	#header .menu > * { 
		height: 4.6em; 
		margin-right: 2px; 
		margin-bottom: 0; 
		display: inline-block;
	}
	#header .menu #btn-collection.selected:after,
	#header .menu #btn-order.selected:after {
		width: calc(100% - 4px);
	}

	#banners { 
		top: -3px;
		margin-bottom: calc(1.5em + 6px);
		padding: 0 7px 4px;
	}
	#banners > div:first-child { margin-bottom: 4px }

	#header .menu #btn-heroes { width: calc(50% - 5px) }
	#header .menu #btn-collection { width: calc(25% - 4px) }
	#header .menu #btn-filter { 
		margin-top: calc(6em - 2px);
		width: calc(100% - 4px);
		height: 3em; 
		background: #000; 
	}
	#header .menu #btn-filter .pulldownmenu .field { 
		width: 100%; 
		height: 100%;
		font-size: 1.5em;
		letter-spacing: -0.5px;
		line-height: 2em;
		color: #000;
		background: white;
		border: 2px solid #000;
		display: inline-block;
	}
	#header .menu #btn-filter .pulldownmenu .field:before { 
		content: 'show ';
	}
	#header .menu #btn-filter .pulldownmenu .field:after {
		left: calc(50% - 0.5em);

		border-left: 0.5em solid transparent;
    		border-right: 0.5em solid transparent;
	    	border-top: 0.5625em solid #000;
	}
	#header .menu #btn-filter .pulldownmenu { bottom: 0; height: 100%; }
	#header .menu #btn-filter .pulldown { z-index: +1 }
	#header .menu #btn-filter .pulldown > *:first-child { border-top: 0 }

	#header .menu #btn-order { position: absolute; top: 6px; right: 4px;  width: calc(25% - 6px) }

	#content { padding-top: 0 }

	.gallery { padding-right: 0 }
	.gallery > * {
		background-position: 3px 3px;
		background-size: calc(100% - 6px) auto;
	}

	.gallery > div { width: 25%; padding: 3px }
	.gallery > div.filler > div { padding-bottom: calc(100% + 16px + 5.2em + 5.5px) }

	.gallery > div.selected div.full-text { margin-top: calc(100% - 8px); left: 3px; width: calc(300% - 6px) }
	.gallery > div.last div.full-text { left: auto; right: 3px }
	.gallery > div.second-to-last div.full-text { left: auto; right: calc(3px - 100%) }

	#footer { 
		margin: 4px 6px 6px;
		font-size: 3.5%;
		font-size: 3.5vw;
	}

	#footer.social-links { width: calc(100% - 12px) }
	#footer.social-links > div:first-child { display: none }
	#footer.social-links > div:last-child { padding: 0 }
	#footer.social-links > div:last-child > div { margin: 0 }

	body.product #banners,
	body.page #banners { padding-bottom: 0; margin-bottom: -6px }
	body.product #header .menu #btn-filter,
	body.page #header .menu #btn-filter { display: none }

	body.page #content { 
		left: -1px; 
		width: calc(100% + 10px);
	}
	body.product.cart #content,
	body.product.checkout #content {
		width: 100%;
	}
	body.page #content > div.submenu { 
		width: calc(100% - 8px);
		height: calc(6em + 8px);
		margin-bottom: -1px;
		border-bottom: 4px solid #fff;
		display: table;
		overflow: hidden;
	}
	body.page #content > div.submenu > a { 		
		width: 20%; 
		font-size: 1.5em;
		border: 0;
		border-right: 4px solid #fff;
		display: table-cell;
		vertical-align: middle;
		box-sizing: border-box;
	}
	body.page #content > div.submenu > a:hover,
	body.page #content > div.submenu > a.selected {
		border: 0;
		border-right: 4px solid #fff;
	}


	body.page #content > div.submenu > a:last-child { border-right: none }
	body.page #content > div.submenu > a > span { 
		vertical-align: middle; 
		display: inline-block;
	}

	body.page #content > div.text { 
		width: calc(100% - 11px);
		border-width: 2px 4px 0;
	}

	body.page #content > div.gallery > * { width: calc((100% + 8px) / 4) }
	body.page #content > div.gallery > *:first-child { margin-left: -4px }
	body.page #content > div.gallery > *:last-child { 
		width: calc((100% + 8px) / 4 - 3px); 
		padding-right: 0;
		background-size: calc(100% - 4px) auto;
	}
	
	body.product.cart #content > .text, 
	body.product.checkout #content .text {
		width: calc(100% - 2px);
	}
	
	body.page #content > div.text > a.cart { width: 15% }
}
@media screen and (max-width: 567px) {
	html, body { position: fixed }
	body.page #main {
		position: absolute;
		overflow-y: auto;
	}

	.gallery > div { width: calc(100% / 3); padding: 3px }

	div.page-description { padding: 0 }

	#content .product > div:nth-child(1),
	#content .product > div:nth-child(2) { width: 100%; padding: 0 0 .875em; display: block }
	#content .product > div:nth-child(1) { width: calc(100% + 2px); overflow: hidden }
	#content .product > div:nth-child(2) { padding-top: 2em }
	#content .product > div:nth-child(3) { padding: 0 }

	#content .quantity,
	#content .product button { left: auto; width: 100% }
	#content .quantity { margin: 0 0 4px }
	form.cart label { display: none }
	
	
	body.product.cart #content .quantity { width: 120px; margin-bottom: 0 }
	.woocommerce table.shop_table_responsive tr td.product-quantity::before, 
	.woocommerce-page table.shop_table_responsive tr td.product-quantity::before:before { 
		line-height: 1.5em !important;
	}
	
	div.page-description + .addtoany_shortcode,
	.product .addtoany_content_bottom { margin: 0 0 0 -4px }

	body.page #content { height: auto }
	body.page #content > div.text > a.cart { margin-top: -0.5em }
	
	body.page #content > div.submenu { 
		height:auto;
		margin: -1px 0 -4px;
		display: block;
	}
	body.page #content > div.submenu > a { 
		width: 100%; 
		border-right: 0;
		border-bottom: 2px solid #fff;
		display: block;
	}

	body.page #content > div.submenu > a br { display: none }
	body.page #content > div.submenu > a,
	body.page #content > div.submenu > a:hover, 
	body.page #content > div.submenu > a.selected {
		border: 0; 
		border-bottom: 2px solid #fff;
	}
	body.page #content > div.submenu > a span.cart-content {
		font-size: 1em;
		display: inline;
	}
	body.page #content > div.submenu > a span.cart-content:before { content: ' (' }
	body.page #content > div.submenu > a span.cart-content:after { content: ')' }

	body.page #content > div.text { 
		width: calc(100% - 11px);
		height: auto;
		padding: 1.5em 1em 0.75em;
	}
	body.page #content > div.text p { font-size: 1.25em }

	body.page #content > div.gallery > * { width: calc((100% + 8px) / 3) }
	body.page #content > div.gallery > *:first-child { margin-left: -4px }
	body.page #content > div.gallery > *:last-child { 
		width: calc((100% + 8px) / 3 - 3px); 
		padding-right: 0;
		background-size: calc(100% + 4px) auto;
	}
}

@media screen and (max-width: 414px) {
	body.page #content > div.text > a.cart { width: 20% }
	body.product.cart #content > div.text > a.cart, 
	body.product.checkout #content > div.text > a.cart { right: 0 }
	
	body.product.cart #content > div.text, 
	body.product.checkout #content > div.text { padding-left: 1em }
}

@media screen and (max-width: 374px) {
	.gallery > div { width: 50% }
	.gallery > div.selected div.full-text { width: calc(200% - 8px) }

	body.page #content > div.text p.columns { column-count: 2 }
	body.page #content > div.gallery > * { width: calc((100% + 8px) / 2) }
	body.page #content > div.gallery > *:first-child { margin-left: -4px }
	body.page #content > div.gallery > *:last-child { 
		width: calc((100% + 8px) / 2 - 3px); 
		padding-right: 0;
		background-size: calc(100% + 4px) auto;
	}
}

@media only screen and (max-device-width: 1024px) {
	
	body.page #content > div.text { overflow-y: auto !important }
	
	#footer.social-links > div:last-child { padding: 4px 4px 0 0 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#content .product button { left: -0.5em }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.gallery > div { width: calc(100% / 6) }
	.gallery > div.selected div.full-text { width: calc( 200% - 8px) }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.gallery > div { width: calc(100% / 5) }
	.gallery > div.selected div.full-text { width: calc(300% - 8px) }

	body.page #content > div.gallery { padding-bottom: 4px }
}
@media only screen and (max-device-width: 736px) {
	#header { height: calc(4.6em + 12px); padding: 0 }
	#header .menu > * { margin-right: 3px }
	#header .menu #btn-filter { margin-top: calc(6em + 1px) }

	#header .menu #btn-heroes { width: calc(50% - 5px) }
	#header .menu #btn-collection { width: calc(25% - 8px) }
	#header .menu #btn-order { width: calc(25% - 6px) }

 	#banners { top: 0; margin-bottom: calc(1.5em + 6px) }

	#content { padding-top: 0 }
	#footer { white-space: normal; padding: 4px 10% }
}
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#header { height: calc(4.6em + 14px); padding: 2px 0 }
	#header .menu #btn-filter { margin-top: calc(6em + 3px) }

 	#banners { margin-bottom: calc(1.5em + 8px) }

	.gallery > div { width: calc(100% / 3) }
	.gallery > div.selected div.full-text { left: 3px; width: calc(300% - 5px) }
	.gallery > div.last div.full-text { left: auto; right: 3px }
	.gallery > div.second-to-last div.full-text { left: auto; right: calc(3px - 100%) }

	#footer { font-size: 6vw }

	body.page #banners { margin: 2px 0 -1px }
	body.page #content { padding-bottom: 82px !important }
	body.page #content > div.text { padding: 1.5em 1em 0.75em }
}
@media only screen and (max-device-width: 736px) and (orientation: landscape) {
	body.page #main {
		position: relative;
		height: auto;
		overflow: hidden;
	}

	body.page #content { height: auto }

	#header .menu #btn-filter { margin-top: calc(6em + 3px) }

 	#banners { margin-bottom: calc(1.5em + 6px) }

	#content .product button { left: -0.5em }
	
	.gallery > div.selected div.full-text { left: 3px; width: calc(300% - 4px) }
	.gallery > div.last div.full-text { left: auto; right: 3px }
	.gallery > div.second-to-last div.full-text { left: auto; right: calc(3px - 100%) }
	

	#footer { font-size: 4.75vw }

	body.page #banners { margin-bottom: -3px }
	body.page #content { padding-bottom: 6px !important }
	body.page #content > div.submenu > a br { display: inline }
}

@media only screen and (max-device-width: 567px) {
	body.page #content > div.submenu > a br { display: none }
	#footer { padding: 4px }
	#footer.social-links { padding-top: 6px }
}
@media only screen and (max-device-width: 567px) and (orientation: portrait) {
	#footer { padding: 4px; font-size: 6vw }
	#footer br { display: inline }

	body.page #content > div.text p.columns { column-count: 2 }
}

@media only screen and (max-device-width: 567px) and (orientation: landscape) {
	.gallery > div { width: 25% }
	
	body.page .gallery > div:last-child { 
		width: calc(25% - 3px);
		padding-right: 0;
		background-size: calc(100% - 4px) auto;
	}

	#footer { font-size: 3.5vw }
	#footer br { display: none }
}