.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after, #wizard{
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

form.no-safari, .container-coupon-login-form{
    display:none;
}

.error-msg{
    color: red;
}

label.error-class{
    color: #8a1f11 !important;
    display: block;
}

.terms-error{
    color: #8a1f11 !important;
    clear: both;
    display: block;
}

#s2id_billing_state.invalid-state, #s2id_shipping_state.invalid-state{
    border: 1px solid #a00 !important;
}

.wizard > .content > .body input[type="radio"]{
    display: inline-block
}

.wizard .coupon-step.current .checkout_coupon{
    display: block !important
}

.wmc-loading-img{
    display: block;
    margin: 5px auto;
    text-align: center;
    border: none;
    border-radius: 0 !important;
    box-shadow: none !important
}

table.have-thumnails div{
    display: inline-block;
    vertical-align: middle;

}

table.have-thumnails .product-name .wmc-product-img{
    max-width: 50px;
    padding-right: 10px;
}


#wizard .checkout_coupon{
    text-align: center;
    padding: 34px;
    max-width: 600px;
    margin: 30px auto 10px;
    border: 2px dashed #ddd;
    border-radius: 0;
}

#wizard .checkout_coupon .form-row.form-row-last{
    float: left
}

#wizard .woocommerce-Button{
    background: #5d2e78;
    color:#fff;
}

.wizard > .actions{
    clear: both
}

#wizard .content{    
    clear: both;
    box-sizing: border-box
}

#wizard.vertical .content{    
    clear: none !important;
    box-sizing: border-box
}

.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { 
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% { 
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}

#wizard #order_review{float:none;width: 100%;box-sizing:border-box}