/* Reset */
* { margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { height: 100%; }
body, .body-wrapper { height: 100%; position: relative; }
img { border: 0; vertical-align: top; width: 100%; }

a { /*color: #351611;*/ text-decoration: underline; }
a:hover { text-decoration: none; }
:focus { outline: 0; }

p { margin: 0; padding: 0; }

/* Headings */
h1 { font-size: 20px; font-weight: 400; line-height: 1.05; }
h2 { font-size: 16px; font-weight: 200; }
h3 { font-size: 14px; font-weight: bold; line-height: 1.25; }
h4 { font-size: 13px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 11px; font-weight: bold; }

/* Forms */
form { display: inline; }
fieldset { border: 0; padding: 0; margin: 0; }
legend { display: none; }

/* Table */
table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; }
caption, th, td { text-align:left; }

/* Content */
address { font-style: normal; }
cite { font-style: normal; }
q, blockquote { quotes: none; }
q:before, q:after { content: ''; }
small { font-size: 10px; }
big { font-size: 1.2em; }

/* Lists */
ul, ol { list-style: none; margin: 0; }
ul > li, ol > li { margin: 0; }


/* Tools */
.hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }


.clear { clear: both; }
.clear-fix:after { clear: both; display: table; content: ' '; }
.up { text-transform: uppercase; }
.bold { font-weight: bold; }
.normal { font-weight: normal; }
.underline { text-decoration: underline; }
.half { width: 50% }
.std { width: 100% }

.nobr { white-space: nowrap !important; }
.wrap { white-space: normal !important; }
.a-left { text-align: left !important; }
.a-left-d { text-align: left; }
.a-center { text-align: center !important; }
.a-right { text-align: right !important; }
.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.f-left, .left, .fl { float: left !important; }
.f-right, .right, .fr { float: right !important; }
.f-none { float:none !important; }
.f-fix { float: left; width: 100%; }
.no-display { display: none; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.no-bg { background: none !important; }

input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; border-radius: 0; }
input[type="email"] { text-transform: lowercase; }
input.ucfirst { text-transform: capitalize; }
input.uppercase { text-transform: uppercase; }

/* buttons */
.btn { cursor: pointer; border-radius: 3px; text-decoration: none; font-size: 14px; text-align: center; width: 170px; display: inline-block; line-height: 17px; box-sizing: border-box; }
.btn-light { border: none; color: #351611; background: #f8f3f0; font-weight: 400; }
.btn-dark { border: none; color: #fff !important; background: #351611; font-weight: 400; }
.btn-dark:hover { opacity: 0.9; color: #fff; }
.btn-loading { pointer-events: none; position: relative; text-indent: -200%; opacity: 0.8; }
.btn-loading:before { content: '\e600'; position: absolute; left: 0; right: 0; font-size: 20px; text-indent: 0; text-align: center; font-family: "iconfont" !important; transform-origin: 50% 49%; animation-duration: 2s; animation-name: spin; animation-iteration-count: infinite; }

.lang-fr .btn { width: 215px; }
.lang-nl .btn { width: 190px; }
.btn-set .btn:last-of-type { margin-bottom: 0; }
.lang-nl .btn-add-to-cart { width: 250px; }

/* form */
.form-holder .entry { float: left; width: 100%; margin-bottom: 10px; position: relative; box-sizing: border-box; }
.form-holder .entry label { width: 100%; float: left; margin-bottom: 5px; }
.form-holder .entry label.required:after { content: '*'; margin-left: 5px; }
.form-holder .entry input { width: 100%; float: left; box-sizing: border-box; margin: 0; }
.form-holder .entry.checkbox input { width: 20px; text-align: left; margin: 2px 0 0; padding: 0; }
.form-holder p.required { text-align: left; font-weight: 200; color: #eb2a49; }
.form-holder .entry.radio.inline .option:first-child { float: left; margin-left: 0; }
.form-holder .entry.radio.inline .option { margin-right: 10px; float: left; width: auto; margin-bottom: 0; }
.form-holder .entry.radio input { margin: 4px 10px 0 0; width: 12px; }
.form-holder .entry.radio label { width: auto; }
.form-holder .entry .tips { position: absolute; top: 0; right: 0; line-height: 18px; font-size: 10px; }

/* Layout */
.wrapper { min-height: 100%; position: relative; }
#backstretch, #backstretch-wrap { z-index:auto !important; }
.page-width { width: 100%; max-width: 960px; }
.page { margin: 0 auto; }
.cms-collection .page, .cms-accessories .page{position: relative}
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.main { padding: 0 0 0; margin: 0 auto; }
.sidebar { min-height:350px; }
.catalog-product-gallery { min-width:400px; }
.product-image-popup .button span { background:none; }

/* 1 Column Layout */
.col1-layout .col-main { float: none; width: auto; }

/* 2 Columns Layout */
/*.col2-left-layout { padding: 175px 0 0; position: relative; }*/
.col2-right-layout { padding:175px 16px 0 0; position:relative; }
.col2-left-layout .col-main { float:right; }

/* 3 Columns Layout */
.col3-layout .col-main { width:532px; margin-left:1px; display:inline; }
.col3-layout .col-wrapper { float:left; width:755px; }
.wordpress-index-index .col3-layout .col-wrapper { float:none; margin:0 auto; width:400px; }
.col3-layout .col-wrapper .col-main { float:right; }
.wordpress-index-index .col3-layout .col-wrapper .col-main { margin-right:-30px; margin-top:80px; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }

.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }