.hidden{
	display: none!important;
}

.product-details h1{
	font-size: 40px;
	font-weight: 600;
}

.strike-through{
	text-decoration: line-through;
	color: #999;
	font-weight: 300;
	font-size: 80%;
	font-style: italic;
}

.product-price .total-price{
	font-size: 25px;
}

.product-price .total-savings{
	display: block;
}

/*================= article ratings ===============*/
.rating a{
	float: left;
	display: block;
	width: 26px;
	height: 26px;
	position: relative;
	background: url(../img/stars.png) top left;
}


.rating a:hover, .rating a.hover{
	background-position: 0 -52px;
}

.rating a.rated {
	background-position: 0 -26px;
}


.static-rating{
	background: url(../img/stars.png) top left repeat-x;
	height: 26px;
	width: 134px;
	margin-bottom: 10px;
}


.rating-value{
	background: url(../img/stars.png) top left repeat-x;
	background-position: left -26px;
	height: 26px;
	width: 0;
}


.rating.small a{
	float: left;
	display: block;
	width: 14px;
	height: 14px;
	position: relative;
	background: url(../img/stars_14px.png) top left;
}

.rating.small a.rated {
	background-position: 0 -13px;
}

.rating.small a:hover, .rating.small a.hover{
	background-position: 0 -26px;
}

.static-rating.small {
	background: url(../img/stars_14px.png) top left repeat-x;
	height: 14px;
	width: 70px;
	margin-bottom: 5px;
}

.static-rating.small .rating-value {
	background: url(../img/stars_14px.png) top left repeat-x;
	background-position: left -13px;
	height: 14px;
	width: 0;
}


.rating.md a{
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	position: relative;
	background: url(../img/stars_18px.png) top left;
}

.rating.md a.rated {
	background-position: 0 -18px;
}

.rating.md a:hover, .rating.md a.hover{
	background-position: 0 -18px;
}

.static-rating.md {
	background: url(../img/stars_18px.png) top left repeat-x;
	height: 18px;
	width: 70px;
	margin-bottom: 5px;
}

.static-rating.md .rating-value {
	background: url(../img/stars_18px.png) top left repeat-x;
	background-position: left -18px;
	height: 18px;
	width: 0;
}

.share_buttons{
	padding-left: 20px;
	padding-right: 20px;
}

.product-spinner h1, .product-spinner h2, .product-spinner h3, .product-spinner h4, .product-spinner h5, .product-spinner h6{
	width: 100%;
}

div.speech-bubble-left {
	background: url('../img/speech-bubble-left.png') no-repeat scroll left top transparent;
	content: "";
	height: 14px;
	width: 7px;
	float: left;
	position: relative;
	left: -17px;
	display: inline;
	margin-right: -7px;
}

div.speech-bubble-right {
	background: url('../img/speech-bubble-right.png') no-repeat scroll left top transparent;
	content: "";
	height: 14px;
	width: 7px;
	float: right;
	position: relative;
	right: -17px;
	display: inline;
	margin-left: -7px;
}

div.comment-wrapper {
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	font-size: 15px;
}

div.comment-wrapper h3 small
{
	color: #555;
}


/* read-review */
.product-tab #read-review .single-review {
	padding-bottom:14px;
	margin-bottom:14px;
	background:url('../img/dottedBorder.png') repeat-x left bottom;
}
.product-tab #read-review .single-review:last-child {
	padding-bottom:none;
	margin-bottom:none;
	background-image:none;
}
.product-tab #read-review .single-review .review-header {
	margin-bottom:8px;
}
/* rating */
.product-tab #read-review .single-review .rating {
	float:right;
	list-style: none;
	margin:0;
	padding:0;
}
.product-tab #read-review .single-review .rating li {
	margin:0;
	padding:0;
	float: left;
}
.product-tab #read-review .single-review .rating i.star-on {
	width:17px;
	height:17px;
	display: block;
	background:url('../img/star-on.png') no-repeat left top;
}
.product-tab #read-review .single-review .rating i.star-off {
	width:17px;
	height:17px;
	display: block;
	background:url('../img/star-off.png') no-repeat left top;
}

.custom-select{
	background-image: none;
}



/********** Progress Tracker ****************/

ol.progtrckr {
		margin: 0;
		padding: 0;
		list-style-type none;
		display: block;
		/*width: 92%;*/
}

ol.progtrckr li {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 3em;
	width: 14.285714286%;
	font-size: 10px;
	background: #fff;
	z-index: 999;
}



@media (max-width: 960px) {

	ol.progtrckr li {
			display: inline-block;
			float: left;
			margin: 0;
			padding: 0;
			text-align: center;
			line-height: 3em;
			width: 33.3333333%;
	}

}

@media (max-width: 767px) {

	ol.progtrckr li {
			display: inline-block;
			float: left;
			margin: 0;
			padding: 0;
			text-align: center;
			line-height: 3em;
			width: 50%;
	}

}

@media (max-width: 480px) {

	ol.progtrckr li {
			display: inline-block;
			float: left;
			margin: 0;
			padding: 0;
			text-align: center;
			line-height: 3em;
			width: 100%;
	}

}

ol.progtrckr li.progtrckr-done {
		color: black;
		border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
		color: silver; 
		border-bottom: 4px solid silver;
}
ol.progtrckr li.progtrckr-current {
		color: black;
		border-bottom: 4px solid #0098da;
}

ol.progtrckr li:after {
		content: "\00a0\00a0";
}
ol.progtrckr li:before {
		position: relative;
		bottom: -2.5em;
		float: left;
		left: 50%;
		line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
		content: "\2713";
		color: white;
		background-color: yellowgreen;
		height: 1.2em;
		width: 1.2em;
		line-height: 1.2em;
		border: none;
		border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
		content: "\039F";
		color: silver;
		background-color: white;
		font-size: 1.5em;
		bottom: -1.6em;
}

ol.progtrckr li.progtrckr-current:before {
		content: "\039F";
		/*
		color: #0098da;
		background-color: white;
		font-size: 1.6em;
		bottom: -1.5em;
		*/
		color: white;
		background-color: #0098da;
		height: 1.3em;
		width: 1.3em;
		line-height: 1.3em;
		border: none;
		border-radius: 1.6em;
}



.invoice{
	border: 1px solid #ccc;
	float: left;
	padding: 4% 1%;
	border-top:none;
}


.invoice .table th, .invoice .table td {
	/*padding: 5px 0;*/
}



.invoice .form-horizontal .control-label, .fake .control-label{
	padding-top: 0;
	line-height: auto;
}

.invoice .form-horizontal .control-group{
	margin-bottom: 0px;
}

.invoice .table-receipt {
	margin: 0;
}


.td-no-back td
{
	background: none!important;
	/*padding: 9px 0 0 0!important;*/
}

td.td-back
{
	background: url('../img/dottedBorder.png') repeat-x left bottom!important;
	padding-bottom: 10px!important;
}

#specifications table td
{
	border: 1px solid #ccc!important;
}

.table-invoice_details{
	
}

.table-invoice td.no-back
{
	background: none!important;
	text-align: left!important;
	padding: 5px 5px 2px 20px!important;
}


















/* payment */

.paynow-badge
{
	background: transparent;
	width: 300px;
	height: 80px;
	display: inline-block!important;
}

.paynow
{
	background: url('../img/button_pay-now_medium.png') no-repeat;
	width: 160px;
	height: 65px;
	display: inline-block!important;
}

.swipe-on-delivery
{
	background: url('../img/paypoint-100px.png') no-repeat;
	width: 100px;
	height: 56px;
	display: inline-block!important;
}

.bank-transfer
{
	background: url('../img/p-bank.jpg') no-repeat;
	width: 90px;
	display: inline-block!important;
}
.cash-on-delivery
{
	background: url('../img/cash_on_delivery_icon.png') no-repeat;
	width: 85px;
	display: inline-block!important;
}
.ecocash
{
	background: url('../img/ecocash26.png') no-repeat;
	width: 99px;
	display: inline-block!important;
}
.flocash
{
	background: url('../img/flocash-visa-mastercard.png') no-repeat;
	width: 162px;
	display: inline-block!important;
}
.telecash
{
	background: url('../img/telecash81x26.png') no-repeat;
	width: 81px;
	display: inline-block!important;
}


.payment-method td:hover
{
	cursor: pointer;
}

.dropdown-item a{
	display: block;
}

footer .payments li {
	width:39px;
	height:26px;
	margin:0 3px;
	display: inline-block;
	background: url('../img/payment.png') no-repeat;
}
footer .payments li a{
	display: block;
	width:39px;
	height:26px;
}
footer .payments li.visa {
	background-position: 0 0;
}
footer .payments li.paypal {
	background-position: 0 -35px;
}
footer .payments li.electron {
	background-position: 0 -70px;
}
footer .payments li.discover {
	background-position: 0 -105px;
}


footer .local-payments li {
	width:auto;
	height:26px;
	margin:0;
	display: inline-block;
}
footer .local-payments li.ecocash {
	background: url('../img/ecocash26.png') no-repeat;
	width: 99px;
}
footer .local-payments li.flocash {
	background: url('../img/flocash.png') no-repeat;
	width: 73px;
}
footer .local-payments li.telecash {
	background: url('../img/telecash81x26.png') no-repeat;
	width: 83px;
}

.loading-dots:after {
  content: ' . ';
  animation: dots 1s steps(5, end) infinite;}

@keyframes dots {
  0%, 20% {
    color: rgba(0,0,0,0);
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  40% {
    color: white;
    text-shadow:
      .25em 0 0 rgba(0,0,0,0),
      .5em 0 0 rgba(0,0,0,0);}
  60% {
    text-shadow:
      .25em 0 0 white,
      .5em 0 0 rgba(0,0,0,0);}
  80%, 100% {
    text-shadow:
      .25em 0 0 black,
      .5em 0 0 black;}
}