/*

Theme Name: Ifö Electric
Theme URI: https://
Author: Coded by Peter Anderhagen, Abrovink
Author URI: www.abrovink.se
Description: Custom made for client.
Text Domain: ifoelectric

*/



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	height: 100%;
}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body{
	font-family: futura-pt, sans-serif;
	font-size: 16px;
	line-height: 1.37;
	font-weight: 400;
	color: #000;
	background: #fff;
	
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
fieldset {
	min-width: inherit;
}

h1,
h2 {
	margin: 0 0 .44em 0;
	font-size: 3em;
	line-height: 1;
	font-weight: 300;
	letter-spacing: -.05em;
}
h3 {
	margin: 0 0 .44em 0;
	font-size: 1.73em;
	font-weight: 300;
	letter-spacing: -.05em;

}
h4 {
	margin: 0 0 .44em 0;
	font-size: 1.31em;
	line-height: 1.13;
	font-weight: 300;
	letter-spacing: -.025em;
}
h5 {
	margin: 0 0 .44em 0;
	font-size: 1em;
	font-weight: 700;
}
h6 {}

p {
	margin-bottom: 1.37em;
}

time{
	color: #b5b19d;
	font-weight: 300;
}

strong, b{
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
	font-stretch: normal;
}


blockquote {
	min-height: 5em;
	margin: 0;
	padding: 0 1em 0 2.85em;
	font-size: 1.25em;
	line-height: 1.2;
	font-style: italic;
	font-weight: 400;
	letter-spacing: -.025em;
	color: #598a7a;
	background-repeat: no-repeat;
	background-position: 0 .185em;
	background-size: 1.85em auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23598a7a; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M9.46061,2.30745l.0004,9.222a10.12111,10.12111,0,0,1-.575,3.7612A9.78129,9.78129,0,0,1,7.10328,18.375a9.82887,9.82887,0,0,1-2.75375,2.20742A9.62642,9.62642,0,0,1,2,21.491V18.98589A6.49322,6.49322,0,0,0,5.341,16.21a9.56639,9.56639,0,0,0,1.05591-4.645v-1H2V2.30745h7.4606m1-1H1V11.565H5.39686a8.54982,8.54982,0,0,1-.93246,4.16366A5.89233,5.89233,0,0,1,1,18.29576v4.39679a10.775,10.775,0,0,0,3.83035-1.23334,10.77566,10.77566,0,0,0,3.03055-2.43158,10.73021,10.73021,0,0,0,1.9653-3.39654,11.06446,11.06446,0,0,0,.63437-4.1312V1.30745Z'/%3E%3Cpath class='cls-1' d='M21.99452,2.30745l.00039,9.222a10.12206,10.12206,0,0,1-.575,3.7611,9.61211,9.61211,0,0,1-4.5365,5.29181,9.62709,9.62709,0,0,1-2.34945.90842V18.98558a6.49712,6.49712,0,0,0,3.34075-2.77551,9.56479,9.56479,0,0,0,1.056-4.64505v-1H14.534V2.30745h7.46051m.99993-1H13.534V11.565h4.39675a8.54836,8.54836,0,0,1-.93249,4.16366A5.90067,5.90067,0,0,1,13.534,18.29576v4.39679a10.71444,10.71444,0,0,0,8.8262-7.06146,11.06583,11.06583,0,0,0,.63424-4.1312V1.30745Z'/%3E%3C/g%3E%3C/svg%3E");
	
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
blockquote:before,
blockquote:after{
	content: "";
}


address {
	font-style: normal;
	margin: 0 0 1.44em 0;
}
pre {
	max-width: 100%;
	margin-bottom: 35px;
	padding: 25px;
	font-family: Courier, monospace;
	font-size: 12px;
	overflow: auto;
	background: #f3f0ed;
}
code,
kbd,
tt,
var {
	font-family: Courier, monospace;
	font-size: 12px;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark,
ins {
	background: #f3f0ed;
	text-decoration: none;
}
hr {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	border: 0;
	border-bottom: solid 1px #e6e6e6;
	height: 1px;
	padding: 35px 0 0 0;
	margin: 0 0 35px 0;
}
ul,
ol {
	margin: 0 0 35px 35px;
	padding: 0;
}
ul {
	list-style: square;
}
ol {
	list-style: decimal;
	margin-left: 35px;
}
li > ul,
li > ol {}
ul li {}
dt {
	font-weight: 600;
}
dd {
	margin: 0 1.5em 1.5em;
}
sup,
sub{
	font-size: 65%;
	line-height: 1;
	font-weight: 300;
	/*white-space: break-after;*/
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.37em;
	width: 100%;
}
tr {}
th {
	padding: .25em .5em;
	background: #b5b19d;
	color: #fff;
	font-weight: 400;
	text-align: left;
	font-variant-numeric: tabular-nums;
}
td {
	padding: .25em .5em;
	font-weight: 300;
	text-align: left;
	border-bottom: 1px solid #b5b19d;
	font-variant-numeric: tabular-nums;
}
th p, td p{
	margin-bottom: 0;
}

a {
	color: inherit;
	text-decoration: underline;
	transition: opacity .25s, color .25s;
}
a:hover{
	opacity: .65;
}
a:hover,
a:active,
a:focus {
	outline: 0;
}
a:focus {
	/*outline: 1px solid rgba(51, 51, 51, 0.3);*/
}

img,
picture{
	display: block;
	max-width: 100%; /* Adhere to container width. */
	height: auto !important; /* Make sure images are scaled correctly. */
}
a img,
a picture{
	border: 0;
}
video {
	display: inline-block;
	height: auto !important; /* Make sure objects are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
canvas {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.alignleft,
.alignleft img {
	float: left;
	margin-right: 25px;
}
.alignright,
.alignright img {
	float: right;
	margin-left: 25px;
}
.aligncenter,
.aligncenter img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft, picture.alignleft,
img.alignright, picture.alignright,
img.aligncenter, picture.aligncenter {
	margin-bottom: 1.31em;
}

p + .gallery{
	padding-top: 1.25em;
}

/* treat galleries as columned masonry */
.gallery{}
.gallery-item{
	display: inline-block;
	width: 100%;
	margin-bottom: 1.195vw;
}
.gallery-item img{
	width: 100% !important;
}



form{}
form label{}
form input[type="text"],
form input[type="email"],
form input[type="search"],
form input[type="date"],
form input[type="time"],
form input[type="checkbox"]
form textarea{
	width: 100%;
	margin: 0 0 2.5em 0;
	padding: .5em .75em;
	border: solid 1px #b5b19d;
	border-radius: 0;
	background: #f4f3f0;
}
textarea:focus, 
input:focus{
    outline: none;
}



/* Need to be selectable in RTE */

/* .category-description p, */
p.intro-text{
	font-size: 1.27em;
	line-height: 1.19em;
	margin-bottom: 1.37em;
}

/* links and buttons, submits, resets */
.button{
	display: inline-block;
	width: 100%;
	padding: 15px;
	border: none;
	background: #b5b19d;
	color: #fff;
	border-radius: 0;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

ul.downloads{}
.nocaps h4{
	text-transform: none !important;
}

/* /Need to be selectable in RTE */

.side-by-side{
	width: 100%;
	clear: both;
}
.side-by-side .wp-caption{
	width: calc( 50% - 7px )  !important;
	float: right;
	margin-left: 0;
	margin-right: 0;
}
.side-by-side .wp-caption:first-child{
	float: left;
}
.side-by-side img{
	margin-bottom: 1em;
}




table.replacement-matrix th:nth-child(1){
	width: 33%;
}
table.replacement-matrix th h4{
	margin: .25em 0;
}
table.replacement-matrix tr > td:nth-child(1){
	width: 190px;
	min-width: 40px !important;
	max-width: 190px !important;
}
table.replacement-matrix tr td.prod-img{
	width: 100px;
	min-width: 40px !important;
	max-width: 100px !important;
}

table.replacement-matrix tr > td:nth-child(2){
	width: auto;
}





/* sticky footer */
html, body {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
}
#main {
	flex: 1 0 auto;
}
#footer {
	flex-shrink: 0;
}
/* /sticky footer */



.visually-hidden {
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip: rect(0, 0, 0, 0);
    position: absolute
}

.clearfix::after,
.container::after,
.container ul::after{
	content: "";
	display: table;
	clear: both;
}



.pad{
	padding: 0 20px;
}
.container{
	max-width: 1280px;
	max-width: 580px;
	margin: 0 auto;
}


#header{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 75px;
	padding: 10px 0 8px 0;
	background: #fff;
	overflow: hidden;
	scrollbar-width: none;
	box-shadow: 0 15px 15px rgba(0,0,0, .0);
	transition: all .5s;
}
.nav-expanded #header{
	height: 100vh;
	overflow: auto;
	transition: all .75s;
}
.scrolling #header{
	box-shadow: 0 5px 50px rgba(0,0,0, .05);
}
#logo{
	width: 110px;
	float: left;
}
.toggle-nav{
	margin-top: 20px;
	float: right;
}
#nav{
	width: 100%;
	overflow-y: auto;
}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	opacity: 0;
	transition: opacity .25s;
	transition-delay: .25s;
	border-bottom: solid 1px #dfe7e4;
}
#nav li:first-child{
	margin-top: 50px;
}
#nav a{
	display: inline-block;
	padding: 10px 10px 10px 0;
	font-size: .875em;
	font-weight: 600;
	/*color: #404040;*/
	color: #3a3735;
	text-decoration: none;
	text-transform: uppercase;
}
#nav a:hover{opacity: .5;}



#nav ul ul,
.nav-expanded #nav ul ul{
	display: none;
	margin: 0;
}
#nav li li{ border-bottom: 0; }
#nav li li:first-child{	margin-top: 0; }
#nav li li:last-child{ padding-bottom: 25px; }
#nav li li a{
	font-size: 12px;
	margin-left: 32px;
	padding: 5px 5px 5px 0;	
}

#nav li.durable::before,
#nav li.product-filter::before,
#nav li.product-filter::after{
	display: block;
	width: 180px;
	height: 1px;
	margin: 6px 32px;
	content: "";
	/*
	background: #b5b19d;
	background: #70a896;
	*/
	border-bottom: dotted 1px #70a896;
}
#nav li.durable a,
#nav li.product-filter a{
	color: #70a896;
}


#nav li li.current-menu-item a,
#nav li li.current_page_item a{
	color: #b5b19d;
}



#nav a.toggle-children{
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 32px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0 !important;
	outline: none;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M16 5.5l-1.5-1.5-6.5 6.5-6.5-6.5-1.5 1.5 8 8 8-8z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 16px 16px;
	background-position: center center;
	transform: rotate(0deg);
	transition: transform .25s;
}
#nav a.toggle-children.active{
	transform: rotate(180deg);
}

.utilities-menu li.search{}
.utilities-menu li.search form{
	margin: .5em 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	width: 100%;
	max-width: 480px;
	padding: 0 0;
}
.utilities-menu li.search label{
	width: auto;
	align-self: center;
	margin: 0 .5em 0 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	
}
.utilities-menu li.search #s{
	width: 70%;
	margin: 0 .5em 0 0;
}
.utilities-menu li.search button.search-submit{
	width: 20%;
	margin: 0;
	padding: 0;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}





#main{
	min-height: 500px;
	margin-top: 80px;
}

/* debug
#main .container{
	background-color: transparent;
	background-image: url(gfx/24-grid.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
}
*/


p.debug{
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 99999;
	padding: 5px;
	display: inline-block;
	background: #555;
	color: #fff;
}


/* **************************************************************************************************************** */
/* theme colors */
/* **************************************************************************************************************** */
#main.green h1, #main.green h2,
#main.belysning h1, #main.belysning h2,
#main.armatur h1, #main.armatur h2,
#main.socklar h1, #main.socklar h2,
#main.kupor h1, #main.kupor h2,
#main.kulodosor h1, #main.kulodosor h2,
#main.luminaire h1, #main.luminaire h2,
#main.armatur h1, #main.armatur h2,
#main.bases h1, #main.bases h2,
#main.shades h1, #main.shades h2,
#main.kulodosor h1, #main.kulodosor h2{
	color: #70a896;
}
#main.green .button,
#main.belysning .button,
#main.armatur .button,
#main.socklar .button,
#main.kupor .button,
#main.kulodosor .button,
#main.luminaire .button,
#main.armatur .button,
#main.bases .button,
#main.shades .button,
#main.kulodosor .button{
	background: #70a896;
}
#main.belysning .product-specs.border-top,
#main.armatur .product-specs.border-top,
#main.socklar .product-specs.border-top,
#main.kupor .product-specs.border-top,
#main.kulodosor .product-specs.border-top,
#main.luminaire .product-specs.border-top,
#main.armatur .product-specs.border-top,
#main.bases .product-specs.border-top,
#main.shades .product-specs.border-top,
#main.kulodosor .product-specs.border-top{
	border-top: solid 2px #70a896;
}


#main.blue h1, #main.blue h2,
#main.sakringar-skap h1, #main.sakringar-skap h2{
	color: #6da5e3;
}
#main.blue .button,
#main.sakringar-skap .button{
	background: #6da5e3;
}
#main.sakringar-skap .product-specs.border-top{
	border-top: solid 2px #6da5e3;
}


#main.warmgray h1, #main.warmgray h2{
	color: #b5b19d;
}
#main.warmgray .button{
	background: #b5b19d;
}


#main.yellow h1, #main.yellow h2{
	color: #f1c832;
}
#main.yellow .button{
	background: #f1c832;
}

/* **************************************************************************************************************** */



/* page sections */
.page-section{
	padding: .5em 0;
}

.page-section:last-child{
	padding-bottom: 1.37em;
}

.columns{
	display: flex;
	flex-flow: row wrap;
}
.columns .content{ width: 100%; }
.columns .content.col-1{
	padding-bottom: .77em;
}

/* Adjust order of items: wide items more probable to be text - render first */
/*
.cols_3_9 .columns .col-1,
.cols_4_8 .columns .col-1,
.cols_5_7 .columns .col-1{ order: 2; }

.cols_3_9 .columns .col-2,
.cols_4_8 .columns .col-2,
.cols_5_7 .columns .col-2{ order: 1; }
*/


.columns.news{
	padding-top: .77em;
}



/* .page-section.hero */
.page-section.hero{
	margin: 0 0 .44em 0;
}
.page-section.hero .item{
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}


/*
.page-section.hero .item::before{
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(20deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,0) 50%);
}
*/
.page-section.hero .image-wrap{}
.page-section.hero .image-wrap img,
.page-section.hero .image-wrap video{
	width: 100%;
	height: 50vh;
	min-height: 280px;
	max-height: 480px;
	object-fit: cover;
	object-position: 20% 80%;
}
/*
.home .page-section.hero .image-wrap img,
.home .page-section.hero .image-wrap video{
	height: 50vh;
	min-height: 340px;
	max-height: 540px;
}
*/
.page-section.hero .content-wrap{
	position: absolute;
	bottom: 0;
	z-index: 99;
	width: 100%;
	max-width: 840px;
	margin: 0;
	color: #fff;
}

.page-section.hero .item.va_top .content-wrap{
	top: 0;
	bottom: auto;
	margin-top: 15px;
	color: #fff;
}


.page-section.hero.in-container .content-wrap{
	padding: 15px 4.34%;
}
.page-section.hero h1{
	margin-bottom: .11em;
}
.page-section.hero a{
	text-decoration: none;
}
.page-section.hero a.button{
	position: relative;
	background: #5E9CAE;
	color: #fff;
	box-shadow: 10px 10px 25px rgba(94,156,174, .23);
	transition: all .25s;
}
.page-section.hero a.button:hover{
	opacity: 1;
	box-shadow: 10px 10px 25px rgba(94,156,174, .66);
}




/* grid-items: spots, cards and panels */
.items-container{
	margin-bottom: 1.15em;
}
.items-container .item{
	min-height: 100px;
	position: relative;
	margin-bottom: 1.195vw;
	border-radius: 0px;
	overflow: hidden;
}
.items-container .item > a,
.items-container .item span.pseudo-link{
	display: block;
	position: relative;
	height: 100%;
}
.items-container a{
	text-decoration: none;
	transition: all 0.3s ease-in-out 0s;
}
.items-container .image-wrap{
	position: relative;
	overflow: hidden;
}
.items-container img{
	position: relative;
	margin: 0 auto;
	transition: all .5s;
}
.items-container .content-wrap{
	padding: 1em 1em .5em 1em;
}
.items-container .item h4{
	color: inherit;
	font-weight: inherit;
}


.boxes .item{
	border: solid 1px #b5b19d;
}
.boxes .image-wrap{
	margin: 0 auto;
}
p.post-meta{
	margin-bottom: .25em;
}


.items-container.panels .item{}
.items-container .image-wrap{
	width: 100%;
	height: 100%;
}
.items-container .image-wrap img{}
.panels .item .content-wrap{
	position: absolute;
	bottom: 0;
	z-index: 999;
	display: block;
	width: 100%;
	color: #fff;
}
.panels .image-wrap::before{
	position: absolute;
	z-index: 99;
	display: block;
	width: 100%;
	height: 100%;
	content: "";
	background: linear-gradient(20deg, rgba(0,0,0,.75) 0%, rgba(0,0,0,0) 40%);
}
.panels h4{
	margin-bottom: .15em;
	text-transform: uppercase;
	text-shadow: -1px -2px 12px rgba(0,0,0, .5);
}
.panels .item.nogradient .image-wrap::before,
.panels .item.nogradient h4{
	background: transparent;
	text-shadow: none;
}




/* change to flex columns instead - appears to bug in several browsers... */
.items-container.masonry{}
.items-container.masonry .item{}



.imagegallery{}
.imagegallery img{
	margin: 0 auto;
}



/* cards */
.items-container.cards .item{
	margin-left: 0;
}
.cards .item{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}
.cards .item .image-wrap{
	width: 30%;
	margin-bottom: 0;
}
.cards .item .content-wrap{
	width: 70%;
	margin: 0;
	padding: 0 1em 1em 1em;
}



.items-container.cards_v02{}
.items-container.cards_v02 .item{
	margin-bottom: 1em;
	border: solid 1px #e5e4e0;
}
.items-container.cards_v02 .item > a,
.items-container.cards_v02 .item .pseudo-link{}
.items-container.cards_v02 .image-wrap img{
	max-width: 200px;
}
.items-container.cards_v02 .content-wrap{
	padding: 0 1em 1em 1em;
}
.items-container.cards_v02 h4{
	margin-bottom: .5em;
	font-size: 1em;
	font-weight: 400;
	color: #b5b19d;
}
.items-container.cards_v02 p{
	margin-bottom: 0;
}



/* .contact-cards */
/*  is this used? */
.contact-cards .item h4{
	font-weight: 400;
}
.contact-cards .item p{
	margin: 0 0 0.25em 0;
}
.contact-cards .position{
	font-size: .875em;
	font-weight: 300;
}
.contact-cards .item h3{
	margin-bottom: 2px;
}
.cards .item .content-wrap a{
	display: block;
}





.page-sections.reseller-map{}


/* ??? */
.reseller-map .map-container{
	width: 100%;
	height: 80vh;
	min-height: 480px;
}

.regions{
	padding-top: 1em;
	border-bottom: dotted 1px #b5b19d;
}
.region{
	
}
.region h4{
	position: relative;
	margin: 0;
	padding: .375em 0 .375em 24px;
	font-size: 1em;
	line-height: 1;
	color: #b5b19d;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: normal;
	cursor: pointer;
	transition: opacity .25s, color .25s;
	border-top: dotted 1px #b5b19d;
}
.region h4::before{
	position: absolute;
	top: 0;
	left: 0;
	width: 1em;
	height: 1em;
	padding: .375em 0;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	content: "+";
}
.region h4.active{
	color: #000;
}
.region h4.active::before{
	content: "−";
}
.region h4:hover{
	opacity: .5;
}

.resellers{
	padding: 2px 0 12px 0;
}
.resellers h5{
	margin: 0 0 0 24px;
	padding: 2px 0;
	font-size: .9em;
	color: #000;
	font-weight: 400;
	cursor: pointer;
	transition: opacity .25s, color .25s;	
}
.resellers h5:hover{
	opacity: .5;
}


.page-section.reseller-map .infow{
	padding: 20px 10px;
	font-size: 16px;
}

.page-section.reseller-map .gm-style-iw button:focus{
	border: 0;
	outline: 0;
	outline: none;
	border-radius: 0;
}




/* post */

.single .attachment-post-thumbnail{
	margin-bottom: 1.41em;
}

ul.post-categories{
	margin: 0 0 .65em 0;
	padding: 0;
	list-style: none;
}
.post-categories li{
	display: inline-block;
	margin: 0 0 0 .25em;
	padding: 0 0 0 .25em;
	list-style: none;
	font-size: 1.25em;
	line-height: 1;
	font-weight: 300;
	border-left: solid 1px #b5b19d;
}
.post-categories li:first-child{
	margin: 0;
	padding: 0;
	border: 0;
}
.post-categories a{
	text-decoration: none;
}

.single .category-inspiration time,
.single .category-projekt time,
.single .category-project time,
.single .category-designer time,
.single .category-miljo time{
	display: none;
}

.single .inspiration .gallery{
	margin-top: 1.37em;
}

aside{
	padding-left: 25px;
	border-left: solid 1px #b5b19d;
}
aside article{
	margin-bottom: .25em;
}
aside article.active{
	opacity: .5;
}
aside article a{
	display: block;
	padding: .15em 0;
	text-decoration: none;
}
aside article h4{
	margin: 0;
	font-size: 1em;
	font-weight: 300;
}
aside article time{
	display: block;
	margin-bottom: .5em;
	font-size: .8em;
	color: #000;
}







.filters-container{
	margin: 0 0 0 0;
	padding: .5em .75em;
	background: #f3f0ed;
}
h4.toggle-filters{
	position: relative;
	margin-bottom: 0;
	margin: .25em 0;
	font-weight: 400;
	cursor: pointer;
}
h4.toggle-filters::after{
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 24px;
	height: 24px;
	content: "";
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M16 5.5l-1.5-1.5-6.5 6.5-6.5-6.5-1.5 1.5 8 8 8-8z'%3E%3C/path%3E%3C/svg%3E");
	background-size: 16px 16px;
	background-position: center center;
	transform: rotate(0deg);
	transition: transform .25s;
}
h4.toggle-filters.active::after{
	transform: rotate(180deg);
}
h4.toggle-filters:hover{
	opacity: .5;
}


.filters-container form{
	display: none;
	margin-top: .25em;
	border-top: solid 1px #b5b19d;
}
.filters-container form.active{
	display: block;
}
.filters-wrap{
	margin: 0 auto 10px auto;
	padding: 0;
}
.filter{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-bottom: solid 1px #b5b19d;
}
.filter h4{
	position: relative;
	margin: 0;
	padding: .5em 0 .5em 24px;
	font-size: 1em;
	font-weight: 300;
	cursor: pointer;
}
.filter h4::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: auto;
	padding: .25em 0;
	font-size: 1.25em;
	text-align: center;
	content: "+";
}
.filter h4.active::after{
	content: "-";
}
.filter h4:hover{
	opacity: .5;
}
.filter-wrap{
	display: none;
	padding: .5em 0 1em 0;
}
.filter-wrap.active{
	display: block;
}

.filter ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.filter-checkbox{
	margin-right: .5em;
}
.filter .labeltext{
	font-size: .85em;
	color: #333333;
}



/* sockelfarg + farg */
.filter.pn_sockelfarg{}
.filter.pn_sockelfarg h4{
	display: block;
}
.filter.pn_sockelfarg ul{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.filter.pn_sockelfarg li{
	margin: .5em .25em; 
	padding: 0;
}
.filter.pn_sockelfarg li:first-child{margin-left: 0;}
.filter.pn_sockelfarg li:last-child{margin-right: 0;}
.filter.pn_sockelfarg label{
	display: inline-block;
	border: 0;
	cursor: pointer;
}
.filter.pn_sockelfarg input[type="checkbox"]{
	width: 48px;
	height: 48px;
	border-radius: 100%;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	display: grid;
	place-content: center;
	cursor: pointer;
}
.filter.pn_sockelfarg .pa_sockelfarg__gra input[type="checkbox"],
.filter.pn_sockelfarg .pa_sockelfarg__grey input[type="checkbox"]{
	background: #606060;
}
.filter.pn_sockelfarg .pa_sockelfarg__vit input[type="checkbox"],
.filter.pn_sockelfarg .pa_sockelfarg__white input[type="checkbox"]{
	background: #fff;
}
.filter.pn_sockelfarg .pa_sockelfarg__svart input[type="checkbox"],
.filter.pn_sockelfarg .pa_sockelfarg__black input[type="checkbox"]{
	background: #000;
}
.filter.pn_sockelfarg .pa_sockelfarg__brun input[type="checkbox"],
.filter.pn_sockelfarg .pa_sockelfarg__brown input[type="checkbox"]{
	background: #674f43;
}
.filter.pn_sockelfarg input[type="checkbox"]::before {
	content: "";
	width: 1.25em;
	height: 1.25em;
	background: transparent;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: rotate(10deg);
	transition: background .1s;
}
.filter.pn_sockelfarg input[type="checkbox"]:checked::before {
	background: #ecc42d;
}
.filter.pn_sockelfarg span.labeltext{
	display: block;
	font-size: .75em;
	text-align: center;
}


.filter.pn_markstrom ul.checkbox-group{
	columns: 3;
}






.range-slider-container{
	max-width: 210px;
	margin: 0 auto .5em auto;
	padding: 0 10px;
}
input[type="text"].range-slider{
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
}




.product-list-controls{
	padding: .25em 0;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}
.product-list-controls button{
	display: inline-block;
	width: 32px;
	height: 28px;
	margin: 0 0 0 .25em;
	border: solid 1px #f4f3f0;
	background: url() no-repeat center center transparent;
	background-size: 16px auto;
	cursor: pointer;
}
.product-list-controls button.active{
	border: solid 1px #000;
}

.product-list-controls button.list{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23b5b19d' d='M0 0h4v4h-4zM6 1h10v2h-10zM0 6h4v4h-4zM6 7h10v2h-10zM0 12h4v4h-4zM6 13h10v2h-10z'%3E%3C/path%3E%3C/svg%3E");
}
.product-list-controls button.grid{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23b5b19d' d='M0 0h4v4h-4zM6 0h4v4h-4zM12 0h4v4h-4zM0 6h4v4h-4zM6 6h4v4h-4zM12 6h4v4h-4zM0 12h4v4h-4zM6 12h4v4h-4zM12 12h4v4h-4z'%3E%3C/path%3E%3C/svg%3E%0A");
}


#filter-count{
	display: inline-block;
	margin: 0 10px;
	font-size: 12px;
	line-height: 28px;
}


.product-list ul{
	clear: both;
	margin: 0 auto;
	padding: 0;
}

.product-list.grid ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	/*row-gap: auto;*/
	column-gap: 2%;
}
.product-list.grid li{
	width: 49%;
	margin-bottom: 1em;
	padding: 1em;
	list-style: none;
	background: #f3f0ed;
}

.product-list.list ul{
	display: block;
}
.product-list.list li{
	width: 100%;
	list-style: none;
	margin-bottom: 1px;
	padding: .5em;
	background: #f3f0ed;
}
.product-list.list li::after{
	content: "";
	display: table;
	clear: both;
}
.product-list.list img{
	/*
	width: 4em;
	height: auto;
	*/
	width: 75px;
	height: 75px;
	margin: 0 .5em 0 0;
	float: left;
}


.product-list a{
	text-decoration: none;
}
.product-list h4{
	font-size: 1.15em;
	font-weight: 400;
}
.product-list img{
	margin-bottom: .5em;
}
.product-list p{
	font-size: 12px;
	margin-bottom: .15em;
}





.product-description{
	/*padding-bottom: 1.37em;*/
}

.product-data{
	width: 100%;
}

ul.product-specs{
	display: block;
	width: 100%;
	margin: .685em 0 1.37em 0;
	padding: .685em 0;
	list-style: none;
}
ul.product-specs li{
	padding: .15em;
	border-bottom: dotted 1px #ccc;
}
ul.product-specs .label{
	display: inline-block;
	width: 165px;
	font-weight: 100;
}
ul.product-specs .value{
	display: inline-block;
	font-weight: 400;
}
.badges{
	margin: -1.37em 0 2em 0;
	margin: -1em 0 2em 0;
}
.badge{
	display: inline-block;
	max-height: 34px;
	margin-right: 10px;
}

p.streckbild{
	padding: 1.5em .5em;
	text-align: center;
}
p.streckbild img{
	max-height: 400px;
	margin: 0 auto;
}

.reservdelar h3{
	margin-top: 1.5em;
}


.reservdelar h4{
	padding-bottom: 1em;
	border-bottom: dotted 1px #666;
}
.reservdelar .item{
	padding: .75em 0;
	border-top: dotted 1px #666;
}
.reservdelar .item:last-child{
	border-bottom: dotted 1px #666;
}
.reservdelar .item a{
	display: block;
	text-decoration: none;
}
.reservdelar .item img{
	width: 50px;
	margin-right: 10px;
	float: left;
}
.note{
	font-style: italic;
}
.downloads{
	margin-top: 1.37em;
}


.additional-product-information{
	padding-top: 1.37em;
}



/* /page sections */





#footer{
	padding: 2em 0 3em 0;
	font-size: .95em;
	background: #f4f3f0;
	font-weight: 300;
}
#footer .widgets .widget:nth-child(3){
	width: 100%;
	margin: 2em 0;
	padding: 1.5em 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	border-top: solid 1px #b5b19d;
}
#footer .widgets .widget:nth-child(3) img{
	width: auto;
	height: 48px !important;
	margin: .25em .5em;
}
#footer .menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .menu li{
	display: inline-block;
	margin: .5em .5em 0 0;
}



ul.downloads{
	margin: .5em 0;
	padding: 0;
	list-style: none;
}
ul.downloads li{
	margin: 0;
	padding: .15em 0;
	list-style: none;
}
ul.downloads li a{
	display: flex;
	padding: .25em 0;
}
ul.downloads li a::before{
	display: block;
	float: left;
	width: 1.2em;
	height: 1.2em;
	margin-right: .25em;
	content: "";
	background: url() no-repeat left center transparent;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M13.156 9.211c-0.213-0.21-0.686-0.321-1.406-0.331-0.487-0.005-1.073 0.038-1.69 0.124-0.276-0.159-0.561-0.333-0.784-0.542-0.601-0.561-1.103-1.34-1.415-2.197 0.020-0.080 0.038-0.15 0.054-0.222 0 0 0.339-1.923 0.249-2.573-0.012-0.089-0.020-0.115-0.044-0.184l-0.029-0.076c-0.092-0.212-0.273-0.437-0.556-0.425l-0.171-0.005c-0.316 0-0.573 0.161-0.64 0.403-0.205 0.757 0.007 1.889 0.39 3.355l-0.098 0.239c-0.275 0.67-0.619 1.345-0.923 1.94l-0.040 0.077c-0.32 0.626-0.61 1.157-0.873 1.607l-0.271 0.144c-0.020 0.010-0.485 0.257-0.594 0.323-0.926 0.553-1.539 1.18-1.641 1.678-0.032 0.159-0.008 0.362 0.156 0.456l0.263 0.132c0.114 0.057 0.234 0.086 0.357 0.086 0.659 0 1.425-0.821 2.48-2.662 1.218-0.396 2.604-0.726 3.819-0.908 0.926 0.521 2.065 0.883 2.783 0.883 0.128 0 0.238-0.012 0.327-0.036 0.138-0.037 0.254-0.115 0.325-0.222 0.139-0.21 0.168-0.499 0.13-0.795-0.011-0.088-0.081-0.196-0.157-0.271zM3.307 12.72c0.12-0.329 0.596-0.979 1.3-1.556 0.044-0.036 0.153-0.138 0.253-0.233-0.736 1.174-1.229 1.642-1.553 1.788zM7.476 3.12c0.212 0 0.333 0.534 0.343 1.035s-0.107 0.853-0.252 1.113c-0.12-0.385-0.179-0.992-0.179-1.389 0 0-0.009-0.759 0.088-0.759v0zM6.232 9.961c0.148-0.264 0.301-0.543 0.458-0.839 0.383-0.724 0.624-1.29 0.804-1.755 0.358 0.651 0.804 1.205 1.328 1.649 0.065 0.055 0.135 0.111 0.207 0.166-1.066 0.211-1.987 0.467-2.798 0.779v0zM12.952 9.901c-0.065 0.041-0.251 0.064-0.37 0.064-0.386 0-0.864-0.176-1.533-0.464 0.257-0.019 0.493-0.029 0.705-0.029 0.387 0 0.502-0.002 0.88 0.095s0.383 0.293 0.318 0.333v0z'%3E%3C/path%3E%3Cpath fill='%23000000' d='M14.341 3.579c-0.347-0.473-0.831-1.027-1.362-1.558s-1.085-1.015-1.558-1.362c-0.806-0.591-1.197-0.659-1.421-0.659h-7.75c-0.689 0-1.25 0.561-1.25 1.25v13.5c0 0.689 0.561 1.25 1.25 1.25h11.5c0.689 0 1.25-0.561 1.25-1.25v-9.75c0-0.224-0.068-0.615-0.659-1.421v0zM12.271 2.729c0.48 0.48 0.856 0.912 1.134 1.271h-2.406v-2.405c0.359 0.278 0.792 0.654 1.271 1.134v0zM14 14.75c0 0.136-0.114 0.25-0.25 0.25h-11.5c-0.135 0-0.25-0.114-0.25-0.25v-13.5c0-0.135 0.115-0.25 0.25-0.25 0 0 7.749-0 7.75 0v3.5c0 0.276 0.224 0.5 0.5 0.5h3.5v9.75z'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
}


.ico a{
	display: inline-block;
	width: 1.75em;
	height: 1.75em;
	text-indent: -9999px;
	background: no-repeat center center transparent;
	background-size: contain;
}
.ico.pinterest a{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M8 1.069c-3.828 0-6.931 3.103-6.931 6.931 0 2.938 1.828 5.444 4.406 6.453-0.059-0.547-0.116-1.391 0.025-1.988 0.125-0.541 0.813-3.444 0.813-3.444s-0.206-0.416-0.206-1.028c0-0.963 0.559-1.684 1.253-1.684 0.591 0 0.878 0.444 0.878 0.975 0 0.594-0.378 1.484-0.575 2.306-0.166 0.691 0.344 1.253 1.025 1.253 1.231 0 2.178-1.3 2.178-3.175 0-1.659-1.194-2.819-2.894-2.819-1.972 0-3.128 1.478-3.128 3.009 0 0.597 0.228 1.234 0.516 1.581 0.056 0.069 0.066 0.128 0.047 0.2-0.053 0.219-0.169 0.691-0.194 0.787-0.031 0.128-0.1 0.153-0.231 0.094-0.866-0.403-1.406-1.669-1.406-2.684 0-2.188 1.587-4.194 4.578-4.194 2.403 0 4.272 1.712 4.272 4.003 0 2.388-1.506 4.313-3.597 4.313-0.703 0-1.362-0.366-1.588-0.797 0 0-0.347 1.322-0.431 1.647-0.156 0.603-0.578 1.356-0.862 1.816 0.65 0.2 1.337 0.309 2.053 0.309 3.828 0 6.931-3.103 6.931-6.931 0-3.831-3.103-6.934-6.931-6.934z'%3E%3C/path%3E%3C/svg%3E");
}
.ico.linkedin a{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM6 13h-2v-7h2v7zM5 5c-0.553 0-1-0.447-1-1s0.447-1 1-1c0.553 0 1 0.447 1 1s-0.447 1-1 1zM13 13h-2v-4c0-0.553-0.447-1-1-1s-1 0.447-1 1v4h-2v-7h2v1.241c0.412-0.566 1.044-1.241 1.75-1.241 1.244 0 2.25 1.119 2.25 2.5v4.5z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.ico.instagram a{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M14.5 0h-13c-0.825 0-1.5 0.675-1.5 1.5v13c0 0.825 0.675 1.5 1.5 1.5h13c0.825 0 1.5-0.675 1.5-1.5v-13c0-0.825-0.675-1.5-1.5-1.5zM11 2.5c0-0.275 0.225-0.5 0.5-0.5h2c0.275 0 0.5 0.225 0.5 0.5v2c0 0.275-0.225 0.5-0.5 0.5h-2c-0.275 0-0.5-0.225-0.5-0.5v-2zM8 5c1.656 0 3 1.344 3 3s-1.344 3-3 3c-1.656 0-3-1.344-3-3s1.344-3 3-3zM14 13.5v0c0 0.275-0.225 0.5-0.5 0.5h-11c-0.275 0-0.5-0.225-0.5-0.5v0-6.5h1.1c-0.066 0.322-0.1 0.656-0.1 1 0 2.762 2.237 5 5 5s5-2.238 5-5c0-0.344-0.034-0.678-0.1-1h1.1v6.5z'%3E%3C/path%3E%3C/svg%3E");
}





.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
	z-index: 100;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: no-repeat center center transparent;
	background-size: 24px 24px;
	opacity: .75;
	-webkit-transition: opacity .25s;
	-o-transition: opacity .25s;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
}
.slick-prev:hover,
.slick-next:hover{
	color: transparent;
	outline: none;
	opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{
    opacity: 0;
}
.slick-prev{
    left: 4px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M10.5 16l1-1-7-7 7-7-1-1-8 8 8 8z'%3E%3C/path%3E%3C/svg%3E");
}
.slick-next{
    right: 4px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M5.5 0l-1 1 7 7-7 7 1 1 8-8-8-8z'%3E%3C/path%3E%3C/svg%3E");
}




@media only screen and ( max-width: 420px ) {
	/* wrap tooooo long words */
	h1, h2{
		font-size: 2.1em;
	}
	h3{
		font-size: 1.44em;
	}
	
	
	
	table.replacement-matrix,
	table.replacement-matrix h4{
		font-size: 12px;
	}
	table.replacement-matrix th,
	table.replacement-matrix td{
		padding: 4px 2px;
	}
	
	table.replacement-matrix img{
		max-width: 40px;
	}
	table.replacement-matrix tr > td:nth-child(1){
		width: 40px !important;
	}
	
	
	
	
	
}




@media screen and (min-width: 580px){

	.button{
		width: auto;
	}
	
	.items-container{
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		justify-content: flex-start;
	}
	.items-container .item{
		width: 49.40%;
		height: auto;
	}
	.items-container .item:nth-of-type(2n){
		margin-left: 1.195%;
	}
	
	.items-container.n3 .item:first-child,
	.items-container.n5 .item:first-child,
	.items-container.n7 .item:first-child{
		width: 100%;
	}
	.items-container.n3 .item:nth-child(2){
		margin-left: 0;
	}
	.items-container.n3 .item:nth-child(3),
	.items-container.n5 .item:nth-child(3),
	.items-container.n5 .item:nth-child(5),
	.items-container.n7 .item:nth-child(3),
	.items-container.n7 .item:nth-child(5),
	.items-container.n7 .item:nth-child(7){
		margin-left: 1.195%;
	}
	
	/* 5 + 7 */
	.items-container.n5 .item:nth-child(2),
	.items-container.n5 .item:nth-child(4),
	.items-container.n7 .item:nth-child(2),
	.items-container.n7 .item:nth-child(4),
	.items-container.n7 .item:nth-child(6){
		margin-left: 0;
	}
	
	.items-container .item > a,
	.items-container .item span.pseudo-link{
		height: auto;
	}
	
	.items-container.cards .item{
		width: 100%;
		margin-left: 0;
	}
	
	
	
	.items-container.cards_v02{}
	.items-container.cards_v02 .item{
		width: 100%;
		margin: 0 0 1em 0;
	}
	.items-container.cards_v02 .item:nth-child(odd){
		margin-left: 0;
	}
	.items-container.cards_v02 .item:nth-child(even){
		margin-left: 1.195%;
	}
	.items-container.cards_v02 .item > a,
	.items-container.cards_v02 .item .pseudo-link{
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
	}
	.items-container.cards_v02 .image-wrap{
		width: 40%;
		padding: 0;
	}
	.items-container.cards_v02 .content-wrap{
		width: 60%;
		padding: 1em 1em 1em 0;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	#footer .widgets{
		display: flex;
		flex-flow: row wrap;
	}
	#footer .widgets .widget:nth-child(1){
		width: 75%;
	}
	
	#footer .widgets .widget:nth-child(2){
		width: 25%;
		text-align: right;
	}
	#footer .menu li{
		margin: 0 0 0 .725em;
	}
	#footer .widgets .ico a{
		text-align: left;
	}
	
}



@media screen and (min-width: 767px){
	
	.items-container.cards .item{
		width: 47.82%;
	}
	
	.gallery{
		columns: 2;
		column-fill: balance;
	}


	.product-list.grid ul{
		/*row-gap: auto;*/
		column-gap: 1.33%;
	}
	.product-list.grid li{
		width: 32.39%;
	}
	.product-list.list li img{
		/*width: 6em;*/
	}
	.product-list.list li .prop{
		display: block;
	}
	

	#footer .widgets .widget:nth-child(1){
		order: 1;
		width: 50%;
	}
	#footer .widgets .widget:nth-child(3){
		order: 2;
		width: 50%;
		margin: 0;
		padding: 0;
		border: 0;
		justify-content: flex-end;
	}
	#footer .widgets .widget:nth-child(3) img{
		height: 65px !important;
	}
	#footer .widgets .widget:nth-child(2){
		order: 3;
		width: 100%;
		text-align: left;
	}
	#footer .menu li{
		margin: 0 .5em 0 0;
	}

	#footer .widgets .widget:nth-child(4){
		order: 4;
		width: 100%;
		margin: 2.5em 0 0 0;
	}

}


@media screen and (min-width: 960px){

	body{
		font-size: 17px;
	}
	
	.container{
		max-width: 1280px;
	}
	
	#header,
	.nav-expanded #header{
		height: auto;
		overflow: visible;
	}
	#header .container{
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-content: flex-end;
		align-items: stretch;
	}
	#logo{
		width: 150px;
		padding: 8px 0 12px 0;
	}
	.toggle-nav{
		display: none;
	}
	#nav{
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-between;
		align-items: flex-end;
		overflow: visible;
	}
	.main-menu{
		order: 2;
	}
	.utilities-menu{
		order: 1;
	}
	#nav ul{
		display: flex;
		flex-flow: row nowrap;
	}
	#nav ul li{
		position: relative;
		display: block;
		float: left;
		width: auto;
		margin: 0;
		padding: 0;
		overflow: visible;
		border-bottom: 0;
		opacity: 1;
		text-align: left;
	}

	#nav li:first-child{
		margin-top: 0;
	}	
	#nav li a{
		line-height: 1;
	}
	
	#nav li.menu-item-has-children a{
		padding-right: 24px !important;
		background-repeat: no-repeat;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23000000' d='M16 5.5l-1.5-1.5-6.5 6.5-6.5-6.5-1.5 1.5 8 8 8-8z'%3E%3C/path%3E%3C/svg%3E");
		background-size: 10px 10px;
		background-position:  right 8px center;
	}
	
	
	#nav li.current-menu-item > a,
	#nav li.current_page_item > a,
	#nav li.current-menu-ancestor > a,
	#nav li.current_page_ancestor > a{
		color: #b5b19d;
	}
	#nav li.current-menu-item.menu-item-has-children > a,
	#nav li.current_page_item.menu-item-has-children > a,
	#nav li.current-menu-ancestor.menu-item-has-children > a,
	#nav li.current_page_ancestor.menu-item-has-children > a{
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23b5b19d' d='M16 5.5l-1.5-1.5-6.5 6.5-6.5-6.5-1.5 1.5 8 8 8-8z'%3E%3C/path%3E%3C/svg%3E");

	}
	
	#nav .main-menu li a{
		margin: 0 1px;
		padding: 12px 10px;
	}
	#nav .main-menu li a:hover{}
	#nav .main-menu li:last-child a{
		margin-right: 0;
		padding-right: 5px;
	}
	#nav .main-menu li.menu-item-has-children:last-child a{
		padding-right: 12px;
	}
	#nav .main-menu a.toggle-children{
		display: none;
	}
	#nav li ul{
		position: absolute;
		left: 0;
		top: 100%;
		display: block;
		min-width: 260px;
		overflow: hidden;
		margin: -10px 0 0 0;
		padding: 0;
		background: #fff;
		opacity: 0;
		border-radius: 2px;
		box-shadow: 0 25px 25px rgba(0,0,0, .05);
		transition: margin .75s, opacity .25s;
	}
	#nav ul li:hover ul{
		margin-top: 0;
		padding: 0;
		opacity: 1;
		transition: margin .5s, opacity .5s;
	}
	#nav li li{
		display: none;
		float: none;
		clear: both;
		margin: 0;
	}
	#nav li li:last-child{
		padding-bottom: 8px;
	}
	#nav ul li:hover ul li{
		display: block;
	}
	
	/* alterations on first menu item - two column display */
	#nav li:first-child ul{
		min-width: 420px;
		padding-bottom: 32px;
		display: grid;
		grid-auto-flow: dense;
	}
	#nav li:first-child ul li{
		grid-column: 1;
	}
	#nav li:first-child ul li.col-2{	
		grid-column: 2;
	}
	#nav li:first-child li:last-child{
		padding-bottom: 0px;
	}
	#nav li:first-child li.extra-padding-bottom{
		padding-bottom: 16px;
	}
	
	#nav li.durable::before,
	#nav li.product-filter::before,
	#nav li.product-filter::after{
		width: 160px;
		margin: 0 18px;
	}
	
	#nav .main-menu li li a,
	#nav .main-menu li .current-menu-item > a, 
	#nav .main-menu li .current_page > a,
	#nav .main-menu li .current_page_item > a,
	#nav .main-menu li .current-menu-ancestor > a{
		display: inline-block;
		margin: 0 2px;
		padding: 8px 10px;
		white-space: nowrap;
		background-image: none !important;
	}
	#nav li.current-menu-item > a, 
	#nav li.current_page > a,
	#nav li.current_page_item > a,
	#nav li.current-menu-ancestor > a,
	#nav li.current-menu-ancestor  > a,
	#nav li.current_page_ancestor  > a{}
	
	#nav li .current-menu-item > a, 
	#nav li .current_page > a,
	#nav li .current_page_item > a,
	#nav li .current-menu-ancestor > a,
	#nav li .current-menu-ancestor  > a,
	#nav li .current_page_ancestor  > a{}

	#nav .utilities-menu{
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
	}
	#nav .utilities-menu li.search{
		width: 340px;
		max-width: unset;
	}
	.utilities-menu li.search form{
		margin: 0;
	}
	#nav .utilities-menu label{
		display: none;
	}
	#nav .utilities-menu a{
		color: #b5b19d;
		font-weight: 400;
	}
	
	#main{
		margin-top: 110px;
	}
	
	blockquote {
		padding: 0 2.85em 0 2.85em;
	}

	.page-section.hero h1,
	.page-section.hero h2{
		font-size: 4.37em;
	}
	
	.page-section .section-intro.limited-width{
		width: 73.81%;
	}
	.columns{
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.columns .content{
		flex-grow: 0;
		order: unset !important;
	}

	.cols_8_4 .columns .col-1,
	.cols_4_8 .columns .col-2{ width: 65.21%; }
	.cols_8_4 .columns .col-2,
	.cols_4_8 .columns .col-1{ width: 30.43%; }
	
	.cols_9_3 .columns .col-1,
	.cols_3_9 .columns .col-2{ width: 73.81%; }
	.cols_9_3 .columns .col-2,
	.cols_3_9 .columns .col-1{ width: 21.73%; }
	
	.cols_7_5 .columns .col-1,
	.cols_5_7 .columns .col-2{ width: 56.62%; }
	.cols_7_5 .columns .col-2,
	.cols_5_7 .columns .col-1{ width: 39.13%; }
	
	.cols_6_6 .columns .col-1,
	.cols_6_6 .columns .col-2{ width: 47.82%; }
	
	.cols_100 .columns .col-1,
	.cols_100 .columns .col-2{ width: 100%; }
	
	.cols_4_4_4 .columns .col-1,
	.cols_4_4_4 .columns .col-2,
	.cols_4_4_4 .columns .col-3{ width: 30.43%; }

	.va_top .content{ align-self: flex-start; }
	.va_middle .content{ align-self: center; }
	.va_bottom .content{ align-self: flex-end; }


	.items-container{}
	.items-container .item{
		width: 32.53%;
		margin-left: 0;
	}
	.items-container .item:nth-of-type(3n+2),
	.items-container .item:nth-of-type(3n+3){
		margin-left: 1.195%;
	}
	.items-container .item:nth-child(3n+4){
		margin-left: 0;
	}
	
	
	/* 2 + 4 + 6 + 8 */
	.items-container.n2 .item,
	.items-container.n4 .item,
	.items-container.n7 .item,
	.items-container.n8 .item{
		width: 49.40%;
	}
	.items-container.n2 .item:nth-of-type(2),
	.items-container.n4 .item:nth-child(4){
		margin-left: 1.195%;
	}
	.items-container.n4 .item:nth-child(3){
		margin-left: 0;
	}


	/* 3 + 6 + 9 */
	.items-container.n3 .item:first-child,
	.items-container.n6 .item,
	.items-container.n9 .item{
		width: 32.53%;
	}
	.items-container.n3 .item:nth-of-type(3),
	.items-container.n3 .item:nth-child(2),
	.items-container.n6 .item:nth-of-type(3),
	.items-container.n6 .item:nth-child(5),
	.items-container.n9 .item:nth-of-type(3),
	.items-container.n9 .item:nth-child(5),
	.items-container.n9 .item:nth-child(9){
		margin-left: 1.195%;
	}
	.items-container.n6 .item:nth-child(4),
	.items-container.n9 .item:nth-child(4){
		margin-left: 0;
	}
	
	
	/* 5 + 7 */
	.items-container.n5 .item:nth-child(1),
	.items-container.n5 .item:nth-child(2),
	.items-container.n7 .item:nth-child(1),
	.items-container.n7 .item:nth-child(2){
		width: 49.40%;
	}
	.items-container.n5 .item:nth-child(2),
	.items-container.n5 .item:nth-child(4),
	.items-container.n7 .item:nth-child(2),
	.items-container.n7 .item:nth-child(4){
		margin-left: 1.195%;
	}
	.items-container.n5 .item:nth-child(3),
	.items-container.n7 .item:nth-child(3){
		margin-left: 0;
	}
	
	.items-container.n7 .item:nth-child(5),
	.items-container.n7 .item:nth-child(6),
	.items-container.n7 .item:nth-child(7){
		width: 32.53%;
	}
	.items-container.n7 .item:nth-child(5){
		margin-left: 0;
	}
	.items-container.n7 .item:nth-child(6){
		margin-left: 1.195%;
	}
	
	/* cards */
	.items-container.cards .item{
		width: 49.40%;
		margin-left: 0;
	}
	.items-container.cards .item:nth-of-type(2n){
		margin-left: 1.195%;
	}
	
	
	.page-section.compact .items-container .item{
		width: 24.1%;
		margin-left: 1.195%;
	}
	.page-section.compact .items-container .item:first-child{
		margin-left: 0;
	}
	
	
	
	
	h4.toggle-filters,
	h4.toggle-filters:hover{
		cursor: default;
		opacity: 1;
	}
	h4.toggle-filters::after{
		display: none;
		content: unset;
	}
	
	
	
	.filters-container form,
	.filters-container form.active{
		display: block;
	}
	.filters-wrap{
		display: flex;
		flex-flow: row wrap;
		align-content: flex-start;
		justify-content: space-between;
		margin-bottom: 10px;
		padding: 0;
	}
	.filter{
		width: auto;
		flex-grow: 1;
		margin: 0;
		padding: 10px 10px 15px 10px;
		border-left: solid 1px #b5b19d;
	}
	.filter:hover{}
	.filter:first-child{
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	
	.fl_all .filter{
		width: 100%;
		margin: 0;
		padding: 0 0;
		border-left: 0;
	}
	.fl_all .container{
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.fl_all .filters-container{
		width: 200px;
		margin-right: 1.195%;
		order: 2;
	}
	.fl_all .product-list-controls{
		order: 1;
		width: 100%;
	}
	.fl_all .product-list{
		width: calc( 89.195% - 200px );
		flex-grow: 1;
		flex-shrink: 1;
		order: 3;
	}
	.product-list.grid ul{
		/*row-gap: auto;*/
		column-gap: 1.33%;
	}
	.product-list.grid ul li{
		width: 24%;
	}
	
	.fl_default .filter h4{
		padding-left: 0;
		cursor: default;
	}
	.fl_default .filter h4:hover{
		opacity: 1;
	}
	.fl_default .filter h4::after,
	.fl_default .filter h4.active::after{
		display: none;
		content: unset;
	}
	.fl_default .filter-wrap,
	.fl_default .filter-wrap.active{
		display: block;
	}
	
	
	
	
	ul.product-specs.columned{
		columns: 2;
	}
	

}


@media screen and (min-width: 1080px){
	
	#nav .main-menu li a{
		padding: 12px 16px;
	}
	#nav .main-menu li li a,
	#nav .main-menu li .current-menu-item > a, 
	#nav .main-menu li .current_page > a,
	#nav .main-menu li .current_page_item > a,
	#nav .main-menu li .current-menu-ancestor > a{
		padding: 8px 16px;
	}
	#nav li li:last-child{
		padding-bottom: 12px;
	}
	
}



@media screen and (min-width: 1240px){

	#logo{
		width: 220px;
	}
	
	#nav > ul > li{
		margin: 0 6px;
	}
	#nav .main-menu li a{
		padding: 12px 18px;
	}
	#nav .main-menu li li a,
	#nav .main-menu li .current-menu-item > a, 
	#nav .main-menu li .current_page > a,
	#nav .main-menu li .current_page_item > a,
	#nav .main-menu li .current-menu-ancestor > a{
		padding: 8px 18px;
	}
	#nav li li:last-child{
		padding-bottom: 14px;
	}
	
	#main{
		margin-top: 140px;
	}
	
	
	.page-section.hero .item.va_top .content-wrap{
		margin-top: 25px;
	}
	

	.items-container .item,
	.gallery-item{
		margin-bottom: 15px;
	}
	
	
	.fl_all .filters-container{
		width: 240px;
	}
	.fl_all .product-list{
		width: calc( 89.195% - 240px );
	}
	

	/*
	ul.product-specs.columned{
		columns: 3;
	}
	*/
	
	#footer .widgets .widget:nth-child(2){ width: 25%; }
	#footer .widgets .widget:nth-child(4){ width: 75%; margin-top: 0; text-align: right;}


}















/* Smaller scrrens navigation */
@media (max-width: 959.99px) {
	
	#nav li{
		opacity: 0;
	}
	.nav-expanded #nav li{
		-webkit-animation: fadeinmenu .65s 1;
				animation: fadeinmenu .65s 1;
		-webkit-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
	}

	.nav-expanded #nav li:nth-child(1){-webkit-animation-delay: .20s; animation-delay: .20s;}
	.nav-expanded #nav li:nth-child(2){-webkit-animation-delay: .25s; animation-delay: .25s;}
	.nav-expanded #nav li:nth-child(3){-webkit-animation-delay: .30s; animation-delay: .30s;}
	.nav-expanded #nav li:nth-child(4){-webkit-animation-delay: .35s; animation-delay: .35s;}
	.nav-expanded #nav li:nth-child(5){-webkit-animation-delay: .40s; animation-delay: .40s;}
	.nav-expanded #nav li:nth-child(6){-webkit-animation-delay: .45s; animation-delay: .45s;}
	.nav-expanded #nav li:nth-child(7){-webkit-animation-delay: .50s; animation-delay: .50s;}
	.nav-expanded #nav li:nth-child(8){-webkit-animation-delay: .55s; animation-delay: .55s;}
	.nav-expanded #nav li:nth-child(9){-webkit-animation-delay: .60s; animation-delay: .60s;}
	.nav-expanded #nav li:nth-child(10){-webkit-animation-delay: .65s; animation-delay: .65s;}
	.nav-expanded #nav li:nth-child(11){-webkit-animation-delay: .70s; animation-delay: .70s;}
	.nav-expanded #nav li:nth-child(12){-webkit-animation-delay: .75s; animation-delay: .75s;}
	.nav-expanded #nav li:nth-child(13){-webkit-animation-delay: .80s; animation-delay: .80s; }
	.nav-expanded #nav li:nth-child(14){-webkit-animation-delay: .85s; animation-delay: .85s;}
	.nav-expanded #nav li:nth-child(15){-webkit-animation-delay: .90s; animation-delay: .90s;}
	.nav-expanded #nav li:nth-child(16){-webkit-animation-delay: .95s; animation-delay: .95s;}
	.nav-expanded #nav li:nth-child(17){-webkit-animation-delay: .100s; animation-delay: .100s;}
	.nav-expanded #nav li:nth-child(18){-webkit-animation-delay: .105s; animation-delay: .105s;}
	.nav-expanded #nav li:nth-child(19){-webkit-animation-delay: .110s; animation-delay: .110s;}
	.nav-expanded #nav li:nth-child(20){-webkit-animation-delay: .115s; animation-delay: .115s;}
	.nav-expanded #nav li:nth-child(21){-webkit-animation-delay: .120s; animation-delay: .120s;}
	
	.nav-expanded #nav li li{
		-webkit-animation: none;
		animation: none;
		opacity: 1;
		padding-left: 0px;
	}

	
	@-webkit-keyframes fadeinmenu { from {opacity: 0; padding-left: 30px;} to {opacity: 1; padding-left: 0px;} }
	@keyframes fadeinmenu { from {opacity: 0; padding-left: 30px;} to {opacity: 1; padding-left: 0px;} }
	#nav li a{
		-webkit-transition: opacity .5s, margin .5s;
		-o-transition: opacity .5s, margin .5s;
		-webkit-transition: opacity .5s, margin .5s;
		transition: opacity .5s, margin .5s;
	}
	.hamburger {
		padding: 10px 6px;
		display: inline-block;
		cursor: pointer;
		-webkit-transition-property: opacity, -webkit-filter;
		transition-property: opacity, -webkit-filter;
		-o-transition-property: opacity, filter;
		transition-property: opacity, filter;
		transition-property: opacity, filter, -webkit-filter;
		-webkit-transition-duration: 0.15s;
			 -o-transition-duration: 0.15s;
				transition-duration: 0.15s;
		-webkit-transition-timing-function: linear;
			 -o-transition-timing-function: linear;
				transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible; 
	}
	.hamburger:hover {
		/*opacity: 0.6; */
	}
	.hamburger.is-active:hover {
		/*opacity: 0.6; */
	}
	.hamburger:focus{
		outline: none;
	}
	.hamburger-box {
		width: 22px;
		height: 18px;
		display: inline-block;
		position: relative; 
	}
	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: 0px; 
	}
	.hamburger-inner, 
	.hamburger-inner::before, 
	.hamburger-inner::after {
		width: 23px;
		height: 2px;
		background-color: #000;
		border-radius: 0;
		position: absolute;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
			 -o-transition-duration: 0.15s;
				transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
			 -o-transition-timing-function: ease;
				transition-timing-function: ease; 
	}
	.hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block; 
	}
	.hamburger-inner::before {
		top: -6px; 
	}
	.hamburger-inner::after {
		bottom: -6px; 
	}
	.hamburger--squeeze .hamburger-inner {
		-webkit-transition-duration: 0.075s;
			 -o-transition-duration: 0.075s;
				transition-duration: 0.075s;
		-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
			 -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
				transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
	}
	.hamburger--squeeze .hamburger-inner::before {
		-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
		-o-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
		transition: top 0.075s 0.12s ease, opacity 0.075s ease; 
	}
	.hamburger--squeeze .hamburger-inner::after {
		-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		-o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
	}
	.hamburger--squeeze.is-active .hamburger-inner {
		-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
				transform: rotate(45deg);
		-webkit-transition-delay: 0.12s;
			 -o-transition-delay: 0.12s;
				transition-delay: 0.12s;
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
			 -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
	}
	.hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
		-o-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease; 
	}
	.hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		-webkit-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
				transform: rotate(-90deg);
		-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
	}
	
	
}










@media print{
	
	body {
		display: block;
		margin: 1.5cm;
		padding: 0;
		font-size: 10pt;
	}
	
	.pad{
		padding: 0;
	}
	.container{
		max-width: 100%;
		margin: 0;
	}
	
	
	#header,
	#main,
	#footer,
	.gallery{
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
	}
	
	#header::after,
	#main::after,
	#footer::after,
	.gallery::after{
		content: "";
		display: table;
		clear: both;
	}
	
	.nav-expanded #header{
		height: 75px;
	}
	
	.toggle-nav,
	#nav,
	.nav-expanded #nav,
	.button,
	aside,
	#footer .widgets .widget:nth-child(2),
	#footer .widgets .widget:nth-child(3),
	#footer .widgets .widget:nth-child(4){
		display: none;
	}
	
	h1{
		margin-top: 1.5cm;
	}

	.gallery-item{
		display: inline-block;
		width: 45%;
		margin: 0 5% .5cm 0;
		float: left;
	}

	
	.product-data ul{
		column-width: 17em;
		column-gap: 1cm;
	}
	
	/*
	table, img, svg, picture, ul{
		break-inside: avoid-page;
	}
	*/

	
	
}