.brands > .flexslider {background: #FFF;padding: 15px;margin-bottom: 30px; border: 1px solid #DDD;}
.brands > .flexslider img {opacity: .6} .featured .tab-brand img:hover {opacity: 1}
.brands ul {margin:0}
.brands ul:before, .featured ul:after {display: table; content: ""; line-height: 0;}
.brands ul:after {clear:both}
.featured-item {text-align:center;margin-bottom:15px;}
.featured-item h4{font-size:1.4em;}
.promo img {border: 1px solid #ddd}
.promo img:hover {border: 1px solid #333}
.promo img {max-width:320px;}
.promo div {text-align:center;}
.promo img:hover {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);opacity: .5}

/* ============ */
/* Hover effect1 */
/* ============ */

.style1 { max-width: 320px; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; margin:0 auto; }
.style1 .mask,
.style1 .content { height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.style1 img { display: block; position: relative; }
.style1 .price { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1em; line-height: 1em; padding:20px 0 0 0; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.style1 p { font-family: Georgia, serif; font-style: italic; font-size: 12px; line-height: 1em; position: relative; color: black; padding: 10px 20px 10px; text-align: center; }
.style1 button.info {border:none}
.style1 {position: relative;}
.style1 .onsale {position:absolute; left:0; top:0; padding: 5px 15px; background: #E55137; color:white; z-index: 111}
.style1 img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; }
.style1 .mask {width:100%; background-color: rgba(190, 190, 190, 0.3); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.style1 .price { border-bottom: 1px solid rgba(0, 0, 0, 0.3); background: transparent; margin: 0px 20px 0px; padding-bottom: 10px; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); color: #333; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.style1 p { color: #333; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.style1 a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.style1:hover img { -webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.style1:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.style1:hover .price,
.style1:hover p,
.style1:hover a.info, .style1:hover button.info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.style1 button.info { margin-top: -1px; }


.style1 p {height: 60px; overflow: hidden}

/* ============ */
/* Hover effect2 */
/* ============ */
.style2 { max-width: 320px;overflow: hidden; position: relative; text-align: center; cursor: default; background-color: #BCBCBC; margin:0 auto;}
.style2 > div { background-color: #FFF; margin:5px;}
.style2 a, .style2 p {color:#3F3F3F;}
.style2 .mask { position: relative;margin-bottom:0;}
.style2 .price { margin-bottom:10px;}
.style2 .mask p { position: absolute; overflow: hidden; top: 10%; left: 0; padding:0 20px; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;  }
.style2 img {padding: 0; text-align: center; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;}
.style2 .view { margin-top:0; padding-bottom:20px; }
.style2 .view h4{ margin-top:0;font-size:1.2em;}
.style2 .view a { text-align: center; font-weight: bold;}

.style2 a.button
{
  background-color: #66bcda;
  border:#66bcda 1px solid;
  color: #ffffff;
  padding:5px 10px;
  -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}

.style2:hover {
 background-color: #e9f0f4; 
}

.style2 a.button:hover
{
  background-color: #62b4d1;
  border:#5ca9c4 1px solid;
  color: #ffffff;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
.style2:hover .mask img { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); opacity: 0.2; }
.style2:hover .mask p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }