@charset "UTF-8";
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Mobile styles (for both Portrait and Landscape)
 *
 *====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * Dynamic helpers: probably wanted in all files
 *
 *=====================================================================*/
/*=====================================================================
 *
 * Author: Nedbase - www.nedbase.nl
 *
 * All mixins must be documentated according http://sassdoc.com/
 *
 *
 * Group Helpers
 * Group Vendor prefixed
 * Group Shortcuts
 * Group Ah Nice
 *
 *=====================================================================*/
/*************************************************
  GROUP HELPERS
*************************************************/
/**
 * Grows element if childs are floated
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's stack on each other
 * @group helpers
 */
/**
 * Removes basic ul/ol formatting and make li's inline
 * @group helpers
 */
/**
 * Center element inline, makes parent element relative
 * @group helpers
 */
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Set keyframes and properties for animation
 * @group Helpers
 * @param {string} $animationName ('') name of the animation
 * @example @include keyframes(fade-in){
  0%   { opacity: 0; }
  100% { opacity: 1; }
 }
 */
/**
 * Bind animation to element
 * @group Helpers
 * @param {string} $animation ('') name of the animation
 * .animated-element { @include animation(fade-in 1s forwards); }
 */
/**
 * Style placeholders for input-elemnts
 * @group Helpers
 * @param {color} $color (rgba(0,0,0,.4)) color
 * @param {content} @content '' extra declarations
 * @include placeholder(red); }
 * @include placeholder(red){ font-style: italic; }; }
 */
/*************************************************
  GROUP VENDOR PREFIXED
*************************************************/
/**
 * @group Vendor prefixed
 * @param {color} $start-color ($gray) - Startcolor
 * @param {color} $end-color ($grayshade) - Endcolor
 * @example @include linear-gradient(red, blue);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (100% 100% 100% 100%) - Border-radius-value
 * @example @include border-radius(10px 5px);
 */
/**
 * @group Vendor prefixed
 * @param {float} $value (1) - Opacity-value
 * @example @include opacity(.5);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0 0 2px rgba($black,.2)) - Box-shadow-value
 * @example @include box-shadow(1px 1px 2px red);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (0) perspective
 * @example @include perspective(1);
 */
/**
 * @group Vendor prefixed
 * @param {string} $rotateX (0) x-rotation
 * @param {string} $rotateY (0) y-rotation
 * @param {string} $rotateZ (0) z-rotation
 * @param {float} $scale (1) scale
 * @param {string} $translateX (0) x-translate
 * @param {string} $translateY (0) y-translate
 * @param {string} $translateZ (0) z-translate
 * @param {string} $skewX (0) x-skew
 * @param {string} $skewY (0) y-skew
 * @example @include transform(5deg);
 */
/**
 * @group Vendor prefixed
 * @param {string} $value (all 500ms) the transition
 * @example @include transition(opacity 250ms ease-in);
 * @example @include transition(none);
 */
/**
 * @group Vendor prefixed
 * @param {string} $val (none) what van be selected?
 * @example @include user-select(none);
 * @example @include user-select(text);
 * @example @include user-select(auto);
 */
/**
 * @group Vendor prefixed
 * @param {integer} $count (2) number of columns
 * @param {integer} $gap (10px) size of gap between columns
 * @example @include columns($count: 5, $gap: 6)
 */
/*************************************************
  GROUP SHORTCUTS
*************************************************/
/**
* @group Shortcuts
* @param {string} $value (0) z-rotation
* @example @include rotate(5deg);
*/
/**
* @group Shortcuts
* @param {string} $value (0) scale
* @example @include scale(2);
*/
/*************************************************
  GROUP AH, NICE!
*************************************************/
/**
* Adds a line after element until right side of parent element (for indexlines)
* @group Ah, nice!
* @param {string} $height (1px) height of line
* @param {color} $color ($bordercolor) color of line
* @param {string} $margin-left (1em) left margin of line
* @param {string} $margin-top (0) top margin of line
* @example @include indexline(1px red 2em);
*/
/**
* Creates circle with possibility of a centered (horizontal and vertical) text inside
* @group Ah, nice!
* @param {string} $size (30px) size of circle
* @param {color} $bgcolor ($primarycolor) background color of circle
* @param {float} $fontsize (1.4) size of text in
* @param {color} $color (#fff) textcolor
* @example @include circle(50px, red, 2, pink)
*/
/**
* Adds a cutstomized dashed border
* @group Ah, nice!
* @param {float} $dashlength (10px) dashlength
* @param {float} $spacelength (10px) spacelength
* @param {float} $borderheight (10px) borderheight
* @param {color} $color ($primarycolor) color
* @param {string} $position (top) position of the border
* @example @include dashed-border(5px, 3px, 4px, red, bottom)
*/
/**
* Adds a triange-arrow to element
* @group Ah, nice!
* @param {string} $position (bottom) position of the arrow
* @param {color} $color (#fff) color of the arrow
* @param {float} $size (10px) size of the arrow
* @example @include border_triangle(bottom, #fff, 10px)
*/
/*************************************************
  NOG GROEPEREN
*************************************************/
/*=====================================================================
 * Calculate
 *=====================================================================*/
/*=====================================================================
 *  Flexbox
 *=====================================================================*/
/**
 * Return resposive font-size in pixels and rems
 * @group helpers
 * @param {float} $value (1.6) - Font-size (10% of pixelvalue)
 * @example @include font-size(1.8);
 */
/**
 * Break words based on best match... Does not work in chrome
 * @group helpers
 * @example @include word-break();
 */
body.is-dev:after {
  content: 'mobile';
  background: darkblue; }

body {
  background: none;
  overflow-x: hidden; }

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

body, input, select, option, button, textarea {
  font-size: 13px; }

h1 {
  font-size: 28px; }

h2 {
  font-size: 22px; }

h3, .title {
  font-size: 18px; }

h4 {
  font-size: 14px; }

.wrapper {
  position: relative; }

input, select, textarea, label, button {
  padding: 8px 5px; }

.button, a.button {
  padding: 10px; }

/*=====================================================================
 * LAYOUT
 *=====================================================================*/
.container {
  width: 100%; }

.sidebar_none section.content,
.idf-checkout section.content,
.idf-shoppingcart section.content,
section.content {
  float: none !important;
  width: auto;
  min-height: inherit; }

aside.left,
aside.right {
  float: none;
  width: auto;
  min-height: inherit;
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

aside.left > h2:first-child,
aside.left .categories {
  display: none; }

.sidebar .filtergroup {
  display: none; }

nav.breadcrumb {
  display: none; }

.sidebar .reviews.panel,
.sidebar .brands.panel {
  display: none; }

#gritter-notice-wrapper {
  position: fixed;
  left: 5%;
  top: 80px;
  right: 5%;
  width: auto; }

.idf-home section.main,
section.main {
  padding: 0 5%;
  background: none; }

section.main section.content {
  padding: 15px 0 0 0; }

.idf-shoppingcart .thuiswinkel,
.idf-checkout .thuiswinkel,
.thuiswinkel {
  float: none;
  display: block;
  margin: 0 auto; }

.thuiswinkel {
  width: 200px;
  height: 50px; }

.fancybox-wrap {
  width: auto !important;
  left: 5% !important;
  right: 5% !important; }

header .shop.categories {
  z-index: 9998;
  background: #2079c0; }

.sidebar #copernica input, .sidebar #copernica select, .sidebar #copernica textarea {
  width: 100%; }

.sidebar #copernica input.submit {
  display: block;
  width: 100%; }

/* Responsible Table */
.responsetable,
.responsetable tr,
.responsetable tbody {
  display: block; }

.responsetable thead {
  display: none; }

.responsetable tbody tr {
  display: block;
  padding: 10px;
  margin: 0 0 5px 0; }

.responsetable tbody tr:nth-child(2n) {
  display: block;
  padding: 10px; }

.responsetable tbody td {
  display: block;
  border: none;
  background: none; }

.responsetable tbody td:before {
  display: block;
  margin: 0 0 4px 0;
  font-weight: 700;
  content: attr(data-th); }

/*=====================================================================
 * HEADER
 *=====================================================================*/
header.main {
  background: #2079c0;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); }

.mobileheader {
  display: block;
  height: 64px;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: white;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); }

.mobileheader h1 {
  position: relative;
  z-index: 1; }

.mobileheader .logo {
  position: relative;
  z-index: 1;
  display: inline-block;
  height: auto;
  width: auto;
  margin: 0;
  text-align: left; }

.mobileheader .logo img {
  display: inline-block;
  height: 34px;
  width: auto; }

.mobileheader .cart.smallCart {
  position: absolute;
  z-index: 99;
  right: 10px;
  top: 10px;
  width: auto;
  height: auto;
  max-width: inherit;
  min-width: inherit;
  font-size: 22px; }

.mobileheader .cart.smallCart a:after {
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 28px;
  color: #2079c0;
  content: '\e900'; }

.mobileheader .cart.smallCart .productCount {
  position: absolute;
  z-index: 3;
  top: 5px;
  right: 0;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  color: #2079c0;
  background: #fef13a;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%; }

.mobileheader .cart.smallCart h3 {
  display: none; }

.mobileheader .cart.smallCart .productCountString {
  display: none; }

.mobileheader .cart.smallCart .subTotal {
  display: none; }

.mainnav-wrapper {
  position: fixed;
  top: 64px;
  left: -100%;
  width: 100%;
  height: calc(100vh - 64px);
  padding-bottom: 15px;
  overflow-y: scroll;
  background: #2079c0; }

.mainnav-wrapper > .toggle {
  display: block;
  padding: 15px;
  margin-top: 15px;
  color: #fff; }

.mainnav-wrapper > .toggle a {
  display: block;
  font-size: 14px;
  color: #fff;
  position: relative;
  padding-left: 30px; }

.mainnav-wrapper > .toggle a:before {
  content: '\e909';
  font-size: 20px;
  position: absolute;
  left: 0; }

.wrapper.open .mainnav-wrapper {
  left: 0; }

.mainnav-wrapper > .account {
  display: block;
  padding: 20px;
  margin: 0;
  overflow: hidden; }

.mainnav-wrapper > .account a {
  color: #fff;
  background: transparent;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 50%; }

.mainnav-wrapper > .account a.login {
  display: block;
  font-size: 14px;
  color: #fff;
  position: relative;
  padding-left: 30px; }

.mainnav-wrapper > .account a.login::before {
  content: '\e909';
  font-size: 20px;
  position: absolute;
  left: 0; }

.mainnav-wrapper > .account a.login > span {
  display: none; }

.mainnav-wrapper > .account.open a.login span.show-open {
  display: block; }

.mainnav-wrapper > .account:not(.open) a.login span.show-closed {
  display: block; }

.mainnav-wrapper > .account.open a.login::before {
  content: '\e901'; }

.mainnav-wrapper > .account.open .content {
  display: block; }

.mainnav-wrapper > .account:not(.open) .content {
  display: none; }

.mainnav-wrapper > .account .toggle {
  float: left;
  width: 100%; }

.mainnav-wrapper > .account .toggle span {
  float: none;
  margin: 0; }

.mainnav-wrapper > .account .toggle a:hover {
  background: transparent; }

.mainnav-wrapper > .account .toggle a.service {
  margin: 0;
  text-align: right; }

.account.anonymous .toggle .login {
  background: none; }

.account.anonymous .toggle .login:hover {
  background: none; }

.mobileheader .menutoggle {
  display: inline-block;
  font-size: 17px;
  border-radius: 5px;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 64px;
  padding: 0 1em 0 2.5em;
  height: 44px;
  line-height: 44px;
  background: #2f77bb;
  background: -webkit-gradient(linear, left top, left bottom, from(#2f77bb), to(#115da5));
  background: -o-linear-gradient(top, #2f77bb 0%, #115da5 100%);
  background: linear-gradient(to bottom, #2f77bb 0%, #115da5 100%); }

.mobileheader .menutoggle i {
  font-size: 16px;
  position: absolute;
  left: 17px; }

.mobileheader .menutoggle i::after {
  content: '\e903'; }

.mobileheader .menutoggle .title-closed {
  display: inline-block; }

.mobileheader .menutoggle .title-opened {
  display: none;
  font-size: 14px; }

.wrapper.open .mobileheader .menutoggle .icon:after {
  content: '\e901'; }

.wrapper.open .mobileheader .menutoggle .title-closed {
  display: none; }

.wrapper.open .mobileheader .menutoggle .title-opened {
  display: inline-block; }

.titlecartbar {
  height: auto;
  padding: 0;
  text-align: center;
  overflow: visible; }

.titlecartbar .logo {
  padding-top: 0; }

.titlecartbar .container .logo {
  float: left;
  margin: 15px 10px 0 15px; }

.titlecartbar ul.usps {
  display: none; }

.titlecartbar div.cart {
  position: relative;
  z-index: 2; }

.titlecartbar div.cart a {
  display: block;
  height: 44px;
  width: 44px;
  padding: 0;
  background: #ebebeb;
  border-radius: 5px; }

.shopbar {
  position: fixed;
  z-index: 9997;
  top: 0;
  right: 0;
  background: none;
  padding: 0;
  margin: 0 0 10px 0;
  min-height: inherit;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

.shopbar .account {
  position: static;
  width: auto;
  display: none !important; }

.shopbar .account .service {
  display: none; }

.account {
  position: static;
  width: 100%;
  margin-bottom: 15px; }

.account .content {
  position: static;
  z-index: 888;
  top: 64px;
  left: 0;
  right: 0;
  float: none;
  margin: 40px 0 0;
  padding: 20px 5%;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4); }

.account .content .formStep {
  padding: 0;
  margin-bottom: 1em; }

.account .content label {
  padding: 0 0 5px 0;
  width: auto;
  color: #fff; }

.account .content .forget a,
.account .content .register a {
  font-size: 12px;
  color: #fff;
  text-decoration: underline; }

.account .forget {
  display: block;
  padding: 5px 0; }

.account .register {
  display: block;
  padding: 5px 0; }

.account .button {
  color: #2079c0;
  background: #fef13a; }

.account .content .loginerror {
  display: block;
  margin: 0 0 20px 0;
  padding: 3px 10px;
  text-align: center;
  color: #fff;
  background: #E61F58;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.account.logged-in .content {
  text-align: left;
  padding: 5px 5%; }

.account.logged-in .content a {
  display: block;
  float: none;
  width: 100%;
  padding: 8px 0;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.3); }

.account.logged-in .content a:first-child {
  border-top: 0; }

.account.logged-in .toggle a {
  color: #fff;
  display: block;
  float: none;
  background: transparent; }

.account .toggle .welcome {
  display: inline-block;
  float: none;
  margin-left: 0; }

div.navsearchbar nav.categories {
  background: #2079c0 !important; }

nav.mainnav {
  background: none; }

nav.mainnav ul {
  width: auto;
  height: auto;
  padding: 0; }

nav.mainnav ul li {
  float: none;
  background: none;
  border-color: rgba(255, 255, 255, 0.2); }

nav.mainnav ul li a {
  height: auto;
  padding: 13px 5px;
  font-size: 16px; }

/* basic formatting */
.mainnav > ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .mainnav > ul li {
    display: block; }
    .mainnav > ul li:before {
      content: none; }
    .mainnav > ul li ul, .mainnav > ul li ol {
      list-style: none;
      padding: 0;
      margin: 0; }

.mainnav ul ul {
  position: static; }

.mainnav ul li.first {
  margin: 0; }

.mainnav li a {
  display: block;
  position: relative;
  padding: 5px 0; }

.mainnav li ul {
  display: none; }

.mainnav li.open > ul {
  display: block; }

.mainnav ul ul {
  padding: 10px 0; }

.mainnav ul ul li {
  border: 0; }

.mainnav ul ul li a {
  border: 0;
  padding: 5px 10px;
  margin: 0 10px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7); }

.mainnav ul ul li.active a {
  color: #fff; }

.mainnav ul ul ul {
  margin: 0; }

/* active state */
.mainnav li.active > a {
  font-weight: bold; }

/* foldout toggle */
.mainnav li.hassubs > a > .foldout-toggle {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 20px;
  text-align: center; }

.mainnav li.hassubs > a > .foldout-toggle:after {
  content: '·';
  position: relative;
  top: 13px; }

.mainnav li.hassubs.open > a > .foldout-toggle:after {
  content: 'µ'; }

/* level 1 */
.mainnav li {
  border-top: 1px solid #fff; }

/* level 2 */
.mainnav li li > a {
  padding-left: 20px; }

.mainnav li li.hassubs > a > .foldout-toggle:after {
  top: 5px;
  right: 5px; }

/* level 3 */
.mainnav li li li > a {
  padding-left: 30px; }

/* level 4 */
.mainnav li li li li > a {
  padding-left: 40px; }

/*Reset fixed*/
section.main {
  background-position: center 37px !important;
  padding: 0 5% !important; }

section.main.no-navsearchbar {
  margin-top: 64px; }

/*Search*/
header.navsearchbar {
  position: relative !important;
  padding: 64px 0 0 0;
  top: auto !important;
  z-index: 2; }

header.navsearchbar .searchbar {
  background: none;
  min-height: inherit; }

header.navsearchbar .searchbar .wrapper {
  width: auto;
  margin: 0;
  padding: 0; }

header.navsearchbar .searchbar form.search {
  position: relative;
  z-index: 99;
  padding: 10px;
  height: auto;
  width: auto;
  background: #fef13a; }

header.navsearchbar .searchbar form.search::after {
  content: '\e907';
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 21px;
  color: #2079c0; }

header.navsearchbar .searchbar form.search #searchbox {
  height: auto;
  width: 100%;
  padding: 10px 40px 10px 10px;
  border: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; }

header.navsearchbar .searchbar form.search .button {
  background: none;
  top: 19px;
  right: 19px;
  border-radius: 5px; }

header.navsearchbar .searchbar #suggest {
  width: auto; }

header.navsearchbar .searchbar #suggest ul {
  background: #fff; }

header.navsearchbar .searchbar #suggest ul li {
  padding: 0; }

header.navsearchbar .searchbar #suggest ul li a {
  display: block;
  padding: 9px 5px; }

header.navsearchbar .searchbar #suggest ul li a span {
  width: auto; }

/* Mobile nav bar */
.mobile-navbar {
  background: #d3e6f6;
  padding: 10px;
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  z-index: 2; }

.mobile-navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.mobile-navbar ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(50% - 5px);
  flex: 0 0 calc(50% - 5px); }

.mobile-navbar ul li span {
  display: block;
  position: relative;
  cursor: pointer; }

.mobile-navbar ul li span.open::after {
  content: 'µ'; }

.mobile-navbar ul li span::after {
  content: '·';
  position: absolute;
  top: 10px;
  right: 10px; }

.mobile-navbar ul li.open span::after {
  content: 'µ'; }

/*=====================================================================
 * MODULES
 *=====================================================================*/
/*Blog*/
.idf-news .news .list article.item {
  margin: 0 0 20px 0; }

.news .list .item {
  padding: 0;
  min-height: inherit;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #EEE; }

.news .list .item figure {
  position: relative;
  top: auto;
  width: auto;
  padding: 0;
  margin: 0 0 10px 0; }

.sidebar .blog article:nth-child(n+4) {
  display: none; }

/*Links*/
#linkmodule .linkitem {
  float: none;
  width: auto;
  margin: 0 0 20px 0; }

/*Brands*/
.brandlist {
  float: none;
  width: auto;
  margin: 0 0 20px 0; }

a.brandlink {
  display: inline-block;
  float: none;
  width: auto; }

a.brandlink:after {
  content: ',';
  margin-right: 3px; }

/*=====================================================================
 * SHOP
 *=====================================================================*/
/*Amount buttons*/
.amountButtons {
  margin: 0; }

.amountButtons a.button {
  float: left;
  width: 44px;
  height: 44px;
  line-height: 44px;
  padding: 0;
  margin: 0 0 0 4px;
  font-size: 12px;
  background: #ebebeb;
  color: #2079c0;
  border-radius: 5px; }

.amountButtons a.plus::after {
  content: '\e906'; }

.amountButtons a.minus::after {
  content: '\e904'; }

input.amount {
  height: 25px;
  width: 45px; }

.shop ul.products,
ul.shop.products.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede; }

.shop ul.products > *,
ul.shop.products.inline > * {
  xflex: 0 0 calc(50% - 2px); }

.shop ul.products, ul.shop.products.inline {
  margin: 0 0 30px; }

ul.products li.product {
  float: none;
  width: 50%;
  min-height: inherit;
  margin: 0;
  border: 0;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

ul.products li.product:after {
  display: none; }

ul.products li.product h2 {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

ul.products li.product a.figure figure {
  display: block;
  height: auto;
  width: auto;
  padding: 0;
  border: 0; }

ul.products li.product a.figure figure img {
  max-width: 100%;
  max-height: inherit; }

ul.products li.product div.price {
  position: relative;
  bottom: auto;
  width: auto;
  border: 0;
  padding: 0;
  margin: 0; }

ul.products li.product span.specs {
  position: relative;
  bottom: auto;
  font-size: 12px;
  margin-top: 1em; }

ul.products li.product span.label {
  top: 0;
  right: 0; }

ul.products li.product .offer span.oldprice {
  font-size: 12px; }

ul.products li.product .orderbox {
  position: relative;
  bottom: auto;
  padding: 10px 0 0 0;
  margin-top: auto;
  text-align: right; }

ul.products li.product .orderbox form .amount,
ul.products li.product .orderbox form .amountButtons {
  display: none; }

ul.products li.product .orderbox button {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  background: #2079C0;
  color: #fff;
  text-align: left;
  margin: 15px 0 0;
  padding: .5em;
  font-size: 13px;
  border-radius: 4px;
  text-align: center; }

ul.products li.product .orderbox button::before {
  display: none;
  content: '\e900';
  position: absolute;
  top: 5px;
  left: 15px; }

ul.products li.product .orderbox span.show {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 15px 0 0 -4px;
  white-space: nowrap;
  padding: .5em 0;
  padding-left: 20px;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  background-position: -4px -963px; }

ul.products li.product:first-child {
  margin-left: -1px; }

.ab-019-stock ul.products li.product span.specs {
  margin-top: 0; }

.ab-019-stock ul.products li.product .orderbox {
  padding: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.ab-019-stock ul.products li.product .orderbox button {
  margin-top: 15px; }

.ab-019-stock ul.products li.product .stockstatus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px; }

.ab-019-stock ul.products li.product .stockstatus span.check em {
  float: left;
  position: relative;
  display: block; }

.ab-019-stock ul.products li.product .stockstatus span.check:before {
  position: relative;
  float: left;
  display: block; }

.ab-019-stock.ab-019-stock-variant1 ul.products li.product .stockstatus span.ab-019-variant1 {
  display: block; }

.ab-019-stock.ab-019-stock-variant2 ul.products li.product .stockstatus span.ab-019-variant2 {
  display: block;
  font-size: 12px; }

.ab-019-stock.ab-019-stock-variant2 ul.products li.product .stockstatus span.ab-019-variant2:before {
  font-size: 14px;
  margin-right: 9px; }

.ab-019-stock ul.products li.product .stockstatus span.ab-019-empty {
  display: block;
  visibility: hidden !important; }

.ab-019-stock ul.products li.product .stockstatus span.ab-019-empty:before {
  content: ' ' !important; }

.orderbox .not-available form {
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  padding: 10px;
  background: rgba(255, 255, 255, 0.7);
  text-align: left;
  border: 1px solid #2079c0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.orderbox .not-available form input#email {
  width: 100%; }

.orderbox .not-available form input.submit {
  display: block;
  float: none;
  margin: 0;
  width: 100%; }

.orderbox button .mobile {
  display: block; }

.orderbox button .desktop {
  display: none; }

.mobile-tabs {
  display: block; }

.sorting-desktop {
  display: none; }

@media screen and (max-width: 320px) and (orientation: portrait) {
  ul.products li.product .orderbox button {
    padding-left: .5em;
    text-align: center; }
  ul.products li.product .orderbox button::before {
    display: none; } }

ul.products li.product span.oplabel, div.product span.oplabel {
  height: 56px; }

/*Product filter*/
.sidebar .filters {
  display: none; }

.mobilefilter {
  display: block;
  padding: 0;
  margin: -8px 0;
  background: transparent;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.mobilefilter .filters h2 {
  display: none; }

.mobilefilter .filters ul.filters {
  display: block;
  margin: 0;
  padding: 0; }

.mobilefilter .filters.open ul.filters {
  display: none; }

.mobilefilter .filters h2 {
  position: relative;
  display: none;
  width: auto;
  margin: 0; }

.mobilefilter .filters h2:after {
  position: absolute;
  top: 3px;
  right: 0;
  color: #2079c0;
  content: '·'; }

.mobilefilter .filters .filtergroup {
  padding: 0;
  margin: 0 0 10px 0;
  border: 1px solid #2079c0;
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.mobilefilter .filters .filtergroup:last-child {
  margin: 0; }

.mobilefilter .filters .filters .filterheader {
  position: relative;
  padding: 12px 10px;
  cursor: pointer; }

.mobilefilter .filters .filtergroup .filterheader:after {
  position: absolute;
  top: 13px;
  right: 10px;
  color: #2079c0;
  content: '·'; }

.mobilefilter .filters .filtergroup .filterheader h4 {
  background: none;
  padding: 0; }

.mobilefilter .filters .filtergroup .filter-ul {
  display: none;
  padding: 0 10px 10px 10px;
  height: auto;
  max-height: inherit;
  border: none; }

.mobilefilter .filters .filtergroup.open .filter-ul {
  display: block; }

.mobilefilter .filters .filtergroup a.more.expand {
  display: none; }

.filters ul.filters ul li a {
  display: block;
  padding: 5px 20px;
  background-position: -3px 2px; }

.filters ul.filters ul li.active {
  background-position: -3px -28px; }

.sorting {
  width: 100%;
  background: transparent;
  margin: 0;
  padding: 0; }

.sorting span.sort-label {
  margin: 0 0 10px 0;
  font-family: 'MetaOTMedium', Arial, sans-serif;
  font-weight: normal;
  color: #2079c0; }

.sorting select.sorting-select {
  float: none;
  width: 100%; }

.sorting span.show-results {
  float: none;
  margin: 10px 0 0;
  padding: 0;
  text-align: center; }

.sorting nav.paging {
  float: none;
  display: block;
  width: auto;
  padding: 0;
  margin: 20px auto 0 auto;
  text-align: center; }

/*Product list*/
.shop .typetypeObjects-list.products .categorypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.shop .typetypeObjects-list.products .categorypage .sorting {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1; }

.shop .typetypeObjects-list.products .categorypage .products {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: 100%; }

.shop .typetypeObjects-list.products .categorypage #paging {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 100%; }

.shop .typetypeObjects-list.products .categorypage .intro {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4; }

.shop .typetypeObjects-list.products .categorypage .about {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5; }

.shop .typetypeObjects-list.products .intro {
  padding: 20px;
  background: #e8eef3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

.shop .typetypeObjects-list.products .about {
  padding: 20px;
  border: 1px solid #e8eef3;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

nav.paging li,
.paging li {
  font-size: 18px; }

nav.paging a,
.paging a {
  padding: 10px 15px; }

/*Product one*/
.shop.redesign {
  padding: 0; }

.back-to-list {
  display: block;
  position: relative;
  padding: 0 0 15px 20px; }

.back-to-list::before {
  content: '\b8';
  position: absolute;
  top: 0;
  left: 0; }

.shop.redesign .thuiswinkel {
  margin: 0 0 10px 10px; }

.shop.redesign > .row:first-of-type {
  padding: 0 0 20px 0;
  border: none;
  border-bottom: 1px solid #dedede; }

.firstcol {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
  min-height: 0; }

.secondcol {
  float: none;
  width: 100%;
  margin: 0;
  min-height: 0; }

.firstcol figure {
  height: auto;
  width: auto;
  max-width: inherit; }

ul.ul2select {
  position: relative; }

.col-30 {
  width: 130px;
  margin-right: 0; }

.col-70 {
  width: calc(100% - 140px); }

.package-selector li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.row-price .col-70 {
  padding-top: 13px; }

.row-order .no-stock {
  font-size: 13px; }

.row-order .orderbox form {
  padding-top: 10px; }

.row-order .amountButtons a.button.plus {
  position: absolute;
  right: -87px;
  top: 0px; }

.row-shipment .col-30 {
  width: 80px; }

.row-shipment .col-70 {
  width: calc(100% - 80px); }

.tabbable {
  float: none;
  width: 100%; }

.contactoptions,
.metarating {
  float: none;
  width: 100%;
  margin: 0 0 30px 0; }

.contactoptions {
  padding: 0; }

/*

.product.one .orderbox,
.product.one .notorderablebox { position: static; width: auto; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #dedede; }
.product.one .orderbox form .amount { margin: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 5px; border: 2px solid #ebebeb; }
div.product .orderbox span.oldprice, div.product .notorderablebox span.oldprice { display: inline-block; }
div.product .notorderablebox span.currentprice,
div.product .orderbox span.currentprice { display: inline-block; float: right; margin-bottom: 10px; padding: 0; }
div.product .notorderablebox span.save,
div.product .orderbox span.save { display: block; clear: both; }
div.product .not-available { padding: 20px; margin: 20px 0 10px; }
.product.one .orderbox button { display: inline-block; width: auto; height: 44px; background: #2079C0; color: #fff; text-align: left; margin: 0; padding: 0 1em; padding-left: 40px; font-size: 15px; font-size: 4vw; border-radius: 4px; }
.product.one .orderbox button::before { content: '\e900'; position: absolute; top: 11px; left: 15px; }
.product.one .orderbox .button.small:hover { background-image: none; }

*/
.related > h2 {
  margin-bottom: 1em; }

.product-info {
  height: 110px;
  overflow: hidden;
  position: relative; }

.product-info::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  display: block;
  border-bottom: 25px solid #fff;
  pointer-events: none;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

.product-info .text-toggle {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  text-align: left;
  z-index: 1;
  cursor: pointer;
  color: #2079c0; }

.product-info .text-toggle em {
  font-style: normal; }

.product-info.full {
  height: 100%; }

.product-info.full::after,
.product-info.full .text-toggle {
  display: none; }

/*Shoppingcard*/
.idf-shoppingcart .col {
  float: none; }

.idf-shoppingcart section.group {
  margin: 0; }

.idf-shoppingcart .checkout {
  border: 0; }

.idf-shoppingcart table.shoppingCart {
  display: block;
  width: auto; }

.idf-shoppingcart table.shoppingCart td {
  border: none; }

.idf-shoppingcart table.shoppingCart thead {
  display: none; }

.idf-shoppingcart table.shoppingCart tbody {
  display: block; }

.idf-shoppingcart table.shoppingCart tbody tr {
  display: block;
  padding: 20px 10px;
  margin: 0;
  background: none;
  border-bottom: 1px solid #dedede; }

.idf-shoppingcart table.shoppingCart tbody tr.update {
  display: block;
  padding: 0;
  margin: 10px 0;
  background: none;
  border: none; }

.idf-shoppingcart table.shoppingCart tbody tr.update td {
  padding: 0;
  margin: 0; }

.idf-shoppingcart table.shoppingCart tbody .btn {
  display: none;
  padding: 0;
  text-align: right; }

.idf-shoppingcart table.shoppingCart tbody .btn a {
  display: inline-block; }

.idf-shoppingcart table.shoppingCart tbody .img {
  float: left;
  display: block;
  width: 23%;
  padding: 0; }

.idf-shoppingcart table.shoppingCart tbody .img figure {
  display: block;
  width: auto;
  max-width: inherit;
  padding: 0;
  text-align: center;
  border: 0; }

.idf-shoppingcart table.shoppingCart tbody .img figure img {
  display: inline-block;
  height: auto;
  max-height: inherit; }

.idf-shoppingcart table.shoppingCart tbody .title {
  display: block;
  font-size: 15px;
  min-width: auto;
  width: 77%;
  float: right;
  padding: 0 0 10px 10px; }

.idf-shoppingcart table.shoppingCart tbody .instock {
  display: block;
  font-size: 12px; }

.idf-shoppingcart table.shoppingCart tbody .deliveryperiod {
  display: block;
  font-size: 12px; }

.idf-shoppingcart table.shoppingCart tbody .amnt {
  display: block;
  width: 100%;
  padding: 0;
  margin: 15px 0 0;
  overflow: hidden; }

.idf-shoppingcart table.shoppingCart tbody .amnt .amount {
  margin: 0;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 5px;
  border: 2px solid #ebebeb; }

.idf-shoppingcart table.shoppingCart tbody .amnt .close {
  background: #ebebeb;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #fff;
  display: block;
  font-size: 16px;
  text-align: center;
  border-radius: 5px;
  margin-right: 4px;
  float: left; }

.idf-shoppingcart table.shoppingCart tbody .amnt .close::after {
  content: '\e908';
  color: #e61f58; }

.idf-shoppingcart table.shoppingCart tbody .price_van {
  display: none; }

.idf-shoppingcart table.shoppingCart tbody .price {
  display: none; }

.idf-shoppingcart table.shoppingCart tbody .total {
  padding: 0;
  font-size: 18px;
  text-align: right;
  margin-top: -32px;
  float: right; }

#shoppingcartSummary tr.total td, .cartSummary tbody tr.total td {
  color: #e61f58; }

.cartSummary tbody tr.total td {
  border-color: #dfdfdf;
  padding-top: 10px;
  margin-top: 10px; }

table.shoppingCart tr td.title a.link {
  font-size: 18px;
  font-family: 'MetaOTMedium', Arial, sans-serif; }

table.shoppingCart tr td.title span.deliveryperiod::before {
  display: none; }

.idf-shoppingcart .couponbox {
  float: none;
  width: auto;
  margin: -5px 0 10px 0; }

.idf-shoppingcart .couponbox span.show {
  display: block;
  float: none;
  width: auto;
  padding: 13px 24px;
  margin: 0;
  color: #2079c0;
  text-align: center; }

.idf-shoppingcart .couponbox .box {
  padding: 10px 14px; }

.idf-shoppingcart .couponbox form input {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; }

.idf-shoppingcart .cartSummary {
  float: none;
  width: auto; }

.idf-shoppingcart .cartSummary .title {
  font-size: 14px; }

.idf-shoppingcart footer.cart {
  padding: 0;
  background: none; }

.idf-shoppingcart footer.cart p.left a.button {
  display: block;
  padding: 8px 25px;
  text-align: center;
  background: #ebebeb;
  color: #2079C0;
  font-size: 20px;
  font-family: 'MetaOTNormal',Arial,sans-serif; }

.idf-shoppingcart footer.cart .left,
.idf-shoppingcart footer.cart .right {
  float: none;
  padding: 0; }

.idf-shoppingcart footer.cart p.right a#cartCheckoutButton {
  display: block;
  margin: 0;
  text-align: center; }

.cartsidebar {
  padding: 0; }

.cartsidebar .panel {
  text-align: center; }

.cartsidebar .panel.hulpnodig {
  padding-top: 20px;
  margin-top: 20px; }

/*Checkout*/
.checkout-container header.checkout-header.step-1 {
  display: none; }

.checkout-container header.checkout-header nav ul li {
  float: none;
  display: block;
  width: auto !important; }

.checkout-container .checkout-content {
  float: none;
  width: auto;
  padding: 0;
  background: transparent; }

.checkout-container .checkout-sidebar {
  display: none; }

#login__step1 input, #login__step1 select, #login__step1 textarea, #login__step1 button,
#step1 input, #step1 select, #step1 textarea, #step1 button {
  width: 100%; }

#step1 input[type=checkbox], #step1 input[type=radio] {
  width: auto; }

#step1 label {
  float: none;
  width: auto; }

#step1 label.error {
  margin: 0 0 10px 0; }

#step1 #r_post_zipcode, #step1 input#a_delivery_zipcode,
#step1 input#a_delivery_housenumber, #step1 input#r_post_housenumber {
  width: auto; }

#step1 .formElement.formSelect .labelwrapper {
  display: block; }

#step1 #a_delivery_country_chzn, #step1 #r_post_country_chzn {
  width: 100% !important; }

#step1 #a_delivery_country_chzn div.chzn-search input, #step1 #r_post_country_chzn div.chzn-search input {
  width: 100%; }

#step1 input[type=radio] {
  height: 20px;
  width: 20px; }

#step1 input[type=radio] + label {
  padding-top: 4px; }

#step1 .formElement.formButton {
  float: none;
  width: auto; }

#step1 #payButtonDiv .formElement.formButton .button {
  display: block; }

#step1 #r_post_zipcode_container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.checkoutStep1 .checkoutblock {
  margin: 0 0 10px 0;
  background: #2079c0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: left;
  position: relative; }

.checkoutStep1 .checkoutblock > h2 {
  padding: 10px;
  font-size: 18px;
  color: #fff;
  text-align: left;
  cursor: pointer;
  margin: auto; }

.checkoutStep1 .checkoutblock > h2::after {
  content: '·';
  position: absolute;
  top: 10px;
  right: 10px; }

.checkoutStep1 .checkoutblock.open > h2::after {
  content: 'µ'; }

.checkoutStep1 .checkoutblock form {
  display: none;
  padding: 20px 0;
  margin: 0; }

.checkoutStep1 .checkoutblock.open form {
  display: block;
  background: #ecf5fe;
  padding: 10px; }

.checkoutStep1 .checkoutblock.open.force-open form {
  display: block !important; }

.delivery_type .dhlsp_list {
  padding: 0; }

#step2 #payment_method .formSelect .inputwrapper {
  margin: 0;
  padding: 0 20px 20px 40px; }

#step2 #payment_method .formRadioButtons > .formSelect select {
  width: 100%; }

#step2 #payment_method .formRadioButtons > .formSelect label.error {
  margin: 0 0 0 40px; }

#step2 #payment_method #r_dateofbirth_payment_container, #payment_method #r_iban_container {
  padding: 0 20px 20px 40px; }

.ShopPaymentBuckarooPayPal img {
  margin-top: 10px; }

#step2 footer.cart input#FB_Back2 {
  float: none;
  display: block; }

#step2 footer.cart .formElement.formButton {
  float: none !important; }

#step2 #FB_Back2 {
  display: block;
  width: 100%;
  margin: 0 0 10px 0; }

#step2 footer.cart input#FB_Next3 {
  float: none;
  display: block;
  width: 100%; }

#step2 .formElement.formCheckbox.agreement-checkbox input {
  float: left;
  width: 15%;
  margin: 0;
  padding: 2px 0 0 0; }

#step2 .formElement.formCheckbox.agreement-checkbox label {
  float: left;
  width: 80%;
  margin: 0; }

#delivery_type #delivery_type_pjg_container {
  display: none; }

#payment_container .fbPaymentMethod .paymentDescription {
  margin: 0;
  padding: 50px 0 0 0; }

/*Forget Password*/
#forgotPWForm__step1 input {
  width: 100%; }

#forgotPWForm #forgotPWForm__step1 .formButtonNext .inputwrapper {
  padding: 0;
  height: auto; }

#forgotPWForm__step1 .formButton {
  margin: 0 0 20px 0; }

/*Account*/
#rbac_input input {
  float: none;
  width: 100%; }

#register .formElement.formButton .inputwrapper {
  float: right;
  margin: 10px 0;
  text-align: right; }

#register .formElement.formButton .inputwrapper input {
  margin: 0; }

.bestelhistorie table tr {
  padding: 0;
  border-bottom: 1px solid #DDD; }

.bestelhistorie table tr td {
  border: none; }

#changePWForm {
  padding: 0 0 20px 0;
  border-bottom: 1px solid #DDD; }

#changePWForm label {
  float: none;
  display: block;
  width: auto; }

#changePWForm input {
  float: none;
  width: 100%; }

#changePWForm .formElement.formButton {
  margin: 10px 0; }

/*=====================================================================
 * FOOTER
 *=====================================================================*/
footer.main {
  background-image: none;
  padding-bottom: 20px; }

footer.main .contact-cta {
  display: block;
  background: #fef315;
  color: #2079c0;
  font-size: 16px;
  margin-bottom: 20px;
  font-family: 'MetaOTMedium', Arial, sans-serif;
  font-weight: bold; }

footer.main .contact-cta ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

footer.main .contact-cta ul li {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  padding: 20px;
  text-align: center; }

footer.main .contact-cta ul li:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1); }

footer.main .contact-cta a {
  display: block;
  color: #2079c0; }

footer.main .contact-cta .icon::before {
  font-size: 40px;
  line-height: 1;
  display: block;
  padding-bottom: 5px;
  font-weight: normal; }

footer.main .contact-cta .icon::after {
  display: none; }

footer.main .contact-cta .phone .icon::before {
  content: '\e905'; }

footer.main .contact-cta .email .icon::before {
  content: '\e902'; }

footer.main .container {
  padding: 0; }

footer.main #footerNav li a {
  display: block;
  padding: 5px 0; }

footer.main nav.group {
  padding: 0 5%; }

footer.main nav div h3 {
  font-size: 18px; }

footer.main nav div.first, footer.main nav div.column {
  float: none;
  width: auto;
  min-height: inherit;
  margin: 0;
  padding: 0;
  font-size: 14px;
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

footer.main nav.footer {
  display: none;
  padding: 15px 0 0; }

footer.main .column h3 {
  margin-bottom: 0;
  display: block;
  position: relative;
  cursor: pointer;
  padding: 20px 0; }

footer.main .column h3::after {
  content: '·';
  position: absolute;
  right: 0; }

footer.main .column.open h3::after {
  content: 'µ'; }

footer.main .column.open nav.footer {
  display: block;
  margin: -15px 0 0;
  padding-bottom: 20px; }

footer p.left a.logo {
  position: static;
  margin: 20px auto; }

footer p.left {
  float: none;
  margin: 0;
  padding: 0 5%;
  text-align: center; }

footer.paymentfooter {
  padding: 0 5%; }

footer.paymentfooter img {
  margin: 10px 0; }

/* Scroll to top */
.scrolltop {
  position: fixed;
  top: 50%;
  right: 0;
  margin-top: -22px;
  margin-right: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: none;
  background: #2079C0;
  color: #fff;
  z-index: 10000;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); }

.idf-home .scrolltop.active,
.idf-products .scrolltop.active {
  display: block; }

.scrolltop span {
  display: none; }

.scrolltop::before {
  content: '±';
  font-family: 'icomoon';
  color: #fff; }

.toggler {
  position: absolute;
  top: 115px;
  left: 0;
  width: 10px;
  height: 1px;
  background: transparent;
  z-index: 100; }

span#top {
  position: absolute;
  top: 0; }

/*# sourceMappingURL=maps/mobile.css.map */