.checkout{text-align:center; width:600px; margin:30px auto; float:none; /*border:1px solid #a1141b; */
 overflow:hidden; }

.checkout form{margin-bottom:0; }

.checkout select,.checkout input[type="text"]{height:34px; margin:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

.checkout .styled-select{background:url(../img/products/select-arrow.png) no-repeat 96% #fff; }

.checkout .same-address{color:#666; margin:0; }

.checkout .row{clear:both; }

.checkout .span12{width:100%; }

.checkout .span6{width:43%; float:left; }

.checkout .controls{margin-bottom:10px; }

.checkout legend{color:#cc0c2f; text-align:left; }

.shipping-wrapper,.billing-wrapper,.payment-wrapper{padding:15px; }

.summary-charges{width:100%; display:inline-block; margin:auto; }

.trans-status{clear:both; text-align:left; overflow:hidden; margin:0; flex-wrap:nowrap; display:flex; border-bottom:1px solid #cdcdcd; }

.trans-status li{float:left; white-space:nowrap; display:inline-block; padding:4px 27px; border-right:1px solid #cdcdcd; }

.trans-status li:last-child{border-right:none; }

#crumbs{text-align:center; }

#crumbs ul{margin:0; list-style:none; display:inline-table; flex-wrap:nowrap; display:flex; }

#crumbs ul li{float:left; white-space:nowrap;}

#crumbs ul li.active a{background:#a1141b; }

#crumbs ul li.active a:before{/*background:#a1141b; */}

#crumbs ul li.active a:after{/*background:#fff; */ border-left-color:#a1141b; }

#crumbs ul li a{display:block; float:left; height:10px; background:#656565; text-align:center; padding:22px 48.5px 28px 48.5px; position:relative; margin:0 6px 0 0; font-size:28px; text-decoration:none; color:#fff; }

#crumbs ul li a.no-cursor{cursor:text; }

#crumbs ul li a:after{content:""; border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:12px solid #656565; position:absolute; right:-12px; top:0; z-index:1; }

#crumbs ul li a:before{content:""; border-top:30px solid transparent; border-bottom:30px solid transparent; border-left:12px solid #fff; position:absolute; left:0px; top:0; }

#crumbs ul li:first-child a{}

#crumbs ul li:first-child a:before{display:none; }

#crumbs ul li:last-child a{padding-right:50px; margin-right:0; }

#crumbs ul li:last-child a:after{display:none; }

/*#crumbs ul li a:hover{background:#656565; }

#crumbs ul li a:hover:after{border-left-color:#656565; }

*/
.user-info{text-align:left; }

.checkout .apply-code{font-weight:bold; text-decoration:underline; padding:5px 15px; }

.checkout .apply-code:hover{text-decoration:none; }

.checkout .cardnumber input{background-image:url(../img/card/credit_card.png); background-position:2px -121px, 260px -61px; background-size:120px 361px, 120px 361px; background-repeat:no-repeat; padding-left:54px; }

.checkout .cardnumber input.visa{background-position:2px -163px, 260px -61px; }

.checkout .cardnumber input.visa_electron{background-position:2px -205px, 260px -61px; }

.checkout .cardnumber input.mastercard{background-position:2px -247px, 260px -61px; }

.checkout .cardnumber input.americanexpress{background-position:2px -289px, 260px -61px; }

.checkout .cardnumber input.discover{background-position:2px -331px, 260px -61px; }

.checkout .cardnumber input.valid.visa{background-position:2px -163px, 260px -87px; }

.checkout .cardnumber input.valid.visa_electron{background-position:2px -205px, 260px -87px; }

.checkout .cardnumber input.valid.mastercard{background-position:2px -247px, 260px -87px; }

.checkout .cardnumber input.valid.americanexpress{background-position:2px -289px, 260px -87px; }

.checkout .cardnumber input.valid.discover{background-position:2px -331px, 260px -87px; }

@media only screen and (max-width:768px){.checkout{width:100%; margin:0; }

 .shipping-wrapper, .billing-wrapper, .payment-wrapper{padding:15px 0; }

 #crumbs ul{display:block; width:100%; }

 #crumbs ul li{float:none; clear:both; display:block; }

 #crumbs ul li a{float:none; display:block; font-size:16px; height:inherit; margin:0; padding:12px 30px; border-bottom:1px solid #fff; }

 #crumbs ul li a:before, #crumbs ul li a:after{display:none; }

 #crumbs ul li:last-child a{padding:12px 30px; }

 .trans-status{display:block; }

 .trans-status li{width:24%; padding:4px 0; float:left; text-align:center; font-size:11px; }

 .checkout .span6{width:45%; margin-left:20px; }

}

@media only screen and (max-width:480px){/* --- */
 .trans-status li{width:49%; }

 .trans-status li:nth-child(2n){border-right:none; }

 .checkout .span6{width:100%; margin-left:0; }

}