/* HTML5 DOCTOR RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,sub,sup,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing: border-box;}
body{line-height:1}
article,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,ul{list-style:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0}
input,select{vertical-align:middle}
textarea:focus, input:focus{ outline: 0; }
body {
	font-family:  'Raleway', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-align: center;
	margin: 0 auto;
	font-size: 16px;
	position: relative;
	line-height: 1.5;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}
:root {
	--clr-highlight: #cee1be;
	--clr-canvas: #e9e9e9;
	--clr-dark: #7b7b7b;
	/*--vh: 5px;*/
	--viewport_h: calc( var(--vh) * 100);
	--sw_h_ds: calc( viewport_h - 50px);
	--sw_h_mob: calc( viewport_h - 70px);
	--sidebar_w: 250px;
}
/*
    font-family: 'Raleway', sans-serif;
    font-family: 'Raleway', sans-serif;
*/
pre {
	clear: both;
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	text-align: left;
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}
a img { border: none; }
a {
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}
a:hover { text-decoration: none; }
strong { font-weight: 600; }
hr.clear, hr.clear_content_cols {
	visibility: hidden;
	height: 0px;
	border: none;
	clear: both;
	float: none;
	margin: 0;
	font-size: 0px;
	line-height: 0px;
}
p { margin-bottom: 20px;}
textarea,
input[type=text], input[type=email],
input[type=password],
select {
	/*border: none;*/
	/*border-bottom: 1px solid #000;*/
	border: 1px solid transparent;
	font-family: Raleway, sans-serif;
	padding: 5px 10px;
	margin-bottom: 5px;
	font-size: 18px;
	border-radius: 4px;
	background-color: #f1f1f1;
	min-height: 50px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-appearance: none;
	box-sizing: border-box;
}
input[type=submit] {
	-webkit-appearance: none;
	margin-top: 16px;
	cursor: pointer;
}
.form-wrapper input[type=submit] { float: right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	select {
		padding-right: 30px;
		background-image: url(../_img/webkit-select-chevron.svg);
		background-position:  97% 15px;
		background-repeat:  no-repeat;
	}
}
/*             _     __
   ____ ______(_)___/ /
  / __ `/ ___/ / __  / 
 / /_/ / /  / / /_/ /  
 \__, /_/  /_/\__,_/   
/___*/
.row-inner,
.row {
	margin: 0 auto;
	text-align: left;
	clear: both;
	padding: 0 0 0 0;	
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	position: relative;
}
.row-inner { 
	padding: 0; 
	max-width: 	1440px;	
}
.col, [class*="grid-col-"] {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 20px 20px 20px; 
	text-align: left;
	position: relative;
}

[class*="grid-col-"] video,
[class*="grid-col-"] img {
	max-width: 100%;
	height: auto;
} 
[class*="grid-col-"].no-pad { padding-right: 0; padding-left: 0px; }
[class*="grid-col-"] { width: 10%; }
/* 12 cols */
.grid-col-1 { width:8.3333%; }
.grid-col-2 { width:16.6666%; }
.grid-col-3 { width:25%; }
.grid-col-4 { width:33.3333%; }
.grid-col-5 { width:41.6666%; }
.grid-col-6 { width:50%; }
.grid-col-7 { width:58.3333%; }
.grid-col-8 { width:66.6666%; }
.grid-col-9 { width:75%; }
.grid-col-10 { width:83.3333%; }
.grid-col-11 { width:91.6666%; }
.grid-col-12 { width:100%; }
.grid-col-perc-20 {	width: 20%; }

.mar-l-1 { margin-left: 8.3333%; }
.mar-l-2 { margin-left: 16.6666%; }
.mar-l-3 { margin-left: 25%; }
.mar-l-4 { margin-left: 33.3333%; }
.mar-r-1 { margin-right: 8.3333%; }
.mar-r-2 { margin-right: 16.6666%; }

.clearfix:after,
.row:after,
.row-inner:after,
.form-row:after {
	content: '';
	display: table;
	clear: both;
}
.video-container, .image-wrapper, .iw  {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	background-color: #fff;
}
.fb-iframe {
	padding-bottom: 90%;
}
.video-container iframe,  
.video-container object,  
.video-container embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../_img/loading-content.svg) no-repeat center center #efefef;
	background-size: 125px 11px;
}
.image-wrapper, .iw { 
	background-color: #fff;
}
.image-wrapper img, .iw img {
	max-height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
/* __                 
  / /___  ______  ___ 
 / __/ / / / __ \/ _ \
/ /_/ /_/ / /_/ /  __/
\__/\__, / .___/\___/ 
   /____/*/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
    font-family:  'Raleway', Helvetica, Arial, sans-serif;
	line-height: 1.2;
	margin: 0;
	font-weight: 600;
	margin-bottom: 10px;
}
p {
	margin-bottom: 10px;
}
h1 {
	font-size: 36px;
}
h2 { 
	font-size: 30px;
	line-height: 1.2;
}
h3 { 
	font-size: 23px;
	line-height: 1.25;
}
h4 { 
	font-size: 18px;
	font-weight: 700;
}
dl:after {
	content: '';
	display: table;
	clear: both;
}
.smaller {
	font-size: 14px;
	font-weight: 700;
}
/* Textfields */
.text-field ul {
	list-style: none;
}
.text-field ul,
.text-field ol {
	margin: 5px 22px;
}
.text-field ul {
	margin-left: 20px;
	list-style: disc;
}
.text-field ul li {
	/*padding-left: 25px;*/
	/*background: url(../_img/list-arrows.svg) 0 4px no-repeat;*/
}
.smaller {
	font-size: 14px;
	font-weight: normal;
}


a.btn, input.btn,
.btn-label {
	display: inline-block;
	margin: 10px 0;
	padding: 10px 30px;
	/*padding-right: 35px;*/
	font-size: 19px;
	font-weight: 700;
	/*text-transform: uppercase;*/
	text-decoration: none;
	color: #000;
	border: none !important;
	background-color: var(--clr-highlight);
	position: relative;
	transition: all 0.2s ease;
}
a.btn:hover {
	background-color: #000;
	color: var(--clr-highlight);
}

/*  __                   __         
   / /_  ___  ____ _____/ /__  _____
  / __ \/ _ \/ __ `/ __  / _ \/ ___/
 / / / /  __/ /_/ / /_/ /  __/ /    
/_/ /_/\___/\__,_/\__,_/\___/*/

header.site-header {
	position: relative;
	z-index: 4;
	/*display: none;*/
}
header.site-header > .row { padding-left: 0;}
header.site-header .row-inner { 
	text-align: center;
	display: none;
}
header.site-header .site-logo {
	position: absolute;
	z-index: 10;
	height: 39px;
	margin-bottom: 0;
	top: 10px;
	right: 20px;
	width: 100px;
	padding-left: 20px;
}
header.site-header .site-logo img {
	max-width: 100%;
	height: auto;
}
header div[class*="grid-col"] {
	padding-bottom: 0;
}

a.toggle-menu { display: none; }
i.icon {}
i.icon:before {
	content: ' ';
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-bottom: -3px;
}
i.icon.search:before { background-position-x: -30px; }
/* Language switcher */
.lang-options {
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 30;
}
.lang-options > a {
	display: inline-block;
	width: 25px;
	height: 15px;
	background: url(../_img/lang-flags.svg) 0 0 no-repeat;
	text-indent: -9999px;
	margin-left: 5px;
	font-size: 14px;
}
.lang-nl { text-decoration: underline; }
.lang-options > a.en { background-position: -50px 0; }

body.eng .lang-nl { text-decoration: none; }
body.eng .lang-en { text-decoration: none; }

/* While testing */

#main-nav-wrap {
	display: inline-block;
	/*float: left;*/
	margin: 0 auto;
	padding-right: 20px;
	font-size: 15px;
	text-align: center;
	position: relative;
	transition: transform 0.5s ease;
	margin-bottom: -7px;
}
#main-nav-wrap > ul {
	position: relative;
	z-index: 1;
}

/* Menu main list-items */
#main-nav-wrap ul > li {
	float: left;
	display: block;
}
/* Menu Links */
#main-nav-wrap > ul > li a {
	display: block;
	height: 40px;
	padding: 10px 10px;
	box-sizing: border-box;
	font-weight: 600;
	text-decoration: none;
	border-left: 1px solid var(--clr-canvas);
	border-right: 1px solid var(--clr-canvas);
	margin-bottom: -1px;
	border-bottom: 1px solid #7b7b7b;
	color: #b2b2b2;
}
#main-nav-wrap > ul > li a em {font-style: normal; }
#main-nav-wrap > ul > li a.active {
	color: #000;
	background-color: var(--clr-canvas);
	border-left-color: #7b7b7b;
	border-right-color: #7b7b7b;
	border-bottom: 1px solid var(--clr-canvas);
}
#main-nav-wrap > ul > li > a:hover,
#main-nav-wrap > ul > li.active > a {

}



.noverflow {
	overflow: hidden;
}
.site-wrapper {
	background-color: var(--clr-canvas);
	min-height: var(--sw_h_ds);
}
/*  ______            __           
   / ____/___  ____  / /____  _____
  / /_  / __ \/ __ \/ __/ _ \/ ___/
 / __/ / /_/ / /_/ / /_/  __/ /    
/_/    \____/\____/\__/\___/*/

footer {

}

/*                  _       __    
   _________  _____(_)___ _/ /____
  / ___/ __ \/ ___/ / __ `/ / ___/
 (__  ) /_/ / /__/ / /_/ / (__  ) 
/____/\____/\___/_/\__,_/_/___*/

.social-linkage li { display: inline-block;}
a[class*="sm-link-"],
.social-linkage li a {
	display: inline-block;
	width: 36px;
	height: 36px;
	margin: 0;
	background-image: url(../_img/sprite.svg?v=3);
	background-position: 0 -300px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a.sm-link-twitter,
.social-linkage li a.twitter { background-position-x: -150px; }
a.sm-link-linkedin,
.social-linkage li a.linkedin { background-position-x: -200px; }
a.sm-link-facebook,
.social-linkage li a.facebook { background-position-x: -250px; }
a.sm-link-instagram,
.social-linkage li a.instagram { background-position-x: -300px; }

a[class*="sm-link-"] {
	margin-top: 20px;
}


.dots-control {
	position: absolute;
	bottom: 30px;
	z-index: 11;
	left: 0;
	width: 100%;
	text-align: center;	
}
.dots-control a {
	display: inline-block;
	width: 25px;
	height: 25px;
	border-top: 2px solid #fff;
	margin: 0 10px;
}
.dots-control a.active { border-top-color: #000; }


/*                      __      __
   ____ ___  ____  ____/ /___ _/ /
  / __ `__ \/ __ \/ __  / __ `/ / 
 / / / / / / /_/ / /_/ / /_/ / /  
/_/ /_/ /_/\____/\__,_/\__,_/*/
                                  
.overlay,
.focus-modal {
	position: absolute;
	width: 100%;
	/*background-color: #fff;*/
	z-index: 2001;
	opacity: 1;
	transition: opacity 0.3s ease;
}
.overlay {
	background-color: rgba(0,0,0,0.75);
	position: fixed;
	top: 0;
	z-index: 90;
	min-height: 100vh;
}
.overlay.invisible,
.focus-modal.invisible {
	opacity: 0;
}
.focus-modal .modal-content {
	padding-top: 30px;
}
.modal-video-modal {
	background-color: transparent;
	max-width: 1440px;
}
.modal-video-modal .vid-modal-inner {
	max-width: 900px;
	margin: 0 auto;
}

.modal-news_item { z-index: 49; }
.overlay.overlay-news_item { z-index: 40; }

.modal-header.row {
	max-width: 900px;
}
a.closer {
	display: block;
	text-decoration: none;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../_img/sprite.svg?v=3) -46px 4px no-repeat #fff;
}
.focus-modal a.closer {
	position: absolute;
	top: -15px;
	right: -15px;
	z-index: 100;
}
.modal-option-image-zoom {
	background-color: transparent;
	max-width: 75vw;
	max-height: 75vh;
	text-align: center;
}
.modal-option-image-zoom img {
	max-width: 75vw;
	max-height: 75vh;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
/*       __                 
   _____/ /____  ____  _____
  / ___/ __/ _ \/ __ \/ ___/
 (__  ) /_/  __/ /_/ (__  ) 
/____/\__/\___/ .___/____/  
             /*/

.step-options-wrap {
	position: relative;
}
section.step:not(.config-intro-wrap) {
	/*display: none;*/
	clear: both;
	position: relative;
	background-color: #fff;
	/*min-height: 150px;*/
	text-align: left;
}
section.step:not(.config-intro-wrap) .options-wrap { display: none;}
section.step[data-active="true"] .options-wrap {
	display: block;
	margin-bottom: 15px;
}

section.step:not(.config-intro-wrap)[data-active="true"] { display: block; }

section.step:not(.config-intro-wrap) > h3 {
	box-sizing: border-box;
	font-weight: 400;
	font-size: 18px;
	padding-top: 10px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
	cursor: pointer; 
	margin-bottom: 0;
	/*background-color: #fff;*/
	/*padding: 10px 20px;*/
	/*position: absolute;*/
	/*height: 30px;*/
	/*top: -30px;*/
	/*left: 50%;*/
	/*transform: translateX(-50%);*/
}
/*
section.step:not(.config-intro-wrap) > h3:after,
section.step:not(.config-intro-wrap) > h3:before {	
	content: ' ';
	display: block;
	width: 0;
	height: 0;
	border-bottom: 30px solid #fff; 
	border-left: 30px solid transparent;
	position: absolute;
	top: 0;
	left: -30px;	
}
section.step:not(.config-intro-wrap) > h3:after {
	left: auto;
	right: -30px;
	border-right: 30px solid transparent;
	border-left: none;
}
*/
section.step:not(.config-intro-wrap) > h4 { display: none; }
.step-options-wrap {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: var(--sidebar_w);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.4)
}
.step-options-wrap > a[class*="-step"] {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100px;
	height: 100%;
	background-color: var(--clr-highlight);
	color: #fff;
	text-indent: -9999px;
	width: 100px;
}
.step-options-wrap > a.next-step {
	left: auto;
	right: 0;
}
.step-options-wrap > a[class*="-step"]:before {
	content:  ' ';
	display: block;
	width: 41px;
	height: 25px;
	background: url(../_img/sprite.svg?v=3) -500px 0 no-repeat;
	top: calc(50% - 12px);
	left: calc(50% - 20px);
	position: absolute;
}
.step-options-wrap > a.prev-step:before { transform: rotate(180deg); }
.step-options-wrap > a[class*="-step"][href=""] { 
	background-color: #fff;
	display: none;
}
.step-options-wrap > a[class*="-step"][href=""]:before { opacity: 0;}

/*                         __
 _      ______  ____  ____/ /
| | /| / / __ \/ __ \/ __  / 
| |/ |/ / /_/ / /_/ / /_/ /  
|__/|__/\____/\____/\__,*/
body[data-version="1611-wood"] section#step-frame-metal { display: none !important;}

/*  _       __           
   (_)___  / /__________ 
  / / __ \/ __/ ___/ __ \
 / / / / / /_/ /  / /_/ /
/_/_/ /_/\__/_/   \___*/

.config-intro-wrap {
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	height: 100vh;
	display: none;
	/*background-color: lime;*/
}
body.intro-active .config-intro-wrap { 
	display: table;
}
body.intro-active .config-intro-wrap .intro-inner {
	display: table-cell;
	vertical-align: middle;
}
.intro-inner h3 {
	margin-bottom: 40px;
	font-weight: 600;
}
.version-options-list {
	max-width: 1110px;
	margin: 20px auto;
	display: flex;
    justify-content: center;
}
.version-options-list > li {
	width: 33.333%;
	max-width: 800px;
	position: relative;
	padding-bottom: 30px;
	cursor: pointer;
}
.version-options-list.num-2 > li { width: 50%; }
.version-options-list.num-1 > li { width: 100%; }

.version-options-list.num-3 > li:nth-of-type(1), .version-options-list.num-3 > li:nth-of-type(3) {
	width: 32%;
}
.version-options-list.num-3 > li:nth-of-type(2) { width: 36%;}
.options-wrap ul.step-options-list-version li .option-img,
.version-options-list > li .option-img {
	width: 100%;
	padding-bottom: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	transition: transform 0.3s ease;
}
.version-options-list > li:hover .option-img {
	transform: translateY(-5px);
}

.version-options-list > li .option-title {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
}
ul.step-options-list-version li .alert-data,
.version-options-list li .alert-data { display: none;}
.text-field.intro-text {
	clear: both;
	padding-top: 60px;
	font-size: 18px;
}
body.intro-active .step-options-wrap,
body.intro-active #nav-prev-next-wrap,
body.intro-active .config-visual-wrap { display: none; }
/*             __  _                 
  ____  ____  / /_(_)___  ____  _____
 / __ \/ __ \/ __/ / __ \/ __ \/ ___/
/ /_/ / /_/ / /_/ / /_/ / / / (__  ) 
\____/ .___/\__/_/\____/_/ /_/____/  
    /*/
.options-wrap {
	overflow-x:hidden;
	overflow-y: auto; 
}
.options-wrap ul {


}
.options-wrap ul li {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	cursor: pointer;
	position: relative;
	background-color: var(--clr-canvas);
}
.version-options-list > li a.select-option,
.options-wrap ul li a.select-option {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	/*background-color: rgba(0,255,0,0.2);*/
}
.options-wrap ul li.active:before, 
.options-wrap ul li:hover:before {
	content: ' ';
	display: block;
	width: inherit;
	height: inherit;
	border: 2px solid #000;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.options-wrap ul li .option-title {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: calc(100% - 20px);
	text-align: center;
	max-width: 80px;
	background-color: #fff;
	font-size: 12px;
	transition: opacity 0.3s ease;
}
.options-wrap ul li .option-img {
	height: 100%;
}
.options-wrap ul li:not(.no-image) .option-title,
i.enlarge { 
	opacity: 0;
}
.options-wrap ul li:hover i.enlarge,
.options-wrap ul li:hover .option-title { opacity: 1;}
i.enlarge, i.alert {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../_img/sprite.svg?v=3) -398px 0;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 20;
}
.dark i.enlarge { background-position-x: -450px; }
i.alert {
	background-position-x: -600px;
	left: 0;
	top:0;
	z-index: 30;
	cursor: pointer;
}
.alert-data {
	position: absolute;
	top: 10px;
	left: 70px;
}
.alert-data:hover .alert-data-inner { display: block;}
.alert-data-inner {
	background-color: #000;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1.2;
	color: #fff;
	font-weight: 600;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
	z-index: 20;
	text-align: left;
	display: none;
}

.alert-data-inner > span { 
	white-space: nowrap; 
	display: block;
}
ul li:last-child .alert-data-inner {
	position: absolute;
	right: -10px;
	bottom: 0;
}

.options-wrap ul li.no-image .option-title {
	background-color: transparent;
	text-align: left;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	bottom: auto;
	top: 10px;
}
.options-wrap ul li.no-image .alert-data {
	top: auto;
	left: 0px;
	bottom: 10px;
	z-index: 1;
}
.options-wrap ul li.no-image .alert-data > i {display: none;}
.options-wrap ul li.no-image .alert-data > div {
	display: block;
}
.options-wrap > a.closer { display: none; }

/* OPTION EXCEPTIONS - Version */
.options-wrap ul.step-options-list-version li {
	display: block;
	width: 100%;
	max-width: 120px;
	height: auto;
	margin: 0 0px;
	background-color: transparent;
	position: relative;
}
.options-wrap ul.step-options-list-version li.active:before, .options-wrap ul li:hover:before {
	/*content: none;*/
	width: 100%;
	height: 100%;
	border: 1px solid #efefef;
}
.options-wrap ul.step-options-list-version .alert-data {
	left: calc(100% - 30px);
}
ul.step-options-list-version li .alert-data-inner {
    position: absolute;
    right: -10px;
}
/* Cushions */
.options-wrap ul li.no-image,
ul.step-options-list-cushions li {
	width: 100%;
	margin: 0;
	height: 40px;
}
.options-wrap ul li.no-image .option-title,
.options-wrap ul.step-options-list-cushions li .option-title {
	max-width: 120px;
	left: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.options-wrap ul li.no-image {
	width: 100%;
	margin: 0;
}
.options-wrap ul li.no-image .option-title {
	font-weight: 400;
	left: 0px;
	max-width: 100%;
}
.options-wrap ul li.no-image .alert-data {
	left: auto;
	right: 10px;
	bottom: 5px;
}
.options-wrap ul li.no-image .alert-data .alert-data-inner {
	background-color: transparent;
	color: #000;
	/*font-weight: normal;*/
}

/* Hide options depending on version */
body[data-version="1611-wood"] #step-frame-wood li[data-option="wenge"],
body[data-version="1611-wood"] #step-frame-wood li[data-option="zebrano"] {
	display: none !important;
}


 /*________ _____ _   ______ ______
 / ___/ __ `/ __ \ | / / __ `/ ___/
/ /__/ /_/ / / / / |/ / /_/ (__  ) 
\___/\__,_/_/ /_/|___/\__,_/___*/

.config-visual-wrap {
	position: relative;
	min-height: 100vh;
	width: calc(100% - var(--sidebar_w));
	margin-left: var(--sidebar_w);
	overflow: hidden;
	transition: background-color 0.7s ease;
}
.chair-preview {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/*bottom: 0;*/
	/*right: 0;*/
	z-index: 0;
	text-align: center;
	transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
	visibility: hidden;
	/*background-color: lime;*/
	/*transform: scale(2);*/
}
body.display-ready .chair-preview { visibility: visible;}
.chair-preview.ui-draggable:not(.ui-draggable-disabled) { cursor: move; }
.chair-preview.hide-stack {
	opacity: 0;
}
/*
.config-visual-wrap[data-zoom="1.25"] .chair-preview { transform: scale(1.25); }
.config-visual-wrap[data-zoom="1.5"] .chair-preview { transform: scale(1.5); }
.config-visual-wrap[data-zoom="1.75"] .chair-preview { transform: scale(1.75); }
.config-visual-wrap[data-zoom="2"] .chair-preview { transform: scale(2); }
*/
.chair-preview img {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	max-width: 100%;
	max-height: 100%;
	height: auto;
	width: auto;
}
/*  incl __              __
   _____/ /_____  ____  / /
  / ___/ __/ __ \/ __ \/ / 
 (__  ) /_/ /_/ / /_/ / /  
/____/\__/\____/\____/*/

section[data-stool="yes"] .chair-preview {
	/*height: 0;*/
	/*padding-bottom: 71%;*/
}
section[data-stool="yes"] .chair-preview img.chair {
	/*top: 0%;
	left: 35%;
	max-width: 90%;
	max-height: 90%;*/
}
section[data-stool="yes"] .chair-preview img.footstool {
	/*top: auto;
	bottom: -1%;
	left: auto;
	right: 7%;
	transform: translateX(0);
	max-width: 90%;
	max-height: 90%;*/
}
 body.loading-imgs .chair-preview img.footstool { opacity: 0;}
/* View: Side */
section[data-stool="yes"][data-view="side"] .chair-preview img.footstool {
/*	bottom: 7.5%;
	right: 5%; */
}
/* View: back */
section[data-stool="yes"][data-view="back"] .chair-preview img.chair {
	/*left: 40%;*/
}
section[data-stool="yes"][data-view="back"] .chair-preview img.footstool {
	/*bottom: 11%;
	right: 1%;*/
}



#price-wrap {
	display: none;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 22px;
	font-weight: 400;
}
/*       _    __    __            
  __  __(_)  / /_  / /_____  _____
 / / / / /  / __ \/ __/ __ \/ ___/
/ /_/ / /  / /_/ / /_/ / / (__  ) 
\__,_/_/  /_.___/\__/_/ /_/___*/
.ui-options-wrap {
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-align: left;
	font-weight: 600;
	z-index: 10;
}
#zoom-wrap .option-title,
.ui-options-wrap ul li.option-title {
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 5px;
	transition: color .6s ease;
	text-transform: uppercase;
	font-size: 12px;
}
.ui-options-wrap .view-options-wrap .option-title {
	margin-bottom: 0;
}
.ui-options-wrap ul li:not(.option-title) {
	display: inline-block;
	text-transform: lowercase;
	padding: 4px 7px;
	background-color: #dcdcdc;
	margin-right: 2px;
	font-size: 12px;
	line-height: 1;
	cursor: pointer;;
}
.ui-options-wrap ul.view-options-wrap li:not(.option-title):hover,
.ui-options-wrap ul.view-options-wrap li.active {
	background-color: var(--clr-dark);
	color: var(--clr-canvas);
}
.ui-options-wrap ul.bg-options-wrap li {
	width: 50px;
	height: 20px;
	margin-right: 5px;
	border: 1px solid transparent;
}
.ui-options-wrap ul.bg-options-wrap li:not(.option-title):hover,
.ui-options-wrap ul.bg-options-wrap li.active {	border: 1px solid #000; }
section[data-br="dark"] .ui-options-wrap ul.bg-options-wrap li.active {	border-color: #fff; }
body[data-bg="bg-01"] .config-visual-wrap,
body[data-bg="bg-01"] .config-intro-wrap { background-color: var(--clr-canvas); }

body[data-bg="bg-02"] .config-visual-wrap,
body[data-bg="bg-02"] .config-intro-wrap,
.ui-options-wrap ul.bg-options-wrap li.bg-02 { background-color: #edf0b2; }
body[data-bg="bg-03"] .config-visual-wrap,
body[data-bg="bg-03"] .config-intro-wrap,
.ui-options-wrap ul.bg-options-wrap li.bg-03 { background-color: var(--clr-highlight); }
body[data-bg="bg-04"] .config-visual-wrap,
body[data-bg="bg-04"] .config-intro-wrap,
.ui-options-wrap ul.bg-options-wrap li.bg-04 { background-color: #000; }

section[data-br="dark"] .ui-options-wrap ul li.option-title,
section[data-br="dark"] .ui-options-wrap span.option-title { color: #fff; }
section[data-br="dark"] #price-wrap { color: #fff; }

/* Image backgrounds */
.ui-options-wrap ul.bg-options-wrap li.bg-05 {
	background: url(../_img/_bg/bg-midcentury-thumb.jpg) no-repeat;
	background-size: cover;
}
body[data-bg="bg-05"] .config-visual-wrap {
	background: url(../_img/_bg/bg-midcentury-front.jpg) no-repeat;
	background-size: cover;
}
body[data-bg="bg-05"] .config-visual-wrap[data-view="side"] {
	background-image: url(../_img/_bg/bg-midcentury-side.jpg);
}
body[data-bg="bg-05"] .config-visual-wrap[data-view="back"] {
	background-image: url(../_img/_bg/bg-midcentury-back.jpg);
}

.ui-options-wrap ul.bg-options-wrap li.bg-06 {
	background: url(../_img/_bg/bg-modern-thumb.jpg);
}
body[data-bg="bg-06"] .config-visual-wrap {
	background: url(../_img/_bg/bg-modern-front.jpg) no-repeat;
	background-size: cover;
}
body[data-bg="bg-06"] .config-visual-wrap[data-view="side"] {
	background-image: url(../_img/_bg/bg-modern-side.jpg);
}
body[data-bg="bg-06"] .config-visual-wrap[data-view="back"] {
	background-image: url(../_img/_bg/bg-modern-back.jpg);
}
body[data-bg="bg-05"] .config-visual-wrap,
body[data-bg="bg-06"] .config-visual-wrap {
	background-position: center;
}

/* Hide some views for now */
/*li[data-view="side"], li[data-view="back"] { display: none !important;}*/
/* Zoom */
#zoom-wrap {
	position: absolute;
	z-index: 20;
	left: 0px;
	bottom: 115px;
}
#zoom-wrap span.option-title {
	display: block;
}
#zoom-wrap a {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	margin-right: 2px;
	background: url(../_img/sprite.svg?v=3) -17px -50px no-repeat;
	border-radius:25px;
}
#zoom-wrap > a {
}
#zoom-wrap a:hover { background-position-y: -100px !important; }
#zoom-wrap a.out {
	background-position-x: -43px; 
}
#zoom-wrap #panning-wrap {
	position: absolute;
	bottom: 30px;
	left: 18px;
	transform: rotate(-45deg);
}
#zoom-wrap #panning-wrap a {
	width: 16px;
	height: 16px;
	background-position: 0 -50px;
}
#zoom-wrap #panning-wrap a.up {
	left: 18px;
	bottom: 18px;
	transform: rotate(90deg);
}
#zoom-wrap #panning-wrap a.left {
	bottom: 18px;
}
#zoom-wrap #panning-wrap a.right { 
	transform: rotate(180deg);
	left: 18px;
}
#zoom-wrap #panning-wrap a.down { transform: rotate(-90deg);}
.ui-draggable {
	/*background-color: rgba(0,255,0,0.2);*/
}
/*                       ____         
   ___________________  / / /__  _____
  / ___/ ___/ ___/ __ \/ / / _ \/ ___/
 (__  ) /__/ /  / /_/ / / /  __/ /    
/____/\___/_/   \____/_/_/\___/*/
.wrap-in-scroller {
	max-width: 100%;
	overflow: hidden;
}
.items-scroller {
	transition: transform 0.6s ease;
}
.scroller-dots-nav {
	margin-top: -3px;
	margin-bottom: -3px;
	text-align: center;
}
.scroller-dots-nav a {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: #cccccc;
	transition: background-color 0.6s ease;
	margin: 0 5px;
}
.scroller-dots-nav a.active {
	background-color: #555;
}
a.scroll-control {
	display: block;
	position: absolute;
	opacity: 0.5;
	top: 20px;
	left: -30px;
	border-top: 50px solid transparent; 
	border-right: 30px solid #ccc; 
	border-bottom: 50px solid transparent;	
	transition: opacity 0.4s ease;
}
a.scroll-control:hover { opacity: 1;}
a.scroll-control.next {
	left: auto;
	right: -40px;
	border-right: none;
	border-left: 30px solid #ccc; 
}

.modal-checkout-modal {
	max-width: calc(100% - 40px);
	box-shadow: 0 0 10px rgba(0,0,0,0.9);
}
#checkout-wrapper .checkout-step {
	padding: 30px 20px;
	/*display: none;*/
	/*border-radius: 8px;*/
	background-color: #fff;
}
#checkout-wrapper {
	background-color: #fff;	
}
#checkout-wrapper[data-step="summary"] {
	display: flex;	
	padding-top: 40px;
	padding-bottom: 40px;
}
#checkout-wrapper[data-step="summary"] .checkout-step { 
	flex-basis: 33.33%;
	box-sizing: border-box;
	padding: 90px 20px 130px 20px;
	text-align: left;
	border-right: 1px solid #ccc;
	position: relative;
}
#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap,
#checkout-wrapper[data-step="summary"] .checkout-step#summary {
	display: block;
	padding-bottom: 0;	
}
#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap,
.checkout-step#summary {
	background-color: var(--clr-canvas);
}
#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap {
	padding-top: 0;
	padding-bottom: 30px;
}
#checkout-wrapper[data-step="summary"] form[name="submit-order-form"] { display: none; }
#checkout-wrapper[data-step="summary"] .checkout-step input.btn,
#checkout-wrapper[data-step="summary"] .checkout-step a.btn {
	position: absolute;
	bottom: 60px;
	left: 20px;
	padding: 5px 22px;
	background-color: #000;
	color: #fff;
	line-height: 1.4
}
#checkout-wrapper[data-step="summary"] .checkout-step input.btn:hover,
#checkout-wrapper[data-step="summary"] .checkout-step a.btn:hover {
	background: var(--clr-highlight);
	color: #000;
}


#checkout-wrapper[data-step="order"] #config-download,
#checkout-wrapper[data-step="order"] #config-contact,
#checkout-wrapper[data-step="order"] #config-order a.btn[data-order-step="order"] {
	display: none;
}
#checkout-wrapper[data-step="order"] #config-order {
	max-width: 700px;
	margin: 0 auto;
}
#checkout-wrapper[data-step="order"] form[name="submit-order-form"] { padding-top: 40px; }

/* Change order..  */
#config-download { order: -2; }
#config-contact { order: -1; }

#checkout-wrapper .checkout-step#sub-options-wrap {
	display: block;
}

.modal-checkout-modal a.closer {
	top: 10px;
	right: 17px;
	background-color: transparent;
}
.modal-checkout-modal h3 {
	font-size: 19px;
}
#configuration-overview-wrap {
	text-align: left;
}
#configuration-overview-wrap table {
	width: 100%;
	background-color: #fff;
}
#configuration-overview-wrap table tr > th:first-child,
#configuration-overview-wrap table tr > td:first-child {
	padding-left: 0px !important ;
	font-weight: 700;
}
td.total-price { white-space: nowrap; }
#configuration-overview-wrap table td, 
#configuration-overview-wrap table th {
	padding: 5px 5px;
} 
#configuration-overview-wrap table th {
	border-bottom: 2px solid var(--clr-canvas);
	/*font-size: 19px;*/
	font-weight: 400;
}
#configuration-overview-wrap table tfoot td {
	border-top: 2px solid var(--clr-canvas);
	font-weight: 700;
	/*font-size: 19px;*/
}
#configuration-overview-wrap table tfoot .delivery-info td {
	font-weight: 400;
	font-size: 14px;
}


tr.order-discount td {
	color: #cfc513;
}
a.sub-option {
	display: block;
	text-decoration: none;
	float: left;
	margin-top: 20px;
	text-align: left;
}
a.sub-option .btn-inner {
	padding: 5px 20px;
	padding-right: 40px;
	background-color: #e9e9e9;
	color: #b2b2b2;
	font-weight: 700;
	font-size: 19px;
}
a.sub-option small {
	display: block;
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 10px;
	opacity: 0.5;
}
#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap a.sub-option {
	color: #000;
}
#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap a.sub-option:hover .btn-inner,
a.sub-option.active .btn-inner,
a.sub-option:hover .btn-inner {
	background-color: #000;
	color: #fff;
}
a.sub-option.download { 
	float: right;
	text-align: right;
}
a.sub-option.download  .btn-inner {
	padding-left: 40px;
	padding-right: 20px;
}

#checkout-wrapper[data-step="summary"] .checkout-step#sub-options-wrap a.sub-option:not(.active) .btn-inner {
	background-color: #fff;
}
#checkout-wrapper[data-logged-in="false"][data-step="order"] #user-options-wrap,
#checkout-wrapper[data-logged-in="false"][data-step="download"] #user-options-wrap {
	display: block;
}
#checkout-wrapper[data-logged-in="false"][data-step="download"] #user-options-wrap .contact-details-wrap {
	display: none;
}
/* 2020.04.20 - No mixed order / download modal */
[data-step="summary"] #sub-options-wrap a.sub-option:not(.active),
[data-step="order"] #sub-options-wrap a.sub-option:not(.active),
[data-step="download"] #sub-options-wrap a.sub-option:not(.active) { display: none; }
[data-step="download"] a.sub-option.download {
	float: left;
	text-align: left;
	margin-top: 0;
}
[data-step="download"] #sub-options-wrap a.sub-option.active span.btn-inner {
	background-color: #fff;
	color: #000;
	padding: 0;
}
a.sub-option small { display: none; }

/* Proceed */
#user-options-wrap {
	padding-top: 0 !important;
}
.alert {
	padding: 20px;
}
.alert-info {
	background-color: #bed1e1;
}
.alert-warning {
	color: #fff;
	font-weight: bold;
	background-color: #ff806b !important;
}
.alert-warning a { color: #fff; }
.alert-success {
	background-color: #f0fff1 !important;
}
.alert-danger {
	color: #fff;
	font-weight: bold;
	background-color: #ff806b !important;
}


.toggler-wrap.toggled-hidden .toggle-div,
.toggle-div.toggled-hidden {
	display: none;
}
.user-start-ui {
	padding-top: 10px;
}
.user-start-ui .btn-box {
	font-size: 19px;
	text-decoration: none;
	float: left;
	font-weight: 700;
	color: #b2b2b2;
}
.user-start-ui .btn-box:hover, .user-start-ui .btn-box.toggled-active { color: #000; }
.tab-options-wrap {
	clear: both;
}
.user-start-ui .btn-box[rel="user-login"] { float: right;}

.object-edit-form-wrap {
	text-align: left;
	padding-top: 20px;
}
.row.form-row {
	padding-left: 0;
	padding-right: 0;
}
.row.form-row div[class*="grid-col-"] {
	padding-left: 0;
	padding-right: 30px;
	padding-bottom: 0px;
}
p.help-block {
	margin-top: 5px;
	font-style: italic;
	opacity: 0.5;
}
.forgot-pass-link {
	text-decoration: none;
	font-size: 14px;
	opacity: 0.5;
}
.login-inputs-row h4 {
	margin-top: 20px;
}
#checkout-wrapper.loading-data,
form.loading-data {
	position: relative;
}
/*.loading-data,*/
#checkout-wrapper.loading-data > div {
	opacity: 0.4;
}
i.loading,
/*body.loading-imgs .chair-preview:before,*/
form.loading-data:before {
	content: ' ';
	display: block;
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);
	width: 50px;
	height: 50px;
	z-index: 10;
	background-color: red;
	background: url(../_img/loader-icon.svg) center no-repeat;
	animation: 1s rotate_logo ease infinite;
}
#checkout-wrapper.loading-data:before {
	content:  ' ';
	display: block;
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,0.5);
}
@keyframes rotate_logo {
	0% { transform: rotate(0deg);}
	100% { transform: rotate(180deg);}
}
#checkout-wrapper[data-step="order"][data-logged-in="true"] .checkout-step#summary,
#checkout-wrapper[data-step="order"][data-logged-in="true"] .checkout-step#config-order,
#checkout-wrapper[data-step="download"][data-logged-in="true"] .checkout-step#config-download {
	display: block;
}
#download-only-login, #user-account-wrap {
	text-align: left;
	display: none;
}
#checkout-wrapper[data-step="download"] #download-only-login,
#checkout-wrapper[data-step="order"] #user-account-wrap {
	display: block;
}
.dl-only-intro {
	margin-bottom: 10px;
}
body#file-names {
	padding: 20px 20px;
	text-align: left;
}
body#file-names h2 {
	background-color: #000;
	color: #fff;
	padding: 5px 10px;
}
body#file-names h3 {
	border-bottom: 2px solid #000;
	margin-top: 30px;
	/*margin-left: 25px;*/
	margin-bottom: 20px;
}
body#file-names h3,
.dir.view {
	margin-left: 25px;
}
.dir {
	display: inline-block;
	padding: 5px 10px;
	background-color: #efefef;
	margin-bottom: 10px;
}
body#file-names h4 {
	clear: both;
}
body#file-names h4,
.dir.sub {
	margin-left: 50px;
}

.dir i {
	width: 30px;
	height: 20px;
	display: inline-block;
	margin: auto;
	position: relative;
	background-color: #708090;
	border-radius: 0 3px 3px 3px;
	/*box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.59);*/
	margin-bottom: -8px;
	margin-top: 0px;
	margin-right: 10px;
}

.dir i:before {
	content: '';
	width: 50%;
	height: 0.2em;
	border-radius: 0 20px 0 0;
	background-color: #708090;
	position: absolute;
	top: -0.2em;
	left: 0px;
}

body#file-names input[type="text"] {
	height: auto;
	min-height: 0;
	padding: 7px 10px;
	font-size: 14px;
	width: 400px;
	margin-left: 100px;
}
body#file-names input[type="text"].sml {
	width: 140px;
	float: right;
}
strong.option-name { 
	float: right;
	display: inline-block;
	width: 140px;
}
span.title { font-size: 14px;}

#config-order {
	/*padding-top: 0 !important;*/
}
.order-config-wrap {
	text-align: left;
}
.user-address-info > div {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.user-address-info strong {
	vertical-align: top;
	display: inline-block;
	min-width: 200px;
}
.user-address-info .inputs-1 textarea,
.user-address-info input {
	width: calc( 50% - 105px);
	margin-bottom: 0;
	min-height: 0;
	margin: 3px 0;
}
.user-address-info .inputs-1 textarea,
.user-address-info .inputs-1 input {
	width: calc(100% - 205px);
}
.user-address-info input.invalid {
	border-color: red;
}

.user-address-info .inputs-1 textarea { min-height: 70px;}

input[type="submit"][disabled] { opacity: 0.2;}

label.order-checkbox {
	display: block;
	margin-bottom: 5px;
}
.order-submit-wrap .alert {
	margin-bottom: 10px;
}
.coupons-wrap .btn {
	font-weight: 400;
	padding: 5px 10px;
	font-size: 14px;
	display: none;
}
.coupons-wrap .btn.active { display: inline-block;}
#coupon-feedback {
	width: calc(100% - 210px);
	margin-left: 205px;
}
#coupon-feedback > div {
	padding: 10px 20px;	
}
#coupon-feedback > div.alert-success {
	font-weight: 700;
}
/* Basic page */
.page-text {
	text-align: left;
	padding: 30px 0;
	padding-left: 120px;
	box-sizing: border-box;
	max-width: 720px;
}
.page-text h1 {
	font-size: 30px;
}
.page-text h2 { 
	font-size: 24px;
	font-weight: 700;
}
.page-text h3 { 
	font-size: 18px;
	font-weight: 700;
}
.page-text h4 { 
	font-size: 16px;
	font-weight: 700;
}
.payment-feedback {
	margin-top: 40px;
}
.try-again {
	padding-top: 20px;
}
#nav-prev-next-wrap {
	position: absolute;
	left: var(--sidebar_w);
	margin-left: 20px;
	top: 20px;
	z-index: 2;
}
#nav-prev-next-wrap a {
	text-decoration: none;
	display: inline-block;
}
#nav-prev-next-wrap a[href=""] { display: none;}
a#nav-prev-step { margin-right: 10px;}
a#nav-prev-step,
a#nav-next-step {
	
}
a#pnnav-last-dl,
a#pnnav-last-order {
	display: none;
}
/* Hide responsive only elements */

.selected-option-display,
a.toggle-all-options {
	display: none;
}

.alert-pw-len {
	font-size: 14px;
	color: #ff806b
}
label.cb-label {
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}
label.cb-label > input[type="checkbox"] {
	position: absolute;
	top: 4px;
	left: 0;
}


label.checkbox-wrap {
	position: relative;
	padding-left: 27px;
	display: block;
}
label.checkbox-wrap > input[type="checkbox"] {
	position: absolute;
	top: 2px;
	left: 0;
}
/*table.configuration-overview tr td.extra-time, */
table.configuration-overview tr td.extra-price {
	white-space: nowrap;
}
/*                                        _          
   ________  _________  ____  ____  _____(_)   _____ 
  / ___/ _ \/ ___/ __ \/ __ \/ __ \/ ___/ / | / / _ \
 / /  /  __(__  ) /_/ / /_/ / / / (__  ) /| |/ /  __/
/_/   \___/____/ .___/\____/_/ /_/____/_/ |___/\___/ 
              /*/
@media (min-width: 771px) and (max-width: 1000px)  {

}

@media (max-width: 800px) {
	body {
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		overflow: hidden;
	}
	#menu-show {
		display: block;
		position: absolute;
		top: -10px;
		right: 0px;
		z-index: 100;
		background: url(../_img/sprite.svg?v=3) 0 23px no-repeat;
		height: 60px;
		width: 50px;
		text-decoration: none;
	}
	body:not(.menu-hidden) #menu-show { background-position-x: -46px; }
	.view-options-wrap li.option-title,
	body.menu-hidden #main-nav-wrap ul.step-options li a:not(.active) { display: none;}
	.bg-options-wrap,
	.options-wrap ul li i.enlarge,
	.options-wrap ul li .option-title,
	section.step:not(.config-intro-wrap) > h3,
	.step-options-wrap > a[class*="-step"],
	#zoom-wrap {
		display: none;
	}
	a#nav-prev-step,
	a#nav-next-step,
	.selected-option-display,
	a.toggle-all-options {
		display: block;
	}
	header.site-header {
		position: absolute;
		width: 100%;
		box-sizing: border-box;
		z-index: 111;
	}
	header.site-header .row,
	header.site-header .row-inner {
		padding-right: 0;
		height: inherit;
		position: static;
	}
	header.site-header .row-inner { display: block;}
	.site-wrapper {
		min-height: 0;
		--widthB: calc(var(--vh) * 100);
		--widthC: calc(var(--widthB) - 40px);
		height: var(--widthC);
	}
	body:not(.menu-hidden) #main-nav-wrap {
		display: block;
		position: absolute;
		padding-top: 15px;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
		box-sizing: border-box;
		background-color: #fff;
	}
	body:not(.menu-hidden) #main-nav-wrap ul.step-options li {
		display: block;
		clear: both;
		float: none;
		text-align: left;
	}
	body:not(.menu-hidden) #main-nav-wrap > ul > li a {
		padding-left: 20px;
		margin-bottom: 0;
	}
	body:not(.menu-hidden) #main-nav-wrap > ul > li a.active {
		border-bottom: 1px solid #000 !important;
		background-color: #fff !important;
		border-left: none !important;
		border-right: none !important;
	}
	body:not(.menu-hidden) a#nav-prev-step, body:not(.menu-hidden) a#nav-next-step {
		/*display: none;*/
	}
	.lang-options {
		top: 50px;
		left: auto;
		right: 20px;
		z-index: 101;
	}
	.lang-options > a { 
		display: block; 
		margin-bottom: 10px;
	}
	body.intro-active #menu-show { display: none; }
	body.intro-active .lang-options { top: 20px; }

	header.site-header .site-logo {
		padding-top: 2px;
		padding-left: 10px;
		width: 50px;
		right: auto;
		left: 0px;
	}
	body:not(.intro-active) header.site-header .site-logo { display: none;}
	header.site-header .site-logo img { margin-bottom: 0;}
	/* Intro */
	#config-intro {
		padding-top: 15px;
	}
	body.intro-active .config-intro-wrap .intro-inner {
		display: block;
	}	
	.intro-inner h3 {
		font-size: 18px;
		margin-bottom: 0;
		padding-left: 60px;
		padding-right: 60px;
	}
	.version-options-list {
		flex-wrap: wrap;
	}
	.version-options-list.num-2 > li,
	.version-options-list.num-1 > li,
	.version-options-list > li {
		width: 100% !important;
		/*max-width: 150px;*/
		display: block;
		float: none;
		margin: 0 auto;
		margin-bottom: -10px;
	}
	.version-options-list {
		margin: 0;
	}
	.version-options-list > li .option-img-wrap {
/*		max-width: 110px;*/
		text-align: center;
		margin: 0 auto;
	}
	.version-options-list > li .option-title {
		font-size: 14px;
		white-space: nowrap;
		font-weight: normal;
		bottom: 10px;
	}	
	.text-field.intro-text {
		padding-top: 10px;
		font-size: 14px;
	}
	/* Proceed */
	#main-nav-wrap {
		padding-right: 0;
	}
	#nav-prev-next-wrap {
		left: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		height: 40px;
		background-color: var(--clr-highlight);
		margin-left: 0;
		font-weight: 700;
		z-index: 1001;
	}
	.last-step a#pnnav-last-dl,
	.last-step a#pnnav-last-order,
	a#nav-prev-step,
	a#nav-next-step {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9;
		display: block;
		width: 50%;
		height: 40px;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	a#nav-next-step { 
		left: auto;
		right: 0;
		text-align: right;
		border-left: 1px solid #fff;
	}
	.last-step > a {
		font-size: 14px;
	}
	.last-step a#nav-prev-step { width: 30%; }
	.last-step a#nav-next-step { display: none; }
	.last-step a#pnnav-last-dl,
	.last-step a#pnnav-last-order {
		width: 30%;
		left: 30%;
		border-left: 1px solid #fff;
	}
	.last-step a#pnnav-last-dl {
		width: 40%;
	}
	.last-step a#pnnav-last-order { left: 70%; }
	/*
	a#nav-prev-step:after,
	a#nav-next-step:after {
		content: ' ';
		display: block;
 		width: 0; 
 		height: 0; 
 		border-left: 15px solid transparent; 
 		border-right: 15px solid transparent; 
 		border-bottom: 15px solid #b2b2b2;
		position: absolute;
		top: 5px;
		left: calc(50% - 15px);
		z-index: 20;
	}*/
	a#nav-prev-step[href=""], a#nav-next-step[href=""] { opacity: 0.5;}
	body.menu-hidden #main-nav-wrap > ul > li a em { display: none; }
	
	a#nav-next-step:after {
 		border-top: 15px solid #b2b2b2;
		border-bottom: none;
		top: 12px;
	}
	body.menu-hidden #main-nav-wrap > ul > li a.active {
		background-color: transparent;
		border: none !important;
		margin-top: 0px;
	}
	body.menu-hidden.intro-active #main-nav-wrap > ul > li a.active {
		display: none;
	}
	section.step:not(.config-intro-wrap) {
		min-height: 110px;
		height: 110px;
		display: none;
		/*overflow: hidden;*/
	}
	section.step[data-active="true"]:not(#config-intro) {
		display: block !important;
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 100%;
		min-height: 0;
		height: auto;
	}
	section.step:not(.config-intro-wrap) > h4 { 
		display: block;
		position: absolute;
		top: -20px;
		left: 2px;
		font-size: 14px;
		font-weight: 500;
		background-color: #fff;
		padding: 3px 6px;
		padding-left: 8px;
	}
	.step-options-wrap {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		height: auto;
		top: auto;
		bottom: 40px;
		box-shadow: none;
	}
	a.toggle-all-options {
		position: absolute;
		bottom: 0;
		right: 0;
		height: 65px;
		width: 60px;
		padding-left: 0;
		padding-right: 0;
		font-weight: normal;
		text-align: center;
		background-color: #fff;
		box-sizing: border-box;
		padding-top: 22px;
		border-left: 1px solid var(--clr-canvas) !important;
		text-decoration: none;
		margin: 0;
		z-index: 1;
		line-height: 1;
		font-size: 16px;
	}
	a.toggle-all-options:hover {}
	.options-wrap {
		position: absolute;
		bottom: 0px;
		left: 20px;
		width: calc(100% - 40px);
		--vpwow: calc(var(--vh) * 100);
		height: calc( var(--vpwow) - 60px);
		background-color: #fff;
		padding: 10px;
		padding-top: 50px;
		text-align: center;
		box-sizing: border-box;
		margin-bottom: 0 !important;
		z-index: 20;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		transition: transform 0.5s ease;
		transform: translateY(100%);
	}
	.show-options .options-wrap { transform: translateY(0);}
	/*section.step:not(.config-intro-wrap).show-options { overflow: visible;}*/
	.options-wrap ul {
		width: auto;
		display: block;
		white-space: normal;
		float: left;
		margin: 0 auto;
	}
	.options-wrap.many-options ul li {
		float: left;
		margin: 2px;
		width: 60px;
		height: 60px;
	}
	.options-wrap ul li:hover:before {
		content: none;
	}

	.section.step:not(.config-intro-wrap) {
		min-height: 110px;
	}
	.options-wrap > a.closer { 
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.config-visual-wrap {
		position: relative;
		min-height: 0;
		padding-top: 10px;
		--curvph: calc(var(--vh) * 100);
		--visual_wrap_h: calc(var(--curvph) - 105px);
		height: var(--visual_wrap_h);
		width: 100%;
		margin-left: 0;
	}
	body.display-ready .chair-preview { 
		margin-top: 5px;
		transform: scale(1.35) translate3d(-5%, 0%, 0px);
	}
	body.display-ready .config-visual-wrap[data-stool="no"] .chair-preview {
		transform: scale(1.5) translate3d(0%, 0%, 0px);
	} 
	
	.options-wrap:not(.many-options) ul {
		width: 100%;
	}
	.options-wrap:not(.many-options) li,
	.selected-option-display {
		width: 100%;
		display: block;
		height: 65px;
		text-align: left;
		padding: 10px;
		position: relative;
		margin: 0;
	}
	.selected-option-display {
		width: calc(100% - 60px);
	}
	.options-wrap:not(.many-options) li {
		margin-bottom: 0px;
		padding-bottom: 0;
		height: 70px;
	}
	.options-wrap:not(.many-options) li:not(.no-image) { background-color: #fff; }
	.options-wrap:not(.many-options) li .option-img,
	.selected-option-display .option-img {
		position: absolute;
		top: 10px;
		left: 10px;
		width: calc(50% - 10px);
		height: 50px;
	}
	.selected-option-display .option-img {
		width: calc(100% - 20px) !important;
	}
	.options-wrap:not(.many-options) li .alert-data-inner,
	.options-wrap:not(.many-options) li .option-title,
	.selected-option-display .alert-data-inner,
	.selected-option-display .option-title {
		display: block;
		opacity: 1 !important;
		margin-left: calc(50% + 10px);
	}
	.options-wrap:not(.many-options) li .option-title,
	.selected-option-display .option-title {
		font-weight: 700;
		font-size: 16px;
		position: static;
		width: auto !important;	
	}
	.selected-option-display .option-title {
		position: absolute;
		top: 25px;
		left: 20px;
		margin-left: 0 !important;
		z-index: 11;
		background-color: #fff;
		padding: 3px 10px;
		line-height: 1;
	}
	.selected-option-display.no-image,
	.selected-option-display.no-image .option-title {
		padding-left: 0;
	}
	.options-wrap:not(.many-options) li:not(.no-image) .alert-data,
	.selected-option-display .alert-data {
		position: relative;
		left: auto !important;
		top: auto !important;
		bottom: auto !important;
		z-index: 1;
	}
	.options-wrap:not(.many-options) li .alert-data > i,
	.selected-option-display .alert-data > i { display: none;}
	.options-wrap:not(.many-options) li .alert-data-inner,
	.selected-option-display .alert-data-inner {
		margin-top: 0;
		padding-left: 0;
		background-color: #fff;
		color: #000;
		font-weight: 400;
	}
	.options-wrap:not(.many-options) li  .alert-data-inner > span,
	.selected-option-display .alert-data-inner > span {
		display: inline-block;
		margin-right: 10px;
	}
	.selected-option-display .alert-data-inner {
		margin-left: 0;
		top: 10px;
		line-height: 1;
		padding-left: 10px;
		padding-right: 0;
	}
	.options-wrap ul li .option-title {
		text-align: left;
	}
	/* No images options */
	.options-wrap:not(.many-options) li.no-image {
		margin-bottom: 10px;
	}
	.options-wrap:not(.many-options) li.no-image .alert-data-inner {
		background-color: transparent;
	}
	.selected-option-display.no-image .option-title,
	.selected-option-display.no-image .alert-data-inner,
	.options-wrap:not(.many-options) li.no-image .option-title,
	.options-wrap:not(.many-options) li.no-image .alert-data-inner {
		margin-left: 10px;
	}
	.selected-option-display .option-title br,
	.options-wrap:not(.many-options) li.no-image .option-title br { display: none;}
	.options-wrap ul li.no-image .option-title { padding-left: 0; margin-left: 0 !important;}
	/* Version options & display */
	#step-version .option-img {
		background-size: contain;
		background-repeat: no-repeat;
	}
	#step-version .selected-option-display .option-title { left: 60px;}
	#step-version .options-wrap ul.step-options-list-version li  {
		height: 90px;
		max-width: none;
	}
	#step-version .options-wrap ul.step-options-list-version li .option-img {
		max-width: 70px;
		padding-bottom: 0;
		height: 80px;
	}
	#step-version .options-wrap ul li .option-title { text-align: left; }
	#step-version .options-wrap li .alert-data-inner { 
		margin-left: 0;
		right: auto;
		left: 80px;
	}

	/* Options wrap */
	.ui-options-wrap {
		left: auto;
		right: 0;
		bottom: 0;
		/*transform:translateX(-50%);*/
	}
	#price-wrap {
		font-size: 14px;
		bottom: 24px;
		right: 10px;
		/*left: 10px;*/
	}
	#price-wrap > span:nth-of-type(1) { display: none; }
	.user-start-ui .btn-box {
		display: block;
		float: none !important;
		text-align: left;
	}
	/* Checkout fuckery */
	body.cur-step-checkout {
		overflow: auto;
	}
	body.cur-step-checkout section.step:not(.config-intro-wrap) {
		overflow: hidden;
	}
	.modal-checkout-modal {
		top: 0 !important;
	}
	.modal-checkout-modal a.closer  {
		position: fixed;
		right: auto;
		left: calc(100vw - 50px);
		z-index: 10001;
	}
	#configuration-overview-wrap {
		/*margin-left: -20px;*/
		/*margin-right: -20px;*/
		/*width: calc(100% + 40px);*/
	}
	#configuration-overview-wrap > h3 {
		/*margin-left: 20px;*/
	}
	table.configuration-overview tr th,
	table.configuration-overview tr td {
		display: block;
		padding: 5px 10px !important;
		padding-bottom: 0 !important;
	}
	#configuration-overview-wrap table tfoot td {
		font-size: 16px;
	}
	table.configuration-overview tr th:nth-of-type(n+2) {
		display: none;
	}
	table.configuration-overview tr td,
	table.configuration-overview tr td.step-title,
	table.configuration-overview tr td.option-title{
		width: 50%;
		float: left;
	}
	table.configuration-overview tr td:nth-of-type(n+1) {
		
	}
	table.configuration-overview tr td.extra-price,
	table.configuration-overview tr td.extra-time {
		padding-top: 0 !important;
		font-size: 14px;
	}
	table.configuration-overview tr td.empty {
		display: none;
	}
	table tfoot td.total-time {
		width: 100%;
	}
	table tfoot td.total-time:before {
		content: 'Levertijd: ';
		display: block;
		float: left;
		width: 50%;
		margin-right: 10px;
	}
	tr.order-discount td:nth-of-type(1) {
		font-size: 14px !important;
	}
	#checkout-wrapper .checkout-step#sub-options-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.checkout-step#sub-options-wrap a.sub-option {
		width: 50%;
		box-sizing: border-box;
		display: block;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 20px;
	}
	.checkout-step#sub-options-wrap a.sub-option .btn-inner {
		padding-left: 20px;
		padding-right: 20px;
		margin-left: -20px;
		margin-right: -20px;
	}
	#coupon-feedback {
		margin-left: 0;
		width: 100%;
	}
	label.order-checkbox {
		clear: both;
		display: block;
		margin-bottom: 5px;
	}
	.modal-checkout-modal {
		max-width: 100%;
		height: 100vh;
		overflow: auto;
	}
	a.sub-option {
		float: none;
	}
	#checkout-wrapper[data-step="summary"] {
		/*display: block;	*/
		flex-wrap: wrap;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#checkout-wrapper[data-step="summary"] > div {
		width: 100%
	}
	#checkout-wrapper[data-step="summary"] .checkout-step { 
		display: block;;
		box-sizing: border-box;
		padding: 30px 20px;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	#checkout-wrapper[data-step="summary"] .checkout-step input.btn,
	#checkout-wrapper[data-step="summary"] .checkout-step a.btn {
		position: static;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
@media (max-width: 480px) {
	body.cur-step-checkout .site-logo {
		display: none;
	}
	.options-wrap:not(.many-options) li .option-img {
		width: calc(30% - 10px);
	}
	.selected-option-display .option-img {
		width: calc(100% - 80px);
	}
	.options-wrap:not(.many-options) li .alert-data-inner,
	.options-wrap:not(.many-options) li .option-title {
		margin-left: calc(30% + 10px);
	}
	.selected-option-display .alert-data {
		position: absolute !important;
		left: auto !important;
		right: 20px;
	}
	.grid-col-6 {
		width: 100%;
	}
	.user-address-info .inputs-2 input	{
		display: block;
		float: left;
		width: 50%;
		box-sizing: border-box;
	}
	.user-address-info .inputs-2 input:nth-of-type(1) { border-right: 5px solid #fff;}
	.user-address-info .inputs-2 input:nth-of-type(2) { border-left: 5px solid #fff;}
	.user-address-info .inputs-1 textarea,
	.user-address-info .inputs-1 input {
		width: 100% !important;
	}
	a.btn-order-config {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		font-size: 16px;
	}
}