#checkout_crumb,
#checkout_crumb_four,
#checkout_crumba,
#checkout_crumbb,
#checkout_crumbc,
#checkout_crumbd,
#checkout_crumbe {
    position: relative;
    margin: 0 0 30px
}

#checkout_crumb:after,
#checkout_crumb_four:after,
#checkout_crumba:after,
#checkout_crumbb:after,
#checkout_crumbc:after,
#checkout_crumbd:after,
#checkout_crumbe:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #cacaca;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 20px
}

#checkout_crumb .crumb h1 {
    font-size: 2em;
    text-transform: uppercase;
    color: #000;
}

#checkout_crumb .crumb .confirmation_message {
    color: #000;
    margin-bottom: 15px;
}

#checkout_crumb .crumb,
#checkout_crumb_four .crumb {
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

#checkout_crumb_four .crumb a {
    width: 25%
}

#checkout_crumb_four a .step_off {
    width: 100% !important;
    padding: 0
}

#checkout_crumb .crumb,
#checkout_crumb_four {
    padding: 0;
    width: 100%
}

#checkout_crumb .step_off,
#checkout_crumb .step_on {
    font-size: 1.1em;
    padding: 0;
    margin: 0
}

#checkout_crumb_four .step_off,
#checkout_crumb_four .step_on {
    font-size: .7em;
    padding: 0;
    margin: 0 -2px
}

#checkout_crumb_four .step_off {
    width: 19.98%
}

#checkout_crumb .step_off,
#checkout_crumb .step_on,
#checkout_crumb_four .step_off,
#checkout_crumb_four .step_on {
    text-decoration: none;
    color: #000;
    background: none;
    border: 0;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: bottom;
    width: 25% !important;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 14px
}

#checkout_crumb .crumb a .step_on,
#checkout_crumb .step_on {
    width: 30%
}

#checkout_crumb .step_off {
    width: 26.5%;
    color: #cacaca
}

#checkout_crumb_four .crumb a .step_on,
#checkout_crumb_four .step_on {
    width: 23.25%
}

#checkout_crumb_four .step_off {
    width: 21.4%
}

#checkout_crumb .crumb a,
#checkout_crumb .step_off:first-child,
#checkout_crumb .step_on:first-child,
#checkout_crumb_four .crumb a,
#checkout_crumb_four .step_off:first-child,
#checkout_crumb_four .step_on:first-child {
    margin-left: 0
}

#checkout_crumb .step_off:last-child,
#checkout_crumb .step_on:last-child,
#checkout_crumb_four .step_off:last-child,
#checkout_crumb_four .step_on:last-child {
    margin-right: 0
}

.step_arrow {
    display: none
}

#checkout_crumb_four span.step_off:before,
#checkout_crumb_four span.step_on:before,
#checkout_crumb span.step_off:before,
#checkout_crumb span.step_on:before {
    border-radius: 50%;
    padding: 4px;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 15px;
}

#checkout_crumb_four span.step_off:before,
#checkout_crumb span.step_off:before {
    background: #cacaca;
    color: #f1f1f1
}

#checkout_crumb_four span.step_on:before,
#checkout_crumb span.step_on:before {
    background: #fcd700;
    color: #000;
    position: relative;
    top: 0
}

#checkout_crumb_four span.step_on:after,
#checkout_crumb span.step_on:after {
    display: block;
    text-transform: none;
    padding-left: 0;
    font-size: 1em;
    margin-top: 2px;
    color: #c5c5c5
}

#checkout_crumb_four span.step_off:first-child::before,
#checkout_crumb span.step_off:first-child::before {
    content: "1"
}

#checkout_crumb_four span.step_off:nth-child(3):before,
#checkout_crumb span.step_off:nth-child(3):before {
    content: "2"
}

#checkout_crumb_four span.step_off:nth-child(5):before,
#checkout_crumb span.step_off:nth-child(5):before {
    content: "3"
}

#checkout_crumb_four span.step_off:nth-child(7):before,
#checkout_crumb span.step_off:nth-child(7):before {
    content: "4"
}

#checkout_crumb .step_on,
#checkout_crumb_four .step_on {
    background: none;
    border: 0;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    text-align: center
}

#checkout_crumb_four .step_on {
    margin: 0
}

#checkout_crumb_four span.step_on:first-child::before,
#checkout_crumb span.step_on:first-child::before {
    content: "1"
}

#checkout_crumb_four span.step_on:first-child::after,
#checkout_crumb span.step_on:first-child::after {
    content: ""
}

#checkout_crumb_four span.step_on:nth-child(3):before,
#checkout_crumb span.step_on:nth-child(3):before {
    content: "2"
}

#checkout_crumb_four span.step_on:nth-child(3):after,
#checkout_crumb span.step_on:nth-child(3):after {
    content: ""
}

#checkout_crumb_four span.step_on:nth-child(5):before,
#checkout_crumb span.step_on:nth-child(5):before {
    content: "3"
}

#checkout_crumb_four span.step_on:nth-child(5):after,
#checkout_crumb span.step_on:nth-child(5):after {
    content: ""
}

#checkout_crumb_four span.step_on:nth-child(7):before,
#checkout_crumb span.step_on:nth-child(7):before {
    content: "4"
}

#checkout_crumb_four span.step_on:nth-child(7):after,
#checkout_crumb span.step_on:nth-child(7):after {
    content: ""
}

@media screen and (max-width:1200px) {
    #checkout_crumb span.step_on:first-child::before {
        padding: 5px 9px
    }
}	
	
@media (min-width:640px) and (max-width:1130px) {
 
    #checkout_crumb_four span.step_on:before,
    #checkout_crumb span.step_on:before {
        top: 0
    }

    #checkout_crumb .crumb,
    #checkout_crumb_four .crumb {
        display: flex;
        flex-wrap: nowrap;
        height: 57px
    }
    #checkout_crumb .crumb a .step_off,
    #checkout_crumb .crumb a .step_on,
    #checkout_crumb_four .crumb a .step_off,
    #checkout_crumb_four .crumb a .step_on {
        height: -webkit-fill-available
    }
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_on {
        padding: 11px 12px
    }
    #checkout_crumb .step_off,
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        padding: 11px 12px;
        font-size: .9em;
        width: calc(31% + 7px);
        align-items: center;
        display: flex
    }
    #checkout_crumb .step_off,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        padding: 17px 12px;
        font-size: .8em;
        display: flex;
        align-items: center
    }

    #checkout_crumb_four span.step_on:after,
    #checkout_crumb span.step_on:after {
        display: none
    }
    #checkout_crumb .crumb a span.step_off,
    #checkout_crumb .crumb a span.step_on,
    #checkout_crumb_four .crumb a span.step_off,
    #checkout_crumb_four .crumb a span.step_on {
        width: -webkit-fill-available
    }
    #checkout_crumb .crumb a,
    #checkout_crumb .step_off:first-child,
    #checkout_crumb .step_on:first-child,
    #checkout_crumb_four .crumb a,
    #checkout_crumb_four .step_off:first-child,
    #checkout_crumb_four .step_on:first-child {
        margin-left: 0;
        width: 32%
    }
}

@media screen and (max-width:640px) {
    #checkout_crumb .crumb,
    #checkout_crumb_four .crumb {
        display: flex;
        flex-wrap: nowrap;
        height: auto;
        padding: 0 15px;
        box-sizing: border-box
    }

    #checkout_crumb .crumb a .step_off,
    #checkout_crumb .crumb a .step_on,
    #checkout_crumb_four .crumb a .step_off,
    #checkout_crumb_four .crumb a .step_on {
        height: -webkit-fill-available;
        width: -webkit-fill-available;
        width: 100% !important;
        padding: 0 !important
    }
 
    #checkout_crumb .step_off,
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        text-transform: unset !important
    }
 
    #checkout_crumb .step_off,
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        display: block;
        border-right: 0;
        margin-right: 0;
        font-size: 12px
    }
    #checkout_crumb .step_off,
    #checkout_crumb_four .step_off {
        margin: 0 !important;
        padding-left: 30px !important
    }
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_on {
        width: 33% !important;
        font-size: 14px
    }
    #checkout_crumb .step_off:last-child,
    #checkout_crumb .step_on:last-child,
    #checkout_crumb_four .step_off:last-child,
    #checkout_crumb_four .step_on:last-child {
        border: 0;
        padding: 0 !important
    }
    #checkout_crumb .step_on {
        width: 33% !important;
        box-sizing: border-box !important;
        max-width: none !important;
        padding: 0 !important;
        font-size: 12px
    }
    #checkout_crumb .step_off,
    #checkout_crumb_four .step_off {
        box-sizing: border-box !important;
        max-width: none !important;
        padding: 0 !important;
        width: 30% !important
    }
    #checkout_crumb_four .step_on {
        width: 49% !important;
        box-sizing: border-box !important;
        max-width: none !important
    }
    #checkout_crumb_four span.step_on:first-child:before,
    #checkout_crumb_four span.step_on:nth-child(3):before,
    #checkout_crumb_four span.step_on:nth-child(5):before,
    #checkout_crumb_four span.step_on:nth-child(7):before,
    #checkout_crumb span.step_on:first-child:before,
    #checkout_crumb span.step_on:nth-child(3):before,
    #checkout_crumb span.step_on:nth-child(5):before,
    #checkout_crumb span.step_on:nth-child(7):before {
        padding: 5px;
        margin-right: -21px;
        font-size: 17px;
        position: relative;
        top: 0;
        left: -25px;
        width: 25px;
        height: 25px;
        text-align: center
    }
    ,
    #checkout_crumb_four span.step_off:first-child:before,
    #checkout_crumb_four span.step_off:nth-child(3):before,
    #checkout_crumb_four span.step_off:nth-child(5):before,
    #checkout_crumb_four span.step_off:nth-child(7):before,
    #checkout_crumb span.step_off:first-child:before,
    #checkout_crumb span.step_off:nth-child(3):before,
    #checkout_crumb span.step_off:nth-child(5):before,
    #checkout_crumb span.step_off:nth-child(7):before {
        padding: 5px;
        margin-right: 0;
        font-size: 17px;
        position: relative;
        top: 0;
        left: 0;
        width: 25px;
        height: 25px;
        text-align: center
    }
 
    #checkout_crumb .crumb {
        text-align: center;
        height: auto;
        margin-top: 0;
        margin-bottom: 20px;
        padding: 0 15px;
        box-sizing: border-box
    }
    #checkout_crumb .crumb a {
        width: 34%
    }
    #checkout_crumb_four span.step_off:first-child::before,
    #checkout_crumb_four span.step_off:nth-child(3):before,
    #checkout_crumb_four span.step_off:nth-child(5):before,
    #checkout_crumb_four span.step_off:nth-child(7):before,
    #checkout_crumb_four span.step_on:first-child::before,
    #checkout_crumb_four span.step_on:nth-child(3):before,
    #checkout_crumb_four span.step_on:nth-child(5):before,
    #checkout_crumb_four span.step_on:nth-child(7):before,
    #checkout_crumb span.step_off:first-child::before,
    #checkout_crumb span.step_off:nth-child(3):before,
    #checkout_crumb span.step_off:nth-child(5):before,
    #checkout_crumb span.step_off:nth-child(7):before,
    #checkout_crumb span.step_on:first-child::before,
    #checkout_crumb span.step_on:nth-child(3):before,
    #checkout_crumb span.step_on:nth-child(5):before,
    #checkout_crumb span.step_on:nth-child(7):before,
    .wt-order__container #checkout_crumb span.step_off:before {
        padding: 5px;
        margin-right: 0;
        font-size: 17px;
        position: relative;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 10px
    }

    #checkout_crumb_four .crumb a span.step_off {
        width: -webkit-fill-available
    }
    #checkout_crumb_four .crumb a,
    #checkout_crumb_four span.step_off {
        width: 24%;
        margin-right: 2px !important
    }
    #checkout_crumb_four span.step_on {
        width: 17%
    }

}	

@media (max-width:640px) {
    #checkout_crumb_four span.step_off:first-child::before,
    #checkout_crumb_four span.step_off:nth-child(3):before,
    #checkout_crumb_four span.step_off:nth-child(5):before,
    #checkout_crumb_four span.step_off:nth-child(7):before,
    #checkout_crumb_four span.step_on:first-child::before,
    #checkout_crumb_four span.step_on:nth-child(3):before,
    #checkout_crumb_four span.step_on:nth-child(5):before,
    #checkout_crumb_four span.step_on:nth-child(7):before,
    #checkout_crumb span.step_off:first-child::before,
    #checkout_crumb span.step_off:nth-child(3):before,
    #checkout_crumb span.step_off:nth-child(5):before,
    #checkout_crumb span.step_off:nth-child(7):before,
    #checkout_crumb span.step_on:first-child::before,
    #checkout_crumb span.step_on:nth-child(3):before,
    #checkout_crumb span.step_on:nth-child(5):before,
    #checkout_crumb span.step_on:nth-child(7):before {
        padding: 5px !important
    }
}

#checkout_crumb .crumb a {
    width: 30%
}

#checkout_crumb .crumb a span {
    width: 100% !important
}

@media only screen and (max-width:640px) {

    #checkout_crumb,
    #checkout_crumb_four {
        margin: 0 0 20px
    }

    #checkout_crumb .crumb,
    #checkout_crumb_four .crumb {
        max-height: 110px
    }
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        font-size: 12px
    }
 
}

@media (max-width:1130px) and (min-width:640px) {

    #checkout_crumb span.step_on:first-child:before {
        /*padding: 10px !important*/
    }
    #checkout_crumb .step_off,
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        padding: 0 !important;
        font-size: 14px !important;
        display: block !important
    }

}	

@media screen and (max-width:640px) {
 
    #checkout_crumb .step_off,
    #checkout_crumb .step_on,
    #checkout_crumb_four .step_off,
    #checkout_crumb_four .step_on {
        font-size: 10px !important;
        text-transform: unset !important
    }
 
}

#checkout_crumb .crumb {
	color: #59677d;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
	clear: both;
}

#checkout_crumb .crumb a {
	text-decoration:none;
	color: #CA4200;
	font-size: 12px;
	font-weight: normal;
}

#checkout_crumb .crumb h1 {
	font-size: 12px;
}

#checkout_crumb .crumb .confirmation_message{
	font-weight: bold;
	color: #CA4200;
}
#checkout_crumb .crumb p{
	color: #4d4d4d;
}

#checkout_crumb .crumb .on {
	color: #59677d;
	font-weight: bold;
	font-size: 12px;
}

#checkout_crumb .continue_shopping {
	float:left;
	padding-right:8px;
	padding-top:15px;
}

.step_on {
	color: #59677d;
	font-weight: bold;
}
.step_off {
	/* This class is used in JSP files that are shared between different stores. It is empty for this store color scheme by default. */
}
.step_arrow {
	height: 12px;
	width: 16px;
	display: inline-block;
}

.title_block
{
	padding: 10px 20px 10px 0px;
	/*background: black; 
	color: white;	
    background-color: #F7F7F7;*/
    border-bottom: 1px solid #DDDDDD;
	font-size: 16px;
}

/** total **/
.cart-totals {

  background: #ffffff;

  padding: 0px 40px;

  max-width: 600px;

  margin: 25px auto 0;

}

.cart-totals h3 {

  margin-bottom: 20px;

  font-size: 19px;

}

.cart-totals ul {

  padding: 0;

  margin: 0 0 15px;

  list-style-type: none;

}

.cart-totals ul li {
  font-weight: 600;
  overflow: hidden;
}

.cart-totals ul li:first-child {

  border-bottom: none;

}

.cart-totals ul li:last-child {

  border-top: none;

}

.cart-totals ul li span {

  float: right;

  color: #666666;

  font-weight: normal;

  font-size: inherit;	

}

.cart-totals ul li span b {

  font-weight: 600;

  font-size: inherit;	

}

.cart-totals h2, .cart-totals h4
{
	margin: 5px;
}

.btn-block-group {
	width: 50%;
}

@media screen and (max-width:480px) {
 
	.cart-totals {
		padding: 0px;
	}
 
	.btn-block-group {
		width: 100%;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
	}
	
	
}

/*MINI CART*/
.mini-cart ul {
	display: table-row;
}

.mini-cart li {
	list-style: none;
	margin: 0px;
}
.mini-cart img{
	max-width: 70px;
	max-height: 70px;
	margin-right: 10px;
	float: left;
}

.mini-cart h5{
	line-height: 1.5;
	margin: 0px;
	text-align: right;
}

.mini-cart h6{
	line-height: 1.5;
	margin: 0px;
	text-align: left;
	
}

.title_block .badge{
	float: right;
	padding: 5px 7px;
    margin: 3px;
	color: white;
    background: black;	
}

/** button number **/
.button-number .input-group-prepend,
.button-number .input-group-append
{
    display: table-cell !important; 
}
.button-number .input-group-prepend > .btn,
.button-number .input-group-append > .btn
{
    height: 50px !important;
}

.button-number input
{
	height: 50px !important;
}

#contenedor_carrito a
{
    width: auto;
}

@media (min-width: 767px){
	.row-nombre .col {
		float: left;
	}
}

.bg-cover {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 100% !important;
}

.div-inline {
    display: inline-block;
}

.bg-no-cover
{
    background-position: center center !important;
    background-repeat: no-repeat !important;
	background-size: inherit !important;
}

.card-img
{
	margin-right: 10px;
}

.contenido-detalle-pedido .title_block,
.contenido-detalle-pedido .bloque-contenido p
{
	margin: 0px;
}
.contenido-detalle-pedido
{
	margin: 10px 0px 0px 0px;
}
.contenido-detalle-pedido .bloque-contenido
{
	margin: 5px 20px 20px 0px;
}
.contenido-detalle-pedido .title_block 
{
	
}
.contenido-detalle-pedido + h4
{
	margin-top: 0px;
}
/** panel usuario **/
.list-group-lateral li a
{
    color: #000;
}
.list-group-lateral .active a
{
    color: #fff;
}

.fancybox-content{
	padding: 30px !important;	
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background: lightgray !important;
}