/** HEADER **/
.multishopHeader { background: #72c02c; }
.multishopHeader .logo img { margin: 20px 0; max-height: 140px; }
.multishopHeader .subContent.top { margin: 0 0 20px 0; }
.multishopHeader .subContent.top > div { border-left: 0px solid #e7e7e7; float: right; }
.multishopHeader .subContent.top > div:last-of-type { border: none; }
.multishopHeader .subContent.top span { float: left; }
.multishopHeader .subContent.top i { float: right; border: 1px solid #e7e7e7; border-radius: 4px; padding: 12px; margin-top: -3px; margin-left: 20px; }
.multishopHeader .subContent.top i:hover { color: #222222; background: #e6e6e6 }
.multishopHeader .subContent.top p { float: left; color: #444444; font-size: 12px; font-weight:300; line-height: 22px; margin: 0; }
.multishopHeader .subContent.top img { padding: 4px 47px 7px 0; }
.multishopHeader .subContent.top strong { color: #222222; font-weight:500; }
.multishopHeader .subContent.top a { color: #444444; font-size: 13px; }
.multishopHeader .subContent.extra-info { padding: 25px 0 20px 0; float: right; margin-right: 15px; }
.multishopHeader .subContent.extra-info span { font-size: 10px; line-height: 17px; margin: 0; font-weight: 700; }
.multishopHeader .subContent.extra-info a { color: #333; }
.multishopHeader .subContent.extra-info i { color: white; line-height: 17px; padding-right:4px; margin-left: 15px; }
.multishopHeader .subContent.extra-info img { margin-left: 20px; }
.multishopHeader img.paymentIcons { width: 96px; height: 28px!important; background: url("/css/cow.nl/images/sprites-cow.png") -164px -130px; }
.multishopHeader .headerImages { display: none}
.multishopHeader .customerService { border-radius: 5px; padding: 6px 10px; width: 170px; }
.multishopHeader .customerService h4 { text-align: right; padding: 0; margin: 0; font-size: 14px; font-weight: 600; }
.multishopHeader .customerService p { text-align: right; width: 100%; padding: 0; font-size: 13px; margin-bottom: 0; line-height: 17px; }
.multishopHeader .customerService a { color: #222; }
.multishopHeader .customerService i { float: left; font-size: 13px; line-height: 21px; }
.multishopHeader .customerService strong { font-weight: 500;}
.userIconHeader { width: 22px; height: 21px!important; background: url("/css/cow.nl/images/sprites-cow.png") -276px 1px; }
.multishopHeader .customerPayment img { max-width: 100%; float: right; margin-top: -2px; }
.multishopHeader .subContent.bottom { margin-top: 20px; }
.multishopHeader .subContent.bottom > div { float: right; }
.multishopHeader .subContent.bottom.search { width: 62%; margin-top: 0; padding-left: 20px; background: #72c02c; }
.multishopHeader .headerBar { border-bottom: 0px solid #54a71e; float: left!important; width: 16%; height: 48px; position: absolute; }
.multishopHeader .subContent.bottom .form-control { height: 47px; border: 1px solid #54a71e; border-radius: 5px 0 0 5px; box-shadow: none; font-size: 13px; }
.buttonGroupHeader .btn.btn-default.dropdown-toggle { background: url("/css/cow.nl/images/menuPulldownBg.png"); background-repeat: no-repeat; background-position: top right; width: auto; max-width: 145px; height: 45px; border: 1px solid #54a71e; padding: 5px 45px 5px 15px!important; margin-left: 20px; font-size: 13px; font-weight: 600; color: #444!important; box-shadow: none }
.buttonGroupHeader .btn.btn-default.dropdown-toggle:hover { background: url("/css/cow.nl/images/menuPulldownBg.png") #59af1f!important; background-repeat: no-repeat!important; background-position: top right!important; width: auto; height: 45px; border: 1px solid #54a71e; padding: 5px 45px 5px 15px!important; margin-left: 20px; font-size: 13px; font-weight: 600; color: #444!important; }
.buttonGroupHeader .btn.btn-cart { background: url("/css/cow.nl/images/menuPulldownBg.png"); background-repeat: no-repeat; background-position: top right; width: auto; height: 45px; border: 1px solid #54a71e; padding: 5px 37px 5px 10px!important; margin-left: 20px; overflow: hidden; }
.btn.btn-search { background: #222222; width: auto; height: 47px; border: 1px solid #222222; margin-left: 20px; color: white; font-size: 13px; }
.buttonGroupHeader .btn .ordercount { padding: 0; }
.ordercount.ordercounter .btn { display: none}
.ordercount.ordercounter .btn.hasItems { display: block; padding: 0!important; width: 50px; height: 33px!important; line-height: 25px; background-image: url("/css/cow.nl/images/CartIconFull.svg"); background-repeat: no-repeat; }
.ordercount.ordercounter .btn.hasItems:hover { background: transparent; box-shadow: none; -webkit-box-shadow: none; background-image: url("/css/cow.nl/images/CartIconFull.svg"); background-repeat: no-repeat; }
.ordercount.ordercounter .btn.hasItems .ordercount { color: white; font-weight: 600; }
.hasItemsBlock { float: right; }
.hasItemsBlock.hasContent .btn.btn-cart { border: 1px solid #e45200; background: url("/css/cow.nl/images/buttonBgArrow2.png") #ff5c00; background-repeat: no-repeat; background-position: top right; }
.btn.btn-small.btn-white.buttonRemove { right: -10px; position: relative; top: 4px; }
.buttonGroupHeader ul.dropdown-menu { padding: 20px 15px; }
.buttonGroupHeader .dropdown-menu .strongWeight { color: #333; font-size: 14px; }
.buttonGroupHeader .dropdown-menu .divider { margin: 10px 0}
.buttonGroupHeader .dropdown-menu > li { padding: 0; margin: 0; font-size: 13px; line-height: 20px; }
.buttonGroupHeader .dropdown-menu > li > a { font-weight: 300; line-height: 29px; padding: 0; border: 0; font-size: 15px; }
.buttonGroupHeader .dropdown-menu .userIntro { padding: 0px 0px 10px 0px; font-weight: 700; }
.dropdown-menu.loginForm { width: 300px; padding:20px 20px 15px!important; }
.dropdown-menu.loginForm .fa.fa-sign-out { margin-right: 7px;}
.mobileIcons { display: none;}
.mobilePhone { display: none; }
.noBorder { border:none!important; padding: 0 20px 0 15px!important; }
.websiterating { width: 175px; height:19px!important; background: url("/css/cow.nl/images/sprites-cow.png") 0px 0px; }
.accountImage { width: 23px; height:23px!important; background: url("/css/cow.nl/images/sprites-cow.png") -87px -32px; float: left; margin-right: 10px; }
.cartIcon { width: 26px; height:35px!important; background: url("/css/cow.nl/images/sprites-cow.png") -302px 8px; float: left; position: relative; top: 0; }
.checkIcon { width: 24px; height:24px!important; background: url("/css/cow.nl/images/sprites-cow.png") -188px -26px; position: relative; right: 0; top: 0px; }
#mobileSearchbar { display:none; }
.printInfoList:first-letter { text-transform: capitalize}
/* Colophon */
.multishopHeader .colophon { text-align: right; margin-top: 20px; }
.multishopHeader .colophon p { margin: 0; font-size: 13px; line-height: 23px; color: #222; font-weight: 600; }
.multishopHeader .colophon span { padding: 0 7px; color: #54a71e; }
.multishopHeader .colophon a,
.multishopHeader .colophon a:link,
.multishopHeader .colophon a:visited { color: #222; cursor: pointer; font-weight: 500; }
.multishopHeader .colophon strong { font-weight: 700; }
/* Website rating */
.multishopHeader img.websiteRating { width: 164px; height: 24px!important; background: url("/css/cow.nl/images/sprites-cow.png") 0px 0px; }
/* User buttons */
/* Form */
.headerForm { padding-right: 30px; }
.headerForm .input-group { width: 345px; }
.headerForm .input[type="search"] { width: 100%; }
.headerForm .btn { padding: 10px 13px 9px 13px; border: 1px solid #e8e8e8; background: #fff; border-radius:3px; }
.headerForm .form-control { background: white; border: 1px solid #ece9e3; padding: 9px; box-shadow: none; height: 41px; width: 100%; }
.headerForm .input-group-btn .btn { margin-top: -1px; padding: 10px 13px; }
/* Search */
.searchHeader { margin-bottom: 25px; }
.searchHeader.quickSearch { width: 325px; }
.searchHeader.quickSearch .btn.btn-default { -moz-user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; cursor: pointer; display: inline-block; margin-bottom: 0; padding: 6px 12px; text-align: center; vertical-align: middle; white-space: nowrap; -webkit-user-select: none; }
.searchHeader.quickSearch .form-control { width: 100%; margin-left: -40px; border-radius: 4px 0px 0px 4px!important; }
.searchHeader.quickSearch input { height: 47px; }
.searchHeader.quickSearch input[type="search"] { height: 47px; border-style: solid; border-color: #b2c7db; border-width: 1px 0 1px 1px; box-shadow: none; }
.searchHeader.quickSearch button[type="button1"] { height: 47px; border-style: solid!important; border-color: #cccccc!important; border-width: 1px 0px 1px 0px!important; background: white; border-radius: 0!important; }
.searchHeader.quickSearch button[type="button2"] { height: 47px; border-style: solid!important; border-color: #b2c7db!important; border-width: 1px!important; background: white; border-radius: 0px 3px 3px 0px!important; }
.searchbarTop { display: none; }
/** PULLDOWN MENUS **/
.dropdown-menu.loginForm { width: 300px; padding: 0 30px 30px 30px; margin-top: -2px; }
.dropdown-menu.loginForm legend { margin-top: 30px; margin-bottom: 25px; }
.navbar-fixed-userBar legend { margin-bottom: 15px; padding-bottom: 6px; font-size: 19px; }
/* Login */
.dropdown-menu.loginForm ul { margin-top: 0; }
.dropdown-menu.loginForm li { margin-left: 0; }
.dropdown-menu.loginForm li a { border: 0; padding: 0; color: #222222; line-height: 30px; font-weight: 400; font-size: 14px; }
.dropdown-menu.loginForm li a:hover { text-decoration: underline; background: none; }
.dropdown-menu.loginForm li .strongWeight { font-size: 15px; line-height: 30px; }
.dropdown-menu.loginForm .userIntro { padding-top: 15px; margin-bottom: 10px; display: none }
.dropdown-menu.loginForm .btn { width: 100%; background-color: #ff7600!important; }
.dropdown-menu.loginForm .input-group { margin-bottom: 10px; }
.dropdown-menu.loginForm .input-group .input-group-addon { background: white; }
.dropdown-menu.loginForm p { padding: 0; margin: 20px 0 0 0; }
.dropdown-menu.loginForm p a,
.dropdown-menu.loginForm p a:link,
.dropdown-menu.loginForm p a:visited { color: #1d5994; font-weight: bold }
/* Contact options */
.dropdown-menu.contactForm { min-width: 315px; padding: 30px 30px 15px 30px; }
.dropdown-menu.contactForm .socialBox { float: left; width: 100%; margin-top: 25px; }
.dropdown-menu.contactForm .socialBox .socialItem { margin-bottom: 18px; font-size: 13px; line-height: 20px; font-weight: 300; color: #555; float: left; }
.dropdown-menu.contactForm .socialBox .socialItem .title { color: #555; font-size: 16px; font-weight: 600; }
.dropdown-menu.contactForm .socialBox .socialItem .btn { width: 100%; margin-top: 20px; text-decoration: none!important; }
.dropdown-menu.contactForm .socialBox .socialItem a:link,
.dropdown-menu.contactForm .socialBox .socialItem a:visited { text-decoration: underline; }
.dropdown-menu.contactForm .socialBox .socialItem a:hover { text-decoration: none; }
.dropdown-menu.contactForm .socialBox .socialItem span { width: 100%; float: left; margin: 0; }
.dropdown-menu.contactForm .socialBox .socialItem.left { float: left; max-width: 20%; margin: 0 17px 0 0; }
.dropdown-menu.contactForm .socialBox .socialItem.left i { font-size: 26px; line-height: 35px; color: #555; width: 70%; text-align: center; }
.dropdown-menu.contactForm .socialBox .socialItem.right { float: left; width: 80%; margin: 0; }
.dropdown-menu.contactForm .socialBox .socialItem.email a { text-transform: lowercase; }
.dropdown-menu.contactForm .socialBox .phoneActive { width: 9px; height: 9px; border-radius: 9px; background: #95c11f; float: left; margin-right: 5px; margin-top: 6px; }
.dropdown-menu.contactForm .socialBox .smallNote { font-size: 13px; font-weight: 300; text-align: center; width: 100%; float: left; margin: 0 0 0 0; padding: 0; line-height: 19px; }
.dropdown-menu.contactForm .socialBox hr { float: left; width: 100%; margin:20px 0 10px 0; }
/* Callback */
.dropdown-menu.contactForm form p { margin: 0 0 15px 0; padding: 0; font-size: 13px; line-height: 20px; }
.dropdown-menu.contactForm form .btn { width: 100%; margin-top: 10px; margin-bottom: 10px; /* padding: 5px; */ }
.dropdown-menu.contactForm form .btn:hover { background: #ff7b00; }
.dropdown-menu.contactForm form .input-group { margin-bottom: 10px; }
.dropdown-menu.contactForm form .input-group.error { margin-bottom: 10px; }
.dropdown-menu.contactForm form .input-group-addon { background: white; }
.dropdown-menu.contactForm form .input-group i { font-size: 15px; color: #555; }
.dropdown-menu.contactForm form .input-group.error i { color: red; }
.dropdown-menu.contactForm form input[type="text"] { font-weight: 300; box-shadow: none; }
.dropdown-menu.contactForm .btn-back { position: absolute; right: 28px; top: 23px; border: 1px solid #e5e5e5; padding: 4px 11px; font-size: 12px; font-weight: 300; color: #555; }
.dropdown-menu.contactForm .btn-back i { font-size: 11px; line-height: 11px; padding-right: 4px; }
/* Cartitems */
.dropdown-menu.cartView { padding: 0 20px 30px 20px; margin-top: -2px; border-radius: 6px 0 6px 6px; border: 0; }
.dropdown-menu.cartView legend { margin-top: 30px; border: 0; margin-bottom: 20px; }
#recentlyAdd .dropdown-menu.cartView .btn { width: 100%; }
#recentlyAdd .pull-right > .dropdown-menu { z-index: 9999; border-radius: 0; }
#recentlyAdd .navbar-form .btn { padding:9px 9px 10px 9px; border-radius: 0 6px 6px 0; }
#recentlyAdd .cartItemFront p strong { font-size: 16px; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 100%; float: left; font-weight: bolder; text-transform: uppercase; border-bottom: 1px solid #e3e3e4;}
#recentlyAdd { width: 100%; float: left; min-width: 375px; }
#recentlyAdd p { /* font-size: 14px; font-weight: 300; line-height: 26px; color: #555555; */ }
#recentlyAdd h3 { font-size: 16px; font-weight: 500;line-height: 16px; display: none; }
#recentlyAdd h3 span { line-height: 16px; }
#recentlyAdd a:link,
#recentlyAdd a:visited { text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; }
#recentlyAdd .cartButtons { margin: 15px 0 0px 0; float: left; width: 100%; }
#recentlyAdd .cartButtons #goToCart { font-size: 13px; margin-right: 10px; }
#recentlyAdd .cartPrices ul { margin-bottom: 0; }
#recentlyAdd .cartPrices .text-right { text-align: right; float: right; }
#recentlyAdd .printInfoList:first-letter { text-transform: capitalize}
#recentlyAdd .cartButtons { width: 100%; float: left; }
#recentlyAdd .btn.btn-small.btn-white.buttonRemove { right: -10px; position: relative; top: 4px; padding: 0px 12px; }
#recentlyAdd .buttonRemove { float: left; }
#recentlyAdd .cartButtons .btn.btn-success { width: 100%; }
.maxheightShoppingcart { width: 100%; float: left; overflow-x: hidden; overflow-y: auto; max-height: 40vh; white-space: nowrap; margin-top: 10px; }
.recentAdded { border-bottom: 1px solid #e5e5e5; width: 100%; float: left; margin-bottom: 14px; padding-bottom: 14px; padding-top: 0px; min-height: auto; }
ul.orderInfo { margin:0 ; padding: 0 0 0 15px; }
ul.orderInfo li p a { margin-bottom: -4px; float: left; width: 100%; }
.recentAdded .cartFooter { background: #f6f6f6; border-style: solid; border-color: #e2e2e2; border-width: 1px 1px 0px 1px; margin-top: 10px; }
.recentAdded .cartFooter p { padding: 5px 0; font-size: 11px; }
.recentAdded .cartFooter .cartIcons i { color: #262626; }
.recentAdded .cartFooter .cartIcons div { float: left; border-left: 1px solid #e2e2e2; padding: 5px 10px;}
.recentAdded .cartIcons div { float: right; }
.recentAdded .cartExtraInfo { color: #4eb400; line-height: 22px; font-size: 13px; font-weight: 500; text-align: right; padding: 0 10px 0 0; margin-top: 1px; text-transform: lowercase; width: auto; position: absolute; right: 0 }
.recentAdded .cartExtraInfo:first-letter { text-transform: capitalize; }
.recentAdded a:link,
.recentAdded a:visited { color: #59378c; font-weight: 400; }
.recentAdded .orderInfo a:link,
.recentAdded .orderInfo a:visited { color: #262626!important; font-weight: bold; line-height: 23px; }
.recentAdded .recentAddedPricebox { float: right; text-align: right; margin-right: -10px; font-size: 14px; font-weight: 400; color: #262626; line-height: 23px; margin-bottom: 6px; }
.recentAdded .recentAddedPricebox strike { font-size: 12px; color: #555;}
.recentAdded .recentAddedPricebox .salePrice { font-weight: bold; color: #448A0F; top: -3px; position: relative; }
.recentAdded .cartTitle { float: left; width: 96%; text-overflow: ellipsis; overflow: hidden; overflow: hidden; white-space: nowrap; margin-bottom: 0; }
.recentAdded img { padding: 0 15px 0 0; max-width: 100%;}
/** BREADCRUMBS **/
.breadcrumbs { font-size: 14px; font-weight: 300; }
.breadcrumbs a { font-size: 14px; line-height: 23px; color: #262626; font-weight: bold }
.breadcrumbs i.breadcrumb-separator { font-size: 10px; line-height: 23px; color: #262626; }
.breadcrumbs i.fa.fa-home { font-size: 17px; line-height: 23px; }
/* NAVBAR */
section.navbar { border-bottom: 1px solid #ece9e3; border-left: 0; border-right: 0; }
#top-nav { border: none; }
.navbar { margin-bottom: 0; }
.navbar-header { background: #fff; }
.collapse.navbar-collapse { border-radius: 0px; /* margin-left: -30px; margin-right: -30px; */ }
.navbar-default { background: #222; border-radius: 0; }
.navbar-default .navbar-nav:first-child { margin-left: -15px; }
.navbar-default .navbar-nav i { margin-left: 5px; }
.navbar-default .navbar-nav > li { margin: 0; }
.navbar-default .navbar-nav > li > a { color: white; font-weight: 500; text-transform: uppercase; font-size: 12px; padding-top: 18px; padding-bottom: 18px; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.hovered { color: #222; background: white }
.navbar-default .navbar-nav > li.category { background-color:#353535; }
.navbar-default .navbar-nav.customContent { border-left: 1px solid #494949; border-right: 1px solid #494949; background: #353535 }
.navbar-default .navbar-toggle { border: 1px solid white; }
.navbar-default .navbar-toggle .icon-bar { background-color: white; }
#assortiment { display: none; float: left; height: auto; left: 0; position: absolute; width: 100%; z-index: 150; padding-bottom: 20px; }
#assortiment h2 { color: #fff; margin-top: 25px; font-size: 18px; }
#assortiment .productCatList a:link,
#assortiment .productCatList a:visited { color: #fff; line-height: 21px }
#assortiment .productCatList ul li { list-style: none; margin-left: -25px; }
#big-menu .pullDownMenu02 { background:white; display: block; padding: 30px; border-bottom: 1px solid #222222; border-left: 1px solid #222222; border-right: 1px solid #222222; position: absolute; z-index: 99 }
#big-menu .blockLeft { float:left; width: auto; }
#big-menu .blockLeft ul { padding-right: 15px; width: 230px; padding: 0 }
#big-menu .blockLeft ul li { list-style: none; line-height: 23px; font-size: 13px; color: #444444; padding: 0 }
#big-menu .blockLeft ul li a:link,
#big-menu .blockLeft ul li a:visited { color: #444444; }
#assortiment .productHotList h4 { color: #fff; font-size: 13px; height: auto; text-overflow: ellipsis; white-space: nowrap; width: 104%; overflow: hidden; margin: 0; padding: 0 }
#assortiment .productHotList span { color: #fff; font-size: 13px; float: left; width: 100%; margin: 0 0 10px 0; padding: 0; font-weight: 700; }
#assortiment .productHotList .btn.btn-small { background: #ff0036; color: white; }
#assortiment .productHotList .btn.btn-small:hover { background: #4e6d8d; }
#assortiment .productHotBlock { padding: 11px 14px 0px 14px; background: #fff; float: left; margin-bottom: 15px; }
#assortiment .productHotList .topitem { padding: 10px; background: white }
.allShops { background: white; border: 1px solid #222; border-top: 0; }
.allShops .shopList:first-of-type { border-left: 0; }
.allShops .shopList img { margin-left: 15px; margin-right: 10px; }
.allShops .shopList { border-left: 1px solid #e0e0e0; margin-top: 30px; margin-bottom: 30px; }
.allShops .shopList a:link,
.allShops .shopList a:visited { display: block; height: 40px; color: #444; }
.allShops .shopList a:hover { background: #e7e7e7; width: 100%; text-decoration: none; color: #222; }
.allShops .shopList.lastItem { display: block; }
.allShops ul { margin-left: -40px; }
.allShops ul li { color: #444; list-style: none; font-size: 12px; line-height: 44px; width: 100%; float: left; margin: 0; }
/** HEADER FIXED **/
.menuBg.navbar.navbar-default { display: none}
.navbar.navbar-default.navbar-fixed-top { display: block; }
.navbar.navbar-default.navbar-fixed-top .headerMaxHeight { display: none}
.navbar.navbar-default.navbar-fixed-top .menuBg.navbar.navbar-default { background: #72c02c!important; display: block; transition: 0.5s; padding: 9px 0; }
.navbar.navbar-default.navbar-fixed-top .navfixed a { color: #222; font-size: 15px; font-weight: bold }
.navbar.navbar-default.navbar-fixed-top .navfixed ul { margin-left: -30px; }
.navbar.navbar-default.navbar-fixed-top .navfixed ul li { list-style: none; float: left; margin-left: 0; margin-right: 30px; line-height: 41px; font-size: 15px; color: #222 }
.navbar.navbar-default.navbar-fixed-top .navfixed ul li i { font-size: 21px; }
.navbar.navbar-default.navbar-fixed-top .navbarButtonsTop .ordercount { margin-left: 5px; float: right }
.navbar.navbar-default.navbar-fixed-top .navbarButtonsTop input[type="search"] { font-size: 13px; }
.navbar.navbar-default.navbar-fixed-top .navbarButtonsTop ul li { margin: 0; padding: 0; border: 0; }
.navbar.navbar-default.navbar-fixed-top .navbarButtonsTop ul li a { border: 0}
/** Shop Name */
span.breadCrumbsShopName { display: block; margin: 20px 0 10px 15px; float: left; font-size: 22px; font-weight: 600; text-transform: uppercase; line-height: 38px; width: 100%; display: block; }
/** CHECKOUT **/
.clean-header-brand { float: left; padding: 19px 0px 17px 15px; }
.clean-header-brand img { width: auto; max-height: 50px; }
.clean-header-icongroup { float: right; padding: 26px 0; }
.clean-header-icongroup .btn.btn-success { -webkit-backface-visibility: hidden; outline: 0; padding: 0px 15px; transition: all ease 0.1s; margin-bottom: 3px; z-index: 1; position: relative; }
.clean-header-icongroup .btn.btn-success:hover { transform: translate(0, 1px); -webkit-transform: translate(0, 1px); -ms-transform: translate(0, 1px); }
.row.counter:last-of-type .cartContent { border-bottom: 0; }
/* Checkout steps **/
.steps { margin: 0 auto; display: block; max-width: 1000px; position: relative; }
.steps-background { padding: 55px 0 65px 0; }
.checkout-proces { padding: 0px 60px; }
.checkout-proces .first-phase-order { float: left; }
.checkout-proces .first-phase-order .checkoutBlock { padding: 0 15px; }
.checkout-proces .second-phase-order { float: right; }
.checkout-proces .second-phase-order .checkoutBlock { padding: 0 15px; }
.checkout-proces .progressBar { width: 100%; height: 2px; background-color: #e5e5e5; }
.checkout-proces .progress { width: 50%; height: 2px; position: absolute; top: 13px; left: 0; background-color: #72c02c; }
.checkout-proces .text-label { position: relative; width: 100%; float: left; padding-top: 6px; opacity: 0.85; text-align: center; font-size: 11px; font-weight: 400; color: #262626; line-height: 19px; }
.checkout-proces .text-label a,
.checkout-proces .text-label a:link,
.checkout-proces .text-label a:visited { font-weight: 400; }
.checkout-proces .checkoutFaseCircle { width: 10px; height: 10px; background-color: #72c02c; border-radius: 99px; margin-top: 6px; margin-left: 6px; }
/* Fase 1 */
.checkout-proces .fase1,
.checkout-proces .fase2,
.checkout-proces .fase3 { float: left; position: relative; margin-top: -15px; }
.checkout-proces .fase1 .circle { width: 26px; height: 26px; margin: 0 auto; border-radius: 50%; background: white; position: relative; z-index: 2; border-radius: 50%; background: white; border: 2px solid #72c02c; } /* completed */
.checkout-proces .fase1 .fa-check { position: absolute; left: 6px; top: 5px; color: #72c02c; font-size: 17px; font-weight: bold; line-height: 19px; text-align: center; }
.checkout-proces .fase1 .progress { width: 100%; }
.checkout-proces .fase1 .text-label { opacity: 1; font-weight: bold; }
.checkout-proces .fase1 .text-label a { font-weight: bold; color: #262626; }
/* Fase 2 */
.checkout-proces .fase2 .circle { width: 26px; height: 26px; margin: 0 auto; border-radius: 50%; position: relative; z-index: 2; background: white; border: 2px solid #e7e7e7; } /* current fase */
.checkout-proces .fase2 .progress { width: 50%; }
.checkout-proces .fase2 .circle-active { width:8px; height: 8px; border-radius: 50%; margin: 0 auto; position: absolute; top: 7px; left: 7px; background-color: #72c02c; border: 0px solid #C8C8C8; }
.checkout-proces .fase2 .text-label { opacity: 1; font-weight: bold; }
.checkout-proces .fase2 .text-label a:link,
.checkout-proces .fase2 .text-label a:visited { color: #262626; font-weight: bold; }
/* Fase 3 */
.checkout-proces .fase3 .circle { width: 26px; height: 26px; margin: 0 auto; border-radius: 50%; background: white; position: relative; z-index: 2; background: white; border: 2px solid #C8C8C8; } /* later */
.checkout-proces .fase3 .progress { width: 0%; }
.checkout-proces .fase4 .circle { width: 28px; height: 28px; margin: 0 auto; border-radius: 50%; background: white; position: relative; z-index: 2; background: white; border: 2px solid #C8C8C8; } /* large */
.checkout-proces .fase4 .progress { width: 0%; }
/* Progress bar */
.progressBarDynamic { height: 2px; width: 0%; position: absolute; float: left; transition: 0.7s; background-color: #084684; }
.progressBarDynamic.fase1b { width: 70%; margin-top: -2px; }
.progressBarDynamic.fase2b { width: 85%; margin-top: -2px; }
.progressBarDynamic.fase3b { width: 95%; margin-top: -2px; }
.checkoutBlock.fase3 a:link,
.checkoutBlock.fase3 a:visited { color: #262626; font-weight: 400!important; }
/* SLIDE IN */
.menuOverlay { position: fixed; width: 100%; height: 100%; background: #333; z-index: 9; opacity: 0.3; display: none; transition: all 400ms linear 0s; }
.menuOverlay.toggle { display: block; transition: all 400ms linear 0s; }
.mobile-hide { display:none!important; }
/** NO MOBILE- RES **/
@media (min-width: 768px) {
.headerContainer .sidenav { display: none; }
.headerContainer .sidenavMain { display: none; }
.mobileCart { display: none; }
.navbar-header img.logo { display: none; }
/* Navbar */
.section.navbar { margin-bottom: 0; }
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus { background: white; color: #555!important; }
#top-element .navbar-header { float: left; width: 100%; }
#top-element .navbar-header .collapse.in { display: none; }
#navbar-main { width: 100%; float: left; margin-top: -1px; }
#main-navBar { background: #014587; padding: 0; border: 0; border-radius: 0; margin: 0; transition: 0.2s; }
#main-navBar ul { width: 100%; min-width: 100%; }
#main-navBar ul li { margin-left: 0; float: right }
#navbar-main-allCats { float: left!important; width: 260px; }
#main-navBar .mainLinks { color: white; line-height: 30px; z-index: 999; font-size: 15px!important; float: left; font-weight: 500; }
.dropdown-navbar.open a.mainLinks.dropdown-toggle { background: white; }
#mainCatArrow { float: left; }
#main-navBar .mainLinks .fa.fa-bars { line-height: 30px; }
#main-navBar .mainLinks span { margin-left: 10px; margin-right: 10px; }
#navbar-main-allCats .mainLinks { width: 260px; }
#main-navBar .cta-category a { color: #e93641!important; font-weight: bold; }
#main-navBar .cta-category.beDomain a { color: #e93641!important; }
#main-navBar .mainLinks .caret { margin-left: 5px; }
#main-navBar .mainLinks:hover { background: white; transition: 0.2s; color: #014587; cursor: pointer; }
#main-navBar .mainLinks .fa.fa-chevron-down,
#main-navBar .mainLinks .fa.fa-chevron-up { font-size: 9px; margin-left: 11px; margin-right: 0; float: right; line-height: 30px; }
#main-navBar .listContainer { width: 100%; padding: 0; display: inline-block; }
#main-navBar .subLinks { padding: 0px 0px 15px 0px; width: 260px; border: 0; }
#main-navBar .subLinks div a { float: left; padding: 0 30px; width: 100%; color: #222222; line-height: 30px; font-size: 14px; border-radius: 0; }
#main-navBar .subLinks div a:hover { text-decoration: none; }
#main-navBar .subLinks.dropdown-menu .divider { border-left: 30px solid white; border-right: 30px solid white; float: left; width: 100%; margin: 10px 0; }
#main-navBar .subLinks.dropdown-menu .divider.first { margin-top: 0; }
#main-navBar .subLinks .normalLinks { float: left; width: 100%; margin-bottom: 20px;}
#main-navBar .subLinks .normalLinks a:hover { text-decoration: underline }
.mobileArrow { display:none; }
.listContainer .mainListCat .mobileSubArrow { display: none; }
.navbar.navbar-default .navbar-form { display: none; }
.navbar.navbar-default.navbar-fixed-top .navbar-form { display: block; }
.navbar.navbar-default.navbar-fixed-top .dropdown.subNavRight { display: none}
.dropdown-navbar.subNavRight span.NavBarSales { font-weight: 700; }
.navbar.navbar-default.navbar-fixed-top #navbar-main-allCats { margin-left: 15px!important; }
/* Pulldown */
#main-navBar .subCategories { background-color:white; border: 1px solid #e5e5e5; display:none; padding: 20px 40px; position: absolute; left: 258px; top: 0; width: 882px; height:100%; border-radius: 0 0 4px 0; -webkit-box-shadow: 5px 6px 12px 0 rgba(0,0,0,.175); box-shadow: 5px 6px 12px 0 rgba(0,0,0,.175); z-index: -1; overflow: auto; }
#main-navBar .subCategories .headingTiny { display:block; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 20px; }
#main-navBar .subCategories .headingTiny.mobile { display:none; }
#main-navBar .subCategories .headingSmallest { display: block; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 5px; }
#main-navBar .subCategories .badge { background-color: white; color: #014587; font-weight: 600; margin-bottom: 7px; font-size: 14px; text-decoration: underline; padding: 0; }
#main-navBar .subCategories .mainListCat { width: 33.33%; float: left; padding: 0; border: 0px solid #e5e5e5; margin-top: 15px; }
#main-navBar .subCategories .mainListCat a { padding: 0; }
#main-navBar .subCategories .mainListCat ul { margin-left: 0; }
#main-navBar .subCategories .mainListCat ul li { margin-left: 0; font-size: 14px; float: left; width: 100%; }
#main-navBar .subCategories .mainListCat ul li a { padding: 0; float: left; width: 92%; line-height: 27px; font-size: 14px; }
#main-navBar .subCategories .mainListCat ul li a:hover { text-decoration: underline; }
#main-navBar .subCategories .mainListCat ul li i { float: left; line-height: 25px; font-size: 9px; color: #014587; margin-right: 6px; }
#main-navBar .subCategories .mainListCat.other .badge.badge-secondary { text-decoration: none; background-color: white; color: #222222; font-weight: 600; margin-bottom: 7px; font-size: 14px; padding: 0; }
#main-navBar .subCategories .mainListSubCat { float: left; }
#main-navBar .subCategories .mainListSubCat li { margin-left: -40px!important; }
#main-navBar .subCategories .mainListSubCat li .desktopOnly { display: block; }
#main-navBar .subCategories .mainListSubCat li .mobileOnly { display: none; }
#main-navBar .subCategories ul.mainListSubCat li.navbarExtraList i { margin-right: 6px!important; }
#main-navBar .subCategories.rightSide { top: 0; width: 100%; position: static; border: 0; padding: 21px 40px 10px 40px; float: left; }
#main-navBar .subCategories.rightSide .mainListCat { margin-top: 0; }
#main-navBar .subCategories.rightSide .mainListCat ul { margin-bottom: 10px; }
#main-navBar .subCategories.rightSide .mainListCat a:hover { text-decoration: underline; }
#main-navBar .subCategories.rightSide .badge { margin: 0;color: #014587; float: left; width: 100%; text-align: left; line-height: 27px; }
#main-navBar .subCategories.rightSide .badge:hover { text-decoration: none; }
#main-navBar .subCategories.rightSide .categoryTitle { margin-bottom: 23px; }
#main-navBar .subCategories.rightSide .fa.fa-chevron-right { padding-right: 0; margin-right: 0; }
#main-navBar .subLinks.rightSide { left: -918px; width: 1140px; padding: 0; border: 0; overflow: hidden; }
#main-navBar .subLinks.rightSide.second { left: -1028px; width: 1140px; }
#main-navBar .subLinks.rightSide div a { padding: 0; }
#main-navBar .subLinks.rightSide div a:hover { border: 0; padding: 0; text-decoration: underline; }
#main-navBar .subLinks.dropdown-menu .second.dropdown-subcat { float: left; width: 100%; border-top: 1px solid transparent; border-bottom: 0px solid white; }
#main-navBar .subLinks.rightSide.second.dropdown-menu .subCategories.rightSide .mobileArrow { display: block; float: left; margin-right: 6px; color: #014587; font-size: 10px; }
#main-navBar .subLinks.dropdown-menu .second.dropdown-subcat.activeHover { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-left: 6px solid #014587!important; border-right: 2px solid white!important; z-index: 99; }
#main-navBar .subLinks.dropdown-menu .second.dropdown-subcat.branche { border: 0; }
#main-navBar .subLinks.dropdown-menu .second.dropdown-subcat.branche:hover { padding: 0; border: 0; }
#main-navBar .subLinks.dropdown-menu .second.dropdown-subcat.branche.activeHover { border: 0!important; }
/* FIXED NAVBAR */
.navbar-fixed-userBar { position: fixed; z-index: 1040; top: 10px; width: 920px; display: inline-block; }
.navbar-fixed-userBar .searchHeader.quickSearch { width: 560px; float: left; margin-left: 130px; }
.navbar-fixed-userBar .searchHeader.quickSearch input[type="search"] { margin-top: 1px; height: 39px; border: 0; }
.navbar-fixed-userBar .searchHeader.quickSearch button[type="button2"] { margin-top: 1px; height: 39px; border-width: 0!important; }
.navbar-fixed-userBar .navbar-phone { display: block; }
.navbar-fixed-userBar .navbar-phone p { margin: 0; padding: 0 40px 0 30px; line-height: 44px; }
.navbar-fixed-userBar .navbar-phone a:link,
.navbar-fixed-userBar .navbar-phone a:visited { color: white}
.navbar-fixed-userBar .btn-group.pull-right.open i { color: #222222; }
.navbar-fixed-userBar .btn-group.pull-right.open .caret { color: #222222; }
.navbar-fixed-userBar .btn-group.open .dropdown-toggle:hover { background: white; }
.navbar-fixed-userBar .btn.btn-user { background: #014587; margin: -11px 0 0 0; height: 61px; border: 0; border-radius: 0; }
.navbar-fixed-userBar .btn.btn-user i { color: white; transition: 0.2s; }
.navbar-fixed-userBar .btn.btn-user .caret { color: white; margin-top: 6px; }
.navbar-fixed-userBar .btn.btn-user:hover { background: white; }
.navbar-fixed-userBar .btn.btn-user:hover i { color: #014587; }
.navbar-fixed-userBar .btn.btn-user:hover .btn-text .initialsUser { background: #014587; color: white; }
.navbar-fixed-userBar .btn.btn-user:hover .caret { color: #014587; }
.header .btn-group.open .dropdown-toggle .initialsUser { background: #014587; color: white; }
.navbar-fixed-top .subNavRight { display: none; }
.navbar-fixed-userBar .initialsUser { background: white; color: #014587; transition: 0.2s }
.navbar-fixed-userBar .ordercount { margin-top: 2px; }
}
/** MOBILE- RES **/
@media (max-width: 767px) {
/* Header */
.banner-message-header p { font-size: 13px; line-height: 21px; }
.outOfOfficeWarning p { line-height: 18px; font-size: 12px; padding-top: 4px; padding-bottom: 4px; }
.mobileItems { display: block; }
.uspBlock { display: none!important; }
/* Checkout */
.clean-header-brand { padding: 20px 0 20px 0; }
.clean-header-brand img { max-width: 195px; max-height: 40px; }
.clean-header-icongroup { padding: 22px 10px 22px 0; }
.clean-header-icongroup .payoff-header { font-size: 12px; line-height: 67px; position: absolute; width: 100%; text-align: center; top: 0; left: 0; margin-right: 0; }
.clean-header-icongroup .btn.btn-user { padding: 5px; }
.clean-header-icongroup .btn.btn-info { margin-left: 5px; }
.clean-header-icongroup .payoff-header { display: none; }
.clean-header-icongroup .btn.btn-success { margin-right: 10px; }
.btn.btn-success.btn-lg { width: 100%; }
.secure-checkout.alt { display: block; float: left; margin: 55px 25px -66px 0px; }
.checkout-customer #register-form { padding-right: 0!important; }
/* Checkout steps */
.steps-background { background-color: white; border-bottom:0; padding: 30px 10px 0px 10px; margin-bottom: 30px; }
.checkout-proces { padding: 15px 30px 0px 30px; }
.checkout-proces .progress { height: 1px; display: none; }
.checkout-proces .progressBar { height: 1px; background-color: #E5E5E5; }
.checkout-proces .text-label { padding-top: 8px; opacity: 1; font-size: 11px; }
.checkout-proces .second-phase-order .checkoutBlock { padding: 0 4px; }
.checkout-proces .first-phase-order .checkoutBlock { padding: 0 4px; }
.checkout-proces .fase1 .circle { border: 1px solid #C8C8C8!important; width: 16px; height: 16px; margin: 10px auto 0px auto; }
.checkout-proces .fase1 .fa-check { left: 3px; top: 3px; background: #222222; color: #222222; border-radius: 99px; width: 8px; height: 8px; font-size: 1px }
.checkout-proces .fase1 .text-label a { text-decoration: none; color: #222222; }
.checkout-proces .fase2 .circle { width: 16px; height: 16px; margin: 10px auto 0px auto; border: 1px solid #CCCCCC!important; }
.checkout-proces .fase2 .circle-active { top: 3px; left: 3px; width: 8px; height: 8px; background-color: #72c02c!important; border: none!important; }
.checkout-proces .fase2 .text-label a:link,
.checkout-proces .fase2 .text-label a:visited { color: #222222; font-weight: bold; }
.checkout-proces .fase3 .circle { width: 16px; height: 16px; margin: 10px auto 0px auto; border: 1px solid #C8C8C8!important; }
.checkout-proces .progressBarDynamic { background-color: #262626; height: 1px; margin-top: -2px; }
.checkout-proces .fase1,
.checkout-proces .fase2,
.checkout-proces .fase3 { margin-top: -19px; }
.checkout-proces .checkoutFaseCircle { width: 8px; height: 8px; margin-top: 3px; margin-left: 3px; }
/* Header - Pulldown */
#recentlyAdd { min-width: auto!important; }
#recentlyAdd .cartButtons #goToCart { width: 100%; margin: 8px 0 0 0; }
#recentlyAdd a:link, #recentlyAdd a:visited { width: 100%; ; }
.recentAdded img { display: none; }
.recentAdded .cartIcons div { float: left; width: 100%; }
.open>.dropdown-menu li { float: left; width: 100%; margin-left: 0;}
.open>.dropdown-menu li a { border: 0}
/* HEADER FIXED */
.navbar.navbar-default.navbar-fixed-top .menuBg.navbar.navbar-default { display: none; }
/* NAVIGATIE */
.container > .navbar-header, .container-fluid > .navbar-header,
.container > .navbar-collapse, .container-fluid > .navbar-collapse { background: #222222; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: transparent; }
.navbar-default { background: #72c02c; }
.mobileButton { background: #72c02c; float: left; padding-left: 12px; }
.navbar-default .navbar-nav.customContent { background: #72c02c; }
.navbar-default .navbar-nav.customContent a { color: #222}
/* HEADER */
.navbar-header { padding: 0}
.headerForm { padding-right: 0; }
.searchbarTop .btn.btn-default { background: #72c02c; line-height: 21px; }
.searchbarTop { display: block; padding: 14px 15px 14px 15px; background: #363636; width: 100%; float: left; }
.searchbarTop .btn.btn-cart { border: 0; border-radius: 4px; width: 50px; margin-right: 6px; }
.searchbarTop .headerForm { width: 100%; }
.headerForm .input-group { width: 100%; }
.searchbarTop .input-group .form-control { border-radius: 5px 0 0 5px!important; }
.mobileIcons .ordercount { background: red; color: white; position: absolute; top: 10px; font-size: 12px; font-weight: 700; font-family: "Open Sans",sans-serif; height: 19px; width: 19px; border-radius: 19px; text-align: center; line-height: 18px; right: 52px; }
.multishopHeader { display: none; }
.mobilePhone { display: block; background: #f8f8f8; border-bottom: 1px solid #e7e7e7; }
.mobilePhone p { padding: 15px 0; font-size: 11px; margin: 0; padding: 9px 0 }
.mobileIcons i { font-size: 1.6em; border-left: 1px solid #363636; height: 50px; margin: 0!important; width: 49px; text-align: center; line-height: 50px }
.mobileIcons i:first-of-type { margin-right: 0px; }
.mobileIcons i:hover { background: #363636; cursor: pointer}
.mobileIcons { display: block; float: right; color: #ffffff; height: 50px; margin-top: 0; }
.mobileIcons a:link,
.mobileIcons a:visited { color: #fff; }
span.breadCrumbsShopName { display: none; }
.section.navbar { background: #222}
.navbar-default .navbar-nav.customContent { border: 0; }
.navbar-default .navbar-nav > li.category { background: none; }
.navbar-default .navbar-nav > li > a { color: #222; }
}
/** LOW- RES VIEW **/
@media (min-width: 768px) and (max-width: 991px) {
/* Header */
.multishopHeader .subContent.bottom.search { width: 46%; padding-left: 0; }
.multishopHeader .colophon { margin-top: 40px; }
.customerService { margin-top: 0; }
.accountImage { display: none; }
.multishopHeader .subContent.top { margin-top: 35px; }
.multishopHeader .subContent.top img { display: none; }
.multishopHeader .logo img { width: 122%;}
.multishopHeader .subContent.bottom > div { margin: 0}
.multishopHeader .subContent.extra-info .usp { display: none; }
.multishopHeader .customerPayment img { left: 0px!important; right: 0px!important; }
.multishopHeader .headerBar { display: none; }
.allShops .shopList.lastItem { display: none; }
/* HEADER FIXED */
.headerForm .input-group { width: 205px; }
.navbar.navbar-default.navbar-fixed-top .navfixed ul li { margin-right: 5px; font-size: 13px; margin-right: 13px; }
.navbar.navbar-default.navbar-fixed-top .navfixed ul li i { margin-right: 0; font-size: 18px; }
.navbar.navbar-default.navbar-fixed-top .navfixed a { font-size: 13px; }
/* Checkout steps */
.checkout-proces .second-phase-order .checkoutBlock { padding: 0 15px; }
.checkout-proces .first-phase-order .checkoutBlock { padding: 0 15px; }
}
/** MED- RES VIEW **/
@media (min-width: 992px) and (max-width: 1199px) {
/** HEADER **/
.headerPayoff { background: none;}
.headerContent .cleanBlock { padding: 0px 25px; }
/* HEADER */
.multishopHeader .subContent.bottom.search { width: 45%; }
.multishopHeader .subContent.top { margin: 50px 0 20px; }
.multishopHeader .subContent.top > div { border: 0; padding: 0 0px; }
.multishopHeader .subContent.top img { position: relative; padding: 0; }
.multishopHeader .customerRating { display: none; }
.multishopHeader .headerImages { display: block; margin: 0 0 12px }
.multishopHeader .headerImages img { float: right; width: 14%; float: right; margin-left: 15px; }
/* HEADER */
.headerForm .input-group { width: 235px; }
.headerContent .searchHeader.quickSearch { width: 225px; }
/* Checkout steps */
.checkout-proces .second-phase-order .checkoutBlock { padding: 0 23px; }
.checkout-proces .first-phase-order .checkoutBlock { padding: 0 23px; }
}