/*SHOPPINGCART*/
.cart{float:right;margin:22px;margin-left:0;display:none;cursor:pointer}
.cartcount{position:absolute;background:yellowgreen;width:14px;height:14px;border-radius:10px;text-align:center;color:#fff;line-height:13px;font-size:9px;margin-left:-12px;margin-top:-8px}
.navitems .fa-shopping-basket{font-size:18px;cursor:pointer}
.cartitems{display:none;position:absolute;right:8%;width:96%;max-width:450px;border-radius:3px;background:#fff;box-shadow:0 0 40px rgba(0,0,0,0.4);z-index:100}
.item i,.cart-empty{color:#999;display:block;min-height:16px}
.item i{display:block;height:14px}
.item-image{width:40px;height:28px;float:left;margin:0px 10px;margin-left:0;text-align:center}
.item-image img{max-width:100%;max-height:100%;display:inline-block;margin:10px 0}
.item-delete{color:#ccc;cursor:pointer;margin-top:15px;transition:0.3s}
.item-delete:hover{color:#cc0000}
.item:hover .item-delete{color:#cc0000}
.item{border-bottom:1px solid #ddd;padding:5px 10px;min-height:44px}
.item:hover{background:#f5f5f5}
.item input{padding:2px;text-align:center;border:0;border-radius:3px;width:40px;margin:0;color:#444;background:#ddd}
.item:hover input{background:#555;color:#fff}
.item-price{margin-right:10px;margin-top:8px;display:block}
.cartitems .close{position:relative;margin:0 0 -8px 10px;width:26px;right:auto;top:auto;padding:5px}
#window .itotals .close{display:none}

.terms{position:relative;background:#fff;max-height:33vh;overflow:auto}
.terms .close{position:relative;width:40px}
.acceptterms{display:none}
#cartinfo .acceptterms{display:block;color:#cc0000;padding:10px;font-weight:bold}
#cartinfo .acceptterms.accepted{color:green}
.discountcode{position:absolute;right:5px;top:-50px;margin-bottom:10px;text-align:center;border:3px solid #ccc;font-weight:bold}
.carttransport{padding:8px;text-align:right}

.itotals{background:#eee;text-align:right;padding:10px;border-radius:0 0 3px 3px;font-size:14px}
.itotals .psum{font-size:18px}
.itotals .button{padding:5px 10px;border:0;background:#999;transition:0.3s}
.itotals:hover .button{background:var(--main-color)}
.cart-empty{display:inline-block;clear:both;margin:0 4px;transition:0.3s}
.itotals:hover .cart-empty{color:#cc0000}

.items-overview{clear:both;background:#fff;border-radius:5px;overflow:hidden;text-align:left}
.items-overview .cart-forward{display:none}
.items-overview .itotals{background:linear-gradient(#f5f5f5,#fff)}
/* .items-overview .itotals .cart-empty{color:#fff}*/
.items-overview .itotals:hover .cart-empty{color:red}

.addtocart{width:22px;opacity:.8;display:inline-block;margin:-4px 5px;cursor:pointer;transition:0.3s}
.addtocart:hover{opacity:1}

.banklogo{max-width:80px;max-height:20px;margin:0 20px}
#cartinfo{padding:20px;border-radius:5px;max-width:1000px;background:#fff}
#cartinfo form input[type=text],#cartinfo textarea{background:#f5f5f5;margin:0}
#cartinfo h2{text-align:left;clear:both;margin-left:8px}

#transport{border:1px solid #eee;border-radius:3px;margin:auto;margin:10px}
#transport .padded{padding:10px 16px}
.transport{clear:both;display:none;position:relative}
.transport .postlogo{width:40px;display:inline-block;vertical-align:middle}
.transport select{width:60%;display:inline-block}
#transport #pricet{display:none}
.postlogo img{width:100%}

.carttransport{padding-right:30px;display:none}
.carttotal{font-size:21px;padding-right:30px;font-weight:600;display:none}
#cartinfo .carttransport,#cartinfo .carttotal{display:block}

.banks{margin-top:20%;background:#fff;text-align:center}
.bank{background:transparent;border-radius:20px;border:1px solid #fff;margin:-1px;padding:10px;transition:0.3s}
.bank:hover{background:radial-gradient(#fff,#f5f5f5);border:1px solid #eee}
.bank a{color:#666;text-decoration:none;font-weight:500}
.bank img{width:100%}

.checkout{display:none}
#cartinfo{margin:auto}
/*SHOPPINGCART END*/

@media screen and (max-width:820px){
.cart{position:absolute;display:inline-block;margin:auto;margin-right:80px;right:0;top:0;padding:20px;text-align:center;background:transparent;z-index:100}
.cartitems{max-width:none;margin:0;top:60px;left:0;right:0;width:100%}
}