
.hidden-desktop {
	display: none !important;
}
@media (max-width: 767px) {
	.mod16 figure img, .modContent article figure img {
	  height: auto !important;
	}
	.hidden-mobile {
		display: none !important;
	}
	.hidden-desktop {
    	display: block !important;
	}
}



#headNav:before, .stickynav #mainNav:before,.noView:before {
	content: "";
	height: 15px;
	width: 982px;
    display: block;

	background: url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-sprite.png") no-repeat scroll 0px -985px;

}
.stickynav #mainNav .toTop {
  margin-top: 15px;
}

#mainNav {
  background-image: none;
  background-color: #525f6b;
}
.shadowContent {
	border: none;
}
	#mainNav {
	  margin: 0 -10px 10px;
	  border: 10px solid #ffffff;
	  border-top: none;
	  border-bottom: none;
	}
	.breadcrumb {
	  border: 10px solid #ffffff;
	  margin: -3px -10px 20px;
	  border-top: none;
	  border-bottom: none;
	}
	.stickynav .breadcrumb {
	  margin: -1px -10px 20px;
	  top: 45px;
	}
#mainNav ul li {
  background: none;
  padding: 0;
}


.nectarMenu .shadowContent {
	border: 1px solid #525f6b;
	border-top: none;
  	box-shadow: none;
}
#mainNav ul li .menuCol ul li {
  border-radius: 0;
}
#mainNav ul li .menuCol ul li.active {
  background: #dfdfe0;
}

#mainNav ul li.over > a > span {
	color: #525f6b;
}


#mainNav div.mainSearch {
  margin-top:5px;
}
#mainNav div.mainSearch div {
  background: #ffffff none repeat scroll 0 0;
  border: none;
  height: 20px;
}

#mainNav div.mainSearch a.searchGo {
  background-position: 3px -130px;
}


#ShoppingBasket {
  top: 3px;
}
#ShoppingBasketMyProduct .store_my {
  padding: 1px 30px 2px 0;
}

.breadcrumb {
	padding-left: 10px;
	width: 972px;
}

.stickynav .breadcrumb {
	box-shadow: 0 6px 4px -6px rgba(0, 0, 0, 0.6);
	width: 972px;
}

.stickynav .breadcrumb ul {
  box-shadow: none;
  padding: 6px 0 0;
}
.modSubnav {
  margin-left: 0px;
  border-bottom: 1px solid #bfc0c2;
  border-top: 1px solid #bfc0c2;
}

/**********************
* Tabs
***********************/

	.modContentTab ol.tab li a > span {
    font-weight: normal;
    color: #000000;
	}
	 .modContentTab ol.tab li.current a > span {
		font-weight: bold;
	}
	.modContentTab .tabContent {
	  border-color: #bfc0c2;
	}
/**********************
* Products
***********************/

.modProductList #overview.stickynav, .modShopList #overview.stickynav, .p-listHeader.stickynav {
  top: 78px;
}
#filtered label, .filtered label {
  border: 1px solid #a8afb5;
  border-radius: 0px;
  color: #525f6b;
}
.p-list .new {
	background: #e20015;
}

/**********************
* Accordion
***********************/

	.modAccordion {
	  margin-bottom: 4px !important;
	}
  .modAccordion h4 {
    font-weight: normal;
  }
	.modAccordion h5 {
	  color: #000000;
	  background: #ffffff none repeat scroll 0 0;
	  font-weight: bold !important;
	  height: 30px;
	  line-height: 32px;
	  -webkit-transition: all .3s ease;
	  transition: all .3s ease;
	  border: 1px solid #bfc0c2;
	}
	.modAccordion h5.opened {
		background: #525F6B none repeat scroll 0 0;
		color: #ffffff;
		border: 1px solid #525F6B;
	}

	.modAccordion h5::before {
	  -webkit-transition: all .3s ease;
	  transition: all .3s ease;
	  border-color: #000000;
	  border-right: 2px solid #000000;
	  border-top: 2px solid #000000;
	  border-width: 1px;
	  content: "";
	  height: 5px;
	  left: 15px;
	  margin: auto 0;
	  position: absolute;
	  top: 12px;
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
	  width: 5px;
	}

	.modAccordion h5.opened::before {
	  border-color: #ffffff;
	  border-right: 2px solid #ffffff;
	  border-top: 2px solid #ffffff;
	  top: 14px;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}

/**********************
* Buttons
***********************/
/*Standard (blue)*/
.mod .btn,
a.more.btn,
a.more.btn span,
a.roundbutton,
a.roundbutton span {
	background:#005691 none repeat scroll 0 0 !important;
}

.mod .btn,
a.more.btn,
a.roundbutton {
	padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 2px solid #005691;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    height: 26px; 

}
.mod .btn > span,
a.more.btn span,
a.roundbutton span {
  background: none;
  height: auto;
  margin-right: 0 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 3px 10px 0 !important;
  max-width: inherit !important;
}
/*special buttons without span*/
.mod16 dl a.more.roundbutton {
  font-size: 14px !important;
  font-weight: normal !important;
  line-height: 27px !important;
  padding: 0 10px !important;
}
.mod16 dl a.more.roundbutton span {
  padding: 0 !important;
  background: none !important;
  line-height: 28px !important;
}


.mod .btn:hover,
a.more.btn:hover,
a.roundbutton:hover {
  background: #729FCA none repeat scroll 0 0 !important;
}
.mod .btn:hover span,
a.more.btn:hover span,
a.roundbutton:hover span {
  background: none !important;
}
/* */
.btn.deactive, .btn[disabled="disabled"],
.btn.small.deactive
 {
 	color: #ffffff;
	background:#BFC0C2 none repeat scroll 0 0 !important;
	 border-bottom-color:#BFC0C2;
 }
.btn.deactive:hover > span, .btn[disabled="disabled"]:hover > span,
.btn.small.deactive:hover > span {
 	color: #ffffff;
}

.mod16 dl dt:first-child a span {
	background:#005691 none repeat scroll 0 0 !important;
	    height: auto;
	display:inline-block;	
    margin-right: 0 !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 4px 10px 2px !important;
    max-width: inherit !important;
	font: normal 14px/22px Arial,Helvetica,Sans-serif !important; 
}
.mod16 dl dt:first-child a:hover span {
    background: none !important;
}

.mod16 dl dt:first-child a {
	padding-left: 0 !important;
    padding-right: 0 !important;
    border-bottom: 2px solid #005691;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	display:inline-block;
	color:#fff !important;
}

.mod16 dl dt:first-child a:hover {
    background: #729FCA none repeat scroll 0 0 !important;
     
}

.mod16 dl dt:first-child a[data-role='pdf'] {
	padding-left: 16px !important;
    border-bottom: none;
	color:#215F8B !important;
   -webkit-transition: none;
}

.mod16 dl dt:first-child a[data-role='pdf']:hover {
    background: url("http://www.bosch-home.pl/templates/bosch-resources/phase2/img/sprite.png") no-repeat -8px -784px !important;
}


.quickLinks ul {
  padding: 0;
}
.quickLinks a.button {
  background: #005691 none repeat scroll 0 0;
  border-bottom: 2px solid #005691;
  border-radius: 0;
  font-size: 14px !important;
  font-weight: normal !important;
  padding: 3px 10px 0 !important;
  line-height: 20px !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.quickLinks a.button:hover {
  background: #729FCA !important;
}

/*small heights*/
.modPList .model-compare .btn {
    height: 20px;
}
.modPList .model-compare .btn > span {
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: bold !important;
}


/**********************
* Dropdowns/Selectric
***********************/
.selectric {
  background: #ffffff;
  border-color: #a8afb5;
  border-radius: 0;
  box-shadow: none;
}
.selectric .label {
  text-shadow: none;
  padding: 4px 9px 3px !important;
  color: #525f6b !important;
}
.selectric .button {
  border-left: 1px solid #a8afb5;
}
.selectric .button:after {
  border-color: #525f6b rgba(0, 0, 0, 0);
  right: 8px;
}
.selectric .button::before {
  border-right: medium none;

}
.selectricHover .selectric {
  border-color: #a8afb5;
}
.selectricHover .selectric .button::after {
  border-top-color: #525f6b;
}
.selectricOpen .selectric {
  background: #ffffff;
  border-color: #a8afb5;
}

.selectricItems {
  background: #ffffff;
  border: 1px solid #a8afb5;
  border-top: none;
  box-shadow: none;
  border-radius: 0;
  top: 22px;
}
.selectricItems li {
  border-bottom: 1px solid #a8afb5 !important;
  color: #525f6b !important;
}
.selectricItems li:last-child {
  border-bottom: 1px solid #ffffff !important;
}
.selectricItems li:hover {
  background: #dfdfe0;
  color: inherit;
}
.modPFilter .selectcheck p.checked {
  color: #525f6b;
  top: -1px;
}
/**********************
* Stage
***********************/
div.sh_flyout,div#sh_summary {
  display: none;
}

#sliderhome {
  border: 1px solid #c5c5c5;
  height: 449px;
  position: relative;
  clear: both;
	display: block;
	float: none;
	margin: 0 0 12px 0 !important;
	width: 980px;
}


#sliderhome .sh_content .mainPIC {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
#sliderhome .sh_content .sh_text {
  margin: 30px;
  padding-top: 14px;
  position: relative;
  width: 46.4%;
}
#sliderhome .sh_content {
  height: 449px;
  overflow: hidden;
  width: 980px;
  }
#sh_big .sh_content:first-child{
  display: block;
}


.modHotSpots a.close {
  background-color: transparent;
  right: 10px;
  top: 10px;
}
.modHotSpots li .body {
  background: #E20015 none repeat scroll 0 0;
}
.modHotSpots li div p,.modHotSpots li .body strong {
  padding-right: 25px;
}

.slick-pause {
  background: transparent;
  cursor: cell;
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: 100;
}
/**********************
* slick slider 1.5.7
***********************/
/* data-slick='{"slidesToShow": 4, "slidesToScroll": 4}'*/
.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.slick-slide {
  position: relative;
}
/* Arrows */
.modStage .slick-prev,
.slickSlider .slick-prev,
.modStage .slick-next,
.slickSlider .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 22px;
    height: 22px;
    padding: 0;
    margin-top: -10px\9; /*lte IE 8*/
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    z-index: 1;
}

.modStage .slick-prev,
.slickSlider .slick-prev {
    left: 5px;
}
.modStage .slick-next,
.slickSlider .slick-next {
    right: 5px;
}
.modStage .slick-next:hover,
.slickSlider .slick-next:hover,
.modStage .slick-prev:hover,
.slickSlider .slick-prev:hover {
    opacity: 0.5;
}

.modStage .slick-slider button,
.slickSlider button {
    background-position: 50px 0;
}

.modStage .slick-prev:before,
.slickSlider .slick-prev:before,
.modStage .slick-next:before,
.slickSlider .slick-next:before {
	background-color: transparent;
	border-color: #005691;
	border-right: 3px solid #005691;
	border-top: 3px solid #005691;
	border-width: 3px 3px 0 0;
	content: " ";
	height: 12px;
	left: 3px;
	margin: auto 0;
	position: absolute;
	top: 3px;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	width: 12px;
}
.modStage .slick-next:before,
.slickSlider .slick-next:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Dots */
.modStage .slick-slider,
.slickSlider {
    margin-bottom: 30px;
}
.modStage .slick-dots,
.slickSlider .slick-dots {
    position: absolute;
    bottom: 3px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.modStage .slick-dots li,
.slickSlider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 1px;
    padding: 0;
    cursor: pointer;
}
.modStage .slick-dots li button,
.slickSlider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    outline: none;
	background-image: none;
	background-color: #005691;
	border: 1px solid #005691;
	border-radius: 8px;
	display: block;
	height: 10px;
	margin: 4px;
	width: 10px;
	float:none;
}
.modStage .slick-dots li button:hover,
.slickSlider .slick-dots li button:hover,
.modStage .slick-dots li button:focus,
.slickSlider .slick-dots li button:focus {
	 background-color: #ffffff;
}
.modStage .slick-dots li.slick-active button,
.slickSlider .slick-dots li.slick-active button {
  background-color: #ffffff;
  cursor: default;
}


/************************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************
*************************************************************************************************************
* FAKE SPRITES
***********************/
a.reset-btn, .reset-btn a, .buttonReset a,
.ui-slider .ui-slider-handle,
.p-listHeader #view a
 {
  background-image: url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-sprite.png");
}
#carouselFaceLiftLeft span,
#carouselFaceLiftLeft:hover span,
#carouselFaceLiftRight span,
#carouselFaceLiftRight:hover span,
#mainNav div.mainSearch a.searchGo,
#mainNav ul li a span,
#mainNav .menuCol ul li a span
/*#mainNav ul li.active a span, #mainNav ul li.over a span, #mainNav ul li a:hover span,
#mainNav ul li.first a, #mainNav ul li.active a, #mainNav ul li.over a, #mainNav ul li a:hover*/
 {
  background-image: url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-bosch-sprite.png");

}

#mainNav ul li.first a, #mainNav ul li.active a, #mainNav ul li.over a, #mainNav ul li a:hover {
    background: rgba(0, 0, 0, 0) url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-bosch-sprite.png") repeat-x scroll 0 -30px;

}
#mainNav ul li a span {
    background: rgba(0, 0, 0, 0) url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-bosch-sprite.png") no-repeat scroll 100% -100px;
}

/*mainnav fly down*/
/*#mainNav ul li.active a span, */
#mainNav ul li.over > a > span/*, 
#mainNav ul li a:hover span*/ {
  background: rgba(0, 0, 0, 0) url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-bosch-sprite.png") no-repeat scroll 100% -130px;
  /*color: #003b6a;*/
}

/**/

.modHotSpots a[role="hotspots"],
.modHotSpots a.close,
.modHotSpots a[role="hotspots"]:hover, .modHotSpots .active a[role="hotspots"],
.modHotSpots li .arrow.en,
.modHotSpots li .arrow.wn,
.modHotSpots li .arrow.e,
.modHotSpots li .arrow.en.wn
 {
  background-image: url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-sprite.png") !important;
}

.modContentTab ol.tab li a > span,
.modContentTab ol.tab li a
 {
  background-image: url("http://www.bosch-home.pl/templates/bosch-resources/images/new-ci-sprite-btn.png");
}

#head .logo
{ margin-top: 15px !important; }

