.checkoutpage .d-none {display:none;}
.checkoutpage .logo figure {float:left;width:auto;}
.checkoutpage .logo span {float:left;width:auto;padding-left:20px;padding-top:28px;font-size:16px;}
.checkoutpage .header-right-box span {float:right;width:auto; text-align:right;font-size:16px;line-height:1.4;}
.checkoutpage .header-right-box strong {float:right;width:100%; text-align:right;color:#D14124;font-weight:bold;font-size:16px;line-height:1.4;}
#progressbar.step-three{width:330px; margin:25px auto 0 auto;display:block;}
#progressbar.step-three {margin-bottom: 3vh;overflow: hidden; color: #000;padding-left: 0px; margin-top: 3vh}
#progressbar.step-three li {list-style-type: none;font-size:14px;font-weight:normal;width:33%; float: left; position: relative; color: rgb(160, 159, 159);padding-top:9px;}
#progressbar.step-three li span {float:left;width:100%; padding-top:11px;}
#progressbar.step-three li.active span {padding-top:0px;}
#progressbar.step-three li.step0:before {content: "";width: 10px;height: 10px;}
#progressbar.step-three li.step0.active:before  {content: "";width:30px !important;height:30px !important;margin-top:0;}
#progressbar.step-three #step1:before {color: #000;width: 10px;height: 10px;margin-left: 0px !important;}
#progressbar.step-three #step2:before {color: #fff; margin-left:45%;}
#progressbar.step-three #step2.active:before {margin-left:34%;}
#progressbar.step-three #step3:before {color: #fff; margin-right: 0% !important;}
#progressbar.step-three li:before { line-height: 29px; display: block; font-size: 12px; background: #ddd; border-radius: 50%; margin: auto; z-index: -1; margin-bottom: 1vh;}
#progressbar.step-three li:after { content: ''; height:4px;background: #ddd; position: absolute; left: 0%; right: 0%; margin-bottom: 2vh; top:12px; z-index: 1;}
#progressbar.step-three li:nth-child(1):after {margin: auto;}
#progressbar.step-three li:nth-child(2):after {float: left; width:100%;}
#progressbar.step-three li:nth-child(3):after {margin-left: auto; width:100%;}
#progressbar.step-three li.active {color: #000;padding-top:0;}
#progressbar.step-three li.active:before, #progressbar li.active:after {background: #000;}
#progressbar li.active:after {background: #000 !important;}
.btn-outline-secondary {background:transparent !important;border:1px solid #707070 !important;color:#707070 !important;}
.btn-outline-secondary:hover {background:#707070 !important;border:1px solid #707070 !important;color:#fff !important;}
.checkoutpage #wrapper {padding-top:115px;}
.checkoutpage #wrapper .bg-gray {background:#F5F5F5;}
.checkoutpage #wrapper .bg-gray01 {background:#fcfcfc;}
.checkoutpage #wrapper .order-summary {background:#fff;padding:30px 30px 15px 30px;}
.checkoutpage #wrapper .order-summary .title, .checkoutpage #wrapper .order-summary .title-sm {float:left;width:150px;padding:0 15px;}
.checkoutpage #wrapper .order-summary .summary-amount, .checkoutpage #wrapper .order-summary .summary-amount-sm, .checkoutpage #wrapper .order-summary .summary-promo {float:left;width:calc(100% - 150px);padding:0 15px;}
.checkoutpage #wrapper .order-summary .summary-promo {position:relative;}
.checkoutpage #wrapper .order-summary .summary-promo .form-control {height:30px;padding:0 60px 0 5px;}
.checkoutpage #wrapper .order-summary .summary-promo a  {position:absolute;right:0;top:0;background:#D14124;color:#fff;line-height:30px;padding:0 5px;}
.border-t-b {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.checkoutpage #wrapper .order-summary .title, .checkoutpage #wrapper .order-summary .summary-amount {line-height: 1.4;font-size: 14px; color: #000;}
.checkoutpage #wrapper .order-summary .summary-amount {text-align: right;}
.checkoutpage #wrapper .order-summary .summary-amount.d-none {display:none;}
.checkoutpage #wrapper .border-t {border-top: 1px solid #e5e5e5;}
.checkoutpage #wrapper .order-summary .summary-amount-sm { line-height: 1.2; font-size: 12px; color: #000;text-align: right;}
.checkoutpage .section-title {float:left;width: auto;font-size:30px;line-height:1.4;padding-left:0;font-weight: normal;}
.checkoutpage .shipping-text-right {float:right;width: auto;line-height:1.4;font-size:14px;padding-top:12px;}
.btn-black {background:#000;color:#fff;text-transform: uppercase;border-color:#000;border-radius:0;}
.btn-black:hover {background:#D14124 ;color:#fff;text-transform: uppercase;border-color:#D14124;border-radius:0;}
.checkoutpage .checkout-details.steps-01 .title label {font-size:20px;padding:0;text-transform: uppercase;margin:0;letter-spacing:3px;}
.checkoutpage .checkout-details .title label {font-size:16px;font-weight:normal; text-transform: uppercase;margin:10px 0 0 0;padding:0;}
.checkoutpage .checkout-details .title-address .fa {font-size:30px;color:#82c91e;line-height:30px;}
.checkoutpage .checkout-details .title-address strong {font-size:24px;line-height:30px;font-weight:normal;}
.checkoutpage .checkout-details .title-address span {font-size:14px;font-weight:normal;margin:10px 0 0 0;padding:0;line-height:30px;}
.shipping-method-box {padding:50px 30px !important;}
.shipping-method-box .sm-text {text-align:center;font-size:12px;line-height:24px;}
.shipping-method-box .sm-text strong {color:#828282;display:block;}
.box-shadow {-webkit-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.10); -moz-box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.10); box-shadow: 0px 1px 6px 1px rgba(0,0,0,0.10);}
.estimate-box {font-size:20px;float:left;width:100%;}
.estimate-box strong {display:block;}
.estimateopt-box {float:left;width:100%;}
.estimateopt-box label.checkbox-bootstrap {padding-left:20px !important;width:calc(100% - 80px);float:left;}
.estimateopt-box label.checkbox-bootstrap b {font-size:12px;font-weight:normal;color:#7D7474;float: left;width:calc(100% - 23px);}
.estimateopt-box label.checkbox-bootstrap b strong {display:block; font-weight:bold;color:#000;}
.estimateopt-box label.checkbox-bootstrap.checkbox-lg input[type="checkbox"]:checked + span.checkbox-placeholder::before { width: 9px; height: 15px; border: solid white; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-width: 0 3px 3px 0;margin-top:5px;}
.estimateopt-box  label.checkbox-bootstrap input[type="checkbox"]:checked + span.checkbox-placeholder::before { display: inline-block; position: relative; vertical-align: text-top; width: 5px; height: 9px; border: solid white; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); content: "";}
.estimateopt-box label.checkbox-bootstrap input[type=checkbox] {float: left;opacity: 0 !important;position: absolute !important;}
.estimateopt-box label.checkbox-bootstrap input[type=checkbox] + span.checkbox-placeholder {float: left;width:35px; height:35px; border: 1px solid; border-radius: 3px; border-color: #737373;display: inline-block;cursor: pointer;
  margin: 0 7px 0 -20px; vertical-align: middle; text-align: center;}
.estimateopt-box label.checkbox-bootstrap input[type=checkbox]:checked + span.checkbox-placeholder {background:#82c91e;}
.estimateopt-box .fix-text {float:left;width:70px;overflow: hidden;text-align:right;font-size:14px;font-weight: bold;}
.expiration-textbox .form-control{float: left; width:40%;}
.expiration-textbox span {float: left; padding:0 15px;line-height:40px;}
.checkoutpage .steps-05 .section-title {font-size:16px;}
.checkoutpage .section-title-center {float:left;width:100%;font-size:18px;line-height:1.4;padding-left:0;font-weight: normal;text-align:center;}
.card-detail-preview .cp-text {font-size:16px;}
.card-detail-preview .cp-text small{font-size:13px;}
.address-preview strong {float:left;width:calc(100% -100px);font-size:16px;}
.address-preview a {float:right;width:100px;text-align:right;font-size:16px;}
.address-preview address {float:left;width:100%;font-size:16px;}
.card-detail-preview strong {float:left;width:calc(100% -100px);font-size:16px;}
.card-detail-preview a {float:right;width:100px;text-align:right;font-size:16px;}
.card-detail-preview .address-text {float:left;width:100%;padding:15px 0;font-size:16px;}
.card-detail-preview a.add-btn {float:left !important;width:auto !important;font-size:14px;text-transform:uppercase;font-weight: bold;}
.border-bottom {border-bottom-color:#e5e5e5;}
.font-30 {font-size:30px !important;}
.mh-40{ min-height: 40px;} 
.w-700{ font-weight: 700;}
.min-h-170{ min-height: 170px;}

@media (max-width:1299px){
    .checkoutpage .logo span {width:100%;padding-top:15px;text-align:left;}    
}
@media (max-width:991px){
.checkoutpage #wrapper {padding-top:140px !important;}
.header-right-box {width:16.66666667% !important;}
    
}
@media (max-width:767px){
.checkoutpage #wrapper {padding-top:200px !important;}
#progressbar.step-three {width:250px;}
.checkoutpage .logo figure {width:100%;text-align:center;}
.checkoutpage .logo span {text-align:center;width:100%;padding:15px 15px 0 15px;}
.header-right-box {width:50% !important;}
.checkoutpage #wrapper .order-summary {padding:15px 15px 0 15px;}    
}