/* MOBILE FIRST
 *	
 * EM's in Media Queries (http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/)
 *
 * For IE8 run: http://dev01/lib/tools/fix-ie.php
 *
 */
/*
.filter-saturate(@amount) {
	-webkit-filter: saturate(@arguments);
	   -moz-filter: saturate(@arguments);
		-ms-filter: saturate(@arguments);
			filter: saturate(@arguments);
}

.filter-hue-rotate(@angle) {
	-webkit-filter: hue-rotate(@arguments);
	   -moz-filter: hue-rotate(@arguments);
		-ms-filter: hue-rotate(@arguments);
			filter: hue-rotate(@arguments);
}

.filter-invert(@amount) {
	-webkit-filter: invert(@arguments);
	   -moz-filter: invert(@arguments);
		-ms-filter: invert(@arguments);
			filter: invert(@arguments);
}

// .opacity() already taken, hence the -filter suffix.
.filter-opacity(@amount) {
	-webkit-filter: opacity(@arguments);
	   -moz-filter: opacity(@arguments);
		-ms-filter: opacity(@arguments);
			filter: opacity(@arguments);
}

.filter-brightness(@amount) {
	-webkit-filter: brightness(@arguments);
	   -moz-filter: brightness(@arguments);
		-ms-filter: brightness(@arguments);
			filter: brightness(@arguments);
}

.filter-contrast(@amount) {
	-webkit-filter: contrast(@arguments);
	   -moz-filter: contrast(@arguments);
		-ms-filter: contrast(@arguments);
			filter: contrast(@arguments);
}

.filter-drop-shadow(@shadow) {
	-webkit-filter: drop-shadow(@arguments);
	   -moz-filter: drop-shadow(@arguments);
		-ms-filter: drop-shadow(@arguments);
			filter: drop-shadow(@arguments);
}

.filter-url(@url) {
	-webkit-filter: (@arguments);
	   -moz-filter: (@arguments);
		-ms-filter: (@arguments);
			filter: @arguments;
}
*/
/* EXPERIMENTAL */
/*	
	Xsarus reset.css: (20-05-2014)
		- Based on normalize.css v3.0.0 (for IE8-11 support) http://necolas.github.io/normalize.css/
		- Added Xsarus reset and helpers
*/
/**
 * Xsarus  reset box-sizing (http://css-tricks.com/international-box-sizing-awareness-day/)
 * 1. Chrome 9-, Safari 5-, iOS 4.2-, Android 3-, Blackberry 7-
 * 2. Firefox (desktop or Android) 28-
 * 3. Firefox 29+, IE 8+, Chrome 10+, Safari 5.1+, Opera 9.5+, iOS 5+, Opera Mini Anything, Blackberry 10+, Android 4+
 */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: "trebuchet ms";
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
  font-size: "trebuchet ms";
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
.hidden,
[hidden],
template {
  display: none !important;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
:focus,
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font: inherit;
  margin: 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}
/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * 1. Address `overflow` set to `hidden` in IE 8/9/10.
 * 2. Xsarus reset button stijl.
 */
button {
  border: 0;
  /* 2 */
  overflow: visible;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  background: transparent none;
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet.
 * Xsarus: Add !important to prevent overriding.
 */
input {
  line-height: normal !important;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  /* 1 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ==========================================================================
   Xsarus Reset
   ========================================================================== */
/**
* 1. Disable tap highlighting on iOS.
* 2. Make body always fullscreen at least to allow "footer always at bottom"
* 3. Alway show vertical scrollbar to prevent jumping between pages
*/
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* 1 */
  height: 100%;
  /* 2 */
  overflow-y: scroll;
  /* 3 */
}
/**
* 1. Make body always fullscreen at least to allow "footer always at bottom"
* 2. Remove padding in old versionsof opera
*/
body {
  min-height: 100%;
  /* 1 */
  padding: 0;
  /* 2 */
  position: relative;
  color: #575757;
  font-size: 13px;
}
/**
* Makes a nicer, better stylable hr
*/
hr {
  border: 0;
  clear: both;
}
/**
* Labels should have pointers.
*/
label {
  cursor: pointer;
}
/**
* Address `appearance` set to `searchfield` in Firefox ?.
*/
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
/**
* Remove search results button and decoration.
*/
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
/**
* Hide clear value option in IE10+ inputs
*/
input::-ms-clear {
  height: 0;
  width: 0;
}
/**
* Hide reveal option in IE10+ password inputs
*/
input::-ms-reveal {
  display: none;
}
/**
* Set default placeholder color.
*/
::-webkit-input-placeholder {
  color: inherit;
}
::-moz-placeholder {
  color: inherit;
}
:-moz-placeholder {
  color: inherit;
}
:-ms-input-placeholder {
  color: inherit;
}
.placeholder {
  color: inherit;
}
/**
* Disable textarea resize.
*/
textarea {
  -webkit-resize: none;
  -moz-resize: none;
  resize: none;
}
/* ==========================================================================
   Xsarus Helpers
   ========================================================================== */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the contenteditable attribute is included anywhere else in the document.
 *	Otherwise it causes space to appear at the top and bottom of elements that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements.
 *
 * 3. Xsarus: Make Sure Your Columns Don't Collapse Horizontally: http://css-tricks.com/make-sure-columns-dont-collapse-horizontally/
 *
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.clearfix > * {
  min-height: 1px;
  /* 3 */
}
/**
* Xsarus: clear and float helpers
*/
.clear {
  clear: both;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.align-left {
  float: left;
}
.align-right {
  float: right;
}
/**
* Xsarus: text helpers
*/
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
/**
* Xsarus: Reset lists
* 	- Normal list:
*			*[---]
*			*[---]
*			*[---]
*	- Vertical list:
*			 [---]
*			 [---]
*			 [---]
*	- Horizontal list:
*			 [---][---][---]
*	- Centered list:
*			 |   [---][---][---]   |
*/
.vertical,
.centered,
.horizontal {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vertical > li,
.centered > li,
.horizontal > li {
  background: none;
  padding: 0;
}
.vertical > li > a,
.centered > li > a,
.horizontal > li > a {
  text-decoration: none;
}
.centered {
  text-align: center;
}
.centered > li {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}
.horizontal > li {
  display: inline;
  float: left;
}
/**
* Xsarus: Tabs
* 1. Hide all divs in .tabs
* 2. Show firs div after .tabs menu (ul)
*/
.tabs div {
  display: none;
  /* 1. */
}
.tabs ul + div {
  display: block;
  /* 2. */
}
/**
* Xsarus: Img helper, contain or cover an img within it's parent
*/
.cover,
.contain {
  overflow: hidden;
  position: relative;
  text-align: center;
}
.cover img,
.contain img {
  height: auto;
  vertical-align: middle;
  width: auto;
}
.cover img {
  min-height: 100%;
  min-width: 100%;
}
.contain img {
  max-height: 100%;
  max-width: 100%;
}
/**
* Xsarus: Positioning helper (http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/)
*/
.position-center,
.position-top,
.position-right,
.position-bottom,
.position-left {
  position: absolute;
}
.position-center {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.position-top,
.position-bottom {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
}
.position-top {
  top: 0;
}
.position-bottom {
  bottom: 0;
}
.position-left,
.position-right {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
}
.position-left {
  left: 0;
}
.position-right {
  right: 0;
}
.ie8 .position-center {
  left: 0;
  top: 0;
}
.ie8 .position-left,
.ie8 .position-right,
.ie8 .position-left,
.ie8 .position-right {
  top: 0;
}
.ie8 .position-top,
.ie8 .position-bottom,
.ie8 .position-top,
.ie8 .position-bottom {
  left: 0;
}
/**
* Fast scrolling technique: http://www.thecssninja.com/javascript/pointer-events-60fps
*/
.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}
/**
* jQuery custom scrollbar helper
*/
.scrollable {
  overflow: auto;
  pointer-events: auto !important;
}
.scrollable * {
  pointer-events: auto !important;
}
/**
* Xsarus: Table zebra rows (http://css-tricks.com/snippets/css/css3-zebra-striping-a-table/)
*/
.table-zebra tbody tr:nth-child(odd) {
  background-color: #ccc;
}
.center {
  margin: 0 auto;
  position: relative;
  width: 1100px;
}
ul {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
html {
  color: #8c8c8c;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.54;
  width: 100%;
  /*kest sfeer*/
  background-color: #FFF;
  /* background: url("../img/default/Background-kerst.png") no-repeat;*/
  background-size: cover;
}
html.tablet {
  line-height: 2;
}
body {
  font-size: 1.3rem;
  overflow: hidden;
  /*kest sfeer*/
  /*width: 1200px;
  	margin: 0 auto;
  	background-color: #FFF;
*/
}
[class*="title-"],
.winkel h2 {
  color: #000000;
  display: block;
  font-weight: bold;
  line-height: 1;
  text-transform: uppercase;
}
.title-xl,
.tpl-cm h1 {
  font-size: 3rem;
  margin-bottom: 3rem;
}
.title-xl span,
.tpl-cm h1 span {
  color: #575757;
  display: block;
  font-size: 2rem;
}
.title-l {
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
}
.title-l span {
  color: #8C8C8C;
  display: block;
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.title-m,
.tpl-cm h2 {
  color: #211f1f;
  font-size: 2rem;
  margin-bottom: 2rem;
}
.title-s,
.tpl-cm h3 {
  color: #211f1f;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}
.title-xs,
.tpl-cm h4,
.tpl-cm h5,
.tpl-cm h6 {
  color: #211f1f;
  font-size: 1.3rem;
  margin-bottom: 1.5rem;
}
.left,
.float-left {
  float: left;
}
.right,
.float-right {
  float: right;
}
a {
  text-decoration: none;
  color: #211f1f;
}
p {
  margin: 0 0 2rem 0;
}
.disc li {
  list-style: disc;
}
.btn,
.frm-button,
.winkel .buttoncontainer {
  color: #ffffff;
  border: 0;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: normal;
  padding: 0.9rem 1.5rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}
.btn:hover,
.frm-button:hover {
  opacity: 0.7;
}
.btn-fill,
.frm-button {
  width: 100%;
}
.btn-med {
  font-size: 1.3rem;
  padding: 1.6rem 3rem;
}
.btn-big {
  font-size: 2rem;
  padding: 1.3rem 3rem 1.4rem 3rem;
}
.btn-dark,
.winkel .buttoncontainer {
  background-color: #211f1f;
  font-style: italic;
  text-align: left;
}
.btn-light {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -pie-background: linear-gradient(to bottom, #dddddd 0, #d1d9df 100%);
  background-image: -webkit-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -moz-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -ms-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -o-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: linear-gradient(to bottom, #dddddd 0, #d1d9df 100%);
  color: #000000;
}
.btn-red,
.frm-button {
  background-color: #ec1b24;
  font-style: normal;
}
.btn-link {
  background: transparent;
  color: #ec1b24;
  padding-left: 0;
  padding-right: 0;
  text-transform: none;
}
.btn-shoppingbag,
button.btn-shoppingbag {
  background: #ec1b24 url(../img/default/sprite.png) no-repeat -15.2rem -9.1rem;
  border: 0;
  display: block;
  height: 4rem;
  padding: 0;
  width: 4rem;
}
.icon-flag:before {
  background: url(../img/default/sprite.png) no-repeat;
  content: "";
  display: inline-block;
  height: 1.1rem;
  line-height: 1px;
  margin-right: .5rem;
  vertical-align: middle;
  width: 1.6rem;
}
.icon-flag.nl:before {
  background-position: -2.6rem -14.5rem;
}
.icon-flag.be:before {
  background-position: 0rem -14.5rem;
}
.icon-flag.gb:before {
  background-position: -13rem -14.5rem;
}
.icon-flag.nl:before {
  background-position: -2.6rem -14.5rem;
}
.icon-flag.fr:before {
  background-position: -5.2rem -14.5rem;
}
.icon-flag.de:before {
  background-position: -7.8rem -14.5rem;
}
.icon-flag.it:before {
  background-position: -15.6rem -14.5rem;
}
.icon-flag.es:before {
  background-position: -18.2rem -14.5rem;
}
.icon-selecter:after {
  background: url(../img/default/sprite.png) no-repeat -5.1rem -0.5rem;
  content: "";
  display: inline-block;
  margin-left: 0.5rem;
  vertical-align: middle;
  height: 0.5rem;
  width: 0.5rem;
}
.icon-magnifier:after {
  background: url(../img/default/sprite.png) no-repeat -4.9rem -3.2rem;
  content: "";
  height: 1.8rem;
  width: 1.8rem;
}
.icon-wishlist:before {
  background: url(../img/default/sprite.png) no-repeat -2.4rem -3.7rem;
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1.1rem;
}
.icon-prev:before,
.icon-next:after,
.icon-up:after,
.winkel .buttoncontainer:after {
  background: url(../img/default/sprite.png) no-repeat;
  bottom: 0;
  content: "";
  height: 1.1rem;
  margin: auto;
  position: absolute;
  top: 0;
  width: 1.1rem;
}
.icon-prev:before {
  background-position: -10rem -0.1rem;
}
.icon-next:after,
.winkel .buttoncontainer:after {
  background-position: -2.3rem -0.2rem;
}
.icon-up:after {
  background-position: -7.3rem 0;
}
.icon.delete {
  background: url(../img/default/sprite.png) no-repeat -14rem -3.2rem;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 0.9rem;
}
.icon.add {
  background: url(../img/default/sprite.png) no-repeat -8.199999999999999rem -3.2rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  right: 0.5rem;
  margin-top: -1rem;
  position: absolute;
  top: 50%;
  width: 2rem;
}
.icon.remove {
  background: url(../img/default/sprite.png) no-repeat -11.2rem -3.2rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  right: 0.5rem;
  margin-top: -1rem;
  position: absolute;
  top: 50%;
  width: 2rem;
}
.icon-basket {
  background: url(../img/default/sprite.png) no-repeat -19.4rem -9.800000000000001rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 4.3rem;
  width: 3.8rem;
}
.icon.facebook {
  background: url(../img/default/sprite.png) no-repeat 0 -17.3rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 2rem;
}
.icon.twitter {
  background: url(../img/default/sprite.png) no-repeat -3rem -17.3rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 2rem;
}
.icon.pinterest {
  background: url(../img/default/sprite.png) no-repeat -6rem -17.3rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 2rem;
}
.icon.blogger {
  background: url(../img/default/sprite.png) no-repeat -9rem -17.3rem;
  content: "";
  cursor: pointer;
  display: block;
  height: 2rem;
  width: 2rem;
}
.icon-left {
  padding-left: 4.1rem;
}
.icon-left:before {
  left: 1.5rem;
}
.icon-right,
.winkel .buttoncontainer {
  padding-right: 4.1rem;
}
.icon-right:after,
.winkel .buttoncontainer:after {
  right: 1.5rem;
}
.error {
  color: #ec1b24;
}
.red {
  color: #ec1b24;
}
hr {
  background-color: #d7dbde;
  height: 0.1rem;
  margin: 1.5rem 0;
  padding: 0;
}
.content-left {
  float: left;
  width: 26rem;
}
.content-right {
  float: right;
  width: 84rem;
}
.content-right.landing {
  width: 110rem;
}
.cm-menu > ul {
  color: #201F1F;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 2.5rem;
  text-transform: uppercase;
}
.tablet .cm-menu > ul {
  line-height: 3rem;
}
.cm-menu > ul ul {
  color: #919191;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 1rem 0;
  padding-top: 1rem;
  position: relative;
  text-transform: none;
}
.cm-menu > ul ul:before {
  border-top: 0.1rem solid #D7DBDE;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  width: 13rem;
}
.cm-menu > ul a {
  color: inherit;
}
.cm-menu > ul a:hover {
  color: #000000;
}
.cm-menu > ul .is_active > a {
  color: #000000;
  font-weight: bold;
}
.usps {
  color: #211F1F;
  font-size: 1.1rem;
  text-transform: uppercase;
}
.usps li {
  line-height: 20px;
}
.usps li:before {
  background: url(../img/default/sprite.png) no-repeat -1.5rem -2.2rem;
  content: "";
  display: inline-block;
  height: 0.7rem;
  margin-right: .5rem;
  vertical-align: middle;
  width: 0.7rem;
}
.usps a {
  color: inherit;
}
.usps-extra {
  margin-top: 2rem;
}
.usps-extra li {
  background: url(../img/default/sprite.png) no-repeat;
  float: left;
  height: 5.5rem;
  margin-right: 2rem;
}
.usps-extra li:last-child {
  margin-right: 0;
}
.usps-extra .icon-becommerce {
  background-position: -0.2rem -7.1rem;
  width: 5.3rem;
}
.usps-extra .icon-ups {
  background-position: -6.7rem -7.8rem;
  width: 3.4rem;
}
.usps-extra .icon-thuiswinkel {
  background-position: -11.6rem -8rem;
  width: 3.6rem;
}
[type="text"],
[type="email"],
[type="password"],
textarea {
  background-color: #ffffff;
  border: 0.1rem solid #000000;
  padding: 0.9rem;
  width: 100%;
}
[type="checkbox"],
[type="radio"] {
  vertical-align: middle;
}
.input-small {
  width: 30%;
}
.input-medium {
  width: 40%;
}
label.input-medium {
  text-align: center;
}
select {
  border-color: #000;
  height: 3.5rem;
  width: 100%;
}
.label {
  color: #221F1F;
  display: block;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}
.form li {
  margin-bottom: 1rem;
}
header #top-bar {
  margin: 2.5rem 0 2rem;
}
header #top-bar .country-select {
  background-color: #ffffff;
  cursor: pointer;
  float: left;
  padding: 0 1rem 0 0;
  position: relative;
  z-index: 10;
}
header #top-bar .country-select .selected {
  background-color: #ffffff;
  border: 0.1rem solid #ffffff;
  float: left;
  padding: 0 1rem;
  width: 100%;
}
header #top-bar .country-select .selected.is_active {
  border: 0.1rem solid #d7dbde;
}
header #top-bar .country-select .options {
  background-color: #ffffff;
  border: 0.1rem solid #d7dbde;
  border-top: 0;
  display: none;
  left: 0;
  padding: 0 1rem;
  position: absolute;
  right: 1rem;
  top: 2rem;
}
header #top-bar .country-select .options a {
  display: block;
}
header #top-bar .header-tt-menu ul {
  float: right;
}
header #top-bar .header-tt-menu ul li {
  float: left;
  margin-right: 3rem;
}
header #top-bar .header-tt-menu ul li:last-child {
  margin-right: 0;
}
header #top-bar .header-tt-menu ul li > a {
  color: #575757;
  font-size: 1rem;
  text-transform: uppercase;
}
header #top-bar .header-tt-menu ul li > a:hover {
  text-decoration: underline;
}
header #top-bar .header-tt-menu ul li.wishlist .icon {
  display: inline-block;
  vertical-align: middle;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen {
  position: relative;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen li {
  position: relative;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen > a {
  color: #ec1b24;
  display: inline-block;
  border: 1px solid transparent;
  border-bottom-color: #fff;
  margin: -1rem 0;
  padding: 0.9rem 0.9rem 1.8rem 0.9rem;
  position: relative;
  z-index: 12;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen a.delete {
  background: #fff;
  padding: 5px;
  position: absolute;
  right: 0;
  top: 0;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen a.delete:focus,
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen a.delete:hover {
  background: #eee;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen a.delete .icon.delete {
  margin-top: 0;
  position: relative;
  top: auto;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen:hover > a,
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen.is_active > a {
  border-color: #d7dbde #d7dbde #fff #d7dbde;
  text-decoration: underline;
}
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen:hover .shoppingbag,
header #top-bar .header-tt-menu ul li.menuitem-winkelwagen.is_active .shoppingbag {
  display: block;
}
header #top-bar .header-tt-menu .shoppingbag {
  background: #fff;
  border: 0.1rem solid #d7dbde;
  display: none;
  font-size: 1.3rem;
  margin-top: 0.9rem;
  padding: 3rem;
  position: absolute;
  right: 0;
  top: 100%;
  width: 110rem;
  z-index: 11;
}
header #top-bar .header-tt-menu .shoppingbag [class*="title-"] {
  border-bottom: 0.1rem solid #d7dbde;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
}
header #top-bar .header-tt-menu .shoppingbag .slideshow {
  float: left;
  width: 74rem;
}
header #top-bar .header-tt-menu .shoppingbag ul {
  float: none;
}
header #top-bar .header-tt-menu .shoppingbag li {
  display: block;
  margin: 0;
  width: 18.5rem;
}
header #top-bar .header-tt-menu .shoppingbag a {
  color: inherit;
  display: block;
  font-size: inherit;
  text-transform: none;
}
header #top-bar .header-tt-menu .shoppingbag a:hover {
  text-decoration: none;
}
header #top-bar .header-tt-menu .shoppingbag .article-image {
  height: 17.5rem;
}
header #top-bar .header-tt-menu .shoppingbag .article-brand {
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
}
header #top-bar .header-tt-menu .shoppingbag .article-title {
  height: 4rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
header #top-bar .header-tt-menu .shoppingbag .article-size {
  margin-bottom: 0.5rem;
}
header #top-bar .header-tt-menu .shoppingbag .article-price .current,
header #top-bar .header-tt-menu .shoppingbag .article-price .old {
  color: #000;
}
header #top-bar .header-tt-menu .shoppingbag .article-price .old {
  float: left;
  margin-right: 2rem;
  text-decoration: line-through;
}
header #top-bar .header-tt-menu .shoppingbag .article-price .sale {
  color: #ec1b24;
  font-weight: bold;
  float: left;
}
header #top-bar .header-tt-menu .shoppingbag-kassa {
  float: right;
  width: 28rem;
}
header #top-bar .header-tt-menu .shoppingbag-kassa [class*="btn"] {
  color: #fff;
  margin-bottom: 1rem;
  padding: 13px 0;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
header #top-bar .header-tt-menu .shoppingbag-kassa [class*="btn"]:hover {
  opacity: 0.9;
}
header #top-bar .header-tt-menu .shoppingbag-kassa .btn-red {
  background: #ed1c24;
}
header #top-bar .header-tt-menu .shoppingbag-kassa .btn-blue {
  background: #003860;
}
header #top-bar .header-tt-menu .shoppingbag-total {
  border-top: 2rem solid transparent;
  border-collapse: separate;
  float: none;
  margin-bottom: 3rem;
  text-align: right;
  width: 100%;
}
header #top-bar .header-tt-menu .shoppingbag-total .totals {
  color: #eb1a24;
  font-weight: bold;
  font-size: 2rem;
}
header #search-bar {
  float: right;
  margin-bottom: 0.5rem;
  position: relative;
}
header #search-bar .input-search {
  position: relative;
}
header #search-bar .input-search input[type="text"] {
  border: 0.1rem solid #242021;
  font-size: 12px;
  padding: 0.8rem 3rem 0.8rem 0.8rem;
  width: 28.5rem;
}
header #search-bar .input-search button {
  background: url(../img/default/sprite.png) no-repeat -4.9rem -3.2rem;
  cursor: pointer;
  height: 1.8rem;
  margin-top: -0.9rem;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  width: 1.8rem;
}
header #search-bar #search-results {
  left: 0;
  position: absolute;
  right: 0;
  top: 3.1rem;
  z-index: 10;
}
header #search-bar #search-results .autocomplete {
  background-color: #ffffff;
  border: 1px solid #211f1f;
  border-top: 0;
  padding: 1rem;
}
header #logo {
  position: absolute;
  bottom: -25px;
  left: 0;
  z-index: 5;
}
header #header-usp {
  background-color: #000000;
  height: 25px;
  width: 100%;
  line-height: 25px;
}
header #header-usp .center .usps {
  margin-left: 17.4rem;
}
header #header-usp .center .usps > div {
  color: #ffffff;
  float: left;
  font-size: 1rem;
  text-transform: uppercase;
}
header #header-usp .center .usps .after {
  height: 2.5rem;
  display: block;
  float: left;
  text-align: center;
  width: 8.4rem;
}
header #header-usp .center .usps .after span {
  background: url(../img/default/sprite.png) no-repeat 0 0;
  display: inline-block;
  height: 0.3rem;
  line-height: 0.3rem;
  margin-top: -0.2rem;
  color: #000;
  font-size: 15px;
  font-weight: bold;
  vertical-align: middle;
  width: 0.3rem;
}
header .becommerce-header {
  margin: -2em 0 0 52em;
  position: absolute;
}
header #main-nav {
  margin-left: 18rem;
  position: relative;
}
header #main-nav > ul > li {
  float: left;
  position: relative;
  font-size: 1.2rem;
}
header #main-nav > ul > li > a {
  color: #211f1f;
  height: 100%;
  display: block;
  font-family: "trebuchet ms";
  text-decoration: none;
  text-transform: uppercase;
  padding: 1.1rem 1.2rem;
  position: relative;
  width: 100%;
}
header #main-nav > ul > li > a span {
  width: 100%;
  height: 0.3rem;
  display: block;
}
header #main-nav > ul > li > a span.is_active {
  background-color: #ec1b24;
}
header #main-nav > ul > li:hover {
  background-color: #d8dcde;
}
header #main-nav > ul > li:hover .submenu {
  display: block;
}
header #main-nav > ul > li:hover span {
  background-color: #d8dcde;
}
header #main-nav > ul > li.is_active > a span {
  background-color: #ec1b24;
}
header #main-nav .submenu {
  background-color: #d8dcde;
  display: none;
  line-height: 2rem;
  padding: 5rem 2.5rem;
  position: absolute;
  top: 4.3rem;
  width: 92rem;
  z-index: 1005;
}
.tablet header #main-nav .submenu {
  line-height: 3rem;
}
header #main-nav .submenu a {
  color: #211f1f;
  height: 100%;
  display: block;
  text-decoration: none;
  width: 100%;
}
header #main-nav .submenu a:hover {
  color: #ec1b24;
}
header #main-nav .submenu a.main-nav-meerlink {
  color: #ec1b24;
}
header #main-nav .submenu .submenu-category-row {
  width: 66.8rem;
}
header #main-nav .submenu .submenu-category {
  float: left;
  margin-right: 4.3rem;
  width: 13.2rem;
}
header #main-nav .submenu .submenu-category:last-child {
  margin-right: 0;
}
header #main-nav .submenu .submenu-category .title {
  padding-bottom: 1rem;
  width: 100%;
}
header #main-nav .submenu .submenu-category .title a {
  color: #ec1b24;
  text-transform: uppercase;
}
header #main-nav .submenu .submenu-category ul {
  border-top: 0.1rem solid #919191;
  padding-top: 0.5rem;
}
nav ul {
  margin: 0;
}
nav li {
  list-style: none;
  margin: 0;
}
#breadcrumb {
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  margin: 2rem 0;
  text-transform: uppercase;
  width: 100%;
}
#breadcrumb .breadcrumb-item {
  float: left;
}
#breadcrumb .breadcrumb-item a {
  color: #575757;
  text-decoration: none;
}
#breadcrumb .breadcrumb-item a:hover {
  text-decoration: underline;
}
#breadcrumb .breadcrumb-separator {
  background: url(../img/default/sprite.png) -4.1rem -0.1rem;
  float: left;
  height: 100%;
  margin: 0 1rem;
  width: 0.5rem;
}
footer {
  background-color: #d8dcde;
  margin-top: 6rem;
  padding: 2.5rem 0 2.7rem 0 ;
}
footer .footer-socialmedia {
  margin-bottom: 2rem;
}
footer .footer-socialmedia li {
  margin-right: 1rem;
}
footer .menu-footer {
  margin-bottom: 3.5rem;
}
footer .menu-footer > li {
  float: left;
  line-height: 2.5rem;
}
.tablet footer .menu-footer > li {
  line-height: 3rem;
}
footer .menu-footer > li a {
  font-size: 1.2rem;
  text-decoration: none;
  color: #8c8c8c;
}
footer .menu-footer > li a:hover {
  color: #000000;
}
footer .menu-footer .float-left {
  margin-bottom: 3rem;
}
footer .menu-footer .newsletter-container {
  margin-left: 10.5rem;
  margin-bottom: 3rem;
}
footer #newsletter-form .message {
  margin-bottom: 1.5rem;
}
footer #newsletter-form input[type="text"] {
  border: 0;
  width: 100%;
}
footer #newsletter-form .form-input {
  margin-bottom: 1rem;
  width: 32.3rem;
}
footer #newsletter-form button {
  float: right;
}
footer .footerimages {
  clear: both;
  margin-bottom: 3rem;
}
footer .footerimages > div {
  float: left;
  margin-right: 2rem;
}
footer .footerimages > div:last-child {
  margin-right: 0;
}
footer .footer-copyright {
  color: #8c8c8c;
}
footer .footer-copyright a {
  color: #ec1b24;
}
footer .footer-copyright a:hover {
  text-decoration: underline;
}
footer h2 {
  font-size: 1.2rem;
  text-transform: uppercase;
}
.column-25 {
  width: 25%;
}
.column-50 {
  width: 50%;
}
.tpl-cm #breadcrumb {
  margin-bottom: 5rem;
}
.tpl-cm .tt_column,
.tpl-cm .tt_template {
  clear: none !important;
  float: none !important;
  width: auto !important;
}
.tpl-cm .tt_element iframe {
  height: 35rem;
  width: 100%;
}
.winkel {
  float: left;
  margin-bottom: 4rem;
  width: 41rem;
}
.winkel h2 {
  color: #211f1f;
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-bottom: 1rem;
}
.winkel a {
  display: block;
  margin-bottom: 1.5rem;
}
.winkel img {
  display: block;
  height: auto;
  width: 100%;
}
.winkel p {
  margin: 0;
}
.winkel .telefoon {
  margin-bottom: 1.5rem;
}
.winkel:nth-child(odd) {
  clear: both;
  margin-right: 2rem;
}
.brands > li {
  float: left;
  margin-bottom: 3rem;
  width: 25%;
}
.brands > li:nth-child(4n+1) {
  clear: both;
}
.brands > li [class*="title"] {
  margin-bottom: 1rem;
}
.cadeaubon {
  border-bottom: 0.1rem solid #d7dbde;
  float: left;
  height: 21rem;
  margin: 0 7rem 7rem 0;
  width: 23.3rem;
}
.cadeaubon.no-margin {
  margin-right: 0;
}
.cadeaubon .voucher {
  background: url('../img/default/cadeaubon.jpg') no-repeat;
  height: 14.8rem;
  line-height: 14.8rem;
  text-align: center;
  width: 23.3rem;
}
.cadeaubon .voucher span {
  color: #ec1b24;
  font-size: 3rem;
  font-weight: bold;
  height: 3rem;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.cadeaubon .text {
  float: left;
  padding: 1.2rem 0 0 1.2rem;
  width: 50%;
}
.cadeaubon .text span {
  display: block;
  width: 100%;
}
.cadeaubon .text span.naam {
  color: #ec1b24;
}
.cadeaubon .text span.waarde {
  color: #8c8c8c;
}
.cadeaubon .btn {
  float: right;
  margin-top: 1.2rem;
}
#fancybox-content {
  overflow: auto;
}
#fancybox-content > div {
  height: auto !important;
  width: auto !important;
}
#fancybox-content .tt_template,
#fancybox-content .tt_column,
#fancybox-content .tt_tpl_cell_first,
#fancybox-content .tt_tpl_cell_last {
  float: none !important;
  width: auto !important;
}
main.center.clearfix .row,
.landing-grid .row {
  clear: both;
  margin-bottom: 38px;
  min-height: 30px;
  overflow: auto;
  width: 100%;
}
main.center.clearfix .row h2,
.landing-grid .row h2 {
  color: #333;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 29px;
  margin: 19px 0;
  text-transform: uppercase;
}
main.center.clearfix .col,
.landing-grid .col {
  background: white none repeat scroll 0 0;
  float: left;
  margin-right: 19px;
  overflow: hidden;
}
main.center.clearfix .col img,
.landing-grid .col img {
  display: block;
  transition: all 0.3s ease 0s;
  width: 100%;
}
main.center.clearfix .col img:hover,
.landing-grid .col img:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
  -webkit-transition: all 1s;
  transition: all 1s;
}
main.center.clearfix .col:last-child,
.landing-grid .col:last-child {
  margin-right: 0;
}
main.center.clearfix .col-6,
.landing-grid .col-6 {
  width: 540.5px;
}
main.center.clearfix .col-4,
.landing-grid .col-4 {
  width: 354px;
}
main.center.clearfix .row,
.landing-grid .row {
  margin: 20px 0 30px;
}
main.center.clearfix .button,
.landing-grid .button {
  color: #ffffff;
  border: 0;
  display: inline-block;
  font-size: 1em;
  line-height: normal;
  padding: 0.9rem 1.7rem;
  position: relative;
  text-transform: uppercase;
  vertical-align: top;
  background-color: #211f1f;
  font-style: italic;
  text-align: left;
  text-decoration: none;
  -webkit-transition: all .2s;
  transition: all .2s;
  font-weight: bold;
}
main.center.clearfix .button:after,
.landing-grid .button:after {
  content: '\0276F';
  color: red;
  font-style: normal;
  margin-left: 15px;
}
main.center.clearfix .button:hover,
.landing-grid .button:hover {
  background-color: #403c3c;
  -webkit-transition: all .2s;
  transition: all .2s;
}
main.center.clearfix .button.button-large,
.landing-grid .button.button-large {
  width: 100%;
  text-align: center;
  padding: 0.9rem 0;
}
main.center.clearfix .button.button-large:hover,
.landing-grid .button.button-large:hover {
  background-color: #211f1f;
}
.popup-container {
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.popup-container .background {
  filter: alpha(opacity=50);
  /* IE 5 6 7 8 9 */
  opacity: 0.5;
  /* W3C */
  background: #d7dbde;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.popup-container button.close {
  background: url(../img/default/sprite.png) no-repeat -11.6rem -5.9rem;
  display: block;
  height: 1.5rem;
  overflow: hidden;
  position: absolute;
  right: 2.9rem;
  text-indent: 100%;
  top: 2.9rem;
  width: 1.5rem;
}
.popup-container .content-container {
  background: #ffffff;
  border: 0.1rem #d7dbde solid;
  display: block;
  left: 50%;
  margin-left: -26.5rem;
  padding: 2.9rem;
  position: fixed;
  top: 10%;
  width: 53rem;
}
.popup-container .content-container h2.title-m {
  color: #000000;
  margin-bottom: 1.7rem;
  text-transform: uppercase;
}
.tpl-home #homepage-banners-big {
  margin: 20px 0 30px 0;
  height: 44rem;
  overflow: hidden;
  position: relative;
}
.tpl-home #homepage-banners-big ul#data {
  position: absolute;
  width: 240px;
  top: 55px;
  left: 0;
  z-index: 5;
}
.tpl-home #homepage-banners-big ul#data li {
  border-bottom: 1px solid #000000;
  color: #000000;
  cursor: pointer;
  font-size: 15px;
  height: 70px;
  line-height: 70px;
  list-style: none;
  text-transform: uppercase;
  padding: 0 0 0 30px;
}
.tpl-home #homepage-banners-big ul#data li.is_active {
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
}
.tpl-home #homepage-banners-big ul#data li span {
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.tpl-home #homepage-banners-big figure {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.tpl-home #homepage-banners-big figure.is_active {
  z-index: 2;
}
.tpl-home #homepage-banners-big #button-container {
  background: linear-gradient(to right, #ec1b23, #5d0b0e);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.9);
  height: 150%;
  left: 0;
  position: absolute;
  top: -50px;
  width: 315px;
  z-index: 4;
}
.tpl-home #homepage-banners-big #video-container {
  background: #000;
  height: 100%;
  margin-left: 315px;
  position: absolute;
  top: 0;
  width: 785px;
  z-index: 3;
}
.tpl-home #homepage-banners-big #video-container img {
  cursor: pointer;
}
.tpl-home #homepage-banners-small {
  margin-bottom: 75px;
}
.tpl-home #homepage-banners-small .banner {
  float: left;
  margin-right: 19px;
  width: 354px;
}
.tpl-home #homepage-banners-small .banner:last-child {
  margin-right: 0;
}
.tpl-home #homepage-banners-small .banner .banner-content {
  margin-top: 20px;
}
.tpl-home #homepage-banners-small .banner .banner-content .text {
  line-height: 20px;
  margin-bottom: 35px;
  height: 10rem;
  overflow: hidden;
}
.tpl-home #homepage-brands li {
  float: left;
  width: 11rem;
}
.tpl-home #homepage-brands li figure {
  line-height: 25px;
  margin-right: 23px;
  text-align: center;
}
.tpl-home #homepage-brands li figure img {
  display: inline-block;
  line-height: 1px;
  vertical-align: middle;
}
.tpl-home #homepage-brands li:last-child figure {
  margin-right: 0;
}
.tpl-home .vwo-search {
  display: block;
  float: left;
  margin: 2rem 2rem 2rem 0;
}
.tpl-home .vwo-search + #homepage-banners-big {
  height: 32.4rem;
  margin: 2rem 0;
}
.tpl-home .vwo-search + #homepage-banners-big ul#data {
  top: 45px;
}
.tpl-home .vwo-search + #homepage-banners-big ul#data li {
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  padding: 0 0 0 20px;
}
.tpl-home .vwo-search + #homepage-banners-big + #homepage-brands {
  clear: both;
}
.tpl-home .vwo-search .search-box__btn,
.tpl-home .vwo-search .search-box__sub-title {
  display: block;
  text-transform: uppercase;
  color: #fff;
}
.tpl-home .vwo-search .search-box {
  width: 270px;
  background: #005A80;
  padding: 21px 30px 20px;
  font-family: sans-serif;
  height: 32.4rem;
}
.tpl-home .vwo-search .search-box select {
  width: 100%;
  margin-bottom: 10px;
  display: block;
}
.tpl-home .vwo-search .search-box option {
  padding: 20px;
}
.tpl-home .vwo-search .search-box__title {
  font-size: 1.6rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 3px solid #fff;
  width: 200px;
}
.tpl-home .vwo-search .search-box__sub-title {
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 300;
  margin-top: 20;
  margin-bottom: 5px;
}
.tpl-home .vwo-search .search-box__btn {
  padding: 10px 20px;
  text-decoration: none;
  text-align: center;
  border-radius: 5px;
  margin-top: 10px;
  font-weight: 700;
  background: #32CD32;
  border-bottom: 2px solid #1e7b1e;
  border-top: 2px solid #84e184;
  transition: all 0.2s;
}
.tpl-home .vwo-search .search-box__btn:active,
.tpl-home .vwo-search .search-box__btn:focus,
.tpl-home .vwo-search .search-box__btn:hover {
  color: #fff;
  text-decoration: none;
  background: #47d247;
  transition: all 0.2s;
}
.tpl-home .vwo-search .hidden {
  display: none !important;
}
.tpl-home .vwo-search span.customSelect {
  font: 12px sans-serif;
  background: url(http://i48.tinypic.com/2u7rpec.png) right center no-repeat #ffffff;
  border: 1px solid #ddd;
  color: #555;
  padding: 7px 9px;
  border-radius: 5px;
  margin-bottom: 10px;
  max-width: 250px;
  text-transform: none;
}
.tpl-home .vwo-search span.customSelect.customSelectDisabledOption {
  color: #ABABAB;
}
.tpl-shoplanding #landing-navigatie {
  float: left;
  margin: 15px 15px 0 0;
  width: 245px;
}
.tpl-shoplanding #landing-navigatie ul {
  border-top: 0.1rem solid #d7dbde;
  float: left;
  padding-top: 2rem;
}
.tpl-shoplanding #landing-navigatie ul li {
  line-height: 2.5rem;
}
.tablet .tpl-shoplanding #landing-navigatie ul li {
  line-height: 3rem;
}
.tpl-shoplanding #landing-navigatie ul li a {
  text-decoration: none;
  color: #575757;
}
.tpl-shoplanding #landing-navigatie ul li a:hover {
  color: #ec1b24;
}
.tpl-shoplanding #landing-banner {
  float: left;
}
.tpl-shoplanding .seotext {
  margin-top: 2rem;
  padding-left: 26rem;
}
.tpl-artikelen main {
  padding-top: 3rem;
}
.tpl-artikelen #articles-cmpage {
  margin: 2rem 0 3.5rem 0;
}
.tpl-artikelen #articles-cmpage .article-banner {
  width: 64rem;
  height: 30rem;
  float: left;
}
.tpl-artikelen #articles-cmpage .seotext {
  float: left;
  height: 30rem;
  overflow: hidden;
  padding: 4rem 4rem 0 4rem;
  width: 46rem;
}
.tpl-artikelen #articles-cmpage .seotext > p {
  padding: 0;
  margin: 0;
}
.tpl-artikelen #articles-cmpage .seotext.full {
  height: auto;
  padding: 0;
  width: 100%;
}
.tpl-artikelen #filters {
  float: left;
  margin: 0.4rem 6rem 0 0;
  width: 200px;
}
.tpl-artikelen #filters .filter [class*="title"] {
  border-bottom: 0.1rem solid #d7dbde;
  padding: 1.5rem 0;
}
.tpl-artikelen #filters .filter ul {
  line-height: 2.5rem;
  margin: 1.5rem 0;
  max-height: 35rem;
  overflow: hidden;
  position: relative;
}
.tablet .tpl-artikelen #filters .filter ul {
  line-height: 3rem;
}
.tpl-artikelen #filters .filter ul li a {
  color: #919191;
  display: block;
  text-decoration: none;
}
.tpl-artikelen #filters .filter ul li a .custom-checkbox {
  border: 0.1rem solid #8c8c8c;
  float: left;
  height: 1.3rem;
  margin: 0.7rem 1.5rem 0 0;
  width: 1.3rem;
}
.tpl-artikelen #filters .filter ul li a .count {
  color: #000000;
}
.tpl-artikelen #filters .filter ul li a:hover {
  color: #000000;
}
.tpl-artikelen #filters .filter ul li ul {
  border: none;
  padding: 0;
  margin: 0 0 0 10px;
  max-height: 100rem;
}
.tpl-artikelen #filters .filter ul .is_active > a,
.tpl-artikelen #filters .filter ul .is-active > a {
  color: #000000;
  font-weight: bold;
}
.tpl-artikelen #filters .filter ul .is_active > a .custom-checkbox,
.tpl-artikelen #filters .filter ul .is-active > a .custom-checkbox {
  background: url(../img/default/sprite.png) no-repeat 0 -2rem;
  border: 0.1rem solid #000000;
}
.tpl-artikelen #artikelen {
  float: left;
  width: 84rem;
}
.tpl-artikelen #artikelen .seotext {
  margin-top: 2rem;
}
.tpl-artikelen #artikelen .paginator {
  width: 100%;
}
.tpl-artikelen #artikelen .paginator.bottom .paginator-select {
  display: none;
}
.tpl-artikelen #artikelen .paginator.top .back-to-top {
  display: none;
}
.tpl-artikelen #artikelen .paginator .select {
  display: block;
  float: left;
  line-height: inherit;
  margin: 0 2rem 0 0;
  padding-top: 0;
  position: relative;
}
.tpl-artikelen #artikelen .paginator .select:after {
  background: url(../img/default/sprite.png) -6rem -0.5rem;
  background-clip: padding-box;
  bottom: 0;
  content: "";
  height: 1rem;
  margin: auto;
  position: absolute;
  right: 1.3rem;
  top: 0.8rem;
  width: 1rem;
  z-index: 5;
}
.tpl-artikelen #artikelen .paginator .select-label {
  color: #ffffff;
  float: left;
  line-height: inherit;
  margin: 0.5rem 0;
  padding: 1rem 0;
}
.tpl-artikelen #artikelen .paginator .select .selected {
  background-color: #211f1f;
  border: 2px solid transparent;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-style: italic;
  font-weight: bold;
  padding: 0.3rem 4.5rem 0.3rem 1rem;
  position: relative;
  text-overflow: clip;
  text-transform: uppercase;
  white-space: nowrap;
  z-index: 4;
}
.tpl-artikelen #artikelen .paginator .select ul {
  background: #FFFFFF;
  border: 0.2rem solid #211f1f;
  border-top: 0;
  display: none;
  float: none;
  left: 0;
  margin: -1px 0 0 0;
  min-width: 100%;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: 3;
}
.tpl-artikelen #artikelen .paginator .select:hover ul {
  display: block;
}
.tpl-artikelen #artikelen .paginator .select li {
  background: #ffffff;
  border: 0;
  border-top: 1px solid #211f1f;
  color: #333;
  cursor: pointer;
  display: block;
  float: none;
  font-size: 1.3rem;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.tpl-artikelen #artikelen .paginator .select li:first-child {
  border: 0;
}
.tpl-artikelen #artikelen .paginator .select li:hover {
  background: #AAAAAA;
}
.tpl-artikelen #artikelen .paginator .select a {
  color: #191719;
  display: block;
  padding: 0.8rem 1rem;
}
.tpl-artikelen #artikelen .paginator .select a:hover {
  background: #AAAAAA;
}
.tpl-artikelen #artikelen .paginator .select .is_active a {
  font-weight: normal;
}
.tpl-artikelen #artikelen .paginator .per-page {
  float: left;
}
.tpl-artikelen #artikelen .paginator .pages {
  line-height: 3rem;
  float: right;
}
.tpl-artikelen #artikelen .paginator .pages .page {
  color: #575757;
  display: block;
  float: left;
  height: 3rem;
  text-align: center;
  text-decoration: none;
  width: 3rem;
}
.tpl-artikelen #artikelen .paginator .pages .page.is-active {
  background-color: #000000;
  color: #ffffff;
  font-style: italic;
  font-weight: bold;
}
.tpl-artikelen #artikelen .paginator .pages .prev,
.tpl-artikelen #artikelen .paginator .pages .next {
  text-transform: uppercase;
}
.tpl-artikelen #artikelen .paginator .pages .prev.disabled,
.tpl-artikelen #artikelen .paginator .pages .next.disabled {
  color: #d7dade;
}
.tpl-artikelen #artikelen .paginator .pages .next {
  margin: 0 0 0 1.5rem;
}
.tpl-artikelen #artikelen .paginator .paginator-title,
.tpl-artikelen #artikelen .paginator .prev,
.tpl-artikelen #artikelen .paginator .next {
  color: #575757;
  float: left;
  line-height: 3rem;
  margin-right: 1.5rem;
  text-decoration: none;
}
article {
  float: left;
  height: 33em;
  margin: 1.5rem 2.1rem 0 0;
  position: relative;
  width: 26.6rem;
}
article.no-margin-right {
  margin-right: 0;
}
article .article {
  border: 0.2rem solid #ffffff;
  color: #575757;
  display: block;
  line-height: 2rem;
  padding: 0.9rem;
  text-decoration: none;
}
article:hover .article {
  border: 0.2rem solid #ECEDF8;
}
article .article-image-hover {
  display: none;
}
article .article-info .article-brand {
  color: #211f1f;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
}
article .article-info .article-brand {
  color: #211f1f;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
}
article .article-info .article-title {
  height: 4rem;
  overflow: hidden;
}
article .article-info .article-price {
  color: #000000;
}
article .article-info .article-price .old {
  float: left;
  text-decoration: line-through;
  margin-right: 10px;
}
article .article-info .article-price .sale {
  color: #ec1b24;
  float: left;
  font-weight: bold;
}
article .article-info .more-details {
  background-color: #ec1b24;
  display: inline-block;
  padding: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  color: white;
  margin-top: 10px;
  color: #fffff;
  font-weight: bold;
}
article .article-info .more-details a {
  color: white;
}
article.has-hover:hover .article-image {
  display: none;
}
article.has-hover:hover .article-image-hover {
  display: block;
}
.label-container {
  height: 2.5rem;
  margin-bottom: 1rem;
}
.label-container .label {
  float: left;
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0;
  padding: 0.5rem 0.9rem;
  text-transform: uppercase;
}
.label-container .label:first-child {
  margin-right: 10px;
}
.label-container .label.new {
  border: 1px solid #003860;
  color: #003860;
}
.label-container .label.sale {
  border: 1px solid #ec1b24;
  color: #ec1b24;
}
.label-container .label.best-deal {
  border: 1px solid #65b341;
  color: #65b341 !important;
}
.per-page {
  float: left;
}
.sort-label {
  float: left;
}
.selectbox {
  float: left;
}
.slider-value {
  color: #919191;
  margin-top: 0.5rem;
}
.tpl-artikeldetail .details-left {
  float: left;
  margin-right: 4rem;
  width: 66rem;
}
.tpl-artikeldetail .details-left .detail-images .thumbs {
  float: left;
  height: 40rem;
  width: 11.3rem;
}
.tpl-artikeldetail .details-left .detail-images .thumbs .scrollable {
  height: 40rem;
  overflow: hidden;
}
.tpl-artikeldetail .details-left .detail-images .thumbs .thumb {
  cursor: pointer;
  margin-bottom: 1.5rem;
  opacity: 0.25;
  height: 6.6rem;
}
.tpl-artikeldetail .details-left .detail-images .thumbs .thumb.is_active {
  opacity: 1;
}
.tpl-artikeldetail .details-left .detail-images .thumbs .detail-image-youtube {
  padding: 2rem 0rem;
}
.tpl-artikeldetail .details-left .detail-images .large {
  float: left;
}
.tpl-artikeldetail .details-left .detail-images .large .zoomcontainer {
  height: 39.8rem;
  width: 54.3rem;
}
.tpl-artikeldetail .details-left .detail-images .large a {
  border: 0.2rem solid #ffffff;
}
.tpl-artikeldetail .details-left .detail-images .large:hover a {
  border: 0.2rem solid #d7dbde;
}
.tpl-artikeldetail .details-left .artikel-details {
  margin: 20px 0;
}
.tpl-artikeldetail .details-left .artikel-details .detail-tabs {
  margin-bottom: 30px;
}
.tpl-artikeldetail .details-left .artikel-details .detail-tabs li {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -pie-background: linear-gradient('to top', #ccd7df 0, #dddddd 100%);
  background-image: -webkit-linear-gradient(bottom, #ccd7df 0, #dddddd 100%);
  background-image: -moz-linear-gradient(bottom, #ccd7df 0, #dddddd 100%);
  background-image: -ms-linear-gradient(bottom, #ccd7df 0, #dddddd 100%);
  background-image: -o-linear-gradient(bottom, #ccd7df 0, #dddddd 100%);
  background-image: linear-gradient('to top', #ccd7df 0, #dddddd 100%);
  color: #211f1f;
  cursor: pointer;
  margin-right: 2px;
  padding: 1.5rem 2rem;
}
.tpl-artikeldetail .details-left .artikel-details .detail-tabs li:last-child {
  margin-right: 0;
}
.tpl-artikeldetail .details-left .artikel-details .detail-tabs li.is_active {
  background-color: #000000;
  background-image: none;
  color: #ffffff;
  font-weight: bold;
}
.tpl-artikeldetail .details-left .artikel-details .tab-content {
  display: none;
  height: 30rem;
}
.tpl-artikeldetail .details-left .artikel-details .tab-content .scrollable {
  max-height: 30rem;
  overflow: hidden;
}
.tpl-artikeldetail .details-left .artikel-details .tab-content table tr td {
  padding-right: 1.5rem;
  white-space: nowrap;
}
.tpl-artikeldetail .details-left .artikel-details .tab-content.is_active {
  display: block;
}
.tpl-artikeldetail .details-left .artikel-details .tab-content.details ul li {
  margin-left: 1.5rem;
  list-style: square;
}
.tpl-artikeldetail .details-left .tips-tricks {
  margin-bottom: 2rem;
}
.tpl-artikeldetail .details-left .tips-tricks ul li {
  border-bottom: 0.1rem solid #d7dbde;
}
.tpl-artikeldetail .details-left .tips-tricks ul li:last-child {
  border-bottom: 0;
}
.tpl-artikeldetail .details-left .tips-tricks ul li a {
  color: #ec1b24;
}
.tpl-artikeldetail .details-right {
  float: left;
  width: 40rem;
}
.tpl-artikeldetail .details-right .title-xl {
  margin: 0 0 0.5rem 0;
}
.tpl-artikeldetail .details-right hr {
  margin: 2rem 0;
}
.tpl-artikeldetail .details-right .label {
  color: #211f1f;
  font-size: 1.2rem;
}
.tpl-artikeldetail .details-right .size-table {
  margin-left: 2rem;
}
.tpl-artikeldetail .details-right .size-table a {
  color: #ec1b24;
}
.tpl-artikeldetail .details-right .size-table a:hover {
  text-decoration: underline;
}
.tpl-artikeldetail .details-right .colors {
  margin-bottom: 2rem;
}
.tpl-artikeldetail .details-right .colors .label {
  margin-bottom: 1rem;
}
.tpl-artikeldetail .details-right .colors .color {
  float: left;
  margin-right: 1rem;
}
.tpl-artikeldetail .details-right .colors .color:last-child {
  margin-right: 0;
}
.tpl-artikeldetail .details-right .prices {
  line-height: 3rem;
  margin-bottom: 1.5rem;
}
.tpl-artikeldetail .details-right .prices .price {
  color: #000000;
  float: left;
  font-size: 3rem;
  font-weight: bold;
}
.tpl-artikeldetail .details-right .prices .price.old {
  color: #000000;
  font-size: 2rem;
  font-weight: normal;
  margin-right: 2rem;
}
.tpl-artikeldetail .details-right .prices .price.old span {
  line-height: 2rem;
  text-decoration: line-through;
}
.tpl-artikeldetail .details-right .prices .price.sale {
  color: #ec1b24;
}
.tpl-artikeldetail .details-right .prices .price span {
  display: inline-block;
  vertical-align: bottom;
}
.tpl-artikeldetail .details-right .artikel-teamsport .prijs-info .price {
  color: #575757;
  font-size: 2.5rem;
  font-weight: bold;
}
.tpl-artikeldetail .details-right .artikel-teamsport .prices .title-xs {
  color: #575757;
}
.tpl-artikeldetail .details-right .artikel-teamsport .prices .price {
  color: #575757;
}
.tpl-artikeldetail .details-right .artikel-teamsport .bedrukking-text {
  margin-bottom: 1.5rem;
}
.tpl-artikeldetail .details-right .shoppingbag-button {
  margin-bottom: 1.5rem;
}
.tpl-artikeldetail .details-right .add-to-wishlist {
  line-height: 1.5rem;
}
.tpl-artikeldetail .details-right .add-to-wishlist .icon-wishlist:before {
  background: url(../img/default/sprite.png) no-repeat -0.2rem -3.4rem;
  content: "";
  float: left;
  height: 1.5rem;
  margin-right: 1rem;
  width: 1.5rem;
}
.tpl-artikeldetail .details-right .add-to-wishlist a,
.tpl-artikeldetail .details-right .add-to-wishlist span {
  color: #ec1b24;
  display: block;
  font-size: 1.1rem;
  float: left;
  text-decoration: none;
  text-transform: uppercase;
}
.tpl-artikeldetail .details-right .add-to-wishlist a:hover {
  text-decoration: underline;
}
.tpl-artikeldetail .details-right .add-to-wishlist .already-in-wishlist {
  display: none;
}
.tpl-artikeldetail .details-right .usps {
  float: left;
}
.tpl-artikeldetail .details-right .usps-extra {
  float: right;
}
.tpl-artikeldetail .details-right .selecter-selected {
  background-color: #ffffff;
  color: #8c8c8c;
}
.tpl-artikeldetail .details-right .selecter-selected:before {
  background-position: -8.699999999999999rem -0.5rem;
  top: 1.1rem;
  right: 1.5rem;
  width: 0.8rem;
}
.tpl-artikeldetail .error.uitverkocht {
  display: block;
  margin-bottom: 2rem;
}
.sizes {
  margin-bottom: 1.5rem;
}
.sizes .label {
  margin-bottom: 0.5rem;
}
.sizes ul li {
  padding: 0 0.2rem;
  position: relative;
  min-width: 3.1rem;
}
.sizes ul li label {
  background-color: #ffffff;
  color: #8c8c8c;
  display: block;
  height: 3.1rem;
  line-height: 3.1rem;
  margin-right: 1rem;
  position: relative;
  text-align: center;
  width: 100%;
}
.sizes ul li:last-child label {
  margin-right: 0;
}
.sizes ul li input {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sizes ul li.highlight label {
  background-color: #000000;
  color: #ffffff;
  font-size: 1.3rem;
  font-weight: bold;
}
.artikel-extra-options {
  color: #211f1f;
  margin-bottom: 1.5rem;
}
.artikel-extra-options hr {
  margin: 1rem 0;
}
.artikel-extra-options .title-xs {
  color: #211f1f;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.artikel-extra-options .title-s {
  color: #211f1f;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.artikel-extra-options .artikeloptions-extra-form-container {
  display: none;
}
.artikel-extra-options .artikeloptions-extra-form-container label {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.artikel-extra-options .artikeloptions-extra-form-container label.lowercase {
  text-transform: none;
}
.artikel-extra-options .artikeloptions-extra-form-container table {
  padding: 0;
  margin: 0;
  width: 100%;
}
.artikel-extra-options .artikeloptions-extra-form-container table tr.padding-bottom td {
  padding-bottom: 1rem;
}
.artikel-extra-options .artikeloptions-extra-form-container table td {
  padding: 0 1rem 0 0;
}
.artikel-extra-options .artikeloptions-extra-form-container table td:last-child {
  padding-right: 0;
}
.artikel-extra-options .artikeloptions-extra-form-container .artikeloptions-extra-form {
  padding: 2rem;
  margin: 1rem 0 0 0;
}
.artikel-extra-options .artikeloptions-extra-form-container .artikeloptions-extra-form.background {
  background-color: #EBEDEE;
}
.articles-related article {
  margin-right: 0.9rem;
}
.teamsport-maten {
  border: 0.1rem solid #211f1f;
}
.teamsport-maten.bedrukking {
  display: none;
}
.teamsport-maten .teamsport-maat,
.teamsport-maten .teamsport-addsize,
.teamsport-maten .maten-container {
  border-bottom: 0.1rem solid #211f1f;
  line-height: 2.5rem;
}
.teamsport-maten .teamsport-maat:last-child,
.teamsport-maten .teamsport-addsize:last-child,
.teamsport-maten .maten-container:last-child {
  border-bottom: 0;
}
.teamsport-maten .teamsport-maat .maat-label,
.teamsport-maten .teamsport-addsize .maat-label,
.teamsport-maten .maten-container .maat-label {
  float: left;
  font-weight: bold;
  padding: 0.4rem;
  width: 4rem;
}
.teamsport-maten .teamsport-maat .maat-aantal,
.teamsport-maten .teamsport-addsize .maat-aantal,
.teamsport-maten .maten-container .maat-aantal {
  border-left: 0.1rem solid #211f1f;
  float: left;
  padding: 0.4rem 2.5rem 0.4rem 0.4rem;
  position: relative;
  width: 35.8rem;
}
.teamsport-maten .teamsport-maat .maat-aantal .standaard-aantal,
.teamsport-maten .teamsport-addsize .maat-aantal .standaard-aantal,
.teamsport-maten .maten-container .maat-aantal .standaard-aantal {
  border: 0.1rem solid #211f1f;
  float: left;
  width: 6.5rem;
}
.teamsport-maten .teamsport-maat .maat-aantal input[type="number"],
.teamsport-maten .teamsport-addsize .maat-aantal input[type="number"],
.teamsport-maten .maten-container .maat-aantal input[type="number"] {
  border: 0.1rem solid #211f1f;
  float: left;
  padding: 0.4rem 0 0.4rem 0.4rem;
  width: 4.5rem;
}
.teamsport-maten .teamsport-maat .maat-aantal input[type="text"],
.teamsport-maten .teamsport-addsize .maat-aantal input[type="text"],
.teamsport-maten .maten-container .maat-aantal input[type="text"] {
  float: left;
  padding: 0.4rem;
  width: 17rem;
}
.teamsport-maten .teamsport-maat .maat-aantal span,
.teamsport-maten .teamsport-addsize .maat-aantal span,
.teamsport-maten .maten-container .maat-aantal span {
  float: left;
  margin-right: 0.5rem;
}
.teamsport-maten .teamsport-maat .maat-aantal span.margin-left,
.teamsport-maten .teamsport-addsize .maat-aantal span.margin-left,
.teamsport-maten .maten-container .maat-aantal span.margin-left {
  margin-left: 0.5rem;
}
.teamsport-maten .label-addsize {
  float: left;
  margin-right: 1.5rem;
}
.add-logo-container {
  display: none;
}
.add-logo-container .add-logo {
  background-color: #EBEDEE;
  padding: 1rem;
}
.add-logo-container .add-logo .logo-upload-section {
  margin-bottom: 2rem;
}
.add-logo-container .add-logo .file-input-field {
  background: #ffffff;
  border: 1px solid #211f1f;
  cursor: pointer;
  float: left;
  height: 3.5rem;
  line-height: 1.3rem;
  padding: 1rem;
  text-align: left;
  width: 25.5rem;
}
.add-logo-container .add-logo .file-input-button {
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;
  font-weight: bold;
  height: 3.5rem;
  line-height: 1.3rem;
  margin-left: 0.5rem;
  float: left;
  padding: 1rem;
  text-align: center;
  width: 12rem;
}
.add-logo-container .add-logo .file-input-button-toevoegen {
  float: right;
  margin-top: 15px;
}
.logo-preview {
  text-align: center;
  margin-bottom: 2rem;
}
.logo-preview .preview {
  background: url("../img/default/bedrukking/preview.jpg") no-repeat scroll center center;
  height: 40rem;
  position: relative;
}
.logo-preview .preview .clublogo {
  background: url("../img/default/bedrukking/clublogo.png") no-repeat;
  height: 50px;
  position: absolute;
  top: 7rem;
  width: 75px;
}
.logo-preview .preview .clublogo.linkerborst {
  left: 10rem;
}
.logo-preview .preview .clublogo.centraal {
  left: 14.2rem;
}
.logo-preview .preview .clublogo.rechterborst {
  left: 18.5rem;
}
.logo-preview .preview .sponsorlogo {
  background: url("../img/default/bedrukking/sponsorlogo.png") no-repeat;
  height: 11.5rem;
  left: 9.6rem;
  position: relative;
  top: 18rem;
  width: 17.2rem;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-image {
  float: left;
  width: 9.2rem;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-title {
  margin-bottom: 1.5rem;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-title .title-xs {
  font-size: 1.5rem;
  font-weight: bold;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-title .detail-artnr {
  color: #8c8c8c;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-details {
  float: left;
  width: 30.8rem;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-details .maat-select {
  color: #211f1f;
  font-size: 1.2rem;
  text-transform: uppercase;
  width: 100%;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-details .size-selector {
  float: left;
  width: 18rem;
}
.details-right.bundel .bundel-artikel-maatselectie .bundel-artikel-details .bundel-artikel-price {
  color: #000000;
  float: left;
  line-height: 3.2rem;
  text-align: center;
  text-decoration: line-through;
  width: 11.2rem;
}
.details-right.bundel .prices {
  background-color: #EBEDEE;
  padding: 2rem;
}
.details-right.bundel .prices div {
  height: 100%;
  line-height: 3rem;
}
.details-right.bundel .prices .price.old {
  color: #000000;
  font-size: 1.3rem;
  text-decoration: line-through;
}
.details-right.bundel .prices .price.sale {
  color: #000000;
}
.details-right.bundel .prices .savings {
  color: #EC1B24;
  float: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.winkelvoorraad {
  margin-bottom: 2rem;
}
.winkelvoorraad #voorraad-per-winkel-result {
  color: #65b341;
}
.winkelvoorraad #voorraad-per-winkel-result .not-available {
  color: #ec1b24;
}
.winkelvoorraad #voorraad-per-winkel-result .opening-time a {
  color: #ec1b24;
}
.winkelvoorraad #voorraad-per-winkel-result .opening-time a:hover {
  text-decoration: underline;
}
.tpl-inloggen-checkout #main-nav,
.tpl-inloggen-checkout #search-bar,
.tpl-inloggen-checkout #footer-links,
.tpl-inloggen-checkout .country-select,
.tpl-inloggen-checkout .header-tt-menu li {
  display: none;
}
.tpl-inloggen-checkout #logo {
  bottom: -125px;
}
.tpl-inloggen-checkout #top-bar {
  margin: 2.5rem 0 5.3rem 0;
}
.tpl-inloggen-checkout #header-usp {
  margin-bottom: 6.7rem;
}
.tpl-inloggen-checkout #header-usp .center .usps {
  margin-left: 26rem;
}
.tpl-inloggen-checkout .header-tt-menu .menuitem-winkelwagen {
  display: block;
}
.tpl-inloggen-checkout .header-tt-menu .menuitem-winkelwagen:hover > a,
.tpl-inloggen-checkout .header-tt-menu .menuitem-winkelwagen.is_active > a {
  border-color: #fff !important;
}
.tpl-inloggen-checkout .header-tt-menu .menuitem-winkelwagen:hover .shoppingbag,
.tpl-inloggen-checkout .header-tt-menu .menuitem-winkelwagen.is_active .shoppingbag {
  display: none !important;
}
.tpl-inloggen-checkout .title-xl {
  display: block;
  text-transform: uppercase;
}
.tpl-inloggen-checkout .hgroup [class*="title"] {
  float: left;
}
.tpl-inloggen-checkout .hgroup a {
  color: #575757;
  float: right;
  margin: 0.5rem 0;
}
.form-inloggen {
  background: #D7DBDE;
  float: left;
  padding: 5rem;
  width: 38rem;
}
.tpl-inloggen-account #header-usp {
  margin-bottom: 6.7rem;
}
.tpl-winkelwagen .shoppingbag-items {
  margin-bottom: 3rem;
}
.tpl-winkelwagen .winkelwagen {
  border-bottom: 0.1rem solid #d7dbde;
  color: #000000;
  margin: 0 0 2rem 0;
  width: 100%;
}
.tpl-winkelwagen .winkelwagen.levering {
  margin-top: 1.2rem;
}
.tpl-winkelwagen .winkelwagen.levering td {
  padding: 2rem 1rem 1.5rem 1rem;
  height: auto;
}
.tpl-winkelwagen .winkelwagen thead tr {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -pie-background: linear-gradient('to top', #d2d9df 0, #d7dbde 100%);
  background-image: -webkit-linear-gradient(bottom, #d2d9df 0, #d7dbde 100%);
  background-image: -moz-linear-gradient(bottom, #d2d9df 0, #d7dbde 100%);
  background-image: -ms-linear-gradient(bottom, #d2d9df 0, #d7dbde 100%);
  background-image: -o-linear-gradient(bottom, #d2d9df 0, #d7dbde 100%);
  background-image: linear-gradient('to top', #d2d9df 0, #d7dbde 100%);
}
.tpl-winkelwagen .winkelwagen th {
  color: #000000;
  font-size: 1.1rem;
  font-weight: normal;
  padding: 1.32em 1rem 1.3rem 1rem;
  text-align: left;
  text-transform: uppercase;
}
.tpl-winkelwagen .winkelwagen td {
  border-top: 0.1rem solid #d7dbde;
  padding: 2rem 1rem 1.5rem 1rem;
  vertical-align: top;
}
.tpl-winkelwagen .winkelwagen figure {
  height: 100%;
  width: 100%;
}
.tpl-winkelwagen .winkelwagen [class*="title"] {
  font-family: ubuntu-regular, sans-serif;
  line-height: 1.23;
  margin-bottom: 1rem;
  text-transform: none;
}
.tpl-winkelwagen .winkelwagen .col-prijs {
  white-space: nowrap;
  text-align: right;
}
.tpl-winkelwagen .winkelwagen .col-delete {
  vertical-align: bottom;
  padding: 0;
  width: 0;
}
.tpl-winkelwagen .winkelwagen .col-delete div {
  position: relative;
}
.tpl-winkelwagen .winkelwagen tbody .col-product {
  padding: 2rem 0 1.5rem 0;
  width: 17%;
}
.tpl-winkelwagen .winkelwagen tbody .col-aantal {
  width: 8.8rem;
}
.tpl-winkelwagen .winkelwagen tbody .col-prijs {
  color: #333;
  width: 11%;
}
.tpl-winkelwagen .winkelwagen tbody .col-prijs span.light {
  color: #868686;
}
.tpl-winkelwagen .winkelwagen tbody .col-prijs strong {
  margin-left: 10px;
}
.tpl-winkelwagen .winkelwagen tbody figure.cadeaubon-winkelwagen {
  position: relative;
  text-align: center;
}
.tpl-winkelwagen .winkelwagen tbody figure.cadeaubon-winkelwagen span {
  color: #ec1b24;
  font-weight: bold;
  margin-top: -1rem;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
}
.tpl-winkelwagen .winkelwagen .maat:after {
  content: ",";
}
.tpl-winkelwagen .winkelwagen td {
  padding-bottom: 3rem;
  padding-top: 5.7rem;
}
.tpl-winkelwagen .winkelwagen tbody .col-product {
  padding-bottom: 3rem;
  padding-top: 3rem;
  width: 25%;
}
.tpl-winkelwagen .winkelwagen [class*="title"] {
  margin-bottom: 3.5rem;
}
.tpl-winkelwagen .winkelwagen .maat {
  background: #211f1f;
  color: #ffffff;
  display: inline-block;
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3.2rem;
  margin: -0.5rem;
  text-align: center;
  width: 3rem;
}
.tpl-winkelwagen .winkelwagen .maat:after {
  content: "";
}
.tpl-winkelwagen .winkelwagen .shoppingbag-delete {
  margin-top: 4rem;
}
.tpl-winkelwagen .winkelwagen .shoppingbag-delete a {
  color: #8c8c8c;
  display: block;
  padding-left: 1.5rem;
  position: relative;
}
.tpl-winkelwagen .shoppingbag-total {
  float: right;
}
.tpl-winkelwagen .shoppingbag-total tr td {
  padding-right: 3rem;
  text-align: right;
}
.tpl-winkelwagen .shoppingbag-total tr td:last-child {
  padding-right: 0;
}
.tpl-winkelwagen .shoppingbag-total tr.totals {
  color: #ec1b24;
  font-size: 2rem;
  font-weight: bold;
}
.tpl-winkelwagen .popup-container .suggestions {
  border-top: 0.1rem #d7dbde solid;
  width: 100%;
}
.tpl-winkelwagen .popup-container .suggestions td {
  border-bottom: 0.1rem #d7dbde solid;
  line-height: 2rem;
  padding: 2rem 0;
}
.tpl-winkelwagen .popup-container .suggestions td.buy {
  padding: 2rem 0 8rem 2rem;
  position: relative;
  text-align: right;
  width: 9rem;
}
.tpl-winkelwagen .popup-container .suggestions td.buy .article-price {
  font-weight: bold;
}
.tpl-winkelwagen .popup-container .suggestions td.buy .article-price .old {
  color: #000000;
  font-weight: normal;
  text-decoration: line-through;
}
.tpl-winkelwagen .popup-container .suggestions td.buy .article-price .sale {
  color: #ec1b24;
}
.tpl-winkelwagen .popup-container .suggestions td.buy .btn-shoppingbag {
  bottom: 2rem;
  position: absolute;
  right: 0;
}
.tpl-winkelwagen .popup-container .suggestions td.img {
  padding: 2rem 2rem 2rem 0;
  width: 12rem;
}
.tpl-winkelwagen .popup-container .suggestions td .article-brand {
  color: #000000;
  font-size: 1.5rem;
  font-weight: bold;
}
.tpl-winkelwagen .popup-container .suggestions td .sizes {
  margin: 1.7rem 0 0;
}
.tpl-winkelwagen .popup-container .btn.icon-next {
  color: #211f1f;
  float: right;
  font-size: 1.3rem;
  font-style: italic;
  margin-top: 2.5rem;
}
.tpl-winkelwagen .popup-container .btn.icon-next:after {
  right: 0;
}
.tpl-checkout #main-nav,
.tpl-checkout #search-bar,
.tpl-checkout #footer-links,
.tpl-checkout .country-select,
.tpl-checkout .header-tt-menu li {
  display: none;
}
.tpl-checkout #logo {
  bottom: -125px;
}
.tpl-checkout #top-bar {
  margin: 2.5rem 0 5.3rem 0;
}
.tpl-checkout #header-usp {
  margin-bottom: 6.7rem;
}
.tpl-checkout #header-usp .center .usps {
  margin-left: 26rem;
}
.tpl-checkout .header-tt-menu .menuitem-winkelwagen {
  display: block;
}
.tpl-checkout .header-tt-menu .menuitem-winkelwagen:hover > a,
.tpl-checkout .header-tt-menu .menuitem-winkelwagen.is_active > a {
  border-color: #fff !important;
}
.tpl-checkout .header-tt-menu .menuitem-winkelwagen:hover .shoppingbag,
.tpl-checkout .header-tt-menu .menuitem-winkelwagen.is_active .shoppingbag {
  display: none !important;
}
.tpl-checkout .title-xl {
  display: block;
  text-transform: uppercase;
}
.tpl-checkout .hgroup [class*="title"] {
  float: left;
}
.tpl-checkout .hgroup a {
  color: #575757;
  float: right;
  margin: 0.5rem 0;
}
.order-step {
  color: #ffffff;
  height: 5rem;
  line-height: 5rem;
  margin-bottom: 6.2rem;
  overflow: hidden;
  text-align: center;
  text-transform: uppercase;
}
.order-step li {
  background: #000000;
  float: left;
  position: relative;
  width: 33.33%;
}
.order-step li:before,
.order-step li:after {
  border-bottom: 5rem solid transparent;
  border-top: 5rem solid transparent;
  content: "";
  position: absolute;
  top: -2.5rem;
}
.order-step li:before {
  border-left: 2rem solid #ffffff;
  left: -0.5rem;
}
.order-step li:after {
  border-left: 2rem solid #000000;
  right: -0.5rem;
  z-index: 1;
}
.order-step li:first-child:before {
  content: none;
}
.order-step li:last-child:after {
  content: none;
}
.order-step a,
.order-step span {
  color: inherit;
  display: block;
}
.order-step a {
  position: relative;
}
.order-step a:after {
  background: url(../img/default/sprite.png) no-repeat -11.6rem 0.2rem;
  bottom: 0;
  content: "";
  height: 2rem;
  margin: auto;
  position: absolute;
  right: 2.5rem;
  top: 0;
  width: 2rem;
}
.order-step .is_active {
  background: #ddd;
  color: #000000;
}
.order-step .is_active:after {
  border-left-color: #ddd;
}
.checkout-usps {
  border: 0.1rem solid #D7DBDE;
  clear: right;
  float: right;
  margin-bottom: 5rem;
  padding: 4rem 2rem 4rem 4rem;
  width: 44rem;
}
.checkout-usps .usps li {
  float: left;
  width: 20rem;
}
.checkout-usps .usps li:nth-child(even) {
  float: right;
  width: 17rem;
}
.data-table {
  margin-bottom: 1rem;
  width: 100%;
}
.data-table td {
  padding: 0.2rem 10rem 0.3rem 0;
  vertical-align: top;
}
.data-table td:first-child {
  padding: 1rem 1rem 1rem 0;
  width: 16rem;
}
.data-table td:last-child label {
  display: inline-block;
  padding: 0.7rem 0;
}
.data-table em {
  float: right;
}
.order-block {
  float: left;
  width: 54rem;
}
.order-overview-block {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -pie-background: linear-gradient(to bottom, #dddddd 0, #d1d9df 100%);
  background-image: -webkit-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -moz-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -ms-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: -o-linear-gradient(top, #dddddd 0, #d1d9df 100%);
  background-image: linear-gradient(to bottom, #dddddd 0, #d1d9df 100%);
  color: #000000;
  margin-bottom: 3rem;
  padding: 0.7rem 1rem;
}
.order-table-block {
  margin-bottom: 3rem;
}
.order-adress {
  width: 50%;
}
.payment-block {
  color: #000000;
  float: left;
  margin-bottom: 5rem;
  width: 50%;
}
.payment-block td {
  padding: 0.5rem 1rem 0.5rem 0;
}
.payment-block label {
  vertical-align: middle;
}
.payment-block [class*="icon-"] {
  background: url(../img/default/sprite.png) no-repeat;
  display: inline-block;
  height: 2.7rem;
  width: 4.5rem;
}
.payment-block .icon-bancontact {
  background-position: -25.7rem 0.1rem;
}
.payment-block .icon-ideal {
  background-position: -26.1rem -3.5rem;
}
.payment-block .icon-maestro {
  background-position: -26.1rem -7.1rem;
}
.payment-block .icon-sign2pay {
  background: url(../img/default/sign2pay.gif);
}
.payment-block .icon-sign2paynl {
  background: url(../img/default/sign2paynl.gif);
}
.payment-block .icon-visa {
  background-position: -26.1rem -10.7rem;
}
.payment-block .icon-mastercard {
  background-position: -26.1rem -14.2rem;
}
.payment-block .icon-paypal {
  background-position: -26.1rem -17.5rem;
}
.payment-block [class*="icon-klarna-"] {
  background-position: -19.6rem -23.7rem;
}
.payment-block [class*="icon-ideal-"] {
  width: 3rem;
}
.payment-block .icon-ideal-abnamro {
  background-position: -22.7rem -6.7rem;
}
.payment-block .icon-ideal-rabobank {
  background-position: -22.7rem -3.2rem;
}
.payment-block .icon-ideal-ing {
  background-position: -22.7rem 0.3rem;
}
.payment-block .icon-ideal-snsbank {
  background-position: -15.9rem -6.7rem;
}
.payment-block .icon-ideal-friesland {
  background-position: -15.9rem -3.2rem;
}
.payment-block .icon-ideal-snsregio {
  background-position: -15.9rem 0.3rem;
}
.payment-block .icon-ideal-asnbank {
  background-position: -19.3rem -6.7rem;
}
.payment-block .icon-ideal-triodos {
  background-position: -19.3rem -3.2rem;
}
.payment-block .icon-ideal-lanschot {
  background-position: -19.3rem 0.3rem;
}
.payment-block .icon-kbc-online {
  background-position: -20rem -17.1rem;
}
.payment-block .icon-dexia-direct-net {
  background-position: -20.1rem -14.3rem;
}
.payment-block .icon-ing-homepay {
  background-position: -11.5rem -17.1rem;
}
.payment-block .icon-cbc-online {
  background-position: -3.6rem -23.8rem;
}
.payment-block .icon-overboeking {
  background-position: -16rem -17.1rem;
}
.payment-block .icon-sofortueberweisung {
  background-position: -8.199999999999999rem -23.8rem;
}
.payment-block .icon-amex {
  background-position: 0.5rem -23.8rem;
}
.bestelling {
  float: right;
  margin-bottom: 3rem;
  width: 54rem;
}
.bestelling .order-overview-block {
  margin-bottom: 0;
}
.bestelling-winkelwagen {
  width: 100%;
}
.bestelling-winkelwagen th {
  color: #000000;
  padding: 0 1rem;
  text-align: left;
  text-transform: uppercase;
}
.bestelling-winkelwagen th:last-child {
  padding-right: 0;
  text-align: right;
}
.bestelling-winkelwagen td {
  border-bottom: 0.1rem solid #D7DBDE;
  padding: 3rem 1rem;
  vertical-align: top;
}
.bestelling-winkelwagen td:last-child {
  padding-right: 0;
  text-align: right;
}
.bestelling-winkelwagen p:last-child {
  margin: 0;
}
.bestelling-winkelwagen .contain {
  padding-left: 0;
  padding-right: 0;
  width: 10rem;
}
.bestelling-winkelwagen img {
  max-height: 8.5rem;
  max-width: 100%;
}
.bestelling-kassa {
  margin: 0 0 0 auto;
  width: 24rem;
}
.bestelling-kassa th {
  font-weight: normal;
  text-align: left;
}
.bestelling-kassa td {
  text-align: right;
}
.bestelling-kassa tbody tr:first-child th,
.bestelling-kassa tbody tr:first-child td {
  padding-top: 1.5rem;
}
.bestelling-kassa tbody tr:last-child th,
.bestelling-kassa tbody tr:last-child td {
  border-bottom: 0.1rem solid #D7DBDE;
  padding-bottom: 1.5rem;
}
.bestelling-kassa tfoot th,
.bestelling-kassa tfoot td {
  padding: 1.5rem 0;
}
.kortingscode {
  margin-bottom: 5rem;
}
.kortingscode form {
  margin-bottom: 3rem;
}
.kortingscode [class*="title"] {
  margin-bottom: 0.5rem;
}
.kortingscode p {
  margin-bottom: 1rem;
}
.kortingscode [type="text"] {
  float: left;
  margin-right: 2rem;
  width: 24rem;
}
.kortingscode .btn {
  float: left;
}
.voorwaarden {
  border-top: 0.1rem solid #D7DBDE;
  clear: both;
  padding-top: 2rem;
}
.voorwaarden a {
  color: #ec1b24;
}
.tpl-account #breadcrumb {
  margin-bottom: 5rem;
}
.tpl-account .gegevens {
  float: left;
  margin-bottom: 4rem;
  width: 26.6rem;
}
.tpl-account .gegevens + .gegevens {
  margin-left: 2rem;
}
.tpl-account .gegevens th {
  color: #000000;
  text-align: left;
  text-transform: uppercase;
}
.tpl-account .gegevens td:first-child {
  width: 8rem;
}
.tpl-account .orders {
  clear: both;
  width: 100%;
}
.tpl-account .orders th {
  color: #000000;
  text-align: left;
  text-transform: uppercase;
}
.tpl-account .orders a {
  color: #ec1b24;
}
.tpl-account .orders a:hover {
  color: #000000;
}
.tpl-account .orders .link a {
  background: url(../img/default/sprite.png) no-repeat -2.3rem -0.2rem;
  display: block;
  height: 1.1rem;
  width: 1.1rem;
}
.tpl-account article .article {
  padding-bottom: 3rem;
}
.tpl-account article .article-info {
  margin-bottom: 0.5rem;
  width: 18rem;
}
.tpl-account article .article-price {
  bottom: 5.7rem;
  position: absolute;
  right: 1rem;
  text-align: right;
}
.tpl-account article .article-price .old,
.tpl-account article .article-price .sale {
  float: none;
  margin: 0;
}
.tpl-account article .wishlist-delete {
  background: url(../img/default/sprite.png) no-repeat -14.2rem -0.1rem;
  height: 1.1rem;
  overflow: hidden;
  position: absolute;
  right: 1rem;
  text-indent: 2rem;
  top: 1rem;
  width: 1.1rem;
}
.tpl-account article .wishlist-shoppingbag {
  bottom: 1rem;
  left: 1rem;
  position: absolute;
  right: 1rem;
}
.tpl-account article .btn-shoppingbag {
  bottom: 0;
  position: absolute;
  right: 0;
}
.tpl-cm .tt_template li {
  margin-left: 1.5rem;
  list-style: square;
}
/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* 
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
}
#colorbox {
  border: 1px solid #ccc;
  outline: 0;
  background: #fff;
}
#colorbox .hgroup {
  left: 3.5rem;
  position: absolute;
  top: 3.5rem;
  z-index: 1;
}
#colorbox .prijs {
  color: #000000;
  font-family: ubuntu-regular, sans-serif;
  font-size: 3.5rem;
  margin-top: -2rem;
}
#colorbox .prijs del {
  font-size: 1.3rem;
  margin-right: 1rem;
}
#colorbox .slideshow {
  height: 100%;
  padding: 7rem;
  position: static;
  width: 100%;
}
#colorbox .slideshow figure {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  cursor: auto;
  margin: 0;
  padding: 0;
  position: relative;
  height: 100%;
}
#colorbox .slideshow-image {
  max-height: 100%;
  max-width: 100%;
}
#colorbox .thumbs {
  bottom: 3.5rem;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
}
#colorbox .thumbs li {
  width: 100%;
}
#colorbox .img-360 {
  display: none;
}
#colorbox [class*="label"] {
  display: none;
}
#cboxContent {
  background: #fff;
  overflow: hidden;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 3.5rem;
  border: 1px solid #ccc;
}
#cboxLoadedContent {
  padding: 3.5rem;
}
#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}
#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}
#cboxLoadingOverlay {
  background: #fff;
}
#cboxLoadingGraphic {
  background: #ffffff url(../img/default/loader.gif) no-repeat center center;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}
#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
#cboxClose {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0 0 0 4px;
  -moz-border-radius: 0 0 0 4px;
  border-radius: 0 0 0 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background: #000000;
  display: block;
  height: 8.8rem;
  line-height: 8.8rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-indent: 100%;
  top: 0;
  width: 8.8rem;
}
#cboxClose:after {
  background: url(../img/default/sprite.png) no-repeat -24.5rem 0.4rem;
  background-size: 42.9rem 29.4rem;
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  border-radius: 50% 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border: 4px solid #ffffff;
  bottom: 0;
  content: "";
  height: 4rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem;
}
#cboxClose:hover {
  background-color: #ffffff;
}
/*
	The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
	when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
	See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}
#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url(../../img/default/fancybox/fancybox.png);
}
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}
#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}
#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}
#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-content {
  float: left;
  width: 0;
  height: 0;
  padding: 10px;
  outline: none;
  position: relative;
  z-index: 1102;
  border: 0px solid #fff;
  background: #fff;
}
#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}
#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url(../../img/default/fancybox/fancybox.png) -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}
#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}
#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}
#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
#fancybox-left,
#fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url(../../img/default/fancybox/blank.gif);
  z-index: 1102;
  display: none;
}
#fancybox-left {
  left: 0px;
}
#fancybox-right {
  right: 0px;
}
#fancybox-left-ico,
#fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}
#fancybox-left-ico {
  background-image: url(../../img/default/fancybox/fancybox.png);
  background-position: -40px -30px;
}
#fancybox-right-ico {
  background-image: url(../../img/default/fancybox/fancybox.png);
  background-position: -40px -60px;
}
#fancybox-left:hover,
#fancybox-right:hover {
  visibility: visible;
  /* IE6 */
}
#fancybox-left:hover span {
  left: 20px;
}
#fancybox-right:hover span {
  left: auto;
  right: 20px;
}
.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}
#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url(../../img/default/fancybox/fancybox-x.png);
}
#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url(../../img/default/fancybox/fancybox.png);
  background-position: -40px -162px;
}
#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../../img/default/fancybox/fancybox-y.png');
  background-position: -20px 0px;
}
#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../../img/default/fancybox/fancybox.png');
  background-position: -40px -182px;
}
#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../../img/default/fancybox/fancybox-x.png');
  background-position: 0px -20px;
}
#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../../img/default/fancybox/fancybox.png');
  background-position: -40px -142px;
}
#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../../img/default/fancybox/fancybox-y.png');
}
#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../../img/default/fancybox/fancybox.png');
  background-position: -40px -122px;
}
#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}
.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}
.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
  text-align: center;
}
.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}
#fancybox-title-over {
  padding: 10px;
  background-image: url('../../img/default/fancybox/fancy_title_over.png');
  display: block;
}
.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}
#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}
#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}
#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../../img/default/fancybox/fancybox.png') -40px -90px no-repeat;
}
#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../../img/default/fancybox/fancybox-x.png') 0px -40px;
}
#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../../img/default/fancybox/fancybox.png') -55px -90px no-repeat;
}
/* IE6, IE7, IE8

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/default/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }
*/
/* 
 * Scroller v3.0.4 - 2014-04-08 
 * A jQuery plugin for replacing default browser scrollbars. Part of the Formstone Library. 
 * http://formstone.it/scroller/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */
.scroller {
  overflow: hidden;
  position: relative;
  /* Webkit Fix */
}
.scroller-content {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  z-index: 1;
}
.scroller-bar {
  background: #ffffff;
  display: none;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  z-index: 2;
}
.scroller-track {
  background-color: #D9D9D9;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 0.4rem;
}
.scroller-handle {
  -webkit-transition: right 0.1s linear width 0.1s linear;
  -moz-transition: right 0.1s linear width 0.1s linear;
  -ms-transition: right 0.1s linear width 0.1s linear;
  -o-transition: right 0.1s linear width 0.1s linear;
  transition: right 0.1s linear width 0.1s linear;
  position: relative;
  background: #000000;
  cursor: pointer;
  height: 2rem;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 0.4rem;
  z-index: 2;
}
.scroller-content {
  padding: 0 0 0 0;
}
.scroller-content::-webkit-resizer,
.scroller-content::-webkit-scrollbar-button,
.scroller-content::-webkit-scrollbar-track,
.scroller-content::-webkit-scrollbar-track-piece,
.scroller-content::-webkit-scrollbar-thumb,
.scroller-content::-webkit-scrollbar-corner {
  filter: alpha(opacity=0);
  /* IE 5 6 7 8 9 */
  opacity: 0;
  /* W3C */
  background: transparent;
}
.scroller-active .scroller-content {
  padding: 0 3rem 0 0;
}
.scroller-active .scroller-bar {
  display: block;
}
.scroller-horizontal .scroller-content {
  overflow: auto;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0 0 1rem 0;
}
.scroller-horizontal .scroller-bar {
  border-left: none;
  border-top: 1px solid #EEEEEE;
  bottom: 0;
  height: 2rem;
  top: auto;
  width: 100%;
}
.scroller-horizontal .scroller-handle {
  bottom: 5px;
  height: 1rem;
  right: auto;
  top: auto;
  width: 2rem;
}
/* 
 * Picker v3.0.11 - 2014-02-26 
 * A jQuery plugin for replacing default checkboxes and radios. Part of the formstone library. 
 * http://formstone.it/picker/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */
.picker {
  cursor: pointer;
  overflow: hidden;
  /* Focus */
  /* Radio Input */
  /* Checkbox Input */
  /* 'Disabled' State */
}
.picker-element {
  filter: alpha(opacity=0);
  /* IE 5 6 7 8 9 */
  opacity: 0;
  /* W3C */
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  position: absolute;
  z-index: -1;
}
.ie8 .picker-element {
  left: -99999px;
}
.picker-label {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
  display: block;
  float: left;
}
.picker-handle {
  background: #fff;
  border: 1px solid #8c8c8c;
  display: block;
  float: left;
  height: 1.5rem;
  margin: 0.2rem 0.5rem 0 0;
  width: 1.5rem;
}
.picker.focus .picker-label {
  color: #555;
}
.picker.focus .picker-handle {
  border-color: #8c8c8c;
}
.picker.picker-radio .picker-handle {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.picker.picker-radio .picker-flag {
  display: block;
  height: 0.5rem;
  margin: 0.4rem;
  width: 0.5rem;
}
.picker.picker-radio.checked .picker-handle {
  border-color: #211f1f;
}
.picker.picker-radio.checked .picker-flag {
  background: #231f20;
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.picker.picker-checkbox .picker-flag {
  background: #fff;
  display: block;
  height: 100%;
  margin: 0;
  width: 100%;
}
.picker.picker-checkbox.checked .picker-handle {
  border-color: #211f1f;
}
.picker.picker-checkbox.checked .picker-flag {
  background: url(../img/default/sprite.png) 0.1rem -1.9rem;
}
.picker.disabled {
  filter: alpha(opacity=50);
  /* IE 5 6 7 8 9 */
  opacity: 0.5;
  /* W3C */
  cursor: default;
}
.picker.disabled .picker-label {
  cursor: default;
}
.picker.disabled .picker-handle {
  cursor: default;
}
/* 
 * Selecter v3.0.18 - 2014-04-01 
 * A jQuery plugin for replacing default select elements. Part of the Formstone Library. 
 * http://formstone.it/selecter/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */
.selecter-element {
  filter: alpha(opacity=0);
  /* IE 5 6 7 8 9 */
  opacity: 0;
  /* W3C */
  position: absolute;
}
.android .selecter-element {
  z-index: 1;
}
.selecter {
  display: block;
  position: relative;
  text-align: left;
  white-space: nowrap;
  /* 'Bottom' Positioning */
}
.selecter-selected {
  background: #211f1f;
  border: 0.1rem solid #211f1f;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  margin: 0;
  position: relative;
  padding: 0.5rem 4.5rem 0.5rem 1.5rem;
  text-overflow: clip;
}
.selecter-selected:hover {
  border-color: #888;
}
.selecter-selected:before {
  background: url(../img/default/sprite.png) no-repeat -6rem -0.5rem;
  content: "";
  height: 1rem;
  position: absolute;
  right: 0;
  top: 1rem;
  z-index: 1;
  width: 2rem;
}
.selecter-selected:after {
  bottom: 0;
  right: 0.8rem;
  top: 0;
  z-index: 1;
}
.selecter-options {
  background-color: #ffffff;
  border: 0.1rem solid #211f1f;
  border-top: 0;
  display: none;
  left: 0;
  margin: -1px 0 0 0;
  max-height: 26rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 100%;
  min-width: 100%;
  z-index: 50;
}
.ie8 .selecter-options {
  width: auto;
}
.selecter-options .scroller {
  overflow: hidden;
}
.selecter-options .scroller-content {
  max-height: 26rem;
  padding: 0;
}
.selecter-group {
  background: #F9F9F9;
  border-bottom: 1px solid #211f1f;
  color: #000000;
  display: block;
  font-size: 1.3rem;
  padding: 0.5rem 1rem 0.4rem;
  text-transform: uppercase;
}
.selecter-item {
  background: #fff;
  border-bottom: 1px solid #211f1f;
  color: #000000;
  cursor: pointer;
  display: block;
  font-size: 1.3rem;
  height: 3.7rem;
  margin: 0;
  overflow: hidden;
  padding: 0.8rem 1rem;
  text-overflow: ellipsis;
  width: 100%;
}
.selecter-item:hover,
.selecter-item.selected {
  background: #d7dbde;
}
.selecter-item.disabled {
  color: #999;
  cursor: default;
}
.selecter-item:first-child {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.selecter-item:last-child {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-bottom: 0;
}
.selecter.open .selecter-selected {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background: #000000;
  border-color: #211f1f;
  color: #ffffff;
}
.selecter.cover .selecter-options {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  border-width: 2px;
  top: 0;
}
.selecter.cover .selecter-options .selecter-item.first {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.selecter.cover.open .selecter-selected {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 49;
}
.selecter.bottom .selecter-options {
  border-width: 1px 1px 0;
  bottom: 100%;
  top: auto;
}
.selecter.bottom .selecter-item:last-child {
  border: none;
}
.selecter.bottom.open .selecter-selected {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.selecter.bottom.open .selecter-options {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.selecter.bottom.cover .selecter-options {
  bottom: 0;
  top: auto;
}
.selecter.bottom.cover.open .selecter-selected,
.selecter.bottom.cover.open .selecter-options {
  behavior: url(/htc/pie/v2b1/PIE.htc);
  position: relative;
  zoom: 1;
  -pie-watch-ancestors: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.selecter.disabled .selecter-selected {
  background: #fff;
  border-color: #eee;
  color: #ccc;
  cursor: default;
}
.selecter.disabled .selecter-options {
  background: #fff;
  border-color: #eee;
}
.selecter.disabled .selecter-group,
.selecter.disabled .selecter-item {
  border-color: #eee;
  color: #ccc;
  cursor: default;
}
.selecter.disabled .selecter-item.selected {
  background: #fafafa;
}
.selecter-white .selecter-selected {
  background: #ffffff;
  border: 0.1rem solid #211f1f;
  color: #211f1f;
}
.selecter-white .selecter-selected:hover {
  border-color: #888;
}
.selecter-white .selecter-selected:before {
  background: url(../img/default/sprite.png) no-repeat -8.699999999999999rem -0.5rem;
  right: 1rem;
  width: 1rem;
}
.selecter-white .selecter.open .selecter-selected {
  background: #ffffff;
  border-color: #211f1f;
  color: #211f1f;
}
.selecter-white .selecter-options-group {
  background: #F9F9F9;
  border-bottom: 1px solid #211f1f;
  color: #000000;
  display: block;
  font-size: 1.3rem;
  padding: 0.5rem 1rem 0.4rem;
  text-transform: uppercase;
}
.selecter-white .selecter-options.open .selecter-selected {
  background: #ffffff;
  border-color: #211f1f;
  color: #ffffff;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
}
.noUi-origin {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
}
.noUi-handle {
  position: relative;
  z-index: 1;
}
.noUi-stacking .noUi-handle {
  /* This class is applied to the lower origin when
	   its values is > 50%. */
  z-index: 10;
}
.noUi-stacking + .noUi-origin {
  /* Fix stacking order in IE7, which incorrectly
	   creates a new context for the origins. */
  *z-index: -1;
}
.noUi-state-tap .noUi-origin {
  -webkit-transition: left 0.3s, top 0.3s;
  transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 0.5rem;
}
.noUi-horizontal .noUi-handle {
  height: 1.5rem;
  left: -5px;
  top: -6px;
  width: 1.5rem;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}
/* Styling;
 */
.noUi-background {
  background: #CCCCCC;
}
.noUi-connect {
  background: #3FB8AF;
  -webkit-transition: background 450ms;
  transition: background 450ms;
}
.noUi-origin {
  border-radius: 2px;
}
.noUi-target {
  border-radius: 4px;
  border: 1px solid #D3D3D3;
}
.noUi-target.noUi-connect {
  box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb;
}
/* Handles and cursors;
 */
.noUi-dragable {
  cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
  cursor: n-resize;
}
.noUi-handle {
  background: #ec1b24;
  cursor: default;
}
.noUi-active {
  box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.slideshow {
  height: 30rem;
  position: relative;
}
.slideshow .carousel {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slideshow .carousel > ul {
  position: absolute;
  top: 0;
}
.slideshow .prev,
.slideshow .next {
  border-bottom: 1rem solid transparent;
  border-top: 1rem solid transparent;
  display: block;
  height: 0;
  margin-top: -1rem;
  opacity: 0.6;
  position: absolute;
  top: 50%;
  width: 0;
}
.slideshow .prev:hover,
.slideshow .next:hover {
  opacity: 1;
}
.slideshow .prev {
  border-right: 1rem solid #000;
  left: -2rem;
}
.slideshow .next {
  border-left: 1rem solid #000;
  right: -1rem;
}
.slideshow .disabled {
  display: none !important;
}