.ib-container{
	position: relative;
	width: 100%;
	display: block;
}
.ib-container:before,
.ib-container:after {
    content:"";
    display:table;
}
.ib-container:after {
    clear:both;
}
.ib-container li img{
    filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
}
.ib-container li{
	display: block;
    margin: 0 1px;
	width: auto;
	height: auto;
	cursor: pointer;
	float: left;
	text-transform: none;
	z-index: 1;
    text-align: center;
	-webkit-backface-visibility: hidden;
	-webkit-transition: 
		opacity 0.4s linear, 
		-webkit-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-moz-transition: 
		opacity 0.4s linear, 
		-moz-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-o-transition: 
		opacity 0.4s linear, 
		-o-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	-ms-transition: 
		opacity 0.4s linear, 
		-ms-transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;
	transition: 
		opacity 0.4s linear, 
		transform 0.4s ease-in-out, 
		box-shadow 0.4s ease-in-out;

}

.ib-container li#product-1 {margin-top:0px;z-index: 1;}
.ib-container li#product-2 {margin-top:0px;z-index: 2;}
.ib-container li#product-3 {margin-top:0px;z-index: 3;}
.ib-container li#product-4 {z-index: 5;margin-top: 0px;}
.ib-container li#product-8 {z-index: 5;}
.ib-container li#product-5 {margin-top:0px;z-index: 3;}
.ib-container li#product-6 {margin-top:0px;z-index: 2;}
.ib-container li#product-7 {margin-top:0px;z-index: 1;}


.ib-container li p{
	  font-family: 'GothamRoundedMedium', sans-serif !important;
      font-size: 14px !important;
      color: #f92653 !important;
      text-shadow: 0px 0px 0px rgba(51, 51, 51, 1);
      opacity: 0.7;
      /* border: 2px solid #f92653; */
      border-radius: 20px;
      margin-top: 20px;
      width: 85px !important;
      height: 35px;
      line-height: 35px !important;
}
.ib-container li p small{
    font-size: 13px !important;
    font-family: 'GothamRoundedBook', sans-serif !important;
}
.ib-container li img,
.ib-container li p{
	-webkit-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-moz-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-o-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	-ms-transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
	transition: 
		opacity 0.2s linear, 
		text-shadow 0.5s ease-in-out, 
		color 0.5s ease-in-out;
}
/* Hover Style for all the items: blur, scale down*/
.ib-container li.blur{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	opacity: 0.6;
}
.ib-container li.blur  p{
	color: #818181 !important;
    border-color: #818181;
    opacity: .3;
}
.ib-container li.blur img{
    filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
}

/* Hover Style for single item: scale up */
.ib-container li.active{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	z-index: 100;	
	opacity: 1;
}
.ib-container li.active p{
    color: white !important;
    background: #f92653;
    opacity: 1;
}
.ib-container li.active img{
    filter: blur(0);
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-o-filter: blur(0);
	-ms-filter: blur(0);
}
.ib-container li.active img,
.ib-container li.active p{
	opacity; 1;
}

