/* 
	Project CSS by: d-engine.nl
	Author: Jerome Bohg - fuel@d-engine.nl
	Date: 14-07-2013
*/
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #333;
  background: #333 url(../img/bgmain2.png) center center;
}
input,
textarea {
  font: 12px 'Roboto', sans-serif;
}
ol,
ul {
  list-style: none;
}
ul ul {
  margin-left: 15px;
  margin-bottom: 10px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #000;
  line-height: 1;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 20px;
  color: #222;
}
h3 {
  font-size: 16px;
  color: #444;
}
h4 {
  font-size: 14px;
  color: #555;
}
p,
footer ul {
  line-height: 1.6em;
}
b,
strong {
  font-weight: bold;
}
italic {
  font-style: italic;
}
.hide {
  display: none !important;
}
.clear {
  clear: both;
}
hr {
  clear: both;
  display: block;
  height: 0px;
  border: none;
}
a {
  color: #d7212d;
  cursor: pointer;
}
.align-center {
  text-align: center;
}
.left {
  float: left;
}
.right {
  float: right;
}
.uc {
  text-transform: uppercase;
}
/* @end */
/* @group default links */
a:link,
a:active,
a:visited {
  color: #333;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #d7212d;
}
.noclick {
  cursor: default;
}
/* @end */
/* @group message */
.message {
  background: #d5f7fd;
  padding: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
  line-height: 1.6em;
  font-weight: bold;
}
/* @end */
/* @group global */
.debug [class*="span"] {
  background: yellow;
}
.bgclick {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.basewrap {
  position: relative;
  z-index: 10;
}
.debug .col_left,
.debug .col_right {
  background: red;
}
.debug .col_mid {
  background: yellow;
}
.debug .container {
  background: green;
}
.col_left,
.col_right,
.col_mid,
.col_big,
.col_full {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.col_left,
.col_right {
  width: 190px;
}
.col_mid {
  width: 520px;
}
.col_big {
  width: 730px;
}
.col_full {
  width: 940px;
}
/* @end */
/* @group header */
.site-header {
  margin: 10px 10px 15px 10px;
}
.site-header .container {
  min-height: 100px;
  position: relative;
}
.site-header .logo {
  width: 220px;
  margin: 5px 0 10px 0;
  position: relative;
  z-index: 800;
}
.searchbar {
  width: 100%;
  height: 30px;
  background: #F8F8F8;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.utils_lang {
  position: absolute;
  top: 7px;
  right: 10px;
}
.utils_lang a {
  display: block;
  float: left;
  margin-right: 5px;
}
.utils_links {
  position: absolute;
  top: 0;
  right: 0;
  color: #bbb;
}
.utils_links a {
  display: inline-block;
  margin: 0 5px;
  color: #D7212D;
  font-size: 11px;
  text-transform: uppercase;
  padding-top: 1px;
}
.utils_links a:hover {
  color: #333;
}
.utils_links a.contact {
  font-size: 13px;
  padding: 3px 0;
}
.utilsbar {
  position: absolute;
  top: 40px;
  right: 0;
  z-index: 100;
  width: 100%;
  text-align: center;
}
.utilsbar .item {
  height: 30px;
  padding: 5px 10px;
  border-radius: 2px;
  margin-left: 15px;
  background: #eee;
  font-size: 14px;
  line-height: 1.1em;
  text-transform: uppercase;
}
.utilsbar .delivery {
  background: #089de2;
  padding: 5px 10px 5px 10px;
  color: #fff;
}
.utilsbar .delivery a {
  color: #fff;
}
.utilsbar .delivery:hover {
  background: #f99e00;
}
.utilsbar .qsearch {
  padding: 3px;
  position: relative;
  margin-left: 25%;
  margin-right: 25%;
  text-align: left;
  background: #D7212D;
}
.utilsbar .qsearch form {
  background: #fff;
  border: 1px solid #D7212D;
  margin: 0;
  padding: 0;
}
.utilsbar .qsearch input {
  width: 65%;
  margin: 0;
  border: none;
  background: #fff;
  font-size: 14px;
}
.utilsbar .qsearch button {
  float: right;
  border: none;
  height: 28px;
  border-radius: 0;
  font-size: 16px;
  line-height: 28px;
  padding: 0 15px;
  background-color: #444;
  color: #fff;
}
.utilsbar .qsearch button:hover {
  background-color: #03af03;
  color: #fff;
}
.site-header .smartsearch {
  width: 455px;
}
.utilsbar .qcart {
  position: absolute;
  right: 0;
  top: 0;
  background: #eee url(../img/icons/cart.png) 7px center no-repeat;
  padding: 5px 10px 5px 50px;
  text-align: right;
}
.utilsbar .qcart .cart-title,
.utilsbar .qcart p {
  display: block;
  margin: 0;
}
.utilsbar .qcart .cart-title {
  font-size: 14px;
  margin: 2px 0;
}
.utilsbar .qcart p {
  font-size: 12px;
  text-transform: none;
  line-height: 1;
  font-style: italic;
  color: #777;
}
/* @end */
/* @group breadcrumbs */
.crumbs {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
}
.crumbs a {
  display: inline-block;
  line-height: 30px;
  font-size: 10px;
  text-transform: uppercase;
  color: #777;
}
.crumbs a:hover {
  color: #ED1C23;
}
/* @end */
/* @group USP's */
.usps {
  width: 100%;
  margin-left: -10px;
  padding: 5px 10px;
  overflow: hidden;
  border-top: 1px solid #ddd;
  text-align: center;
}
.usps .usp {
  display: inline-block;
}
.usps .usp a {
  display: block;
  line-height: 1em;
  font-size: 14px;
  padding: 7px 17px;
  color: #555;
  transition: all 0.2s ease-in-out;
}
.usps .usp a i {
  font-size: 18px;
  color: #03af03;
}
.usps .usp a i:before {
  margin-left: -0.4em;
  margin-top: -0.15em;
}
.usps .usp a span {
  display: block;
  font-size: 12px;
  opacity: 0.8;
  padding-top: 5px;
}
.usps .usp a span.spacer {
  opacity: 0;
}
.usps .usp a:hover {
  color: #03af03;
}
.lang-fr .usps .usp a,
.lang-es .usps .usp a {
  padding: 7px 12px;
}
.lang-de .usps .usp a {
  padding: 7px 10px;
}
/* @end */
/* @group SHIPPING NOTICE */
.header-notice {
  margin: -15px 0 20px;
  background: #f8f8f8;
  text-align: center;
  color: #555;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}
.header-notice .inner {
  padding: 15px 20px;
}
.header-notice p {
  margin: 0;
}
/* @end */
/* @group uniSlider */
.royalSlider.uniSlider {
  width: 730px;
  margin-left: 20px;
  margin-bottom: 15px;
  float: left;
}
/* slider on product page */
.royalSlider.fullSlider {
  height: 400px;
}
.royalSlider.fullSlider .slide .close {
  display: block;
  text-align: center;
  margin-top: 30px;
  text-decoration: none;
  font-size: 24px;
  color: #fff;
  transition: all 0.4s ease-in-out;
}
.royalSlider.fullSlider .slide .close:hover {
  color: #089de2;
}
.sliderwrap {
  margin-right: 20px;
}
.royalSlider.rsFullscreen {
  background: url("../img/bgblack_70.png") !important;
}
/* @end */
/* @group SUBNAV */
.subnav a.active {
  color: #E91F24;
}
/* @end */
/* @group gridlist */
.gridrow {
  margin-left: -14px;
  *zoom: 1;
}
.gridrow:before,
.gridrow:after {
  display: table;
  line-height: 0;
  content: "";
}
.gridrow:after {
  clear: both;
}
.gridlist article {
  overflow: hidden;
  width: 30%;
  box-sizing: border-box;
  margin-left: 14px;
  margin-bottom: 14px;
  float: left;
  border-radius: 2px;
  border: 2px solid #ddd;
  transition: all 0.2s ease-out 0s;
}
.gridlist article .inner {
  padding: 10px;
  border-radius: 0 0 5px 5px;
}
.gridlist article:hover {
  border-color: #03af03;
}
.gridlist h2 {
  font-size: 12px;
}
.col_big .gridlist article {
  width: 22.8%;
}
.home .gridlist article {
  width: 47%;
}
/* @end */
/* @group catlist */
.catlist h2 {
  background: #888;
  text-align: center;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
  line-height: 1.6em;
}
.catlist h2 a:link,
.catlist h2 a:visited {
  display: block;
  color: #fff;
  height: 24px;
  overflow: hidden;
  text-decoration: none;
}
.catlist article {
  overflow: visible;
  margin-bottom: 30px;
}
.catlist article:hover {
  border-color: #03af03;
}
.catlist article:hover h2 {
  background: #03af03;
}
.catlist article .inner {
  text-align: center;
}
.catlist a.button {
  display: block;
  margin: -20px 0 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 5px;
  text-align: center;
  position: relative;
  z-index: 10;
}
.catlist a.myButton {
  display: block;
  margin: 0 20% -15px;
  position: relative;
  z-index: 10;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
}
.myButton {
  background-color: #03af03;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #03af03;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 13px;
  font-weight: normal;
  padding: 5px 10px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #528009;
}
.myButton:active {
  position: relative;
  top: 1px;
}
.home .categorie-list {
  overflow: hidden;
}
.home .categorie-list .item {
  width: 50%;
  float: left;
  padding-left: 30px;
  box-sizing: border-box;
}
.home .categorie-list .item:hover .inner {
  border-color: #03af03;
}
.home .categorie-list .item:hover .inner h2 {
  background: #03af03;
}
.home .categorie-list .inner {
  text-align: center;
  border: 2px solid #ddd;
  border-radius: 3px;
  margin-bottom: 40px;
  transition: all 0.25s ease-in-out;
}
.home .categorie-list .inner h2 {
  background: #888;
  margin: 0;
  transition: all 0.25s ease-in-out;
}
.home .categorie-list .inner h2 a {
  display: block;
  padding: 8px 20px;
  color: #fff;
  text-decoration: none;
}
.home .categorie-list .inner .info-box {
  padding: 30px 15px 20px;
}
.home .categorie-list .inner .myButton {
  display: block;
  margin: 0 20% -20px;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  font-size: 14px;
}
@media (max-width: 979px) {
  .home .categorie-list .item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home .categorie-list .item {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .home .categorie-list .item {
    width: 100%;
    padding-left: 0;
  }
}
/* @end */
/* @group productlist */
.ajax-loader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  background: rgba(255, 255, 255, 0.85) url(../img/ajax-loader.gif) center center no-repeat;
}
.js-ajax-product-grid {
  position: relative;
}
.js-ajax-product-grid .ajax-loader {
  top: -10px;
}
.js-ajax-product-grid.preloading .ajax-loader {
  display: block;
}
.prodlist article {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 0 0;
}
.prodlist .image {
  display: block;
  position: relative;
  background: url(../img/lazyload.gif) center center no-repeat;
}
.prodlist .video {
  position: absolute;
  bottom: 5px;
  right: 0px;
}
.prodlist .freegift {
  position: absolute;
  top: -11px;
  left: -1px;
}
.prodlist .iteminfo {
  padding: 10px 0 5px;
  margin-top: 5px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  min-height: 100px;
  position: relative;
  overflow: hidden;
}
.prodlist h2 {
  font-size: 15px;
  margin: 0 0 5px;
}
.prodlist em,
.prodlist span {
  display: block;
}
.prodlist .warranty {
  color: #777;
  text-transform: uppercase;
  font-size: 11px;
}
.prodlist .rating {
  margin: 0 0 10px;
}
.iteminfo .description {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -400px;
  overflow: hidden;
  background: url(../img/bgblack_85.png);
  color: #fff;
}
.iteminfo .description .inner {
  padding: 10px 5px 0;
}
.iteminfo .description p {
  line-height: 1.4em;
  margin-bottom: 0;
}
.prodlist .itemprice span {
  display: inline-block;
  margin: 0 0 5px;
}
.prodlist .price {
  font-size: 16px;
  color: #d7212d;
}
.prodlist .price.old {
  font-size: 13px;
  text-decoration: line-through;
  color: #555;
  margin-right: 10px;
}
.prodlist .actions {
  display: table;
  width: 100%;
  background: #f4f4f4;
  text-align: left;
}
.prodlist .actions .butt {
  display: table-cell;
  text-align: center;
  line-height: 1.4em;
  padding: 5px 0 5px;
  text-transform: uppercase;
  text-decoration: none;
}
/* button left - info */
.prodlist .actions .butt.inf {
  color: #000;
  border-right: 1px solid #ddd;
}
.prodlist .actions .butt.inf:hover {
  background: #333;
  color: #fff;
}
/* button right - kopen */
.prodlist .actions .butt.buy {
  color: #03af03;
}
.prodlist .actions .butt.buy:hover {
  background: #03af03;
  color: #fff;
}
.prodlist .actiexxx .butt.buy {
  background: #d7212d;
  color: #fff;
}
/* @end */
/* @group smallist */
.sidelist .product-card {
  padding: 15px 0 15px 5px;
  overflow: hidden;
  border: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.sidelist .product-card:hover {
  border-color: #03af03;
}
.sidelist .product-card:hover .button {
  background-color: #03af03;
}
.sidelist .product-card:hover .button .text {
  display: inline-block;
}
.sidelist .image {
  display: block;
  float: left;
  margin-right: 10px;
}
.sidelist .image img {
  width: 60px;
}
.sidelist h4 {
  font-size: 12px;
  margin: 0 0 5px 0;
  font-weight: bold;
}
.sidelist .price {
  color: #d7212d;
  font-size: 14px;
}
.sidelist .price.old {
  color: #888;
  font-size: 12px;
  text-decoration: line-through;
  margin-right: 10px;
}
.sidelist .rating {
  display: block;
  margin: 3px 0 0 0;
}
.sidelist .button {
  display: none !important;
  position: absolute;
  bottom: 5px;
  right: 0;
  background: #bbb;
  border-radius: 3px 0 0 3px;
  padding: 7px 10px 6px;
}
.sidelist .button .text {
  display: none;
  margin-right: 10px;
}
/* @end */
/* @group pagination */
.filter-sort {
  float: left;
  overflow: hidden;
}
.filter-sort label,
.filter-sort select {
  float: left;
}
.filter-sort label {
  display: block;
  line-height: 28px;
  margin-right: 10px;
}
.pagination {
  display: block;
  border-top: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px 10px 0;
  overflow: hidden;
}
.pagination .links,
.pagination .results {
  padding: 7px;
}
.pagination .links {
  float: right;
}
.pagination .links a:link,
.pagination .links a:visited {
  background: #555;
  padding: 6px 10px;
  color: #fff;
  text-decoration: none;
}
.pagination .links a:hover {
  background: #ED1C23;
}
.pagination .links b {
  padding: 6px 10px;
  text-decoration: none;
  color: #fff;
  background: #ED1C23;
}
.pagination .results {
  float: right;
}
/* @end */
/* @group icons */
.icn {
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  margin-top: 1px;
  vertical-align: text-top;
  width: 20px;
  margin-right: 5px;
  text-indent: -9999px;
}
.icn-cart {
  background: url(../img/icons/cart_in.png);
}
.icn-remove {
  display: block;
  float: left;
  background: url(../img/icons/trash.png);
  height: 22px;
  width: 16px;
}
/* @end */
/* @group box */
.body .box {
  margin-bottom: 30px;
}
.body .box h2,
.body .box h3 {
  border-bottom: 1px solid #ddd;
  color: #333333;
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 15px;
  padding: 0 0 8px;
  text-transform: uppercase;
}
.body .boxxx h2 span,
.body .boxxx h3 span {
  display: inline-block;
  line-height: 24px;
  padding-right: 20px;
  border-bottom: 2px solid #E91F24;
  margin-bottom: -1px;
}
/* @end */
/* @group Welcome box */
.box.welcomebox li,
.box.welcomebox li a {
  text-decoration: underline;
}
/* @end */
/* @group content */
.content {
  font-size: 14px;
}
.content h1 {
  font-size: 26px;
  margin: 8px 0 10px;
}
.content h3 {
  color: #000;
  font-size: 22px;
  margin-top: 30px;
}
.content p {
  margin-bottom: 20px;
}
.content .page-actions {
  margin-bottom: 15px;
}
.content .info {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}
.content .info.bottom {
  padding-top: 15px;
  padding-bottom: 5px;
  border-top: 1px solid #ddd;
}
.content a:link,
.content a:visited {
  color: #089de2;
  text-decoration: underline;
}
.content a:hover {
  color: #D7212D;
}
.content ol,
.content ul {
  margin: 15px 0;
}
.content ol li {
  list-style: decimal;
  line-height: 1.6em;
  margin-left: 25px;
}
.content ul li {
  list-style: disc;
  line-height: 1.6em;
  margin-left: 25px;
}
.clean-ul ul {
  margin: 0;
}
.clean-ul ul li {
  list-style: none;
  line-height: 1.6em;
  margin-left: 0;
}
.divider {
  height: 30px;
}
/* @end */
/* @group POST OUTPUT */
.post .post-header {
  padding: 0;
  margin: 0 0 30px;
}
/* @end */
/* @group NAAITIPS */
.naaitips .categories .category {
  margin-bottom: 30px;
}
.naaitips .categories .category .inner {
  padding: 20px;
  background: #f8f8f8;
  border: 2px solid #f4f4f4;
  border-radius: 3px;
  transition: all 0.2s ease-in-out;
}
.naaitips .categories .category .inner:hover {
  background: #f4f4f4;
}
.naaitips .categories .category .inner h2 {
  margin: 0 0 20px;
}
.naaitips .categories .category .inner a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  margin-bottom: 10px;
}
/* @end */
/* @group actieprijs */
.actieprijs .buttons {
  margin-top: 15px;
}
.actieprijs .product {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 20px;
}
.actieprijs .product img {
  padding: 10px;
}
.actieprijs .product .info {
  border: none;
  border-top: 1px solid #ddd;
  padding: 10px;
  margin: 0;
}
.actieprijs .freegift {
  background: #f8f8f8;
  overflow: hidden;
}
.actieprijs .freegift .img {
  float: left;
  width: 130px;
}
.actieprijs .freegift .box {
  float: left;
  padding: 20px;
  margin: 0;
}
.actieprijs .freegift .box h2 {
  border: none;
  color: #d7212d;
  font-weight: bold;
}
.actieprijs .freegift .box .name {
  display: block;
  font-size: 16px;
  margin-bottom: 15px;
}
.actieprijs .freegift .box .price {
  display: block;
  font-size: 16px;
}
.actieprijs .success-message {
  font-size: 20px;
  background: #f4f4f4;
  padding: 20px;
  padding-bottom: 1px;
  border-radius: 5px;
  text-align: center;
}
/* @end */
/* @group product-offer */
.product-offer .product {
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 20px;
}
.product-offer .product .img {
  float: left;
  margin-right: 30px;
}
.product-offer .product .info {
  border: none;
}
.product-offer .product .info h2 {
  font-weight: bold;
  font-size: 24px;
}
.product-offer .product .info .offerprice {
  display: block;
  font-size: 32px;
  color: #E91F24;
  font-weight: bold;
}
/* @end */
/* @group POST / PAGE */
.post p {
  overflow: hidden;
}
.post .actions a {
  text-decoration: none !important;
  color: #E91F24;
}
.post .actions.top {
  margin: 8px 0 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.post .actions.bottom {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
}
/* @end */
/* @group hascheckbox */
.hascheckbox label {
  overflow: hidden;
  line-height: 1.9em;
}
.hascheckbox label .chk {
  float: left;
  margin-right: 10px;
}
/* @end */
/* @group content_search */
.content_search {
  overflow: hidden;
}
.content_search .hascheckbox {
  float: left;
}
.content_search .button {
  float: right;
  margin-top: 20px;
}
.priceslider {
  padding: 10px 8px;
}
/* @end */
/* @group header decoration */
.body .deco {
  border-bottom: 1px solid #ddd;
  color: #333333;
  line-height: 1;
  margin-bottom: 15px;
  padding: 0 0 10px;
  text-transform: uppercase;
}
/* uitgezet op 27-08-2019 */
.body .deco-xx span {
  display: inline-block;
  line-height: 30px;
  padding-right: 50px;
  border-bottom: 2px solid #E91F24;
  margin-bottom: -1px;
}
.body h1.deco {
  font-size: 22px;
  margin-top: 4px;
}
.body h2.deco {
  font-size: 18px;
}
/* @end */
/* @group searchfor */
.searchfor {
  padding: 10px;
  background: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin: 0 0 15px;
}
.searchfor strong {
  font-size: 14px;
  text-transform: uppercase;
}
.searchfor a.clear {
  display: block;
  width: 20px;
  height: 20px;
  float: right;
}
/* @end */
/* @group product details */
.product .alert {
  margin: 0 0 20px;
}
.product h1 {
  margin-bottom: 15px;
}
.imgbox,
.infobox {
  width: 50%;
  float: left;
  margin-bottom: 5px;
}
.imgbox .mainimage {
  display: block;
  margin-right: 20px;
  text-align: center;
}
.imgbox .mainimage span {
  display: block;
  margin-top: 10px;
  text-align: center;
  height: 8px;
  text-transform: uppercase;
  position: relative;
  background: #333;
  border-bottom: 2px solid #E91F24;
  text-indent: -9999px;
}
.imgbox .mainimage span:after {
  display: block;
  content: " ";
  width: 30px;
  height: 8px;
  background: url(../img/arrow-up.png) center top no-repeat;
  position: absolute;
  left: 50%;
  top: -8px;
  margin-left: -15px;
}
.infobox h2 {
  margin-top: 0px;
  font-size: 18px;
  display: none;
}
.infobox .short {
  margin-bottom: 5px;
}
.infobox a.readmore:link,
.infobox a.readmore:visited {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  color: #0491c6;
}
.infobox a.readmore:hover {
  color: #d7212d;
}
.product .pricewrap {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
.product .pricewrap .price {
  display: inline-block;
  font-size: 26px;
  color: #d7212d;
  font-weight: bold;
}
.product .pricewrap .price.old {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  text-decoration: line-through;
  margin-right: 15px;
  margin-left: 5px;
}
.product .details {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding: 10px 0;
}
.product .details td {
  padding: 3px;
  font-size: 13px;
  color: #555;
}
.product .details td.key {
  font-weight: bold;
  width: 40%;
}
.product .details .stockstatus {
  font-weight: bold;
  font-style: normal;
  color: #d7212d;
}
.product .productdata .actions {
  background: #f6f6f6;
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.product .productdata .actions .viewBundels {
  display: inline-block;
  line-height: 48px;
  margin-left: 5px;
  white-space: nowrap;
  background: #089de2 url(../img/bgbutton-bundle.gif) center center no-repeat;
  background-size: contain;
  color: transparent;
  text-decoration: none;
  padding: 0 20px;
  border-radius: 3px;
}
.product .productdata .actions .viewBundels:hover {
  opacity: 0.7;
}
.product .actions input.numm {
  width: 30px;
  font-size: 20px;
  text-align: center;
  float: left;
  padding: 13px;
  margin-right: 5px;
}
.product .actions button {
  display: inline-block;
  min-height: 46px;
  background: #03af03;
  border: 2px solid #03af03;
  padding: 7px 20px 6px 20px;
  font-size: 18px !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.product .actions button .text {
  display: block;
}
.product .actions button .sub {
  display: block;
  font-size: 11px;
  margin-top: 3px;
  text-transform: none;
}
.product .actions button:hover {
  background-color: #00c100;
  border-color: #00c100;
}
.product .actions button .span {
  display: block;
  font-size: 20px !important;
  padding: 2px 10px 2px 5px;
  float: left;
  color: #fff !important;
}
.product .actions button i {
  display: none !important;
}
.product ul li {
  line-height: 2.2em;
  list-style: none;
  background: url(../img/check.gif) 0 6px no-repeat;
  margin-left: 15px;
  padding-left: 24px;
  color: #555;
}
.printview {
  display: none;
}
.thumbs {
  overflow: hidden;
  margin-right: 20px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
}
.thumbs a {
  display: inline-block;
  width: auto;
  margin: 5px;
  border: 1px solid #fff;
}
.thumbs a:hover {
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}
.thumbs a span {
  display: block;
  height: 35px;
  margin-top: -35px;
  text-indent: -99999px;
  background: url(../img/thumb-zoom.png) no-repeat bottom right;
  position: relative;
  z-index: 5;
}
.options {
  background: #FFFFCC;
  border: 1px solid #FFCC33;
  padding: 10px;
  margin-top: 2px;
  margin-bottom: 15px;
  border-radius: 3px;
}
.options strong {
  display: block;
  font-size: 14px;
  border-bottom: 1px solid #FFCC33;
  margin-bottom: 8px;
}
.options .radios span {
  display: block;
  overflow: hidden;
  padding-top: 2px;
}
.options .radios input {
  float: left;
  margin-right: 10px;
  margin-left: 3px;
}
.options .error {
  background: #ffdeea;
  padding: 8px;
  margin-top: 4px;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  border: 2px solid #fc0000;
  border-radius: 3px;
}
.options .stockstatus {
  display: inline-block;
  font-weight: bold;
  font-style: normal;
  border: 1px solid #FFCC33;
  background: #FFCC33;
  border-radius: 3px;
  padding: 2px 8px 1px;
  line-height: 1.4em;
}
.options .notice {
  background: #FFCC33;
  padding: 15px;
  padding-bottom: 1px;
  border-radius: 3px;
}
.tags {
  display: block;
  padding: 0;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 12px;
}
.tags label {
  display: none;
}
.tags a:link,
.tags a:visited {
  display: inline-block;
  line-height: 18px;
  padding: 1px 10px 1px;
  margin: 0 2px 4px 0;
  color: #888;
  background: #e4e4e4;
  text-decoration: none;
  border-radius: 3px;
}
.tags a:hover {
  color: #fff;
  background: #d7212d;
}
.review {
  background: #fff;
  padding: 10px;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.review .top {
  font-size: 14px;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.review .top strong {
  display: inline-block;
  margin-right: 10px;
  color: #D7212D;
  font-size: 16px;
}
.review .top .stars {
  float: right;
}
.attributes {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.attributesxx h3 {
  color: #D7212D;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 5px 5px;
  margin: 0;
}
.attributes table {
  background: #f1f0f0;
  width: 100%;
  border: 1px solid #ddd;
}
.attributes tr.odd {
  background: #fff;
}
.attributes td {
  vertical-align: top;
  padding: 5px 2%;
  color: #333;
  line-height: 18px;
  border-top: 1px solid #ddd;
}
.attributes td.key {
  width: 40%;
  border-right: 1px solid #ddd;
}
.attributes td span {
  display: block;
}
.attributes .help {
  display: block;
  text-align: center;
  font-size: 10px;
  text-transform: uppercase;
  color: #666;
}
.discounts td {
  vertical-align: middle;
}
.accessoires span {
  display: block;
  line-height: 2.2em;
  padding: 0 8px;
  background: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px;
  color: #333;
}
.accessoires span.odd {
  background: #f1f0f0;
}
.callme {
  background: #089de2;
  color: #fff;
  padding: 15px;
  border-radius: 5px;
  font-size: 22px;
  text-align: center;
  margin-top: 15px;
}
.question {
  padding: 30px 0;
  margin: 30px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.nextprevious {
  padding: 10px 0;
  overflow: hidden;
}
.nextprevious a {
  text-decoration: none !important;
  font-size: 20px;
  line-height: 40px;
  color: #bbb !important;
}
.nextprevious a.prev {
  float: left;
}
.nextprevious a.next {
  float: right;
}
.nextprevious img {
  width: 40px;
  padding: 2px;
  border: 1px solid #ddd;
}
.nextprevious a span {
  display: none;
}
.product-usps {
  margin-top: 20px;
  margin-bottom: 20px;
}
.product-usps .usp {
  margin-bottom: 10px;
}
.product-usps .usp a {
  display: block;
  color: #555;
  text-decoration: none;
}
.product-usps .usp a i {
  color: #03af03;
}
.product-usps .usp a span {
  display: inline-block;
  font-size: 11px;
  opacity: 0.8;
  margin-left: 10px;
}
.product-usps .usp a:hover {
  opacity: 0.8;
}
.product-bundles {
  clear: both;
  margin-bottom: 40px;
}
.product-bundles .bundle-box {
  background: #f8f8f8;
  border: 1px solid #eee;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-radius: 3px;
}
.product-bundles .bundle-box .discount-label {
  display: inline-block;
  padding: 5px 8px 5px;
  font-size: 12px;
  text-transform: lowercase;
  background: #089de2;
  color: #fff;
  border-radius: 3px;
}
.product-bundles .bundle-box .bundle-products {
  width: 75%;
  float: left;
}
.product-bundles .bundle-box .bundle-product {
  box-sizing: border-box;
  width: 21%;
  float: left;
  padding: 10px 0;
  text-align: center;
  position: relative;
  margin: 10px 0 10px 20px;
  background: #fff;
  border-radius: 3px;
}
.product-bundles .bundle-box .bundle-product.main {
  margin-left: 10px;
}
.product-bundles .bundle-box .bundle-product:last-child {
  margin-right: 0;
}
.product-bundles .bundle-box .bundle-product .plus {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  background: #089de2;
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: -25px;
  margin-top: -15px;
}
.product-bundles .bundle-box .bundle-product figure {
  margin: 0 0 15px;
  padding: 0 10px;
}
.product-bundles .bundle-box .bundle-product .bundle-product-info {
  border-top: 1px solid #eee;
}
.product-bundles .bundle-box .bundle-product .bundle-product-info h3 {
  font-size: 14px;
  margin: 10px 0 10px;
}
.product-bundles .bundle-box .bundle-product .bundle-product-info h3 .model {
  display: block;
  font-size: 11px;
  color: #666;
  margin-top: 5px;
}
.product-bundles .bundle-box .bundle-product .bundle-product-info .price {
  font-weight: bold;
}
.product-bundles .bundle-box .bundle-product .bundle-product-description {
  display: none;
}
.product-bundles .bundle-box .bundle-options h4 {
  font-weight: bold;
}
.product-bundles .bundle-box .bundle-options .options {
  transition: all 0.25s ease-in-out;
}
.product-bundles .bundle-box .bundle-options .options.required {
  background: #ffdeea;
  border-color: red;
}
.product-bundles .bundle-box .bundle-actions {
  box-sizing: border-box;
  width: 25%;
  float: right;
  padding: 20px;
  padding-left: 0;
}
.product-bundles .bundle-box .bundle-actions .price-box {
  margin-bottom: 15px;
}
.product-bundles .bundle-box .bundle-actions .price-box .price-row {
  margin-top: 5px;
}
.product-bundles .bundle-box .bundle-actions .price-box .price-row strong {
  display: inline-block;
  width: 100px;
}
.product-bundles .bundle-box .bundle-actions .price-box .price-row.first {
  margin-top: 10px;
}
.product-bundles .bundle-box .bundle-actions .price-box .price-row.final-price {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.product-bundles .bundle-box .bundle-actions .button {
  font-size: 12px;
  background: #03af03;
}
.product-bundles .bundle-box .bundle-actions .button:hover {
  background: #00c101;
}
.product-bundles .bundle-box.main-product .bundle-actions {
  margin-top: 5%;
}
.product-bundles .bundle-box.main-product .bundle-actions .price-box .price-row.final-price {
  font-size: 30px;
  margin-top: 0;
}
@media (max-width: 1080px) {
  .product-bundles .bundle-box .bundle-product {
    width: 29%;
  }
  .product-bundles .bundle-box.has-products-4 .bundle-products {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .product-bundles .bundle-box.has-products-4 .bundle-product {
    width: 22%;
  }
}
@media (max-width: 991px) {
  .product-bundles .bundle-box .bundle-products {
    width: 65%;
  }
  .product-bundles .bundle-box .bundle-product {
    width: 44%;
  }
  .product-bundles .bundle-box .bundle-actions {
    width: 35%;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-products,
  .product-bundles .bundle-box.has-products-4 .bundle-products {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product,
  .product-bundles .bundle-box.has-products-4 .bundle-product {
    width: 21%;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-actions,
  .product-bundles .bundle-box.has-products-4 .bundle-actions {
    width: 35%;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product {
    width: 29%;
  }
}
@media (max-width: 540px) {
  .product-bundles .bundle-box.has-products-4 .bundle-product {
    width: 45%;
    margin: 10px;
  }
  .product-bundles .bundle-box.has-products-4 .bundle-product .plus {
    display: none;
  }
  .product-bundles .bundle-box.has-products-4 .bundle-product:last-child .plus {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    top: -35px;
    left: -35px;
    margin-top: 0;
  }
  .product-bundles .bundle-box.has-products-4 .bundle-actions {
    width: 49%;
  }
}
@media (max-width: 480px) {
  .product-bundles .bundle-box .bundle-products {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .product-bundles .bundle-box .bundle-actions {
    width: 50%;
    padding-left: 10px;
  }
  .product-bundles .bundle-box.has-products-2 .bundle-actions,
  .product-bundles .bundle-box.has-products-3 .bundle-actions,
  .product-bundles .bundle-box.has-products-4 .bundle-actions {
    width: 100%;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product,
  .product-bundles .bundle-box.has-products-4 .bundle-product {
    width: 43%;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product {
    margin: 10px;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product .plus {
    display: none;
  }
  .product-bundles .bundle-box.has-products-3 .bundle-product:last-child .plus {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 28px;
    top: -35px;
    left: auto;
    right: -35px;
    margin-top: 0;
  }
}
.popup-product-info {
  padding: 30px;
}
.sticky-buy-box {
  display: none;
  width: 100%;
  min-height: 20px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: #fff;
  border-top: 1px solid #ddd;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.sticky-buy-box .sticky-product-image {
  float: left;
  padding: 12px 15px;
  padding-right: 5px;
}
.sticky-buy-box .sticky-product-image img {
  height: 46px;
}
.sticky-buy-box .sticky-product-info {
  width: 70%;
  float: left;
  padding: 12px 15px;
  overflow: hidden;
}
.sticky-buy-box .sticky-product-info .product-title {
  display: block;
  font-size: 17px;
  font-weight: bold;
  color: #000;
}
.sticky-buy-box .sticky-product-info .product-price {
  margin-top: 5px;
}
.sticky-buy-box .sticky-product-info .product-price .price {
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
}
.sticky-buy-box .sticky-product-info .product-price .price.old {
  display: none;
  color: #888;
  text-decoration: line-through;
  margin-left: 10px;
  font-weight: normal;
}
.sticky-buy-box .sticky-actions {
  padding: 12px 15px;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
}
.sticky-buy-box .sticky-actions .button {
  font-size: 28px;
}
.sticky-buy-box .sticky-actions .button.add-to-cart {
  background: #03af03;
}
@media (max-width: 767px) {
  .sticky-buy-box {
    display: block;
  }
}
/* @end */
/* @group VIDEOS */
.video-container {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* @end */
/* @group shippingmessage */
.shippingmessage {
  padding: 0;
  margin-bottom: 0;
}
.shippingmessage .inner {
  background: #f2f2f2;
  border: 3px solid #bbb;
  color: #333;
  line-height: 1.6em;
  text-align: center;
  padding: 10px 15px;
  border-radius: 2px;
  font-weight: bold;
}
.shippingmessage.deliverydate .inner {
  background: #089de2;
  border: 3px solid #089de2;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  padding: 6px;
}
.cart .shippingmessage {
  clear: both;
  margin-bottom: 0;
  font-size: 13px;
}
.cart .shipping-costs-info {
  padding-top: 10px;
  font-size: 14px;
  color: #777;
  font-style: italic;
}
.cart .shipping-costs-estimate {
  clear: both;
  float: right;
  background: #089de2;
  padding: 10px 20px;
  border-radius: 3px;
  margin-bottom: 15px;
  color: #fff;
}
.cart .cart-shippingmessage {
  clear: both;
  text-align: right;
  padding: 0 10px 0 0;
  margin-bottom: 15px;
  font-style: italic;
}
/* @end */
/* @group social media */
.socialmedia {
  clear: both;
  padding: 10px 0 10px;
  margin-top: 10px;
  margin-right: 20px;
  border-top: 1px solid #ddd;
}
/* @end */
/* @group product freegift */
.freegiftwrap {
  padding: 5px;
  background: #83b100;
  position: relative;
  margin-bottom: 10px;
  border-radius: 4px;
  max-width: 370px;
  box-sizing: border-box;
}
.freegiftwrap table {
  width: 100%;
  background: #e5f5b6;
  border: 1px solid #83b100;
}
.freegiftwrap table td {
  padding: 5px;
}
.freetitle {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  color: #4c6408;
  text-align: center;
  padding-bottom: 3px;
  border-bottom: 1px solid #83b100;
}
.freeprice {
  display: block;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  color: #4c6408;
}
.freegiftwrap .ribbon {
  display: block;
  width: 144px;
  height: 84px;
  background: url('../img/ribbon.png');
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.imgbox .freegiftwrap {
  max-width: 100%;
  margin-top: 0;
  margin-right: 20px;
}
/* @end */
/* @group tabs */
.htabs {
  clear: both;
  text-transform: uppercase;
  border-bottom: 1px solid #bbb;
}
.htabs a:link,
.htabs a:visited {
  display: inline-block;
  padding: 12px 15px;
  color: #333;
  background: #eee;
  font-size: 12px;
  margin-left: 3px;
  border: 1px solid #bbb;
  position: relative;
  text-decoration: none;
  margin-bottom: -1px;
}
.htabs a:hover {
  background: #03af03;
  color: #fff;
}
.htabs a.tab-media {
  background: #03af03;
  color: #fff;
}
.htabs a.selected {
  color: #000;
  background: #fff;
  border-bottom-color: #fff;
}
.htabs span {
  display: inline-block;
  padding: 0 4px;
  margin-left: 4px;
  text-align: center;
}
.tab-content {
  padding: 20px 5px;
  margin-bottom: 20px;
  background: #fff;
  border-bottom: 1px solid #bbb;
}
.tab-content h2 {
  font-size: 24px;
}
.tab-content h3 {
  font-size: 20px;
  margin-top: 0;
}
.tab-content p {
  margin-top: 20px;
}
.htabs .video {
  margin-left: -23px;
  position: absolute;
  top: -35px;
  left: 50%;
}
/* @end */
/* @group CMS OPMAAK */
.cms h2 {
  font-size: 24px;
  margin-top: 40px;
}
.cms h3 {
  font-size: 20px;
  margin-top: 40px;
}
/* @group images */
.images {
  overflow: hidden;
  padding-left: 5px;
  margin-left: -5px;
  margin-bottom: 20px;
}
.images a,
.images img {
  display: block;
  float: left;
}
.images a {
  margin: 5px 5px 5px 0;
  transition: all 0.2s ease-out 0s;
}
.images a:hover {
  border-color: #d7212d;
  background: #d7212d;
}
.images img {
  transition: all 0.2s ease-out 0s;
}
.images a:hover img {
  transform: scale(0.96);
}
/* @end */
/* @group files */
.files {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px dotted #bbb;
  padding-top: 10px;
}
.files a:link {
  display: block;
  line-height: 1.5em;
  background: #eee;
  padding: 5px;
  margin-bottom: 1px;
  color: #555;
  text-decoration: none;
}
.files a:hover {
  background-color: #d7212d;
  color: #fff;
}
.files.small {
  font-size: 11px;
}
/* @end */
/* @group videos */
.video-container {
  display: block;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* @end */
/* @group standard table */
.tabel {
  margin-top: 5px;
  margin-bottom: 30px;
  *border-collapse: collapse;
  /* IE7 and lower */
  border-spacing: 0;
  color: #333;
}
.tabel thead th {
  background: #333;
  color: #fff;
}
.tabel th {
  text-align: left;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
}
.tabel th:first-child {
  border-radius: 4px 0 0 0;
}
.tabel th:last-child {
  border-radius: 0 4px 0 0;
}
.tabel th:only-child {
  border-radius: 4px 4px 0 0;
}
.tabel tr {
  border-bottom: 1px solid #ccc;
}
.tabel td {
  padding: 10px;
  background: #f8f8f8;
  color: #666;
  font-size: 12px;
}
.tabel td.first {
  font-weight: bold;
}
.tabel tr:nth-child(even) td {
  background: #e8e8e8;
}
.paspoptabel thead th {
  width: 20%;
}
/* @end */
.bloglist article {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}
.bloglist article h2 {
  color: #E91F24;
}
.bloglist article h2 a {
  color: inherit !important;
}
/* @end */
/* @group KLACHTEN */
.klachten .repairman {
  background: url(../img/repair-man.jpg) left center no-repeat;
  background-size: contain;
  min-height: 100px;
  margin-bottom: 20px;
  padding-left: 190px;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.6em;
  padding-top: 30px;
}
.filter {
  overflow: hidden;
}
.filter a {
  display: block;
  width: 24.5%;
  float: left;
  background: #eee;
  color: #555 !important;
  text-transform: uppercase;
  text-align: center;
  line-height: 40px;
  border-right: 1px solid #fff;
  text-decoration: none !important;
}
.filter a:hover,
.filter a.current {
  background: #d7212d;
  color: #fff !important;
}
.zoekbox {
  background: #f4f4f4;
  padding: 20px;
  margin: 20px 0;
}
.zoekbox p {
  font-size: 16px;
  color: #d7212d;
}
.zoekbox input {
  width: 50%;
  padding: 7px;
  border: 1px solid #bbb;
  margin-right: 5px;
}
.zoekbox button {
  height: 35px;
  line-height: 35px;
  border: none;
  background: #03af03;
  padding: 0 15px;
  border-radius: 0;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.zoekbox button:hover {
  background: #00c101;
}
.answers .loading {
  display: block;
  min-height: 100px;
  background: #fff url(../img/loader-40x40.gif) center center no-repeat;
}
.answers h2.title {
  margin: 30px 0 15px;
  font-size: 24px;
}
.answers h2 {
  margin-top: 0;
}
.content .answerlist {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #ddd;
  border-bottom: none;
}
.content .answerlist li {
  list-style: none;
  margin: 0;
  padding: 15px;
  background: #f4f4f4;
  border-bottom: 1px solid #ddd;
}
@media (max-width: 979px) {
  .klachten .repairman {
    background: none;
    padding: 0;
    margin: 0 0 15px;
    line-height: 1.3em;
  }
}
@media (max-width: 420px) {
  .zoekbox {
    overflow: hidden;
  }
  .zoekbox input {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
}
/* @end */
/* @group cart */
.cart .buttons {
  clear: both;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.cart .buttons .shippingmessage {
  margin-bottom: 20px;
}
.cart .cart-phone {
  padding: 10px;
  border-radius: 4px;
  background: #fff9b7;
  font-size: 16px;
}
.cart h2.deco,
.related h2.deco {
  font-size: 16px;
  margin: 30px 0 20px 15px;
}
.related h2.deco {
  margin-top: 15px;
}
.cart-info {
  width: 100%;
  margin: 20px 0 10px;
  border: 1px solid #E5E5E5;
  border-bottom: none;
  background: #f8f8f8;
}
.cart-info td {
  padding: 7px;
}
.cart-info thead td {
  color: #fff;
  background-color: #333;
  border-bottom: 1px solid #E5E5E5;
  text-transform: uppercase;
}
.cart-info thead .delete {
  width: 14px;
  text-align: center;
}
.cart-info thead .image,
.cart-info thead .quantity {
  width: 20px;
  text-align: center;
}
.cart-info thead .name,
.cart-info thead .model,
.cart-info thead .quantity {
  text-align: left;
}
.cart-info thead .price,
.cart-info thead .total {
  text-align: right;
}
.cart-info tbody tr.odd {
  background: #fdfdfd;
}
.cart-info tbody tr.freegift {
  background: #ddfdcf !important;
}
.cart-info tbody td {
  vertical-align: middle;
  border-bottom: 1px solid #E5E5E5;
  font-size: 13px;
}
.cart-info tbody .icn {
  margin: 0 0 0 2px;
}
.cart-info tbody .image {
  text-align: center;
  width: 40px;
}
.cart-info tbody .name,
.cart-info tbody .model,
.cart-info tbody .quantity {
  text-align: left;
}
.cart-info tbody .name a {
  clear: both;
  display: block;
}
.cart-info tbody .quantity input[type='image'],
.cart-info tbody .quantity img {
  position: relative;
  top: 4px;
  cursor: pointer;
}
.cart-info tbody .price,
.cart-info tbody .total {
  text-align: right;
}
.cart-info tbody span.stock {
  color: #F00;
  font-weight: bold;
}
.cart-info tbody span.isfreegift {
  display: block;
  background-color: #4a682d;
  padding: 5px 10px 3px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  float: left;
  margin-bottom: 5px;
}
.cart-info tbody .freegift .price,
.cart-info tbody .freegift .total {
  text-decoration: line-through;
}
.cart-info .product-model {
  display: block;
  margin-top: 5px;
}
.cart-info .product-options {
  color: #555;
  margin-top: 10px;
}
.cartwrapper {
  overflow: hidden;
}
.cart-total {
  clear: both;
  overflow: auto;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #bbb;
  border-radius: 3px;
  background: #f6f6f6;
  float: right;
}
.cart-total table {
  float: right;
  margin-right: 5px;
}
.cart-total td {
  padding: 5px 3px;
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}
.cart-total td.value {
  width: 100px;
}
.cart-total .special {
  font-size: 20px;
}
.cart-total .special span {
  display: block;
  float: right;
  color: #fff;
  background: #d7212d;
  border-radius: 3px;
  padding: 7px 15px 5px;
  margin-right: -8px;
}
.cart-total .special strong {
  display: inline-block;
  margin-left: 10px;
}
.cart-total .total-productbundlestotal td,
.cart-total .total-shipping td,
.cart-total .total-tax td {
  color: #888;
  font-size: 12px;
}
.cart-total .total-productbundlestotal td.value,
.cart-total .total-shipping td.value,
.cart-total .total-tax td.value {
  font-size: 16px;
}
.quantity .numm {
  width: 20px;
  padding-left: 10px;
  padding-right: 0;
  text-align: left;
  border: 1px solid #ccc;
  color: #000;
}
.cart .prodlist .iteminfo {
  min-height: 70px;
}
.button-show-related {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none !important;
  margin-top: 5px;
}
@media (max-width: 460px) {
  .button-show-related {
    display: block;
    text-align: right;
    margin-bottom: 15px;
  }
}
.popup-related {
  max-width: 1280px;
}
.popup-related .header {
  padding: 20px;
  position: relative;
  border-bottom: 1px solid #eee;
}
.popup-related .header .popup-cart {
  line-height: 1.6em;
  overflow: hidden;
  background: #f8f8f8;
  padding: 15px;
}
.popup-related .header .popup-cart .inner {
  float: left;
  margin-right: 40px;
}
.popup-related .header .popup-cart .strong {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.popup-related .header .popup-cart .strong i:before {
  margin: 0 8px 0 0;
}
.popup-related .header .popup-cart .text {
  display: inline-block;
  font-style: italic;
}
.popup-related .header .popup-cart .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.popup-related .header .close-popup {
  display: block;
  line-height: 40px;
  padding: 0 7px;
  font-size: 26px;
  border-radius: 3px;
  position: absolute;
  top: 7px;
  right: 3px;
  color: #000;
}
.popup-related .sub-header {
  padding: 15px 20px;
  text-transform: uppercase;
}
.popup-related .sub-header h3 {
  text-align: center;
  margin: 0;
}
@media (max-width: 1280px) {
  .popup-related {
    max-width: 900px;
  }
}
@media (max-width: 991px) {
  .popup-related {
    max-width: 700px;
  }
}
@media (max-width: 767px) {
  .popup-related {
    max-width: 600px;
  }
}
@media (max-width: 600px) {
  .popup-related {
    max-width: 500px;
  }
}
@media (max-width: 500px) {
  .popup-related {
    max-width: 380px;
  }
}
.related-product-wrapper {
  border-top: 1px solid #eee;
}
.related-product-wrapper * {
  box-sizing: border-box;
}
.related-product-wrapper .related-product {
  width: 20%;
  float: left;
  padding: 20px;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  text-align: center;
  position: relative;
}
.related-product-wrapper .related-product .inner {
  margin-bottom: 15px;
}
.related-product-wrapper .related-product .loader {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8) url(../img/loader-40x40.gif) center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
.related-product-wrapper .related-product .loader.show {
  display: block;
}
.related-product-wrapper .related-product .check {
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  font-size: 80px;
  color: #03af03;
}
.related-product-wrapper .related-product .check i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.related-product-wrapper .product-image {
  display: block;
  height: 100px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 20px;
  padding: 0;
}
.related-product-wrapper .product-image img {
  display: none;
  width: 100%;
}
.related-product-wrapper .product-price {
  margin-bottom: 15px;
}
.related-product-wrapper .product-price .price {
  color: #E91F24;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
}
.related-product-wrapper .product-price .price.old {
  color: #888;
  font-size: 12px;
  font-weight: normal;
  text-decoration: line-through;
}
.related-product-wrapper .buy-button {
  display: inline-block;
  padding: 10px 30px;
  background: #089de2;
  color: #fff;
  border-radius: 2px;
  font-size: 14px;
}
.related-product-wrapper .buy-button:hover {
  opacity: 0.8;
}
@media (max-width: 1280px) {
  .related-product-wrapper .related-product {
    width: 25%;
  }
}
@media (max-width: 991px) {
  .related-product-wrapper .related-product {
    width: 33.3334%;
  }
}
@media (max-width: 767px) {
  .related-product-wrapper .related-product {
    width: 50%;
  }
}
@media (max-width: 420px) {
  .popup-related .header .popup-cart .inner {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .popup-related .header .popup-cart .button {
    position: static;
    transform: translateY(0);
  }
}
@media (max-width: 400px) {
  .related-product-wrapper .related-product {
    width: 100%;
  }
}
/* @end */
/* @group TPL-SUCCESS PAGINA  */
.tpl-success .output {
  background: #f9f9f9;
  padding: 30px;
  border-radius: 4px;
  font-size: 16px;
}
.tpl-success .output h2 {
  margin: 0 0 20px;
  font-weight: bold;
}
.tpl-success .output .email,
.tpl-success .output .order_id {
  font-weight: bold;
}
.tpl-success .output .email {
  font-size: 21px;
}
.tpl-success .order-products {
  border-bottom: 1px solid #eee;
}
.tpl-success .order-products .product {
  padding: 20px 0;
  border-top: 1px solid #eee;
}
.tpl-success .order-products .product figure {
  display: inline-block;
  padding: 0;
  margin: 0 20px 0 0;
}
.tpl-success .order-products a {
  display: inline-block;
  background: #4267b2;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  padding-left: 9px;
}
.tpl-success .order-products a span {
  display: inline-block;
  padding: 10px 15px;
  border-left: 1px solid #fff;
  margin-left: 4px;
}
.tpl-success .order-products a:hover {
  background: #2d5096;
}
/* @end */
/* @group panel */
.panel {
  background: #fafafa;
  border: 1px solid #E5E5E5;
  margin-bottom: 30px;
  overflow: auto;
  padding: 15px;
}
.panel.last {
  margin-bottom: 15px;
}
.account .panel,
.login .panel {
  background: #f4f4f4;
}
.login .panel {
  background: #f4f4f4;
  margin-bottom: 0;
}
/* @end */
/* @group promo panel */
.promo .panel {
  background: #E91F24;
  color: #fff;
  font-size: 16px;
}
.promo .panel label {
  width: 50%;
  font-size: 14px;
}
.promo .panel p {
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.promo .panel p.last {
  padding-bottom: 0;
  border: none;
}
/* @end */
/* @group account */
.account h2 {
  font-size: 18px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.account ul {
  margin-bottom: 30px;
}
/* @end */
/* @group addresses */
.panel.addresses {
  padding: 5px 0;
}
.address-row {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.address-row:last-child {
  border: none;
}
.address-row td {
  padding: 10px 15px;
  color: #000;
}
.address-row .button {
  font-size: 11px;
  margin: 5px 0;
}
/* @end */
/* @group Orderlist */
.orders h3 {
  margin: 25px 0 5px;
  color: #d7212d;
  font-weight: bold;
  text-transform: uppercase;
}
.orders article {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-bottom: 20px;
  padding: 10px 0;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.6em;
}
.orders article strong {
  display: inline-block;
  width: 60px;
}
.orders article .col {
  float: left;
  width: 40%;
}
.orders article .col.right {
  float: right;
  width: 18%;
  text-align: right;
}
/* @end */
/* @group sitemap */
.sitemap {
  overflow: hidden;
}
.sitemap ul ul {
  margin-left: 20px;
}
.sitemap li a {
  text-transform: capitalize;
}
.sitemap strong {
  display: block;
  text-transform: uppercase;
  color: #333;
  margin: 15px 0 3px 0;
}
.sitemap section {
  width: 45%;
  float: left;
}
/* @end */
/* @group buttons */
.buttons {
  clear: both;
  overflow: hidden;
  margin-bottom: 12px;
}
.buttons .select-box {
  display: block;
  text-align: right;
  margin-bottom: 20px;
}
.buttons form {
  margin: 0;
}
.buttons table {
  width: 100%;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
button,
.button {
  font-size: 14px;
  text-decoration: none !important;
  border-radius: 3px;
}
button.large,
.button.large {
  font-size: 18px;
}
button {
  border: none;
}
.button {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  padding: 9px 12px 8px;
  background: #333;
  color: #fff !important;
  text-transform: uppercase;
}
.button:hover {
  background: #03af03;
}
.button.small {
  font-size: 11px;
}
.button.blue {
  background: #089de2;
  color: #fff !important;
}
.button.white {
  background: #fff;
  color: #555 !important;
  border: 1px solid #555;
}
.button.green {
  background: #03af03;
  color: #fff !important;
}
.button.green:hover {
  background: #00c101;
}
.button.black {
  padding: 15px 20px 15px;
  background-color: #03af03;
}
.button.black:hover {
  background-color: #00c101;
}
.button.middle {
  margin: 0 auto;
}
.buttons.agree .button {
  margin-left: 15px;
}
/* @end */
/* @group forms */
input.numm {
  width: 25px;
  text-align: center;
}
.form p {
  margin: 0 0 15px;
  overflow: hidden;
}
.form p.last {
  margin-bottom: 0;
}
.form label {
  display: inline-block;
  width: 30%;
  margin-bottom: 0;
}
.form input.large-field {
  width: 65%;
  max-width: 350px;
  border: 1px solid #ccc;
  padding: 5px;
}
input.medium-field {
  width: 125px;
  border: 1px solid #ccc;
  padding: 5px;
}
.form .error {
  display: block;
  padding: 8px 0;
  font-size: 11px;
  text-transform: uppercase;
}
.form .radios {
  overflow: hidden;
}
.form input.radio {
  margin-right: 5px;
}
.form .radios label {
  width: auto;
  margin-right: 20px;
}
/* @end */
/* @group notifications */
.notification {
  background: #bbfcfe;
  color: #000;
}
.warning {
  background: #ffdeea;
  padding: 12px;
  margin-bottom: 12px;
  text-transform: uppercase;
  text-align: center;
}
.success {
  background: #daf4d7;
  padding: 12px;
  margin-bottom: 12px;
  text-transform: uppercase;
  text-align: center;
}
.error {
  display: block;
  color: #fc0000;
}
.alert {
  padding: 15px 35px 5px 14px;
  margin: 0 10% 20px;
  /*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);*/
  background-color: #fcf8e3;
  border: 2px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #7a5c27;
}
.alert h4 {
  margin: 0;
}
/* @end */
/* @group CONTACTPAGE */
.tpl-information-contact .contact-phone {
  color: #E91F24;
  font-size: 24px;
}
/* @end */
/* @group contactforms */
.contactforms {
  margin-bottom: 20px;
}
.formtop {
  font-size: 14px;
  color: #ED1C23;
  padding: 0 5px;
  margin-bottom: 10px;
  margin-top: 30px;
}
.contactforms h3 {
  background: #fff;
  color: #444;
  font-size: 16px;
  padding: 10px;
  margin: 10px 0 0;
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 3px;
}
.contactforms h3 i {
  color: #03af03;
}
.contactforms h3.open,
.contactforms h3:hover {
  background: #03af03;
  color: #fff;
}
.contactforms h3.open i,
.contactforms h3:hover i {
  color: #fff;
}
.contactforms .panel {
  display: none;
  margin: 0;
  padding: 10px;
}
.contactforms form legend {
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  font-weight: bold;
  color: #000;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.contactforms form fieldset {
  padding: 0;
  margin: 0 0 30px 0;
  border: none;
}
.contactforms form p,
.contactforms form .p {
  margin: 5px 0 10px;
  overflow: hidden;
}
.contactforms form p:hover {
  background: #f4f4f4;
}
.contactforms form label {
  display: block;
  width: 170px;
  float: left;
  line-height: 24px;
}
.contactforms .biglabel label {
  width: 260px;
}
.contactforms .fullabel label {
  width: 100%;
  float: none;
  margin-bottom: 5px;
}
.contactforms form .radios label {
  width: auto;
  margin-right: 20px;
  overflow: hidden;
}
.contactforms form .radios input {
  float: left;
  margin-right: 5px;
}
.contactforms form input.txt,
.contactforms form textarea {
  display: block;
  width: 355px;
  float: left;
  margin: 0;
  border: 1px solid #ddd;
  background: #fff;
  padding: 4px;
}
.contactforms form textarea {
  height: 300px;
}
.contactforms .fullabel textarea {
  width: 98%;
  height: 200px;
}
.contactforms p.agree {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.contactforms p.checkwrap .chk {
  float: left;
}
.contactforms p.checkwrap label {
  width: 500px;
  padding-left: 10px;
  line-height: 1.4em;
}
.contactforms form .loader {
  padding: 10px 0 20px;
  text-align: right;
}
.contactforms form .loading {
  background: url(../img/loader.gif) 10px 10px no-repeat;
}
.contactforms form button {
  font-size: 14px;
}
.inline-date {
  float: left;
}
.mydate {
  display: block;
  font-weight: bold;
}
.contactforms form .captcha {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.contactforms form .captcha-img {
  float: left;
  margin-right: 5px;
}
.contactforms form .captcha input {
  width: 150px;
  padding: 7px 6px 6px;
  border-color: #000;
}
.contactforms form .captcha label,
.contactforms form .captcha .sublabel {
  display: block;
  line-height: 36px;
}
.contactforms form .captcha .sublabel {
  float: left;
  margin: 0 15px 0;
}
.contactforms .slidetoggle {
  display: none;
}
.contactforms .radiobox {
  overflow: hidden;
  margin-bottom: 15px;
}
.contactforms .radiowrap {
  float: left;
}
.contactforms .radiowrap label {
  display: block;
  width: 100%;
}
.contactforms .radiowrap label input {
  margin-right: 10px;
}
.g-recaptcha {
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 5px;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.g-recaptcha > div {
  float: right;
}
/* @end */
/* @group MOD-MINI-KLACHTENFORM */
.mod-mini-klachtenform .mini-form {
  overflow: hidden;
}
.mod-mini-klachtenform .mini-form input {
  float: left;
  width: 240px;
  height: 26px;
  border: 1px solid #555;
  border-right: none;
}
.mod-mini-klachtenform .mini-form button {
  display: block;
  float: left;
  line-height: 36px;
  background: #03af03;
  padding: 0 20px;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 0;
}
.mod-mini-klachtenform .mini-form button:hover {
  background: #00c101;
}
/* @end */
/* @group inline alerts */
#inline_alert {
  min-height: 150px;
  min-width: 400px;
  max-width: 550px;
  padding: 15px;
  line-height: 1.6em;
  color: #555;
  text-align: left;
}
#inline_alert h4 {
  font-size: 17px;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  margin: 5px 0 15px;
}
/* @end */
/* @group cartbox */
.cartbox {
  margin: 8;
  padding: 15px;
}
.cartbox h3 {
  color: #000;
  font-size: 20px;
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
}
.cartbox h4 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: none;
}
.cartcontent {
  min-height: 100px;
}
.cartcontent .products {
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.cartcontent .products td {
  vertical-align: middle;
  padding: 5px 0;
}
.cartcontent .products .image {
  width: 30px;
  padding-right: 24px;
}
.cartcontent .name {
  line-height: 1.6em;
}
.cartcontent .name a {
  display: block;
  color: #000;
  font-size: 14px;
}
.cartcontent .name em {
  display: block;
  color: #666;
}
.cartcontent .subtotal {
  line-height: 1.6em;
}
.cartcontent .subtotal span {
  display: block;
  text-align: right;
}
.cartbox .bottom {
  overflow: hidden;
  padding-top: 10px;
  margin: 10px 0 0;
  border-top: 1px solid #ddd;
}
.cartbox .totals {
  width: 100%;
  margin-top: 12px;
}
.cartbox .totals td {
  padding: 3px 0;
}
.cartbox .totals .title {
  padding-left: 72px;
}
.cartbox .totals .sum {
  font-weight: bold;
  text-align: right;
}
/* @end */
/* @group cookie alert */
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */
.cc-cookies {
  position: fixed;
  width: 90%;
  left: 0;
  top: 0;
  padding: 0.8em 5%;
  background: #fff;
  color: #444;
  font-size: 13px;
  font-weight: 700;
  z-index: 99999;
  text-align: center;
  border-bottom: 5px solid red;
  -moz-box-shadow: 0px 0px 20px #000;
  -webkit-box-shadow: 0px 0px 20px #000;
  box-shadow: 0px 0px 20px #000;
}
.cc-cookies a,
.cc-cookies a:hover {
  color: #444;
  text-decoration: underline;
}
.cc-cookies a:hover {
  text-decoration: none;
}
.cc-overlay {
  height: 100%;
  padding-top: 25%;
}
.cc-cookies-error {
  float: left;
  width: 90%;
  text-align: center;
  margin: 1em 0 2em 0;
  background: #fff;
  padding: 2em 5%;
  border: 1px solid #ccc;
  font-size: 18px;
  color: #333;
}
.cc-cookies a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline,
.cc-cookies a.cc-cookie-reset {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background: #7DAF3B;
  padding: 0.5em 0.75em;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
}
.cc-cookies a.cc-cookie-decline,
.cc-cookies-error a.cc-cookie-decline {
  background: #af3b3b;
  margin-left: 0.5em;
}
.cc-cookies a.cc-cookie-reset {
  background: #f15b00;
}
.cc-cookies a:hover.cc-cookie-accept,
.cc-cookies-error a:hover.cc-cookie-accept,
.cc-cookies a:hover.cc-cookie-decline,
.cc-cookies-error a:hover.cc-cookie-decline,
.cc-cookies a:hover.cc-cookie-reset {
  background: #000;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
}
.cc-cookies-error a.cc-cookie-accept,
.cc-cookies-error a.cc-cookie-decline {
  display: block;
  margin-top: 1em;
}
.cc-cookies.cc-discreet {
  width: auto;
  padding: 0.5em 1em;
  left: auto;
  top: auto;
}
.cc-cookies.cc-discreet a.cc-cookie-reset {
  background: none;
  text-shadow: none;
  padding: 0;
  text-decoration: underline;
}
.cc-cookies.cc-discreet a:hover.cc-cookie-reset {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .cc-cookies a.cc-cookie-accept,
  .cc-cookies a.cc-cookie-decline,
  .cc-cookies a.cc-cookie-reset {
    display: block;
    margin: 1em 0;
  }
}
@media screen and (max-width: 480px) {
  .cc-cookies {
    position: relative;
    float: left;
  }
}
/* @end */
/* @group footer */
.footer {
  background: #333;
  border-top: 1px solid #ddd;
  padding: 20px 0 10px;
  margin-top: 20px;
  color: #bbb;
  border-radius: 0 0 5px 5px;
}
.footer .service-centra {
  display: none;
}
.footer h3 {
  color: #888;
  border-bottom: 1px solid #444;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
.footer p {
  color: #bbb;
}
.footer a:link,
.footer a:visited {
  color: #fff;
}
.footer a:hover {
  color: #ddd;
}
.footer .credits {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #444;
  text-align: center;
}
.footer .credits p {
  margin: 0;
  color: #888;
  font-size: 10px;
  text-transform: uppercase;
}
.footer .credits a {
  color: #888;
}
.footer .credits a:hover {
  color: #eee;
}
.footer .payment-logos a {
  display: inline-block;
  margin: 0 5px 5px 0;
}
/* @end */
/* @group popupcontent */
.popupcontent {
  margin: 30px 15px;
}
/* @end */
/* @group mobile nav */
.body .nav-mob {
  background: #000;
  color: #fff;
  margin-bottom: -15px;
}
.body .nav-mob h3 {
  line-height: 36px;
  color: #fff;
  padding-left: 10px;
  margin: 0;
  background: url(../img/icon-menu.gif) right center no-repeat;
  cursor: pointer;
}
.body .nav-mob > ul {
  display: none;
  margin: 0;
}
.body .nav-mob > ul li {
  margin-left: 0;
}
.body .nav-mob > ul a {
  display: block;
  line-height: 32px;
  background: #333;
  color: #fff;
  border-bottom: 1px solid #999;
  padding-left: 10px;
}
.body .nav-mob > ul a:hover {
  background: #E91F24;
}
/* @end */
/* @group layered nav */
ul.ln_ul {
  padding: 10px;
  text-align: left;
}
li.ln_li {
  display: block;
}
span.ln_name {
  font-weight: bold;
}
.LayeredNav {
  padding: 0px;
  margin: 0px;
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#NavList {
  margin: 0px;
}
#NavList dd {
  padding: 0px;
  margin: 0px;
}
#NavList dt {
  background-color: #E3E3E3;
  padding: 5px;
  font-weight: bold;
  color: #666666;
}
#NavList dt img {
  float: left;
  margin-right: 5px;
}
#CurrentLayers {
  margin: 0px;
  padding: 0px;
  list-style: none;
  background-color: #F8F8F8;
}
#CurrentLayers h4 {
  margin: 0px;
  padding: 5px;
  background-color: #EC0B2C;
  font-weight: bold;
  color: #ffffff;
}
#CurrentLayers li {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
#CurrentLayers li a {
  float: right;
}
#CurrentLayers li span {
  display: block;
  font-weight: bold;
}
#RemoveNav {
  color: #000000;
  padding: 5px;
}
#RemoveNav a {
  text-decoration: underline;
  color: #000000;
}
#RemoveNav a:hover {
  text-decoration: none;
  color: #000000;
}
/* @end */
/* @group checkout steps */
.checkoutsteps {
  display: block;
  overflow: hidden;
  margin: 10px 0 20px 1px;
  padding: 0;
  list-style: none;
}
.checkoutsteps li {
  display: block;
  width: 20%;
  float: left;
  line-height: 25px;
  padding: 2px 13px 0;
  text-align: center;
  margin-right: 1px;
  margin-top: 2px;
  background: #ddd;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
}
.checkoutsteps li.checked {
  background-color: #666;
}
.checkoutsteps li.active {
  font-weight: bold;
  background-color: #444;
  font-size: 13px;
  line-height: 29px;
  margin-top: 0;
}
.checkoutsteps a {
  display: inline-block;
  color: #fff !important;
  text-decoration: none !important;
}
.checkoutsteps li.hover {
  background: #ED1C23;
}
/* @end */
/* @group default checkout */
.checkout .checker {
  clear: both;
  padding: 10px 0 5px;
  margin-bottom: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.checkout .checker label {
  display: block;
  line-height: 1.6em;
}
.checkout .checker input.chk {
  float: left;
  margin: 3px 10px 0 3px;
}
.checkers {
  width: 100%;
}
.checkout .checkers td {
  padding: 10px 0 5px 0;
  border-top: 1px solid #ddd;
}
.checkers label {
  text-transform: uppercase;
  color: #000;
}
.checkers .rdo {
  margin-right: 10px;
}
.checkers img {
  margin-right: 15px;
}
.tbl-confirm td {
  vertical-align: top;
}
.tbl-confirm td strong {
  display: block;
  text-transform: uppercase;
}
.tbl-confirm td.addr {
  padding: 0 50px 0 0;
}
/* @end */
/* @group All reviews */
.allreviews article {
  background: #F4F4F4;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.allreviews .product {
  float: left;
  width: 17%;
  padding: 1.5%;
  border-right: 1px solid #ddd;
}
.allreviews .product img {
  margin-bottom: 10px;
}
.allreviews .product .button {
  font-size: 13px;
  padding: 7px 7px 5px;
  text-align: center;
  width: 87%;
}
.allreviews .item {
  padding: 0.5% 2%;
  width: 75%;
  float: left;
  border-left: 1px solid #ddd;
  margin-left: -1px;
}
.allreviews .top {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
.allreviews .top .date {
  float: left;
  font-size: 13px;
  font-style: italic;
}
.allreviews .top .stars {
  float: right;
  padding: 1px 5px 2px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.allreviews .top h2 {
  clear: both;
  font-size: 18px;
  margin: 0;
  padding-top: 10px;
}
.allreviews .item p {
  font-size: 14px;
}
.allreviews .reply,
.review .reply {
  padding: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 10px;
}
.review .reply {
  background: #f8f8f8;
}
.allreviews .reply p,
.review .reply p {
  font-size: 12px;
  margin-bottom: 0;
}
.allreviews .reply small,
.review .reply small {
  display: block;
  font-weight: bold;
}
/* @end */
/* @group Table Invoice Account page */
table.tbl-invoice {
  width: 100%;
  margin: 20px 0 5px;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}
table.tbl-invoice th {
  background: #333;
  color: #fff;
  text-transform: uppercase;
  padding: 5px;
}
table.tbl-invoice td {
  padding: 10px 5px;
  border-bottom: 1px solid #bbb;
}
table.tbl-invoice td.date {
  width: 80px;
}
table.tbl-invoice td.status {
  width: 100px;
}
table.tbl-totals {
  width: 100%;
  border-bottom: 1px solid #bbb;
  margin-bottom: 20px;
}
table.tbl-totals td {
  padding: 5px;
  color: #666;
  font-weight: bold;
}
table.tbl-totals td.title {
  text-align: right;
}
table.tbl-totals td.text {
  text-align: right;
  width: 80px;
}
/* @end */
/* @group merken */
.merken {
  overflow: hidden;
  margin: 15px 0;
}
.merken a {
  display: block;
  float: left;
  margin: 0 10px 15px 0;
}
/* @end */
/* @group CMSBANNERS - HOME */
.cmsbanners {
  margin-top: 20px;
  overflow: hidden;
}
.cmsbanners .post .banner {
  background: #f4f4f4;
  background-size: cover;
  background-position: center center;
  margin-bottom: 30px;
  border-radius: 2px;
}
.cmsbanners .post .banner .inner {
  padding: 30px;
  padding-bottom: 10px;
  text-align: center;
  border: 2px solid #ddd;
  transition: all 0.25s ease-in-out;
  border-radius: 2px;
}
.cmsbanners .post .banner:hover .inner {
  border-color: #03af03;
}
.cmsbanners .post .banner p {
  margin-bottom: 20px;
  font-size: 18px;
}
.cmsbanners .post.clean .banner {
  background: none;
  border: none;
}
.cmsbanners .post.clean .banner .inner {
  padding: 0;
  border: none;
}
.cmsbanners .post.clean .banner .inner p {
  margin-bottom: 0;
}
.cmsbanners .post.no-padding .inner {
  padding: 0;
}
.cmsbanners .post.no-padding .inner p {
  margin-bottom: 0;
}
.cmsbanners .post.hasimg .inner {
  background: url(../img/bgblack_40.png);
  border: none;
  color: #fff;
}
.cmsbanners .post.hasimg .inner h1,
.cmsbanners .post.hasimg .inner h2,
.cmsbanners .post.hasimg .inner h3,
.cmsbanners .post.hasimg .inner h4 {
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 15px;
  line-height: 1em;
}
.cmsbanners .post.greybuttons .button {
  background: #555;
}
.cmsbanners .post.greybuttons .button:hover {
  background: #03af03;
}
.col_mid .cmsbanners .banner.span6 {
  width: 45.5%;
}
.col_mid .cmsbanners .banner.span12 {
  width: 95%;
}
@media (max-width: 1200px) {
  .cmsbanners .post {
    width: 100%;
    float: none;
  }
}
/* @end */
/* @group MOD-CATEGORIES */
.mod-categories {
  overflow: hidden;
}
.mod-categories .item {
  box-sizing: border-box;
  display: block;
  width: 18%;
  float: left;
  margin: 0 2% 15px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  text-decoration: none !important;
}
.mod-categories .item figure {
  margin: 0;
  padding: 10px;
}
.mod-categories .item figure img {
  width: 100%;
}
.mod-categories .item .name {
  display: block;
  text-align: center;
  padding: 10px 5px;
}
.mod-categories .item:hover {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1200px) {
  .mod-categories .item {
    width: 23%;
  }
}
@media (max-width: 979px) {
  .mod-categories .item {
    width: 31%;
  }
}
@media (max-width: 560px) {
  .mod-categories .item {
    width: 48%;
  }
}
/* @end */
/* @group ONECHECKOUT */
.onecheckout .checkoutpanel-one,
.onecheckout .checkoutpanel-two,
.onecheckout .checkoutpanel-three {
  box-sizing: border-box;
}
.onecheckout .checkoutpanel-one {
  width: 60%;
  float: left;
}
.onecheckout .checkoutpanel-two {
  width: 40%;
  float: left;
  padding: 0 20px 0 40px;
}
.onecheckout .checkout-box {
  background: #f8f8f8;
  padding: 5px 20px 20px;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 30px;
}
.onecheckout .checkoutpanel-three {
  clear: both;
  padding: 30px 0 60px;
}
.onecheckout .checkoutpanel-three .onecheckout-content {
  position: relative;
  overflow: visible;
}
.onecheckout .checkoutpanel-three .confirmbuttontop {
  position: absolute;
  top: -80px;
  right: 0;
}
.onecheckout .free-shipping-label {
  display: inline-block;
  padding: 3px 15px;
  background: #089de2;
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  border-radius: 2px;
  position: absolute;
  top: -3px;
  right: 0;
}
.onecheckout .checkoutform .chkbox {
  padding-bottom: 10px;
}
.onecheckout .checkoutform .chkbox label {
  height: auto;
  margin: 0;
  padding: 4px 0 0 0;
  line-height: 1em;
}
@media (max-width: 979px) {
  .onecheckout .checkoutpanel-one {
    width: 100%;
    float: none;
  }
  .onecheckout .checkoutpanel-two {
    width: 100%;
    float: none;
    padding: 20px 0 0 0;
  }
  .onecheckout .checkoutpanel-three {
    padding: 0 0 30px 0;
  }
  .onecheckout .checkoutpanel-three .confirmbuttontop {
    display: none;
  }
}
.checkoutform {
  padding-top: 20px;
}
.checkoutform *,
.checkoutform label,
.checkoutform input,
.checkoutform select,
.checkoutform textarea {
  box-sizing: border-box;
}
.checkoutform label {
  display: block;
  height: 36px;
  font-size: 14px;
  line-height: 1.2em;
  padding-top: 8px;
}
.checkoutform .helper {
  display: block;
  font-size: 11px;
  color: #777;
  font-style: italic;
}
.checkoutform input[type="text"],
.checkoutform input[type="password"] {
  font-size: 16px;
  height: 36px;
  border-radius: 2px;
  border-bottom-width: 2px;
}
.checkoutform input[type="text"]:focus,
.checkoutform input[type="password"]:focus {
  border-bottom-color: #03af03;
  color: #000;
}
.checkoutform input[type="text"].isnumeric.err,
.checkoutform input[type="password"].isnumeric.err {
  background: #facbcb;
  border-color: #cd2027;
}
.checkoutform .error {
  display: block;
  padding: 4px 0;
  text-align: right;
}
.checkoutform .input-box {
  margin-bottom: 10px;
  position: relative;
}
.checkoutform .input-box:after {
  display: block;
  content: " ";
  clear: both;
  height: 0px;
}
.checkoutform .input-box .loader {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.7) url(../img/lazyload.gif) center center no-repeat;
}
.checkoutform .input-box label {
  width: 30%;
  float: left;
}
.checkoutform .input-box input[type="text"],
.checkoutform .input-box input[type="password"],
.checkoutform .input-box select {
  width: 70%;
  float: left;
}
.checkoutform .field-box.double-box {
  overflow: hidden;
}
.checkoutform .field-box.double-box .input-box {
  float: left;
}
.checkoutform .field-box.double-box .input-box label {
  float: left;
}
.checkoutform .field-box.double-box .input-box input[type="text"],
.checkoutform .field-box.double-box .input-box input[type="password"] {
  float: left;
}
.checkoutform .field-box.double-box .input-box.first {
  width: 55%;
}
.checkoutform .field-box.double-box .input-box.first label {
  width: 55%;
}
.checkoutform .field-box.double-box .input-box.first input[type="text"],
.checkoutform .field-box.double-box .input-box.first input[type="password"] {
  width: 45%;
}
.checkoutform .field-box.double-box .input-box.last {
  width: 45%;
}
.checkoutform .field-box.double-box .input-box.last label {
  width: 45%;
  padding-right: 15px;
  text-align: right;
}
.checkoutform .field-box.double-box .input-box.last input[type="text"],
.checkoutform .field-box.double-box .input-box.last input[type="password"] {
  width: 55%;
}
.checkoutform .delivery_info {
  margin-bottom: 15px;
}
.checkoutform .delivery_info input[type="text"],
.checkoutform .delivery_info input[type="password"] {
  width: 100%;
  float: none;
}
@media (max-width: 580px) {
  .checkoutform {
    margin-bottom: 10px;
  }
  .checkoutform .input-box label,
  .checkoutform .input-box input[type="text"],
  .checkoutform .input-box input[type="password"],
  .checkoutform .input-box select {
    width: 100%;
    float: none;
  }
  .checkoutform .input-box label {
    height: auto;
    padding: 0;
    line-height: 1em;
    margin-bottom: 5px;
  }
  .checkoutform .field-box.double-box .input-box {
    float: left;
  }
  .checkoutform .field-box.double-box .input-box label,
  .checkoutform .field-box.double-box .input-box input[type="text"],
  .checkoutform .field-box.double-box .input-box input[type="password"] {
    float: none;
  }
  .checkoutform .field-box.double-box .input-box.first {
    width: 48%;
    margin-right: 2%;
  }
  .checkoutform .field-box.double-box .input-box.first label,
  .checkoutform .field-box.double-box .input-box.first input[type="text"],
  .checkoutform .field-box.double-box .input-box.first input[type="password"] {
    width: 100%;
  }
  .checkoutform .field-box.double-box .input-box.last {
    width: 48%;
    margin-left: 2%;
  }
  .checkoutform .field-box.double-box .input-box.last label {
    padding-right: 0;
    text-align: left;
  }
  .checkoutform .field-box.double-box .input-box.last label,
  .checkoutform .field-box.double-box .input-box.last input[type="text"],
  .checkoutform .field-box.double-box .input-box.last input[type="password"] {
    width: 100%;
  }
}
@media (max-width: 400px) {
  .checkoutform .field-box.double-box .input-box.first {
    width: 100%;
    margin-right: 0;
  }
  .checkoutform .field-box.double-box .input-box.last {
    width: 100%;
    margin-left: 0;
  }
}
/* @end */
/* @group MOD-FILTERS */
.mod-filters {
  margin-bottom: 20px;
}
.mod-filters h3 {
  margin-bottom: 0 !important;
}
.mod-filters h4 {
  margin: 0;
  cursor: pointer;
  position: relative;
  line-height: 24px;
}
.mod-filters h4 i {
  position: absolute;
  top: 0;
  right: 5px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: all 0.2s ease-in-out 0s;
}
.mod-filters .show h4 i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.mod-filters .filter-box {
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.mod-filters .filter-box .label {
  display: block;
  padding: 2px;
  line-height: 1.6em;
  overflow: hidden;
}
.mod-filters .filter-box .label input {
  float: left;
  margin-right: 7px;
}
.mod-filters .filter-box .label:hover {
  background: rgba(0, 0, 0, 0.05);
}
.mod-filters .filter-options {
  display: none;
  padding-top: 10px;
}
.mod-filters .filter-options.open {
  display: block;
}
.mod-filters .filter-options .label.hide {
  display: none;
}
.mod-filters .filter-price .slider-box {
  padding: 40px 10px 20px;
  position: relative;
}
.mod-filters .filter-price .slider-box .pricelabel-from,
.mod-filters .filter-price .slider-box .pricelabel-to {
  background: #f2f2f2;
  color: #333;
  padding: 6px 8px;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
}
.mod-filters .filter-price .slider-box .pricelabel-to {
  left: auto;
  right: 0;
}
.mod-filters .toggle-filter-advanced {
  display: block;
  margin: 10px 0 30px;
}
.mod-filters .filter-attributes-advanced {
  display: none;
}
.mod-filters .filter-attributes-advanced.open {
  display: block;
}
.mod-filters .setfilter {
  /* vanwege de ajax integratie staat deze op hidden */
  display: none;
  margin-top: 20px;
}
.mod-filters .setfilter:hover {
  color: #E91F24;
}
.mod-filters .action {
  display: none;
  padding-top: 15px;
}
.mod-filters .dofilter {
  display: block;
  width: 100%;
  background: #E91F24;
  color: #fff;
  text-align: center;
  line-height: 40px;
  padding: 0 20px;
  border-radius: 2px;
}
.mod-filters .dofilter:hover {
  opacity: 0.8;
}
/* @end */
/* @group SECOND-LAYER */
.button-toggle {
  display: none;
  background: #089de2;
  color: #fff !important;
  line-height: 40px;
  padding-left: 10px;
  border-radius: 3px;
}
.second-layer .button-close {
  display: none;
}
@media (max-width: 767px) {
  .col_left .button-toggle {
    display: block;
    margin-bottom: 20px;
  }
  .second-layer {
    width: 95%;
    height: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 9999;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    transition: all 0.3s ease 0s;
  }
  .second-layer .button-close {
    display: block;
    padding: 15px 20px;
    font-size: 18px;
    color: #089de2 !important;
    background: #fff;
    border-radius: 3px;
    position: fixed;
    top: 10px;
    left: -100%;
    z-index: 9999;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0.1s;
  }
  .second-layer .inner {
    padding: 70px 25px 25px 25px;
  }
  .show-second-layer .second-layer {
    left: 0;
  }
  .show-second-layer .second-layer .button-close {
    left: -3px;
  }
}
/* @end */
/* @group POPUPS */
.popup {
  padding: 40px;
}
.popup .popup-header {
  margin-bottom: 30px;
}
.popup .popup-header h3 {
  margin: 0 0 20px;
}
.popup-location-suggestions .address-options .option {
  background: #e5fee5;
  margin-top: 10px;
  padding: 15px;
  border-radius: 8px;
  position: relative;
}
.popup-location-suggestions .address-options .option p {
  line-height: 1.1em;
}
.popup-location-suggestions .address-options .option p:last-child {
  line-height: normal;
  margin: 0px;
}
.popup-location-suggestions .address-options .option .btn {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  background: #03af03;
  border: 1px solid #03af03;
  padding: 5px 16px;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}
.popup-location-suggestions .address-options .option:hover {
  background: #cafdca;
  cursor: pointer;
}
/* @end */
/* @group NoUISlider */
/*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */
/* 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-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
  direction: ltr;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-base *,
.noUi-connects * {
  outline: none;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
/* Offset direction
 */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 10px;
}
.noUi-horizontal .noUi-handle {
  width: 26px;
  height: 26px;
  left: -17px;
  top: -9px;
}
html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #089de2;
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border-radius: 50%;
  background: #fff;
  border: 1px solid #555;
  cursor: default;
}
/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: none;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: none;
  position: absolute;
  border-radius: 3px;
  padding: 6px 8px;
  text-align: center;
  white-space: nowrap;
  background: #089de2;
  font-size: 12px;
  line-height: 1em;
  color: #fff;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
/* @end */
/* @group jSlider */
.jslider .jslider-bg i,
.jslider .jslider-pointer {
  background: url(../js/slider/jslider.png) no-repeat 0 0;
}
.jslider {
  display: block;
  width: 100%;
  height: 1em;
  position: relative;
  top: 0.6em;
  margin: 20px 0 10px;
}
.jslider table {
  width: 100%;
  border-collapse: collapse;
  border: 0;
}
.jslider td,
.jslider th {
  padding: 0;
  vertical-align: top;
  text-align: left;
  border: 0;
}
.jslider table,
.jslider table tr,
.jslider table tr td {
  width: 100%;
  vertical-align: top;
}
.jslider .jslider-bg {
  position: relative;
}
.jslider .jslider-bg i {
  height: 8px;
  position: absolute;
  font-size: 0;
  top: 0;
}
.jslider .jslider-bg .l {
  width: 50%;
  background-position: 0 0;
  left: 0;
}
.jslider .jslider-bg .r {
  width: 50%;
  left: 50%;
  background-position: right 0;
}
.jslider .jslider-bg .v {
  position: absolute;
  width: 60%;
  left: 20%;
  top: 0;
  height: 8px;
  background-position: 0 -20px;
}
.jslider .jslider-pointer {
  width: 18px;
  height: 18px;
  background-position: 0 -40px;
  position: absolute;
  left: 20%;
  top: -7px;
  margin-left: -8px;
  cursor: pointer;
  cursor: hand;
}
.jslider .jslider-pointer-hover {
  background-position: -20px -40px;
}
.jslider .jslider-pointer-to {
  left: 80%;
}
.jslider .jslider-label {
  font-size: 12px;
  line-height: 16px;
  color: black;
  opacity: 0.6;
  white-space: nowrap;
  padding: 0px 2px;
  position: absolute;
  top: -25px;
  left: 0px;
}
.jslider .jslider-label-to {
  left: auto;
  right: 0;
}
.jslider .jslider-value {
  font-size: 12px;
  white-space: nowrap;
  padding: 1px 5px 0;
  position: absolute;
  top: -25px;
  left: 20%;
  line-height: 16px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background: #333;
  color: #fff;
}
.jslider .jslider-value-to {
  left: 80%;
}
.jslider .jslider-label small,
.jslider .jslider-value small {
  position: relative;
  top: -0.4em;
}
.jslider .jslider-scale {
  position: relative;
  top: 9px;
}
.jslider .jslider-scale span {
  position: absolute;
  height: 5px;
  border-left: 1px solid #999;
  font-size: 0;
}
.jslider .jslider-scale ins {
  font-size: 12px;
  text-decoration: none;
  position: absolute;
  left: 0px;
  top: 5px;
  color: #999;
}
.jslider-single .jslider-pointer-to,
.jslider-single .jslider-value-to,
.jslider-single .jslider-bg .v,
.jslider-limitless .jslider-label {
  display: none;
}
/* @end */
/* @group tiptip */
/* TipTip CSS - Version 1.2 */
#tiptip_holder {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99999;
}
#tiptip_holder.tip_top {
  padding-bottom: 5px;
}
#tiptip_holder.tip_bottom {
  padding-top: 5px;
}
#tiptip_holder.tip_right {
  padding-left: 5px;
}
#tiptip_holder.tip_left {
  padding-right: 5px;
}
#tiptip_content {
  font-size: 11px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  padding: 4px 8px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background-color: #191919;
  background-color: rgba(25, 25, 25, 0.92);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#tiptip_arrow,
#tiptip_arrow_inner {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}
#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #fff;
  border-top-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #fff;
  border-bottom-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #fff;
  border-right-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #fff;
  border-left-color: rgba(255, 255, 255, 0.35);
}
#tiptip_holder.tip_top #tiptip_arrow_inner {
  margin-top: -7px;
  margin-left: -6px;
  border-top-color: #191919;
  border-top-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  margin-top: -5px;
  margin-left: -6px;
  border-bottom-color: #191919;
  border-bottom-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_right #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -5px;
  border-right-color: #191919;
  border-right-color: rgba(25, 25, 25, 0.92);
}
#tiptip_holder.tip_left #tiptip_arrow_inner {
  margin-top: -6px;
  margin-left: -7px;
  border-left-color: #191919;
  border-left-color: rgba(25, 25, 25, 0.92);
}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #tiptip_content {
    padding: 4px 8px 5px 8px;
    background-color: rgba(45, 45, 45, 0.88);
  }
  #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: rgba(45, 45, 45, 0.88);
  }
  #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: rgba(20, 20, 20, 0.92);
  }
}
/* @end */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select,
  textarea,
  input {
    font-size: 16px !important;
  }
}
@media (min-width: 1200px) {
  .col_left,
  .col_right,
  .col_mid,
  .col_big,
  .col_full {
    margin-left: 30px;
  }
  .col_left,
  .col_right {
    width: 200px;
  }
  .col_mid {
    width: 710px;
  }
  .col_big {
    width: 940px;
  }
  .col_full {
    width: 1170px;
  }
  .site-header .smartsearch {
    width: 570px;
  }
  .royalSlider.uniSlider {
    width: 940px;
    margin-left: 30px;
    margin-bottom: 20px;
  }
  select {
    width: 200px;
  }
  .gridlist article {
    width: 48%;
  }
  .prodlist .itembutton .button {
    font-size: 12px !important;
  }
  .cart .gridlist article,
  .gridlist.related article {
    width: 18%;
  }
}
@media (min-width: 1400px) {
  .col_left,
  .col_right,
  .col_mid,
  .col_big,
  .col_full {
    margin-left: 30px;
  }
  .col_left,
  .col_right {
    width: 260px;
  }
  .col_mid {
    width: 780px;
  }
  .col_big {
    width: 1080px;
  }
  .col_full {
    width: 1370px;
  }
  .col_big .gridlist article {
    width: 23.6%;
  }
  .usps .usp a {
    padding-left: 30px;
    padding-right: 30px;
  }
  .lang-fr .usps .usp a,
  .lang-es .usps .usp a {
    padding: 7px 25px;
  }
  .lang-de .usps .usp a {
    padding: 7px 30px;
  }
  .site-header .smartsearch {
    width: 570px;
  }
  .royalSlider.uniSlider {
    width: 940px;
    margin-left: 30px;
    margin-bottom: 20px;
  }
  select {
    width: 200px;
  }
  .gridlist article {
    width: 48%;
  }
  .prodlist .itembutton .button {
    font-size: 12px !important;
  }
  .cart .gridlist article,
  .gridlist.related article {
    width: 18%;
  }
}
/* tablets */
@media (min-width: 768px) and (max-width: 979px) {
  .col_left,
  .col_right {
    width: 160px;
  }
  .col_mid {
    width: 370px;
  }
  .col_big {
    width: 550px;
  }
  .col_full {
    width: 730px;
  }
  .royalSlider.uniSlider {
    width: 550px;
  }
  .col_mid .gridlist article {
    width: 45.8%;
  }
  .col_big .gridlist article {
    width: 30%;
  }
  select {
    width: 160px;
  }
  .utilsbar .qsearch input {
    width: 50%;
  }
  .promo .panel label {
    width: 100%;
    margin-bottom: 5px;
  }
  #kk-shop-score.size-a {
    padding: 5px !important;
    width: 100% !important;
  }
  .utilsbar .qsearch {
    margin-left: 32%;
  }
  .site-header .smartsearch {
    width: 300px;
  }
}
@media (max-width: 991px) {
  .col_mid .cmsbanners .banner {
    width: 95% !important;
  }
}
@media (max-width: 767px) {
  body {
    background: #fff;
  }
  .basewrap {
    border-radius: 0;
  }
  .site-header {
    margin-left: 0;
    margin-right: 0;
  }
  .utilsbar {
    display: table;
    position: static;
    margin: 10px auto;
  }
  .utilsbar .item {
    display: table-cell;
    float: none;
    margin: 0 10px;
  }
  .searchbar,
  .usps {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
  }
  .col_left,
  .col_mid,
  .col_big,
  .col_full {
    width: 100%;
    float: none;
    margin-left: 0;
  }
  .col_right {
    display: none !important;
  }
  .royalSlider.uniSlider {
    width: 100%;
    margin-left: 0;
  }
  .gridlist article {
    width: 30.5% !important;
  }
  footer {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -15px;
    border-radius: 0;
  }
  footer .span5 {
    margin-bottom: 30px;
  }
  .thumbs a {
    width: 22%;
  }
  .cart-info td.model,
  .cart-info td.price {
    display: none;
  }
  aside .mod-information {
    display: none !important;
  }
  .kieskeurig-badge {
    display: none;
  }
  .utilsbar .qcart {
    top: 40px;
  }
  .home .gridlist article {
    width: 47% !important;
  }
  .col_mid .cmsbanners .banner {
    width: 100% !important;
  }
}
@media (max-width: 599px) {
  .site-header .logo {
    margin: 0px 0 10px !important;
    z-index: 10;
  }
  .site-header .logo img {
    height: 60px;
  }
  .site-header .smartsearch {
    width: 95%;
  }
  .gridlist article {
    width: 46% !important;
  }
  .searchbar {
    text-align: center;
  }
  .utils_links {
    display: block;
    width: 50%;
    text-align: right;
    left: auto;
    right: 0;
    z-index: 20;
  }
  .utils_links a {
    display: inline-block;
    font-size: 24px;
  }
  .utils_links span {
    display: none;
  }
  .utils_links a.contact {
    margin-top: 8px;
    display: block;
    text-align: right;
    font-size: 18px;
  }
  .utils_links a.contact span {
    display: inline-block;
  }
  .utilsbar .item {
    display: block;
  }
  .utilsbar .qsearch {
    width: 98%;
    margin: 0;
  }
  .utilsbar .qcart {
    display: none;
    position: static;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 8px 0 0 0;
  }
  .utilsbar .qcart .inner {
    padding: 10px;
    overflow: hidden;
  }
  .usps .usp-1,
  .usps .usp-3,
  .usps .usp-5 {
    display: none;
  }
  .delivery {
    display: none !important;
  }
  .crumbs {
    display: none;
  }
  .utils_lang {
    position: static;
  }
  .utils_lang a {
    display: inline-block;
    float: none;
    margin: 7px 3px;
  }
  /* PRODUCT DETAILS */
  .imgbox,
  .infobox {
    width: auto;
    float: none;
    margin-bottom: 10px;
  }
  .thumbs a {
    width: 29.5%;
  }
  .htabs .video {
    display: none;
  }
  #cboxContent {
    margin: 30px 10px;
  }
  #cboxPrevious {
    left: -10px;
  }
  #cboxNext {
    right: -10px;
  }
  #cboxClose {
    bottom: -10px;
    right: -10px;
  }
  .orders article .col {
    float: none;
    width: 100%;
  }
  .orders article .col.right {
    float: none;
    width: 100%;
  }
  .promo .panel label {
    width: 100%;
    margin-bottom: 5px;
  }
  .checkoutsteps li {
    width: 42%;
  }
}
@media (max-width: 479px) {
  .utils_links {
    text-align: center;
  }
  .utilsbar {
    display: block;
    margin: 0 auto;
  }
  .utilsbar .item {
    display: block;
    margin: 10px 0;
  }
  .utilsbar .qcart {
    display: none;
  }
  .utilsbar .qsearch input {
    width: 130px;
  }
  .utilsbar .qsearch button {
    float: right;
  }
  .gridlist article {
    width: 95% !important;
  }
  .home .gridlist article {
    width: 95% !important;
  }
  .thumbs a {
    width: 44%;
  }
  /* shoppin cart */
  .cart-info table {
    border: none;
    background: #fff;
  }
  .cart-info td {
    display: block;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    background: #f5f5f5;
  }
  .cart-info thead {
    display: none;
  }
  .cart-info tbody {
    background: #fff;
    border: 1px solid #fff;
  }
  .cart-info tbody tr {
    display: block;
    margin-bottom: 10px;
    background: #fff;
    border: none;
    border-top: 1px solid #E5E5E5;
  }
  .cart-info tbody .delete {
    text-align: left;
  }
  .cart-info tbody .image {
    text-align: left;
    width: auto;
  }
  .cart-info td.model,
  .cart-info td.price {
    display: none;
  }
  .cart .buttons {
    text-align: center;
  }
  .cart .button {
    float: none !important;
    margin: 0 5px 10px 5px;
    font-size: 18px;
    padding: 8px 15px;
  }
  .form label {
    float: none;
    width: auto;
    margin-left: 3px;
  }
  .form input.large-field {
    width: 95%;
  }
  .checkoutsteps li {
    width: 95%;
    margin-bottom: 2px;
  }
}
/* @group popcontent */
.popcontent {
  padding: 20px;
}
.popcontent ol {
  list-style: decimal;
}
.popcontent ul {
  list-style: disc;
}
.popcontent li {
  margin-left: 15px;
}
/* @end */
/* @group fontello */
@font-face {
  font-family: 'matri';
  src: url('../font/matri.eot?v=1213');
  src: url('../font/matri.eot?v=1213#iefix') format('embedded-opentype'), url('../font/matri.woff?v=1213') format('woff'), url('../font/matri.ttf?v=1213') format('truetype'), url('../font/matri.svg?v=1213#matri') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'matri';
    src: url('../font/matri.svg?20864392#matri') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "matri";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-info-circled:before {
  content: '\e800';
}
/* '' */
.icon-help-circled:before {
  content: '\e801';
}
/* '' */
.icon-help:before {
  content: '\e802';
}
/* '' */
.icon-attention-alt:before {
  content: '\e803';
}
/* '' */
.icon-attention:before {
  content: '\e804';
}
/* '' */
.icon-attention-circled:before {
  content: '\e805';
}
/* '' */
.icon-alert:before {
  content: '\e806';
}
/* '' */
.icon-help-1:before {
  content: '\e807';
}
/* '' */
.icon-help-circled-1:before {
  content: '\e808';
}
/* '' */
.icon-info:before {
  content: '\e809';
}
/* '' */
.icon-info-circled-1:before {
  content: '\e80a';
}
/* '' */
.icon-quote-right:before {
  content: '\e80b';
}
/* '' */
.icon-quote-left:before {
  content: '\e80c';
}
/* '' */
.icon-cancel:before {
  content: '\e80d';
}
/* '' */
.icon-cancel-circled:before {
  content: '\e80e';
}
/* '' */
.icon-cancel-1:before {
  content: '\e80f';
}
/* '' */
.icon-cancel-circled-1:before {
  content: '\e810';
}
/* '' */
.icon-cancel-2:before {
  content: '\e811';
}
/* '' */
.icon-cancel-3:before {
  content: '\e812';
}
/* '' */
.icon-heart-1:before {
  content: '\e813';
}
/* '' */
.icon-heart-empty-1:before {
  content: '\e814';
}
/* '' */
.icon-ok:before {
  content: '\e815';
}
/* '' */
.icon-gift:before {
  content: '\e816';
}
/* '' */
.icon-gift-1:before {
  content: '\e817';
}
/* '' */
.icon-paper-plane:before {
  content: '\e818';
}
/* '' */
.icon-shuffle:before {
  content: '\e819';
}
/* '' */
.icon-arrows-ccw:before {
  content: '\e81a';
}
/* '' */
.icon-switch:before {
  content: '\e81b';
}
/* '' */
.icon-glasses:before {
  content: '\e81c';
}
/* '' */
.icon-loop-alt:before {
  content: '\e81d';
}
/* '' */
.icon-thumbs-up:before {
  content: '\e81e';
}
/* '' */
.icon-chat:before {
  content: '\e81f';
}
/* '' */
.icon-truck:before {
  content: '\e820';
}
/* '' */
.icon-calendar:before {
  content: '\e821';
}
/* '' */
.icon-calendar-1:before {
  content: '\e822';
}
/* '' */
.icon-clock-alt:before {
  content: '\e823';
}
/* '' */
.icon-clock:before {
  content: '\e824';
}
/* '' */
.icon-retweet:before {
  content: '\e825';
}
/* '' */
.icon-eye:before {
  content: '\e826';
}
/* '' */
.icon-thumbs-up-alt:before {
  content: '\e827';
}
/* '' */
.icon-heart-filled:before {
  content: '\e828';
}
/* '' */
.icon-heart:before {
  content: '\e829';
}
/* '' */
.icon-search-1:before {
  content: '\e82a';
}
/* '' */
.icon-search:before {
  content: '\e82b';
}
/* '' */
.icon-search-2:before {
  content: '\e82c';
}
/* '' */
.icon-home:before {
  content: '\e82d';
}
/* '' */
.icon-user:before {
  content: '\e82e';
}
/* '' */
.icon-login:before {
  content: '\e82f';
}
/* '' */
.icon-logout:before {
  content: '\e830';
}
/* '' */
.icon-phone:before {
  content: '\e831';
}
/* '' */
.icon-basket:before {
  content: '\e832';
}
/* '' */
.icon-sitemap:before {
  content: '\e833';
}
/* '' */
.icon-money:before {
  content: '\e834';
}
/* '' */
.icon-left-open:before {
  content: '\e835';
}
/* '' */
.icon-right-open:before {
  content: '\e836';
}
/* '' */
.icon-angle-left:before {
  content: '\e837';
}
/* '' */
.icon-angle-right:before {
  content: '\e838';
}
/* '' */
.icon-left-open-big:before {
  content: '\e839';
}
/* '' */
.icon-right-open-big:before {
  content: '\e83a';
}
/* '' */
.icon-reply:before {
  content: '\e83b';
}
/* '' */
.icon-reply-all:before {
  content: '\e83c';
}
/* '' */
.icon-forward:before {
  content: '\e83d';
}
/* '' */
.icon-reply-1:before {
  content: '\e83e';
}
/* '' */
.icon-export:before {
  content: '\e83f';
}
/* '' */
.icon-share:before {
  content: '\e840';
}
/* '' */
.icon-twitter:before {
  content: '\f099';
}
/* '' */
.icon-facebook:before {
  content: '\f09a';
}
/* '' */
.icon-pinterest:before {
  content: '\f231';
}
/* '' */
/* @end */
/* @group Filters */
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 3.5+ */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+ & Safari 6+ */
}
img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}
.merken .touchcarousel li {
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
}
.printmessage {
  display: none;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
/* @end */
/* @group PRINT */
@media print {
  .site-header,
  .col_left,
  .actions,
  .socialmedia,
  .freegiftwrap,
  .prodlist.related,
  .fullSlider,
  .htabs,
  .shippingmessage,
  .nextprevious,
  #descriptionclick,
  #tab_media,
  #tab_shipping,
  #tab_review,
  .tab-content iframe,
  .tags,
  footer {
    display: none !important;
  }
  .printview,
  .printmessage {
    display: block;
  }
  .tab-content {
    display: block !important;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  .tab-content ul li {
    list-style: disc !important;
    margin-left: 20px !important;
  }
  #review_title,
  #tab_review .content {
    display: none;
  }
  .basewrap {
    width: 90%;
    background: yellow;
  }
}
/* @end */
.christmas-theme {
  background: #cd2027 url(../img/snow.gif);
  padding-top: 60px;
  padding-bottom: 100px;
  position: relative;
}
.christmas-theme:before {
  display: block;
  content: " ";
  width: 100%;
  height: 170px;
  background: url(../img/christmas-top.jpg) center top no-repeat;
  background-size: auto 120px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.christmas-theme:after {
  display: block;
  content: " ";
  width: 100%;
  height: 170px;
  background: url(../img/christmas-bottom.jpg) center bottom no-repeat;
  background-size: auto 150px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.vuurwerk-theme {
  background: #83343a url('../img/vuurwerk.jpg') no-repeat left top;
  background-size: 100% auto;
  background-attachment: fixed;
  padding-top: 60px;
  padding-bottom: 100px;
}
.sale-theme {
  padding-top: 60px;
  background: url('../img/bgsale.gif') center top;
}
.sint-theme {
  background: url('../img/bgsint.gif') center top;
  background-attachment: fixed;
}
/* @group DHL PICKUP POINTS */
.mod-select-pickup {
  display: none;
  clear: both;
  padding-top: 20px;
}
.mod-select-pickup.show {
  display: block;
}
.mod-select-pickup a.pickup-popup-button {
  display: inline-block;
  background-color: #089de2;
  color: #fff;
  border-radius: 3px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 12px;
  text-decoration: none;
}
.mod-select-pickup a.pickup-popup-button:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
}
.mod-select-pickup .pickup-selected {
  display: none;
  margin-top: 10px;
  background-color: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 3px;
  padding: 10px 15px;
  line-height: 1.8em;
}
.mod-select-pickup .pickup-selected strong {
  display: block;
}
.mod-select-pickup .pickup-selected .btn-select {
  display: none;
}
.mod-select-pickup .pickup-selected.show {
  display: block;
}
.popup-pickup-points .sidebar {
  width: 30%;
  float: left;
}
.popup-pickup-points h3 {
  color: #d00e1c;
  text-transform: uppercase;
  font-size: 22px;
  background: #ffcd00;
  padding: 12px 20px;
  margin: 0;
}
.popup-pickup-points .pickup-input {
  border-bottom: 1px solid #ddd;
}
.popup-pickup-points .pickup-input * {
  box-sizing: border-box;
}
.popup-pickup-points .pickup-input:after {
  display: block;
  content: "";
  height: 1px;
  clear: both;
}
.popup-pickup-points .pickup-input select {
  width: 100%;
}
.popup-pickup-points .pickup-input input {
  width: 80%;
  height: 36px;
  border: none;
  float: left;
}
.popup-pickup-points .pickup-input button {
  width: 20%;
  height: 36px;
  border: none;
  line-height: 36px;
  background: #ffcd00;
  color: #d00e1c;
  float: right;
  border-radius: 0;
}
.popup-pickup-points .pickup-map {
  width: 70%;
  height: 650px;
  float: right;
  background: #f4f4f4;
  position: relative4;
}
.popup-pickup-points .pickup-list {
  position: relative;
  min-height: 400px;
}
.popup-pickup-points .pickup-list .location {
  padding: 20px;
  border-bottom: 1px solid #eee;
  line-height: 1.4em;
  position: relative;
}
.popup-pickup-points .pickup-list .location strong {
  display: block;
  margin-bottom: 3px;
}
.popup-pickup-points .pickup-list .location .btn-select {
  display: inline-block;
  background: #089de2;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.popup-pickup-points .pickup-list .location .btn-select:hover {
  background: #ffcd00;
  color: #d00e1c;
}
.popup-pickup-points .pickup-list .location.active {
  background: #f4f4f4;
  border-left: 10px solid #ffcd00;
}
.popup-pickup-points .pickup-list .location.active:before {
  display: block;
  content: "";
  width: 30px;
  height: 30px;
  background: #ffcd00;
  position: absolute;
  top: 50%;
  left: -25px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.popup-pickup-points.loading .pickup-list:before,
.popup-pickup-points.loading .pickup-map:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff url(../img/loader-40x40.gif) center center no-repeat;
  opacity: 0.9;
}
@media (max-width: 1200px) {
  .popup-pickup-points .sidebar {
    width: 40%;
  }
  .popup-pickup-points .pickup-map {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .popup-pickup-points .pickup-map,
  .popup-pickup-points .sidebar {
    clear: both;
    width: 100%;
  }
  .popup-pickup-points .pickup-map {
    display: none;
  }
  .popup-pickup-points .pickup-list {
    min-height: 520px;
  }
}
/* @end */
/* @group PASPOPPEN ZOEKER */
.mod-paspop-kiezer * {
  box-sizing: border-box;
}
.mod-paspop-kiezer .paspop-form {
  background: rgba(0, 0, 0, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 20px;
}
.mod-paspop-kiezer .paspop-form label {
  display: none;
}
.mod-paspop-kiezer .paspop-form .form-row {
  margin-bottom: 12px;
}
.mod-paspop-kiezer .paspop-form .form-row input {
  width: 100%;
  height: 36px;
  background: #fff;
}
.mod-paspop-kiezer .paspop-form .form-action {
  text-align: right;
}
.mod-paspop-kiezer .output .loading {
  min-height: 100px;
  background: url(../img/ajax-loader.gif) center center no-repeat;
  background-size: 200px;
}
.mod-paspoppen-results {
  overflow: hidden;
}
.mod-paspoppen-results .product {
  width: 31%;
  float: left;
  margin: 0 2% 20px 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.mod-paspoppen-results .product .inner {
  padding: 20px;
}
.mod-paspoppen-results .product .product-image {
  padding: 0;
  margin: 0 0 20px;
}
.mod-paspoppen-results .product .product-header {
  margin-bottom: 20px;
}
.mod-paspoppen-results .product .product-title {
  font-size: 20px;
  margin: 0 0 10px;
}
.mod-paspoppen-results .product .product-model {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  color: #555;
}
/* @end */
/* @group article-ouput */
.post-entry h1,
.article-ouput h1,
.post-entry h2,
.article-ouput h2,
.post-entry h3,
.article-ouput h3,
.post-entry h4,
.article-ouput h4,
.post-entry h5,
.article-ouput h5 {
  margin: 0 0 5px;
}
.post-entry h1,
.article-ouput h1 {
  font-size: 28px;
}
.post-entry h2,
.article-ouput h2 {
  font-size: 24px;
}
.post-entry h3,
.article-ouput h3 {
  font-size: 20px;
  opacity: 0.5;
}
.post-entry h4,
.article-ouput h4 {
  font-size: 18px;
  opacity: 0.5;
}
.post-entry p,
.article-ouput p {
  margin-bottom: 30px;
}
/* @end */
.contact-alert {
  background: #ffc5c5;
  padding: 15px 20px;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 15px;
}
.contact-alert a:link {
  color: #E91F24;
  text-decoration: none;
}
.panel .contact-alert {
  margin-top: 15px;
}
.tpl-checkout .inner-box {
  max-width: 1400px;
  padding: 40px 50px;
  margin: 0 4px;
  background: rgba(0, 0, 0, 0.04);
}
.tpl-checkout * {
  box-sizing: border-box;
}
.tpl-checkout .checkout-header {
  margin-bottom: 15px;
}
.tpl-checkout .checkout-header h1 {
  margin: 0;
}
.tpl-checkout .checkout-steps {
  overflow: hidden;
  margin-bottom: 30px;
}
.tpl-checkout .checkout-steps li {
  float: left;
  font-size: 13px;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-right: 5px;
}
.tpl-checkout .checkout-steps li a {
  color: #089de2;
  text-decoration: none;
}
.tpl-checkout .checkout-steps li .separator {
  display: inline-block;
  margin-left: 5px;
}
.tpl-checkout .checkout-order-info {
  width: calc(50% - 23px);
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 5px;
  margin-bottom: 40px;
}
.tpl-checkout .checkout-order-info .item {
  overflow: hidden;
  padding: 12px 20px;
  border-bottom: 1px solid #D9D9DD;
  position: relative;
  line-height: 1.6em;
}
.tpl-checkout .checkout-order-info .item:last-child {
  border: none;
}
.tpl-checkout .checkout-order-info .item .key {
  display: block;
  width: 25%;
  float: left;
  opacity: 0.7;
}
.tpl-checkout .checkout-order-info .item .value {
  width: 75%;
  float: left;
}
.tpl-checkout .checkout-order-info .item .info-helper {
  display: block;
  padding-top: 3px;
  font-size: 12px;
  line-height: 1.4em;
  opacity: 0.6;
}
.tpl-checkout .checkout-order-info .item .action {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 12px;
  text-decoration: none;
}
.tpl-checkout .checkout-order-row {
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
.tpl-checkout .checkout-order-row .checkout-order-col {
  width: 50%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.tpl-checkout .checkout-order-row .checkout-order-info {
  width: 100%;
}
.tpl-checkout form {
  margin-right: 15px;
}
.tpl-checkout .form-panel {
  margin-bottom: 30px;
}
.tpl-checkout .form-panel .panel-title {
  margin: 0 0 20px;
}
.tpl-checkout .form-panel .panel-title-info {
  margin-top: -10px;
  margin-bottom: 20px;
  opacity: 0.7;
}
.tpl-checkout .form-box {
  margin-top: 20px;
}
.tpl-checkout .form-box textarea {
  width: 100%;
  height: 120px;
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 3px;
  padding: 10px;
}
.tpl-checkout .form-row {
  position: relative;
  margin-bottom: 15px;
}
.tpl-checkout .form-row.type-select {
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 3px;
  padding: 10px;
}
.tpl-checkout .form-row.bg-light {
  background-color: #F9F9F9;
}
.tpl-checkout .form-row.bg-blue {
  background-color: #089de2;
  border: none;
}
.tpl-checkout .form-row.bg-blue .label {
  color: #fff;
}
.tpl-checkout .form-row .label {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 13px;
  color: #777;
}
.tpl-checkout .form-row .label .required {
  color: #E91F24;
}
.tpl-checkout .form-row .input {
  width: 100%;
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 3px;
  color: #000;
  font-size: 16px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 7px;
  padding-left: 10px;
}
.tpl-checkout .form-row .input:focus {
  border-color: #00c101;
}
.tpl-checkout .form-row select {
  width: 100%;
  margin-top: 20px;
}
.tpl-checkout .form-row textarea {
  width: 100%;
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 3px;
  color: #000;
  font-size: 16px;
  height: 120px;
  padding: 10px;
  padding-top: 30px;
}
.tpl-checkout .form-row .error {
  display: block;
  color: #E91F24;
  margin-top: 5px;
  margin-bottom: 8px;
  font-style: italic;
}
.tpl-checkout .form-split {
  overflow: hidden;
}
.tpl-checkout .form-split .row-50 {
  width: 49%;
  float: left;
}
.tpl-checkout .form-split .row-50:last-child {
  float: right;
}
.tpl-checkout .checkout-row {
  overflow: hidden;
  margin-bottom: 30px;
}
.tpl-checkout .checkout-row .col-left,
.tpl-checkout .checkout-row .col-right {
  width: 50%;
  float: left;
}
.tpl-checkout .checkout-row .col-left {
  padding-right: 15px;
}
.tpl-checkout .checkout-row .col-left .method-panel {
  margin-bottom: 40px;
}
.tpl-checkout .checkout-row .col-right {
  padding-left: 15px;
}
.tpl-checkout .method-panel .method-header {
  margin-bottom: 25px;
}
.tpl-checkout .method-panel .title {
  margin: 0 0 8px 0;
}
.tpl-checkout .method-panel .subtitle {
  display: block;
  opacity: 0.7;
}
.tpl-checkout .method-list {
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 5px;
}
.tpl-checkout .method-list .method {
  border-bottom: 1px solid #D9D9DD;
  position: relative;
}
.tpl-checkout .method-list .method:first-child label {
  border-radius: 5px 5px 0 0;
}
.tpl-checkout .method-list .method:last-child {
  border: none;
}
.tpl-checkout .method-list .method:last-child label {
  border-radius: 0 0 5px 5px;
}
.tpl-checkout .method-list .method input {
  position: absolute;
  top: 13px;
  left: 20px;
}
.tpl-checkout .method-list .method label {
  display: block;
  padding: 15px 20px 15px 50px;
  font-size: 15px;
  margin: 0;
}
.tpl-checkout .method-list .method label img {
  margin-right: 8px;
}
.tpl-checkout .method-list .method label .helper {
  display: block;
  font-size: 12px;
  opacity: 0.6;
}
.tpl-checkout .method-list .method label:hover {
  background: #f9f9f9;
}
.tpl-checkout .method-list .method label .price {
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 13px;
  opacity: 0.8;
}
.tpl-checkout .method-list .method label .free-shipping-label {
  display: inline-block;
  padding: 6px 10px;
  background: #089de2;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
  border-radius: 2px;
  position: absolute;
  top: 13px;
  right: 10px;
}
.tpl-checkout .method-list .method-info {
  display: none;
  padding: 20px;
  background: #fafafa;
  border-top: 1px solid #D9D9DD;
}
.tpl-checkout .method-list .method-info select {
  width: 100%;
}
.tpl-checkout .method-list .method-wrapper {
  border-bottom: 1px solid #D9D9DD;
}
.tpl-checkout .method-list .method-wrapper .toggle {
  display: block;
  padding: 15px 20px 15px 18px;
  font-size: 18px;
  font-weight: normal;
  color: #666;
  text-transform: uppercase;
  text-decoration: none !important;
}
.tpl-checkout .method-list .method-wrapper .toggle i {
  display: inline-block;
  transition: all 0.2s ease-in-out;
  transform-origin: center center;
}
.tpl-checkout .method-list .method-wrapper .method-box {
  background-color: #fafafa;
  border-top: 3px solid #D9D9DD;
  border-bottom: 2px solid #D9D9DD;
  display: none;
}
.tpl-checkout .method-list .method-wrapper .method-box .method {
  background-color: transparent;
}
.tpl-checkout .method-list .method-wrapper.open .toggle {
  background-color: rgba(0, 0, 0, 0.1);
}
.tpl-checkout .method-list .method-wrapper.open .toggle i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.tpl-checkout .method-list .method-wrapper.open .method-box {
  display: block;
}
.tpl-checkout .checkout-button {
  display: inline-block;
  min-width: 240px;
  border: none;
  background: #03af03;
  font-weight: bold;
  font-size: 18px;
  padding: 20px 30px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}
.tpl-checkout .checkout-button:hover {
  background: #089de2;
}
.tpl-checkout .checker-indicator {
  clear: both;
  padding: 10px 0 5px;
  margin-bottom: 30px;
  border-top: 1px solid #D9D9DD;
  border-bottom: 1px solid #D9D9DD;
  background: #f9f9f9;
}
.tpl-checkout .checker-indicator label {
  display: block;
  font-size: 16px;
  line-height: 1.6em;
}
.tpl-checkout .checker-indicator input.chk {
  float: left;
  margin: 6px 10px 0 10px;
}
.tpl-checkout .cartwrapper {
  margin-bottom: 15px;
}
.tpl-checkout .cart-total {
  background: #fff;
}
@media (max-width: 1200px) {
  .tpl-checkout .checkout-order-info .item .key {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .tpl-checkout form {
    margin-right: 0;
  }
  .tpl-checkout .inner-box {
    padding: 40px 25px;
  }
  .tpl-checkout .checkout-order-info {
    width: 100%;
  }
  .tpl-checkout .checkout-order-rowxx .checkout-order-col {
    width: 100%;
    float: none;
  }
  .tpl-checkout .checkout-order-rowxx .checkout-order-info {
    margin-bottom: 20px;
  }
  .tpl-checkout .checkout-row .col-left,
  .tpl-checkout .checkout-row .col-right {
    width: 100%;
    float: none;
  }
  .tpl-checkout .checkout-row .col-left {
    padding-right: 0;
    margin-bottom: 60px;
  }
  .tpl-checkout .checkout-row .col-right {
    padding-left: 0;
  }
}
@media (max-width: 720px) {
  .tpl-checkout form {
    margin-right: 0;
  }
  .tpl-checkout .inner-box {
    padding: 40px 25px;
  }
  .tpl-checkout .checkout-order-info {
    width: 100%;
  }
  .tpl-checkout .checkout-order-row .checkout-order-col {
    width: 100%;
    float: none;
  }
  .tpl-checkout .checkout-order-row .checkout-order-info {
    margin-bottom: 20px;
  }
}
@media (max-width: 520px) {
  .tpl-checkout .form-split .row-50 {
    width: 100%;
    float: none;
  }
}
.cart-info-dng {
  width: 100%;
  background: #fff;
  border: 1px solid #D9D9DD;
  border-radius: 5px;
  margin-bottom: 30px;
}
.cart-info-dng tr {
  border-bottom: 1px solid #D9D9DD;
}
.cart-info-dng td,
.cart-info-dng th {
  padding: 15px;
}
.cart-info-dng thead {
  border-bottom: 1px solid #D9D9DD;
}
.cart-info-dng thead th {
  font-weight: bold;
  background: #f9f9f9;
}
.cart-info-dng .td-image {
  width: 90px;
}
.cart-info-dng .td-name .product-name {
  display: block;
  text-decoration: none !important;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cart-info-dng .td-name .product-model {
  display: block;
  font-size: 12px;
  opacity: 0.6;
}
.cart-info-dng .td-quantity {
  text-align: center;
}
.cart-info-dng .td-price {
  text-align: right;
}
.cart-info-dng .td-total {
  text-align: right;
}
/* POPUPS */
.c-popup .inner {
  min-width: 480px;
  padding: 40px;
}
.c-popup .heading {
  margin-bottom: 30px;
}
.popup-login .frm-row {
  margin-bottom: 20px;
}
.popup-login label {
  display: block;
  margin-bottom: 4px;
}
.popup-login input {
  width: 100%;
  height: 46px;
  padding-left: 8px;
  border: 1px solid #EEEEEE;
  border-radius: 3px;
}
.popup-login .frm-actions {
  overflow: hidden;
}
.popup-login .frm-actions .forgotten {
  display: inline-block;
  line-height: 40px;
}
.popup-login .frm-actions .left {
  float: left;
}
.popup-login .frm-actions .right {
  float: right;
}
/*# sourceMappingURL=screen.css.map */