/* ------------------------------------------------------------------------- Resets */
* { margin: 0px;  padding: 0px; outline-style: none; border:0px; }

html{
    height: 100%;
}
body {
    min-height: 100%;
    height: 100%;
    overflow-x: hidden;
}

/* ------------------------------------------------------------------------- Fonts */

@font-face {
    font-family: 'monda';
    src: url('/fonts/Monda-Regular-webfont.eot');
    src: url('/fonts/Monda-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Monda-Regular-webfont.woff2') format('woff2'),
    url('/fonts/Monda-Regular-webfont.woff') format('woff'),
    url('/fonts/Monda-Regular-webfont.ttf') format('truetype'),
    url('/fonts/Monda-Regular-webfont.svg#monda') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'monda';
    src: url('/fonts/monda-bold-webfont.eot');
    src: url('/fonts/monda-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/monda-bold-webfont.woff2') format('woff2'),
    url('/fonts/monda-bold-webfont.woff') format('woff'),
    url('/fonts/monda-bold-webfont.ttf') format('truetype'),
    url('/fonts/monda-bold-webfont.svg#monda') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'colossalis';
    src: url('/fonts/colossalis-regular-webfont.eot');
    src: url('/fonts/colossalis-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/colossalis-regular-webfont.woff2') format('woff2'),
    url('/fonts/colossalis-regular-webfont.woff') format('woff'),
    url('/fonts/colossalis-regular-webfont.ttf') format('truetype'),
    url('/fonts/colossalis-regular-webfont.svg#colossalis') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'colossalis';
    src: url('/fonts/colossalis-bold-webfont.eot');
    src: url('/fonts/colossalis-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/colossalis-bold-webfont.woff') format('woff'),
    url('/fonts/colossalis-bold-webfont.ttf') format('truetype'),
    url('/fonts/colossalis-bold-webfont.svg#colossalis') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'colossalisMedium';
    src: url('/fonts/ColossalisMedium.eot');
    src: url('/fonts/ColossalisMedium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/ColossalisMedium.woff2') format('woff2'),
    url('/fonts/ColossalisMedium.woff') format('woff'),
    url('/fonts/ColossalisMedium.ttf') format('truetype'),
    url('/fonts/ColossalisMedium.svg#colossalisMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------------------------------------------- Default */

#site {
    position: relative;
    margin: 0px auto;
    padding: 0;
    min-height: 100%;
    font: normal 13px/24px 'monda',arial, verdana, sans-serif;
    color: #000;
}

a:link,
a:visited,
a:active,
a:focus { color:#000; text-decoration: none;}
a,a:hover {text-decoration: none;}
p { margin-bottom: 9px;}
button { cursor: pointer;}
ul { list-style-type: disc;}
.show980 { display:none;}

.right{ float:right!important;}
.left{ float:left!important;}
.relative{ position: relative;}
.hidden { display:none;}
.block { display:block;}
.txt_right { text-align: right;}
.underline{ text-decoration: underline!important;}

.margB10{ margin-bottom:10px!important;}
.margR20{ margin-right:20px!important;}
.margB20{ margin-bottom:20px!important;}
.margT10{ margin-top:10px!important;}
.margT20{ margin-top:20px!important;}
.padT20{ padding-top:20px!important;}
.margT80{ margin-top:80px;}

/* ------------------------------------------------------------------------- BG Colors */

.bgWhite { background-color: #fff; }
.bgOrange { background-color: #ff6600; }
.bgDarkGray { background-color: #242223; }
.bgNone { background-color: transparent!important;}

.txtOrange { color:#ff6600!important;}
.txtBlack { color:#000;}

/* ------------------------------------------------------------------------- Transition Classes */

.transitionAll {-webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
.transitionBg {-webkit-transition: background 250ms ease; -moz-transition: background 250ms ease; -o-transition: background 250ms ease; transition: background 250ms ease;}

/* ------------------------------------------------------------------------- Button Classes */

.btn { height:45px; background: #ff6600 url(/pics/bg_btn.png) repeat-x top left; border-radius: 5px; behavior: url(/PIE.htc); cursor: pointer;}
.btn:hover, #productoverview .productWrap .btn:hover { background-image: none;}
.btn .btnIcon{ width: 30px; margin-left: 5px; line-height: 45px; float: left; }
.btn .btnIcon img{ max-width: 100%; }
.btn .btnTxt { margin-left:15px; float: left; font: 18px/45px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; color:#fff;}
.btn .btnArrow { width: 14px; height: 45px; margin-right:15px; float: right; display: block; background: url(/pics/sprite.png) -10px -76px;}

.btn.h40 { height:40px;}
.btn.h40 .btnTxt { font: 16px/40px 'colossalisMedium', arial, verdana, sans-serif;}
.btn.h40 .btnArrow { height: 40px;}
#btn_loader { display: none; width: 100%; height: 45px; margin-top:20px; background: url(/pics/btn_loader.gif) center center no-repeat; }

.btn.btn-outline { display: inline-block; padding: 10px 20px; border-radius: 0; height: inherit; background: transparent; border: 2px solid #ff6600; font: 14px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; color: #ff6600; text-align: center; line-height: 1; }
.btn.btn-outline.btn-primary { background: transparent; border-color: #ff6600; color: #ff6600; }
.btn.btn-outline.btn-primary:hover { background: #ff6600; color: #ffffff; }
.btn.btn-outline.btn-white { background: transparent; border-color: #ffffff; color: #ffffff; }
.btn.btn-outline.btn-white:hover { background: #ffffff; color: #000000; }

/* ------------------------------------------------------------------------- Line */

.line, hr { height: 18px; margin: 20px 18px 0 0; border-top: 1px solid #ff6600; border-bottom: none;}
hr.clear { clear:both;}
.line.black{ border-top: 1px solid #000;}
.line:after, hr:after{ position: relative; top: -1px; left: 18px; width: 18px; height: 18px; content: ''; display: block; float: right; background-image: url(/pics/sprite.png); background-position: -7px -237px;}
.line.black:after{ background-image: url(/pics/sprite.png); background-position: -37px -237px;}

/* ------------------------------------------------------------------------- Print */

#print_header, #print_header_rma {
    display: none;
}

/* ------------------------------------------------------------------------- Header */

#headerStick{ height:50px; padding-top: 15px; padding-bottom: 15px; background:#000; color:#737373; z-index: 9999999; position: relative;}
#header { height:50px; background:#000; color:#737373;}
.home #headerStick{ height:75px;}
.home #header { height:75px;}
#header.stick { position: fixed; top: 0; left:0; width: 100%; height: 60px; z-index: 99999; box-sizing:border-box;}
#header .logo { position: relative;}

.home #header .logo img { position: absolute; top: 25px;  max-width: 100%; left:0; z-index: 200;}
#header .logo img { position: absolute; top: 8px; left: 15px; max-width: 125px; z-index: 200;}


#header ul { margin: 5px 0 0 0; float:left; list-style: none;}
#header ul li { float: left; line-height: 18px;}
#header .headerSubnav a { padding: 0 4px; font: 9px 'monda', arial, verdana, sans-serif; text-transform: uppercase; color:#737373;}
#header .headerSubnav a:hover, #header .headerSubnav .current a { text-decoration:underline; color:#fff;}
#header .headerSubnav .pipe{ font: 10px 'monda', arial, verdana, sans-serif; color: #737373;}

#header .languages { margin: 10px 0 0 0;}
.languages .langIco { width:16px; height:11px; margin-left:6px; display:block;}
.languages .langIco a { width: 16px; height: 11px; display: block;}
.languages .langIco.en { background: url(/pics/sprite.png) -10px -10px;}
.languages .langIco.nl { background: url(/pics/sprite.png) -32px -10px;}
.languages .langIco.fr { background: url(/pics/sprite.png) -54px -10px;}
.languages .langIco.de { background: url(/pics/sprite.png) -76px -10px;}
.languages .langIco.no { background: url(/pics/sprite.png) -98px -10px;}
.languages .langIco.sv { background: url(/pics/sprite.png) -120px -10px;}
.languages .langIco.dk { background: url(/pics/sprite.png) -142px -10px;}
.languages .langIco.en:hover, .languages .langIco.en.active { background: url(/pics/sprite.png) -10px -30px;}
.languages .langIco.nl:hover, .languages .langIco.nl.active { background: url(/pics/sprite.png) -32px -30px;}
.languages .langIco.fr:hover, .languages .langIco.fr.active { background: url(/pics/sprite.png) -54px -30px;}
.languages .langIco.de:hover, .languages .langIco.de.active { background: url(/pics/sprite.png) -76px -30px;}
.languages .langIco.no:hover, .languages .langIco.no.active { background: url(/pics/sprite.png) -98px -30px;}
.languages .langIco.sv:hover, .languages .langIco.sv.active { background: url(/pics/sprite.png) -120px -30px;}
.languages .langIco.dk:hover, .languages .langIco.dk.active { background: url(/pics/sprite.png) -142px -30px;}

.currency_switch li { margin-left: 10px; font: 10px 'monda', arial, verdana, sans-serif; text-transform: uppercase; color: #737373; line-height: 22px!important; cursor:pointer;}

#searchForm { position: relative; width: 100%;}
.searchString { width: 100%; height: 28px; padding:0 30px 0 10px; box-sizing:border-box; background:#4c4949; font: 10px 'monda', arial, verdana, sans-serif; text-transform: uppercase; color:#a9a9a9;}
.searchString:focus { color:#fff;}
.ie7 .searchString { width: 190px;}
.search_submit { position: absolute; top:0; right:0px; width:28px; height:28px; border-left: 2px solid #000; box-sizing: initial; background: #4c4949 url(/pics/sprite.png) -4px -45px;}
.search_submit:hover { background: #4c4949 url(/pics/sprite.png) -36px -45px;}
.headerContact { margin: 5px 0 0 0; float: left; display: none; }
.home .headerContact { display: block; }
.headerContactTxt, .headerContactNum { font: 14px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; color:#888;}
.headerContactNum { color:#ff6600; }



.header-stick-update, .header-update { height: inherit !important; }
.header-update .logo { z-index: 1000; }
.header-update .logo img { top: 0 }

/* ------------------------------------------------------------------------- Navigation */

#nav, #navStick { height:40px; background: #000; }
#nav.stick{ position: fixed; top: 0; width: 100%; z-index: 10000;}
#nav.stick .container { background: url(/pics/logoSmall.png) no-repeat center left;}

#nav ul { list-style: none;}
#nav ul li { float:left; padding: 0 10px;}
#nav li .navTitle { font: 16px/40px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; color:#888;}
#nav .mainNavItem { cursor: default;}
#nav .mainNavItem:hover .navTitle,
#nav .mainNavItem.current .navTitle { color: #fff;}

#nav .subnav { position: absolute; right: 0; top: 40px; width: 100%; min-height: 85px; padding:20px 0; z-index: 99999; background: #000; visibility: hidden; opacity:0; }
#nav .subnav::before { content: ''; background-color: #000; width: 200vw; height: 100%; display: block; position: absolute; top: 0; left: -100vw; z-index: -1; }
.ie8 #nav .subnav,
.ie7 #nav .subnav { visibility: visible;}
#nav .mainNavItem:hover .subnav { visibility: visible; opacity:1;}
#nav .mainNavItem:hover .subnav li { background: none; }

#nav .subnav li { height: 85px; min-width: 62px; margin: 0; text-align: center; border-right: 1px solid #787880; border-left: 1px solid #000;}
#nav .subnav li.extraMarg { margin-top:40px; }
#nav .subnav li.first { margin-left: 0px; border-left: none;}
#nav .subnav li.last { border-right: none;}
#nav .subnav a { width: 100%; height:85px; float: left; color:#888!important; cursor: pointer; }
#nav .subnav a:hover,
#nav .subnav li.current a { color:#fff!important;}

#nav .navIcon { width: 50px; height: 50px; margin: 0 auto 6px; display: block; text-align: left;}

.icon1, .icon4243{ background: url(/pics/sprite.png) -186px -1px;}
#nav .subnav li:hover .icon1,#nav .subnav li:hover .icon4243,
#nav .subnav li.current .icon1, #nav .subnav li.current .icon4243, .filterCatName .categoryIcon4243{ background: url(/pics/sprite.png) -186px -83px;}

.icon2, .icon4251{ background: url(/pics/sprite.png) -293px -1px;}
#nav .subnav li:hover .icon2, #nav .subnav li:hover .icon4251,
#nav .subnav li.current .icon2, #nav .subnav li.current .icon4251, .filterCatName .categoryIcon4251{ background: url(/pics/sprite.png) -293px -83px;}

.icon3, .icon4309{ background: url(/pics/sprite.png) -399px -1px;}
#nav .subnav li:hover .icon3, #nav .subnav li:hover .icon4309,
#nav .subnav li.current .icon3, #nav .subnav li.current .icon4309, .filterCatName .categoryIcon4309 { background: url(/pics/sprite.png) -399px -83px;}

.icon4, .icon4255{ background: url(/pics/sprite.png) -504px -1px;}
#nav .subnav li:hover .icon4, #nav .subnav li:hover .icon4255,
#nav .subnav li.current .icon4, #nav .subnav li.current .icon4255, .filterCatName .categoryIcon4255{ background: url(/pics/sprite.png) -504px -83px;}

.icon5, .icon4259{ background: url(/pics/sprite.png) -612px -1px;}
#nav .subnav li:hover .icon5, #nav .subnav li:hover .icon4259,
#nav .subnav li.current .icon5, #nav .subnav li.current .icon4259, .filterCatName .categoryIcon4259{ background: url(/pics/sprite.png) -612px -83px;}

/*.icon6, .icon4263{ background: url(/pics/sprite.png) -717px -1px;}*/
/*#nav .subnav li:hover .icon6,#nav .subnav li:hover .icon4263,
#nav .subnav li.current .icon6, #nav .subnav li.current .icon4263, .filterCatName .categoryIcon4263{ background: url(/pics/sprite.png) -717px -83px;}*/

.icon4263{ opacity: 0.5; background: url(/pics/icons/icons-new-2019/lichte-industrie.png);}
#nav .subnav li:hover .icon4263,
#nav .subnav li.current .icon4263{ opacity: 1;}

/*.icon7, .icon4267{ background: url(/pics/sprite.png) -819px -1px;}*/
/*#nav .subnav li:hover .icon7,#nav .subnav li:hover .icon4267,
#nav .subnav li.current .icon7, #nav .subnav li.current .icon4267, .filterCatName .categoryIcon4267{ background: url(/pics/sprite.png) -819px -83px;}*/

.icon4267{ opacity: 0.5; background: url(/pics/icons/icons-new-2019/natuur-en-milieu.png);}
#nav .subnav li:hover .icon4267,
#nav .subnav li.current .icon4267{ opacity: 1;}

.icon8, .icon4271{ background: url(/pics/sprite.png) -929px -1px;}
#nav .subnav li:hover .icon8,#nav .subnav li:hover .icon4271,
#nav .subnav li.current .icon8, #nav .subnav li.current .icon4271, .filterCatName .categoryIcon4271{ background: url(/pics/sprite.png) -929px -83px;}

.icon9, .icon4275{ background: url(/pics/sprite.png) -1038px -1px;}
#nav .subnav li:hover .icon9, #nav .subnav li:hover .icon4275,
#nav .subnav li.current .icon9, #nav .subnav li.current .icon4275, .filterCatName .categoryIcon4275{ background: url(/pics/sprite.png) -1038px -83px;}

.icon10{ background: url(/pics/sprite.png) -820px -156px;}
#nav .subnav li:hover .icon10,
#nav .subnav li.current .icon10{ background: url(/pics/sprite.png) -820px -256px;}

.icon4887{ background: url(/pics/sprite.png) -713px -156px;}
#nav .subnav li:hover .icon4887,
#nav .subnav li.current .icon4887{ background: url(/pics/sprite.png) -713px -256px;}

.icon11{ background: url(/pics/sprite.png) -933px -156px;}
#nav .subnav li:hover .icon11,
#nav .subnav li.current .icon11{ background: url(/pics/sprite.png) -933px -256px;}

.icon12{ width: 65px!important; background: url(/pics/sprite.png) -1027px -156px;}
#nav .subnav li:hover .icon12,
#nav .subnav li.current .icon12{ background: url(/pics/sprite.png) -1027px -256px;}

.icon13{ background: url(/pics/sprite.png) -1144px -156px;}
#nav .subnav li:hover .icon13,
#nav .subnav li.current .icon13{ background: url(/pics/sprite.png) -1144px -256px;}

.icon14{ background: url(/pics/sprite.png) -1260px -156px;}
#nav .subnav li:hover .icon14,
#nav .subnav li.current .icon14{ background: url(/pics/sprite.png) -1260px -256px;}

.icon15{ background: url(/pics/sprite.png) -1351px -156px;}
#nav .subnav li:hover .icon15,
#nav .subnav li.current .icon15{ background: url(/pics/sprite.png) -1351px -256px;}

.icon16{ background: url(/pics/sprite.png) -1152px 1px;}
#nav .subnav li:hover .icon16,
#nav .subnav li.current .icon16{ background: url(/pics/sprite.png) -1152px -81px;}

.icon17{ background: url(/pics/sprite.png) -1259px 1px;}
#nav .subnav li:hover .icon17,
#nav .subnav li.current .icon17{ background: url(/pics/sprite.png) -1259px -81px;}

.icon18{ background: url(/pics/sprite.png) -1353px 1px;}
#nav .subnav li:hover .icon18,
#nav .subnav li.current .icon18{ background: url(/pics/sprite.png) -1353px -81px;}


.icon5907{ opacity: 0.5; background: url(/pics/icons/icons-new-2019/faciliteiten-industrie.png);}
#nav .subnav li:hover .icon5907,
#nav .subnav li.current .icon5907{ opacity: 1;}

.icon5915{ opacity: 0.5; background: url(/pics/icons/icons-new-2019/gezondheid.png);}
#nav .subnav li:hover .icon5915,
#nav .subnav li.current .icon5915{ opacity: 1;}


.nav-update .nav-list { display: inline-block; float: right; margin: 0; }
.nav-update #nav:not(.stick) .subnav { padding-top: 80px; }
.nav-update #nav .collection-nav .collection-nav-inner { padding-top: 80px; padding-bottom: 60px; }
.nav-update #nav .collection-nav .subnav .collection-nav-list { float: left; width: 50%; }
.nav-update #nav .collection-nav .subnav .collection-nav-list ul { display: inline-block; margin: 0; column-count: 2; }
.nav-update #nav .collection-nav .subnav li { height: inherit; width: 100%; border: none; text-align: left; float: none; display: inline-block; }
.nav-update #nav .collection-nav .subnav li a { height: inherit; margin-bottom: 20px; }
.nav-update #nav .collection-nav .subnav li .navIcon { display: inline-block; float: left; }
.nav-update #nav .collection-nav .subnav li .navText { display: inline-block; box-sizing: border-box; width: calc(100% - 50px); margin: 20px 0 0 0; padding: 0 5px; }
.nav-update #nav .collection-nav .subnav .collection-nav-title { display: block; color: #fff; margin-bottom: 30px; font-size: 30px; font-family: 'colossalisMedium', arial, verdana, sans-serif; }

/*-------------------------------------------------------------------------- Sub navigation*/

#subnavigation ul { margin:0; list-style: none; }
#site #content #subnavigation li.current a { color: #ff6600!important; text-decoration: underline;}
#subnavigation a:hover { color: #ff6600!important; text-decoration: underline;}

/* ------------------------------------------------------------------------- Text headers */

h1, td h1 {font: 21px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 9px; line-height:1em;}
h2, td h2 {font: 18px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 9px; line-height:1em;}
h3, td h3 {font: 16px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 7px; line-height:1em;}
h4, td h4 {font: 14px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 7px; line-height:1em;}
h5, td h5 {font: 14px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 7px; line-height:1em;}
h6, td h6 {font: 14px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600; margin-bottom: 7px; line-height:1em;}
.firstHeading {line-height:18px;}

.categoryTitle { font: 28px 'colossalisMedium', arial, verdana, sans-serif; color: #000; text-transform: uppercase; margin: 36px 0 13px 0;}

/* ------------------------------------------------------------------------- Slideshow */
#slideshow .cycle-slideshow { position: relative; width: 100%; float:left; background: #000; }
#slideshow .cycle-slideshow .slide { float:left; width: 100%;}
#slideshow .cycle-slideshow .slide a:hover { border-bottom-width:0px; }
#slideshow .cycle-slideshow .slide img { max-width: 100%; height: 560px; margin: 0 auto; position: relative; display: block;}

#slideshow .slideTxtWrap { position: absolute; left:0px; top:0px; width:100%; z-index: 9950;}
#slideshow .slideTxtContent { margin-top:110px; opacity:0; text-transform: uppercase; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease;}
#slideshow .slideTxtContent.show{ opacity: 1; }
#slideshow .slideTxtTitle { display:block; font: bold 40px 'colossalis', arial, verdana, sans-serif; color:#ff6600;}
#slideshow .slideTxt { font: normal 30px 'colossalis', arial, verdana, sans-serif; color:#fff;}
#slideshow .slideBtn { width:auto; margin-top:30px; float:left;}
#slideshow .btn .btnTxt { padding: 0 10px 0 0;}
#slideshow .btn .btnArrow { background: url(/pics/sprite.png) -10px -74px;}
#slideshow .payOff { position: absolute; bottom: 25px; left: 0px; width: 125px; height: 58px; background: url(/pics/sprite.png) -7px -126px; z-index: 999; }
#slideshow .js_video .mainSliderOverlay { position: absolute; top: 50%; left: 50%; width: 85px; height: 85px; margin: -43px 0 0 -43px; background: url(/pics/sprite.png) -162px -440px; z-index: 99;}
#slideshow .js_video:hover .mainSliderOverlay { background: url(/pics/sprite.png) -3px -440px;}

#slideshow .slideshowPager { position: absolute;   bottom: 25px; height: 52px; width: 31px; z-index:9999; opacity:0.8; cursor:pointer;}
#slideshow #prev-slide { right: 10%; background: url(/pics/sprite.png) -80px -317px;}
#slideshow #next-slide { right: 6%; background: url(/pics/sprite.png) -115px -317px;}

#slideshow #prev-slide span,
#slideshow #next-slide span { display: block; width: 31px; height: 58px; opacity:0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease;}
#slideshow #prev-slide span { background: url(/pics/sprite.png) -5px -317px;}
#slideshow #next-slide span { background: url(/pics/sprite.png) -40px -317px;}

#slideshow #prev-slide span:hover,
#slideshow #next-slide span:hover { opacity:1;}

/* ------------------------------------------------------------------------- Calamiteiten */

#calamiteiten {
    padding: 30px 0px;
    width: 100%;
    float: left;
    color: #fff;
    font: 22px/34px 'colossalisMedium', arial, verdana, sans-serif;
    background: #ff6600;
}

/* ------------------------------------------------------------------------- Header no slideshow */

.headerImage{ width:100%;}
.pageHeaderWrap { position: relative; margin-bottom: 40px;}
.pageHeader { position: absolute; bottom: 20px; left: 60px;}
.pageHeader h1 { font: bold 40px/10px 'colossalis', arial, verdana, sans-serif; color:#fff; text-transform: uppercase; }
.pageHeader h2 { font: normal 40px 'colossalis', arial, verdana, sans-serif; text-transform: uppercase; }
.pageHeaderWrap.noImg { position: relative; margin-bottom: 0px;  min-height: 210px; }
.pageHeaderWrap.noImg .pageHeader h1 { color: #000;}

/* ------------------------------------------------------------------------- iFlexible content */
.section-full-width .full-width-image-container { position: relative; }
.section-full-width .full-width-image-container .full-width-image-overlay { height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.2) }
.section-full-width .full-width-image-container .full-width-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: bottom; overflow-x: hidden !important; z-index: 1;}
.section-full-width .full-width-image-container .full-width-image-content { position: absolute; bottom: 18%; left: 0; right: 0; padding: 0 20px; z-index: 2;}
.section-full-width .full-width-image-container .full-width-image-content-inner { max-width: 690px; }
.section-full-width .full-width-image-container .full-width-image-title { margin-bottom: 16px; }
.section-full-width .full-width-image-container .full-width-image-text { color: #fff; margin-bottom: 23px;  }

.section-tiles .tiles-container,
.section-tiles .tiles-small-inner { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }

.section-tiles .tile.tile-small { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.section-tiles .tile.tile-large,
.section-tiles .tiles-small-container { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.section-tiles .tile.tile-no-image { background-color: #ff6600; }
.section-tiles .tile .tile-inner { display: block; position: relative; overflow: hidden; padding-bottom: 100%; }
.section-tiles .tile .tile-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: #000; opacity: 0.2;
    -webkit-transition: opacity 0.25s;
    -moz-transition: opacity 0.25s;
    -ms-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.section-tiles .tile.tile-no-image .tile-overlay { opacity: 0; }
.section-tiles .tile .tile-image { position: absolute; top: 50%; left: 50%; max-width: calc(100% + 2px);
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.section-tiles .tile .tile-content { position: absolute; bottom: 5%; padding: 20px; max-width: 670px; margin: 0 auto; left: 0; right: 0; z-index: 11; }
.section-tiles .tile .tile-title { margin-bottom: 16px; }
.section-tiles .tile.tile-no-image .tile-title { color: #fff; }
.section-tiles .tile .tile-text { color: #fff; margin-bottom: 23px; }

.section-tiles .tile:hover .tile-image {
    -webkit-transform: scale(1.05) translate(-50%,-50%);
    -moz-transform: scale(1.05) translate(-50%,-50%);
    -ms-transform: scale(1.05) translate(-50%,-50%);
    -o-transform: scale(1.05) translate(-50%,-50%);
    transform: scale(1.05) translate(-50%,-50%);
}
.section-tiles .tile:hover .tile-overlay {
    opacity: 0.4;
}


/* ------------------------------------------------------------------------- Content */
.titleBar { position: relative; height:52px; }
.titleBar h1 { line-height: 72px;}
.contentImage { position: relative; margin-bottom:20px; display: block;}
.icon_play { position: absolute; width: 40px; height: 40px; top: 50%; left:50%; transform: translate(-50%, -50%); background:url(/pics/playBtn.png) no-repeat center center; z-index: 99;}

.js_video, .nojs_video {position: relative;}
.js_video:hover .videoOverlay { background:url(/pics/playBtn_hover.png) top left no-repeat;}
.nojs_video:hover .videoOverlay { background:url(/pics/playBtn_hover.png) top left no-repeat;}
.file a:hover{ text-decoration: underline;}

/* ------------------------------------------------------------------------- Content -> Products */
.productInfo { margin:10px 0 0 0;}
.productTitle { color:#000; line-height: 23px;}
.productBtn { width:100%; margin-top:20px;}
.brochureBtn { width:100%; max-width:383px; margin:20px 0;}

/* ------------------------------------------------------------------------- Content -> Banner slideshow */
#banner-slideshow { margin:30px 0 0 0;}
#banner-slideshow .cycle-slideshow { position: relative; width: 100%; float:left;}
#banner-slideshow .cycle-slideshow .slide { float:left; width: 100%;}

/* ------------------------------------------------------------------------- Content -> Bannerblocks */
.bannerWrapperFullWidth { background: #fff; padding-bottom: 30px; margin-bottom: -30px;}

.bannerWrapper { margin-top: 30px;}
.bannerWrapper .bannerBlocks:hover{ -webkit-box-shadow: #666 0px 1px 4px; -moz-box-shadow: #666 0px 1px 4px; box-shadow: #666 0px 1px 4px; behavior: url(/PIE.htc);}
.bannerWrapper .bannerImage { position: relative; overflow: hidden; background: #ff6600 url(/pics/bg_banner.png) repeat-x top left; min-height: 178px;}
.bannerWrapper .bannerTitleWrap { position: absolute; bottom: 20px; left: 20px;}
.bannerWrapper .bannerTitle { font: normal 32px 'colossalis', arial, verdana, sans-serif; color:#fff; margin-bottom: 0;}
.bannerWrapper .bannerTitle span { display:block;}
.bannerWrapper .imageOverlayLeft { position: absolute; bottom: 0; height: 12px; width: 90%; background-color: #f0f0f0; z-index: 2;}
.bannerWrapper .imageOverlayLeft:after { position: absolute; right: -20px; content: ''; border-right: 20px transparent solid; border-bottom: 20px #f0f0f0 solid; }
.bannerWrapper .bannerContent { position: relative; min-height: 175px; padding: 15px 40px; background: #f0f0f0; }
.bannerWrapper .leesMeer { position: absolute; bottom: 0; right: 0; width: 40px; height: 40px; background: #d0d0d0 url(/pics/sprite.png) 6px -76px;}
.bannerWrapper .bannerBlocks:hover .leesMeer { background: #ff6600 url(/pics/sprite.png) 6px -76px; }
.bannerWrapper .bottomGutter{ margin-bottom:20px;}

.bannerWrapper .overlayWrap { position: relative; float: left; display: block; width: 100%;}
.bannerWrapper .overlayWrap .videoOverlay { top: 50%;}

/* ------------------------------------------------------------------------- News */

.relatedNews { margin-top: 15px; list-style: none;}
.relatedNews a:hover, .termsLink:hover { text-decoration: underline; }

/* ------------------------------------------------------------------------- News pagination */

#content .pagination_container { width: 100%; height: 25px; margin-top: 0px;}
#content .pagination_container a{ line-height: 25px; font-size: 13px;}
#content .pagination_container a:hover{ text-decoration: underline;}
#content .pagination_container .pager.left { width: 33%;  }
#content .pagination_container .pager.right { width: 33%; text-align: right;  }
#content .pagination_container .pager.left a { margin-left: 10px;  }
#content .pagination_container .pager.right a { margin-right: 10px;  }
#content .pagination_container .pager a { color: #000;  }
#content .pagination_container .pager_numbers { width: 33%; text-align: center; float: left;  }
#content .pagination_container .pager_numbers span { display: inline-block; padding: 0 5px; line-height: 25px; height: 25px; font-weight: bold; font-size: 13px;}
#content .pagination_container .pager_numbers span a { color: #000; font-weight: bold; font-size: 13px; }
#content .pagination_container .pager_numbers span.current  { color: #ff6600; }

.backLink { display: block;  clear: both;}
.backLink:hover{ text-decoration:underline;}

/* ------------------------------------------------------------------------- Faq */
.faqIcon { min-height: 40px; width: 40px; display:block; float: left; background: url(/pics/sprite.png) -620px -335px;}
.faqArrow { min-height: 40px; width: 40px; display: block; float: right; background: url(/pics/sprite.png) -338px -335px;}
.faqitem.open .faqArrow { background: url(/pics/sprite.png) -481px -335px; }
.faqTxt { width: 540px; display: block; float: left; font: bold 16px/39px 'monda',arial, verdana, sans-serif!important;}
.faqQuestion { width: 100%; color:#ff6600; overflow:hidden; cursor:pointer;}
.faqAnswer { position:relative; display: none;}
.faqAnswerIcon { position: absolute; left: 0; top: 0px; height: 50px; width: 40px; display: block; background: url(/pics/sprite.png) -800px -331px;}
.faqAnswerTxt { width: auto; padding: 0 0 15px 40px; display: block;}

/* ------------------------------------------------------------------------- Content -> Specs */
.specs { list-style: none; margin: 0;}
aside h2 { font: 18px 'colossalis', arial, verdana, sans-serif; text-transform: uppercase; color: #ff6600; margin-bottom: 9px;}

/* ------------------------------------------------------------------------- Content -> Content slideshow */

.slideContent { position: relative; color: #fff; padding: 15px 15px; background: #000;}
.slideContentTitle { color: #ff6600; font: 18px/26px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase;}
#content-slideshow{ margin-bottom: 20px;}
#content-slideshow #prev-slide { position: absolute; top: 38%; left: 20px; z-index: 999; width: 22px; background: url(/pics/sprite.png) -211px -328px; }
#content-slideshow #next-slide { position: absolute; top: 38%; right: 20px; z-index: 999; width: 22px; background: url(/pics/sprite.png) -231px -328px; }
#content-slideshow #prev-slide span,
#content-slideshow #next-slide span { display: block; width: 21px; height: 48px; opacity:0; -webkit-transition: opacity 500ms ease; -moz-transition: opacity 500ms ease; -o-transition: opacity 500ms ease; transition: opacity 500ms ease;}
#content-slideshow #prev-slide span { background: url(/pics/sprite.png) -164px -328px;}
#content-slideshow #next-slide span { background: url(/pics/sprite.png) -184px -328px;}

#content-slideshow #prev-slide span:hover,
#content-slideshow #next-slide span:hover { opacity:1;}

/* ------------------------------------------------------------------------- Content -> MAPS */

#map-canvas { width: 100%; height: 300px;}
#iMaps-endpoint { height: 32px; width: 100% ;max-width: 250px; margin: 0; padding: 0; }
#gmaps_getdirections { margin: 25px 0 0 0;}
#btn_location_search { margin: 25px 0 0 0; float: left !important;}
.route_button { float: none !important;}

.adp-directions{ width:100%;}
.adp-step, .adp-text { width: 100%; padding: 0 20px;}

#dealer_table { width: 100%; margin: 20px 0; }
#dealer_table th { background: none repeat scroll 0 0 #F3F3F3; border: 1px solid #E5E5E5; padding: 3px 15px; }
#dealer_table td { border: 1px solid #E5E5E5; padding: 3px 15px; }

/* ------------------------------------------------------------------------- Content -> iPeople */
#peopleWrap { float: left;}
#peopleWrap .innerWrap { float:left; width: 100%; }
.peopleBlock { width: 32%; float: left; margin: 0 2% 6% 0;}
.peopleBlock.last { margin-right: 0%;}
.peopleBlock span { display: block; line-height: 17px;}
.peopleTxt { min-height: 88px; margin: 10px 0 0 5px; font:normal 12px 'monda',arial, verdana, sans-serif;}
.peopleTxt a { color: #888;}
.peopleTxt a:hover { color: #ff6600; text-decoration: underline;}
.peopleBlock img { width: 100%;}
.peopleBlock .people-image{ width: 100%; height: 280px; background-position: center center; background-size: cover; background-repeat: no-repeat;}

/* ------------------------------------------------------------------------- Content -> Content sidebar */
.sidebarTitleBlack { font: normal 18px/24px 'monda',arial, verdana, sans-serif; display:block;}
.sidebarTitleOrange { font: normal 20px 'colossalis', arial, verdana, sans-serif; text-transform: uppercase; color: #ff6600; display:block;}
.SidebarText { margin-top: 15px;}
.sidebarBanner { margin: 0 0 10px 0;}

/* ------------------------------------------------------------------------- Shop -> Content overviewpage */

.shopCategoryImg { margin: 0 0 0 -20px; min-width: 720px;}
.price { min-height: 24px; font: bold 15px/24px 'monda',arial, verdana, sans-serif; color: #ff6600!important;}
.oldPrice { margin: 0 15px 0 0; float: left; font-size: 12px; text-decoration: line-through; color: #757578;}
.txt_vat { margin: 0 0 0 5px; font-size: 12px; color: #000;}

.productImgWrap { position: relative; height: 289px; white-space: nowrap; text-align: center;}
.productImgWrap .helper { display: inline-block; height: 100%; vertical-align: middle;}
.productImgWrap img { max-height: 289px; max-width: 325px; width: 100%; vertical-align: middle; display: inline-block;}
.productImgWrap .productSale { position: absolute; bottom: 0; left: 0; height: 62px; width: 62px; background: url(/pics/sprite.png) -1500px 3px;}

#productoverview .productWrap .btn { height: 40px; background: #96979b url(/pics/bg_btn_gray.png) repeat-x top left; border-radius: 5px; behavior: url(/PIE.htc); cursor: pointer;}
#productoverview .productWrap .btnTxt { margin-left: 15px; font: 16px/40px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase;  color: #fff;}
#productoverview .productWrap .productBtn { margin-top: 8px;}
#productoverview .loader { display: block; margin: 0 auto;}

.product_pagination { position: relative; width: 100%; height: 40px; margin-top: 40px; padding: 0 0 40px 0; clear: both;}
.pagination_buttons { position: absolute;}
.pagination_buttons a { width: 140px; height: 40px; display: block; background: url(/pics/bg_btn_gray.png) repeat-x top left; font: 16px/40px 'colossalisMedium', arial, verdana, sans-serif; color: #fff!important; text-align: center; text-transform: uppercase; border-radius: 2px; behavior: url(/PIE.htc);}
.pagination_buttons.next { top: 0px; right: 0px;}



.pages_pagination { position: absolute; top: 0px; left: 0; width: 100%; margin:0 auto; text-align: center;}
.pages_pagination a { width: 40px; height: 40px; margin: 0 5px 0 0; display: inline-block; background: url(/pics/bg_btn_gray.png) repeat-x top left; color: #fff; font: 16px/40px 'colossalisMedium', arial, verdana, sans-serif; text-align: center; border-radius: 2px; behavior: url(/PIE.htc);}
.pages_pagination a.current, .pages_pagination a:hover, .pagination_buttons a:hover { background: url(/pics/bg_btn.png) repeat-x top left;}


#shopBar { position: fixed; top: 35%; left: -210px; width: 240px; background: #E2E2E2; display:block; z-index: 9999; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
#shopBar:hover{ left:0;}
#shopBar a { width: 160px; margin: 10px auto 0px; background: #ff6600 url(/pics/bg_btn.png) repeat-x top left; color: #fff; text-align: center; border-radius: 5px; display: block;}
#shopBar a:hover { background: #ff6600;}
#cartInfo { width: 210px; float: left; margin: 20px 0 0 0; color:#000; text-align: center;}
.shopBarbtn {   width: 30px; height: 176px; background: #ff6600 url(/pics/sprite.png) -610px -370px no-repeat; float: right; cursor: pointer;}
#profile { width: 210px; margin: 5px 0 0 0; float: left;}
#logout { width: 210px; margin: 5px 0 20px 0; float: left;}

/* ------------------------------------------------------------------------- Shop -> Product filtering */

.filterWrap { background: #303031 url(/pics/bgShopFilter.png) repeat-x top left; font: 14px/18px 'colossalisMedium', arial, verdana, sans-serif; color:#fff;margin-bottom:10px;}
.productDetail .filterWrap { min-height: 400px; }
.filterCatName { padding: 171px 15px 0 15px; height: 60px; border-bottom: 1px solid #191a1f; line-height: 60px; text-transform: uppercase;}
.filterCatName .categoryIcon { width: 50px; height: 50px; float: right;}
.atributeGroupTitle { height: 30px; padding: 0 15px; font: 14px/30px 'colossalisMedium', arial, verdana, sans-serif; color:#fff; text-transform: uppercase; cursor: pointer; }
.filterAtributesGroup { border-top: 1px solid #777980; border-bottom: 1px solid #191a1f;}
.filterAtributesGroup label { padding: 0 0 10px; font: 12px arial, verdana, sans-serif; color: #BBBBBB; display: block;}
.filterAtributesGroup label:hover { color: #ff6600;}
.atributes { padding: 0 15px 10px; display:none; }
.toggleIcon { float: right; height: 30px; width: 30px; background: url(/pics/sprite.png) -2px -538px;}
.filterAtributesGroup.open .toggleIcon { background: url(/pics/sprite.png) -95px -538px;}
.filterAtributesGroup .sizeLabel { width: 56px; height: 25px; margin: 2px; padding: 0; float: left; display: block;  text-align: center; line-height: 25px;  background: #606062; font: normal 13px/25px 'monda', arial, verdana, sans-serif; color:#fff; }
.filterAtributesGroup .sizeLabel:hover { background:#ff6600; color:#fff;}

.filterSearch{ position: relative; width: 100%; border-top: 1px solid #777980; border-bottom: 1px solid #191a1f;}
.filterSearch .searchString { padding: 0 45px 0 15px; background: transparent;}
.filterSearch .search_submit { width: 45px; background: transparent url(/pics/sprite.png) -28px -45px; border-left: 0px;}

#toggleFilterWrap { display:none; }

.filterIcons { float: left; margin: 0 7px 0 0;}

/*--- USEAGE INSIDE */
.typeOfUsageIcon5428 { width: 43px; height: 30px; background: url(/pics/sprite.png) -297px -443px no-repeat;}
.typeOfUsageIcon5428:hover, .current .typeOfUsageIcon5428 { width: 43px; height: 30px; background: url(/pics/sprite.png) -297px -503px no-repeat;}

/*--- USEAGE OUTSIDE */
.typeOfUsageIcon5429 { width: 43px; height: 30px; background: url(/pics/sprite.png) -347px -443px no-repeat;}
.typeOfUsageIcon5429:hover, .current .typeOfUsageIcon5429 { width: 43px; height: 30px; background: url(/pics/sprite.png) -347px -503px no-repeat;}

/*--- USEAGE BOTH */
.typeOfUsageIcon5430 { width: 43px; height: 30px; background: url(/pics/sprite.png) -396px -443px no-repeat;}
.typeOfUsageIcon5430:hover, .current .typeOfUsageIcon5430 { width: 43px; height: 30px; background: url(/pics/sprite.png) -396px -503px no-repeat;}

.filterSelectbox { height: 24px; width: 170px; padding: 0 10px; margin:0 0 0 10px; border: 1px solid #ddd; color: #666;}

/*--- SafetyCategory S3S*/
.safetyCategory96844617 {width: 43px; height: 30px; background: url(/pics/sprite.png) -812px -474px no-repeat;}
.safetyCategory96844617:hover, .current .safetyCategory96844617 { width: 43px; height: 30px; background: url(/pics/sprite.png) -812px -524px no-repeat;}
.icon6513{ background: url(/pics/sprite.png) -812px -465px no-repeat;}
#nav .subnav li:hover .icon6513,
#nav .subnav li.current .icon6513, .filterCatName .categoryIcon6513{ background: url(/pics/sprite.png) -812px -415px no-repeat;}

/*--- SafetyCategory 01*/
.safetyCategory17372991 {width: 43px; height: 30px; background: url(/pics/icons/O1-grijs.png); background-size: contain; background-position-y: center; background-repeat: no-repeat;}
.safetyCategory17372991:hover, .current .safetyCategory17372991 { width: 43px; height: 30px; background: url(/pics/icons/O1-oranje.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}
.icon6609{ width: 42px !important; height: 42px !important; margin-left: 4px !important; margin-right: 4px !important; background: url(/pics/icons/O1-grijs.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}
#nav .subnav li:hover .icon6609,
#nav .subnav li.current .icon6609, .filterCatName .categoryIcon6609{ width: 42px !important; height: 42px !important; margin-left: 4px !important; margin-right: 4px !important; background: url(/pics/icons/O1-wit.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}

/*--- SafetyCategory S1PS*/
.safetyCategory120533507 {width: 43px; height: 30px; background: url(/pics/icons/S1PS-grijs.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}
.safetyCategory120533507:hover, .current .safetyCategory120533507 { width: 43px; height: 30px; background: url(/pics/icons/S1PS-oranje.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}
.icon6623{ width: 42px !important; height: 42px !important; margin-left: 4px !important; margin-right: 4px !important; background: url(/pics/icons/S1PS-grijs.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}
#nav .subnav li:hover .icon6623,
#nav .subnav li.current .icon6623, .filterCatName .categoryIcon6623{ width: 42px !important; height: 42px !important; margin-left: 4px !important; margin-right: 4px !important; background: url(/pics/icons/S1PS-wit.png); background-size: contain; background-position-y: center; background-repeat: no-repeat}

/*--- SafetyCategory O2*/
.safetyCategory5249 {width: 43px; height: 30px; background: url(/pics/sprite.png) -1159px -474px no-repeat;}
.safetyCategory5249:hover, .current .safetyCategory5249 { width: 43px; height: 30px; background: url(/pics/sprite.png) -1159px -524px no-repeat;}
.icon4295{ background: url(/pics/sprite.png) -1155px -465px no-repeat;}
#nav .subnav li:hover .icon4295,
#nav .subnav li.current .icon4295, .filterCatName .categoryIcon4295{ background: url(/pics/sprite.png) -1155px -415px no-repeat;}

/*--- SafetyCategory O3*/
.safetyCategory5250 {width: 43px; height: 30px; background: url(/pics/sprite.png) -1228px -474px no-repeat;}
.safetyCategory5250:hover, .current .safetyCategory5250 { width: 43px; height: 30px; background: url(/pics/sprite.png) -1228px -524px no-repeat;}
.icon4299{ background: url(/pics/sprite.png) -1224px -465px no-repeat;}
#nav .subnav li:hover .icon4299,
#nav .subnav li.current .icon4299, .filterCatName .categoryIcon4299{ background: url(/pics/sprite.png) -1224px -415px no-repeat;}

/*--- SafetyCategory S3*/
.safetyCategory5251 {width: 43px; height: 30px; background: url(/pics/sprite.png) -1019px -474px no-repeat;}
.safetyCategory5251:hover, .current .safetyCategory5251 { width: 43px; height: 30px; background: url(/pics/sprite.png) -1019px -524px no-repeat;}
.icon4291{ background: url(/pics/sprite.png) -1015px -465px no-repeat;}
#nav .subnav li:hover .icon4291,
#nav .subnav li.current .icon4291, .filterCatName .categoryIcon4291{ background: url(/pics/sprite.png) -1015px -415px no-repeat;}

/*--- SafetyCategory S1P*/
.safetyCategory5252 {width: 43px; height: 30px; background: url(/pics/sprite.png) -1089px -474px no-repeat;}
.safetyCategory5252:hover, .current .safetyCategory5252 { width: 43px; height: 30px; background: url(/pics/sprite.png) -1089px -524px no-repeat;}
.icon4283{ background: url(/pics/sprite.png) -1085px -465px no-repeat;}
#nav .subnav li:hover .icon4283,
#nav .subnav li.current .icon4283, .filterCatName .categoryIcon4283{ background: url(/pics/sprite.png) -1085px -415px no-repeat;}

/*--- SafetyCategory S1*/
.safetyCategory5253 {width: 43px; height: 30px; background: url(/pics/sprite.png) -880px -474px no-repeat;}
.safetyCategory5253:hover, .current .safetyCategory5253 { width: 43px; height: 30px; background: url(/pics/sprite.png) -880px -524px no-repeat;}
.icon4230{ background: url(/pics/sprite.png) -876px -465px no-repeat;}
#nav .subnav li:hover .icon4230,
#nav .subnav li.current .icon4230, .filterCatName .categoryIcon4230{ background: url(/pics/sprite.png) -876px -415px no-repeat;}


/*--- SafetyCategory S2*/
.safetyCategory5254 {width: 43px; height: 30px; background: url(/pics/sprite.png) -949px -474px no-repeat;}
.safetyCategory5254:hover, .current .safetyCategory5254 { width: 43px; height: 30px; background: url(/pics/sprite.png) -949px -524px no-repeat;}
.icon4287{ background: url(/pics/sprite.png) -946px -465px no-repeat;}
#nav .subnav li:hover .icon4287,
#nav .subnav li.current .icon4287, .filterCatName .categoryIcon4287{ background: url(/pics/sprite.png) -946px -415px no-repeat;}


.icon4303{ background: url(/pics/sprite.png) -1279px -460px no-repeat;}
#nav .subnav li:hover .icon4303,
#nav .subnav li.current .icon4303, .filterCatName .categoryIcon4303{ background: url(/pics/sprite.png) -1278px -409px no-repeat;}

.icon4279{ background: url(/pics/sprite.png) -1345px -462px no-repeat;}
#nav .subnav li:hover .icon4279,
#nav .subnav li.current .icon4279, .filterCatName .categoryIcon4279{ background: url(/pics/sprite.png) -1345px -411px no-repeat;}

.icon5435{ background: url(/pics/sprite.png) -1405px -465px no-repeat;}
#nav .subnav li:hover .icon5435,
#nav .subnav li.current .icon5435, .filterCatName .categoryIcon5435{ background: url(/pics/sprite.png) -1405px -415px no-repeat;}


/* ------------------------------------------------------------------------- Shop -> Product detail  */

.productDetail{ background: url(/pics/bgproduct.jpg) top left repeat-x;}
#slideshow.productSlideshow { height: 600px; overflow: hidden;}
.productImgSlideWrap{ height: 600px; white-space: nowrap; text-align: center;}
.productImgSlideWrap .helper { display: inline-block; height: 100%; vertical-align: middle;}
.productSlideshow .slide { -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);}
.productSlideshow  .slide { width: 100%; text-align: center;}
#slideshow.productSlideshow #prev-slide { left: 20px; right:auto; background: url(/pics/sprite.png) -188px -247px;}
#slideshow.productSlideshow #next-slide { left: auto; right:20px; background: url(/pics/sprite.png) -223px -247px;}
#slideshow.productSlideshow .slideshowPager { bottom:auto; top: 175px;}
.slideshowShadow { height: 50px; width: 100%; background: url(/pics/shadow-product.png) center bottom no-repeat;}

.productDetailBackLink { position: absolute; right: 0px; top: 20px; height: 40px; width: 118px; padding: 0 14px; background: #96979b url(/pics/bg_btn_gray.png) repeat-x top left; border-radius: 5px; behavior: url(/PIE.htc); font: 14px/40px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; text-align: right; color: #fff!important; z-index: 125;}
.productDetailBackLinkBG { height: 30px; width: 30px; margin: 5px 0 0; display: block; background: url(/pics/sprite.png) -506px -507px no-repeat; float: left;}
.mobileSlideshow{ display:none;}

.productNavigatieWrap { width: 100%; overflow: hidden;}
.productNavigatie { float:right; margin: 75px 0 0 0;}
.productNavigatie li { float: left; margin: 0 10px; list-style: none;}
.productNavigatie li a { font: 16px/24px 'colossalisMedium', arial, verdana, sans-serif; color: #9f9f9f;}
.productNavigatie li a:hover { color: #ff6600;}

.productDetailH1 { font: 28px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase;}

.productDetail .selectFilterForm .goToCart{ margin-top:20px;}

.productDetail .js_video { position: relative;}
.productDetail .js_video .overlay.icon_play { position: absolute; top: 50%; left: 50%; width: 85px; height: 85px; margin: -43px 0 0 -43px; background: url(/pics/sprite.png) -162px -440px; z-index: 99;}
.productDetail .js_video:hover .overlay.icon_play { background: url(/pics/sprite.png) -3px -440px;}

.productDetail .nojs_video { position: relative;}
.productDetail .nojs_video .overlay.icon_play { position: absolute; top: 50%; left: 50%; width: 85px; height: 85px; margin: -43px 0 0 -43px; background: url(/pics/sprite.png) -162px -440px; z-index: 99;}
.productDetail .nojs_video:hover .overlay.icon_play { background: url(/pics/sprite.png) -3px -440px;}

.featureIcons { overflow: hidden;}
.feature { width: 50px; height: 50px; margin: 0 8px 8px; float: left; background: url('/pics/featuresprite.png') no-repeat 0 -100px;  display:none; }
.feature434 { background-position: 0 0; display:block;}
.feature435 { background-position: -70px 0; display:block;}
.feature5332, .feature17372995 { background-position: -140px 0; display:block;}
.feature5421, .feature78699283 { background-position: -210px 0; display:block;}
/*.feature439 { background-position: -280px 0; display:block;}*/ /* Komen te vervallen ivm dryshield membraan */
.feature440 { background-position: -350px 0; display:block;}
.feature442 { background-position: -420px 0; display:block;}
.feature444 { background-position: -490px 0; display:block;}
.feature445 { background-position: -560px 0; display:block;}
.feature446 { background-position: -630px 0; display:block;}
.feature447 { background-position: -700px 0; display:block;}
.feature466 { background-position: -770px 0; display:block;}
.feature587821 { background-position: -2452px 0; display:block;}
.feature471 { background-position: -840px 0; display:block;}
.feature474 { background-position: -910px 0; display:block;}
.feature5249 { background-position: -980px 0; display:block;}
.feature5250 { background-position: -1050px 0; display:block;}
.feature5251 { background-position: -1120px 0; display:block;}
.feature5252 { background-position: -1190px 0; display:block;}
.feature5253 { background-position: -1260px 0; display:block;}
.feature5254 { background-position: -1330px 0; display:block;}
.feature5428 { background-position: -1400px 0; display:block;}
.feature5429 { background-position: -1470px 0; display:block;}
.feature5430 { background-position: -1540px 0; display:block;}
.feature441 { background-position: -1612px 0; display:block;}
.feature476 { background-position: -1681px 0; display:block;}
.feature5255, .feature432 { background-position: -2032px 0; display:block;}
.feature5256 { background-position: -1751px 0; display:block;}
.feature5257 { background-position: -1822px 0; display:block;}
.feature5258 { background-position: -1892px 0; display:block;}
.feature5259, .feature5260, .feature5261 { background-position: -1962px 0; display:block;}
.feature5262, .feature5263, .feature5265, .feature5266, .feature5268, .feature5270, .feature5271, .feature5272, .feature5274, .feature5288, .feature5488 { background-position: -2102px 0; display:block;}
.feature5273 { background-position: -2522px 0; display:block;}
.feature5267, .feature5269 { background-position: -2172px 0; display:block;}
.feature5264 { background-position: -2242px 0; display:block;}
.feature31022 { background-position: -2312px 0; display:block;}
.feature5369, .feature5383  { background-position: -2382px 0; display:block;}
.feature20170585 { background-position: -2593px 0; display:block;}
.feature20794815 { background-position: -2664px 0; display:block;}

.feature1245521 { background-position: -2735px 0; display:block;}
.feature459 { background-position: -2807px 0; display:block;}

/* Create a icons grid class */
.icons { display: flex; flex-wrap: wrap; gap: 5px; align-items:center;}
.icons > div { width: calc(25% - 5px); padding: 0 8px; box-sizing: border-box;}

.relatedproducts{ margin-bottom: 80px;}

.productDetailTechInfo { width: 100%; margin:15px 0 0 0;}
.productDetailTechInfo td { width: 50%; height:30px; line-height: 30px; border-bottom:1px solid #ddd;}
#productDetailTechInfoImgWrap { position: relative; min-height: 300px; height: 100%;}
.productDetailTechInfoImg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; height: 173px; margin: auto;}

.filterDetailInner { padding: 0 15px 15px;}
.productDetailTitel { padding: 90px 0 0 0; font: 24px/24px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase;}
.productDetailsubTitel { font: normal 10px/24px 'monda',arial, verdana, sans-serif; color: #aaa;}
.productDetailAttributeTitle { font: 16px/22px 'colossalisMedium', arial, verdana, sans-serif; color: #aaa; text-transform: uppercase; margin: 15px 0 0 0;}
.productDetailAttributeValues { font: normal 13px/20px 'monda',arial, verdana, sans-serif; color: #aaa;}

.option_tooltip_wrapper_icon { width: 20px; height: 20px; background: #000; border-radius: 50px; text-align: center; font: normal 13px/20px 'monda',arial, verdana, sans-serif; cursor:pointer;}
.option_tooltip_wrapper_txt { position: absolute; top: -7px; left: 35px; width: 300px; height: auto; padding: 15px; background: #000; border-radius: 12px; font: normal 13px/16px 'monda',arial, verdana, sans-serif; text-transform: initial; z-index: 99999; visibility: hidden; opacity:0; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.option_tooltip_wrapper:hover .option_tooltip_wrapper_txt { visibility: visible; opacity:1;}
.option_tooltip_wrapper_txt:before { content: ' '; position: absolute; top: 2px; left: -23px; width: 0; height: 0; border-style: solid; border-width: 15px 30px 15px 0; border-color: transparent #000000 transparent transparent;}

.stockEmpty {  border-bottom: 10px solid #9c0000;}
.stockLow { border-bottom: 10px solid #FD7D26;}
.stockGood { border-bottom: 10px solid #579e04;}

.BgStockEmpty { border-bottom: 4px solid #9c0000; background:#D6D6D6;}
.BgStockLow { border-bottom: 4px solid #FD7D26; background:#D6D6D6;}
.BgStockGood { border-bottom: 4px solid #579e04; background:#D6D6D6;}

.txt_shipping_detail{ color:#fff!important; text-decoration: underline!important;}
.txt_shipping_detail:hover{ color:#ff6600!important;}

.selectFilterForm .sizeLabel { width: 30px; height: 30px; margin: 2px; padding: 0; float: left; display: block;  text-align: center; background: #606062; font: normal 13px/30px 'monda', arial, verdana, sans-serif; color:#fff; }
.selectFilterForm .sizeLabel.extraWidth { width: 56px; height: 56px!important;}
.selectFilterForm #options .sizeLabel.extraWidth { height: 30px!important;}
.selectFilterForm .sizeLabel:hover { background: #ff6600!important; color:#fff;}
.selectFilterForm .sizeLabel .labelTxt { width: 100%; height: 28px; line-height:28px;}
.selectFilterForm .b2bsizelabel { height: 100%!important;}
.selectFilterForm .b2bsizelabel input { width: 100%; height: 28px; float: left; text-align: center; }

.sizesWrap { overflow: hidden;}
.sizesLegenda { margin-top: 10px; font: normal 13px/20px 'monda',arial, verdana, sans-serif; color: #aaa;}
.sizesLegenda .stockEmpty, .sizesLegenda .stockLow, .sizesLegenda .stockGood { width: 30px; display: inline-block; float: left; margin: 5px 10px 0px 0px;}
#productDetailPrice { margin: 20px 0; padding: 15px 0; border-top: 1px solid #4c4c4e; border-bottom: 1px solid #4c4c4e;  font: 32px/40px 'colossalisMedium', arial, verdana, sans-serif;}
#productDetailPrice .oldPriceDetail { font-size: 19px; text-decoration: line-through; color: #aaa; display: block;}
.productDetailPriceSubTxt { font: normal 13px/20px 'monda',arial, verdana, sans-serif;}
.selectFilterForm .productBtn{ margin:0; display:block;}

.productDetail .filterWrap #searchForm { margin: 15px 0;}
.productDetail .filterWrap .searchString { background: #5F5F5F; color:#fff;}
.productDetail .filterWrap .filterSearch { border-top:0px solid #000;}


/* ---------------------------- Alert boxes--*/

.jqalert {
    width: 300px;
    font: 13px 'monda',arial, verdana, sans-serif;
    background-color: #eee;
}

.jqalert-title {
    padding: 5px 10px !important;
    background-color: #000 !important;
    border: none !important;
}

.jqalert-message {
    margin: 0px 0px !important;
    padding: 10px 10px !important;
}
.jqalert-buttons {
    text-align: center;
    margin: 0px 0px !important;
    padding: 10px 0px !important;
}

.jqalert-buttons button{
    margin-top: 0px;
    width: auto;
    padding: 2px 10px;
    height: 30px;
    color: #fff;
    font: 15px 'monda',arial, verdana, sans-serif;
    background-color: #ff6600;
    border: none;
    cursor: pointer;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.jqalert-buttons button:hover{
    background-color: #111;
}



/* ---------------------------- SELECT BOX WITH SELECTRIC--*/

.selectricWrapper {
    position: relative;
    margin: 0px;
    width: 100%;
    cursor: pointer;
    height: 40px;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 0px;
    background: url(/pics/bg_custom_select.png) repeat-x top left;
    position: relative;
    border-radius: 7px;
    behavior: url(/PIE.htc);
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 30px 0 0;
    padding: 6px 6px 6px 10px;
    color: #fff;
    min-height: 28px;
    font: 14px/29px 'colossalisMedium', arial, verdana, sans-serif;
    text-transform: uppercase;
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 40px;
    font-size: 0;
    background: url(/pics/sprite.png) -304px -267px no-repeat;
}



.selectricHover .selectric {
    border-color: #CCC;
}

.selectricHover .selectric .button {
    color: #888;
}

.selectricHover .selectric .button:after {
    border-top-color: #888;
}

.selectricOpen {
    z-index: 9999;
}

.selectricOpen .selectric {
    border-color: #747477;
    background: #747477;
    z-index: 9999;
}

.selectricOpen .selectricItems {
    display: block;
}

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

.selectricHideSelect select {
    position: absolute;
    left: -100%;
    display: none;
}

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}

.selectricItems {
    display: none;
    position: absolute;
    overflow: auto;
    top: 88%;
    left: 0;
    background: none;
    border: 1px solid #747477;
    z-index: 9999;
}

.selectricItems ul,.selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px;
    background:#888;
}

.selectricItems li {
    display: block;
    padding: 5px;
    border-top: 1px solid #747477;
    border-bottom: 0px solid #747477;
    color: #fff;
    cursor: pointer;
    font: 14px/19px 'colossalisMedium', arial, verdana, sans-serif;
    text-transform: uppercase;
}

.selectricItems li.selected {
    background: #666;
    color: #fff;
    border-top-color: #747477;
}

.selectricItems li:hover {
    background: #666;
    color: #444;
}

.selectricItems li.disabled {
    background: #989898;
    color: #fff;
    cursor: not-allowed;
}

/*--- selectric filter select -*/


/* ------------------------------------------------------------------------- Dashboard */
.dashboard_button { margin: 0 0 35px 0;}
.dashboard_button_link { width: 150px; margin: 0 auto; display: block; font-size: 13px; line-height: 18px; text-transform: uppercase;}

.dashboard_button_img{ max-width:150px;}
.dashboard_button_txt { position: absolute; top: 13px; left:10px; width: 130px; text-align: center; }
.dashboard_circle { position: absolute; top: 77px; left: 34px; z-index: 999; width: 83px; height: 83px;
    box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.8);
    -o-box-shadow: inset 0px 1px 7px 0px rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    border-radius: 83px;
    -webkit-transition: visibility 0s, opacity 0.2s linear;
    -moz-transition: visibility 0s, opacity 0.2s linear;
    -o-transition: visibility 0s, opacity 0.2s linear;
    transition: visibility 0s, opacity 0.2s linear;
    background: rgba(192, 101, 0,0.5);
}

.dashboard_button_link:hover .dashboard_circle{ visibility: visible; opacity: 1;}
.ie8 .dashboard_circle, .ie9 .dashboard_circle{ display:none;}

/* ------------------------------------------------------------------------- Shop -> commerial returns */

.rmaContent { overflow: visible!important;}
.rmaSearch { position: relative; width: 293px; height: 25px!important;}
.rmaSearch input { height: 30px!important; width: 100%; padding-right: 40px!important; padding-left: 10px!important; box-sizing: border-box;}
.rmaSearch .autocomplete_loader { position: absolute; top: 5px; right: 10px; width: 20px; height: 20px;}
.rmaSearch .autocomplete_cancel { position: absolute; top: 5px; right: 10px; width: 20px; height: 20px; background: #ff6600; color: #fff; font-size: 12px; text-align: center; line-height: 21px; border-radius: 50%; cursor: pointer; display:none;}
.rmaSearch .add_to_form { width: 20px; height: 20px; float: right; display: block; background: #fff; text-align: center; border-radius: 100%; font-size: 24px; line-height: 18px;}

.commercial_returns_wrapper { display:none;}
.commercial_returns_wrapper .delete_item { width: 20px; height: 20px; margin-right: 20px; background: #ff6600; color: #fff; font-size: 12px; text-align: center; line-height: 21px; border-radius: 50%; cursor: pointer; float: right;}

.rma_from_errors { width:100%; margin: 10px 0;}
.rma_from_error { width: 100%; height:25px; color: #ff0000; display:block;}

.autocomplete_errors { height:25px; width:100%; float:left;}
.autocomplete_error { width: 100%; height:25px; float: left; color: #ff0000; display:none;}

.autocomplete_overlay { position: absolute; width: 100%; height: 100%; z-index: 10; top: 0; left: 0; display:none;}

.rma_wrapper_mobile { max-width: 300px;}
.rma_wrapper_mobile .rma_input_mobile { margin-top: 5px; margin-right: 20px; float: left;}
.rma_wrapper_mobile .delete_item_mobile { margin-top: 15px;}

/* ------------------------------------------------------------------------- Shop -> commerial returns - Submitted */

.rma_user_info { width: 100%; margin-top: 20px;}
.rma_user_info label { margin-top: 10px; display: block;}
.rma_user_info .input { width: 285px; border: 1px solid #e0e0e0;}
.rma_user_info textarea { width: 285px; padding: 1px 3px; height:70px; border: 1px solid #e0e0e0;}


/* ------------------------------------------------------------------------- iFlexible */

.flexible-page h2, .flexible-page .h2{
    font: 18px 'colossalisMedium', arial, verdana, sans-serif;
    color: #ff6600;
    margin-bottom: 15px;
    margin-top: 15px;
    line-height: 1em;
}

.flexible-note-title h2 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.flexible-intro {
    color: #000;
    /*  line-height: 30px;*/
    font-weight: 700;
}

.flexible-text {
    /*  line-height:20px;*/
}

.flexible-note {
    width: 100%;
    padding: 20px;
    box-sizing:border-box;
}

.flexible-note-image {
    width: 100%;
}

.flexible-note-image img {
    width: 100%;
}

.flexible-note-fw {
    padding:20px;
}

.flexible-side-note {
    position: relative;
    width: 100%;
    background: #000;
    padding: 20px;
    color: #fff;
    box-sizing:border-box;
}

.flexible-note-wrapper {
    position: relative;
    width: 100%;
    background: #000;
    color: #fff;
}

.cut-edge:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    border-top: 40px solid #fff;
    border-left: 40px solid transparent;
}

.flex-banner img { display:block; margin:0 auto;}

/* ------------------------------------------------------------------------- Footer */

* html #footer {
    position: absolute;
    bottom: -1px;
}

#footer {
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    font: bold 12px/19px 'monda', arial, verdana, sans-serif;
    color: #fff;
    background-color: #000;
    background: url(/pics/footerPattern.png) top left repeat;
}

#footer a { color:#fff;}
#footer a:hover { color:#ff6600; text-decoration: underline;}
#footer ul { list-style-position: outside; margin: 0;}
#footer li { list-style: none;}

#footer .footerTitleBarWrap { float: left; background: url(/pics/footerline.png) bottom left repeat-x; }
#footer .footerTitleBar { height:80px; float:left; font: normal 26px/80px 'colossalis', arial, verdana, sans-serif; color:#fff; text-transform: uppercase; text-shadow: 0px -1px 0px rgba(110, 49, 8, 1); }
#footer .footerBtn { width: 145px; height: 40px; margin: 20px 0 0 20px; float: left; display: block; background: #ff6600; font: 14px/40px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; color: #fff; text-align: center;}
#footer .footerBtn:hover { color: #000; text-decoration: none;}
#footer .footerTitle { margin: 25px 0 18px 0; font: bold 16px 'monda', arial, verdana, sans-serif; color: #ff6600; }
#footer .MadebyWrap { position: relative; min-height: 58px; margin-top: 50px; float: left;}
#footer .payOff { position: absolute; bottom: 0px; width: 125px; height: 58px; background: url(/pics/sprite.png) -7px -126px; }
#footer .credits, #footer .credits a { position: absolute; bottom:0; width:250px; line-height: 10px; color:#bababa;}
#footer .questions { width:100%; max-width: 145px; height:49px; float: right; font: 13px 'colossalisMedium', arial, verdana, sans-serif; background:#ff6600; border-radius: 10px 10px 0 0; behavior: url(/PIE.htc); }
#footer .questionsTxtBlack { padding: 15px 10px 0 10px; color: #222;  text-transform: uppercase;}
#footer .questionsTxtWhite { padding: 5px 10px 0 10px; color:#fff; text-transform: uppercase;}

.payment_wrapper{ float: left; width: 100%; padding: 20px 0 0 0; margin: 18px 0 0 0;}


.footer-update { background-color: #000; padding: 80px 0 45px 0; text-align: center; }
.footer-update .social-links { display: inline-block; margin-bottom: 20px; }
.footer-update .contact-details { color: #fff; font-size: 16px; margin-top: 20px; margin-bottom: 40px; }
.footer-update .contact-details a { color: #fff; text-decoration: underline; }
.footer-update .bottom-links { color: #707070; font-size: 14px; margin-top: 40px; text-transform: lowercase; display: inline-block; }
.footer-update .bottom-links a { color: #707070; }
.footer-update .bottom-links a,
.footer-update .divider { margin: 0 7px; float: left; }
.footer-update .divider { width: 1px; height: 20px; background-color: #707070; display: inline-block; }
.footer-update .footer-logo { width: 600px; margin-bottom: 50px; }


/* ----------------------------------------------------------------- Social icons */

.socialIcons { margin: 25px 0 0 0; float: right;}
.socialIcon { width: 28px; height: 28px; display: block; float: left;}
.socialIcon.fb { background: url(/pics/sprite.png) -186px -154px;}
.socialIcon.tw { background: url(/pics/sprite.png) -216px -154px;}
.socialIcon.yt { background: url(/pics/sprite.png) -246px -154px;}
.socialIcon.rs { background: url(/pics/sprite.png) -276px -154px;}
.socialIcon.in { background: url(/pics/sprite.png) -306px -154px;}
.socialIcon.vim { background: url(/pics/sprite.png) -336px -154px;}
.socialIcon.ig { background: url(/pics/sprite.png) -366px -154px;}
.socialIcon.fb:hover { background: url(/pics/sprite.png) -186px -184px;}
.socialIcon.tw:hover { background: url(/pics/sprite.png) -216px -184px;}
.socialIcon.yt:hover { background: url(/pics/sprite.png) -246px -184px;}
.socialIcon.rs:hover { background: url(/pics/sprite.png) -276px -184px;}
.socialIcon.in:hover { background: url(/pics/sprite.png) -306px -184px;}
.socialIcon.vim:hover { background: url(/pics/sprite.png) -336px -184px;}
.socialIcon.ig:hover { background: url(/pics/sprite.png) -366px -184px;}

/* ----------------------------------------------------------------- iSocial */

/* General icon settings */

.isocial a:hover {text-decoration: none; border: none;}

/* Icons minimal */
.iSocial_standard_16x16 {display: block; margin-bottom: 5px; width: 16px; height: 16px; background-image: url(/isocial/icons/standard_16x16/sprite.png); background-repeat: no-repeat; transition: none !important;}
.iSocial_standard_16x16.email {background-position:0px 0px;}
.iSocial_standard_16x16.email:hover {background-position:-16px 0px;}
.iSocial_standard_16x16.facebook {background-position:0px -16px;}
.iSocial_standard_16x16.facebook:hover {background-position:-16px -16px;}
.iSocial_standard_16x16.favorite {background-position:0px -32px;}
.iSocial_standard_16x16.favorite:hover {background-position:-16px -32px;}
.iSocial_standard_16x16.googleplus {background-position:0px -48px;}
.iSocial_standard_16x16.googleplus:hover {background-position:-16px -48px;}
.iSocial_standard_16x16.linkedin {background-position:0px -64px;}
.iSocial_standard_16x16.linkedin:hover {background-position:-16px -64px;}
.iSocial_standard_16x16.pinterest {background-position:0px -80px;}
.iSocial_standard_16x16.pinterest:hover {background-position:-16px -80px;}
.iSocial_standard_16x16.plus {background-position:0px -96px;}
.iSocial_standard_16x16.plus:hover {background-position:-16px -96px;}
.iSocial_standard_16x16.print {background-position:0px -112px;}
.iSocial_standard_16x16.print:hover {background-position:-16px -112px;}
.iSocial_standard_16x16.twitter {background-position:0px -128px;}
.iSocial_standard_16x16.twitter:hover {background-position:-16px -128px;}
.iSocial_standard_16x16.tumblr {background-position:0px -160px;}
.iSocial_standard_16x16.tumblr:hover {background-position:-16px -160px;}
.iSocial_standard_16x16.counter {width: 36px; background-position:0px -144px;}
.iSocial_standard_16x16.counter { position: relative;  float: left; text-align: center; border-bottom: 0px solid #fff;  color: #000; cursor: default; }
.iSocial_standard_16x16.counter {font: 10px 'Trebuchet MS', arial, verdana, sans-serif; height: 17px; line-height: 16px;}


/* Counter styling */
.iSocial_circle.counter{
    position: relative;
    float: left;
    text-align: center;
    border-bottom: 0px solid #fff;
    color: #000;
    cursor: default;
}

.iSocial_circle.counter {font: 16px 'Trebuchet MS', arial, verdana, sans-serif;line-height: 32px;}


/* ------------------------------------------------------------------------- Forms */
#form_container{ position:relative; width:100%; max-width: 570px; margin-bottom:20px; overflow:hidden; }
#form_container .frm_PageBreakHr{ display:none; }
#form_container .frm_Label { margin:5px 20px 2px 0; width:270px; float:left; }
#form_container .frm_Field{ margin:3px 0 2px; width:280px; float:left; }
#form_container .frm_Field .frm_CheckContainer{ margin:0 0 4px; width:450px; float:left; }
#form_container .frm_Field .frm_CheckContainer .frm_CheckLabel{ margin:0 0 0 2px; float:left; max-width:260px; }
#form_container .frm_Field .frm_RadioContainer{ margin:0 0 4px; width:450px; float:left; }
#form_container .frm_Field .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; width:260px; float:left; }
#form_container .frm_Quantity .frm_RadioContainer{ margin:0 0 4px; float:none; clear:both; display:block; }
#form_container .frm_Quantity .frm_RadioContainer .frm_RadioLabel{ margin:0 0 0 2px; }
#form_container .frm_TextBlock{ width:450px; }
#form_container .frm_Header{ margin:30px 0 0; width:100%; float:left; }
#form_container .frm_Header h1,#form_container .frm_Header h2,#form_container .frm_Header h3,#form_container .frm_Header h4,#form_container .frm_Header h5,#form_container .frm_Header h6{ margin-bottom:0; float:left; }
#form_container .frm_FileUploaded_Message{ display:block; width:100%; float:left; }
#form_container .frm_TextBlock,#form_container .frm_Numeric,#form_container .frm_MultipleChoice,#form_container .frm_PhoneNumber,#form_container .frm_Calendar,#form_container .frm_TextBox,#form_container .frm_Email,#form_container .frm_TextArea,#form_container .frm_FileUpload{ margin:5px 0 0; float:left; }
#form_container .frm_TextBox .frm_Field input,#form_container .frm_Numeric .frm_Field input,#form_container .frm_PhoneNumber .frm_Field input,#form_container .frm_Email .frm_Field input,#form_container .frm_Calendar .frm_Field input,#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ margin-top:6px; float:left; clear:both; }
#form_container .frm_Calendar .frm_Field{ position:relative; }
#form_container .frm_Calendar .frm_Field img{ position:absolute; top:5px; right:7px; margin:0; }
#form_container .frm_FileUpload .frm_Field input,#gmaps_start,#gmaps_end{ padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
#gmaps_end{ padding:3px 1px; width:100%; }
#gmaps_start{ margin-bottom:10px; width:98%; }
#form_container .frm_Calendar .frm_Field input{ padding:1px 3px; margin:0; width:272px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
#form_container .frm_TextArea .frm_Field textarea{ padding:1px 3px; margin:0; width:272px; height:93px; font:13px/21px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
*+html #form_container .frm_TextArea .frm_Field textarea{ height:86px; }
#form_container .frm_MultipleChoice .frm_Field select{ padding:1px; margin:0; width:280px; height:24px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
#form_container .frm_Calendar .frm_Field select{ padding:1px; margin:0 10px 0 0; width:85px; height:21px; font:13px/18px arial,verdana,sans-serif; color:#444; border:1px solid #e0e0e0; }
#form_container .frm_MultipleChoice .frm_Field input{ margin-top:1px; margin-right:5px; float:left; }
#form_container .frm_FormTail,#form_container .frm_PageBreak{ margin-top:15px; width:100%; max-width: 100%; padding:0; float:left; }
#form_container .frm_BtnContainer{ width:100%; padding:0; float:left; }
#form_container .frm_BtnContainer .frm_BtnPrevious_Inactive{ display:none; }
#form_container .frm_BtnContainer .frm_BtnPrevious{ position:relative; padding:5px 10px; height:30px; float:left; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-transform:uppercase; text-shadow:0 0 0 #000; color:#fff; text-decoration:none; border:0; cursor:pointer; background:#ff6600; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; }
#form_container .frm_BtnContainer .btn:hover .frm_BtnPrevious,#form_container .frm_BtnContainer .frm_BtnPrevious:hover{ color:#000; background:#ff6600; }
#form_container .frm_BtnContainer .frm_BtnNext_Inactive{ display:none; }
#form_container .frm_BtnContainer .frm_BtnNext{ position:relative; padding:5px 10px; height:30px; float:right; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; text-shadow:0 0 0 #000; color:#fff; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; background:#ff6600; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; }
#form_container .frm_BtnContainer .btn:hover .frm_BtnNext,#form_container .frm_BtnContainer .frm_BtnNext:hover{ color:#000; background:#ff6600; }
#form_container .frm_BtnContainer .frm_BtnSubmit,#gmaps_getdirections, #btn_location_search, .route_button, .retoursubmit, #printBtn, #printBtnRMA{ position:relative; padding:5px 10px; height:30px; float:right; text-shadow:0 0 0 #000; color:#fff; text-decoration:none; text-transform:uppercase; border:0; cursor:pointer; background:#ff6600; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; }
.map_form .button{ margin:5px 0; }
#form_container .frm_BtnContainer .btn:hover .frm_BtnSubmit,#form_container .frm_BtnContainer .frm_BtnSubmit:hover, #btn_location_search:hover, .route_button:hover #gmaps_getdirections:hover{ color:#000; background:#ff6600; }
#form_container .frm_BtnContainer .frm_BtnCheck{ position:relative; padding:5px 10px; height:30px; float:right; font-family:arial; text-shadow:0 0 0 #000; color:#fff; text-transform:uppercase; text-decoration:none; border:0; cursor:pointer; background:#ff6600; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; }
#form_container .btnwrap,#main .directions .btnwrap{ background:#ff6600; color:#fff; display:block; font-size:16px; height:40px; line-height:36px; vertical-align:top; }
#main .directions .btnwrap{ margin-top:10px; width:167px; float:none; }
#form_container .btnwrap i,#main .directions .btnwrap i{ background:#e0e0e0; height:40px; line-height:38px; margin-left:0; text-align:center; vertical-align:top; width:40px; float:right; }
#form_container .frm_FileUpload .frm_Field input{ padding:1px 3px; margin:0; width:272px; height:28px; font:13px/21px arial,verdana,sans-serif; color:#444; border:0 solid #e0e0e0; box-sizing:border-box; }

#form_container input { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; }
#form_container input:focus, textarea:focus, #form_container input:focus, #form_container select:focus, #gmaps_start:focus, #iMaps-endpoint:focus, .retourSelect:focus {
    border-color: #ff6600!important;
    -moz-box-shadow:inset 0px 0px 6px #ff6600;
    -webkit-box-shadow:inset 0px 0px 6px #ff6600;
    box-shadow:inset 0px 0px 6px #ff6600;
    outline: none;
}

.warning { color: #FF1616;}

/*----------------------------------------------------------------------- ACCOUNT & WINKELWAGEN -*/

.shoppingCart { margin: 80px 0 0 0px; overflow: hidden;}
.shoppingCart .column{ float:left; width: 100%;}
.shoppingCart .column-list { width: 100%; margin: 10px 0; float: left;}
.shoppingCart .head { float: left; width: 100%; border-bottom: 1px solid #ff6600; font-weight: bold;}
.shoppingCart .titleBar{clear: both;}
.shoppingCart input[type="text"], .text { height: 28px; padding: 1px 3px; font: 13px/21px arial,verdana,sans-serif; color: #444; border: 1px solid #e0e0e0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.shoppingCart input[type="text"]:focus, .text:focus { border-color: #ff6600!important; -moz-box-shadow: inset 0px 0px 6px #ff6600; -webkit-box-shadow: inset 0px 0px 6px #ff6600; box-shadow: inset 0px 0px 6px #ff6600; outline: none;}
.shoppingCart .product_count { max-width:30px; padding:0 10px;}
.shoppingCart .shoppingCartCoupon { width: auto; padding: 0 10px;  margin: -4px 0 0 0;}
.shoppingCart .back_btn { margin: 20px 0 0 0; display: block;}
.shoppingCart #couponCode { margin: 0 15px 8px 0; display: block;}
.shoppingCart .payment_cart{ margin: 20px 0 0 0; float: right;}

.shoppingCart .width_5 { width: 5%;}
.shoppingCart .width_10 { width: 10%;}
.shoppingCart .width_15 { width: 15%;}
.shoppingCart .width_20 { width: 20%;}
.shoppingCart .width_25 { width: 25%;}
.shoppingCart .width_30 { width: 30%;}
.shoppingCart .width_40 { width: 40%;}
.shoppingCart .width_50 { width: 50%;}
.shoppingCart .width_60 { width: 60%;}
.shoppingCart .width_75 { width: 75%;}
.shoppingCart .width_80 { width: 80%;}
.shoppingCart .width_100 { width: 100%;}

.shoppingCart .show767{ display:none;}

.shoppingCart .submit { position: relative; padding: 5px 10px; float: right; font: 14px/22px 'colossalisMedium', arial, verdana, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase; border: 0; cursor: pointer; background: #ff6600; text-shadow: 0 0 0 #000; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
.shoppingCart .checkout .submit { width:141px;}
.checkout.submit { width:141px;}
.shoppingCart .submit:hover { color: #000; background: #ff6600;}
.shoppingCart .submit.gray { background: #7B7B7B; width: 100%; margin: 0 10px 0 0; text-align: center; box-sizing: border-box;}
.shoppingCart .submit.gray:hover { color: #333;}
.shoppingCart .emptyCart, .shoppingCart .updateCart { float:left; max-width:141px;}
.shoppingCart .productOptions { font-size: 11px; display: block; line-height: 13px;}

.shoppingCart .accountforms { width: 50%; float: left;}
.shoppingCart .forgotPassword.submit.gray { max-width: 200px!important;}
.shoppingCart .accountforms .submit { min-width: 82px; float:left; margin:0 10px 0 0;}
.shoppingCart .accountforms .submit.sendbtn { max-width: 100px; text-align: center;}
.shoppingCart .accountforms input[type="text"], .accountforms .text { width: 100%; max-width: 270px; padding: 0 10px;}
.shoppingCart .quickOrder { float: left; width: 100%;}
.shoppingCart .form .description { margin: 5px 0 0 0;}
.order_detail_download:hover { color:#ff6600;}
.order_detail_download img { float: left; margin: 3px 0 0 0;}

.continueShopping { max-width: 292px; float: left !important; margin-top: 20px !important; }

.shoppingCartSidebar { margin:80px 0 0 0;}
.shoppingCartSidebar { margin: 80px 20px 0 20px;}
#stepview ol {margin: 0;}
#stepview li {list-style-position: inside; font-size: 12px;}
#stepview li.current a,
#stepview li.current,
#stepview li a:hover,
#stepview li.current li a:hover { color: #ff6600;}
#stepCounter{ display:none;}
#stepview li.current li a,
#stepview li.current li,
#stepview li a:hover li a {color:#000;}
.steps { font: 21px 'colossalisMedium', arial, verdana, sans-serif; color: #ff6600;}

.orderProcesFormWrap { width: 100%; float: left;}
.shoppingCart .orderProcesForm .text { width: 100%; padding: 0 10px; box-sizing: border-box;}
.formSelectbox { width: 100%; height: 30px; border: 1px solid #e0e0e0; box-sizing: border-box;}
.formSelectbox:focus { border-color: #ff6600!important; -moz-box-shadow:inset 0px 0px 6px #ff6600; -webkit-box-shadow:inset 0px 0px 6px #ff6600; box-shadow:inset 0px 0px 6px #ff6600; outline: none;}
.shoppingCart .radio { margin: 5px 0; display: block;}
#product_remarks { width: 100%; height: 140px; padding:1px 3px; margin: 0 0 20px 0; border: 1px solid #e0e0e0; color: #444; box-sizing: border-box;}
.order-reference { max-width: 272px; width: 100%;}

.adresRows { width: 33%; float: left; margin: 0 0 20px 0;}
.orderRows { width: 50%;}
.accountMenu { margin:0;}
.accountMenu li { list-style: none;}
.accountMenu li li { margin: 7px 0 0 15px; list-style: initial;}

.condition_checkbox{ float: left; margin: 5px 0 0 0;}
.condition_checkbox_label{ max-width: 331px; float: left; margin: 0 0 0 10px; display: block;}

#invoices { margin: 10px 0 0 0; float: left;}
#invoices li a:hover { color: #ff6600;}
.invoices-loader{ margin:20px 0 0 20px; width: 30px; height: 30px;}


.retourSelect{ width: 100%; max-width: 70px; height: 28px; padding: 1px 3px; margin: 0px; font: 13px/21px arial,verdana,sans-serif; color: #444; border: 1px solid #E0E0E0;}
#printBtn, #printBtnRMA { height:23px;}

/* ------------------------------------------------------------------------- Account -> B2b downloads */
.Download_fileSize { display: block; font-size: 10px;}

/* ------------------------------------------------------------------------- Autocomplete */

.autocomplete{ position: relative;}
.autocompleteResponse { position: absolute; top: 0; left: 0; width: 100%; max-height: 500px; overflow-y: auto; margin: 0!important; z-index: 999999; background: #333;}
.autocompleteResponse li { padding: 10px 10px; float: none!important; list-style: none;}
.autocompleteResponse li:hover, .autocompleteResponse li:hover a { background: #ff6600; color:#000}
.autocompleteResponse li,
.autocompleteResponse li a { color: #a9a9a9; display: block; cursor:pointer;}
.autocomplete_loader { display:none;}

/* ------------------------------------------------------------------------- Progressbar */

.progressbar_wrapper { position: relative; width: 100%; height: 40px; border-radius: 15px; overflow: hidden;} /**-320-*/
.progressbar_wrapper_inner { max-width: 100%; height: 34px; border: 3px solid #ff6600; border-radius: 15px;} /**-314-*/
.progressbar_inner { position: absolute; top: 0; left: 0; height: 40px; background: #ff6600;}
.progressbar_marker_wrapper { position: relative; width: 100%; margin: 130px 0 80px; border-left:35px solid transparent; border-right: 35px solid transparent; box-sizing: border-box;} /**-320-*/
.progressbar_marker { position: absolute; z-index: 5; margin-left: -2px;}
.progressbar_marker .marker_txt { width: 80px; margin-left: -40px; padding: 0 0 10px 0; text-align: center; font-size: 11px; line-height: 17px; font-weight: bold; text-transform: uppercase; background: #fff;}
.progressbar_marker .marker_txt span { display: block; font-size: 15px;}
.progressbar_marker.marker_0 { top: -65px; height: 90px; border-left: 2px solid #ff6600; margin-left:0px;}
.progressbar_marker.marker_1 { top: -120px; height: 166px; border-left: 2px solid #ff6600; z-index: 4;}
.progressbar_marker.marker_2 { top: -65px; height: 111px; border-left: 2px solid #0EAF0B;}
.progressbar_marker.marker_3 { top: -6px; height: 111px; border-left: 2px solid #DC1783;}
.progressbar_marker.marker_3 .marker_txt { position: absolute; bottom: 0; padding: 10px 0 0 0;}
.progressbar_marker.marker_0 span { color: #ff6600;}
.progressbar_marker.marker_1 span { color: #ff6600;}
.progressbar_marker.marker_2 span { color: #0EAF0B;}
.progressbar_marker.marker_3 span { color: #DC1783;}

#pane_wrapper .pane { display: none;}
#pane_wrapper .pane.current { display: block;}

#tabs { margin-bottom: 30px; margin-top: 20px; float: left; border-bottom: 1px solid #464646;}
.tab { width: 135px; height: 40px; margin-right: 5px; line-height: 40px; text-align: center; background: #6D6D6D; float: left; color: #fff; border-radius: 8px 8px 0 0; cursor:pointer;}
.tab.current, .tab:hover { background: #ff6600;}

.table_afzet { width: 100%; text-align: left; margin-bottom: 30px;}
.table_afzet tr { border-bottom: 1px solid #000;}
.table_afzet td { padding:5px 0;}

/* ------------------------------------------------------------------------- Inventory Status Overview */

.optionSetWrapper { width: 40px; margin-top: 10px; margin-right: 10px; background: #eee; text-align: center;}
.inventoryName { margin-right: 10px;}
.inventoryLink:hover { color: #ff6600;}
.inventorySearch { width: 300px;}
.inventorySearch .inventorySearchInput { width: 293px; height: 25px!important;}
.inventorySearch .search_submit{ background: #D6D6D6 url(/pics/sprite.png) -4px -45px; border-left: 0px solid #6D6D6D; top:1px; height:27px;}
.inventorySearch .search_submit:hover { background: #D6D6D6 url(/pics/sprite.png) -36px -45px;}
.inventorySearch input[type="text"]:focus { border-color: #e0e0e0!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; outline: none!important;}

/* ------------------------------------------------------------------------- Mobile Navigation */

#mobileNavigationWrap { display:none;}
.mm-list { font: normal 14px/20px 'monda', arial, verdana, sans-serif!important; color: #ff6600; }
.mm-list .languages .langIco { margin-left: 21px; padding: 0; display: inline-block;}
.mm-list .currency_switch_mobile span { margin-left: 20px; padding: 10px 0; float: left; line-height: 20px; cursor:pointer;}
#mobileSearchForm { position: relative;}
#mobileSearchForm .icon_search.search_submit { position: absolute; top: 0; right: 0px; width: 40px; height: 40px; border-left: 0px solid #000; background: #838383 url(/pics/sprite.png) 2px -41px; font-size: 0;}
#mobileSearchForm .icon_search.search_submit:hover { background: #838383 url(/pics/sprite.png) -29px -41px;}
.mobileMenuCart a { width: 100%; height: 30px; margin: 10px 0 0 0; padding: 0 10px; font: normal 14px/30px 'monda', arial, verdana, sans-serif!important; color: #fff;  text-transform: uppercase; box-sizing: border-box; display: block; background: #ff6600;}

#menu_toggle { position: relative; width: 40px; height: 30px; float: right; margin-top: 17px; margin-bottom: 17px; display: none; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#menu_toggle span {  display: block;  position: absolute;  height: 5px;  width: 100%;  background: #fff;  border-radius: 5px;  opacity: 1;  left: 0;  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;  -moz-transition: .25s ease-in-out;  -o-transition: .25s ease-in-out;  transition: .25s ease-in-out;}
#menu_toggle.open span {  background: #ff6600;}
#menu_toggle span:nth-child(1) {  top: 0px;}
#menu_toggle span:nth-child(2),#menu_toggle span:nth-child(3) {  top: 11px;}
#menu_toggle span:nth-child(4) { top: 22px;}
#menu_toggle.open span:nth-child(1) {  top: 18px; width: 0%;  left: 50%;}
#menu_toggle.open span:nth-child(2) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
#menu_toggle.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
#menu_toggle.open span:nth-child(4) {  top: 18px;  width: 0%;  left: 50%;}

/* ---------------------------------------------- iSocial E-mail Responsive*/
@media (max-width: 480px) {
    #emailForm {width: 320px !important; height: 520px !important; margin-left:-160px !important; }
    #at3win { width: 320px !important; height: 520px !important;}
    #ate-sharelink { display: none !important;}
    #recaptcha_image { width: 260px !important; margin-left: 0px !important; }
    #ate-send { top: 295px !important; }
    #ate-msg span textarea { height: 80px !important; }
    #ate-send .btn-blue { top: 132px !important;}
    #recaptcha_response_field { width: 252px !important; margin-left: 10px !important; }
    #lengthlimit { top: 255px !important; }
    #at3winfooter { display: none; }
}


@media (min-width: 480px) and (max-width: 767px) {

    #emailForm { width: 600px !important; height: 300px !important; margin-left:-300px !important; margin-top:-150px !important; overflow-x: scroll !important;}
    #at3win { position: absolute !important; width: 600px !important; height: 520px !important;}
    #ate-sharelink { display: none !important;}
    #recaptcha_image { width: 260px !important; margin-left: 0px !important; }
    #ate-send { top: 295px !important; }
    #ate-msg span textarea { height: 80px !important; }
    #ate-send .btn-blue { top: 132px !important;}
    #recaptcha_response_field { width: 252px !important; margin-left: 10px !important; }
    #lengthlimit { top: 255px !important; }
    #at3winfooter { display: none; }
}

/* ---------------------------------------------- Responsive*/

/* Large desktop */
@media (min-width: 1800px) {
    .section-tiles .tile.tile-small .tile-title { font-size: 40px; }
}

@media (min-width: 1200px) {
    #header, #headerStick{ height:70px;}
    .home #header, .home #headerStick{ height:95px;}
    #header .logo img { width: 125px; top: 29px; left: 15px;}
    .home #header .logo img { top: 0; left: 0px; width:auto;}

    #nav li .navTitle { font: 18px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    #nav .subnav li { height: 85px; width: 105px;}
    #nav .subnav li a { font: 16px/16px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase;}

    #header .headerSubnav a { font: 10px 'monda', arial, verdana, sans-serif;}

    .bannerWrapper .bannerImage { min-height: 180px;}
    .bannerWrapper .bottomGutter{ margin-bottom:30px;}

    .faqTxt { width: 690px;}

    .flexible-note {
        width: 25%;
        padding-bottom: 0px;
        padding-top: 10px;
    }
    .flexible-note-image {
        width: 75%;
    }

    #slideshow .cycle-slideshow .slide img { height: 560px;}
    #slideshow .slideTxtTitle { display:block; font: bold 50px 'colossalis', arial, verdana, sans-serif; color:#ff6600;}
    #slideshow .slideTxt { font: normal 40px 'colossalis', arial, verdana, sans-serif; color:#fff;}

    .btn.h40 .btnTxt { font: 18px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn .btnArrow { width: 14px; height: 45px; margin-right:15px; float: right; display: block; background: url(/pics/sprite.png) -10px -76px;}

    .shopCategoryImg { margin: 0 0 0 -30px; min-width: 900px;}
    #stepview li { font-size: 13px;}

    #footer .questions { width:100%; height:58px; max-width: 175px; float: right; font: 16px 'colossalisMedium', arial, verdana, sans-serif;}
    .paymentLogos { margin-right: 50px;}

    .section-full-width .full-width-image-container .full-width-image-title { font-size: 60px; }
    .section-full-width .full-width-image-container .full-width-image-text { font-size: 24px; line-height: 34px; }
    .section-full-width .full-width-image-container .btn.btn-outline { padding: 16px 40px; font-size: 16px; }

    .section-tiles .tile.tile-large,
    .section-tiles .tile.tile-small { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .section-tiles .tile.tile-large .tile-title { font-size: 60px; }
    .section-tiles .tile.tile-large .tile-text { font-size: 24px; line-height: 34px; }
    .section-tiles .tile.tile-large .btn.btn-outline { padding: 16px 40px; font-size: 16px; }
    .section-tiles .tile.tile-small .tile-title { font-size: 30px; }
    .section-tiles .tile.tile-small .tile-text { font-size: 16px; line-height: 26px; }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .section-full-width .full-width-image-container .full-width-image-title { font-size: 40px; }
    .section-full-width .full-width-image-container .full-width-image-text { font-size: 20px; line-height: 30px; }

    .section-tiles .tile.tile-large .tile-title { font-size: 30px; }
    .section-tiles .tile.tile-large .tile-text { font-size: 18px; line-height: 28px; }
    .section-tiles .tile.tile-small .tile-title { margin-bottom: 10px; }
    .section-tiles .tile.tile-small .tile-text { margin-bottom: 0; line-height: 1; }
    .section-tiles .tile.tile-small .btn { display: none; }
}

@media (min-width: 768px) {
    .section-tiles .tiles-small-container,
    .section-tiles .tile.tile-large,
    .section-tiles .tile.tile-small { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

    .footer-update .divider { margin: 0 30px; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header, #headerStick{ height:50px;}
    .home #header, #headerStick { height: 75px; }
    #header .logo img { top: 7px; left: 15px; max-width: 100%;}
    .home #header .logo img { top: 7px; left: 0px; width:auto; max-width: 100%;}

    .searchBarTop { position: absolute; top: 34px; right: 180px; width: 250px;}
    .stick .searchBarTop { top: 18px; }

    #header .headerContact { margin: 44px 0 0 0;}
    #header.stick .headerContact { margin: 36px 0 0 0;}
    #slideshow .cycle-slideshow .slide img { height:auto;}
    #slideshow .slideTxtTitle { font: bold 35px 'colossalis', arial, verdana, sans-serif;}
    #slideshow .slideTxt { font: normal 25px 'colossalis', arial, verdana, sans-serif;}

    .bannerWrapper .bannerContent { padding: 15px 20px 40px;}
    .bannerWrapper .bannerImage { min-height: 136px;}
    .bannerWrapper .bottomGutter{ margin-bottom:20px;}

    .faqTxt { width: 386px;}

    .pageHeader h1 { font: bold 30px/10px 'colossalis', arial, verdana, sans-serif; color:#fff; text-transform: uppercase; }
    .pageHeader h2 { font: normal 30px 'colossalis', arial, verdana, sans-serif; text-transform: uppercase; }

    .peopleBlock, .peopleBlock.last { width: 48%; float: left; margin: 0 4% 6% 0;}
    .peopleBlock:nth-child(even) { margin: 0 0% 6% 0;}

    .shopCategoryImg { min-width: 558px; margin: 0 0 0 -20px; }

    #productoverview .productWrap .btnTxt { font: 13px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn.h40 .btnTxt { font: 13px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn .btnArrow { background: url(/pics/sprite.png) -40px -76px;}

    .pagination_buttons { position: absolute; top: 50px!important;}

    .atributeGroupTitle { padding: 0 0 0 15px; font: 14px/30px 'colossalisMedium', arial, verdana, sans-serif;}
    .toggleIcon { background: url(/pics/sprite.png) -13px -538px;}

    .productImgSlideWrap img { width: 80%; padding: 0 10%;}

    .flexible-note {width: 100%;}
    .flexible-note-image { width: 100%;}

    #footer .credits, #footer .credits a { margin: 60px 0 0 0;}

    #form_container{ max-width:100%; max-width:100%; }
    #form_container .frm_TextBlock{ width:100%; width:100%; }
    #form_container .frm_Field{ width:100%; width:100%; }
    #form_container .frm_Field .frm_RadioContainer{ width:100%; width:100%; }
    #form_container .frm_Field .frm_RadioContainer .frm_RadioLabel{ width:90%; width:90%; }
    #form_container .frm_MultipleChoice .frm_Field select{ width:100%; width:100%; }
    #form_container .frm_TextBlock,#form_container .frm_Numeric,#form_container .frm_MultipleChoice,#form_container .frm_PhoneNumber,#form_container .frm_Calendar,#form_container .frm_TextBox,#form_container .frm_Email,#form_container .frm_TextArea,#form_container .frm_FileUpload{ width:100%; width:100%; }
    #form_container .frm_Label{ margin:5px 0 2px; width:100%; float:left; margin:5px 0 2px; width:100%; float:left; }
    #form_container .frm_TextArea .frm_Field textarea{ width:100%; box-sizing:border-box; }
    #form_container .frm_FormTail,#form_container .frm_PageBreak{ max-width:100%; }
    #form_container .frm_TextBox .frm_Field input,#form_container .frm_Numeric .frm_Field input,#form_container .frm_PhoneNumber .frm_Field input,#form_container .frm_Email .frm_Field input,#form_container .frm_Calendar .frm_Field input,#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ width:100%; box-sizing:border-box; }

    #footer .footerTitleBar { font: normal 19px/80px 'colossalis', arial, verdana, sans-serif;}
    #footer .questions { max-width: 100%; float: right;}
    .paymentLogos { width: 100%; max-width: 166px;}

    .hide980 {display: none;}
    .show980 {display: block;}
    .shoppingCart .add980 { width: 17%!important;}
    .shoppingCart .add980Plus { width: 27%;}
    .shoppingCart .productOptions { font-size: 9px;}
    .shoppingCart .accountforms input[type="text"], .accountforms .text { max-width: 215px; padding: 0 10px;}
    #stepview ol, .steps, .shoppingCartSidebar .titleBar { display: none;}
    #stepCounter { margin: 5px 0 0 0; float: left; display: block; font-weight: bold; font-size: 14px;}

    .shoppingCart .accountforms .submit, .quickOrder .submit { width: 236px; padding: 5px 0; text-align: center; }
    .shoppingCart .forgotPassword.submit.gray { max-width: 236px!important; margin: 0 0 10px 0;}
    .accountMenu li { font-size: 12px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body{ padding-right: 0; padding-left: 0; }
    #header, #headerStick{ height:45px;}
    .home #header, #headerStick { height: 70px; }

    .searchBarTop { position: absolute; top: 34px; right: 180px; width: 250px;}
    .stick .searchBarTop { top: 18px; }
    #header, #content, .content{ padding-right: 20px; padding-left: 20px; }

    #header .logo img { top: 7px; left: 15px; max-width: 93px;}
    .home #header .logo img { top: 7px; left: 0px; width:auto; max-width: 93px;}

    #slideshow { padding: 0; background: #000; overflow: hidden;}
    #slideshow .cycle-slideshow .slide img { height:auto; }
    #slideshow .slideTxtWrap { bottom: 20px; padding: 0 20px; box-sizing: border-box;}
    #slideshow .slideTxtContent { margin-top: 0; bottom: 0; position: absolute;}
    #slideshow .slideTxtTitle { display: block; font: bold 26px 'colossalis', arial, verdana, sans-serif;}
    #slideshow .slideTxt { font: normal 21px 'colossalis', arial, verdana, sans-serif;}
    .mainSliderOverlay{ display:none;}

    .btn { height: 40px;}
    .btn .btnIcon { line-height: 40px; }
    .btn .btnTxt { font: 13px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn .btnArrow { background: url(/pics/sprite.png) -40px -77px;}

    #productoverview .productWrap .btnTxt { font: 13px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn.h40 .btnTxt { font: 13px/40px 'colossalisMedium', arial, verdana, sans-serif;}
    .btn .btnArrow { background: url(/pics/sprite.png) -40px -76px;}

    .pagination_buttons { position: absolute; top: 50px!important;}

    #compareProducts { width: 100%; padding: 0 20px; box-sizing: border-box;}
    #compareProducts .btnArrow { display:block;}

    .line.fullWidth { margin: 20px 0px 0 0;}
    .line.fullWidth:after { top: -19px; width: 100%; background-image: none; background-position: none; border-bottom: 1px solid #ff6600;}

    .slickPager { position: absolute; top:23px; right:0px;}
    .slickPager .slick-prev{ width: 24px; height: 24px; margin: 0 10px 0 0; background: url(/pics/sprite.png) -55px -274px;}
    .slickPager .slick-next{ width:24px; height:24px; background: url(/pics/sprite.png) -6px -274px;}
    .slick .productWrap { display: block; margin:0 4%;}

    .bannerWrapper .bannerContent { padding: 15px 20px 40px;}
    .bannerWrapper .bannerImage { min-height: 121px;}
    .bannerWrapper .bannerBlocks { margin-bottom: 8%;}
    .bannerWrapper .bottomGutter{ margin-bottom:0px;}

    .faqIcon, .faqAnswerIcon { display:none; }
    .faqTxt { width: 89%;}
    .faqArrowWrap { width: 11%; float: right;}
    .faqQuestion { font: bold 16px/22px 'monda',arial, verdana, sans-serif;}
    .faqAnswerTxt { padding: 0 0 15px 0; }

    .pageHeader { bottom: 10px; left: 35px;}
    .pageHeader h1 { font: bold 20px/0px 'colossalis', arial, verdana, sans-serif;}
    .pageHeader h2 { font: normal 20px 'colossalis', arial, verdana, sans-serif;}

    .contentImage{ width: auto; margin: 20px auto; display: block;}

    .peopleBlock, .peopleBlock.last { width: 48%; float: left; margin: 0 4% 6% 0;}
    .peopleBlock:nth-child(even) { margin: 0 0% 6% 0;}

    .flexible-span-overwrite { width: 32%; float: left;}
    .flexible-span-overwrite:nth-child(even) { margin-right: 2%; margin-left: 2%;}
    .flexible-note {width: 100%;}
    .flexible-note-image { width: 100%;}
    .flexible-note-image img { width: 100%;}
    .flexible-side-note{ width: 48%; margin-top: 20px; margin-bottom:0!important; float:left;}
    .flexible-side-note:nth-child(odd) { margin-right: 4%;}


    #form_container{ max-width:100%; max-width:100%; }
    #form_container .frm_TextBlock{ width:100%; width:100%; }
    #form_container .frm_Field{ width:100%; width:100%; }
    #form_container .frm_Field .frm_RadioContainer{ width:100%; width:100%; }
    #form_container .frm_Field .frm_RadioContainer .frm_RadioLabel{ width:90%; width:90%; }
    #form_container .frm_MultipleChoice .frm_Field select{ width:100%; width:100%; }
    #form_container .frm_TextBlock,#form_container .frm_Numeric,#form_container .frm_MultipleChoice,#form_container .frm_PhoneNumber,#form_container .frm_Calendar,#form_container .frm_TextBox,#form_container .frm_Email,#form_container .frm_TextArea,#form_container .frm_FileUpload{ width:100%; width:100%; }
    #form_container .frm_Label{ margin:5px 0 2px; width:100%; float:left; margin:5px 0 2px; width:100%; float:left; }
    #form_container .frm_TextArea .frm_Field textarea{ width:100%; box-sizing:border-box; }
    #form_container .frm_FormTail,#form_container .frm_PageBreak{ max-width:100%; }
    #form_container .frm_TextBox .frm_Field input,#form_container .frm_Numeric .frm_Field input,#form_container .frm_PhoneNumber .frm_Field input,#form_container .frm_Email .frm_Field input,#form_container .frm_Calendar .frm_Field input,#form_container .frm_MultipleChoice .frm_Field input.frm_RadioInput,#form_container .frm_MultipleChoice .frm_Field input.frm_CheckInput{ width:100%; box-sizing:border-box; width:100%; box-sizing:border-box; width:100%; }

    #footer { padding-left:20px; padding-right:20px; box-sizing: border-box;}
    #footer .footerTitleBarWrap { height: 100%; padding: 0 0 20px 0; float:none;}
    #footer .footerTitleBar { height: 40px; margin:20px 0 0 0; font: normal 26px/35px 'colossalis', arial, verdana, sans-serif; float:none; }
    #footer .footerBtn { margin:0px; float:none;}
    #footer .MadebyWrap { margin-top: 20px;}
    #footer .payOff, #footer .credits, #footer .credits a { position: relative;}
    #footer .credits, #footer .credits a { margin: 30px 0 30px 0;}
    #footer .questions { height: 60px; max-width: 100%; float: right; font: 18px 'colossalisMedium', arial, verdana, sans-serif;}
    #footer .questionsTxtBlack { padding: 18px 10px 0 10px;}
    #footer .socialIcons { margin: 15px 0 0 0; float: none;}
    #footer .txtOrange { color: #ff6600; display: block;}
    #footer .footerTitleBar { height: auto; margin: 20px 0 5px 0;}
    .paymentLogos { float: left!important; margin: 0 0 25px 0;}

    .categoryImgWrap { position: absolute; top: 85px; left: 0; width: 100%; overflow: hidden;}
    .shopCategoryImg { width: 100%; height: 150px; margin: 0; z-index: 5;}
    #productoverview .productWrap{ width:48%; float:left;}
    #productoverview .productWrap:nth-child(odd){ margin:0 4% 0 0;}
    #toggleFilterWrap{ height: 40px; padding: 150px 0 0 0; border-bottom: 1px solid #191a1f; line-height: 40px; text-transform: uppercase; display:block;}
    #toggleFilter { padding:0 15px; background:url(/pics/bg_filter.png) top left repeat-x; cursor: pointer; }
    .filterCatName { height: 55px; padding: 0px 15px 0 15px; border-bottom: 1px solid #191a1f; border-top: 1px solid #777980; line-height: 55px;}
    .filterCatName .categoryIcon { margin: 3px 0 0 0;}
    .filterIcon { background: url(/pics/sprite.png) -505px -441px no-repeat; width: 40px; height: 40px; float: right;}
    .vat_note { padding: 0 20px;}

    .productDetail .filterWrap{ margin: 57% 0 0 0; }
    .productDetail #slideshow.productSlideshow { position: absolute!important; top: 85px; left: 0%; height: 345px; width: 100%; background: none;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap { height: 345px;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap img { max-height: 345px; width: 100%; max-width: 80%; padding: 0 10%;}
    .productDetail #slideshow.productSlideshow .slide { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    .productDetail .slideshowShadow { position: absolute; left: 0; top: 0;  margin-top: 85%;}
    .productDetail .productDetailBackLink { display: none;}
    .productDetail .mobileSlideshow {position:relative; width: 100%; margin: 25% 0 30px 0; padding: 0 15px; float: left; display: block; box-sizing: border-box;}
    .productDetail .mobileProductDetailBackLink { height: 40px; width: 100%; padding: 0 14px; display:block; background: #96979b url(/pics/bg_btn_gray.png) repeat-x top left; border-radius: 5px; behavior: url(/PIE.htc); font: 14px/40px 'colossalisMedium', arial, verdana, sans-serif; text-transform: uppercase; text-align: left; color: #fff!important; box-sizing:border-box; }
    .productDetail .mobileProductDetailBackLink .productDetailBackLinkBG { margin: 5px 10px 0 0;}

    .productDetail .slideshowShadow { display:none;}
    .productDetail .mobileSlideshow .slideshowShadow { position: absolute; top:-50px; left:0; margin: 0!important; display:block;}
    .productDetail .td_name { padding: 0 15px 0 0; box-sizing: border-box;}
    .productDetail .productNavigatie { width: 100%;}
    .productDetail .productNavigatie li { display: block; width: 100%;}

    .option_tooltip_wrapper_txt { right: 35px; left: inherit;}
    .option_tooltip_wrapper_txt:before { right: -23px; left:inherit; border-width: 15px 0 15px 30px; border-color: transparent transparent transparent #000;}

    .shoppingCart { margin: 15px 0 0 0px;}
    .hide980, .hide767 {display: none;}
    .show980 {display: block;}
    .shoppingCart .show767{ display:block;}
    .shoppingCart .add980 { width: 17%!important;}
    .shoppingCart .add980Plus { width: 27%;}
    .shoppingCart .productOptions { font-size: 9px;}
    #stepview ol, .steps, .shoppingCartSidebar .titleBar { display: none;}
    #stepCounter { display: block; font-weight: bold; font-size: 14px;}

    .shoppingCart .checkout .submit, .shoppingCart .emptyCart, .shoppingCart .updateCart { width:117px!important;}
    .shoppingCart .continueShopping { max-width: 244px;}
    .shoppingCart .payment_cart { margin: 20px 0 0 0; float: left; clear: both;}

    .shoppingCart .accountforms { width: 100%; float: left;}
    .shoppingCart .accountforms input[type="text"], .accountforms .text { width: 100%; max-width: 100%; box-sizing: border-box;}
    .adresRows { width: 50%;}
}

@media (min-width: 570px) and (max-width: 767px) {
    .productDetail #slideshow.productSlideshow { height: 450px;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap { height: 450px;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap img { max-height: 450px; width: 100%; max-width: 80%; padding: 0 10%;}
}

@media (min-width: 481px) {
    .section-tiles .tile.tile-large .tile-title { font-size: 40px; }
    .section-tiles .tile.tile-large .tile-text { font-size: 20px; line-height: 30px; }
}

/* Bootstrap Overwrite span */
@media (min-width: 481px) and (max-width: 767px) {
    .bannerSpan{ width: 100%; max-width: 48%; float: left;}
    .bannerSpan:nth-child(odd){ margin-right: 4%; }
}


/* Landscape phones and down */
@media (max-width: 480px) {
    #header .logo img { max-width: 93px;}
    .bannerWrapper .bannerContent { display: none;}
    .bannerWrapper .imageOverlayLeft { background-color: #fff;}
    .bannerWrapper .imageOverlayLeft:after { border-bottom: 20px #fff solid;}
    .news .bannerWrapper .bannerContent { display: block;}
    .news .bannerWrapper .imageOverlayLeft { background: #f0f0f0;}
    .news .bannerWrapper .imageOverlayLeft:after { border-bottom: 20px #f0f0f0 solid;}
    .news .bannerWrapper .bannerContent { min-height: 100%;}

    .contentImage{ width: 100%;}

    .peopleBlock, .peopleBlock.last { width: 100%; float: left; margin: 0 0% 6% 0;}
    .peopleBlock:nth-child(even) { margin: 0 0% 6% 0;}

    .adp-stepicon { display: none;}

    #content-slideshow #prev-slide, #content-slideshow #next-slide { top:17%;}

    .mainSliderOverlay{ display:none;}

    .pages_pagination a { width: 30px; height: 30px; font: 16px/30px 'colossalisMedium', arial, verdana, sans-serif;}
    .pagination_buttons a { width: 110px;}

    .inventorySearch { width: 283px;}
    .inventorySearch .inventorySearchInput { width: 275px;}

    #footer .footerTitleBar { height: 76px;}
    #footer .footerTitleBar .txtOrange, #footer .footerBtn { float:none; display: block;}
    #footer .questions { max-width: 100%; float: right;}

    .option_tooltip_wrapper_txt { width: 228px;}

    .flexible-span-overwrite { width: 100%; float: none;}
    .flexible-side-note{ width: 100%; margin-bottom:0; margin-top: 20px; float:none;}
    .flexible-side-note:nth-child(odd) { margin-right: 0;}
    .flexible-span-overwrite:nth-child(even) { margin-right: 0%; margin-left: 0%;}

    .hide480{ display:none;}
    .couponName{ visibility: hidden;}
    .shoppingCart .add980 { width: 22%!important;}
    .shoppingCart .add980Plus { width: 51%;}
    .shoppingCart .cartProductTitle { font-size: 11px; margin: 0 0 0 4px;}
    .shoppingCart .checkout { width: 100%!important; margin: 20px 0 0 0;}
    .shoppingCart .checkout .submit { width:100%!important;}
    .shoppingCart .emptyCart, .shoppingCart .updateCart { float: left; width:100%!important; max-width: 49%;}
    .shoppingCart .emptyCart{ margin:0 2% 0 0!important;}
    .shoppingCart .updateCart { margin:0!important;}
    .shoppingCart .continueShopping { max-width: 100%;}
    .shoppingCart .cartActions { width: 100%!important;}
    .shoppingCart .forgotPassword.submit.gray { max-width: 100%!important;  margin: 0 0 10px 0;}
    .shoppingCart .accountforms .submit, .quickOrder .submit { width: 100%; padding: 5px 0; text-align: center; }
    .adresRows, .orderRows { width: 100%;}

    .section-tiles .tile.tile-small { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (max-width: 440px) {
    .productDetail #slideshow.productSlideshow { height: 260px;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap { height: 260px;}
    .productDetail #slideshow.productSlideshow .productImgSlideWrap img { max-height: 260px; width: 100%; max-width: 80%; padding: 0 10%;}
}

@media (min-width: 1200px) {
    .visible-xl { display: block !important; }
    .hidden-xl { display: none !important; }
}

/* ------------------------------------------------------------------------- Cookiebanner NEW  */
.cookie-banner-wrapper {
    position: fixed;
    top: auto;
    bottom: 1.25rem;
    right: 1.25rem;
    left: auto;
    width: 100%;
    max-width: 26.25rem;
    padding: 1.25rem;
    border: 0;
    background-color: #000;
    box-shadow: -0.125rem 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.3);
    z-index: 99999;
    font: normal 13px/24px 'monda',arial, verdana, sans-serif;
}

@media screen and (max-width: 26.25rem) {
    .cookie-banner-wrapper {
        bottom: 0;
        right: 0;
    }
}

.cookie-banner-content {
    margin-bottom: 1.25rem;
    color: #fff;
}

.cookie-banner-content a {
    color: #FF6600;
    text-decoration: underline;
}

.cookie-banner-content a:focus, .cookie-banner-content a:hover {
    color: #993D00;
    text-decoration: underline;
}

@media screen and (max-height: 40rem) {
    .cookie-banner-content {
        height: 12.5rem;
        overflow-y: scroll;
    }
}

@media print, screen and (min-width: 45em) {
    .cookie-banner-content {
        font-size: 0.875rem;
    }
}

.cookie-banner-actions .button {
    cursor: pointer;
    margin-bottom: 0;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 0;
    height: inherit;
    background: transparent;
    border: 2px solid #ff6600;
    font: 14px 'colossalisMedium', arial, verdana, sans-serif;
    text-transform: uppercase;
    color: #ff6600;
    text-align: center;
    line-height: 1;
}

@media print, screen and (min-width: 45em) {
    .cookie-banner-actions .button {
        font-size: 0.875rem;
    }
}

.cookie-banner-actions .button + button {
    margin-left: 0.625rem;
}

.cookie-banner-actions .btn-cookie-accept {
    border-color: #fff;
    color: #fff;
}

.cookie-banner-actions .btn-cookie-accept:focus, .cookie-banner-actions .btn-cookie-accept:hover {
    background-color: #fff;
    color: #000;
}

.cookie-banner-actions .btn-cookie-decline:focus, .cookie-banner-actions .btn-cookie-decline:hover {
    background-color: #ff6600;
    color: #fff;
}


/* ------------------------------------------------------------------------- Developerbar  */

#developerBar { height: 30px; background: #bfc729; color: #fff; text-align: center; font: 12px/30px arial, verdana, sans-serif;}
#developerBar button { height: 20px; margin-left: 20px; background: #fff; padding: 0 10px; font: 11px/20px arial, verdana, sans-serif;}

/* ------------------------------------------------------------------------- Fibbl - 3D model */
.fibbl-container {position:relative; height: 600px; width: 90%; margin: 10px; padding: 0 !important;}

@media screen and (max-width: 992px) {.fibbl-container { height: 300px !important; }}

.fibbl-layer-content, .fibbl-ready, .fibbl-layer-loading-indicator {background-color: transparent; z-index: 9998;}

.fibbl-ready button {height: 50px; aspect-ratio: 1 /1; border: 1px solid #000; margin-block: 10px;}

.fibbl-qr-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000;}

.fibbl-qr-modal.active {display: block;}

.fibbl-qr-modal .fibbl-qr-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}

.fibbl-qr-modal .fibbl-qr-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 1.25rem; border-radius: 0.625rem; text-align: center; max-width: 90%;}

.fibbl-qr-modal .fibbl-qr-wrapper .fibbl-qr-code-component {width: 25rem; height: 25rem;}

@media screen and (max-width: 576px) {.fibbl-qr-modal .fibbl-qr-content {padding: 0.625rem;}
    .fibbl-qr-modal .fibbl-qr-wrapper .fibbl-qr-code-component {width: 16.25rem; height: 16.25rem;}
    .fibbl-qr-modal .fibbl-qr-wrapper .fibbl-qr-code-component #see-button {border-radius: 3.125rem;}
}