/*--------------------------- section new products ------------------------------*/
.new-products { padding-top: 30px; margin-bottom: 15px; position: relative; }
.title { position: relative; margin-bottom: 25px; }
.new-products .title { text-align: center; }
.pr-box-wrap { position: relative; display: inline-table; vertical-align: top; width: 19%; margin: 0px 0% 25px 0.5%; text-align: center; border: 1px solid transparent; padding: 10px 8px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.new-products .box-view .pr-box-wrap { width: 19%; margin: 0px 0% 25px 0.5%; }
.pr-box-wrap:hover { border: 1px solid #e6e6e6; /*border-bottom: 1px solid transparent;*/ }
.pr-box-wrap figure { position: relative; text-align: center; margin-bottom: 10px; overflow: hidden; }
.pr-box-wrap figure > a { display: block; height: 230px; position: relative; }
.pr-box-wrap figure > a > span { position: absolute; display: block; top: 50%; left: 0px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pr-box-wrap figure > a > span img { max-height: 230px; }
.pr-box-wrap figure figcaption { position: absolute; top: 0px; right: -55px; z-index: 3; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.pr-box-wrap:hover figcaption { right: 0px; }
.pr-btn { display: block; width: 40px; height: 40px; background: #f6f6f6; color: #dc2b19; font-size: 22px; text-align: center; line-height: 42px; margin-bottom: 4px; }
.pr-btn:hover { background: #dc2b19; color: #fff; }
.comped figure:before { content: '\f0ec'; font-family: 'FontAwesome'; position: absolute; top: 0px; right: 0px; z-index: 2; display: block; width: 25px; height: 25px; background: #dc2b19; color: #fff; font-size: 16px; text-align: center; line-height: 24px; }
.comped .pr-btn.exchange { background: #dc2b19; color: #fff; }
.add-like .pr-btn.heart { background: #dc2b19; color: #fff; }
.add-like .favorite i { color: #dc2b19; }
.pr-title { display: -webkit-box; font-size: 17px; color: #484848; margin-bottom: 4px; min-height: 63px; overflow: hidden; padding: 0px 10px;  font-weight: normal; text-transform: none;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.pr-box-wrap:hover .pr-title { color: #000; }
.code { font-size: 14px; color: #bbbbbb; margin-bottom: 12px; padding: 0px 10px; }
.code span { display: none; }
.uvel { transition: transform 1s; }
.uvel:hover { transform: scale(1.3); }

/*----text prop----*/
.pr-mem-wrap {  position: relative; display: inline-table; vertical-align: top; width: 19%; margin: 0px 0% 10px 0.5%; text-align: center; border: 2px solid #D3D3D3; border-radius: 0.5rem ; padding: 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.pr-mem-wrap:hover { border: 2px solid indianred; cursor: pointer; }
.pr-mem-wrap img {  margin: auto; width: 75%; height: 75%; display: block }
.pr-mem-wrap a { font-weight: 600; width: 100%; font-size: 1rem;  line-height: 2rem; color: #333333;/*background-image: linear-gradient(to right, white 0, palegoldenrod 100%)*/;}
.pr-mem-wrap a:hover{color:#dc2b19}
/*------- price -------*/
.pr-price { border-top: 1px solid #e6e6e6; padding-top: 8px; margin: 0px 10px 10px; text-align: left; }
.new-price { display: block; color: #000; font-size: 24px; font-weight: bold; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; }
.pr-box-wrap:hover .new-price { color: #dc2b19; }
.new-price .note { display: inline-block; margin-left: 8px; }
.old-price { display: block; color: #aaaaaa; text-decoration: line-through; font-size: 16px; }
.wholesale-price { color: #be1010; font-size: 16px; }
.wholesale-price span { font-weight: bold; font-size: 18px; }

/*--------------- price discount in product details -----------------*/
.price-discount { float: right; margin-bottom: 20px; }
.discount-qty { font-size: 20px; font-weight: bold; color: #48c231; text-align: left; }
.description-wrap .discount-qty { text-align: right; }
.dis-green { color: #48c231; }
.dis-blue { color: #1966b6; }
.dis-orange { color: #ee8945; }
.discount-qty .note { font-size: 14px; display: inline-block; margin-left: 8px; }
.buy, .buy-not-active { border-radius: 2px; float: left; background: #48c231; margin-bottom: 20px; margin-right: 30px; padding: 10px 0px 10px 10px; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; }
.buy-not-active { cursor: default; background: #ccc; }
.buy .input-num input, .buy-not-active .input-num input { width: 40px; }
.buy .arw-up, .buy .arw-down, .buy-not-active .arw-up, .buy-not-active .arw-down { left: 26px; }
.buy .input-num em { color: #fff; }
.buy-btn { display: block; float: left; color: #ffffff; font-size: 24px; font-weight: bold; height: 26px; line-height: 26px;  padding: 0px 15px; margin-left: 12px; }
.buy:hover { background: #399528; }

.altBuy-btn { display: inline-block; color: #fff; font-size: 17px; font-weight: bold; height: 15px; line-height: 15px; padding: 0 15px; margin-left: -9px; }
.buy:hover { background: #399528; }

.buy-not-active .buy-btn { border-left: 1px solid #aaa; }
.no-prod { margin-top: 10px; margin-bottom: 20px; font-size: 16px; }
.no-prod span { border-bottom: 1px solid #f1f1f1; }
.no-prod i { color: #d41717; }

/*------- Quantity -------*/
.Qty { display: inline-block; margin-bottom: 10px; }
.Qty > span { display: block; float: left; line-height: 26px; font-size: 15px; color: #000; text-transform: uppercase; margin-right: 10px; }
.invent-btn { display: block; float: left; font-size: 14px; color: #dc2b19; text-transform: uppercase; margin-left: 10px; background: #F6F6F6; height: 40px; line-height: 42px; padding: 0 12px; font-weight: bold; }
.invent-btn i { font-size: 22px; margin-right: 5px; position: relative; top: 2px; }
.invent-btn:hover { background: #dc2b19; color: #fff; }
.input-num { position: relative; text-align: left; float: left; }
.input-num input { display: block; float: left; outline: none; border: 1px solid #e6e6e6; width: 70px; height: 26px; padding: 0px 8px; margin-right: 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.arw-up, .arw-down { display: block; position: absolute; top: 5px; left: 56px; width: 10px; height: 6px; }
.arw-up img, .arw-down img { display: block; }
.arw-down { top: 15px; }
.input-num em { font-style: normal; font-size: 14px; color: #818181; float: left; display: block; line-height: 26px; }
.Qty .input-num { margin-top: 6px; }
.Qty .no-prod { margin-bottom: 10px; margin-top: 0px; font-size: 15px; }
.pa-onhover { position: absolute; width: 100%; top: 100%; left: 0px; padding: 0 18px 10px; opacity: 0; visibility: hidden; z-index: 5; background: #fff; -webkit-box-shadow: 0px 1px 0px 1px rgba(230,230,230,1); -moz-box-shadow: 0px 1px 0px 1px rgba(230,230,230,1); box-shadow: 0px 1px 0px 1px rgba(230,230,230,1); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pr-box-wrap:hover .pa-onhover { opacity: 1; visibility: visible; }
.pa-onhover .invent-btn { float: right; }
.wholesale { padding: 0px 10px; font-size: 12px; text-transform: uppercase; color: #ee8945; font-weight: bold; }

/*-------- ribbons ----------*/
.different-ribbon { position: absolute; bottom: 0px; right: 0px; z-index: 3; text-align: right; }
.different-ribbon span { display: inline-block; padding: 3px 5px; text-align: center; color: #fff; background: #48c231; font-size: 12px; text-transform: uppercase; margin-top: 5px; opacity:0.9;}

.dr-red { background: #dc2b19 !important; }
.dr-orange { background: #ee8945 !important; }

.dr-blue { background: #1c70dc !important; }
.dr-black { background: #000000 !important; }
.dr-yellow { background: #c4c613 !important; }
.dr-purple { background: #861ec4 !important; }
.dr-khaki { background: #43805c !important; }
.dr-grey { background: #6e6e6e !important; }

.ribbon-price { position: absolute; top: 0px; left: 0px; width: 48px; height: 48px; text-align: center; line-height: 48px; color: #fff; background: #dc2b19; border-radius: 50%; font-size: 16px; z-index: 3; }
.ribbon-new { position: absolute; bottom: 0px; left: 0px; z-index: 4; padding-left: 5px; padding-bottom: 1px; }
.ribbon-new span { position: relative; z-index: 5; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #fff; }
.ribbon-new:before { content: ''; width: 0; height: 0; border-top: 43px solid transparent; border-left: 46px solid #1f5d89; position: absolute; bottom: 0px; left: 0; z-index: 0; }
.red-ribbon { text-align: center; color: #fff; height: 42px; width: 178px; background: url('https://images.emart.eu/cite/red_ribbon.png') no-repeat center top; text-transform: uppercase; font-size: 12px; margin: 0px auto 5px; line-height: 14px; padding-top: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.red-ribbon strong { font-size: 16px; display: block; }
.light-red-ribbon { text-align: center; color: #fff; height: 36px; width: 153px; background: url('https://images.emart.eu/cite/light_red_ribbon.png') no-repeat center top; text-transform: uppercase; font-size: 11px; margin: 0px auto 5px; line-height: 12px; padding-top: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.light-red-ribbon strong { font-size: 14px; display: block; }
.yellow-ribbon { text-align: center; color: #dc2b19; height: 36px; width: 153px; background: url('https://images.emart.eu/cite/yellow_ribbon.png') no-repeat center top; text-transform: uppercase; font-size: 11px; margin: 0px auto 5px; line-height: 12px; padding-top: 4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.yellow-ribbon strong { font-size: 14px; display: block; }
.black-friday { position: absolute; width: 106px; height: 76px; z-index: 5; background: url('https://images.emart.eu/cite/black_friday.png') no-repeat; top: 0px; right: 0px; text-transform: uppercase; font-size: 20px; color: #000; font-weight: bold; line-height: 18px; padding-top: 25px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.pr-box-wrap .black-friday { background: url('https://images.emart.eu/cite/black_friday.png') no-repeat; background-size: 62px 42px; top: auto; bottom: 0px; width: 62px; height: 42px; font-size: 12px; line-height: 11px; padding-top: 14px; }

/*------------------------- products ---------------------------*/
.box-view .pr-box-wrap { width: 23.3%; margin: 0 1% 25px 0; }
.list-view .pr-box-wrap { float: none; display: block; width: auto; margin: 0 0 0px 0; text-align: left; border-bottom: 1px solid #e6e6e6; }
.list-view .pr-box-wrap:hover { border: 1px solid transparent; border-bottom: 1px solid #e6e6e6; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.235); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); }
.list-view .pr-box-wrap figure { float: left; width: 22%; background: #fff; margin-right: 2%; }
.list-view .pr-box-wrap figure figcaption { display: none; }
.list-view .pr-title { padding: 0px; float: left; width: 50%; font-size: 20px; min-height: inherit; }
.pr-info { display: none; float: left; width: 55%; font-size: 15px; color: #878787; margin-bottom: 10px; max-height: 36px; overflow: hidden; }
.list-view .pr-info { display: block; }
.list-view .code { float: left; width: 55%; padding: 0px; }
.list-view .code span { display: inline-block; margin-left: 10px; }
.list-view .Qty { display: none; }
.list-view .pr-price { position: absolute; top: 109px; left: 24.5%; width: 50%; border-bottom: none; border-top: 1px solid #e6e6e6; margin: 0px; }
.list-view .pr-price .discount-qty { margin-top: 5px; }
.list-view .red-ribbon, .list-view .light-red-ribbon, .list-view .yellow-ribbon { position: absolute; top: 75px; right: 10px; }
.list-view .wholesale { position: absolute; top: 120px; left: 24.5%; width: 50%; padding: 0px; text-align: right; }
.pr-box-wrap .buy { display: none; position: absolute; float: none; margin: 0px; top: 10px; right: 14px; z-index: 3; }
.list-view .buy { display: block; }
.pr-box-wrap .out-of-stock { display: none; position: absolute; float: none; margin: 0px; top: 10px; right: 14px; z-index: 3; text-align: right; }
.out-of-stock .no-prod { margin-top: 4px; margin-bottom: 0px; }
.out-of-stock .no-prod span { border: none; }
.list-view .out-of-stock { display: block; }
.more-qty { position: absolute; top: 120px; right: 14px; display: block; margin-bottom: 5px; }
.box-view .more-qty { position: relative; top: auto; right: auto; padding: 0 10px; }
.box-view .discount-qty { font-size: 17px; }
.box-view .discount-qty .note { margin-left: 8px; }
.list-view .discount-qty { font-size: 18px; text-align: right; }
.pr-box-wrap .options-list { display: none; position: absolute; top: 173px; left: 24.5%; margin: 0px; line-height: normal; border-bottom: 0px; -webkit-transition: all 500ms; -moz-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; opacity: 0; visibility: hidden; }
.pr-box-wrap .options-list .checkbox-custom { margin-bottom: 0px; }
.list-view .options-list { display: block; opacity: 1; visibility: visible; }

@media only screen and (max-width: 1480px) {
.input-num input, .box-view .input-num input { width: 48px; }
.arw-up, .arw-down, .box-view .arw-up, .box-view .arw-down { left: 33px; }
.pr-title { font-size: 16px; }
}
@media only screen and (max-width: 1280px) {
.pr-box-wrap { width: 32%; }
.pr-mem-wrap { width: 32%; }
.box-view .pr-box-wrap { width: 31.8%; }
.main-part .title { margin-bottom: 15px; }
.list-view .pr-title { width: 48%; font-size: 18px; max-height: 46px; overflow: hidden; }
.list-view .pr-info, .list-view .code { width: 48%; }
.list-view .wholesale { width: 47%; top: 140px; }
.list-view .pr-price { width: 47%; top: 135px; }
.list-view .pr-box-wrap { padding-bottom: 50px; }
.pr-box-wrap .options-list { top: 222px; }
.list-view .pr-price .discount-qty { text-align: left; margin-top: 0px; }
}
@media only screen and (max-width: 990px) {
.pr-box-wrap { border: 1px solid #e6e6e6 !important; }
.pr-box-wrap figure figcaption { right: 0px; }
.pa-onhover { position: relative; top: auto; left: auto; opacity: 1; visibility: visible; padding: 0px 10px 10px; margin-bottom: 0px; box-shadow: none; margin-top: 7px; }
.list-view .pr-box-wrap { border: 1px solid transparent; border-bottom: 1px solid #e6e6e6; }
.list-view .pr-box-wrap { border: none !important; border-bottom: 1px solid #E6E6E6 !important; }
.description-wrap { float: none; width: auto; }
}
@media only screen and (max-width: 900px) {
.input-num input, .box-view .input-num input { width: 58px; }
.arw-up, .arw-down, .box-view .arw-up, .box-view .arw-down { left: 42px; }
}
@media only screen and (max-width: 800px) {
.pr-box-wrap { width: 49%; }
.pr-mem-wrap { width: 49%; }
.box-view .pr-box-wrap { width: 48%; }
.list-view .spisyk .wholesale { display: none; }
.list-view .spisyk .red-ribbon, .list-view .spisyk .light-red-ribbon, .list-view .spisyk .yellow-ribbon { display: none; }
.list-view .spisyk .more-qty { display: none; }
.list-view .spisyk .pr-price .discount-qty { display: none; }
.list-view .spisyk .pr-info, .list-view .spisyk .pr-title, .list-view .spisyk .code { float: none; width: auto; }
.list-view .spisyk .pr-price { position: relative; width: auto; top: auto; left: auto; }
.list-view .spisyk .buy { position: relative; top: auto; right: auto; float: left; margin-top: 15px; }
.list-view .pr-box-wrap.spisyk { padding-bottom: 20px; }
}
@media only screen and (max-width: 640px) {
.list-view .pr-box-wrap.spisyk figure { width: 31%; }
}
@media only screen and (max-width: 560px) {
.input-num input, .box-view .input-num input { width: 48px; }
.arw-up, .arw-down, .box-view .arw-up, .box-view .arw-down { left: 32px; }
.price-discount { float: none; }
.description-wrap .discount-qty { text-align: left; }
.description-wrap .red-ribbon { margin: 0 0 10px; }
.buy, .buy-not-active { float: none; margin-right: 0px; padding: 10px 10px 5px; text-align: center; }
.buy .input-num { float: none; display: inline-block; }
.buy .buy-btn { float: none; display: inline-block; position: relative; top: -5px; }
}
@media only screen and (max-width: 500px) {
.pr-box-wrap, .pr-mem-wrap, .box-view .pr-box-wrap { display: block; width: auto; margin-left: 0px; }
.input-num input, .box-view .input-num input { width: 70px; }
.arw-up, .arw-down, .box-view .arw-up, .box-view .arw-down { left: 56px; }
/*.pr-title { min-height: inherit; }*/
.list-view .spisyk .buy { float: none; }
.list-view .spisyk .pr-price { border-top: none; }
.spisyk .ribbon-price, .spisyk .ribbon-new { display: none; }
}
@media only screen and (max-width: 370px) {
.description-wrap { padding: 15px; }
}