.nav-cart {width: 320px; height: 85px; line-height: 85px; margin-right: 15px; padding-left: 85px; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.5); background-image: url(/theme/img/icon-cart.png); background-position: 15px 50%; background-size: 56px; background-repeat: no-repeat; cursor: pointer; z-index: 1000;}
.nav-cart:hover {background-color: rgba(255, 255, 255, 0.25);}
.nav-cart > div{float: left;}
.nav-cart .icon {width: 85px; text-align: center;}
.nav-cart .icon i {line-height: inherit; font-size: 56px; color: #BAC;}
.nav-cart .text {width: 100%; padding-right: 15px; font-size: 20px;}
.nav-cart .text > div {float: left;}

.cart-hidden {bottom: -120px; display: none;}


#cartHeadLabelStart, #cartHeadLabelOrder {position: absolute; top: 0; left: 8px;}
.prod-list-wrapper {height: 471px; overflow-y: auto; background-color: rgba(255, 255, 255, 0.8);}

#cartProdList td, #cartOrderList td {height: 100px; vertical-align: middle; font-size: 1.5em; border-top: 0; border-bottom: 1px solid #ddd;}
#cartProdList td:nth-child(3), #cartOrderList td:nth-child(3) {padding-left: 8px;}
#cartProdList td:nth-last-child(2), #cartOrderList td:nth-last-child(2) {width: 100px; text-align: center;}
#cartProdList img{width: 100px; height: 100px; border: 1px solid #CCC;}

#cartProdList .cart-rem, #cartOrderList .cart-rem {width: 16px; height: 16px; padding: 1px  4px 2px; color: #FFF; text-align: center; font-size: 12px; opacity: 0.5; background-color: #F44; border-radius: 8px; cursor: pointer;}
#cartProdList .cart-rem:hover, #cartOrderList .cart-rem:hover {opacity: 1;}
#cartProdList .input-group {width: 110px; margin: 33px 0;}
#cartProdList .input-group .input-group-addon, #cartOrderList .input-group .input-group-addon {min-width: 32px; cursor: pointer;}
#cartProdList .input-group .input-group-addon:hover, #cartOrderList .input-group .input-group-addon:hover {color: #FFF; background-color: #BAC;}

#cartNavRes {display: none;}

#cartOrderList img {width: 40px; height: 40px;}
#cartOrderList td {line-height: 40px;}
#cartOrderList .input-group {width: 110px; margin: 4px 0;}

#cartOrderResult {margin-bottom: 0; font-size: 1.5em;}

.cart-cnt-shopping {line-height: 62px !important; padding: 0 16px !important; margin: 0; border-radius: 4px !important;}
.cart-text {padding-top: 56px; font-size: 4em; color: #CCC;}
.cart-text i {color: #BAC;}



.after-send {height: 560px; padding: 0; transition: all 0.5s;}
.after-send #cartOrderWrapper {display: none;}
.after-send #cartOrderAfterSend {width: 100%; height: 100%; padding: 40px 0; font-size: 2em; position: absolute; top: 0; left: 0; display: block; background-color: rgba(255, 255, 255, 0.75);}
.after-send #cartOrderAfterSend i {font-size: 4em; color: #BAC;}

/*background-image: url(/theme/img/gift_bg.jpg); background-position: bottom center; background-size: 1350%; background-repeat: no-repeat;*/
#modalCart {height: 600px; resize: none; padding: 0 0 80px; position: relative;}

#cartOrderForm {height: 552px;}
#cartOrderForm .btn-group {width: inherit;}
/*#cartOrderForm #cartOrderStartStep {left: 0;}*/
.cart-total-price-wrapper {width: 100%; position: absolute; bottom: 8px; left: 0;}
.cart-total-price-wrapper #cartOrderCommonPrice {max-width: 300px; line-height: 62px; margin: 0 auto; text-align: center; font-size: 24px; font-weight: bold; background-color: #EEE; border: 1px solid #CCC; border-radius: 4px;}

.prod-order-nav {width: 100%; position: absolute; bottom: 8px; left: 0; padding: 0 8px;}
.prod-order-nav > button {min-width: 64px; height: 64px;}

#cartOrderDeliveryType > label {background-position: 98% 50%; background-repeat: no-repeat;}
#cartOrderDeliveryType > label:nth-child(1) {background-image: url(/theme/img/info/nplogo-min.png); background-size: 50px;}
#cartOrderDeliveryType > label:nth-child(2) {background-image: url(/theme/img/info/ukrmaillogo-min.png); background-size: 90px;}

#cartOrderDeliveryAddress {height: 34px; margin-bottom: 8px; position: relative;}
#cartOrderDeliveryAddress > div {width: 100%; position: absolute; top: 0; left: 0;}

.button-panel .btn-cart-order-nav {height: 64px; border-radius: 4px !important;}

#cartOrderSendPaymentType, #cartOrderSendDeliveryType, #cartOrderAdress, #cartOrderSendGift, #cartOrderGiftTo {display: none;}
#cartOrderAmountPos {margin-bottom: 64px;}
#cartOrderPaymentShowPos {line-height: 64px; margin: 0 30px; font-size: 2em; font-weight: bold; float: left;}
#cartOrderPaymentShow {font-size: 1.5em;}
#cartOrderDescription {resize: none;}
#cartOrderSendButton, #cartStartOrder {height: 64px; border-radius: 4px;}
#cartOrderAfterSend {display: none;}

.prod-order-step-line {width: 500%; height: 100%; position: absolute; top: 48px; left: 0;}
.prod-order-step-line > div {width: 20%; float: left; position: relative;}
.prod-order-nav-page {height: 100%; padding: 0 8px;}

#cartOrderAfterSendCover {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; background-color: rgba(255, 255, 255, 0.75); z-index: 10;}
#cartOrderAfterSendCover > i {font-size: 64px; color: #BAC;}


.prod-order {padding-right: 8px; color: #888;}
.prod-order > img {border-radius: 4px;}
.prod-order-payment-type, .prod-order-delivery-type, .prod-order-gift {line-height: 64px; margin-bottom: 8px; font-weight: bold; border: solid 1px #CCC; overflow: hidden; border-radius: 4px; background-color: #FFF;}
.prod-order-payment-type > label:nth-child(2) {border: solid 1px #CCC; border-top: 0; border-bottom: 0;}
.prod-order-payment-type > label, .prod-order-delivery-type > label, .prod-order-gift > label {margin: 0;  cursor: pointer;}
.prod-order-payment-type > label > input, .prod-order-delivery-type > label > input, .prod-order-gift > label > input {display: none;}
.prod-order-payment-type > .selected, .prod-order-delivery-type > .selected, .prod-order-gift > .selected {color: #FFF; background-color: #BAC; border: transparent;}
.prod-order-payment-type > .disabled, .prod-order-delivery-type > .disabled, .prod-order-gift > .disabled  {color: #AAA; background-color: #EEE; border: transparent;}

.prod-recipient .input-group-addon {width: 170px;}
.btn-send-gift {color: #BAC; background-color: #FFF;}

@media screen and (max-width: 1599px) {
    .nav-cart {width: 275px;}
    .nav-cart .text {font-size: 16px;}
}

@media screen and (max-width: 991px) {
    .nav-cart {width: 85px; margin: 0; padding: 0; border: 0;}
    .nav-cart .text {font-size: 48px; padding: 0;}
    .nav-cart .cart-obj, .nav-cart .cart-sum {display: none;}
    .nav-cart .cart-count {width: 100%; text-align: center; text-shadow: 0 0 12px #000;}

    #modalCart, #cartOrderForm {height: 100% !important; margin: 0 !important;}
    #cartProdList td, #cartOrderList td {font-size: 1em;}
    .button-panel .btn-cart-order-nav {height: 64px; font-size: 12px; border-radius: 4px !important;}
    #cartOrderSendButton, .cart-cnt-shopping {font-size: 12px !important;}

    .cart-total-price-wrapper #cartOrderCommonPrice {max-width: 220px; line-height: 62px; font-size: 16px;}

    .prod-order-nav-page {height: 93%;}


    #cartOrderDeliveryType > label, #cartOrderPaymentType > label {width: 50%; float: left; text-align: left;}

    #cartOrderDeliveryAddress {margin-bottom: 8px; position: relative;}
    #cartOrderDeliveryAddress > div {width: 100%; position: absolute; top: 0; left: 0;}
}