/* 
Theme: InStijl Media B2B Theme
Developer: InStijl Media

License: InStijl Media
License URI: http://www.instijlmedia.nl
Platform: Lightspeed 
*/

.show {display:block;}

/* Header 
--------------------------------------------- */
.pageMessages .alert-messages {right:60px;bottom:60px;z-index:1002;}
#header {position:fixed;top:0px;float: left;width: 100%;z-index:1002;}
#header.demo {margin-top:0px;}
#header.open {z-index:1002;}
#header.scroll .usp-nav {display:none;}
#header.header-pages {margin-bottom: 0px;}
#header .cart-button {padding: 0px 5px;}
#header .cart-button a {line-height:1;text-align:center;}
#header .icon-cart {display: inline-flex;position: relative;}
#header .icon-cart i {font-size: 22px;}
#header .usp-nav .ism_usps .usp {height: 44px;line-height: 44px;}
#header #hallmark img {max-height: 58px;padding: 5px 0px;}
.cart-count.rounded-circle {position: absolute;top:-10px;left: 15px;color: #fff;border-radius: 50e1rem !important;min-width: 20px;height: 20px;line-height: 20px;text-align: center;padding: 0px 5px;font-size: 12px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#cart .account .dropdown-menu {position:relative;min-width:600px;}
#cart .cartlist a .cart-icon i, #header .cart-button a .cart-icon i {font-size:22px;}
#cart .dropdown-content > a::after {background:transparent;border-left: 1px solid rgba(0,0,0,.15);border-right: 1px solid rgba(0,0,0,.15);content: "";float: left;height: 2px;position: relative;bottom: 2px;width: 100%;z-index: 1001;}
#cart .dropdown-content.show > a::after {background:#fff;}
#header .cart-button a .menu-text {display: inline-block;font-size: 11px;line-height: 12px;}
#cart .dropdown > a .border-icon {background:transparent;border: 1px solid transparent;margin:0px;}
#cart .dropdown.show > a .border-icon {border:1px solid rgba(0,0,0,.15);border-bottom:1px solid #fff;}
#cart .dropdown.show > a::after {content: "";height: 4px;float: left;background: #fff;border-left:1px solid rgba(0,0,0,.15);border-right:1px solid rgba(0,0,0,.15);position: absolute;left:0px;right:0px;bottom:0px;z-index:1004;}
#cart .dropdown > a .border-icon .menu-text {font-size:12px;}
#cart .cartlist .dropdown-menu, #cart .account .dropdown-menu {margin-top:-1px;}
#cart .account .dropdown-menu .ism_usps .usp .usp-text {font-size:14px;font-weight:normal;padding-left:5px;}
#cart .cartlist .dropdown-menu .submenu {min-width:380px;}
#cart .cartlist .dropdown-menu .submenu .cart-products {max-height: 250px;overflow: auto;}
#cart .cartlist .dropdown-menu .submenu .cart-product-title-box {line-height:1;width:200px;overflow: hidden;text-overflow: ellipsis;}
#cart .cartlist .dropdown-menu .submenu .cart-product-quantity input {max-width:55px;text-align:center;}

.mainnav {}
.mainnav .main-item {display:inline-block;position:unset;position:static;}
.mainnav .main-item.main-category {margin-right:15px;}
.mainnav .main-item > a {text-decoration:none;}
.mainnav .main-item.main-category > a span {text-align: left;float: left;width: 275px;}
.mainnav .main-item > a i {padding:0px;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.mainnav .main-category.open > a i {-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
.main-item .navigation {opacity:0;visibility:hidden;position:absolute;margin-top:-15px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;width:100%;-webkit-transition:all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.mainnav.category .main-item .navigation {-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;}
.main-item .navigation.subs {width: 100%;pointer-events: none;z-index:99;}
.main-item .navigation.no-subs {width:auto;}
.mainnav .main-item.main-category.open {z-index:1002;}
.main-item.open .navigation {opacity:1;visibility:visible;margin-top:0px;-webkit-transition: none;-moz-transition: none;-o-transition: none;transition: none;-webkit-transition: all 0.2s ease-in-out 0.2s;-moz-transition: all 0.2s ease-in-out 0.2s;-o-transition: all 0.2s ease-in-out 0.2s;transition: all 0.2s ease-in-out 0.2s;}
.main-item .navigation > ul {background: #efefef;border: 1px solid #ddd;border-top: 0px;float: left;pointer-events:all;width: 100%;max-width:312.5px;height:550px;}
.main-item .navigation > ul > li {background: #efefef;display:block;float:left;width:100%;}
.main-item .navigation > ul > li:first-child > a {padding-top:15px;}
.main-item .navigation > ul > li > a {display:flex;float:left;font-size:15px;position: relative;z-index: 12;padding:10px 30px;overflow:hidden;line-height:42px;max-width:100%;}
.main-item .navigation > ul > li.hover {background:#fff;text-decoration: none;}
.main-item .navigation > ul > li.hover > a {font-weight:bold;text-decoration:none;}
.main-item .navigation > ul > li > a span {line-height: normal;}
.main-item .navigation > ul > li > a > i {text-align: right;display: inline-block;font-size:32px;vertical-align: middle;float: right;}
.main-item .navigation > ul > li .subnav {opacity:0;visibility:hidden;pointer-events:none;top: 0px;background:#fff;border: 1px solid #ddd;border-top: 0px;border-left: 0px;-webkit-column-count: 4;column-count: 4;position: absolute;display:flex;min-height: 100%;margin-left:311.5px;z-index: 5;width: calc(100% - 312.5px);-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;}
.main-item .navigation.no-subs > ul > li .subnav {display:none;}
.main-item .navigation > ul > li .subnav .subnav-col.last-ul {width: 25%;min-width: 282.75px;}
.mainnav.category .main-item > .navigation > ul > li .subnav {min-width:240px;width:auto;}
.main-item .navigation > ul > li .subnav .subnav-col {padding: 15px 30px;page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;vertical-align:top;min-width:25%;width:100%;}
.main-item .navigation > ul > li .subnav .menu-close {position: absolute;right: 0px;}
.main-item .navigation > ul > li .subnav .menu-close a {display:block;}
.main-item .navigation > ul > li .subnav .subnav-col .subitem {overflow: hidden;text-overflow: ellipsis;width:100%;}
.main-item .navigation > ul > li:not('no-subsub') .subnav .subnav-col > li {overflow:hidden;text-overflow: ellipsis;}
.main-item .navigation > ul > li .subnav .subnav-col > li > a {font-size:15px;line-height: 28px;width: 100%;white-space: nowrap;overflow: hidden;}
.main-item .navigation > ul > li .subnav .subnav-col > li > a span {width: 100%;white-space: nowrap;overflow: hidden;}
.main-item .navigation > ul > li.hover .subnav {opacity:1;visibility:visible;}
.main-item.open .navigation ul > li .subnav {pointer-events:all;}
.main-item .navigation.subs.no-hover,
.main-item .subnav.no-hover {opacity: 0;visibility: hidden;pointer-events:none;display:none !important;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.main-item .navigation > ul > li .subnav.menu-close {position: absolute;right: 0px;}
.main-item .subnav .menu-close i.pe-7s-close {font-size: 36px;}
.main-item .navigation > ul > li.no-subsub .subnav {width: auto;-webkit-column-count: unset;column-count: unset;display: block;padding-top:15px;min-width:241px;}
.main-item .navigation > ul > li.no-subsub .subnav .subnav-col {width:auto;padding-top:0px;padding-bottom:0px;}
.main-item .navigation > ul > li .subnav > ul.last-ul > li > a {line-height: 36px;}
.main-item .navigation > ul > li .subnav > ul > li.brands > a {}
.main-item .navigation > ul > li .subnav > ul > li > ul {font-size:14px;line-height: 24px;margin-bottom:15px !important;}
.main-item .navigation > ul > li .subnav .all-categories {position: absolute;left:0px;right:0px;bottom:10px;width: 100%;text-align: center;}
.main-item .navigation > ul > li .subnav .all-categories .btn-normal {background: #efefef;font-size: 14px;}
.main-item .navigation > ul > li .subnav .all-categories .btn-normal span {font-size:14px !important;}
.main-item .navigation > ul > li .subnav .all-categories .btn-normal i {line-height:32px;}

.navigation > ul > li .submenu {opacity: 0;visibility: hidden;display:flex;left:15px;right:15px;background: #fff;border: 1px solid #ddd;border-top: 0px;position: absolute;min-height: auto;z-index:9;margin-top: 1px;padding:15px 30px;width: auto;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;}
.navigation .main-item:hover .submenu {opacity: 1;visibility: visible;}
#navigation .mainnav .navigation > ul > .main-item:hover .submenu {opacity: 1;visibility: visible;}
.navigation > ul > li .submenu .subnav-col {padding:0px 30px;page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;vertical-align: top;max-width: 25%;width: 100%;}

/* Main Blog Menu */
#navigation .mainnav .main-item.blog .subnav {opacity:0;visibility:hidden;background:#fff;border: 1px solid #ddd;border-top: 0px;display:flex;margin-top:20px;position: absolute;left:0px;right:0px;z-index:9;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;}
#navigation .mainnav .main-item.blog:hover .subnav {opacity:1;visibility:visible;margin-top:41px;-webkit-transition: all 0.3s ease-in-out 0.3s;-moz-transition: all 0.3s ease-in-out 0.3s;-o-transition: all 0.3s ease-in-out 0.3s;transition: all 0.3s ease-in-out 0.3s;}
#navigation .mainnav .main-item.blog .subnav ul {float:left;margin-top:15px !important;width:100%;}
#navigation .mainnav .main-item.blog .subnav ul li.subitem {float: left;text-align:center;padding:15px;width: 25%;}
#navigation .mainnav .main-item.blog .subnav ul li.subitem .category-image {display: inline-block;overflow: hidden;margin: 0 auto;margin-bottom: 15px;}
#navigation .mainnav .main-item.blog .subnav ul li.subitem .category-image img {-webkit-animation: zoomIns 3s;animation: zoomIns 3s;-webkit-transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1),-webkit-transform 3s cubic-bezier(.19,1,.22,1);}
#navigation .mainnav .main-item.blog .subnav ul li.subitem:hover .category-image img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#navigation .mainnav .main-item.blog .subnav ul li.subitem strong {display:block;height:46px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
#navigation .mainnav .main-item.blog .subnav ul li.btn-link {float: left;width: 100%;}
#navigation .mainnav .main-item.blog .subnav ul li.btn-link a {background:#f7f7f7;border: 1px solid #eee;display: inline-block;}

.languages, .currencies {position: relative;}
.languages ul li #language, .currencies ul li #currency {background:transparent;border: 1px solid transparent;font-size:14px;float:left;padding: 10px 15px;position: relative;bottom:1px;min-width:74px;}
.languages ul li.show #language, .currencies ul li.show #currency  {border: 1px solid rgba(0,0,0,.15);}
.languages ul li.show #language::before, .currencies ul li.show #currency::before {content: "";border: 0px;background: #fff;float: left;height: 3px;position: absolute;left: 0px;bottom: -3px;margin: 0px;vertical-align: unset;width: 100%;z-index: 99999;}
.languages ul li .dropdown-menu, .currencies ul li .dropdown-menu {margin-top:-1px !important;}

/* Homepage
--------------------------------------------- */
body.body {margin-top:0px !important;}
#main {}
#main.fixed {padding-top:30px;}
#main.down, #main.no-usp.down {margin-top:148px;}
#main.demo {margin-top:154px;}
#main.no-usp {margin-top:109px;}
.lg #main {margin-top: 0px;}
#main > .container-fluid {background:#fff;}
#sidenav .sidebar .categories .nav .nav-item .nav-link {color:#666;}
#sidenav .sidebar .categories .nav .nav-item .nav-link span {font-size: 14px;}
#sidenav .sidebar .widget ul > li > .d-flex .icon-down a > i {position: relative;-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#sidenav .sidebar .widget ul > li > .d-flex .icon-down a:not(.collapsed) > i {-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
#homepage {padding-top:30px;}
.breadcrumbs {font-size: 13px;padding: 5px 0px;}
.ism_usps .usp span {font-size:13px;}
#sidenav .sidebar .widget ul li .icon-down a {display: block;height: 40px;width: 40px;line-height: 40px;text-align: center;}
#sidenav .sidebar .widget ul li .media {font-size:14px;}
#headlines .carousel-caption {left:30px;right:auto;bottom:30px;padding:0px;z-index:8;max-width: 500px;width: 100%;}
#categories .category, .categories .category {margin-bottom:30px;}
#categories .category .category-image img  {-webkit-animation: zoomIns 3s;animation: zoomIns 3s;-webkit-transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: -webkit-transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1);transition: transform 3s cubic-bezier(.19,1,.22,1),-webkit-transform 3s cubic-bezier(.19,1,.22,1);}
#categories .category:hover .category-image img  {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
#banners .carousel-caption {bottom:30px;left:30px;right:auto;max-width:300px;padding:0px;z-index:8;}
#banners .carousel-caption .h5 {pointer-events:none;}
#products .title-box {min-height:24px;display:block;}
#products .owl-theme .owl-nav.disabled + .owl-dots {display:none;}
#brands .brand a img {border:1px solid #ddd;}
#brands .brand .brand-title {padding:5px 0px;margin-bottom: 15px;}
#assortiment .assortiment {border: 1px solid #ddd;float:left;padding: 15px;width: 100%;}
#assortiment .assortiment .categories-content {width: 100%;}
#assortiment .assortiment .categories-content ul ul li a {font-size: 14px;}
#assortiment .category-row {padding-bottom:15px;margin:0px;page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;vertical-align: top;min-width: 25%;width: 100%;}
#assortiment .category-row li {width:100%;display:block;}
#ism_shopReviews .rating .stars .fa {font-size:20px;margin:0px 1px}
.gui-checkout .gui-checkout-steps .gui-table thead tr th {font-size: 16px;padding-left: 15px;padding-right: 15px;}

/* Pages
--------------------------------------------- */
#collection #nav-tab li a:hover, #collection #nav-tab li a.active {border-color: #777 !important;}
#collection .products-pager .sort .btn, #collection .products-pager .sort select {font-size:14px;}
#product .product-title .product-title-bottom {font-size:14px;}
#customerservice .contact-box .contact-list li .list-item {line-height:1;font-size:14px;}
#notfoundpage .giant-icon {font-size:180px;}
#cartPage #gui-form-cart .info-td {max-width: 530px;margin-bottom:15px;width:100%;}
#cartPage #gui-form-cart .input-wrap {width:130px;}
#cartPage #gui-form-cart .input-wrap input {text-align:center;}
#cartPage #gui-form-cart .price {padding-left: 15px;white-space: nowrap;}
#cartPage .cart-sidebar.removeSticky {position: absolute !important;}
#cartPage .cart-sidebar.removeSticky.bottom {bottom:0px;}
#cartPage .totals-wrap .add-discount i {vertical-align:middle;}
.gui-login .gui-col2-big-col1.gui-login-width {width: 55%;padding-right: 60px;}
.gui-login .gui-col2-big-col1.gui-login-width #gui-form {max-width:330px;}
.gui-login .gui-col2-big-col2 {width: 45%;border-left: 1px solid #ddd;padding-left: 60px;}
/* Compare Page */
.compare-sticky{ position: fixed;left: 0;right: 0;top: 109px;z-index: 9;background: #fff;border-bottom: 1px solid #ddd; }
.compare-container .comparisation-row{ border-bottom:1px solid #ddd; }
.compare-container .comparisation-row.no-header{ border-top:1px solid #ddd; }
.compare-container .col-comparisation-value{ border-left:1px solid #ddd;padding:7.5px 0;text-align:center; }
.compare-container .col-comparisation-label{ padding:7.5px;font-weight:bold; }
.compare-container .col-comparisation-label.plusminus-label{ text-align:center;font-size:22px; }
.compare-container .compare-section{ margin-top:30px;border-left:1px solid #ddd;border-right:1px solid #ddd; }
.compare-container .compare-section-title{ background:#eee;padding:7.5px;font-size:18px;border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.compare-container .product .product-title{ display:block; }
.compare-container .product .product-description{ text-align:left;font-size:12px;padding:0 7.5px; }
.compare-container .product .product-description.plusmin{ font-size:14px; }
.compare-container .product .product-description.plusmin .fa{ font-size:18px;vertical-align:middle;margin-right:5px; }
.btn-wishtlist .fa-heart {color: #ff6664;font-size: 18px;padding-right: 5px;}

/* Productborder Desktop
--------------------------------------------- */
.productborder .product-image .quickview {background: rgba(0,0,0,0.2);border:1px solid #ddd;position: absolute;top:0;pointer-events:none;text-align: center;height:100%;width: 100%;z-index:7;}
.productborder .product-image .label-state span {color:#fff;position: absolute;top:15px;left:15px;font-size: 14px;padding: 2px 12px;z-index:9;}
.productborder .product-image .quickview .btn {position: relative;top: 50%;margin-top: -17.5px;pointer-events: all;}
.productborder:hover .product-image .quickview {display:block;}
.productborder .product-details .product-description, .productborder .product-details .product-description p {font-size:13px;}
.productborder .product-details .product-description ul {padding-left:10px;}
.productborder .product-details .product-cart .btn-account {font-size: 13px;}
.owl-carousel .owl-video-wrapper {height: 112.5px;width: 112.5px;}
#bulkProduct .custom-head .row strong {font-size:13px;}
#bulkProduct .customOptions {font-size:13px;}
.product-stock-delivery .stock .instock {font-size:16px;}
#bulkProduct .customOptions form[id^=product_configure_form-] .product-price.excl span {visibility: visible !IMPORTANT;}
#bulkProduct .customOptions form[id^=product_configure_form-] .product-price.incl span {visibility: visible !IMPORTANT;}
.wishlist .btn-wishtlist .fa-heart {color: #ff6664;font-size: 18px;padding-right: 5px;}
/*
.grid .productborder {position: relative;}
#products .owl-carousel .productborder {margin:4px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.grid .productborder .product-overlay{position: absolute;z-index: 0;top: 0;right: 0;width: 100%;height:100%;box-sizing: border-box;pointer-events:none;opacity: 0;-webkit-transform: scale(.9,.9);transform: scale(.9,.9);-webkit-transform-origin: top center;transform-origin: top center;transition: opacity .2s ease-out,-webkit-transform .2s ease-out;transition: opacity .2s ease-out,transform .2s ease-out;transition: opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;}
.grid .productborder:hover .product-overlay{box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);-webkit-transform: none;transform: none;opacity: 1;}
*/
.relatedMobileProducts {display:none;}


/* Footer
--------------------------------------------- */
.usp-footer {padding: 15px 0px;}
.usp-footer .ism-usps .usp a {}
#footer ul li {font-size: 14px;line-height:28px;}
#footer .socials ul li {display:inline-block;margin-right:10px;}

/* Customer Portal */
body.body.demo {margin-top:0px !important}
header {background:#fff;width: 100%;} 
.page-box {min-height:100vh;background: rgba(0,0,0,0.5);height: 100%;display: block;padding-bottom: 52px;position: relative;}
.lg #main .container-fluid {background:transparent;}
.lg #main #portal {background:#fff;display: block;margin:auto;margin-top: 117px;width: 100%;max-width:800px;}
.lg #main #portal2 {background:#fff;display: block;margin:auto;margin-top: 117px;width: 100%;}
.lg #main #portal .gui-col2-big-col1,
.lg #main #portal .gui-col2-big-col2 {width:50%;}
.lg #main #portal .gui-col2-big-col1 {background:#eee;padding:30px;}
.lg #main #portal .gui-col2-big-col2 {padding:30px;}
.lg #main #portal .register-block .title-box {margin:15px 0px;}
.lg #main #portal .register-block .title-box strong {background: #fff;padding: 5px 8px;position: relative;z-index: 9;}
.lg #main #portal .register-block .title-box::before {content: "";height: 1px;background: #ddd;position: relative;top: 15px;width: 100%;z-index: 1;float: left;}
.footerPortal {position: absolute;bottom:0px;width: 100%;}
@media (max-width: 992px) {
  .lg #main #portal .gui-col2-big-col1,
  .lg #main #portal .gui-col2-big-col2 {width:100%;}
}