.product-list {
	background-color: #fbfcfd;
	padding: 10px;
	border: 1px solid #eeeeee;
	box-shadow: 0px 2px 4px #eeeeee;
	-moz-box-shadow: 0px 2px 4px #eeeeee;   
	-webkit-box-shadow: 0px 2px 4px #eeeeee;
}

.product-list:hover {
	box-shadow: 0px 2px 8px #ff5656;
	transition:all 0.8s ease-in-out;
    -o-transition:all 0.8s ease-in-out;
    -moz-transition:all 0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
}

.product-list:hover .description {
	color: #000000;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
}

.product-list:hover .description.hover-black {
	background-color: #000000;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-blue {
	background-color: #0da3e2;
	color: #000000;
	opacity: 0.8;
}

.product-list:hover .description.hover-brown {
	background-color: #623f18;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-green {
	background-color: #35aa47;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-grey {
	background-color: #6d6d6d;
	color: #e8e8e8;
	opacity: 0.8;
}

.product-list:hover .description.hover-pink {
	background-color: #ff00fc;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-purple {
	background-color: #701584;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-red {
	background-color: #db3a1b;
	color: #ffffff;
	opacity: 0.8;
}

.product-list:hover .description.hover-white {
	background-color: #ebebeb;
	color: #000000;
	opacity: 0.8;
}

.product-list .black {
	background-color: #000000;
	color: #ffffff;
}

.product-list .blue {
	background-color: #0da3e2;
	color: #ffffff;
}

.product-list .brown {
	background-color: #623f18;
	color: #ffffff;
}

.product-list .green {
	background-color: #35aa47;
	color: #ffffff;
}

.product-list .grey {
	background-color: #6d6d6d;
	color: #ffffff;
}

.product-list .pink {
	background-color: #ff00fc;
	color: #ffffff;
}

.product-list .purple {
	background-color: #701584;
	color: #ffffff;
}

.product-list .red {
	background-color: #db3a1b;
	color: #ffffff;
}

.product-list .white {
	background-color: #ebebeb;
	color: #000000;
}

.product-list h3 {
  font-size: 14px;
  font-weight: 600;
  color: #484848;
  text-align: center;
  height: 48px;
  max-height: 48px;
  margin: 0px;
  text-shadow: 1px 1px 4px #e1e1e1;
}

.product-list .item { 
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
}

.product-list .item em {
	display: block;
	overflow: hidden;
	position: relative;
}

.product-list .item img { 
	width: 100%;
	transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
}

.product-list .item em i.icon-hover-1,
.product-list .item em i.icon-hover-2 {
	top: 50%;	
	color: #fff;
	padding: 16px;
	font-size: 16px;
	position: absolute;
	margin-top: -1.5em;
	border-radius: 50%;
	background: url(../../img/black-opacity.png) repeat !important;
}

.product-list .item em i.icon-hover-1:hover,
.product-list .item em i.icon-hover-2:hover {
	color: #ffb848;
	text-decoration: none;
}

.product-list .item em i.icon-hover-1 {
	left: -100px;
}

.product-list .item em i.icon-hover-2 {
	right: -100px;
}

.product-list .item em:hover {
	background-color: #000000;
    transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;		
}

.product-list .item em:hover img {
    opacity: 0.6;
	transform: scale(1.25);
	-o-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-webkit-transform:scale(1.25);
}

.product-list .item em:hover i.icon-hover-1 {
	left: 15%;
}

.product-list .item em:hover i.icon-hover-2 {
	right: 15%;
}

.product-list .item em:hover i.icon-hover-1,
.product-list .item em:hover i.icon-hover-2 {
    transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;	
}

.product-list .rate { 
  padding: 8px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px; 
  clear: both;
}

.product-list .description {
  color: #666;
  font-size: 14px;
  text-decoration: none;
  min-height: 80px;
  padding: 4px;
  margin: -10px;
  display: block;
}

.product-list.selected .rate {
  border-top-color: #fff;
}

.product-list .rate:before,
.product-list .rate:after {
  display: table;
  line-height: 0;
  content: "";
}
.product-list .rate:after {
  clear: both;
}

.product-list .rate .price {
  display: inline-block;
  float: left; 
  clear: both;
}

.product-list .rate .btn {
  margin-top: 3px;
  float: right;
  display: block;
}

.product-list .rate .btn:hover {
	transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-webkit-transition: all 0.9s ease;
}

.product-list .rate .price .currency {
	padding-right: 2px;
	padding-top: 14px;
	float: left;
	width: 10px;
	text-align: right;
	font-size: 12px;
	line-height: 14px;
	font-weight: 300;
}

.product-list .rate .price .amount {
  padding-top: 6px;
  float: left;
  text-align: right;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
}

.product-list .rate .price .normal {
  padding-top: 16px;
  font-size: 8px;
  line-height: 14px;
  font-weight: 300;
}

.product-list.selected .rate .price .amount,
.product-list.selected .rate .price .currency,
.product-list.selected .rate .price .normal {
  color: #555 !important;
}

.product-list.selected {
  background-color: #4b8df8;
}

.product-list.selected .rate {
  background-color: #fafafa;
}

.product-list.selected:hover {
  border-color: #ddd;
}

.product-list.selected .desc {
  border-bottom-color: #fff;
}

.product-list.selected h3,
.product-list.selected .desc,
.product-list.selected ul li,
.product-list.selected ul li i,
.product-list.selected .rate .currency,
.product-list.selected .rate .amount {
  color: #fff !important;
}

.product {
  position:relative;
  margin-bottom:15px;
  border:1px solid #eee;
}
.product:hover,
.product-active {
  border-color:#0da3e2;
}
.product:hover h4 {
  color:#0da3e2;
}
.product-head {
  text-align:center;
}
.product-head h3,
.product-head h4 {
  margin:0;
  line-height:normal;
}
.product-head h3 span, 
.product-head h4 span {
  display:block;
  margin-top:5px;
  font-size:10px;
  font-style:italic;
}
.product-head h3 {
  font-weight: 300;
  color:#fafafa;
  padding:12px 0;
  font-size:16px;
  background:#0da3e2;
  border-bottom:solid 1px #0895d0;
}
.product-head h4 {
  color:#666;
  padding:19px 0;
  font-size:34px;
  font-weight:300;
  background:#fbfcfd;
  border-bottom:solid 1px #f5f9e7;
}
.product-head-active h4 {
  color:#0da3e2;
}
.product-head h4 i {
  top:0px;
  font-size:14px;
  font-style:normal;
  position:relative;
}
.product-head h4 span {
  top:-10px;
  font-size:14px;
  font-style:normal;
  position:relative;
}

.product-content li {
  color:#888;
  font-size:12px;
  padding:7px 15px;
  border-bottom:solid 1px #f5f9e7;
}
.product-content li i {
  top:2px;
  color:#0da3e2;
  font-size:16px;
  margin-right:5px;
  position:relative;
}

/*product Footer*/
.product-footer {
  color:#777;
  font-size:11px;
  line-height:17px;
  text-align:center;
  padding:0 20px 19px;
}

.price-active,
.product:hover {
  z-index:9;
}
.price-active h4 {
  color:#0da3e2;
}

.no-space-product .product:hover {
  -webkit-transition:box-shadow 0.3s ease-in-out;
  -moz-transition:box-shadow 0.3s ease-in-out;
  -o-transition:box-shadow 0.3s ease-in-out;
  transition:box-shadow 0.2s ease-in-out;
}
.no-space-product .price-active .product-head h4,
.no-space-product .product:hover .product-head h4 {
  color:#0da3e2;
  padding:15px 0;
  font-size:80px;
  -webkit-transition:color 0.5s ease-in-out;
  -moz-transition:color 0.5s ease-in-out;
  -o-transition:color 0.5s ease-in-out;
  transition:color 0.5s ease-in-out;
}