/*
	
font-family: "alternate-gothic-no-1-d", sans-serif;
font-weight: 400;

font-family: "gesta", sans-serif;
font-weight: 400/700;

font-family: "ff-market-web", cursive;
font-weight: 400;


BRUIN: #6e3531
GEEL LOGO: #fdb916
ORANJE LOGO: #f68000

BLAUW: #7ac7fe
ROOS: #e855cf
GEEL: #ffdd19
ORANJE: #fe9a00
ROOD: #d44220
GROEN: #a3c615
	
*/


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

/* general */

body {
	background: #fff;
	color: #555;
	font-family: "gesta", sans-serif;
	font-weight: 400;
	font-size: 15px;
	height: 100%;
}

br.clear {
	clear: both;
}

/* container */

.container {
	float: left;
	width: 100%;
}

/* wrapper */

.wrapper {
	margin: 0 auto;
	max-width: 1200px;
}

/* header*/

.header {
	float: left;
	width: 100%;
	margin-bottom: 25px;
}

.header .right {
	float: right;
	width: 70%;
}

/* logo */

.logo {
	float: left;
	width: 26%;
	min-width: 175px;
}

.logo img {
	float: left;
	width: 100%;
	margin-top: 25px;
}

/* slogan */

.slogan {
	float: left;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 25px;
	line-height: 0.8em;
	color: #6e3531;
	margin-top: 50px;
}

/* controls */

.controls {
	float: right;
}

/* search */

form.search {
	float: right;
}

form.search input.query {
	float: right;
	width: 140px;
	font-family: "gesta", sans-serif;
	font-size: 14px;
	color: #fff;
	background: #fdb916;
	border-left: 5px solid #6e3531;
	outline: none;
	padding: 6px 10px;
}

/* lan switch */

ul.lan_switch {
	float: right;
	list-style-type: none;
	text-align: right;
	display: block;
	margin-top: 7px;
	margin-right: 15px;
}

ul.lan_switch li {
	display: inline-block;
}

ul.lan_switch li a {
	float: left;
	color: #6e3531;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	line-height: 1em;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #6e3531;
}

ul.lan_switch li a:hover {
	color: #fdb916;
}

ul.lan_switch li a.selected, 
ul.lan_switch li a.selected:hover {
	color: #fdb916;
	font-weight: 700;
}

ul.lan_switch li a.first {
	margin-left: 0;
	border: 0;
}

/* cart indicator */

.cart_indicator {
	float: right;
	text-align: right;
	margin-top: 10px;
	font-size: 14px;
}

.cart_indicator img {
	height: 20px;
	vertical-align: middle;
}

.cart_indicator img.disabled {
	opacity: 0.5;
}

.cart_indicator a {
	color: #6e3531;
}

.cart_indicator a:hover {
	color: #fdb916;
}

.cart_indicator span {
	font-size: 12px;
	color: #999;
}

.cart_indicator b {
	color: #6e3531;
}

/* header contact */

.header .contact {
	float: right;
	color: #fdb916;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 22px;
	margin-top: 7px;
}

.header .contact a {
	color: #fdb916;
	text-decoration: none;
}

.header .contact a:hover {
	color: #f68000;
}

/* banner */

.banner {
	float: left;
	width: 100%;
	border-bottom: 20px solid #6e3531;
	background: url('/_grafix/banner.jpg') top center no-repeat;
	background-size: cover !important;
	border-top-left-radius: 45px;
	border-top-right-radius: 45px;
	position: relative;
}

.banner .nav_wrapper {
	float: left;
	width: 26%;
	min-height: 200px;
	background: url('/_grafix/bg_nav.png');
}

.banner div.quote {
	position: absolute;
	bottom: 40px;
	left: 31%;
	z-index: 100;
	color: #D4504C;
	font-family: "ff-market-web", cursive;
	font-weight: 400;
	font-size: 34px;
	line-height: 1.15em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

/* nav wrapper */

.sidebar .nav_wrapper {
	float: left;
	width: 100%;
	background: url('/_grafix/bg_nav_wrapper.jpg');
	border-top-left-radius: 45px;
	border-bottom: 20px solid #6e3531;
}

.sidebar .nav_wrapper.home {
	display: none;
}

/* nav */

ul.nav {
	float: left;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 20px;
	list-style-type: none;
	border-top: 1px solid #d8d8d8;
}

ul.nav li {
	float: left;
	width: 100%;
	vertical-align: top;
}

ul.nav li a {
	float: left;
	width: 86%;
	padding: 8px 7% 3px 7%;
	text-align: right;
	color: #6e3531;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-size: 28px;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #d8d8d8;
}

ul.nav li a:hover {
	color: #f68000;
}

ul.nav li a.selected {
	color: #fff;
	background: #fdb916;	
}

/* subnav */

ul.nav li ul {
	float: left;
	width: 100%;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 25px;
}

ul.nav li ul li a {
	float: left;
	width: 86%;
	padding: 7px 7% 2px 7%;
	margin-bottom: 1px;
	text-align: right;
	color: #fdb916;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-size: 25px;
	line-height: 1em;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 0;
}

ul.nav li ul li a:hover {
	color: #f68000;
}

ul.nav li ul li a.selected {
	color: #f68000;
	background: none;	
}

/* sidebar toggle */

.sidebar_toggle {
	display: none;
}

.sidebar_toggle img {
	float: right;
	width: 40%;
	margin-top: 15px;
}

/* sidebar close */

.sidebar_close {
	display: none;
}

.sidebar_close img {
	float: right;
	width: 40%;
	margin-top: 15px;
}

/* sidebar */

.sidebar {
	float: left;
	width: 26%;
}

/* sidebar content */

.sidebar_content {
	float: left;
	width: 100%;
	text-align: center;
	background: #f4f4f4;
	overflow: hidden;
}

.sidebar_content .gutter {
	padding: 30px 20px;
}

.sidebar img.profile {
	display: inline-block;
	width: 75%;
	max-width: 400px;
	border-radius: 200px;
	border: 4px solid #6e3531;
	margin-bottom: 15px;
}

.sidebar img.link {
	display: inline-block;
	width: 90%;
	max-width: 200px;
	margin: 0 5%;
	margin-bottom: 15px;
}

.sidebar img.social {
	display: inline-block;
	width: 18%;
	max-width: 60px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 25px;
}

.sidebar h2 {
	color: #fdb916;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 30px;
	margin-bottom: 8px;
}

.sidebar p {
	color: #6e3531;
	font-size: 14px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.sidebar hr {
	width: 100%;
	height: 0;
	background: none;
	border-bottom: 1px solid #d2c4c3;
	margin-bottom: 20px;
}

/* content */

.content {
	float: right;
	width: 71%;
	border-top: 8px solid #6e3531;
	padding-top: 25px;
}

.content.home {
	border-top: 0;
}

.content a {
	color: #6e3531;
}

.content a:hover {
	color: #f68000;
}

.content a.right {
	float: right;
}

.content a.button {
	display: inline-block;
	color: #fff !important;
	background: #f68000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 4px;
	margin-bottom: 10px;
	margin-right: 10px;
}

.content a.button:hover {
	background: #fdb916;
}

.content img.left {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

.content img.right {
	float: right;
	padding-left: 15px;
	margin-left: 15px;
}

.content h1 {
	color: #6e3531;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 42px;
	line-height: 1em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.content h1 span.date {
	float: left;
	width: 100%;
	color: #999;
	font-size: 0.6em;
	margin-bottom: 15px;
}

.content h1 i.type {
	font-size: 0.7em;
	font-weight: 400;
	color: #fdb916;
	font-style: normal;
	text-transform: uppercase;
}

.content h2 {
	color: #fdb916;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 35px;
	line-height: 1em;
	margin-bottom: 18px;
	text-transform: uppercase;
}

.content h3 {
	color: #6e3531;
	font-size: 20px;
	line-height: 1em;
	margin-bottom: 18px;
}

.content p {
	line-height: 1.4em;
	margin-bottom: 22px;
}

.content ul {
	list-style-type: disc;
	margin-bottom: 22px;
}

.content ol {
	list-style-type: decimal;
	margin-left: 10px;
	margin-bottom: 22px;
	padding-left: 15px;	
}

.content li {
	margin-left: 15px;
	margin-bottom: 6px;
}

.content ul.check {
	list-style-type: none;
	margin-bottom: 22px;
}

.content ul.check li {
	margin-left: 0;
	padding-left: 26px;
	margin-bottom: 8px;
	background: url('/_grafix/icon_check.png') top left no-repeat;
	background-size: 16px auto;
}

.content strong {
	color: #6e3531;
}

.content strong.green {
	color: #a3c615;
}

.content strong.yellow {
	color: #fdb916;
}

.content table {
	width: 100%;
	margin-bottom: 25px;
}

.content td {
	padding: 10px 0;
	vertical-align: top;
	line-height: 1.4em;
	border-bottom: 1px solid #d2c4c3;
}

.content table tr:first-child td {
	padding-top: 0;
}

.content hr {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2c4c3;
	margin-bottom: 25px;
}

.content hr.spacer10 {
	float: left;
	width: 100%;
	border: 0 !important;
	margin-bottom: 10px;
}

.content .responsive_iframe_wrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.content .responsive_iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content img.cover_small {
	float: left;
	width: 30%;
	margin: 0 30px 25px 0;
}

/* info block */

.info_block {
	float: left;
	width: 100%;
	background: #f4f4f4;
	margin-bottom: 30px;
	border-bottom: 1px solid #d2c4c3;
}

.info_block .gutter {
	float: left;
	width: 93%;
	padding: 15px 3.5%;
}

.info_block .left {
	float: left;
	width: calc(100% - 250px);
}

.info_block .right {
	float: right;
	width: 250px;
}

.info_block h3 {
	float: left;
	width: 100%;
	font-size: 1em;
	color: #fdb916;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.info_block strong {
	font-size: 1.4em;
	color: #f68000;
}

.info_block span {
	float: left;
	width: 100%;
	font-size: 15px !important;
	margin-top: 10px;
}

.info_block ul.check {
	margin-bottom: 0;
}

.info_block b {
	float: right;
	font-size: 25px;
	color: #f68000;
}

.info_block a.button {
	float: right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
}

.info_block span {
	font-size: 1.2em;
	color: #999;
}

.info_block strike {
	float: right;
	font-size: 22px;
	color: #999;
	white-space: nowrap;
	margin-top: 2px;
	margin-right: 12px;
}

.info_block em {
	float: right;
	font-weight: 700;
	font-size: 13px;
	font-style: normal;
	color: #FFF;
	background: #fdb916;
	padding: 4px 8px;
	margin-right: 12px;
	border-radius: 5px;
	vertical-align: top;
	margin-top: 4px;
}

/* home */

.home_news {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.home_workshops {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 2.5%;
	border-top: 4px solid #6e3531;
	background: #f4f4f4;
	margin-bottom: 30px;
}

.home_workshops img {
	vertical-align: middle;
	height: 35px;
	margin-right: 5px;
}

.home_workshops strong {
	font-size: 20px;
	text-transform: uppercase;	
	line-height: 1.4em;
}

table.workshops {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0;
}

table.workshops tr:hover {
	background: #eee;
}

table.workshops td {
	padding: 10px !important;
}

table.workshops td.location {
	color: #fdb916;
}

/* blocks */

a.block, 
div.block {
	float: left;
	width: 31%;
	margin-right: 3%;
	margin-bottom: 30px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}

a.block strong, 
div.block strong {
	float: left;
	width: 100%;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

a.block strong,
div.block strong {
	padding: 10px 0;
	margin-top: 10px;
	white-space: nowrap;
}

a.block strong {
	margin-top: 0;
	margin-bottom: 0;
}

a.block img, 
div.block img {
	float: left;
	width: 100%;
	z-index: 1;
}

a.block div.text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}

div.block div.gutter {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	padding: 15px;
	color: #fff;
}

div.block input.text {
	float: left;
	width: 90%;
	background: #fff;
	border: 0;
	padding: 8px 5px;
	margin-top: 2px;
	margin-bottom: 10px;
	color: #999;
	font-size: 16px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
}

div.block button div {
	background: #6e3531;
}

div.block button span {
	color: #fff;
	background: #6e3531;
}

div.block button:hover div,
div.block button:active div {
	background: #f68000;
}

div.block button:hover span,
div.block button:active span {
	background: #f68000;
}

a.block div b {
	display: block;
	padding: 15px 15px;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.1em;
}

a.block.color1 {
	border-top: 8px solid #7ac7fe;
	color: #7ac7fe;
}

a.block.color1 strong {
	color: #7ac7fe !important;
}

a.block.color1 div {
	background: rgba(122, 199, 254, 0.75);
}

a.block.color1:hover div {
	background: rgba(122, 199, 254, 1);
}

a.block.color2 {
	border-top: 8px solid #e855cf;
	color: #e855cf;
}

a.block.color2 strong {
	color: #e855cf !important;
}

a.block.color2 div {
	background: rgba(232, 85, 207, 0.75);
}

a.block.color2:hover div {
	background: rgba(232, 85, 207, 1);
}

a.block.color3 {
	border-top: 8px solid #ffdd19;
	color: #ffdd19;
}

a.block.color3 strong {
	color: #ffdd19 !important;
}

a.block.color3 div {
	background: rgba(255, 221, 25, 0.75);
}

a.block.color3:hover div {
	background: rgba(255, 221, 25, 1);
}

div.block.color4 {
	background: #fe9a00;
}

div.block.color4 strong {
	color: #fe9a00 !important;
	background: #fff;
}

div.block.color5 {
	background: #d44220;
}

div.block.color5 strong {
	color: #d44220 !important;
	background: #fff;
}

div.block.color6 {
	background: #a3c615;
}

div.block.color6 strong {
	color: #a3c615 !important;
	background: #fff;
}

.home_blog_title {
	float: left;
	width: 100%;
	border-top: 8px solid #6e3531;
	padding-top: 10px;
}

.home_blog_title h1 {
	float: left;
}

/* villa block */

a.villa {
	float: left;
	width: 100%;
	color: #fff;
	background: #6e3531;
	margin-bottom: 25px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
	text-decoration: none;
}

a.villa .gutter {
	padding: 15px;
}

a.villa b {
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 10px;
}

a.villa p {
	margin-bottom: 0;
}

a.villa img {
	float: right;
	width: 40%;
	margin-left: 5%;
	margin-bottom: 15px;
}

a.villa u {
	display: inline-block;
	color: #fff !important;
	background: #fdb916;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 10px;	
}

a.villa:hover u {
	background: #f68000;
}

/* references */

.references {
	float: left;
	width: 100%;
	border-top: 1px solid #d2c4c3;
	border-bottom: 1px solid #d2c4c3;
	padding: 20px 0 10px 0;
	margin-top: 15px;
	margin-bottom: 30px;
}

.cycle-slideshow {
	float: left;
	width: 100%;
}

.cycle-slideshow div {
	width: 100%;
	height: auto;
	text-align: center;
	color: #6e3531;
	font-family: "ff-market-web", cursive;
	font-weight: 400;
	font-size: 30px;
	line-height: 1.1em;
}

.reference-pager { 
	float: left;
    width: 100%;
    height: 40px;
    margin-top: 15px;
    text-align: center;  
    vertical-align: top;
}

.reference-pager span { 
    font-family: arial; 
    font-size: 40px; 
    width: 14px; 
    height: 14px; 
    color: #d2c4c3; 
    cursor: pointer; 
}

.reference-pager span.cycle-pager-active { 
	color: #6e3531;
}

.reference-pager > * { 
	cursor: pointer;
}

/* item list */

.content ul.item_list {
	float: left;
	list-style-type: none;
	cursor: pointer;
	width: 100%;
	margin-left: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.content ul.item_list li {
	float: left;
	width: calc(50% - 15px);
	box-sizing: border-box;
	margin: 0 15px 15px 0;
	padding: 18px 18px;
	border: 1px solid #DDD;
}

.content ul.item_list li:hover {
	background-color: #f4f4f4;
	/* border: 1px solid #6e3531; */
}

.content ul.item_list li img.cover {
	float: left;
	width: 110px;
}

.content ul.item_list li p {
	float: left;
	margin-bottom: 0;
}

.content ul.item_list li p.product {
	float: right;
	width: calc(100% - 130px); 
}

.content ul.item_list li p strong {
	float: left;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #6e3531;
}

.content ul.item_list li p strong i.type {
	float: left;
	width: 100%;
	font-size: 0.6em;
	font-weight: 400;
	color: #fdb916;
	font-style: normal;
	text-transform: uppercase;
}

.content ul.item_list li p.product b {
	float: left;
	width: 100%;
	font-size: 24px;
	margin-top: 4px;
	margin-bottom: 15px;
	color: #f68000;
}

.content ul.item_list li p.product b span {
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	margin-right: 8px;
	margin-bottom: 5px;
}

.content ul.item_list li p.product b em {
	display: inline-block;
	font-weight: 700;
	font-size: 13px;
	font-style: normal;
	margin-left: 8px;
	color: #FFF;
	background: #fdb916;
	padding: 2px 8px;
	border-radius: 5px;
	vertical-align: top;
	margin-top: -2px;
}

.content ul.item_list li p.product b strike {
	color: #999;
	font-weight: 400;
	margin-right: 8px;
}

.content ul.item_list li p strong b.date {
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
}

.content ul.item_list li p span {
	float: left;
	width: 100%;
}

.content ul.item_list li p b.orange {
	float: left;
	width: 100%;
	color: #f68000;
	margin-bottom: 10px;
}

span.date {
	float: left;
	width: 100%;
	color: #999;
	font-size: 0.95em;
	margin-bottom: 15px;
}

/* faq */

.content ul.faq_list {
	float: left;
	list-style-type: none;
	width: 100%;
	margin-left: 0;
}

.content ul.faq_list li {
	float: left;
	margin: 0 0 15px 0;
	padding: 12px 15px;
	padding-bottom: 0;
	border-left: 2px solid #d2c4c3;
}

.content ul.faq_list li:hover {
	background-color: #f4f4f4;
	border-left: 2px solid #6e3531;
}

.content ul.faq_list li div {
	float: left;
	margin-bottom: 0;
}

.content ul.faq_list li div strong.title {
	float: left;
	width: 100%;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #6e3531;
}

.content ul.faq_list li ul li, 
.content ul.faq_list li ol li {
	float: none !important;
	margin: 0 0 5px 10px !important;
	padding: 0 !important;
	border-left: 0 !important;
}

/* related products */

.related_product_list {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
}

.related_product_list div {
	float: left;
	width: 48.5%;
	box-sizing: border-box;
	margin: 0 0 25px 0;
	padding: 15px;
	background: #f4f4f4;
}

.related_product_list div img.cover {
	float: left;
	width: 25%;
}

.related_product_list div p {
	float: right;
	width: 70%; 
	margin-bottom: 0;
}

.related_product_list div p strong {
	float: left;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #6e3531;
}

.related_product_list div p strong i.type {
	font-size: 0.6em;
	font-weight: 400;
	color: #fdb916;
	font-style: normal;
	text-transform: uppercase;
	margin-left: 8px;
}

.related_product_list div p.product b {
	float: left;
	width: 100%;
	font-size: 1.8em;
	margin-top: 4px;
	margin-bottom: 15px;
	color: #f68000;
}

.related_product_list div p.product b span {
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	margin-right: 8px;
}

.related_product_list div p strong b.date {
	font-size: 0.8em;
	font-weight: normal;
	color: #999;
}

.related_product_list div p span {
	float: left;
}

.related_product_list div p b.orange {
	float: left;
	width: 100%;
	color: #f68000;
	margin-bottom: 10px;
}

/* blog */

.blog {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2c4c3;
	margin-bottom: 25px;
	cursor: pointer;
}

/* comments */

div.comment {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	background: #f4f4f4;
}

div.comment .gutter {
	padding: 18px 15px;
}

div.comment .left {
	float: left;
	width: 8%;
}

div.comment .right {
	float: right;
	width: 92%;
}

div.comment img {
	float: left;
	width: 75%;
}

div.comment p {
	margin-bottom: 12px;
}

div.comment b {
	color: #6e3531;
}

div.comment span {
	float: left;
	width: 100%;
	color: #f68000;
	font-size: 12px;
	margin-bottom: 15px;
}

/* tags */

a.tag {
	float: left;
	font-weight: 400;
	font-size: 15px;
	padding: 4px 8px;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 8px 10px 0;
	border: 1px solid #c2c4c3;
	border-radius: 5px;
}

a.tag:hover {
	color: #6e3531;
	border: 1px solid #6e3531;
} 

a.tag.active {
	font-weight: 700;
	color: #fff;
	background: #6e3531;
	border: 1px solid #6e3531;
	text-decoration: none;
}

/* product page */

.product_nav {
	float: left;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2c4c3;
	margin-bottom: 20px;
}

.product_nav .left {
	float: left;
}

.product_nav .right {
	float: right;
	text-align: right;
}

/* image list */

.image_list {
	float: left;
	width: 100%;
}

.image_list img {
	float: left;
	width: 20%;
	border: 10px solid #f4f4f4;
	margin: 5px;
}

.image_list img:hover {
	opacity: 0.8;
}

/* theme list */

.theme_list {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.theme_list a.theme {
	float: left;
	width: calc(33.33% - 15px);
	position: relative;
	text-decoration: none;
	margin-bottom: 30px;
}

.theme_list a.theme .theme_image {
	float: left;
	width: 100%;
	background-size: cover !important;
	position: relative;
}

.theme_list a.theme .theme_image img {
	float: left;
	width: 100%;
}

.theme_list a.theme .theme_image .theme_text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	padding-top: 40px;
	color: #FFF;
	background: linear-gradient(to top, rgba(255,255,255,0.85) 50%, transparent 100%);
}

.theme_list a.theme .theme_image .theme_text strong {
	float: left;
	width: 100%;
	font-size: 20px;
	margin-bottom: 10px;
}

.theme_list a.theme .theme_image .theme_text p {
	color: #6e3531;
	margin-bottom: 5px;
}

.theme_list a.theme u {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	text-decoration: none;
	color: #fff !important;
	background: #6e3531;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	padding: 10px 15px;
}

.theme_list a.theme:hover u {
	background: #f68000;
}

/* sitemap */

ul#sitemap {
	font-size: 16px;
}

ul#sitemap li ul {
	list-style-type: disc;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li {
	font-size: 15px;
}

ul#sitemap li ul li ul {
	list-style-type: square;
	margin-top: 5px;
	padding-left: 15px;
}

ul#sitemap li ul li ul li {
	font-size: 14px;
}

/* cart */

.content table#cart {
	width: 100%;
}

.content table#cart td {
	padding: 15px 0;
	vertical-align: middle;
}

.content table#cart td.thumb {
	width: 12%;
}

.content table#cart td.thumb img {
	width: 70%;
}

.content table#cart tr.total td {
	color: #FFF;
	background: #6e3531;
	font-size: 18px;
	font-weight: 700;
	padding: 10px;
}

.content table#cart td span {
	font-size: 12px;
	color: #f68000;
}

.content table#cart td.delete {
	padding-left: 15px; 
	padding-right: 0;
	font-size: 12px;
	text-align: right;
}

.content table#cart td.price {
	text-align: right;
	padding-right: 0 !important;
	white-space: nowrap;
}

.content table#cart td.promocode {
	background: #f4f4f4;
	padding: 10px;
}

.content table#cart td.promocode.padding {
	padding: 25px;
}

.content table#cart td.promocode.padding h3 {
	margin-bottom: 10px;	
}

.content table#cart td.promocode.padding p {
	margin-bottom: 10px;	
}

.content table#cart td.promocode.padding button div {
	margin-top: 0;
}

.content table#cart td button span {
	color: #FFF !important;
}
	
/* form */

#form {
	float: left;
	width: 100%;
}

/* labels */

#form span.label, 
#form span.label_error, 
#form span.hint, 
#form span.error {
	float: left;
	width: 100%;
	font-weight: 700;
	color: #6e3531;
	margin-right: -5px;
	line-height: 1.4em;
}

#form span.label, 
#form span.label_error {
	margin-bottom: 2px;
}

#form span.label_error {
	color: #d44220;
}

#form span.error {
	font-size: 12px;
	color: #d44220;
	margin-bottom: 4px;
}

#form span.hint {
	font-weight: normal;
	font-size: 12px;
	color: #777;
	margin-top: -4px;
	margin-bottom: 14px;
}

#form span.hint a {
	color: #777;
}

#form span.hint a:hover {
	color: #555;
}

#form span.checkbox, 
#form span.checkbox_error {
	float: left;
	width: 100%;
	margin-top: 4px;
	margin-bottom: 15px;
}

#form span.checkbox label {
	cursor: pointer;
}

#form span.checkbox_error {
	color: #d44220;
}

#form span.checkbox_error a {
	color: #d44220;
}

#form span.label b, 
#form span.checkbox b {
	color: #fdb916;
	font-weight: 400;
}

#form span.label_error b, 
#form span.checkbox_error b {
	color: #d44220;
}

/* fields*/

#form input.text {
	float: left;
	width: 90%;
	background: #fff;
	border: 1px solid #d2c4c3;
	padding: 8px 5px;
	margin-top: 2px;
	margin-bottom: 10px;
	color: #555;
	font-size: 16px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
}

#form textarea {
	float: left;
	width: 90%;
	height: 150px;
	background: #fff;
	border: 1px solid #d2c4c3;
	padding: 8px 5px;
	margin-bottom: 10px;
	color: #555;
	font-size: 16px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
}

#form select {
	float: left;
	width: 92%;
	background: #fff;
	border: 1px solid #d2c4c3;
	margin-bottom: 10px;
	color: #555;
	font-size: 16px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
}

#form input.checkbox {
	float: left;
	vertical-align: top;
	display: block;
	overflow: hidden;
	padding: 0; 
	border: 0;
	margin: 2px 4px 2px 0;
	width: 13px;
	height: 13px;
	line-height: 1em;
}

#form div.form_break {
	float: left;
	width: 100%;
	height: 15px;
	margin-top: 10px;
	border-top: 1px dotted #d2c4c3;
}

#form div.form_title {
	float: left;
	width: 100%;
	font-size: 13px;
	color: #6e3531;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* feedback */

div.feedback {
	float: left;
	width: 100%;
	padding: 10px 0;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background: #a3c615;
	text-align: center;
	border-radius: 4px;
	margin-bottom: 30px;
}

div.feedback.error {
	background: #d44220;
}

/* button */

button::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

button {
	float: left;
	background: none;
	cursor: pointer;
	width: auto !important;
	height: 40px;
	overflow: visible;
	outline: none;
	margin-right: 10px;
}

button div {
	float: left;
	height: 30px;
	width: auto !important;
	white-space: nowrap;
	background: #fdb916;
	margin-top: 10px;
	padding: 0 0 0 15px;
	line-height: 1.5em;
	overflow: visible;
	border-radius: 5px;
}

button span {
	float: left;
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-family: "gesta", sans-serif;
	font-weight: 400;
	color: #fff;
	background: #fdb916;
	padding: 0 15px 0 0;
	width: auto !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	overflow: visible;
	text-transform: uppercase;
	border-radius: 5px;
}

button:hover div,
button:active div {
	background: #f68000;
}

button:hover span,
button:active span {
	background: #f68000;
}

/* footer */

.footer {
	float: left;
	width: 90%;
	margin-top: 25px;
	margin-bottom: 20px;
	padding: 18px 5%;
	color: #fff;
	background: #6e3531;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #fdb916;
}

/* quoted */

#quoted {
	width: 15px;
	height: 16px;
	vertical-align: top;
	line-height: 1em;
	margin-top: 2px;
	margin-left: 8px;
}

/* newsletter popup */

.newsletter_popup {
	position: fixed;
	bottom: -200px;
	right: 60px;
	width: 375px;
	z-index: 999;
	background: #f4f4f4;
	transition: all 1s;
}

.newsletter_popup strong {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 5%;
	font-family: "alternate-gothic-no-1-d", sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 0.7em;
	text-transform: uppercase;
	color: #fff;
	background: #fdb916;
	margin-bottom: 10px;
}

.newsletter_popup strong img {
	display: inline-block;
	width: 18px;
	margin-right: 5px;
	vertical-align: top;
}

.newsletter_popup p {
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 25px 5%;
	padding-top: 0;
	font-size: 14px;
}

.newsletter_popup a.button {
	display: inline-block;
	color: #fff !important;
	background: #f68000;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	padding: 5px 15px;
	border-radius: 4px;
	margin-top: 10px;
}

.newsletter_popup a.button:hover {
	background: #fdb916;
}

img.close_popup {
	position: absolute;
	top: 14px;
	right: 15px;
	width: 20px;
}

img.close_popup:hover {
	opacity: 0.8;
}