@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;
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.4);
}

.mobileheader {
  display: block;
  height: 64px;
  position: fixed;
  top: 30px;
  right: 0;
  left: 0;
  background: white;
  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: 94px;
  left: -100%;
  width: 100%;
  height: calc(100vh - 94px);
  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 !important;
}

.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: rgb(47, 119, 187);
  background: linear-gradient(to bottom, rgb(47, 119, 187) 0%, rgb(17, 93, 165) 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;
  height: 30px;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  min-height: inherit;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.shopbar .account {
  position: static;
  width: auto;
  margin-bottom: 0;
  text-align: center;
}

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

.shopbar .account .other,
.shopbar .account .toggle span {
  float: none;
  text-align: center;
  line-height: 1;
  margin: 0;
}

.shopbar .account .other {
  margin: 0 auto;
  padding: 5px;
  font-size: 11px;
}

.shopbar .account .other br {
  display: initial;
}

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

.mainnav-wrapper .account .content {
  position: static;
  background: rgba(255, 255, 255, 0.1);
}

.account .content {
  display: none !important;
  position: absolute;
  z-index: 888;
  top: 64px;
  left: 0;
  right: 0;
  float: none;
  margin: 40px 0 0;
  padding: 20px 5%;
  background: #ebebeb;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  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: #666;
  text-align: left;
}

.mainnav-wrapper .account .content label {
  color: #fff;
}

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

.mainnav-wrapper .account .content .forget a,
.mainnav-wrapper .account .content .register a {
  color: #fff;
}

.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: 94px 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: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mobile-navbar ul li {
  -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: -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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

ul.products li.product h2 {
  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: 0.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: 0.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: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -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: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: 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: 0.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: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.shop .typetypeObjects-list.products .categorypage .sorting {
  -ms-flex-order: 1;
  order: 1;
}

.shop .typetypeObjects-list.products .categorypage .products {
  -ms-flex-order: 2;
  order: 2;
  width: 100%;
}

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

.shop .typetypeObjects-list.products .categorypage .intro {
  -ms-flex-order: 4;
  order: 4;
}

.shop .typetypeObjects-list.products .categorypage .about {
  -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: "¸";
  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 {
  -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: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 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 {
  float: none;
  width: 100%;
}

#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 {
  -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: -ms-flexbox;
  display: flex;
}

footer.main .contact-cta ul li {
  -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;
  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;
}

.account.open .content {
  display: none;
}

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

a.service.ab-014-contact-current {
  display: none !important;
}
/*# sourceMappingURL=maps/mobile.css.map */