.shoppingcart {position:relative;}
.opencart {display: flex;position:relative;}
.opencart span {filter: brightness(0) invert(0);width:40px;height:40px;display: block;background:url(../images/cart.png) center center no-repeat;background-size: 25px;}
.opencart .numof {position: absolute;width: 18px;height: 18px;right: 10px;top: -6px;font-size: 12px;font-style: initial;display: flex;justify-content: center;background:var(--maincolor);color:var(--black);border-radius:100%;font-weight:var(--fontbold)}
.opencart:hover, .shoppingcart.fullcart .opencart {}
.opencart:hover span, .shoppingcart.fullcart span {filter:none}
 
.saveforlatermenu, .saveforlater {position:relative;margin:0 10px;}
.saveforlatermenu span, .saveforlater span {filter: brightness(0) invert(0);width:30px;height:30px;display: block;background:url(../images/favorite.png) center center no-repeat;background-size: 25px;}
.saveforlater span {}
.saveforlatermenu.saveditemsmenu, .saveforlater.saveditemsmenu, .saveforlatermenu:hover, .saveforlater:hover,
.saveforlater.saveditem, .saveforlater:hover span {filter:none}
.saveforlatermenu.saveditemsmenu span, .saveforlater.saveditemsmenu span, .saveforlatermenu:hover span,
.saveforlater.saveditem span {filter:none}
.saveforlater {position:absolute;top:12px;z-index: 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 {font-weight: 300;display: flex;padding:0 15px 0 5px;background:var(--greylight);border-radius: var(--radius);align-items: center;}
.accountplace .openaccount span {width:30px;height:40px;display: block;background: url(../images/login.png) center center no-repeat;background-size: 25px;}

.accountplace .openaccount:hover span, .accountplace .openaccount.ilogin span {}
.accountplace .name {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px;display: block;}

.removefromcart {position:absolute;left:0px;top:12px;filter: brightness(0) invert(0)}
.removefromcart:hover, .removefromcart:focus {filter: none}
.removefromcart span {width:30px;height:30px;display: block;background: url(../images/delete.png) center center no-repeat;background-size: 25px;}

.productsstoreplace_favorites .removefromcart {left:10px;top:10px;}

.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(--greylight);border-radius: var(--radius);}

.tmpproductitem h1 {font-size:var(--fonttitle);margin:20px 0;font-weight: var(--fontbold);}

.makat {font-size:16px;}

.stockplace {position:absolute;left:0;top:0;}
.stockplace span {padding:5px 10px;color:var(--white);font-size:16px;border-radius:var(--radius)}
.stockplace .yes {background:#8bc26a;}
.stockplace .no {background:var(--grey);}

.headeraccount {display:flex}
.headeraccount a {width:49%;display:block;text-align: center;padding:5px;margin:.5%;background-color: var(--greylight);color:var(--fontcolor);border-radius: var(--radius);}
.headeraccount a:hover, .headeraccount a:focus {background-color: var(--maincolor);color:var(--white);}

.changeq {padding:6px;border-radius: var(--radius);border:1px solid var(--greylight);display:flex;float: left;}
.changeq button {background: var(--maincolor);width: 32px;height: 32px;cursor: pointer;position:relative;border-radius:100%}
.changeq button:hover, .changeq button:focus {background:var(--maincolor);}
.changeq button:before, .changeq button:after {content:"";display:block;width:10px;height:2px;background:var(--white);position: absolute;}
.changeq button:after {transform: rotate(90deg);}
.changeq button {display:flex;align-items: center;justify-content: center;}
.changeq button:hover, .changeq button:focus {background: var(--blackopacity);}
.changeq input {text-align: center;font-size: 18px;width: 50px;margin:0 5px;color:var(--maincolor);font-weight:var(--fontbold);padding:2px;border:1px solid var(--greylight);}
.changeq .minus:after {display:none}

button.addtocart {float: left;margin: 0 0 0 5px;display: flex;align-items: center;background: var(--maincolor);color: var(--white);    justify-content: center;}
button.addtocart:before {background: url(../images/cart.png) center center no-repeat;background-size: 20px;width: 20px;height: 20px;display:block;content:"";margin:0 5px;float:left;filter: brightness(0) invert(1)}
button.addtocart:hover:before {filter: brightness(0) invert(1)}
button.addtocart:hover {color: var(--white);}

.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 {margin:2% 0 0 0}

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

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

.productpriceplace {padding:10px 0;border-bottom:1px solid var(--greylight);    display: flex;align-items: center;}
.productpriceplace span {font-size:var(--fonttitle);font-weight: var(--fontbold);display:block;margin:0 5px;}
.productpriceplace span:first-of-type {font-size:16px;font-weight:initial;}
.priceofItem {direction: ltr;}

.totalsplace_short {flex: auto;display: flex;flex-direction: column;justify-content: flex-end;}
.totalsplace_short .btn {width:48%;margin:1%;float:right;text-align:center;line-height: 100%;}

.checkoutsubtotalshort {/*font-weight: var(--fontbold);*/font-size:var(--fonttitle);margin:0 0 10px 0;}

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

.PasswordReset {padding:5px;text-align:center;color:#cc0000}

.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: 100%;}
.loginplace .openforgotpass:hover, .loginplace .openforgotpass:focus {text-decoration:underline}
.loginplace .rememberme {background:none;border:none;display: flex;align-items: center;}
.loginplace .continuecheck {width:100%}

.tmpreset .registerplace {margin-top:4%}
.tmpreset .registerplace .registerform {width:100%}

.welcomeplace {}
.welcomeplace div {text-align: center;font-size: var(--fonttitle);display: flex;float: left;}
.welcomeplace div span:nth-of-type(2n) {margin:0 5px;max-width:180px;text-overflow: ellipsis;white-space: nowrap;}
.welcomeplace input[type="submit"] {padding:5px 10px;float:right;width: auto;margin: 0;font-size:16px;border:none}

.myaccount {}
.myaccount a {display:block;margin:2px 0;}
.myaccount a:hover {text-decoration:underline}

.confirmplace {display:flex;align-items: flex-start;flex-wrap: wrap;}
.confirmplace > div {width:58%;margin:0 auto;position:relative;}
.confirmplace > div:nth-of-type(2n) {width:40%;margin: 0 0 0 2%;position:sticky;top: 140px;padding:1.5%;background: var(--white);border: 1px solid var(--grey);}
.confirmplace h2 {font-size:var(--fonttitle);margin:0 0 10px 0}
.confirmplace .checkouttotal {margin:0 0 10px 0}
.confirmplace .btnplace {left: -10px;top: -10px;position: absolute;/*zoom: .7;*/}
.confirmplace .btnplace button {position:relative}

.confirmstep .btnplace {position:static}

.totalsplace .checkoutSubTotal {font-weight:var(--fontbold);}
.totalsplace div {margin:5px 0}
.totalsplace .deliveryPlace {display:inline-block;margin:0;}
.totalsplace select {width: auto;padding: 2px;border: 1px solid var(--greylight);border-radius: var(--radius);}
.totalsplace .checkouttotal, .totalsplace .checkouttotal span {font-size: var(--fonttitle);font-weight:var(--fontbold)}

.rowofcart a, .rowofcartbag {display:flex;margin: 0 0 5% 0;padding:0 0 5% 0;border-bottom: 1px solid var(--grey);position: relative;}
.rowofcart > a, .rowofcartbag > div {flex:auto}
.rowofcart .imgplace, .rowofcartbag .imgplace {width:45%;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greylight);margin:0 0 0 4%;min-height:110px}
.rowofcart .imgplace img, .rowofcartbag .imgplace img {margin:auto;max-width:100%;max-height:100%;}
.rowofcart .cartdata > div {margin:0 0 5px 0;}
.rowofcart .cartdata .priceofItem, .rowofcartbag .cartdata .priceofItem {font-weight:var(--fontbold);}
.rowofcartbag .cartdata .title, .rowofcart .cartdata .title {font-weight:500}
.rowofcartbag a:hover, .rowofcartbag a:focus, .rowofcart a:hover, .rowofcart a:focus {text-decoration:underline}

.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(--greylight);}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar-thumb {background: var(--blackopacity2);}
.bagconfirmplace.sticky .productsstoreplace::-webkit-scrollbar-thumb:hover {background: var(--blackopacity);}
.bagconfirmplace .textparameters, .ordersdataplace .textparameters {padding:5px 0;border-top: 1px solid var(--greylight);border-bottom: 1px solid var(--greylight);margin:5px 0;}
.bagconfirmplace .textparameters > div, .bagconfirmplace .textparameters > div span,
.ordersdataplace .textparameters > div, .ordersdataplace .textparameters > div span {padding:0;border:none;display:inline-block;font-size: 16px;margin:0}
.bagconfirmplace .textparameters > div span, .ordersdataplace .textparameters > div span,
.rowofcartbag .quantity span {margin:0 0 0 5px}



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

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

.paymentshoose > label {padding: 10px 40px 10px 20px;background: url(../images/paypal.png) right center no-repeat;display: flex;align-items: center;width:100%;border-radius:0;background-size: 30px;margin:0 0 10px 0;}
.paymentshoose > label:nth-of-type(2n) {background: url(../images/card.png) right center no-repeat;border:none;background-size: 30px;}

.stepbefore_guest:before {content:"";display:block;width:100%;height:100%;background:var(--whiteopacity);position:absolute;left:0;top:0;}
.stepbefore_guest h2 {margin:0;}

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

.memberdetails > div {margin:3px 0}

.coupons {display: flex;}
.coupons .btn {width:20%}
.coupons #couponCode {width:78%;margin:0 0 0 2%}

button.orderCreate {margin:2% 0 0 0;min-width:300px;}

.emailExists a {position:static}

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: 10px 0;float: none;align-items: center;background:var(--blackopacity2)}
.ordersdataplace .productstoreplace .addtocart:hover, .ordersdataplace .productstoreplace .addtocart:focus {background:var(--blackopacity)}
.ordersdataplace .productstoreplace {display:flex;flex-wrap:wrap;padding:2%;background:var(--greylight)}
.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 .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(--greylight);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 button {width: 100%;float: left;}

.productslistselects {padding:10px;background:var(--greylight);margin:0 0 2.5% 0;position:relative;z-index:3}
.productslistselects .page {display:flex;}
.productslistselects .page > div {width:19%;margin: .5%;flex:100%} 
.productslistselects .page > div .title {text-align:initial;padding:10px;width:100%;border-bottom:1px solid var(--black)}
.productslistselects .page > div .title:hover, .productslistselects .page > div .title:focus, .productslistselects .page > div.searchbox.opened .title, .productslistselects .page > div.searchbox.choosed .title {}
.productslistselects .page > div .title:before, .productslistselects .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;}
.productslistselects .page > div .title:hover:before, .productslistselects .page > div .title:hover:after, .productslistselects .page > div.searchbox.opened .title:before,
.productslistselects .page > div .title:focus:before, .productslistselects .page > div .title:focus:after, .productslistselects .page > div.searchbox.opened .title:after {background:var(--maincolor);}
.productslistselects .page > div .title:before {transform: rotate(45deg);right: 9px;}
.productslistselects label {margin:0;float:none;position:relative}
.productslistselects .searchbox {position:relative}

.tmpproductsliststore .content {padding:0;}

.showorderplace {margin:0 0 5% 0}
.showorderplace h2 {margin:0 0 10px 0;}
.showorderplace .btn {margin:10px 0 0 0}
.showorder {display:flex;flex-wrap:wrap;background:var(--whiteopacity);box-shadow: var(--shadow);border-radius: var(--radius);padding:10px;}
.showorder > div {padding:10px;font-weight:var(--fontbold);}
.showorder > div span {font-weight:normal;padding:0 5px;}
.showorder .shippingdata {flex:1 0 100%;display:flex;flex-wrap:wrap;justify-content: space-between;border-top:1px solid var(--greylight)}


.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;}
.selInfolist {font-size:14px;min-height:15px;}
.searchbox.opened .toogleselect {display:block;z-index: 2;}
.toogleselect button {float:right;width:auto;position:relative}
.toogleselect button:hover, .toogleselect button:focus {text-decoration:underline}
.toogleselect .scroll {padding:10px;max-height: 300px;overflow-x: hidden;overflow-y: scroll;-webkit-overflow-scrolling: touch;box-sizing: border-box;list-style-type: none;}
.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;*/border-radius: 0;}
.toogleselect .scroll label div {margin:0 0 10px 0;background:var(--greylight);padding:10px;cursor:pointer;display: flex;}
.toogleselect .scroll label:hover div, .toogleselect .scroll label:focus div {filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}
.toogleselect .scroll label .divOptionSelected {background:var(--maincolor);}
.toogleselect .scroll li > div {position:relative}

.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%;}

.viewplace {display:flex;align-items: center;margin:0 0 2.5% 0}
.viewplace button {position: relative;display: inline-block;padding: 10px 50px 10px 10px;color: var(--black);background: var(--greylight) url(../images/boxes.png) 85% center no-repeat;margin:0 20px 0 0;border-radius: var(--radius);border: none;}
.viewplace button:nth-of-type(2n) {background: var(--greylight) url(../images/lines.png) 85% center no-repeat;}
.viewplace button:hover, .viewplace button:focus, .viewplace button.this {filter: brightness(1) invert(1);}

.tables .flex {width:100%;margin:0;background:var(--greylight);border-radius:initial;border:none;border-top:1px solid var(--greylight);display:flex;align-items: center;}
.tables .flex:nth-of-type(2n) {background:var(--white)}
.tables .flex .imgplace, .tables .flex .abstract, .tables .flex .title {width:20%;padding:5px;display:flex;align-items: center;min-height:0;border:none;margin:0;}
.tables .flex .imgplace {height:70px;width:10%;}
.tables .flex .imgplace img {position:static}
.tables .flex a {flex:auto;display:flex;align-items: center;}
.tables .flex .title {font-size:initial;width:40%;}
.tables .flex .price {padding:0 5px;text-align:center;min-width: 60px;}
.tables .flex .price span {font-weight:bold}
.tables .flex .makat {border:none;margin:0;padding:0;}
.tables .changeq, .tables .addtocart {width:150px;margin:0}
.tables .addtocart {margin:0 5px;}
 
.tables #saveforlater, .cards .flextitle {display:none}
.cards .price {margin:0 0 10px 0;}