.shoppingcart {position:relative;}
.opencart {display: flex;border-radius:100%;position:relative;}
.opencart span {width:40px;height:40px;display: block;background:url(../images/cart.png) center center no-repeat;background-size: 25px;filter: brightness(0) invert(1)}
.opencart .numof {position: absolute;width: 18px;height: 18px;right: -3px;top: -3px;font-size: 12px;font-style: initial;display: flex;justify-content: center;background:var(--red);color:var(--white);border-radius:100%;font-weight:var(--fontbold)}
.opencart:hover, .shoppingcart.fullcart .opencart {}
.opencart:hover span, .shoppingcart.fullcart span {filter: none}

.saveforlatermenu, .saveforlater {margin:0 10px;background:var(--grey);border-radius:100%;position:relative}
.saveforlatermenu span, .saveforlater span {width:40px;height:40px;display: block;background:url(../images/favorite.png) center center no-repeat;background-size: 25px;}
.saveforlatermenu.saveditemsmenu, .saveforlater.saveditemsmenu, .saveforlatermenu:hover, .saveforlater:hover, .saveforlater.saveditem {background-color:var(--red);}
.saveforlatermenu.saveditemsmenu span, .saveforlater.saveditemsmenu span, .saveforlatermenu:hover span, .saveforlater:hover span, .saveforlater.saveditem span {filter: brightness(0) invert(0)}
.saveforlater {position:absolute;right:2%;top:2%;}
.saveforlatermenu span.animateclone {position:absolute;left:0px;top:0;-webkit-animation: animateclone 1s ease-out both;animation: animateclone 1s ease-out both;}
@-webkit-keyframes animateclone {
	0% {opacity: 1;}
	100% {opacity: 0;transform: scale(1.5,1.5);}
}
@keyframes animateclone {
	0% {opacity: 1;}
	100% {opacity: 0;transform: scale(1.5,1.5);}
}

.accountplace {position:relative}
.accountplace .openaccount {display: flex;padding:0 5px 0 15px;align-items: center;color:var(--white);font-size: 15px;letter-spacing: .5px;line-height: 100%;}
.accountplace .openaccount span:first-of-type {width:30px;height:40px;display: block;background: url(../images/login.png) center center no-repeat;background-size: 25px;filter: brightness(0) invert(1);margin: 0 0 0 3px;}
.accountplace .openaccount:hover span:first-of-type, .accountplace .openaccount.ilogin span:first-of-type {background: url(../images/login2.png) center center no-repeat;filter:none}

.removefromcart {background:var(--whiteopacity);position:absolute;left:-5px;top:0px;border-radius:100%;}
.removefromcart:hover, .removefromcart:focus {background-color:var(--red);}
.removefromcart span {width:60px;height:60px;display: block;background: url(../images/delete.png) center center no-repeat;background-size: 40px;}
.removefromcart:hover span {filter: brightness(0) invert(1)}
.cartplace .removefromcart {zoom:.5}

.toggleanim, .shoppingcart:hover .togglecart, .accountplace:hover .toggleplace, .toggleplace.opened, .togglecart.opened {-webkit-animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
@keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
.toggleanimout {-webkit-animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}
@keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}

.productflex {display:flex;flex-wrap:wrap;margin:30px 0 0 0}
.productflex > div {width:38%;position:relative}
.productflex .imgplace {width:60%;margin:0 2% 0 0}
.productflex select {border:1px solid var(--grey);border-radius: var(--radius);}

.makat {font-size:16px;}

.stockplace {float:right;margin:0 0 0 10px;}
.stockplace span {padding:5px 10px;color:var(--black);font-size:16px;border-radius:var(--radius);display:block}
.stockplace .yes {background:#f0f0f0}
.stockplace .no {background:#ccc;}

.slick-track {float:left}

.slider-for img {margin:auto;max-height:390px}
.slider-for .slick-slide > div {display:flex;height:400px;align-items: center;justify-content: center;border:1px solid var(--bggrey);padding:1%;border-radius:var(--radius);overflow:hidden}

.slider-nav {margin:10px 0} 
.slider-nav .slick-slide {margin:0 0 5px 0;cursor:pointer;padding:0 2px}
.slider-nav .slick-slide > div {height:100px;border-radius:var(--radius);display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--bggrey);position: relative;overflow: hidden;}
.slider-nav img {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/}
.slider-nav .slick-slide.slick-current > div {border:1px solid var(--grey)}

/*
.slider-nav.slick-slider .slick-next, .slider-nav.slick-slider .slick-prev {left:50%;bottom:auto;top:-30px;transform: rotate(-90deg);margin:0 0px 0 -30px}
.slider-nav.slick-slider .slick-next {top:auto;bottom:-30px;transform: rotate(90deg);}
	*/

.slider-nav.slick-slider .slick-next {left: 40%;}

.headeraccount {display:flex}
.headeraccount a, .viewbag, .checkout {width:48%;text-align: center;display: inline-block;padding: 5px;color:var(--white);background:var(--maincolor);box-shadow:var(--shadow);border-radius:var(--radius);border:none;margin:1%}
.headeraccount a:hover, .headeraccount a:focus {}

.changeq {display:flex;float: right;}
.changeq button {background: var(--white);width: 28px;height: 28px;cursor: pointer;position:relative;border-radius:var(--radius);border:1px solid var(--bggrey2)}
.changeq button:hover, .changeq button:focus {background:var(--red2);}
.changeq button:before, .changeq button:after {content:"";display:block;width:10px;height:2px;background:var(--black);position: absolute;}
.changeq button:after {transform: rotate(90deg);}
.changeq button {display:flex;align-items: center;justify-content: center;}
.changeq input {text-align: center;font-size: 12px;width: 35px;margin:0 2px;font-weight:var(--fontbold);padding:2px;background: var(--white);}
.changeq .minus:after {display:none}

button.addtocart {float:left;margin:0 5px 0 0;display:flex;align-items: center;padding: 3px 5px;justify-content: center;background: #F2ECEC;    border-radius: var(--radius);border:1px solid var(--bggrey2);font-size:14px;position:relative;}
button.addtocart:before {background: url(../images/cart.png) center center no-repeat;background-size: 20px;width: 20px;height: 20px;display:block;content:"";margin:0 2.5px;float:left;filter: brightness(1) invert(1);}
button.addtocart:hover, button.addtocart:focus {background:var(--red);color:var(--white)}
button.addtocart:hover:before, button.addtocart:focus:before {filter: none}

.addeditem:after {content:"";display:block;background:url(../images/approve.png) center center no-repeat;width:25px;height:25px;position:absolute;right:-15px;top:-15px;background-size:contain}

.iteminstock {padding:2px 15px;display: flex;align-items: center;}
.iteminstock .addtocart {float:right}

.textparameters {display: inline-block;min-width:50%;display: flex;flex-wrap: wrap;}
.textparameters > div {padding:10px 0;border-bottom:1px solid var(--bggrey2);display: flex;align-items: center;width: 49%;margin:0 0 0 1%}
.textparameters > div span {font-size:16px;display:block;margin:0 5px;}
.textparameters > div span:first-of-type {font-weight: var(--fontbold);}

.moreparameters {margin:0 0 30px 0;}
.moreparameters > div {padding:10px 0;border-bottom:1px solid var(--grey);display: flex;align-items: center;}
.moreparameters > div span {font-size:var(--fonttitle);display:block;margin:0 5px;}
.moreparameters > div span:first-of-type {font-size:16px;}

.productpriceplace {padding:5px 5px;display: flex;align-items: center;background: var(--bggrey);border-radius:var(--radius);justify-content: center;margin:5px 0}
.productpriceplace span {/*font-size:20px;*/font-weight: var(--fontbold);display:block;margin:0 5px;}
.productpriceplace span:first-of-type {font-size:14px;font-weight:initial;}
.productdataplace .productpriceplace {float:right;margin:0 5px}

.pricebefordiscount {text-decoration:line-through;}

.cartplace .title {margin:0 0 10px 0;font-weight: var(--fontbold);text-align:center;font-size:var(--fonttitle)}

.cartitemplace {color:var(--grey)}
.fullcart .cartitemplace {max-height:360px;overflow-y:scroll;padding:0 0 0 10px;}
.cartitemplace::-webkit-scrollbar {width: 10px;}
.cartitemplace::-webkit-scrollbar-track {background: var(--grey);}
.cartitemplace::-webkit-scrollbar-thumb {background: var(--black);}
.cartitemplace::-webkit-scrollbar-thumb:hover {background: var(--black);}

.totalsplace_short {margin:10px 0}
.totalsplace_short .btn {width:48%;margin:1%;float:right;text-align:center;padding: 5px 2.5%;}

.checkoutsubtotalshort {font-weight: var(--fontbold);margin:1%;}

.identityheader {margin:0 0 15px 0;display:flex}
.identityheader a {width:40%;margin:5%;padding:10px;text-align:center;background: var(--grey);border-radius: var(--radius);color: var(--white);}
.identityheader a:hover {background: var(--blackopacity2);}
.identityheader a.this {background: var(--black);}

.loginplace, .registerplace, .registerform {width:33%;margin:0 auto}
.loginplace .forgotpass {display:none}
.loginplace .forgotpass .enteremail {margin:0 0 15px 0}
.loginplace .openforgotpass {margin:20px auto;text-align:center;width:auto;float:right;font-weight:bold}
.loginplace .openforgotpass:hover, .loginplace .openforgotpass:focus {text-decoration:underline}
.loginplace .rememberme {background:none;border:none;display: flex;align-items: center;}
.loginplace .continuecheck {width:100%}

.welcomeplace a {}
.welcomeplace div {text-align: center;font-size: var(--fonttitle);float:right;color:var(--black)}
.welcomeplace input[type="submit"] {padding:5px 10px;float:right;width: auto;margin:10px 0 0 0;font-size:16px;color:var(--black)}
.welcomeplace input[type="submit"]:hover {color:var(--white)}
.myaccount {}
.myaccount a {display:block;margin:5px 0;color:var(--black)}
.myaccount a:hover {text-decoration:underline}

.confirmplace {display:flex;align-items: flex-start;flex-wrap: wrap;}
.confirmplace > div {width:58%;margin:0 0 0 2%;padding:1.5%;position:relative;background: var(--white);border: 1px solid var(--bggrey);}
.confirmplace > div:nth-of-type(2n) {width:40%;margin:0;position:sticky;top: 140px;}

.rowofcartbag .btnplace {left: -10px;top: -10px;position: absolute;zoom: .7;}
.confirmplace .btnplace button {position:relative}

.totalsplace .title {font-weight:var(--fontbold);}
.totalsplace div {margin:0 0 10px 0}
.totalsplace div:last-of-type {margin:0}
.totalsplace .deliveryPlace {display:inline-block;margin:0;}
.totalsplace select {width: auto;padding: 2px;border: 1px solid var(--grey);border-radius: var(--radius);}
.totalsplace .checkouttotalAfterTax, .totalsplace .checkouttotalAfterTax span {font-size: var(--fonttitle);font-weight:var(--fontbold)}

.rowofcart a, .rowofcartbag {display:flex;margin: 0 0 10px 0;padding: 10px 0 10px 5px;border-bottom: 1px solid var(--bggrey);position: relative;}
.rowofcart .imgplace, .rowofcartbag .imgplace {width:28%;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--grey);margin:0 0 0 2%;max-height:150px;}
.rowofcart .imgplace img, .rowofcartbag .imgplace img {margin:auto;max-width:90%;max-height:90%;}
.rowofcart .cartdata, .rowofcartbag .cartdata {width:70%}
.rowofcart .cartdata .name {font-size:16px;}
.rowofcart .cartdata .priceofItem, .rowofcartbag .cartdata .priceofItem {font-weight:var(--fontbold);}
.rowofcart .quantity, .rowofcartbag .quantity {margin:0 5px;}
.rowofcartbag .quantity {display:flex;    float: right;}
.rowofcartbag .quantity .changeq {margin:0 5px;}
.rowofcartbag .title {font-weight:bold;margin:5px 0;}

.bagconfirmplace .productsstoreplace {max-height: 400px;overflow-y: scroll;margin:0 0 10px 0}
.bagconfirmplace.sticky {background:var(--white);position:sticky;top:140px;}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar {width: 10px;}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar-track {background: var(--grey);}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar-thumb {background: var(--blackopacity2);}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar-thumb:hover {background: var(--blackopacity);}

.divitemnumber {margin:0 0 10px 0;display:flex}
.divitemnumber span {flex:auto}
.divitemnumber a {color:var(--black)}

.emailExists, .confirmstep {margin:2% 0 0 0;}
.emailExists a, .confirmstep a {position:static;color:var(--black)}

.confirmstep h2 {margin:20px 0 0 0}

.paymentshoose > label {padding: 20px 60px 20px 20px;display: flex;align-items: center;width:100%;border-radius:0;}
.paymentshoose > label:nth-of-type(2n) {border:none;}
.paymentshoose > label.payme {background: url(../images/card.png) right center no-repeat;background-size:40px}
.paymentshoose > label.phone {background: url(../images/phone.png) right center no-repeat;background-size:40px}
.stepbefore_guest:before {content:"";display:block;width:100%;height:100%;background:var(--whiteopacity);position:absolute;left:0;top:0;}
/*.stepbefore_guest .orderdata, .stepbefore_guest .showdataref {display: none}*/
.stepbefore_guest h2 {margin:0;}

.stepbefore, .stepcurrent, .stepafter {position:relative;margin:0 0 10px 0;padding: 0 0 10px 0;border-bottom: 1px solid var(--grey);}
.stepafter:last-of-type {margin:0;padding:0;border:none}
.stepbefore a, .stepcurrent a, .stepafter a {position:absolute;left:0;top:2%;}

button:disabled, button[disabled] {background-color: var(--grey); pointer-events: none;cursor: not-allowed;}

.ordersdataplace {margin:0 0 4% 0;padding:0 0 4% 0;display: flex;flex-wrap: wrap;border-bottom: 1px solid var(--black);}
.ordersdataplace > div:nth-of-type(2n) {padding:0 0 0 2%}
.ordersdataplace > div {flex: 1 0 49%;}
.ordersdataplace h3 {margin:0 0 10px 0;font-size: var(--fonttitle);}
.ordersdataplace .orderline {margin:0 0 10px 0;}
.ordersdataplace .orderline span {margin:0 10px 0 0;width:150px;display: inline-block;font-weight:var(--fontbold);}

.ordersdataplace .productstoreplace .addtocart {padding: 10px;margin: 0;float: none;width: 100%;align-items: center;}
.ordersdataplace .productstoreplace {display:flex;flex-wrap:wrap;padding:2%;}
.ordersdataplace .productstoreplace .rowofcartbag {width:23%;margin:1%;padding:0;border:none}
.ordersdataplace .productstoreplace .rowofcartbag a {display: flex;}
.ordersdataplace .productstoreplace .price {font-weight:var(--fontbold)}
.ordersdataplace .productstoreplace .moreparameters {margin:  0;display:flex;flex-wrap: wrap;}
.ordersdataplace .productstoreplace .moreparameters > div {padding:0;width:50%}
.ordersdataplace .productstoreplace .moreparameters > div span {padding:2px;font-size:12px;margin:0}

.ordersdataplace .productsstoreplace {flex: 0 1 100%;display:flex;flex-wrap: wrap;margin:2.5% 0;padding: 10px;box-shadow:var(--shadow);position: relative;}
.ordersdataplace .productsstoreplace .rowofcartbag {width: 31%;margin: 1%;position: relative;padding:0 0 2% 0;}
.ordersdataplace .productsstoreplace .rowofcartbag .cartdata {width:100%}
.ordersdataplace .productsstoreplace .rowofcartbag > a {display: block; overflow: hidden;position: relative;}
.ordersdataplace .productsstoreplace .rowofcartbag .imgplace {width: 100%;height: 170px;position: relative;overflow: hidden;background: var(--grey);display: flex;align-items: center;justify-content: center;margin:0 0 2.5% 0}
.ordersdataplace .productsstoreplace .rowofcartbag a img {width: 100%;height: auto;}
.ordersdataplace .productsstoreplace .rowofcartbag .title {min-height: 45px;margin: 10px 0;text-transform: uppercase;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ordersdataplace .productsstoreplace .rowofcartbag .price, .ordersdataplace .productsstoreplace .rowofcartbag span {}
.ordersdataplace .productsstoreplace .rowofcartbag button {width: 100%;float: left;}

.procutslistselectsplace {padding:2%;background:var(--bggrey);margin:0 0 5% 0;position:relative;z-index:3;border-radius:var(--radius)}
.procutslistselectsplace .page {display:flex;padding:0;flex-wrap: wrap;}
.procutslistselectsplace .page > div {width:24%;margin: .5%;} 
.procutslistselectsplace .page > div .title {background:none;border:1px solid #999;width:100%;padding:8px;border-radius:var(--radius);text-align:initial;}
.procutslistselectsplace .page > div .title:after {content:"";display:block;position:absolute;left:15px;top:15px;width: 0;height: 0;border-style: solid;border-width: 10px 6px 0 6px;border-color: #000000 transparent transparent transparent;}
.procutslistselectsplace .page > div .title span {padding:0 10px;display:inline-block}
/*.procutslistselectsplace .page.materials .imgplace {width:40px;}*/
.procutslistselectsplace .page .sfplace .imgplace {position:relative;width:25%;height:40px;overflow:hidden;border-radius:var(--radius);max-width:50px}
.procutslistselectsplace .page .sfplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.procutslistselectsplace .page .sfplace {display: flex;align-items: center;width: 19%;}
.procutslistselectsplace .page .sfplace .title {width:75%}

.procutslistselects {margin:0 0 30px 0;}

.searchby {margin:0 0 5px 0;font-weight:var(--fontbold)}

.price.pricefortotal {margin:2px 5px 0 0;float:right}
/*
.procutslistselects .page > div .title:hover, .procutslistselects .page > div .title:focus, .procutslistselects .page > div.searchbox.opened .title, .procutslistselects .page > div.searchbox.choosed .title {}
.procutslistselects .page > div .title:before, .procutslistselects .page > div .title:after {background:var(--black);content:"";display:block;position:absolute;right:15px;top:18px;width:2px;height:10px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
.procutslistselects .page > div .title:hover:before, .procutslistselects .page > div .title:hover:after, .procutslistselects .page > div.searchbox.opened .title:before,
.procutslistselects .page > div .title:focus:after, .procutslistselects .page > div .title:focus:after, .procutslistselects .page > div.searchbox.opened .title:after {background:var(--red2);}
.procutslistselects .page > div .title:before {transform: rotate(45deg);right: 9px;}
	*/
.procutslistselectsplace label {margin:0;float:none}
.procutslistselectsplace .searchbox {position:relative}

.showby {margin:30px 0 0 0}
.showby label {float:right;margin: 0 0 0 15px;display:flex}
.showby label input {width:20px;height:20px;margin:2px 0 0 5px}
.showby > span {float:right;margin: 0 0 0 5px; font-weight: var(--fontbold);}

.toogleselect {display:none;position: absolute;left: 0;top: 44px;min-width:300px;width: 100%;background: var(--white);box-shadow:var(--shadow);overflow:hidden}
.toogleselect .info {padding:10px;}
.toogleselect .info div {line-height:100%;display: inline-block;}
.p_selInfo_List {font-size:14px;min-height:15px;}
.searchbox.opened .toogleselect {display:block;z-index: 2;}
.toogleselect button {float:right;width:auto;position:relative}
.toogleselect .scroll {padding:10px;max-height: 300px;overflow-y: scroll;}
.toogleselect .scroll input {position: absolute;height: 100%;width: 100%;left: 0;z-index: -1;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;opacity: 0;}
.toogleselect .scroll label div {margin:0 0 15px 0;background:var(--white);padding:10px;cursor:pointer;border-top:1px solid var(--bggrey);}
.toogleselect .scroll label:hover div, .toogleselect .scroll label:focus div {box-shadow:var(--shadow);}
.toogleselect .scroll label .divOptionSelected {background:var(--red2);}

.procutslistselectsplace .page .sfplace .toogleselect .scroll label div img {width:30px;position: static;height: auto;}
.btn_close {margin:10px;}
.toogleselect .p_selInfo div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 70%;
}
.toogleselect .p_selInfo div span {font-size:70%;}
.toogleselect .p_selInfo {font-size: 80%;}
.deliverytext a {
	position: static;
}