.checkout-page{padding-top:20px !important}
 #checkout-checkout-back{ position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background-color: white;
 }
 .form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
 #checkout-checkout{display:block;height:50vh;position:relative;width:100%;background:#f3f3f3; margin-bottom:-5px
 }
 #checkout-checkout.checkout-loaded{display:inline-block;height:100%;}
 #checkout-checkout.checkout-loaded #checkout-preloader{display:none;}
  #checkout-checkout .col-md-8{padding-right:25px}
   #checkout-checkout hr{background:#71878a;margin: 16px 0px 16px 0px;}
  .checkout-contrainer h1{font-size:35px;line-height:120%;margin:0px;margin-bottom:10px}
  .checkout-contrainer h4,.account-register h4{font-size:22px;font-weight:600;margin-bottom:15px}
    .checkout-contrainer .btn-primary,.account-register .btn-primary{padding:15px 55px;text-transform:uppercase}
        .checkout-contrainer .btn-noback{background:transparent;border:1px solid black;display:inline-block;color:black;text-transform:uppercase;font-weight:600}
      //  .checkout-contrainer .btn-noleft{padding-left:0px}
        .regbox{
        background:#f3f3f3; color: black; padding: 20px 30px;margin:40px 0px
        }
        .btn-outline, .btn-outline:hover{background:black !important;color:black;border:1px solid black
        }

  .cart_breadcrumb{
        display: flex;
        list-style-type: none;
    padding: 0;
    margin: 0 0 25px;
        flex-direction: row; margin-bottom:0px
    }
    .cart_breadcrumb > li {
     //   flex-grow: 1;
    }
    .cart_breadcrumb > li > a {
    position: relative;
    background-color: white;
    }
    .cart_breadcrumb > li > a .badge {
    margin-left: 3px;
    color: #eeeeee;
    background-color: #428bca;
    }
    .cart_breadcrumb > li:not(:first-child) > a {
   padding-left: 5px;
    }
     .cart_breadcrumb > li > a i{
     font-size:10px
     }

    .cart_breadcrumb > li:not(:last-child) > a {
    margin-right: 6px;
    }
  /*  .cart_breadcrumb > li:not(:last-child) > a:after {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #f3f3f3;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
    }   */

    .cart_breadcrumb > li.done:hover > a,
    .cart_breadcrumb > li:hover > a {
    background-color: white;
    }
    .cart_breadcrumb > li.done:hover > a:before,
    .cart_breadcrumb > li:hover > a:before {
    border-right-color: white;
    }
    .cart_breadcrumb > li.done:hover > a:after,
    .cart_breadcrumb > li:hover > a:after {
    border-left-color: white;
    }
    .cart_breadcrumb > li.done > a {
    background-color: white;
    }
    .cart_breadcrumb > li.done > a:before {
    border-right-color: #e2e2e2;
    }
    .cart_breadcrumb > li.done > a:after {
    border-left-color: #e2e2e2;
    }
    .cart_breadcrumb > li.active > a,
    .cart_breadcrumb > li.active > a:hover,
    .cart_breadcrumb > li.active > a:focus {
   // color: #ffffff;
    //background-color: #00aac0;
    font-weight:bold
    }
    .cart_breadcrumb > li.active > a:after {
    border-left-color: #00aac0;
    }
    .cart_breadcrumb > li.active > a .badge {
    color: #428bca;
    background-color: #ffffff;
    }
    .cart_breadcrumb > li.disabled > a {
    color: #777777;
    }
    .cart_breadcrumb > li.disabled > a:hover,
    .cart_breadcrumb > li.disabled > a:focus {
    color: #777777;
    text-decoration: none;
    background-color: #f3f3f3;
    cursor: default;
    }
    .cart_breadcrumb > li.disabled > a:before {
    border-right-color: #f3f3f3;
    }
    .cart_breadcrumb > li.disabled > a:after {
    border-left-color: #f3f3f3;
    }
    .cart_breadcrumb.nav-justified > li {
    float: none;
    }
    .cart_breadcrumb.nav-justified > li > a {
    padding: 10px 15px;
    }
    @media  screen and (max-width: 1700px) and (min-width: 1200px)  {
     #checkout-checkout-back{
     width:62%
     }
    }
     @media  screen and (max-width: 1199px) and (min-width: 700px)  {
     #checkout-checkout-back{
     width:62%
     }
    }
     @media  screen  and (max-width: 699px)  {
     #checkout-checkout-back{
     width:100%
     }
    }
      @media (max-width: 768px) {
        .cart_breadcrumb.nav-justified > li > a {
            margin-right: 0;
        }
        .cart_breadcrumb.nav-justified > li > a:before,
        .cart_breadcrumb.nav-justified > li > a:after {
            border: none !important;
        }
    }
.total_block{
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 60px;
}
.total_block table.table tr:first-child td {
    border-top: none;
}
/* Coupon */
.panel_coupon{
    background-color: #f3f3f3;
    padding: 20px;
    border-radius: 6px;
}
.checkout-totalcart{background:#f3f3f3;color:#71878a;padding:15px}
.checkout-totalcart .table{background:transparent}
.confirm-card{margin-bottom:15px;}
.confirm-card .panel-body{padding:0px}
#confirm .confirm-card {border:1px solid #ddd ;padding:15px}
.text-underline {
  //  border-bottom: 1px solid #ebf4f5;
    padding-bottom: 5px;
}
.two-color span {
    color: black;
}
.wide-width .container {
    width: 1170px;
}
p.card-text{margin-bottom:0px;line-height:31px}
 .checkout-box .form-check{padding-top:5px;padding-bottom:5px}
 .checkout-box .form-check.bordered{border:1px solid #f3f3f3;padding:10px;}
  .checkout-box .form-check.bordered:last-child{border-bottom:1px solid #f3f3f3}
 .checkout-box .form-check.bordered label,.checkout-box .form-check.bordered  .label-text{margin-bottom:0px;display:block;width:100%}
.checkout-box  .float-right{float:right}
.checkout-box input{float:left; margin-right:8px;position:relative;top:4px}

.checkout-contrainer .btn-primary {
    top: 0;
    margin-right: 0;
}
/*.checkout-box label{
	position: relative;
	cursor: pointer;
    padding-left:3px;
	color: #666;
	font-size: 15px;
}

.checkout-box input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}


.checkout-box input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.checkout-box input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: black;
	animation: effect 250ms ease-in;
}

.checkout-box input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

.checkout-box input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}



.checkout-box input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

.checkout-box input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: black;
	animation: effect 250ms ease-in;
}
#payment-existing,#shipping-existing{padding-left:25px}

.checkout-box input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.checkout-box input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}



.checkout-box .toggle input[type="radio"] + .label-text:before{
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}

.checkout-box .toggle input[type="radio"]:checked + .label-text:before{
	content: "\f205";
	color: black;
	animation: effect 250ms ease-in;
}

.checkout-box .toggle input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.checkout-box .toggle input[type="radio"]:disabled + .label-text:before{
	content: "\f204";
	color: #ccc;
}