/* DROP-DOWN MENU */
#head4 .container{overflow:visible;}
#menu2 ul{white-space:nowrap;}
#menu2 li.dropDown{position:relative;white-space:nowrap;}
#menu2 li.dropDown:hover{color:#fff;}
#menu2 li.dropDown a{display:block;}
* html #menu2 li.dropDown a{display:block;}
#menu2 li.dropDown a:hover{background:none;}
#menu2 li.dropDown li:hover, #menu2 li.dropDown .selected{border-right:0;border-left:0;}

#menu2 li.dropDown ul{display:none;height:auto;float:left;z-index:10;position:absolute;left:0px;top:100%;border-left:0px;border-right:0;}
#menu2 li.dropDown:hover ul{display:block;}
#menu2 li.dropDown:hover ul ul{display:none;}
#menu2 li.dropDown ul li:first-child {border-top:0px dotted #ede9dc;}
#menu2 li.dropDown ul li:last-child {border-bottom:0px dotted #ede9dc;}
#menu2 li.dropDown ul li{position:relative;clear:left;float:left;width:15em;border-bottom:1px dotted #ede9dc;border-left:0;border-right:0;background:#FFFFFF;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.37);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.37);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.37);}
#menu2 li.dropDown ul li:hover{background:#FFFFFF;}
#menu2 li.dropDown ul li a{height:auto;margin:0;padding:10px 20px 10px 15px !important;font-weight:normal;background:none;text-shadow:none;}
#menu2 li.dropDown ul li a:hover, #menu2 li.dropDown ul .selected a{text-decoration:none;background:#FFFFFF;}
#menu2 li.dropDown  ul li a, #menu2 li.dropDown ul .selected a{background:#FFFFFF;text-align:left;}

.sub1 {display:none;}

#menu3 li{border-bottom:1px solid #e8eaed;}

#menu3 li.dropDown{position:relative;}
#menu3 li.dropDown:hover{color:#cc9966;background:#f2f2f2;}
#menu3 li.dropDown:hover a{color:#000000;background:none;text-shadow:none;}

#menu3 .sub1 li{border:0;}

#menu3 .dropDown .sub1{display:none;white-space:nowrap;position:absolute;top:0;left:187px;z-index:12;border-left:3px solid #e8eaed;}
*:first-child+html #menu3 .dropDown .sub1{background:#66960b;} /* IE 7 hack */
* html #menu3 .dropDown .sub1{background:#66960b;} /* IE 6 hack */
#menu3 .dropDown .sub1 li{position:relative;margin:0;padding:0;background:#f2f2f2;border-bottom:1px solid red;}
#menu3 .dropDown .sub1 li a{padding:5px 20px 5px 10px;background:none;color:#000000;text-decoration:none;width:15em;}
#menu3 .dropDown .sub1 li:hover{background:#f2f2f2;}
#menu3 .dropDown .sub1 li a:hover, #menu3 .dropDown .sub1 .selected > a{color:#cc9966;text-decoration:none;background:#f2f2f2 !Important;width:10em;}

#menu3 .sub2{margin:0;padding:0;border:0;background:none;}
#menu3 .sub2 li{border:0;}

#menu3 .dropDown .sub1 li ul{display:none;position:absolute;margin:0;padding:0;z-index:13;top:0;left:15em;border-left:3px solid #e8eaed;}
#menu3 .dropDown .sub1 li{background:#f2f2f2;border-bottom:1px solid #e8eaed;}
#menu3 .dropDown .sub1 li ul li a{padding:3px 20px 3px 10px;}

.noticesAccepts {float: left;width: 100%;margin:10px 0;text-align: justify;}

/* */
.cookiesBox {float: left;width: 100%;display: flex;justify-content: center;align-items: center;flex-wrap:wrap;margin:15px 0;}
.cookiesBox button {transition:0.5s all;padding: 8px 25px;font-size: 14px;color: #ffffff;background-color: #676767;letter-spacing: 0.2px;font-weight:600;font-family: 'Poppins', sans-serif;transition: 0.5s all;text-transform: uppercase;}
.cookiesBox button:hover {background:#3399CC;cursor:pointer;color:#FFFFFF;}

/* */
#products ul.list .heart {
  position: absolute;
  float: left;
  top: 30px;
  right: 0;
  z-index: 100;
}
.heart:after{content: "\f004";  /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  left:0px;
  position:absolute;    transform: translateY(-50%);z-index: 50111;
  top:50%;font-size: 2.55em;color: #000000;transition: 0.5s all;cursor:pointer;z-index: 1;}
.heart:hover::after, .heart button:hover::after, .heart.active::after{color: #000000;cursor:pointer;}

.heart:hover::after, .heart button:hover::after, .heart.active::after {
  color: #3399CC;
  cursor: pointer;
}
#products .list li:hover .heart.active::after {
  color: #FFFFFF;
  cursor: pointer;
}
.watchlist-info a {color: #3399CC;}
.watchlist-info a:hover {color: #000000;}

.heart button{position: absolute;left: 0;top: 0;height: 35px;width: 30px;background:none;outline:0}
.watchlist-info{display:inline-block;max-width:174px;float: left;width: 100%;padding: 15px;}
.watchlist-info span{color:red;font-weight:bold;}
.watchlist-info span:hover{cursor:pointer}

#product .heart{float:right;margin-left:14px}
#product .watchlist-info{width:100%;display:block;max-width:inherit}
#tags{width:94% !important}

/* */
.boxObserwowane {display: flex;justify-content: space-between;flex-wrap: wrap;}
.boxObserwowane .heart {width: 24px;height: 24px;position: relative;}
.boxObserwowane .watchlist-info {width: calc(100% - 30px);text-align: right;}

.boxObserwowaneWatch.openBoxWatch {align-items: center;justify-content: center;position: absolute;top: 0;left: 0;width: 100%;text-align: center;display: flex;height: 100%;max-width: 100%;background: rgba(255,255,255,0.9);z-index: 5001112;}
.boxObserwowaneWatch {display: none;}

/* */
.ulubioneBox {display: flex;justify-content: left;margin: 25px 0;flex-wrap: wrap;align-items: center;border-bottom: 1px solid #cecece;border-top: 1px solid #cecece;padding: 5px 0 5px 0;float: left;width: 100%;}
.ulubioneBox span {margin-left: 5px;margin-right: 0px;font-weight: 400;}
.ulubioneBox .heart {margin-left: 0 !important;}
.ulubioneBox .heart button {z-index: 100013;}
.ulubioneBox.lineUlubione .watchlist-info {display: flex;flex-wrap: wrap;justify-content: left;text-align: right;padding: 15px;background: rgba(255, 255, 255, 1);margin: 15px 0;box-shadow: rgba(0, 0, 0, 0.64) 0px 2px 8px -5px;}

.ulubioneBox .heart {width: 50px;float: left;height: 30px;}
.ulubioneBox .heart button{position: absolute;left: 0;top: 50%;height: 30px;width: 30px;background:none;outline:0;transform: translateY(-50%);z-index: 50111;cursor:pointer;}
.ulubioneBox .heart button:hover {cursor:pointer;}

.ulubioneBox .watchlist-info a {color: #3399CC;margin: 5px 0 0 0;float: right;}
.ulubioneBox .watchlist-info a:hover {color: #000000;}
.ulubioneBox .watchlist-info span:hover {color: #3399CC;}


#products ul.list .watchlist-info__wrapper {background: #FFFFFF;box-sizing: border-box;
  margin: 0 0 0 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  text-align: center;
  justify-content: center;
  align-items: center;display: none;
}
#products ul.list .watchlist-info__wrapper.hideBox {display: flex;}

.boxBottomProduct {position: relative;}

#box .heart {
  position: relative;
  float: left;
}

#box .watchlist-info__wrapper {margin: 0 0 0 15px;}

/* */
#noticeLayer{display:none;padding:7px 0;background:#fff;font-weight:bold;border-bottom:1px solid #555;}
#noticeLayer .close{text-decoration:none;}
#noticeLayer .close:hover{border-color: #000000;color:#FFFFFF;background:#000000;}
#darkBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index:12999;}
#noticeLayer.darkNotice{position:fixed;top:150px;left:50%;z-index:100009;width:50%;margin-left:-25%;padding:30px 10%;text-align:center;
  background:#fff;border:5px solid #fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;box-sizing:border-box;font-weight: 300;font-size: 1.75em;}
#noticeLayer.darkNotice .close{display:block;margin-top:0px;text-align:center;}
#noticeLayer > span {color: #3399CC;font-weight: bold;}

/* */
#quantityChange{width:140px;margin:0;}
#quantityChange .button{margin:0 0 0 5px;text-indent:-9999px;cursor:pointer;width:29px;height:29px;float:left;text-align:center;background:url('img/buttons.png') no-repeat;}
#quantityChange .dec{background-position:0 -29px;}
#quantityChange .buttons{padding:20px 0 0 140px;}
#quantityChange input::-webkit-outer-spin-button, #quantityChange input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
#quantityChange input[type=number]{-moz-appearance:textfield;}

/* */
#product .minus, #product .plus, #products .minus, #products .plus{border: 1px solid #e0e0e0;background-color: #f9f9f9;color: #666;height: 98%;padding: 0.6% 6px;text-align: center;text-decoration: none;font-size:18px;cursor:pointer;vertical-align: top;}
#product .quantity, #products .quantity{border: 1px solid #e0e0e0;background-color: #fff;color: #3d3d3d;font-size: 18px;text-align: center;font-weight:normal;padding:2px 5px;vertical-align: top;}
#product .numbertype, #products .numbertype{border: 1px solid #e0e0e0;background-color: #fff;color: #3d3d3d;font-size: 18px;text-align: center;font-weight:normal;padding: 3px 5px;
vertical-align: middle;width: 50px;margin-top: 0px;float:left;}
.priceOrg, .priceNettoOrg, .priceVatCountOrg{display:none;}
.le-quantity {padding: 4px;position: relative;border: 1px solid #e0e0e0;display: inline-block;vertical-align: top;width:50px;background:#FFFFFF;}
.le-quantity .minus, .le-quantity .plus {position: absolute;width: 5px;height: 98%;padding: 0.6% 6px;background-color: #f9f9f9;top: 0;font-family: fontawesome;}
.le-quantity .minus:hover, .le-quantity .plus:hover {background-color: #f6f6f6;}
.le-quantity .minus, .le-quantity .plus, .le-quantity .minus:after, .le-quantity .plus:after {color: #3d3d3d;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.le-quantity .minus:after, .le-quantity .plus:after {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 10px;height: 10px;font-size: 10px;}
.le-quantity .minus {left: 0;border-right: 1px solid #e0e0e0;}
.le-quantity .minus:after {content: "\f068";}
.le-quantity .plus {border-left: 1px solid #e0e0e0;right: 0;}
.le-quantity .plus:after {content: "\f067";}
.le-quantity input {border: none;text-align: center;width: 50px;color: #3d3d3d;font-size: 16px;background-color: #fff;}

/* */
#attributesSelects {margin-top: 0px;}
.button-basket {float: left;width: 100%;text-align: left;margin: 15px 0 25px 0;}
.button-basket .addBasketProduct {padding: 8px 25px 7px 25px;font-size: 16px;color: #ffffff;background-color: #3399CC;letter-spacing: 0.2px;font-weight:600;font-family: 'Poppins', sans-serif;transition: 0.5s all;text-transform: uppercase;} 
.button-basket .addBasketProduct:hover {background:#000000;cursor:pointer;}

/* */
#boxInnerLayerBasket {display: flex;justify-content: space-between;align-items: center;margin: 25px 0 0 0;}
#boxInnerLayerBasket  a {padding:6px 15px 5px 15px;font-size:14px;line-height:21px;border-color: #3399CC;color:#FFFFFF;background:#3399CC;margin-top:0px;white-space:nowrap;overflow:hidden;font-weight:normal;text-transform:uppercase;letter-spacing:0.05em;text-align:center;cursor:pointer;vertical-align:middle;transition:250ms all ease-in-out;}
#boxInnerLayerBasket  a.close:hover {border-color: #3399CC;color:#FFFFFF;background:#3399CC;}
#boxInnerLayerBasket  a.dalej:hover {border-color: #000000;color:#FFFFFF;background:#000000;}

#boxInnerLayerBasketCenter {display: flex;justify-content: center;align-items: center;margin: 25px 0 0 0;}
#boxInnerLayerBasketCenter  a {padding:6px 15px 5px 15px;font-size:14px;line-height:21px;border-color: #000000;color:#FFFFFF;background:#000000;margin-top:0px;white-space:nowrap;overflow:hidden;font-weight:normal;text-transform:uppercase;letter-spacing:0.05em;text-align:center;cursor:pointer;vertical-align:middle;transition:250ms all ease-in-out;}
#boxInnerLayerBasketCenter  a:hover {border-color: #3399CC;color:#FFFFFF;background:#3399CC;}

/* */
.grid-item {position: relative;}

/* Omnibus */
#product .price30Day {padding-bottom:5px;background:inherit;font-size:0.95em;font-style: italic;}
#product .price30Day em{background:inherit;padding:0 5px 0 0;font-style: italic;}
#product .price30DayPromo {font-style: italic;}
#product .price30Day span {padding-left: 5px;}