/* =============================================
-----------------  22.Checkout  ---------------
==============================================*/

.input-group-addon.min-width { min-width: 125px; text-align:left; }

.checkout .panel-title { font-size:18px; line-height:30px; font-family: 'Open Sans', Verdana; text-transform: uppercase; padding:8px 30px; position: relative; letter-spacing: -0.3px; }

.checkout .panel-title a:hover,
.checkout .panel-title a:focus { color:#505050; }

.checkout .panel-icon { margin-top:-15px; }

.checkout .step-box { display:block; width:40px; height:40px; background-color: transparent; position: absolute; top:50%; margin-top:-20px; left:17px; font-size:20px; line-height: 40px; text-align: center; }

.checkout .panel-body { padding:50px 30px 60px; }

.checkout .panel-group ul.fa-ul  { margin-top: 5px; margin-bottom:19px; }

.checkout .panel-group ul.fa-ul .fa-li { left:-30px; }

.checkout .helper-link { font-size:13px; line-height: 45px; font-weight: 500; margin-left: 16px; }

.checkout .helper-link:hover,
.checkout .helper-link:focus { color:#262626; text-decoration: underline; }

/* checkout2.html */
.checkout .panel-border-tb .panel-heading a,
.checkout .panel-border-tb .panel-title,
.checkout .panel-border-tb .panel-body { padding-left:0; padding-right: 0; }

.checkout .panel-border-tb .panel-title { padding-left:20px; }

.checkout .panel-border-tb .step-box { left:0; text-align: left; }

.checkout-progress-box { border:2px solid #eaeaea; background-color: #fafafa; padding:15px; margin-bottom: 50px; }

.checkout-progress-box h3 { border:1px solid #eaeaea; padding: 20px; font-size: 18px; margin-bottom: 20px; background-color: #f1f1f1; text-align: center; }

.checkout-progress-box ul { padding-left: 10px; margin-bottom: 10px; }

.checkout-progress-box ul li > * { display: inline-block; vertical-align: middle; }

.checkout-progress-box ul li > span { font-weight: 700; font-size:18px; margin-right: 8px; }

.checkout-progress-box a { display: block; font-size: 16px; line-height: 26px; color:#2a2a2a; font-weight: 500; }

@media (max-width: 991px) { .checkout .panel-title { padding:2px 30px; font-size: 17px; }

    .checkout .step-box  { font-size: 18px; }
}

@media (max-width: 767px) { .checkout .panel-title { padding:0 13px; font-size: 16px; }

    .checkout .step-box  { left:0; font-size:16px; }

    .checkout .panel-body { padding:35px 15px 45px; }
}

@media (min-width: 992px) { .checkout .cart-table2 thead > tr > th:first-child { min-width: 300px; }
}
