/*  GENERAL
	--------------------------------------------- */
	
	html, body { 
		width: 100%;
		min-width: 414px;
		height: 100vh;
		margin: 0; 
		padding: 0; 
		font-family: 'highgate';
		font-size: 16px;
		line-height: 24px; 
		color: #2e2e2e;
		background: #f5f5f5;
		-webkit-text-size-adjust: 100%
	}
	
	body {
		overflow-x:hidden;
	}

	strong {
		font-weight: 700;
	}

	a {
		color: #2e2e2e;
	}

	a:hover {
		text-decoration: underline;
	}
	
	::-webkit-scrollbar {
		width: 20px;
	}

	::-webkit-scrollbar-track {
		background-color: transparent;
	}

	::-webkit-scrollbar-thumb {
		background-color: #cfdce1;
		border-radius: 20px;
		border: 6px solid transparent;
		background-clip: content-box;
	}

	::-webkit-scrollbar-thumb:hover {
		background-color: #a8bbbf;
	}

/*	TOP
	--------------------------------------------- */

	div.top-shop {
		width: 100%;
		padding: 0 20px;
	}

	div.top-shop div.center-shop {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0;
		text-align: right;
		position: relative;
	}
	
	div.top-shop div.center-shop div.contain-menu { 
		position: absolute;
		top: 10px;
		right: 0;
		z-index: 6;
	}

	div.top-shop div.center-shop div.contain-menu a {
		color: #7284a3;
		font: 300 14px / 24px highgate, sans-serif;
	}

	div.top-shop div.center-shop div.contain-menu a:not(:last-of-type) {
		margin-right: 10px;
		padding-right: 10px;
		border-right: 1px solid rgba(114, 132, 163, .25);
	}

/*	HEADER
	--------------------------------------------- */

	div.header-shop {
		width: 100%;
		padding: 5px 20px;
		background: #fff;
		position: relative;
		z-index: 5;
	}

	div.header-shop div.center-shop {
		max-width: 1280px;
		margin: 0 auto;
		padding: 10px 0;
	}

	div.header-shop div.center-shop a.logo {
		width: 100%;
		max-width: 300px;
		height: 100px;	
		display: inline-block;
		vertical-align: middle;
		background: no-repeat center / contain;   
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.header-shop div.center-shop input[name=search_keyword] {
		width: 100%;
		max-width: 570px;		
		margin: 0 40px;
		padding: 9px 12px;
		display: inline-block;
		vertical-align: bottom;
		background: #fff  url('../img/icons/icon-search.svg') no-repeat calc(100% - 15px) center / 22px;
		border: 2px solid #ddd;
		-webkit-transition: ease all 100ms;
	}
	
	div.header-shop div.center-shop input[name=search_keyword]:focus-visible,
	div.header-shop div.center-shop input[name=search_keyword]:hover {
		border-color: #c9c9c9;
		outline: none;
	}

	div.header-shop div.center-shop div.shop-actions-menu {
		width: 100%;
		max-width: 330px;
		display: inline-block;
		vertical-align: bottom;
		text-align: right;
	}

	div.header-shop div.center-shop div.shop-actions-menu a:not(:last-of-type) {
		margin-right: 10px;
	}
	
	div.header-shop div.center-shop div.shop-actions-menu a {
		width: 100%;
		max-width: 160px;
		height: 46px;
		margin: 0;
		padding: 15px 15px 13px 50px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		background: #f1f1f1 no-repeat 15px center / 20px;
		border-bottom: 1px solid #ededed;
		color: #2e2e2e;
		font: 400 16px / 16px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	div.header-shop div.center-shop div.shop-actions-menu a:hover {
		background-color: #e8e8e8;
		border-color: #e8e8e8;
	}
	
	div.header-shop div.center-shop div.shop-actions-menu a:nth-of-type(1) {
		background-image: url('../img/icons/icon-cart-dark.svg');	
	}
	
	div.header-shop div.center-shop div.shop-actions-menu a:nth-of-type(2) {
		background-image: url('../img/icons/icon-account.svg');
	}
	
	div.header-shop div.center-shop div.shop-actions-menu a span.amount {
		width: 26px;
		height: 26px;
		position: absolute;
		top: -10px;
		right: -10px;
		background-color: #bd4444;
		text-align: center;
		color: #fff;
		font: 400 12px / 28px highgate, sans-serif;
		-webkit-border-radius: 300px;
		border-radius: 300px;
	}
	
/*	GROUPS - GLOBAL
	--------------------------------------------- */
	
	div.group-bar-shop {
		padding: 0 20px;
		background: #65adda;
	}
	
	div.group-bar-shop div.mobile-navigation {
		display: none;
		padding: 12px 20px 12px 55px;
		background: url('../img/icons/icon-menu.svg') no-repeat 20px center / 20px;
		font: 400 16px / 28px highgate, sans-serif;
		color: #fff;
	}
	
	div.group-bar-shop div.contain {
		max-width: 1280px;
		margin: 0 auto;
		position: relative;
	}
		
	div.group-bar-shop div.contain a {
		padding: 12px 20px;
		display: inline-block;
		vertical-align: top;
		color: #fff;
		font: 400 16px / 28px highgate, sans-serif;
		text-decoration: none;
	}
	
	div.group-bar-shop div.contain a {
		border-right: 1px solid #3e9ad4;
	}
	
	div.group-bar-shop div.contain a.home {
		width: 52px;
		height: 52px;
		padding-left: 0;
		background: url('../img/icons/icon-home.svg') no-repeat center / 18px;
	}
	
	div.group-bar-shop div.contain a:hover,
	div.group-bar-shop div.contain a.active {
		background-color: #3e9ad4;
	}

	div.group-bar-shop div.contain a:last-of-type:not(.home) {
		border-right: 0;
	}
	
	div.group-bar-shop div.contain div.categories {
		width: calc(100% - 52px);
		height: 52px;
		display: inline-block;
		vertical-align: top;
		overflow: hidden;
	}
	
	div.group-bar-shop div.group-overflow {
		width: 100%;
		max-width: 320px;
		margin: 0;
		position: absolute;
		top: 52px;
		right: 0;
		z-index: 100;
		background: #65adda;
	}
	
	div.group-bar-shop div.group-overflow a {
		width: 100%;
		border: 0;
		border-bottom: 1px solid rgba(49, 137, 193, .75);
	}
	
	div.group-bar-shop div.group-overflow a:last-of-type {
		border-bottom: 0;
	}
	
	div.group-bar-shop div.group-overflow a:hover {
		background: #3e9ad4;
	}
	
	div.group-bar-shop div.groupoverflow-toggle {
		width: 50px;
		height: 52px;
		background: #65adda url('../img/icons/icon-arrow-down-ffffff.svg') no-repeat center / 22px;
		float: right;
		cursor: pointer;
		-webkit-transition: ease opacity 200ms;
		transition: ease opacity 200ms;
	}
	
	div.group-bar-shop div.groupoverflow-toggle.open {
		background-image: url('../img/icons/icon-arrow-up-ffffff.svg');
	}
	
	div.group-bar-shop div.groupoverflow-toggle:hover {
		background-color: rgba(53, 149, 210, .8);		
	}
	
/*	GROUPS - FRONTPAGE
	--------------------------------------------- */
	div.group-block-shop {
		width: 100%;
	}
	
	div.group-block-shop div.contain {
		max-width: 1280px;
		margin: 50px auto 80px;
	}

	div.group-block-shop div.contain a {
		width: calc(25% - 15px);
		margin: 5px 0 5px 20px;
		padding: 30px;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
	}
	
	div.group-block-shop div.contain a:hover {
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	}
		
	div.group-block-shop div.contain a span {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	
	div.group-block-shop div.contain a span.category-name {
		margin-bottom: 10px;
		font: 700 20px / 28px highgate, sans-serif;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	div.group-block-shop div.contain a span.category-description {
		min-height: 60px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	div.group-block-shop div.contain a span.category-cta {
		width: 100%;
		margin-top: 10px;
		padding: 8px 15px 6px;
		display: inline-block;
		background: #e66a00;
		color: #fff;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-border-radius: 3px;
	}
	
	div.group-block-shop div.contain a:hover span.category-cta {
		background-color: #fa811a;
	}
	
/*	ARTICLES - FRONTPAGE
	--------------------------------------------- */
	div.article-block-shop {
		width: 100%;
	}
	
	div.article-block-shop > div.articles-contain {
		max-width: 1280px;
		margin: 50px auto 80px;
	}

	div.article-block-shop > div.articles-contain a {
		width: calc(25% - 15px);
		min-height: 480px;
		margin: 5px 0 5px 20px;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
	}
	
	div.article-block-shop > div.articles-contain a:hover {
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
	}
	
	div.article-block-shop > div.articles-contain a span.thumb {	
		width: 100%;
		height: 230px;
		display: inline-block;
		vertical-align: middle;
		background: #fff no-repeat center / cover;
		border-bottom: 1px solid #f9f9f9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.article-block-shop > div.articles-contain a span.thumb.not-found {
		background-color: #f9f9f9;
	}
	
	div.article-block-shop > div.articles-contain a div.contain {
		width: 100%;
		padding: 30px 30px 80px 30px;
		display: inline-block;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-name {
		width: 100%;
		height: 80px;
		margin-bottom: 10px;
		display: inline-block;
		font: 700 20px / 28px highgate, sans-serif;
		overflow: hidden;		
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-price {
		position: absolute;
		left: 30px;
		bottom: 35px;
		font: 400 16px / 16px highgate, sans-serif;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-price span.vat {
		width: 100%;
		display: inline-block;
		vertical-align: bottom;
		font: 400 12px / 12px highgate, sans-serif;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-cta {
		position: absolute;
		right: 30px;
		bottom: 30px;
		color: #65adda;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-cta span.arrow {
		width: 17px;
		height: 17px;
		margin-left: 5px;
		display: inline-block;
		vertical-align: middle;
		background: url('../img/icons/icon-arrow-right.svg') no-repeat center / 14px;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.article-cta:hover {
		text-decoration: underline;
	}
	
	div.article-block-shop > div.articles-contain a div.contain div.realm-object-fields {
		min-height: 60px;
	}
	
	div.article-block-shop > div.articles-contain a div.contain div.realm-object-fields > p {
		width: 100%;
		font: 400 16px / 16px highgate, sans-serif;		
	}
	
	div.article-block-shop > div.articles-contain a div.contain div.realm-object-fields > p span {
		width: 100%;	
		max-width: 160px;
		margin-right: 10px;
		display: inline-block;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.button {
		padding: 7px 13px 5px 30px;
		position: absolute;
		bottom: 25px;
		right: 30px;
		z-index: 10;
		background: #44bd60 url('../img/icons/icon-cart.svg') no-repeat 8px center / 14px;
		font: 500 16px / 24px highgate, sans-serif;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.button.cart-add:hover {
		background-color: #f3940e;
		background-image: url('../img/icons/icon-cart-hover.svg');
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.button.disabled {
		background-color: #c2c2c2;
		pointer-events: none;
		background-image: url('../img/icons/icon-cart-soldout.svg');
	}
	
	div.article-block-shop > div.articles-contain a div.contain span.button.storeonly {
		cursor: default;
	}

/*	BREADCRUMB
	--------------------------------------------- */ 

	section.content-shop div.breadcrumb {
		width: 100%;
		margin: 0 0 10px;
		padding: 0;
		text-align: left;
		position: relative;
		z-index: 65;
	}

	section.content-shop div.breadcrumb ol {
		width: 100%;
		margin: 0;
		padding-left: 0;
	}

	section.content-shop div.breadcrumb ol,
	section.content-shop div.breadcrumb ol li {
		display: inline-block;
		vertical-align: middle;
	}

	section.content-shop div.breadcrumb ol li,
	section.content-shop div.breadcrumb ol li a {
		color: #7f90b1;
		font: 400 12px / 12px highgate, sans-serif;
		-webkit-transition: ease opacity 200ms;
		transition: ease opacity 200ms;
	}

	section.content-shop div.breadcrumb ol li.delimiter {
		margin-left: 5px;
	}

	section.content-shop div.breadcrumb ol li a:hover {
		opacity: .6;
	}

/*  CONTENT
	--------------------------------------------- */

	section.content-shop {
		width: 100%;
		max-width: 1320px;
		min-height: calc(100% - 462px);
		margin: 50px auto;
		padding: 0 20px;
	}
	
	section.content-shop.frontpage {
		margin: 0 auto 30px;
	}
	
	section.content-shop div.header h1 {
		margin-bottom: 20px;
		font: 700 26px / 34px highgate, sans-serif;
	}
	
	section.content-shop div.center {
		padding: 40px;
		background: #fff;
		overflow: hidden;
		-webkit-border-radius: 3px;
		-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .025);
	}
	
	section.content-shop div.center.custom strong,
	section.content-shop div.center.aboutus strong {
		font-weight: 700;
	}
	
	section.content-shop div.center.custom *,
	section.content-shop div.center.aboutus * {
		font-family: highgate, sans-serif !important;
	}
	
	section.content-shop div.intro-shop {
		width: 100%;
		max-width: 1280px;
		height: 400px;
		margin: 0 auto;
		position: relative;
		background: #f9f9f9 no-repeat center right / contain;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .025);
	}
	
	section.content-shop div.intro-shop div.contain-content {
		max-width: 400px;
		height: 100%;
		padding: 30px 50px 30px 30px;
		position: absolute;
		bottom: 0;
		left: 0;
		background: #fff;
	}
	
	section.content-shop div.intro-shop div.contain-content h1 {
		width: 100%;
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		color: #2e2e2e;
		font: 700 42px / 50px highgate, sans-serif;
	}
	
	section.content-shop div.intro-shop div.contain-content span.break {
		width: 100%;
	}
	
	section.content-shop div.intro-shop div.contain-content span.subslogan {
		width: 100%;
		margin-top: 20px;
		display: inline-block;
		position: relative;
		font: 400 28px / 36px highgate, sans-serif;
	}
	
	section.content-shop div.intro-shop div.contain-content span.subslogan:before {
		content: "";
		width: 80px;
		height: 3px;
		position: absolute;
		top: -15px;
		left: 0;
		background: #65adda; 
	}
	
	section.content-shop div.intro-shop div.contain-content a.cta {
		margin-top: 30px;
		padding: 8px 15px 6px;
		display: inline-block;
		background: #44bd60;
		color: #fff;
		font: 400 16px / 24px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}
	
	section.content-shop div.intro-shop div.contain-content a.cta:hover {
		background-color: #f3940e;
	}
	
/*  CONTENT: GO BACK
	--------------------------------------------- */	
	
	section.content-shop div.center div.actions {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 0 10px;	
	}

	section.content-shop div.center div.actions a.go-back {
		padding-left: 25px;
		display: inline-block;
		background: url('../img/icons/icon-goback.svg') no-repeat left center / 18px;
		font: 400 16px / 28px highgate, sans-serif;
	}

/*  CONTENT: CONTACT
	--------------------------------------------- */

	section.content-shop.contact div.contact-information,
	section.content-shop.contact div.openstreetmap {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content-shop.contact div.contact-information p {
		margin: 0 0 3px;
	}
	

	section.content-shop.contact div.contact-information p strong {
		font-weight: 700;
	}

	section.content-shop.contact div.contact-information p span {
		width: 100%;
		max-width: 150px;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content-shop.contact div.contact-information p a {
		color: #3595d2;
	}
	
	section.content-shop.contact div.openstreetmap iframe {
		width: 100%;
		height: 400px;
	}
	
/*  CONTENT: ACCOUNT
	--------------------------------------------- */
	section.content-shop.account h2 {
		margin-bottom: 20px;
		font: 600 22px / 24px highgate, sans-serif;
	}	

/*  CONTENT: LOGIN
	--------------------------------------------- */

	section.content-shop.login h2 {
		margin-bottom: 20px;
		font: 600 22px / 24px highgate, sans-serif;
	}

	section.content-shop.login div.existing-customer,
	section.content-shop.login div.register-account {
		width: 60%;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content-shop.login div.register-account {
		width: 40%;
	}
		
	section.content-shop.login div.existing-customer {
		padding-right: 20%;
	}
	
	section.content-shop.login div.existing-customer div.contain {
		position: relative;
	}
	
	section.content-shop.login div.existing-customer a.forgot-password {
		margin-top: 15px;
		display: inline-block;
		color: #3595d2;
		font: 400 14px / 14px highgate, sans-serif;
	}
	
	section.content-shop.login div.existing-customer span#check-password {
		position: absolute;
		right: 15px;
		bottom: 15px;
		cursor: pointer;
		color: #3595d2;
		font: 400 14px / 14px highgate, sans-serif;
	}
	
	section.content-shop.login div.existing-customer span#check-password:hover {
		text-decoration: underline;
	}
	
	section.content-shop.login div.register-account ul {
		margin: 15px 0 15px 15px;		
		padding-left: 15px;
	}
	
	section.content-shop.login div.register-account ul li {
		list-style-type: disc;
	}
	
	section.content-shop.login div.register-account a.new-customer {
		margin-top: 15px;
		padding: 10px 15px 10px;
		display: inline-block;
		background: #F2F2F2;
		font: 700 16px / 24px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop.login div.register-account a.new-customer:hover {
		text-decoration: none;
		background-color: #DDD;
	}
	
	section.content-shop div.forgot-password p.already-registered {
		margin-top: 20px;
	}
	
	section.content-shop div.forgot-password p.already-registered a {
		color: #3595d2;
	}
	
/*  CONTENT: REGISTER
	--------------------------------------------- */

	section.content-shop.register div.register-account,
	section.content-shop.register div.register-usps {
		width: 50%;
		display: inline-block;
		vertical-align: top;
	}
		
	section.content-shop.register div.register-account {
		padding-right: 100px;
	}
	
	section.content-shop.register div.register-account p.already-registered {
		margin-top: 15px;
		display: inline-block;
	}
	
	section.content-shop.register div.register-account p.already-registered a {
		color: #3595d2;
	}
	
	section.content-shop.register div.register-usps ul {
		margin: 15px 0 15px 15px;	
		padding-left: 15px;
	}
	
	section.content-shop.register div.register-usps ul li {
		list-style-type: disc;
	}	
	
/*  CONTENT: CART
	--------------------------------------------- */
	section.content-shop div.cart-articles div.header {
		position: relative;
	}

	section.content-shop div.cart-articles div.header div.actions {
		width: 100%;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	section.content-shop div.cart-articles div.header div.actions span.amount {
		min-width: 55px;
		display: inline-block;
		margin: 0;
		text-align: center;
		font-weight: 700;
	}
	
	section.content-shop div.cart-articles div.header div.actions span.price {
		width: 100%;
		max-width: 100px;
		margin-left: 20px;
		display: inline-block;
		text-align: right;
		font-weight: 700;
	}

	section.content-shop div.cart-articles div.article {
		padding: 10px 0;
		border-bottom: 1px solid #eee;
		position: relative;
	}
	
	section.content-shop div.cart-articles div.article:first-of-type {
		padding-top: 0;
	}
	
	section.content-shop div.cart-articles div.article:last-of-type {
		border-bottom: 0;
	}	
	
	section.content-shop div.cart-articles div.article a.thumb {
		width: 100%;
		max-width: 80px;
		height: 80px;
		display: inline-block;
		vertical-align: middle;
		background: #f9f9f9 no-repeat center / contain;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop div.cart-articles div.article div.contain {
		width: calc(100% - 110px);
		margin-left: 30px;
		display: inline-block;
		vertical-align: middle;
	}
	
	section.content-shop div.cart-articles div.article div.actions {
		width: 60%;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	section.content-shop div.cart-articles div.article div.actions span.price {
		width: 100%;
		max-width: 100px;
		margin-left: 20px;
		display: inline-block;
		text-align: right;
	}
	
	section.content-shop div.cart-articles div.article div.actions span.cart-remove {
		width: 20%;
		display: inline-block;
		margin-right: 40px;
		padding: 2px 0 0 16px;
		text-align: left;
		background: url('../img/icons/icon-delete.svg') no-repeat left center / 10px;
	}
	
	section.content-shop div.cart-articles div.article div.actions span.cart-remove:hover {
		cursor: pointer;
		text-decoration: underline;
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount {
		min-width: 55px;
		display: inline-block;
		margin: 0;
		text-align: center;
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.amount.current {
		width: 16px;
		margin: 0 3px;
		display: inline-block;
		text-align: center;
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.button {
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
		background: #F2F2F2 no-repeat center / 10px;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.button:hover {
		opacity: .6;
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.button.add {
		background-image: url('../img/icons/icon-amount-add.svg');
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.button.subtract {
		background-image: url('../img/icons/icon-amount-subtract.svg');
	}
	
	section.content-shop div.cart-articles div.article div.actions div.article-amount span.button.subtract.hide {
		opacity: 0;
		pointer-events: none;
	}
	
	section.content-shop div.cart-articles div.article a.title {
		width: 40%;
		display: inline-block;
		vertical-align: middle;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	section.content-shop div.cart-checkout {
		width: 100%;
		margin-top: 20px;
		padding: 0;
		text-align: right;
	}
	
	section.content-shop div.cart-checkout div.amount-information {
		width: 100%;
		max-width: 414px;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	section.content-shop div.cart-checkout div.amount-information span.amount-total {
		width: 100%;
		margin-top: 10px;
		display: inline-block;
		vertical-align: middle;
		font: 400 16px / 16px highgate, sans-serif;
	}
	
	section.content-shop div.cart-checkout div.amount-information span span.label {
		width: 100%;
		max-width: 150px;
		display: inline-block;
		vertical-align: middle;
		text-align: right	
	}
	
	section.content-shop div.cart-checkout div.amount-information span span.amount {
		width: 100%;
		max-width: 100px;
		display: inline-block;
		vertical-align: middle;	
	}
	
	section.content-shop div.cart-checkout div.amount-information span.tax-notification {
		width: 100%;
		margin-top: 10px;
		display: inline-block;
		vertical-align: top;
		color: #ababab;
		font: 300 13px / 13px highgate, sans-serif;
	}
	
	section.content-shop div.cart-checkout a.continue-shopping,
	section.content-shop div.cart-checkout a.place-order {
		margin: 10px 0 0 0;
		padding: 10px 15px;
		display: inline-block;
		background: #44bd60 no-repeat 15px center / 20px;
		border: 0;
		color: #fff;
		font: 700 16px / 24px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	section.content-shop div.cart-checkout a.continue-shopping {
		margin: 0 0 0 20px;
		color: #2e2e2e;
		background-color: #F2F2F2;
	}
	
	section.content-shop div.cart-checkout a.place-order {
		margin-left: 10px;
	}
	
	section.content-shop div.cart-checkout a.place-order:hover {
		background-color: #f3940e;
	}
	
	section.content-shop div.cart-checkout a.continue-shopping:hover {
		background-color: #DDD;		
	}
	
	.max-amount-exceeded {
		margin-top: 20px;
		text-align: right;
	}
	
	.max-amount-exceeded p {
		margin: 0;
		padding: 5px 10px;
		background: #ffd4d4;
		display: inline-block;
		-webkit-border-radius: 3px;
	}

	section.content-shop p.cart-empty {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 180px 0 30px;
		text-align: center;
		font: 400 20px / 28px highgate, sans-serif;
		background: url('../img/icons/icon-cart-empty.svg') no-repeat center 40px / 100px;	
	}
	
	section.content-shop p.cart-empty span {
		width: 100%;
		margin-top: 20px;
		display: inline-block;		
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	section.content-shop p.cart-empty span a {
		margin: 0;
		padding: 10px 15px;
		display: inline-block;
		background: #44bd60 no-repeat 15px center / 20px;
		border: 0;
		color: #fff;
		font: 700 16px / 24px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	section.content-shop p.cart-empty span a:hover {
		background-color: #f3940e;
	}
	
	section.content-shop div.cart-loading {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: #f2f2f2;
		display: none;
	}

	section.content-shop div.cart-loading span {
		width: 100px;
		height: 100px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		background: url('../img/icons/icon-loading.svg') no-repeat center / 100px; 
	}
	
/*  CONTENT: ORDER
	--------------------------------------------- */

	section.content-shop.order h2 {
		margin-bottom: 20px;
		font: 600 26px / 34px highgate, sans-serif;
	}
	
	section.content-shop.order p:not(:last-of-type) {
		margin-bottom: 15px;
	}

	section.content-shop.order div.no-account,
	section.content-shop.order div.login {
		width: 40%;
		display: inline-block;
		vertical-align: top;
	}
		
	section.content-shop.order div.no-account {
		width: 60%;
		padding-right: 100px;
	}
    
    section.content-shop.order div.no-account a.button {
        width: 100%;
        max-width: 180px;
        margin: 20px 0 0 0;
        padding: 10px 25px;
        display: inline-block;
        background: #44bd60 no-repeat calc(100% - 15px) center / 24px;
        border: 0;
        color: #fff;
        text-align: center;
        font: 700 16px / 24px highgate, sans-serif;
        cursor: pointer;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;   
    }
    
    section.content-shop.order div.no-account a.button:hover {
        background-color: #f3940e;
        text-decoration: none;
    }
    
    section.content-shop.order div.login.login-no-account input[type='submit'] {
        background: #F2F2F2 no-repeat 15px center / 20px !important;
        color: #2e2e2e;
        font: 700 16px / 24px highgate, sans-serif;
    }
    
    section.content-shop.order div.login.login-no-account input[type='submit']:hover {
        background-color: #DDD !important;
    }
	
	section.content-shop.order div.login div.contain {
		position: relative;
	}
	
	section.content-shop.order div.login a.forgot-password {
		margin-top: 15px;
		display: inline-block;
		color: #3595d2;
		font: 400 14px / 14px highgate, sans-serif;
	}
	
	section.content-shop.order div.login span#check-password {
		position: absolute;
		right: 12px;
		bottom: 12px;
		cursor: pointer;
		color: #3595d2;
		font: 400 14px / 14px highgate, sans-serif;
	}
	
	section.content-shop.order div.login span#check-password:hover {
		text-decoration: underline;
	}
	
	section.content-shop.order div.login a.new-customer {
		margin: 10px 0 0 10px;
		padding: 15px 15px 13px;
		display: inline-block;
		vertical-align: top;
		background: #F2F2F2;
		font: 400 16px / 16px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop.order div.login a.new-customer:hover {
		text-decoration: none;
		color: #fff;
		background-color: #f3940e;
	}
	
	/*  CONTENT: ORDER - PROGRESS
	--------------------------------------------- */
	
	section.content-shop.order div.confirm-order ol.order-progress {
		width: 100%;
		margin: 0 0 30px;
		padding-left: 0;
	}
	
	section.content-shop.order div.confirm-order ol.order-progress li {
		display: inline-block;
		font: 400 18px / 18px highgate, sans-serif;
		color: #bdc3d0;
	}
	
	section.content-shop.order div.confirm-order ol.order-progress li span.arrow {
		width: 20px;
		height: 14px;
		margin: 0 5px;
		display: inline-block;
		vertical-align: top;
		background: url('../img/icons/icon-order-progress-arrow.svg') no-repeat center / 14px; 
	}
	
	section.content-shop.order div.confirm-order ol.order-progress li span.arrow.active {
		background-image: url('../img/icons/icon-order-progress-arrow-active.svg');		
	}
	
	section.content-shop.order div.confirm-order ol.order-progress li.active {
		color: #2e2e2e;
	}
	
	/*  CONTENT: ORDER - FORM SHIPPING
	--------------------------------------------- */
	
	section.content-shop.order form#confirm-shipping {
		width: 40%;
	}
	
	/*  CONTENT: ORDER - VERIFY DATA
	--------------------------------------------- */
	
	section.content-shop.order div.verify-data {
		width: 40%;
		display: inline-block;
		vertical-align: top;
	}
    
    section.content-shop.order div.verify-data div.data-block {
        margin-bottom: 30px;
    }
    
    section.content-shop.order div.verify-data div.data-block:nth-of-type(2) {
        margin-bottom: 0;
    }
    
    section.content-shop.order div.verify-data div.data-block h3 {
        margin-bottom: 10px;
        font: 400 20px / 20px highgate, sans-serif;
    }
	
	section.content-shop.order div.verify-data div.data-block p {
		margin-bottom: 3px;
	}
	
	section.content-shop.order div.verify-data a.edit-data {
		margin-top: 10px;
		padding: 15px 25px 13px;
		display: inline-block;
		background: #F2F2F2 no-repeat 15px center / 20px;
		border: 0;
		color: #2e2e2e;
		font: 400 16px / 16px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	section.content-shop.order div.verify-data a.edit-data:hover { 
		color: #fff;
		background-color: #f3940e;
	}
	
	section.content-shop.order div.start-payment {
		margin-top: 50px;
	}
	
	section.content-shop.order div.start-payment a#start-payment {
		padding: 15px 25px 13px;
		display: inline-block;
		background: #44bd60 no-repeat 15px center / 20px;
		border: 0;
		color: #fff;
		cursor: pointer;
		font: 400 16px / 16px highgate, sans-serif;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}
	
	section.content-shop.order div.start-payment a#start-payment:hover {
		background-color: #f3940e;
	}
    
    section.content-shop.order div.start-payment div.payment-methods {
        width: 100%;
        margin-top: 30px;
    }
    
    section.content-shop.order div.start-payment div.payment-methods img {
        width: 16.6666666666666666%;
        max-width: 70px;
        height: auto;
        padding: 0 10px;
        display: inline-block;
        vertical-align: middle;
    }
	
	/*  CONTENT: ORDER - INFORMATION
	--------------------------------------------- */
	
	section.content-shop.order div.confirm-order div.order-information {
		width: calc(60% - 100px);
		margin-left: 100px;
		padding: 20px;
		display: inline-block;
		vertical-align: top;	
		position: relative;
	}
	
	section.content-shop.order div.confirm-order div.order-information.overview {
		width: 100%;
		margin: 0 0 50px;
		padding: 0 300px 0 0;
		background: url('../img/icons/icon-order-success.svg') no-repeat right center / contain; 
	}
	
	section.content-shop.order div.confirm-order div.order-information h3 {
		margin: 50px 0 20px;
		font: 700 20px / 20px highgate, sans-serif;
	}
	
	section.content-shop div.order-information div.amount-information {
		width: 100%;
	}
	
/*	ORDER - ARTICLES
	--------------------------------------------- */

	div.order-articles div.header {
		position: relative;
	}

	div.order-articles div.header div.actions {
		width: 100%;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	div.order-articles div.header div.actions span.amount {
		min-width: 55px;
		display: inline-block;
		margin: 0;
		text-align: center;
		font-weight: 700;
	}
	
	div.order-articles div.header div.actions span.price {
		width: 100%;
		max-width: 100px;
		margin-left: 10px;
		display: inline-block;
		text-align: center;
		font-weight: 700;
	}

	div.order-articles div.article {
		padding: 0;
		position: relative;
	}
	
	div.order-articles div.article:last-of-type {
		border-bottom: 0;
	}
	
	div.order-articles div.article a.thumb {
		width: 100%;
		max-width: 100px;
		height: 100px;
		display: inline-block;
		vertical-align: middle;
		background: #fff no-repeat center / contain;
	}
	
	div.order-articles div.contain {
		width: calc(100% - 130px);
		margin-left: 30px;
		display: inline-block;
		vertical-align: middle;
	}
	
	div.order-articles div.article div.actions {
		width: 50%;
		margin: 0;
		padding: 0;
		display: inline-block;
		vertical-align: middle;
		text-align: right;
	}
	
	div.order-articles div.actions span.price {
		width: 100%;
		max-width: 100px;
		margin-left: 10px;
		display: inline-block;
		text-align: center;
	}

	div.order-articles div.article div.actions div.article-amount {
		min-width: 55px;
		display: inline-block;
		margin: 0;
		text-align: center;
	}

	div.order-articles div.article a.title {
		width: 50%;
		display: inline-block;
		vertical-align: middle;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	div.order-articles div.amount-information {
		width: 100%;
		margin-top: 5px;
		padding: 20px 20px 0 0;
		display: inline-block;
		vertical-align: top;
		border-top: 1px solid #eee;
	}
	
	div.order-articles span.delivery-costs,
	div.order-articles span.amount-total {
		width: 100%;
		display: inline-block;
		text-align: right;
		font: 400 16px / 16px highgate, sans-serif;
	}
	
	div.order-articles span.delivery-costs span:nth-of-type(2),
	div.order-articles span.amount-total span:nth-of-type(2) {
		min-width: 100px;
		display: inline-block;
	}
	
	div.order-articles span.tax-notification {
		width: 100%;
		margin-top: 5px;
		display: inline-block;
		vertical-align: top;
		color: #ababab;
		text-align: right;
		font: 300 13px / 13px highgate, sans-serif;
	}

	
/*  ACCOUNT
	--------------------------------------------- */
	
	section.content-shop.account div.my-account div.account-navigation {
		width: calc(100% + 80px);
		margin: -40px -40px 40px;
		padding: 20px 40px;
		display: flex;
		background: #f9f9f9;
		border-bottom: 1px solid #eee;
	}
	
	section.content-shop.account div.my-account div.account-navigation a {
		width: auto;
		margin-right: 13px;
		line-height: 30px;
	}
	
	section.content-shop.account div.my-account div.account-navigation a:hover,
	section.content-shop.account div.my-account div.account-navigation a.active {
		font-weight: 700;
	}
	
	section.content-shop.account div.my-account div.account-navigation a:last-of-type {
		margin-right: 0;
	}
	
	section.content-shop.account div.my-account div.account-right {
		width: 100%;
		min-height: 300px;
		display: inline-block;
		vertical-align: top;
	}
	
	section.content-shop.account div.my-account div.account-right h3 {
		width: 100%;
		margin-bottom: 20px;
		font: 400 22px / 30px highgate, sans-serif;
	}	
	
	section.content-shop.account div.my-account div.account-right h4 {
		margin-top: 50px;
	}
	
	section.content-shop.account p {
		margin-bottom: 0;
	}
	
/*  ACCOUNT - ORDER VIEW
	--------------------------------------------- */

	section.content-shop.account div.my-account div.account-right div.notice {
		margin-right: 5px;
		padding: 8px 15px 6px 22px;
		display: inline-block;
		vertical-align: top;
		background: url('../img/icons/icon-check.svg') no-repeat left center / 16px; 
		font: 400 14px / 22px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop.account div.my-account div.account-right div.notice.order-status {
		background-image: url('../img/icons/icon-process.svg');
	}
	
	section.content-shop.account div.my-account div.account-right div.notice.order-status.geleverd {
		background-image: url('../img/icons/icon-check.svg');
	}

	
/*  LISTING
	--------------------------------------------- */

	div.item-group {
		width: 100%;
	}

	div.item-group div.item-row {
		padding: 8px 12px;
		margin-top: 3px;
		display: flex;
		background-color: #f9f9f9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.item-group div.item-row:not(.header):hover {
		background-color: #f0f0f0;
	}

	div.item-group div.item-row.header {
		background: #fff;
		border: 0;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.item-group div.item-row.header div.item {
		font-weight: 700;
	}

	div.item-group div.item-row div.item {
		width: 30%;
		margin: 0;
		padding: 2px 0 0;
		flex: 0 1 auto;
		font: 400 16px / 28px highgate, sans-serif;
	}
	
	div.item-group div.item-row div.item:nth-of-type(1) {
		width: 20%;
	}
	
	div.item-group div.item-row div.item:nth-of-type(2) {
		width: 20%;
	}
	
	div.item-group div.item-row div.item.paid {
		padding-left: 22px;
		background: url('../img/icons/icon-check.svg') no-repeat left center / 16px; 
	}
	
	div.item-group div.item-row div.item.order-status {
		padding-left: 22px;
		background: url('../img/icons/icon-process.svg') no-repeat left center / 16px; 
	}
	
	div.item-group div.item-row div.item.order-status.geleverd {
		background-image: url('../img/icons/icon-check.svg');
	}

	div.item-group div.item-row div.item span {
		display: none;
	}

	div.item-group div.item-row div.item.actions {
		width: 35%;
		text-align: right;
	}

	div.item-group div.item-row div.item.actions a {
		color: #2e2e2e;
		font: 400 16px / 16px highgate, sans-serif;
		text-decoration: none;
	}
	
	div.item-group div.item-row div.item.actions a:hover {
		text-decoration: underline;
	}
	
/*  ARTICLE: FILTERS
	--------------------------------------------- */

	section.content-shop div.filters {
		width: 100%;
		max-width: 300px;
		padding: 40px 30px;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop div.filters div.filter:not(:first-of-type) {
		margin-top: 20px;
	}
	
	section.content-shop div.filters div.filter.multiple .input-icon:nth-of-type(1) select {
		border-bottom: 0;
		-webkit-border-radius: 3px 3px 0 0;
	}
	
	section.content-shop div.filters div.filter.multiple .input-icon:nth-of-type(2) select {
		-webkit-border-radius: 0 0 3px 3px;
	}
	
	.input-icon .tooltip {
		width: 100%;
		max-width: 45px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		line-height: 27px;
		color: #b5bdc4;
	}

	section.content-shop div.filters div.filter > label {
		margin: 10px 0;
		font: 400 18px / 18px highgate, sans-serif;
		color: #000;
	}
	
	section.content-shop div.filters div.filter div.input-icon {
		position: relative;
	}
	
	section.content-shop div.filters div.filter span.reset {
		width: 40px;
		height: 26px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1px;
		background: #fff url('../img/icons/icon-cross.svg') no-repeat center / 10px; 
		border-left: 0;
		cursor: pointer;
		-webkit-transition: ease background 200ms;
		transition: ease background 200ms;
		-webkit-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
	}

	section.content-shop div.filters div.filter span.reset:hover {
		background-image: url('../img/icons/icon-cross-hover.svg');
	}
	
	section.content-shop div.filters div.filter div.category-list {
		margin-top: 10px;
	}
	
	section.content-shop div.filters div.filter div.category-list div.category-contain {
		margin-bottom: 10px;
	}
	
	section.content-shop div.filters div.filter div.category-list div.category-contain a {
		width: 100%;
		margin: 4px 0;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		font: 400 15px / 20px  highgate, sans-serif;
	}
	
	section.content-shop div.filters div.filter div.category-list div.category-contain a.active {
		font-weight: 700;
	}
	
	section.content-shop div.filters div.filter div.category-list div.category-contain a.sub-category {
		margin-left: 20px;
		line-height: 26px;
	}
	
/*  ARTICLE: LISTING
	--------------------------------------------- */

	section.content-shop div.articles-wrapper {
		width: calc(100% - 320px);
		margin-left: 20px;
		padding: 40px;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	section.content-shop div.articles-wrapper div.articles div.article {
		width: calc(33.3333333% - 12px);
		min-height: 400px;
		margin: 15px 15px 0 0;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 9;
		background: #f9f9f9;
		border: 1px solid #eee;
		text-decoration: none;
		overflow: hidden;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease 200ms background;
		transition: ease 200ms background;
	}

	section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(-n+3) {
		margin-top: 0;
	}

	section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(3n+3) {
		margin-right: 0;
	}

	div.articles div.article:hover {
		border-color: #2e2e2e;
	}

	div.articles div.article a.thumb {
		width: 100%;
		height: 210px;
		display: inline-block;
		vertical-align: top;
		background: #fff no-repeat center / contain;
		border-bottom: 1px solid #eee;
	}

	div.articles div.article div.contain {
		padding: 30px 25px 80px;
	}	

	div.articles div.article div.contain a.title {
		width: 100%;
		min-height: 65px;
		max-height: 65px;
		overflow: hidden;
		display: inline-block;
		font: 400 16px / 24px highgate, sans-serif;
	}

	div.articles div.article div.contain a.title:first-letter {
		text-transform: capitalize;
	}

	div.articles div.article div.contain span.row {
		width: 100%;
		display: inline-block;
		font: 400 14px / 28px highgate, sans-serif;
	}

	div.articles div.article div.contain span.row span.label {
		width: 80%;
		display: inline-block;
	}

	div.articles div.article div.contain span.row span.value {
		width: 20%;
		display: inline-block;
		text-align: center;
	}

	div.articles div.article span.button {
		padding: 5px 15px 5px 30px;
		position: absolute;
		bottom: 30px;
		left: 25px;
		z-index: 10;
		background: #44bd60 url('../img/icons/icon-cart.svg') no-repeat 8px center / 14px;
		font: 700 16px / 24px highgate, sans-serif;
		color: #fff;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}
	
	div.articles div.article span.button.storeonly {
		opacity: .8;
	}
	
	div.articles div.article span.button.storeonly:hover {
		cursor: default;
		background-color: #44bd60;
	}
	
	div.articles div.article span.cart-add:hover {
		background-color: #f3940e;
	}
	
	div.articles div.article span.button.disabled {
		opacity: 1;
		pointer-events: none;
	}
	
	div.articles div.article span.button.disabled.soldout {
		background-color: #c2c2c2;
		background-image: none;
		padding: 5px 15px;
	}

	div.articles div.article span.cart-remove {
		opacity: 1;
		pointer-events: initial;
		background-color: #c2c2c2;
	}
	
	div.articles div.article span.cart-remove:hover { 
		background-color: #f3940e;
		background-image: url('../img/icons/icon-cart-remove-hover.svg');
	}
	
	div.articles div.article span.price {
		position: absolute;
		bottom: 75px;
		left: 25px;
		font: 600 18px / 26px highgate, sans-serif;
	}
	
	div.articles div.article span.price span.vat {
		margin-left: 5px;
		font: 400 14px / 22px highgate, sans-serif;
	}
	
	div.articles div.article span.price.single {
		bottom: 25px;
	}

	div.articles-loading {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 2011;
		background: #fff;
		display: none;
	}

	div.articles-loading span {
		width: 100px;
		height: 100px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		background: url('../img/icons/icon-loading.svg') no-repeat center / 100px; 
	}

	div.articles-filters {
		position: relative;
		margin-bottom: 20px;
	}

	div.articles-filters div.filter {
		width: 100%;
		max-width: 280px;
		position: relative;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}
	
	div.articles-filters div.filter select { 
		border: 0 !important;
		padding: 0;
		line-height: 26px !important
	}

	div.articles-filters div.filter:nth-of-type(1) {
		margin-right: 20px;
	}

	div.articles-filters div.filter-sort {
		padding-left: 42px;
	}

	div.articles-filters div.filter-sort > span.sort-icon {
		width: 24px;
		height: 24px;
		position: absolute;
		top: 0;
		left: 0;
		background: url('../img/icons/icon-sorting.svg') no-repeat center / 18px; 
		border-right: 0;
		-webkit-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
	}

	div.articles-filters div.filter-sort .select2-container .select2-selection {
		-webkit-border-radius: 0 3px 3px 0;
		border-radius: 0 3px 3px 0;
	}

	div.articles-filters div.filters-right {
		float: right;
	}

	div.articles-filters div.filter-active {
		width: auto;
		margin-right: 30px;
		padding: 10px 0;
	}

	div.articles-filters div.filter-active span.label {
		margin-right: 5px;
	}

	div.articles-filters div.filter-layout {
		width: auto;
	}

	div.articles-filters div.filter-layout div.mode {
		width: 24px;
		height: 24px;
		display: inline-block;
		vertical-align: top;
		background: no-repeat center / 18px;
		border: 0;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	div.articles-filters div.filter-layout div.mode:nth-of-type(1) {
		margin-right: 5px;
		background-image: url('../img/icons/icon-layout-block-light.svg');
	}

	div.articles-filters div.filter-layout div.mode.active:nth-of-type(1) {
		background-image: url('../img/icons/icon-layout-block.svg');
	}

	div.articles-filters div.filter-layout div.mode:nth-of-type(2) {
		background-image: url('../img/icons/icon-layout-row-light.svg');
	}

	div.articles-filters div.filter-layout div.mode.active:nth-of-type(2) {
		background-image: url('../img/icons/icon-layout-row.svg');
	}

	div.articles-filters div.filter-layout div.mode:hover {
		cursor: pointer;
	}

	div.articles-filters div.filter-group {
		width: 100%;
		max-width: 300px;
		position: relative;
		display: inline-block;
		vertical-align: top;
	}

	div.articles-filters div.filter span.reset {
		width: 40px;
		height: calc(100% - 2px);
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1px;
		background: #fff url('../img/icons/icon-cross.svg') no-repeat center / 12px; 
		border-left: 1px solid #e1e1e1;
		cursor: pointer;
		-webkit-transition: ease background 200ms;
		transition: ease background 200ms;
		-webkit-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
	}

	div.articles-filters div.filter span.reset:hover {
		background-image: url('../img/icons/icon-cross-hover.svg');
	}

	div.articles-filters div.filter-group span.reset {
		border-right: 1px solid #e1e1e1;
		right: 40px;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	div.articles-filters div.filter

	div.articles-navigation {
		width: 100%;
		height: 24px;
	}

	div.articles-navigation.bottom {
		margin-top: 20px;
	}

	div.articles-navigation div.contain {
		display: inline-block;
		vertical-align: middle;
	}

	div.articles-navigation div.articles-button {
		width: auto;
		padding: 0 5px;
		display: inline-block;
		vertical-align: middle;
		color: #2e2e2e;
		font: 400 14px / 14px highgate, sans-serif;
		text-align: center;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease opacity 100ms;
		transition: ease opacity 100ms;
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}

	div.articles-navigation div.articles-button:hover {
		opacity: .8;
	}

	div.articles-navigation div.articles-button.previous {
		padding-left: 0;
	}

	div.articles-navigation div.articles-button.next {
		padding-right: 0;
	}


	div.articles-navigation div.articles-button.disabled {
		opacity: .4;
		pointer-events: none;
	}

	div.articles-navigation div.articles-pagination {
		display: inline-block;
		vertical-align: middle;
	}

	div.articles-navigation div.articles-pagination a.pagination-item {
		margin: 0 5px;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
		cursor: pointer;
		font: 400 14px / 24px highgate, sans-serif;	
		-webkit-user-select: none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-ms-user-select: none;
	}

	div.articles-navigation div.articles-pagination a.pagination-item.active {
		color: #3595d2;
	}

	div.articles-found {
		margin-right: 20px;
		display: inline-block;
		vertical-align: middle;
		font: 400 14px / 24px highgate, sans-serif;	
	}

	div.articles-contain {
		min-height: 320px;
		margin: 20px 0;
	}
	
	div.articles-contain p.no-articles-found {
		padding: 190px 20px 10px 40px;
		background: url(/shared/assets/img/icons/icon-no-articles.svg) no-repeat center 50px / 130px;
		text-align: center;
		font: 400 24px / 30px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	div.items a.item.no-items,
	div.item-group a.item.no-items {
		width: 100%;
		max-width: 200px;
		min-height: 0;
		margin: 10px 10px 0 0;
		padding: 200px 30px 30px;
		display: inline-block;
		vertical-align: top;
		position: relative;
		z-index: 9;
		background: #fff url('../img/icons/icon-article-add.svg') no-repeat center 80px / 60px;
		border: 1px solid #e1e1e1;
		text-align: center;
		text-decoration: none;
		overflow: hidden;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease 200ms background;
		transition: ease 200ms background;
	}

	div.items a.item.no-items:hover,
	div.item-group a.item.no-items:hover {
		border-color: #2e2e2e;
	}
	
/*	ARTICLES: ROW
	--------------------------------------------- */

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article {
		width: 100%;
		min-height: 0;
		margin: 0 0 10px;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain {
		width: calc(100% - 200px);
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain span.title {
		min-height: 0;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article a.thumb {
		max-width: 200px;
		height: 203px;
		border: 0;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain span.row {
		color: #696c71;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain a.title {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain span.row span.label {
		width: 15%;
		min-width: 120px;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain span.row span.row {
		width: 85%;
	}

	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article a.edit-article {
		right: 20px;
		left: auto;
		bottom: 20px;
	}
	
	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article span.price {
		bottom: 30px;
	}
	
	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article span.button.cart-add,
	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article span.button.cart-remove,
	section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article span.button.storeonly {
		right: 30px;
		left: auto;
	}
	
/*  ARTICLE: DETAIL
	--------------------------------------------- */

	section.content-shop.article div.articles-detail {
		position: relative;
	}

	section.content-shop.article div.article-right,
	section.content-shop.article div.article-left {
		display: inline-block;
		vertical-align: top;
	}
	
	section.content-shop.article div.article-left {
		width: 100%;
		padding-right: 500px;
	}
	
	section.content-shop.article div.article-left div.images {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		position: relative;
	}

	section.content-shop.article div.article-left div.images .image {
		width: 100%;
		height: 480px;
		margin: 0;
		display: inline-block;
		vertical-align: top;
		background: #f9f9f9;
		border: 0;
		object-fit: contain;
	}
	
	section.content-shop.article div.article-left div.images .image:not([src]) {
		visibility: hidden;
	}
	
	.carousel-contain {
		margin: 0 0 5px;
		position: relative;
	}
	
	.carousel-contain .button-full-screen {
		padding: 5px 10px;
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 100;
		background: #fff;
		cursor: pointer;
		-webkit-border-radius: 2px;
		-webkit-transition: 100ms transform ease;
		-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
	}
	
	.images .image.movie {
		background: #eee;
	}
	
	.slick-slide.taggle-movie {
		position: relative;
	}
	
	.slick-slide.taggle-movie:before {
		content: "";
		width: calc(100% - 10px);
		height: calc(100% - 10px);	
		position: absolute;
		top: 5px;
		bottom: 0;
		left: 5px;
		right: 0;
		cursor: pointer;
		background: rgba(0, 0, 0, .2) url('/shared/assets/img/icons/icon-play-start.svg') no-repeat center / 50px;	
		-webkit-transition: 100ms background-color ease;
	}
	
	.slick-slide.taggle-movie:hover:before { 
		background-color: rgba(0, 0, 0, 0);
	}
	
	.images iframe {
		width: 100%;
		height: 480px;
		border: 0;
		background: #f9f9f9;
	}
	
	.carousel-contain .button-full-screen:hover {
		transform: scale(.95);
	}
	
	section.content-shop.article div.article-left .carousel-thumbs .image {
		width: calc(100% - 10px) !important;
		margin: 0 5px !important;
		height: 150px !important;
		object-fit: contain;
		cursor: pointer;
	}
	
	.article .information {
		margin-top: 50px;
	}
	
	.article .title {
		width: 100%;
		margin-bottom: 25px;
		display: inline-block;
		vertical-align: top;
		font: 400 26px / 34px highgate, sans-serif;
	}
	
	.article .specifications {
		margin-bottom: 50px;
	}
	
	.article .specifications .contain { 
		display: grid;
		grid-template-columns: repeat(3, 33.3333333333%);
		row-gap: 25px;
		column-gap: 15px;	
	}
	
	.article .specifications .field {
		width: 100%;
		margin-bottom: 10px;
		display: inline-block;
		font: 500 18px / 24px 'proxima-nova', sans-serif;
	}
	
	.article .accessories .contain { 
		display: grid;
		grid-template-columns: repeat(4, calc(25% - 10px));
		row-gap: 5px;
		column-gap: 15px;	
	}
	
	.article .accessories .contain span { 
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.article .description {
		margin-top: 50px;
	}
	
	.article .description .contain {
		max-height: 410px;
		overflow: hidden;
	}
	
	.article .description .contain.open {
		max-height: none;
	}
	
	.article .description p {
		margin: 0 0 5px 0;
	}
	
	.article .description span.read-more {
		width: auto;
		margin-top: 30px;
		display: inline-block;
		font: 400 18px / 18px highgate, sans-serif;
		cursor: pointer;
	}
	
	.article .description span.read-more:hover {
		text-decoration: underline;
	}
	
	section.content-shop.article div.article-right {
		width: 100%;
		max-width: 450px;
		padding-left: 50px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	section.content-shop.article div.article-right h1 {
		font: 700 24px / 32px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right h1 span.ean {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		font: italic 400 12px / 20px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right span.price {
		width: 100%;
		margin-top: 20px;
		display: inline-block;
		font: 400 26px / 26px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right span.price span.vat {
		margin-left: 5px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right .storeonly {
		width: 100%;
		margin-top: 30px;
		padding: 20px;
		background: #f7f7f7;
		-webkit-border-radius: 3px;
	}
	
	section.content-shop.article div.article-right .storeonly span.button {
		margin: 0;
	}
	
	section.content-shop.article div.article-right .storeonly span.button:hover {
		background-color: #f3940e;
	}
	
	section.content-shop.article div.article-right span.button {
		width: 100%;
		max-width: 200px;
		height: 40px;
		margin: 25px 0;
		padding: 2px 0 0 30px;
		display: inline-block;
		z-index: 10;
		background: #44bd60 url('../img/icons/icon-cart.svg') no-repeat 10px center / 22px;
		font: 500 18px / 40px highgate, sans-serif;
		color: #fff;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: ease background 100ms;
		transition: ease background 100ms;
	}
	
	section.content-shop.article div.article-right span.cart-add:hover {
		background-color: #f3940e;
	}
	
	section.content-shop.article div.article-right span.button.disabled {
		pointer-events: none;
	}
	
	section.content-shop.article div.article-right span.button.disabled.soldout {
		background-color: #c2c2c2;
		background-image: url('../img/icons/icon-cart-soldout.svg');
	}

	section.content-shop.article div.article-right span.cart-remove {
		opacity: 1;
		pointer-events: initial;
		background-color: #c2c2c2;
		background-image: url('../img/icons/icon-cart-remove.svg');
	}
	
	section.content-shop.article div.article-right span.cart-remove:hover { 
		background-color: #b4b4b4;
	}
	
	section.content-shop.article div.article-right span.button.storeonly {
		cursor: default;
	}
	
	section.content-shop.article div.article-right .cta-options {
		margin-top: 30px;
	}
	
	section.content-shop.article div.article-right span.button.trade,
	section.content-shop.article div.article-right span.button.finance {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0 0 12px 0;
		padding: 4px 0 0 35px;
		background: transparent url('/shared/assets/img/icons/icon-arrow-right.svg') no-repeat left center / 14px;
		color: #2e2e2e;
		font: 500 18px / 22px highgate, sans-serif;
		text-align: left;
	}
	
	section.content-shop.article div.article-right span.button.finance {
		margin-bottom: 0;
	}

	section.content-shop.article div.article-right span.button.trade:hover,
	section.content-shop.article div.article-right span.button.finance:hover {
		text-decoration: underline;
	}

	section.content-shop.article div.article-right span.deliverytime {
		width: 100%;
		margin-top: 15px;
		padding-left: 35px;
		display: inline-block;
		background: no-repeat url('../img/icons/icon-delivery.svg') left center / 22px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right span.stock {
		width: 100%;
		margin-top: 15px;
		padding-left: 35px;
		display: inline-block;
		background: no-repeat url('../img/icons/icon-stock.svg') left center / 22px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right span.assembly {
		width: 100%;
		margin-top: 15px;
		padding-left: 35px;
		display: inline-block;
		background: no-repeat url('../img/icons/icon-assembly.svg') left center / 22px;
		font: 400 16px / 24px highgate, sans-serif;
	}
		
	section.content-shop.article div.article-right div.shippingmethods {
		margin-top: 20px;
	}
	
	section.content-shop.article div.article-right div.shippingmethods span.title {
		width: 100%;
		margin: 10px 0;
		display: inline-block;
		font: 400 18px / 26px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right div.shippingmethods span.shippingmethod {
		width: 100%;
		padding-left: 35px;
		display: inline-block;
		background: no-repeat url('../img/icons/icon-check-dark.svg') left center / 14px;
		font: 400 18px / 22px highgate, sans-serif;
	}
	
	section.content-shop.article div.article-right div.realm-object-fields {
		margin-top: 30px;
	}
	
	section.content-shop.article div.article-right div.realm-object-fields {
		min-height: 60px;
	}
	
	section.content-shop.article div.article-right div.realm-object-fields > p {
		width: 100%;
		font: 400 16px / 16px highgate, sans-serif;		
	}
	
	section.content-shop.article div.article-right div.realm-object-fields > p span {
		width: 100%;	
		max-width: 160px;
		margin-right: 10px;
		display: inline-block;
	}
	
/*  SEO CATEGORY
	--------------------------------------------- */
	
	div.seo-description {
		margin-top: 50px;
	}

/*  FORM
	--------------------------------------------- */
	
	form { 
		width: 100%;
		max-width: 640px;
		display: inline-block;
		position: relative;
	}

	form div.contain {
		width: 100%;
		margin: 10px 0;
		display: inline-block;
	}

	form div.contain:first-of-type {
		margin-top: 0;
	}

	form div.contain:last-of-type {
		margin-bottom: 0;
	}
	
	form div.contain div.multiple {
		width: calc(50% - 10px);
		display: inline-block;
		vertical-align: top;
	}
	
	form div.contain div.multiple:nth-of-type(2) {
		margin-left: 20px;
	}
	
	form div.contain.address div.multiple:nth-of-type(1) {
		width: 65%;
	}

	form div.contain.address div.multiple:nth-of-type(2) {
		width: calc(35% - 20px);
	}
	
	form div.contain.type label {
		width: auto;
		cursor: pointer;
		font: 400 14px / 24px highgate, sans-serif;
	}
	
	form div.contain.type label:nth-of-type(1) {
		margin-right: 15px;
	}
	
	form div.contain.type label input[type='radio'] {
		width: 20px;
		height: 20px;
		padding: 0;
		margin-right: 10px;
		cursor: pointer;
		-webkit-border-radius: 300px;
		border-radius: 300px;
	}
	
	form div.contain.type label input[type='radio']:hover,
	form div.contain.type label input[type='radio']:checked {
		border-color: #3595d2;
		background-color: #3595d2;
	}
	
	form div.contain.hide {
		display: none;
	}
	
	form div.contain.hide.active {
		display: inline-block;
	}
	
	label {
		width: 100%;
		margin: 0 0 8px;
		display: inline-block;
		font: 400 13px / 13px highgate, sans-serif;
	}

	input,
	textarea,
	select {
		width: 100%;
		margin: 0;
		padding: 8px 12px;
		display: inline-block;
		vertical-align: top;
		background: #fff;
		border: 1px solid #D9D9D9;
		font: 400 16px / 24px highgate, sans-serif;
		color: #676767;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-appearance: none
	}
	
	input:focus,
	textarea:focus,
	select:focus {
		outline: 0;
		border-color: #cacaca;
	}
	
	select {
		cursor: pointer;
	}
	
	input[type='submit'] {
		width: 100%;
		max-width: 180px;
		margin: 10px 0 0 0;
		padding: 10px 25px 10px;
		display: inline-block;
		background: #44bd60 no-repeat calc(100% - 15px) center / 24px;
		border: 0;
		color: #fff;
		font: 700 16px / 24px highgate, sans-serif;
		cursor: pointer;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

	input[type='submit']:hover,
	input[type='submit']:focus {
		background-color: #f3940e;
	}
    
    form div#invoice-deviating-billing-information-label {
        width: 100%;
        margin-top: 20px;
    }
    
    form div#invoice-deviating-billing-information-label label {
        cursor: pointer;
        line-height: 22px;
    }
    
    form div#invoice-deviating-billing-information-label label input[type='checkbox'] {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        padding: 0;
        cursor: pointer;
    }
    
    form div#invoice-deviating-billing-information-label label input[type='checkbox']:checked {
        background: #fff url('../img/icons/icon-check.svg') no-repeat center / 14px;   
    }

	::-webkit-input-placeholder { color: #b5bdc4; font-size: 16px; line-height: 24px; }
	:-moz-placeholder           { color: #b5bdc4; font-size: 16px; opacity: 1; line-height: 24px; }
	::-moz-placeholder          { color: #b5bdc4; font-size: 16px; opacity: 1; line-height: 24px; }
	:-ms-input-placeholder      { color: #b5bdc4; font-size: 16px; line-height: 24px; } 
	
	input[name=user_license] {
		width: calc(100% - 20px);
		margin-left: 30px;
		background-color: #f4be04;
		border: 0;		
		color: #000;
		padding-left: 20px;
		-webkit-border-radius: 0 2px 2px 0;
	}
	
	input[name=user_license]::-webkit-input-placeholder { color: #000; font-size: 16px; line-height: 24px; }
	input[name=user_license]:-moz-placeholder           { color: #000; font-size: 16px; opacity: 1; line-height: 24px; }
	input[name=user_license]::-moz-placeholder          { color: #000; font-size: 16px; opacity: 1; line-height: 24px; }
	input[name=user_license]:-ms-input-placeholder      { color: #000; font-size: 16px; line-height: 24px; } 
	
	span.license-contain {
		width: 100%;
		display: inline-block;
		position: relative;
	}
	
	span.license-contain:before {
		content: 'NL';
		width: 20px;
		padding: 18px 5px 5px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		text-align: center;
		color: #fff;
		font-weight: 400;
		font-size: 12px;
		background: #2665aa url('/shared/assets/img/icons/icon-license.svg') no-repeat center 5px / 15px;
		-webkit-border-radius: 2px 0 0 2px;
	}
	
	span.finance-contain {
		width: 100%;
		margin-top: 10px;
		display: inline-block;
	}
	
	span.finance-contain span.contain {
		width: calc(33.333333333333% - 10px);
		margin-right: 10px;
		display: inline-block;
		vertical-align: top;		
	}
	
	span.finance-contain span.contain:last-of-type {
		margin-right: 0;
	}
	
	span.finance-contain span.contain span.label { 
		font: 400 13px / 13px highgate, sans-serif;
	}

/*  FORM: NOTIFICATION AND SUCCESS/ERROR HANDLING
	--------------------------------------------- */	

	input.error {
		border-color: #ffbdbd;
	}
	
	p.password-strength {
		width: 100%;
		margin-top: 10px;
		font: italic 400 12px / 12px highgate, sans-serif;
	}
	
	div.form-notification {
		margin-bottom: 10px;
		padding: 12px 15px 10px;
		font: 400 14px / 22px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	div.form-notification.error {
		background: #ffbdbd;
	}
	
	div.form-notification.success {
		background: #ffdd80;
	}
	
	div.form-notification p {
		margin: 0;
	}
	
	div#form-loading {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		background: rgba(255, 255, 255, .5);
		display: none;
	}

	div#form-loading span {
		width: 100px;
		height: 100px;
		margin: auto;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		background: url('../img/icons/icon-loading.svg') no-repeat center / 100px; 
	}
	
/*  SIMPLELIGHTBOX
	--------------------------------------------- */

	div.slbContentOuter {
		width: calc(100% - 40px);
		max-width: 500px;
		margin: 0 20px;
		padding: 40px;
		position: relative;
		z-index: 1;
		background: #fff;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	.slbOverlay {
		-webkit-animation: slbOverlay 0.1s;
		-moz-animation: slbOverlay 0.1s;
		animation: slbOverlay 0.1s;
	}

	.slbCloseBtn {
		width: 30px;
		height: 30px;
		right: 10px;
		top: 10px;
		font: 400 32px / 36px highgate, sans-serif;
		color: #000;
		animation: none;
	}

	div.slbContentOuter h2 {
		width: 100%;
		margin: 0 0 20px;
		display: inline-block;
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
	}

	div.slbContentOuter h2 span {
		width: 100%;
		display: inline-block;
		font-size: 14px;
		line-height: 14px;
	}

	div.slbContentOuter div.contain {
		margin-bottom: 15px;
		position: relative;
	}

	div.slbContentOuter div.contain:last-of-type {
		margin-bottom: 0;
	}

	div.slbContentOuter div.contain div.multiple {
		width: calc(50% - 5px);
		margin-right: 10px;
		display: inline-block;
		position: relative;
	}

	div.slbContentOuter div.contain div.multiple:nth-of-type(2) {
		margin-right: 0;
	}

	div.slbContentOuter div.contain label {
		padding: 0 7px;
		font-size: 12px;
		line-height: 12px;
		background: #fff;
		position: absolute;
		top: -5px;
		left: 10px;
		color: #565656;
	}

	div.slbContentOuter div.contain input,
	div.slbContentOuter div.contain textarea {
		padding: 11px 15px 7px;
	}

	div.popup-confirmation {
		width: 100%;
	}

	div.popup-confirmation span.thumb {
		width: 100px;
		height: 100px;
		margin-bottom: 0;
		display: inline-block;
		vertical-align: middle;
		background: #fff no-repeat center / contain;
	}

	div.popup-confirmation span.title {
		width: calc(100% - 120px);
		margin-left: 20px;
		display: inline-block;
		vertical-align: middle;
	}

	div.popup-confirmation div.actions {
		width: 100%;
		margin: 20px 0 0 0;
		padding: 0;
	}

	div.popup-confirmation div.actions span.button {
		padding: 6px 15px 6px;
		display: inline-block;
		vertical-align: middle;
		cursor: pointer;
		font: 400 16px / 24px highgate, sans-serif;
		-wekbit-border-radius: 3px;
		border-radius: 3px;
	}

	div.popup-confirmation div.actions span.button.disabled {
		pointer-events: none;
	}

	div.popup-confirmation div.actions span.continue {
		margin-right: 10px;
		background-color: #44bd60;
		color: #fff;
	}

	div.popup-confirmation div.actions span.continue:hover {
		background-color: #f3940e;
	}

	div.popup-confirmation div.actions span.cancel:hover {
		text-decoration: underline; 
	}
	
	.appointment-popup .slbContentOuter {
		padding: 0;
	}
	
	.appointment-popup .image {
		width: 100%;
		height: 220px;
		display: inline-block;
		vertical-align: top;
		background: #f5f5f5 no-repeat center / cover;
	}
	
	.appointment-popup form {
		padding: 40px;
	}
	
	.appointment-popup form h2 {
		margin-bottom: 0;
	}
	
	.appointment-popup form label { 
		margin-top: 20px;
	}
	
	.appointment-popup .slbCloseBtn {
		background-color: rgba(255, 255, 255, 1);
		-wekbit-border-radius: 300px;
		border-radius: 300px;
	}
	
	.appointment-popup .slbContentOuter .form-sent-succesfull .cancel {
		padding: 0;
	}

/*  404
	--------------------------------------------- */

	section.content-shop.not-found p { 
		padding: 120px 20px 10px 40px;
		background: url(../img/icons/icon-404.svg) no-repeat center 30px / 130px;
		text-align: center;
		font: 400 16px / 30px highgate, sans-serif;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	section.content-shop.not-found p span {
		width: 100%;
		display: inline-block;
		font-size: 24px;
	}
	
	section.content-shop.not-found p a {
		text-decoration: underline;
	}

/*  FOOTER
	--------------------------------------------- */

	footer {
		width: 100%;
		background: #fdfdfd;
	}
	
	footer div.contain {
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 30px;
	}
	
	footer div.contain div.block {
		width: 25%;
		display: inline-block;
		vertical-align: top;
	}
	
	footer div.contain div.block span.title {
		width: 100%;
		margin-bottom: 20px;
		display: inline-block;
		vertical-align: top;
		font: 700 18px / 30px highgate, sans-serif;
	}
	
	footer div.contain div.block ul {
		margin: 0;
		padding: 0;
	}
	
	footer div.contain div.block ul li {
		list-style-type: none;
	}
	
	footer div.contain div.block a {
		
	}
	
	footer div.contain div.block p {
		margin: 0;
	}
	
	footer div.contain div.block p span {
		min-width: 140px;
		display: inline-block;
	}

	footer p.copyright {
		padding: 15px;
		text-align: center;
		font-size: 12px;
		color: #282828;
		background: #fdfdfd;
		border-top: 1px solid #f5f5f5;
	}
	
/* AUTOCOMPLETE
--------------------------------------------- */

.ui-autocomplete-loading { 
	background-image: url('../img/icons/icon-loading.svg') !important; 
	background-size: 28px !important;
	background-position: calc(100% - 10px) center !important;
}

.ui-widget-content {
	border: 1px solid #eee !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .1);
	box-shadow: 2px 0 10px 0 rgba(0, 0, 0, .1);
}

.ui-menu .ui-menu-item-wrapper {
	padding: 10px 15px;
	margin: 0;
	border-bottom: 1px solid #eee;
	font: 400 14px / 22px poppins, sans-serif;
}

.ui-menu .ui-menu-item:last-of-type .ui-menu-item-wrapper {
	border-bottom: 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: 0;
	border: 0;
	background: #65adda;
	border-bottom: 1px solid #65adda;
	color: #fff;
}

.ui-menu .ui-menu-item:first-of-type .ui-state-focus,
.ui-menu .ui-menu-item:first-of-type .ui-state-active {
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.ui-menu .ui-menu-item:last-of-type .ui-state-focus,
.ui-menu .ui-menu-item:last-of-type .ui-state-active {
	-webkit-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.ui-menu .ui-menu-item img {
	width: 100%;
    max-width: 80px;
    height: 80px;
	margin-right: 20px;
    object-fit: contain;
    display: inline-block;
	vertical-align: middle;
	background: #fff; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.ui-menu .ui-menu-item span {
	width: calc(100% - 100px);
	display: inline-block;
	vertical-align: middle;
}
	
/*  SELECT2 
	--------------------------------------------- */

	.select2-container {
		width: 100% !important;		
	}
	
	.select2-dropdown {
		border: 0;
		-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
	}
	
	.multiple .select2-selection {
		width: calc(100% - 40px) !important;
		height: auto !important;
		margin-left: 40px;
	}
	
	form#article-add div.block .select2-container,
	form#category .select2-container {
		max-width: 100% !important;
	}

	.select2-container .select2-selection {
		min-height: 0;
		border: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
			
	section.content-shop div.filters div.filter.multiple .input-icon:nth-of-type(1) .select2-container .select2-selection {
		border-bottom: 0;
		-webkit-border-radius: 3px 3px 0 0;
	}
	
	section.content-shop div.filters div.filter.multiple .input-icon:nth-of-type(2) .select2-container .select2-selection {
		-webkit-border-radius: 0 0 3px 3px;
	}

	.select2-container--default .select2-selection .select2-selection__placeholder {
		color: #b5bdc4;
	}
	
	.select2-container .select2-search--inline .select2-search__field {
		margin-top: 12px;
		font: 400 16px / 16px highgate, sans-serif;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice {
		margin-top: 7px;
		font: 400 16px / 24px highgate, sans-serif;
		background: #f1f1f1;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
		padding-top: 2px;
		font: 400 16px / 24px highgate, sans-serif;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
		font: 400 16px / 28px highgate, sans-serif;
	}
	
	.select2-container--default.select2-container--focus .select2-selection--multiple {
		border: 1px solid #D9D9D9;
	}
	
	.select2-container--default .select2-selection .select2-selection__arrow b {
		display: none;
	}

	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		background-color: #3595d2;
	}

	.select2-container--default .select2-search--dropdown .select2-search__field {
		border: 1px solid #D9D9D9;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		padding: 0 30px 0 0 !important;
		line-height: 26px;
	}
	
	.select2-container--default .select2-selection--single .select2-selection__rendered:hover {
		color: #3595d2;
	}
	
	.select2-container .select2-selection {
		background: url('../img/icons/icon-arrow-down.svg') no-repeat calc(100% - 11px) 8px / 16px;
	}
	
/*  MEDIA QUERIES
	--------------------------------------------- */

	@media only screen and (min-width: 0) and (max-width: 1400px) {
		
		div.header-shop div.center-shop input[name=search_keyword] {
			max-width: 100%;
			margin: 20px 0;
		}
		
	}
	
	@media only screen and (min-width: 0) and (max-width: 1024px) {
		
		div.group-bar-shop div.contain div.categories {
			width: 100%;
			max-width: 280px;
			display: none;
			position: absolute;
			top: 52px;
			left: 53px;
			z-index: 90;
			background: #fff;
			-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .055);
			box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .055);
			-webkit-border-radius: 3px;
			border-radius: 3px;
		}
		
		div.group-bar-shop div.contain div.categories a {
			width: 100%;
			border: 0;
			border-bottom: 1px solid #f9f9f9;
			color: #2e2e2e;
		}
		
		div.group-bar-shop div.mobile-navigation {
			display: inline-block;
		}
		
		section.content-shop div.intro-shop {
			height: 300px;
			background-position: calc(100% - -100px) center;
		}
		
		section.content-shop div.intro-shop div.contain-content {
			max-width: 400px;
			padding: 30px;
		}
		
		section.content-shop div.intro-shop div.contain-content h1 {
			margin-top: 10px;
		}
		
		section.content-shop div.intro-shop div.contain-content a.cta {
			margin-top: 20px;
		}
		
		section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(n) {
			width: calc(50% - 5px);
			margin: 10px 10px 0 0;
		}
		
		section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(2n+2) {
			margin-right: 0;
		}
		
		section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(-n+2) {
			margin-top: 0;
		}
		
		div.articles div.article div.contain {
			padding-bottom: 70px;
		}
		
		div.articles-filters div.filter-layout {
			display: none;
		}
		
		section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article a.thumb {
			max-width: 100%;
		}
		
		section.content-shop div.articles-wrapper div.articles-contain.row div.articles div.article div.contain {
			width: 100%;
		}
		
		section.content-shop.article div.article-right,
		section.content-shop.article div.article-left {
			width: 100%;
			max-width: 100%;
			margin: 0;
			padding: 0;
		}
		
		section.content-shop.article div.article-right {
			position: static;
			margin-bottom: 40px;
		}
		
		section.content-shop.order form#confirm-shipping,
		section.content-shop.order div.verify-data {
			width: 100%;
		}
		
		section.content-shop.order div.confirm-order div.order-information {
			width: 100%;
			margin: 30px 0 0 0;
		}
		
		.article .accessories .contain { 
			grid-template-columns: repeat(3, 33.3333333333333%);
		}
		
	}

	@media only screen and (min-width: 0) and (max-width: 768px) { 
		
		div.header-shop {
			padding-top: 20px;
		}
		
		div.header-shop div.center-shop a.logo {
			max-width: 260px;
		}

		section.content-shop {
			margin: 20px auto;
		}
		
		section.content-shop div.intro-shop {
			height: auto;
			padding-top: 300px;
			background-position: top center;
		}
		
		section.content-shop div.intro-shop div.contain-content {
			max-width: 100%;
			padding: 30px;
			position: static;
		}
		
		section.content-shop div.intro-shop div.contain-content h1 {
			margin-top: 10px;
		}
		
		section.content-shop div.intro-shop div.contain-content span.break {
			width: auto;
		}
		
		section.content-shop div.intro-shop div.contain-content a.cta {
			margin-top: 20px;
		}
		
		section.content-shop div.filters {
			max-width: 100%;
		}
		
		div.articles-filters div.filter:not(.filter-sort) {
			max-width: 100%;
		}
		
		section.content-shop div.articles-wrapper {
			width: 100%;
			margin: 0;
		}
		
		div.group-block-shop div.contain {
			margin: 20px auto;
		}
				
		section.content-shop.contact div.contact-information, 
		section.content-shop.contact div.openstreetmap {
			width: 100%;
			margin: 0;
		}
		
		section.content-shop.contact div.contact-information {
			margin-bottom: 30px;
		}

		div.item-group div.item-row.header { 
			display: none;
		}
		
		div.item-group div.item-row {
			width: 100%;
			margin-bottom: 10px;
			padding: 20px;
			display: inline-block;
		}
		
		div.item-group div.item-row div.item:nth-of-type(n) {
			width: 100%;
			
		}
		
		div.item-group div.item-row div.item:first-of-type {
			font-weight: 700;
		}
		
		div.item-group div.item-row div.item span {
			margin-right: 5px;
			display: inline-block;
		}
		
		footer div.contain div.block:nth-of-type(n) {
			width: calc(50% - 10px);
			margin: 20px 20px 0 0;
		}
		
		div.order-articles div.article a.thumb {
			display: none;
		}
		
		div.order-articles div.contain {
			width: 100%;
			margin: 5px 0;
		}
		
		section.content-shop div.cart-articles div.article div.contain {
			width: 100%;
			margin: 0;
		}
		
		section.content-shop div.cart-checkout div.amount-information {
			width: 100%;
		}
		
		section.content-shop div.cart-articles div.article a.thumb {
			display: none;
		}
		
		section.content-shop div.cart-articles div.article a.title {
			white-space: normal;
			font-weight: 700;
		}
		
		section.content-shop.order div.confirm-order div.order-information.overview {
			width: 100%;
			background: #fff;
			padding: 0;
		}
		
		section.content-shop.login div.existing-customer,
		section.content-shop.login div.register-account {
			width: 100%;
		}
		
		section.content-shop.login div.existing-customer {
			margin-bottom: 30px;
			padding: 0;
		}
		
		section.content-shop.register div.register-account,
		section.content-shop.register div.register-usps { 
			width: 100%;
		}
		
		section.content-shop.register div.register-account { 
			margin-bottom: 30px;
			padding: 0;	
		}
		
		section.content-shop.order div.no-account, 
		section.content-shop.order div.login {
			width: 100%;
		}
		
		section.content-shop.order div.no-account { 
			margin-bottom: 30px;
			padding: 0;	
		}
		
		.article .specifications .contain { 
			grid-template-columns: repeat(2, 50%);
		}

		.article .accessories .contain { 
			grid-template-columns: repeat(2, 50%);
		}
	
	}
	
	@media only screen and (min-width: 0) and (max-width: 640px) { 
		
		section.content-shop div.center {
			padding: 20px;
		}
		
		section.content-shop div.intro-shop {
			padding-top: 150px;
		}			
		
		div.articles-filters div.filter.filter-sort {
			max-width: 100%;
		}
		
		div.articles-filters div.filter.filter-sort {
			margin-right: 10px;
		}
		
		section.content-shop.account div.my-account div.account-navigation { 
			width: calc(100% + 40px);
			margin: -20px -20px 20px;
			padding: 20px;
		}
		
		section.content-shop div.articles-wrapper,
		section.content-shop div.filters {
			padding: 20px;
		}
		
		section.content-shop div.articles-wrapper div.articles div.article:nth-of-type(n) {
			width: 100%;
			margin: 20px 0 0 0;
		}
		
		section.content-shop div.articles-wrapper div.articles div.article:first-of-type {
			margin-top: 0;
		}
		
		section.content-shop div.cart-articles div.article {
			padding: 20px 0;
		}
		
		section.content-shop div.cart-articles div.header div.actions {
			display: none;
		}
		
		section.content-shop div.cart-articles div.article a.title {
			width: 100%;
		}
		
		section.content-shop div.cart-articles div.article div.actions {
			width: 100%;
			margin-top: 5px;
			text-align: left;
		}
		
		.article .accessories .contain { 
			grid-template-columns: repeat(1, 100%);
		}

	}