﻿/*--------------------------------------------------
Cart style
--------------------------------------------------*/
.checkout-step-section .border { border-bottom: 1px solid #ddd; padding-bottom: 3px; margin-bottom: 10px; font-size: 24px; }
.checkout-step-section .qty-controller { background: none; padding: 0; text-align: right; float: none; display: block; }
.checkout-step-section .qty-controller input { font-size: 14px; border: 1px solid #bbb; padding: 3px 6px; box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
.ordineOk p strong, .ordineKo p strong { font-size: 24px; line-height: 30px; }
.checkout-step-section { margin-bottom: 35px; }
.checkout-step-section label { font-weight: normal; }
.checkout-step-bar { margin-top: 35px; margin-bottom: 35px; background-color: #f2f2f2; color: #3b3b3b; }
.checkout-step-bar .step { float: left; font-size: 14px; font-weight: 400; text-transform: uppercase; height: 55px; line-height: 55px; text-align: center; width: 20%; border-right: 1px solid #fff; border-left: 1px solid #fff; color: #999; }
.checkout-step-bar #step1 { margin-left: 0; border-left: 2px solid #fff; }
.checkout-step-bar #step5 { border-right: 2px solid #fff; }
.checkout-step-bar .step.on { font-weight: 700; background-color: #e3f4f7; color: #3b3b3b; }
.checkout-step-section .shop_list { margin-bottom: 20px; }
.checkout-step-section h2 { text-align: left; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }

.perc-col { float: left; border-left: 2px solid #fff; }
.perc-col.tac { text-align: center; }
.cart-header { font-weight: 600; }
.cart-header .perc-col { font-size: 12px; height: 36px; line-height: 36px; padding: 0 20px; background-color: #f2f2f2; white-space: nowrap; }
.perc-col:first-child { border-left: none; }
.perc-col.thumb { width: 15%; }
.perc-col.name { width: 43%; }
.is-summary .perc-col.name { width: 49%; }
.perc-col.price { width: 11%; }
.perc-col.qty { width: 8%; }
.perc-col.opzione { width: 10%; }
.perc-col.edit { width: 6%; }
.perc-col.sub { width: 7%; }
.visible-xs-taglia { display: none; }
#fsSped, #fsFatt { padding-top: 10px; }

@media (max-width:767px) {
    .wishlist { }
    .wishlist .perc-col.edit { width: auto; position: relative; left: auto; top: auto; text-align: left; margin-right: 5px; padding-left: 20px !important; }
    .perc-col { font-size: 14px !important; }
    .perc-col.opzione { width: 50%; padding-left: 20px; text-align: left; }
    .perc-col.price { width: 50%; padding-left: 20px; text-align: left; padding-top: 0 !important; }
    .perc-col.sub { width: 100%; padding-left: 20px; text-align: left; padding-top: 0 !important; font-size: 16px !important; background-color: #f2f2f2; }
    .perc-col.sub .visible-xs-taglia { float: LEFT; }
    .visible-xs-taglia { display: inline-block; font-weight: normal; }
    .checkout-step-section .qty-controller { text-align: left; }
    .cart-item-list > li > .perc-col { padding-top: 0 !important; }
    .cart-item-list > li > .perc-col.sub { padding-top: 10px !important; }
    .strong-xs { font-weight: bold; }
    .checkout-step-section .border { font-size: 24px; }
    .lbl-tot { float: left; }
}

/* XS */
@media (max-width:600px) {
}

.cart-item-list { list-style: none; margin: 0 0 25px 0; padding: 0; }
.cart-item-list > li { border-bottom: 1px solid #eee8e8; margin-bottom: 0px; padding: 10px 0; }
.cart-item-list > li > .perc-col { padding-top: 10px; padding-bottom: 10px; }
.cart-item-list > li > .thumb { padding: 5px; }
.cart-item-list > li .price, .cart-item-list > li .sub { font-size: 14px; font-weight: 700; padding-top: 15px; }
.cart-item-list > li .name { padding-left: 20px; padding-right: 20px; }
.cart-item-list > li .name .item-brand { font-size: 14px; font-weight: 700; text-transform: uppercase; margin: 8px 0 5px 0; line-height: 1.1em; }
.cart-item-list > li .name .item-name { font-size: 14px; line-height: 1.1em; }
.cart-item-list > li .perc-col.qty .qty-controller { margin-right: -5px; }
.cart-item-list > li .perc-col.qty .qty-field { position: absolute; left: 0; }

@media (max-width:767px) {
    .cart-item-list > li > .thumb { padding: 5px 5px 10px 5px; }
}


.edit .edit-item, .edit .delete-item { font-size: 12px; background-color: rgb(170, 170, 170); display: inline-block; position: relative; width: 18px; height: 18px; margin-top: 5px; color: #fff; line-height: 18px; cursor: pointer; }
.edit .edit-item:hover, .edit .delete-item:hover { background-color: #5c5c5c; -moz-transition: all linear 0.2s; -o-transition: all linear 0.2s; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; }
.edit .edit-item i { display: block; position: relative; width: 9px; height: 9px; top: 6px; left: 6px; background-position: -80px -120px; }
.edit .delete-item i { display: block; position: relative; width: 9px; height: 9px; top: 6px; left: 6px; background-position: -100px -120px; }

.shipping-cost-section { margin-bottom: 15px; }
.shipping-cost-section .main-title { margin-bottom: 12px; }

.shipping-cost-section label { display: inline-block; margin-right: 20px; font-size: 14px; }
.shipping-cost-section select { width: 170px; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 14px; }
.shipping-cost-section .price-sped { font-size: 14px; font-weight: bold; }

.grey-cart-bar { padding: 15px; margin-top: 5px; background-color: #f2f2f2; color: #3b3b3b; text-align: right; }
.grey-cart-bar .total-price { color: #999; text-transform: uppercase; font-size: 18px; font-weight: bold; }
.grey-cart-bar .total-price span { clear: both; float: right; padding-left: 20px; display: inline-block; color: #3b3b3b; }
.grey-cart-bar .total-price .sconto { font-size: 16px; }
.grey-cart-bar .total-price .originalprice { text-decoration: line-through; font-size: 16px; }
.grey-cart-bar .total-price span.totalecarrello { font-size: 30px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif; }

@media (max-width:767px) {
    .grey-cart-bar .total-price span { clear: none; }
    .grey-cart-bar .total-price span.totalecarrello { font-size: 30px; line-height: 1; font-weight: bold; }
}

.mandatory-field-label { line-height: 1em; margin: 0px 0 10px 0; font-size: 15px; }
.mandatory-field-label .red { color: #cc0000; display: inline-block; margin-right: 5px; }

.form-field { width: 230px; margin-bottom: 15px; }
.form-field.checkbox { margin: 3px 0; }
.form-field.full { width: 620px; }
.form-field.full.checkbox { width: 100%; }
.form-field > label { display: inline-block; font-weight: normal; line-height: 1em; }
.form-field > label .req { display: inline-block; margin-left: 5px; color: #cc0000; }
.form-field input[type="text"], .form-field input[type="email"], .form-field input[type="password"] { width: 100%; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; font-size: 12px; padding: 0 6px; -webkit-appearance: none; }
.form-field select { width: 100%; height: 28px; line-height: 28px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 12px; }
.form-field textarea { width: 100%; max-width: 100%; height: 60px; background-color: #fff; border: 1px solid #dfd6d6; color: #777777; padding: 0 6px; font-size: 12px; }

section.invoice-form { padding: 20px 0; border-top: 1px solid #eee8e8; border-bottom: 1px solid #eee8e8; }
section.invoice-form > span { display: inline-block; margin-right: 30px; }
section.invoice-form label { font-weight: normal; display: inline-block; margin: 0 15px 0 2px; }
section.invoice-form input[type="radio"] { position: relative; top: 2px; }
.tnt-sped a { color: #3cc6d6; font-weight: 400; }
section.checkout-navigation { padding-top: 20px; }
section.checkout-navigation .step-back { margin-top: 2px; }
section.checkout-navigation .continue-shopping { font-size: 14px; margin-top: 7px; }
section.checkout-navigation .refresh-cart { display: inline-block; margin-top: 7px; margin-right: 16px; font-size: 14px; }
section.checkout-navigation a.navy { color: #e51937; font-size: 14px; text-transform: lowercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; display: inline; }
section.checkout-navigation button { display: inline; }
.shipping-cost-section .form-field { width: 80%; }
.coupon-form label { position: relative; float: left; margin-right: 20px; top: 4px; }
.coupon-form input[type="text"] { float: left; width: 130px; }
.coupon-form .main-cta { float: left; outline: none; border: 0; height: 28px; line-height: 28px; font-size: 13px; padding: 0 8px; margin-left: 8px; }
.purchase-data-summary { margin: 16px 0 0 0; padding-bottom: 20px; border-bottom: 1px solid #eee8e8; }
.summary-title { font-weight: bold; font-size: 16px; margin-bottom: 22px; }
.summary-list { list-style: none; margin: 0; padding: 0; }
.summary-list li { margin-bottom: 9px; }

.field-name { font-weight: bold; font-size: 14px; padding-right: 20px; width: 40%; float: left; }
.field-value { float: left; width: 60%; font-size: 14px; line-height: 1.1em; padding-right: 20px; }
.panel-abstract { font-size: 14px; font-weight: bold; margin-bottom: 15px; }

.login-form .form-field { width: 100%; }
.login-form label { float: left; width: 95px; /*position: relative; top: 8px;*/ }
.login-form input[type="text"], .login-form input[type="email"], .login-form input[type="password"] { float: left; width: 230px; }
.login-form button { border: 0; outline: none; -webkit-appearance: none; margin-left: 95px; }
.radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { margin-left: 0; }
.form-field.full, .form-field { width: 100%; }

.msg-big { color: #cd3e47; }
.msg-small { color: #a1a1a1; font-size: 13px; margin-top: 20px; }


/*--------------------------------------------------
prodotti carrello in sconto
--------------------------------------------------*/
.sconti { background: url(../img/sconti-bg.jpg) no-repeat top center; background-size: cover; position: relative; z-index: 1; margin: 30px 0; }
.sconti .box-img { position: absolute; right: 0; top: 0; z-index: 2; }
.sconti.presoglia { padding-bottom: 40px; }
.sconti.presoglia .box-txt { padding: 40px; position: relative; z-index: 10; }
.sconti.postsoglia .box-txt { text-align: center; padding: 40px; position: relative; z-index: 10; }
.sconti.postsoglia { padding-bottom: 40px; }
.sconti.postsoglia .box-txt h2 { text-align: center; }
.sconti .box-txt h2 { font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 46px; line-height: 50px; }
.sconti .box-txt h2 span { color: #fff; font-weight: 800; }
.sconti .box-txt > span { color: #c20000; font-size: 18px; text-transform: uppercase; font-weight: 600; }
section.consigli.consigli-cart { background: url(../img/bg-correlati.jpg) no-repeat top center; }
.postsoglia, .presoglia { padding: 0 15px; }
.sconto-box { padding: 15px; background: #fff; border-radius: 3px; }
.sconto-box .code { font-size: 15px; }
.sconto-box .prezzo { font-size: 15px; color: #919191; text-decoration: line-through; display: block; margin-bottom: 6px; }
.sconto-box .prezzo span { display: inline-block; margin-left: 10px; font-size: 18px; text-decoration: none; color: #3cc6d6; }
.tg-col-select { font-size: 14px; margin: 15px 0; }
.cta-shot { overflow: hidden; margin-top: 20px; margin-bottom: 40px; }
.cart-alert { border: 2px solid #3cc6d6; padding: 10px 20px; margin-bottom: 40px; font-size: 20px; text-align: center; }

@media (max-width:767px) {
    .sconti .col-sm-4 { margin-bottom: 10px; }
    .sconti .col-sm-4 img.img-responsive { max-width: 60%; margin: 0 auto; }
}

/*--------------------------------------------------
Spinner
--------------------------------------------------*/
.spinner { margin: 50px auto; display: none; text-align: center; }
.spinner img { width: 60px; }

/* Media queries */
@media (min-width:992px) and (max-width:1200px) {
    .perc-col.thumb { width: 15%; }
    .perc-col.name { width: 25%; }
    .is-summary .perc-col.name { width: 35%; }
    .perc-col.price { width: 16%; }
    .perc-col.qty { width: 13%; }
    .perc-col.edit { width: 9%; }
    .perc-col.sub { width: 11%; }
    .form-field.full { width: 554px; }
    .form-field.full.checkbox { width: 100%; }
}

@media (max-width:991px) {
    .sconti .box-img { display: none; }
    .sconti .box-txt h2 { font-family: 'Roboto', sans-serif; font-weight: 100; font-size: 26px; line-height: 30px; }
}
/* SM */
@media (min-width:768px) and (max-width:991px) {
    .perc-col.thumb { width: 15%; }
    .perc-col.name { width: 20%; }
    .is-summary .perc-col.name { width: 32%; }
    .perc-col.price { width: 15%; }
    .perc-col.qty { width: 14%; }
    .perc-col.edit { width: 12%; }
    .perc-col.sub { width: 14%; }
    .checkout-step-bar .step { font-size: 12px; }
}

/* XS */
@media (max-width:767px) {
    .checkout-step-bar { margin-top: 20px; margin-bottom: 20px; }
    .cart-header { display: none; }
    .checkout-step-bar .step { width: 100%; line-height: 18px; height: 25px; padding: 2px 0; border-bottom: 3px solid #fff; }
    .shipping-cost-section .price-sped { float: left !important; width: 100% !important; text-align: left; margin-top: 20px; padding-bottom: 10px; }
    .grey-cart-bar .total-price { float: none !important; text-align: center; font-size: 29px; line-height: 1; font-weight: normal; }
    section.checkout-navigation .continue-shopping { display: block; text-align: center; width: 100%; float: none !important; display: none; }
    .grey-cart-bar { background: #efefef; }
    /*section.checkout-navigation { padding-top: 0; }*/
    section.checkout-navigation .codici_promo { margin-bottom: 20px; padding: 10px 20px; background-color: #efefef; }
    .checkout-navigation a { text-align: center; margin-top: 0; height: 44px; line-height: 1; }
    .shipping-cost-section .form-field { width: 100%; margin-bottom: 0; }
    .shipping-cost-section select { width: 100%; }
    .purchase-data-summary { margin-top: 30px; }
    .login-form button { width: 100%; margin: 0 0 20px; }
    .login-panel-section .main-cta { width: 100%; text-align: center; }
    .perc-col.thumb { width: 50%; }
    .perc-col.name { width: 50%; }
    .is-summary .perc-col.name { width: 50%; }
    .perc-col.qty { width: 30%; }
    .perc-col.edit { width: 30%; }
    .perc-col.thumb { width: 20%; }
    .perc-col.name { width: 50%; }
    .is-summary .perc-col.name { width: 50%; }
    .perc-col.qty { width: 50%; text-align: left; padding-left: 20px; }
    .perc-col.edit { width: 44px; position: absolute; top: 2px; left: -8px; height: 44px; padding: 0 !important; z-index: 99; }
    .perc-col.sub { width: 100%; text-align: right; padding-left: 10px; padding-right: 10px; padding-top: 10px !important; }
    .cart-item-list > li { position: relative; z-index: 0; }
    .edit .delete-item { position: relative; width: 20px; height: 20px; background-color: #333; margin-top: 0; color: #fff; line-height: 20px; display: block; border: 12px solid #fff; box-sizing: content-box; }
    .cart-summary-section.is-summary a { display: block; width: 100%; }
}

/* XS */
@media (max-width:600px) {
    .perc-col.thumb { width: 50%; }
    .perc-col.name { width: 50%; }
}
