.free-cost-left{
    margin-top: 20px;
    color: #337ab7;
    text-align: left;
}
.free-cost{
    margin-top: 20px;
    color: #337ab7;
    text-align: left;
}
.progress-bar {
    height: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    overflow: hidden;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

.progress {
    float: right;
    width: 0;
    text-align: center;
    background-color: #f5f5f5e6;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 22px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.side-minicart {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1111;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 10px;
    float: left;
    border-left: 1px solid rgb(204, 204, 204);
    height: 100%;
}

.side-minicart a.closebtn {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.side-minicart a:hover, .offcanvas a:focus{
    color: #006bb4;
}

.side-minicart .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.mcs-cart-menu{
    width: 110px;
    float: right;
    position: fixed;
    bottom: 15px;
    right: 15px;
    padding: 10px 10px;
    border-radius: 5px;
    z-index: 1000;
    background-color: #162d45;
    color: #fff;
    text-align: center;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
    .side-minicart a {font-size: 18px;}
}

#side-minicart #minicart-content-wrapper{
    padding: 30px 2px 0px 10px;
}
/*
#side-minicart #minicart-content-wrapper .block-title, #side-minicart #minicart-content-wrapper .block-content #btn-minicart-close, #side-minicart #minicart-content-wrapper .block-content .actions #top-cart-btn-checkout, #side-minicart #minicart-content-wrapper .block-content .items-total, #side-minicart #minicart-content-wrapper .block-content .label {
    display: none;
}
*/


#side-minicart #minicart-content-wrapper .block-title, #side-minicart #minicart-content-wrapper .block-content #btn-minicart-close, #side-minicart #minicart-content-wrapper .block-content .actions #top-cart-btn-checkout, #side-minicart #minicart-content-wrapper .block-content .items-total, #side-minicart #minicart-content-wrapper .block-content .label {
    display: none;
}

#side-minicart #minicart-content-wrapper .block-content .minicart-items-wrapper {
    border: none;
    margin: 0px 0px 15px 0px;
}

#side-minicart #minicart-content-wrapper .block-content .actions a.action.viewcart {
    background-color: #006bb4;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
    text-decoration: none;
}
/*
#side-minicart .minicart-items-wrapper
{
    overflow: scroll; height: 300px;
}*/

.mcs-cart-menu .cart-menu{
    font-size:18px;
    cursor:pointer;
}
.mcs-item {
    width: 100%;
}
.mcs-item .details-qty.qty {
    float: left;
    width: 15%;
}
.mcs-item .product-item-photo {
    float: left;
    width: 30%;
}
.mcs-item .product-item-details {
    float: left;
    padding-left: 5px;
    width: 45%;
}
.mcs-item .product.actions {
    float: right;
    width: 7%;
}


/*************************************/

.mcs-item .details-qty input.button-down{
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	background: transparent;
	border: none;
	font-size:20px;
	font-weight:600;
	background:  url(../images/drop-icon.png) no-repeat;
	width: 30px;
	height:30px;
	background: none;
}

.mcs-item .details-qty input.button-up{
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
	background: transparent;
	border: none;
	font-size:20px;
	font-weight:600;	
	background:  url(../images/drop-icon.png) no-repeat;
	width: 30px;
	height:30px;
	background: none;
}
.mcs-item .details-qty input.button-down{
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
	background: transparent;
	border: none;
	font-size:20px;
	font-weight:600;
	background:  url(../images/drop-icon.png) no-repeat;
	width: 30px;
	height:30px;
	background: none;
}
.mcs-item .details-qty input:focus{outline: none !important;}

.mcs-item:hover input.button-up{
	background:  url(../images/drop-icon.png) no-repeat;
	background-size: 20px;
	background-position: 0px 13px;
	}

.mcs-item:hover input.button-down{
	background:  url(../images/drop-icon.png) no-repeat;
	background-size: 20px;background-position: 9px 13px;
	}
.mcs-item .details-qty input.cart-item-qty{
	border: none;
	font-size:22px;
}
.mcs-item .product-item-details .product-item-name a{
	color: #006bb4;
	font-size: 14px;
	letter-spacing: 0.9px;
	font-weight: 600;
	text-decoration: none;
}
.mcs-item .product-item-details .product-item-pricing .price-wrapper span.price{
	color: #000;
	font-size: 18px;
	letter-spacing: 0.9px;
	font-weight: 600;
}
.mcs-item .actions .primary{
	height: 40px;
	line-height: 40px;
	display: none;
}
.mcs-item .actions .secondary{
	height:30px;
	line-height: 40px;
	display: none;
}
.mcs-item:hover .actions .primary, .mcs-item:hover .actions .secondary{display: block;}
.mcs-cart-btn {
   position: absolute;
	border-top: 1px solid #ccc;
	float: left;
	width: 100%;
	bottom: 28px;
	text-align: center;
	padding-top: 20px;
	background: #fff;
}
.mcs-cart-subtotal {
    position: absolute;
    bottom: 85px;
    width: 100%;
    float: left;
    border-top: 3px solid #ccc;
	padding: 18px 18px 0px 18px;
	background: #fff;
}
.subtitle.empty{
	width:100%;
	float:left;
	margin-top:40px;
	text-align: center;
}
.subtitle.empty span{
	text-align: center;
	color: #006bb4; 
	}
.minicart-items .product-item:first-child{
	border-top: 1px solid #ccc;
	padding-top: 15px;
	}
.minicart-items .product-item:last-child{
	border-bottom: 1px solid #ccc;
	}
.progress-bar{
	margin: 20px;
	}
.mcs-item .minicart-items .update-cart-item {
    margin-top: 25px;
}
.mcs-minicart-content{
	width:200px;
	margin:0 auto;
}