/**
 * Magento
 *
 * Use this file only to perform some specific css styles to the website
**/

@media screen and (max-width: 767px ){
  .banner_productlist { height: auto !important; margin-bottom: 18px !important; }
  .sorter { position: relative; left: auto; top: auto; }
  .mobile_cart_icon { display: block !important; position: absolute; right: 10px; top : 32px; }
  .mobile_cart_icon a { display: block; width: 30px; height: 28px; background: url('../../images/cart-icon.png') no-repeat; }
  
  .mobile_search_icon { display: block !important; position: absolute; right: 4px; top: 94px;  }
  .mobile_search_icon a {  display: block; width: 30px; height: 28px; background: url('../../images/icon-search.png') no-repeat; background-size: 68%; }

  .mobile_search_form { position: absolute; right: 46px; bottom: 1px; display: block !important; }
  .mobile_search_form input.input-text { padding: 2px; height: 21px; border: none; font-size: 16px; }

  .mobile_menu_icon { display: block !important; position: absolute; left: 10px; top : 96px; }
  .mobile_menu_icon a {  display: block; width: 30px; height: 22px; background: url('../../images/menu-icon.png') no-repeat; background-size: 71%; }
  
  .cbp-spmenu { padding-top: 120px; }
  .cbp-spmenu-vertical a { padding: 8px !important; }
  
  .cart .cart-collaterals .col2-set, .cart .cart-collaterals .col2-set .col-2 { float: none; width: 100%; }
  .cart .cart-collaterals .col2-set > div { margin-bottom: 10px; }
  .cart form[name="cartform"] { width: 100%; overflow-y: hidden; overflow-x: scroll; display: block; }
  .cart .cart-collaterals .totals { width: 100%; float: none; }
  .line .box ul li a, .line .box ul li { word-break: break-all; }
  .main-container { width: 95%; margin: 0 auto; }
  .header-container { background: url('../../images/mobile_header_bg.png') repeat-x; height: 118px; margin-bottom: 20px; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; }
  .header h1.logo, a.logo.noh1{ margin: 0; margin-top: 13px; margin-left: 10px; }
  .header h1.logo img, a.logo.noh1 img { height: 65px; }
  .wrapper { background: none; }
  .page { width: 100%; overflow: hidden; } 
  .main-container { background: transparent; padding-top: 138px }
  .nav-container, .special_menu, .afterpaylogo, #slogan, .quick-access .links, #search_mini_form, .minicart { display: none; }
  .col2-left-layout .col-main { width: 100%; padding-top: 0; }
  #slidePag { display: none; }
  .breadcrumbs { display: none; }
  /* home */
  #slideshow { width: 100% !important; }
  #slideshow img { width: 100% !important; height: auto !important; }
  .cms-home .full-content { clear: both; margin-top: 25px; }
  
  .cms-home .col-main { width: 100%; } 
  .cms-home .col-right { width: 100%; }  
  .cms-home .main { padding: 0; }
  .cms-home .transportBox, .cms-home .contactBox { display: none; }
  .line .box { margin-left: 0; width: 48%; height: 340px !important; }
  .line .box img { max-width: 100%; }
  .line .box:nth-child(2n+1){ float: right; }
  .line .box h2 { font-size: 16px; }
  .box-description img { max-width: 100%; }
  .subcategoriesList li a .txt h1 { font-size: 15px; }
  
  /* categorie */
  .subcategoriesList li { float: left; width: 48%; }
  .subcategoriesList li h1 { min-height: 45px; }
  .subcategoriesList li:nth-child(2n+1){ clear: left; display: block; margin-right: 11px; }
  .subcategoriesList li a { width: 100% !important; height: auto !important; }
  .subcategoriesList li span.img { float: none !important; width: auto !important; height: auto !important; }
  
  .latest-prod-home .category-products li.item { width: 99.4%; margin-left: 0; height: auto !important; }
  .latest-prod-home h1 { margin: 0; }
  .latest-prod-home .category-products li.item .image { float: none; margin: 0 auto; }
  .latest-prod-home .category-products li.item .description .latestProd { position: inherit; }
  .latest-prod-home .category-products li.item .description { width: auto; margin: 0 auto; float: none; }
  .footerLine, .footerLogos { width: 100%; }
  .footerCol { width: 90%; margin: 0 auto; float: none; }
  
  .productListingBottom { border: none; left: 0; }
  .productListingBottom a.details { width: 100%; }
  
  .line .box .boxLineImg { height: 120px; background: #fff; }
  
  .col2-left-layout .col-main .category-products .products-grid li.item { width: 97%; margin-bottom: 10px; }
  .pager .amount, .productListingBottom a.link-compare { display: none; }
  .productListingBottom { width: 100%; }
  
  .col2-left-layout .col-left { clear: both; width: 100%; }
  .more-views { display: none; }
  .product-essential, .product-collateral { width: 100%; float: none; }
  .hreview-aggregate-sepp iframe { width: 100% !important; } 
  .product-collateral .product-name { margin-top: 10px; }
  
  #upsell-product-table.products-grid li.item { width: 100%; margin-left: 0; }
  
  .footerCol { border: none; margin-bottom: 20px; }
  .footerCol:first-child { display: none; }
  .footerCol h3 { border: none; font-size: 16px; color: #fff; }
  .footerCol ul li { text-align: center; }
  .footerCol ul li a { padding-left: 0 !important; }
}


/* General styles for all menus */

.products-grid .product-name { min-height: 67px; }

.cbp-spmenu {
	background: #47a3da;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}

.cbp-spmenu a:hover {
	background: #258ecd;
}

.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}

.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-right {
	right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
	top: -150px;
}

.cbp-spmenu-bottom {
	bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
	top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}


.layered_nav { margin-top: 20px; padding-top: 10px !important; position: relative; background: #F6F6F6; border: 1px solid #cecece; padding: 15px; margin-bottom: 15px; }
.layered_nav ol li { list-style :none; margin-left: 0; }
.layered_nav .block-title { font-family: 'HelveticaNeueLTPro57Condensed'; border: 1px solid #d0d0d0; background: #e7e7e7 url(../../images/cat_back.png) 0 0 repeat-x; text-shadow: -1px 1px 1px #fff; position: absolute; left: -1px; top: -1px; width: 100%; padding: 4px 0px; }
.layered_nav .block-title span { margin: 0 11px; font-family: 'HelveticaNeueLTPro57Condensed'; font-size: 18px; font-weight: normal; }
.layered_nav dd { margin-bottom: 15px; }
.ui-slider .ui-slider-range { background: #2388BE !important; }
.ui-slider .ui-slider-handle { background: #0B3146 !important; } 
.layered_nav  .go { background: #0B3146; outline: none; border: none; color: #fff; line-height: 22px; padding: 0 10px; }


.stockmessage { padding: 6px; background: #CACAFD; border: 1px solid #0B3146; color: #0B3146; font-weight: bold; }

.banner_productlist { margin-bottom: 8px; height: 100px; } 
.banner_productlist img { max-width: 100%; }
.banner_productlist ul li { display: none; }

@media screen and (min-width: 767px ){
	body.stickynav .header-container { height: 125px; position: fixed; left: 0; width: 100%; background: #fff; z-index: 9999; }
	body.stickynav .header-container .header { width: 950px; margin: 0 auto; }
	body.stickynav .main-container { padding-top: 215px; }
	body.stickynav #slogan, body.stickynav .special_menu, body.stickynav .webwinkelkeurPopup { display: none; }
	body.stickynav .afterpaylogo { display: block; position: absolute; left: 275px; }
	body.stickynav .nav-container { transition: all 0.2s ease-in-out 0s; width: 100%; background: #2489BF; }
	body.stickynav .nav-container #pronav { width: 960px !important; margin: 0 auto; }
	body.stickynav .header-container .header h1.logo, body.stickynav .header-container .header a.logo.noh1{ margin: 10px 0 0 0; }
	body.stickynav .header-container .header h1.logo img, body.stickynav .header-container .header a.logo.noh1 img {  height: 75px; } 
	body.stickynav .header-container .quick-access { position: relative; }
	body.stickynav .header .form-search { top: 57px; }
}
@media screen and (max-width: 767px ){
	.layered_nav .block-title { font-family: 'HelveticaNeueLTPro57Condensed'; border: 1px solid #258ABF; background: #258ABF url(../../images/ico-down.png) no-repeat 98% center; text-shadow: none; position: absolute; left: -1px; top: -1px; width: 100%; padding: 4px 0px; color: #fff; }
	.layered_nav .block-content { display: none; }
}


.footerLine .sitemap a { color: #C7E7F2; }
.footerLine .sitemap li { float: left; margin-left: 10px; }

#catalog-filters ol, #catalog-filters ol li { list-style: none; }
.fme-filter dt { border: 1px solid #d3d3d3 !important; background: #e7e7e7 url(../../images/cat_back.png) 0 0 repeat-x; padding: 6px 10px 7px 24px !important; line-height: 1em !important; }
.fme-filter dd { border: 1px solid #d3d3d3 !important; }

.productListingBottom a.link-compare { background: #E27E37; color: #fff; }

.block-layered-nav dt { font-weight: bold; background: #e7e7e7 url(../../images/cat_back.png) 0 0 repeat-x; color: #443F3F; font-size: 16px; font-family: 'HelveticaNeueLTPro57Condensed'; text-transform: uppercase; font-weight: normal !important; padding: 6px; border: 1px solid #D3D3D3; }
.attribute_container { max-height: 1000px !important; border: 1px solid #cecece; padding: 10px; }
.block-layered-nav #showallfilters { margin-top: 8px; background: #1E8BC5; color: #fff; text-align: center; width: 100%; display: block; text-transform: uppercase; padding: 6px 0; }
.attribute_container ol li { list-style: none; margin-left:0; }
.attr_filter_container { display: none; }
.wk_layered_custom .currently { display: none; }
@media screen and (max-width: 767px ){
	.block-layered-nav dt { margin-top: 8px; cursor: pointer; }	
}
.smap { margin-top: 15px; }
.smap li {     margin: 0 3px 3px 0;    float: left;    display: block; border-bottom: 0 !important; background: #154E6E; border-radius: 4px; padding: 1px 3px !important; font-size: 11px; }
.smap li a { color: #fff; }
.block-layered-nav dt { margin-top: 8px; cursor: pointer; }	
.dailydeal-index-list .banner_productlist { display: none; }

.paypal-or { display: none; }
.totals .paypal-logo { display: none; }
.add-to-box .paypal-logo { margin-top:10px; }

.promoset-list-product { padding: 10px; }
.promoset-list h4 a { font-size: 16px; font-weight: normal; text-transform: uppercase; margin-bottom: 4px; display: block; }
.promoset-cart p.old-price { padding: 0;  padding-right: 10px; font-weight:normal; background: url(../../images/scratch_big.png) right 0 no-repeat; font-size: 18px; color: #000; padding-bottom: 3px;}
.promoset-cart p.special-price { padding-right: 10px; color: #e86d1a; font-size: 30px; line-height: 10px; }
.promoset-cart .price-box .price { font-weight: normal; }
h2.combih2, h4.combih2 { color: #3e3e3e; font-size: 24px; font-family: 'HelveticaNeueLTPro57Condensed'; text-transform: uppercase; font-weight: normal; padding-bottom: 8px; }
.grouped-items-table { margin-bottom: 10px; }
.grouped-items-table h4 a { font-size: 14px; font-weight: normal; text-transform: uppercase; margin-bottom: 4px; display: block; }

.keurmerkico { position: absolute; right: 0; top: 35px; }
.col-left.sidebar .homepageBox.contactBox { display: none; }