/* Left fixed sidebar */
.product-leftbar{
  background:#dadbdb;
/*  min-height:1200px;*/  
  
  /*height: calc(100vh - 144px);  */
  position: fixed;
  background:#dadbdb; 
  /*margin-top:78px;*/
  top: 78px;
  bottom: 63px;
    
}

.scroll-icon{
  color: #FFF;
  padding: 12px 15px 12px;
  background-color: #1268B3;
  cursor: pointer;
  text-decoration: none;
  font-weight: normal;
  font-size: 25px;
  line-height: 15px;
}
.womenpage .scroll-icon{
  background-color: #00BAC6;
}

.scroller-icon-area
{
  position: absolute;
  margin-top: -50px;
  right: 15px;
}

.product-leftbar ul{
  margin-left:0;
  margin-bottom:0;
  padding:43px 0 0 29px;
}
.product-leftbar ul li{
  list-style:none;
}
.product-leftbar ul li a{
  font-family:'Futura', Arial, Helvetica, sans-serif;
  color:#999999;
  font-size:18px;
  line-height:50px;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:none;
}
.product-leftbar ul li a:hover, .product-leftbar ul li.active a{
  color:#000000;
}
.product-wrap span{
  font-family:'Futura',Arial,Helvetica,sans-serif;
  font-size:10px;
  text-align:center;
  font-weight:normal;
  text-transform:uppercase;
  color: #231f20;
  display:block;
  position:absolute;
  top:211px;
  width: 100%;
}

.pro-buy-now-gray{
  border:2px solid #b3b2b2;
  color:#b3b2b2;
  padding-left:18%;
  padding-right:18%;
}
.pro-bot-btn-center{
  margin:0 auto auto;
}
.product-wrap{
  position: relative;
  /*height:100%;*/
  min-height:500px;
  display:block;  
  width:100%;
  /*min-width:130px;*/
}

.product-wrap div{
  bottom:0;
  position:absolute;
  display:block;
  width: 100%;  
}

.product-wrap div img{
     margin: 0 auto;
    max-height: 435px;
    max-width: 100%;
}

.main-product-image-small
{
  max-height: 201px;
    max-width: 100%;
}

/*
.main-product-images-area
{
  width: 418px;
  text-align: center;
}
.main-product-details-area
{
  width: calc(100% - 420px);
}
*/


.products-list .leftimg
{
  width: 210px;
}

/*01-02-15*/
.product-reviews-container{
  padding: 0 5% 5% 5%;
}
.product-reviews-container .top-reviews-bar{
  padding:25px 48px 0 48px;
  height:72px;
}
.product-reviews-container .reviewer-name{
  text-transform:capitalize;
}
.review-item h5{
  color:#1268b3;
  font-size:18px; 
}
.padding-left0{
  padding-left:0; 
}
.intro-content{
  padding-left:30px;  
  padding-right: 20%;
}
.review-right-section .rev-help a{
  padding:14px 14%;
}
.review-right-section .social{
  display: block;
  margin-left: 23px;
  padding-right: 12%;
  text-align: right;
}
.qa-ontainer{
  padding: 0 5% 0 80px;
}
.pro-featured{
  padding: 2% 5% 1% 5%;
}

.padding-right-0
{
  padding-right: 0;
}

.section, .subsection{
  position:relative;
  
}
.section .scroller{
  margin-top: 78px;
}
.intropage{
    padding: 5% 5% 0 80px;
    /* vertical centering for legacy, horizontal centering for modern */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  width:100%;
}

/*Page Bacground Style*/
#intro.section{
  background:url(../img/bg-intro-top.png) no-repeat 0 77px;
}
#intro.section .subsection{
  background:url(../img/bg-intro-bottom.png) no-repeat 0 bottom;
}
#featured.section{
  background:url(../img/bg-featured-bottom.png) no-repeat 0 bottom;
}
#reviews.section{
  background:url(../img/bg-review-top.png) no-repeat 0 77px;
}
#qans.protector{
  /*background:url(../img/products/protector-qa.png) no-repeat 0 50px;*/
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#qans.protector article{
  width:30%;
  margin:20% auto;
}
#qans.protector article .btn{
  text-decoration:none;
  font-style:normal;
}
.cntimg{
  display:block;
  margin:6px auto;
}
.blue{
  color:#0289c0;
}

#qans.protector article{  
  margin:0 auto;
}

/* Ultimate Disposable */
.disposable .hovertip.tip1 {
  left: 44px;
    top: -188px;
}
.disposable .hovertip.tip2 {
  left: -319px;
  top: -226px;
}
.disposable .hovertip.tip3 {
  left: -346px;
  top: -282px;
}
.disposable .hovertip.tip4 {
  left: -347px;
  top: -246px;
}

.disposable .tip1 .hovertip-content{
  margin: 0 0 13px;
  left: -242px;
    top: 84px;
}
.disposable .tip1 .hovertip-content hr{

    left: 118px;
    top: -33px;
    transform: rotate(-41deg);
    width: 26%;
    transform: rotate(-41deg);
    -ms-transform: rotate(-41deg); /* IE 9 */
    -webkit-transform:rotate(-41deg); /* Safari and Chrome */
    -o-transform: rotate(-41deg); /* Opera */
    -moz-transform: rotate(-41deg); /* Firefox */
}

.disposable .tip2 .hovertip-content{
    left: 0;
    margin: 0 0 -18px -106px;
    top: 100px;
}
.disposable .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.disposable .tip2 .hovertip-content hr{
    left: 98px;
    top: -38px;
    transform: rotate(-119deg);
    width: 22%;
    -ms-transform: rotate(-119deg); /* IE 9 */
    -webkit-transform:rotate(-119deg); /* Safari and Chrome */
    -o-transform: rotate(-119deg); /* Opera */
    -moz-transform: rotate(-119deg); /* Firefox */

}
.disposable .tip3 .hovertip-content{
    left: -263px;
    margin: 0 0 20px;
    top: -213px;
}
.disposable .tip3 .hovertip-content hr{
    left: 199px;
    top: 166px;
    transform: rotate(-133deg);
    width: 15%;
    -ms-transform: rotate(-133deg); /* IE 9 */
    -webkit-transform: rotate(-133deg); /* Safari and Chrome */
    -o-transform: rotate(-133deg); /* Opera */
    -moz-transform: rotate(-133deg); /* Firefox */
}

.disposable .tip4 .hovertip-content{
    left: 145px;
    margin: 0;
    top: -192px;
}
.disposable .tip4 .hovertip-content hr{
    left: -126px;
    top: 140px;
    transform: rotate(-29deg);
    width: 30%;
    -ms-transform: rotate(-29deg); /* IE 9 */
    -webkit-transform: rotate(-29deg); /* Safari and Chrome */
    -o-transform: rotate(-29deg); /* Opera */
    -moz-transform: rotate(-29deg); /* Firefox */
}

/* Sensitive Disposable */
.sen-disposable .hovertip.tip1 {
  left: -19px;
  top: -219px;
}
.sen-disposable .hovertip.tip2 {
    left: -300px;
    top: -146px;
}
.sen-disposable .hovertip.tip3 {
  left: -330px;
  top: -258px;
}
.sen-disposable .hovertip.tip4 {
  left: -359px;
  top: -301px;
}

.sen-disposable .tip1 .hovertip-content{
  left: -13px;
  margin: 0 0 13px;
  top: -233px;
}
.sen-disposable .tip1 .hovertip-content hr{

  left: 3px;
  top: 168px;
  transform: rotate(-69deg);
  width: 17%;
    transform: rotate(-69deg);
    -ms-transform: rotate(-69deg); /* IE 9 */
    -webkit-transform:rotate(-69deg); /* Safari and Chrome */
    -o-transform: rotate(-69deg); /* Opera */
    -moz-transform: rotate(-69deg); /* Firefox */
}

.sen-disposable .tip2 .hovertip-content{
   bottom: -246px;
    left: 0;
    margin: 0 0 -18px -106px;
}
.sen-disposable .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.sen-disposable .tip2 .hovertip-content hr{
  left: 102px;
  top: -22px;
  width: 20%;
  transform: rotate(-119deg);
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */

}
.sen-disposable .tip3 .hovertip-content{
  left: -25px;
  margin: 0 0 20px;
  top: 119px;
}
.sen-disposable .tip3 .hovertip-content hr{
  left: 22px;
  top: -48px;
  transform: rotate(48deg);
  width: 31%;
    -ms-transform: rotate(48deg); /* IE 9 */
    -webkit-transform: rotate(48deg); /* Safari and Chrome */
    -o-transform: rotate(48deg); /* Opera */
    -moz-transform: rotate(48deg); /* Firefox */
}

.sen-disposable .tip4 .hovertip-content{
  left: -170px;
    margin: 0;
    top: -216px;
}
.sen-disposable .tip4 .hovertip-content hr{
    left: 163px;
    top: 154px;
    transform: rotate(112deg);
    width: 16%;
    -ms-transform: rotate(112deg); /* IE 9 */
    -webkit-transform: rotate(112deg); /* Safari and Chrome */
    -o-transform: rotate(112deg); /* Opera */
    -moz-transform: rotate(112deg); /* Firefox */
}

/* System Hybrid CSS
--------------------*/

.hybrid .hovertip.tip1 {
  left: -43px;
    top: -209px;
}
.hybrid .hovertip.tip2 {
    left: -300px;
    top: -146px;
}
.hybrid .hovertip.tip3 {
  left: -352px;
    top: -246px;
}
.hybrid .hovertip.tip4 {
  left: -382px;
    top: -290px;
}

.hybrid .tip1 .hovertip-content{
  left: -13px;
  margin: 0 0 13px;
  top: -233px;
}
.hybrid .tip1 .hovertip-inner img{
  padding-bottom:40px;
}
.hybrid .tip1 .hovertip-content hr{
  left: 3px;
  top: 168px;
  transform: rotate(-69deg);
  width: 17%;
    transform: rotate(-69deg);
    -ms-transform: rotate(-69deg); /* IE 9 */
    -webkit-transform:rotate(-69deg); /* Safari and Chrome */
    -o-transform: rotate(-69deg); /* Opera */
    -moz-transform: rotate(-69deg); /* Firefox */
}

.hybrid .tip2 .hovertip-content{
  bottom: -246px;
  left: 0;
  margin: 0 0 -18px -106px;
}
.hybrid .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.hybrid .tip2 .hovertip-content hr{
  left: 102px;
  top: -22px;
  width: 20%;
  transform: rotate(-119deg);
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */
}
.hybrid .tip3 .hovertip-content{
  left: -25px;
  margin: 0 0 20px;
  top: 119px;
}
.hybrid .tip3 .hovertip-content hr{
  left: 22px;
  top: -48px;
  transform: rotate(48deg);
  width: 31%;
    -ms-transform: rotate(48deg); /* IE 9 */
    -webkit-transform: rotate(48deg); /* Safari and Chrome */
    -o-transform: rotate(48deg); /* Opera */
    -moz-transform: rotate(48deg); /* Firefox */
}

.hybrid .tip4 .hovertip-content{
  left: -170px;
    margin: 0;
    top: -216px;
}
.hybrid .tip4 .hovertip-content hr{
    left: 174px;
    top: 157px;
    transform: rotate(126deg);
    width: 18%;
    -ms-transform: rotate(126deg); /* IE 9 */
    -webkit-transform: rotate(126deg); /* Safari and Chrome */
    -o-transform: rotate(126deg); /* Opera */
    -moz-transform: rotate(126deg); /* Firefox */
}

/* End / System Hybrid CSS
----------------------------*/

/* Exacta System */
.exacta .hovertip.tip1 {
  left: -86px;
  top: -301px;
}
.exacta .hovertip.tip2 {
  left: -291px;
  top: -273px;
}
.exacta .hovertip.tip3 {
  left: -262px;
  top: -350px;
}
.exacta .hovertip.tip4 {
  left: -332px;
  top: -265px;
}

.exacta .tip1 .hovertip-content{
  left: -18px;
  margin: 0 0 13px;
  top: 171px;
}
.exacta .tip1 .hovertip-content hr{
  left: -29px;
  top: -79px;
  transform: rotate(-104deg);
  width: 31%;
  -ms-transform: rotate(-104deg); /* IE 9 */
  -webkit-transform:rotate(-104deg); /* Safari and Chrome */
  -o-transform: rotate(-104deg); /* Opera */
  -moz-transform: rotate(-104deg); /* Firefox */
}

.exacta .tip2 .hovertip-content{
  left: 0;
  margin: 0 0 -18px -116px;
  top: 142px;
}
.exacta .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.exacta .tip2 .hovertip-content hr{
  left: 74px;
  top: -56px;
  transform: rotate(-103deg);
  width: 28%;
  -ms-transform: rotate(-103deg); /* IE 9 */
  -webkit-transform:rotate(-103deg); /* Safari and Chrome */
  -o-transform: rotate(-103deg); /* Opera */
  -moz-transform: rotate(-103deg); /* Firefox */
}
.exacta .tip3 .hovertip-content{
  left: 170px;
  margin: 0 0 20px;
  top: -113px;
}
.exacta .tip3 .hovertip-content hr{
  left: -140px;
  top: 94px;
  transform: rotate(-10deg);
  width: 31%;
  -ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Safari and Chrome */
  -o-transform: rotate(-10deg); /* Opera */
  -moz-transform: rotate(-10deg); /* Firefox */
}

.exacta .tip4 .hovertip-content{
  left: -201px;
  margin: 0;
  top: -238px;
}
.exacta .tip4 .hovertip-content hr{
    left: 148px;
    top: 156px;
    transform: rotate(84deg);
    width: 22%;
    -ms-transform: rotate(84deg); /* IE 9 */
    -webkit-transform: rotate(84deg); /* Safari and Chrome */
    -o-transform: rotate(84deg); /* Opera */
    -moz-transform: rotate(84deg); /* Firefox */
}

/* System Subzero */
.subzero .hovertip.tip1 {
  left: 12px;
  top: -216px;
}
.subzero .hovertip.tip2 {
  left: -300px;
    top: -146px;
}
.subzero .hovertip.tip3 {
  left: -291px;
  top: -277px;
}
.subzero .hovertip.tip4 {
  left: -365px;
  top: -285px;
}
.subzero .tip1 .hovertip-content{
  left: -324px;
  margin: 0 0 13px;
  top: 37px;
}
.subzero .tip1 .hovertip-content hr{
    left: 263px;
    top: -4px;
    transform: rotate(-43deg);
    width: 14%;
    -ms-transform: rotate(-43deg); /* IE 9 */
    -webkit-transform:rotate(-43deg); /* Safari and Chrome */
    -o-transform: rotate(-43deg); /* Opera */
    -moz-transform: rotate(-43deg); /* Firefox */
}
.subzero .tip2 .hovertip-content{
  bottom: -246px;
  left: 0;
  margin: 0 0 -18px -106px;
}
.subzero .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.subzero .tip2 .hovertip-content hr{
  left: 102px;
  top: -22px;
  width: 20%;
  transform: rotate(-119deg);
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */
}
.subzero .tip3 .hovertip-content{
    left: 170px;
    margin: 0 0 20px;
    top: -175px;
}
.subzero .tip3 .hovertip-content hr{
    left: -147px;
    top: 128px;
    transform: rotate(-23deg);
    width: 33%;
    -ms-transform: rotate(-23deg); /* IE 9 */
    -webkit-transform: rotate(-23deg); /* Safari and Chrome */
    -o-transform: rotate(-23deg); /* Opera */
    -moz-transform: rotate(-23deg); /* Firefox */
}

.subzero .tip4 .hovertip-content{
   left: -318px;
    margin: 0;
    top: -251px;
}
.subzero .tip4 .hovertip-content hr{
  left: 238px;
  top: 192px;
  transform: rotate(55deg);
  width: 21%;
  -ms-transform: rotate(55deg); /* IE 9 */
  -webkit-transform: rotate(55deg); /* Safari and Chrome */
  -o-transform: rotate(55deg); /* Opera */
  -moz-transform: rotate(55deg); /* Firefox */
}

/* Hydro 5 */
.hydro5 .hovertip.tip1 {
  left: 37px;
  top: -153px;
}
.hydro5 .hovertip.tip2 {
  left: -319px;
    top: -209px;
}
.hydro5 .hovertip.tip3 {
  left: -350px;
    top: -245px;
}
.hydro5 .hovertip.tip4 {
  left: -366px;
  top: -117px;
}
.hydro5 .hovertip.tip5 {
  left: -394px;
    top: -192px;
}

.hydro5 .tip1 .hovertip-content{
  left: -110px;
  margin: 0 0 13px;
  top: 72px;
}
.hydro5 .tip1 .hovertip-content hr{
  left: 107px;
  top: -26px;
  transform: rotate(-115deg);
  width: 14%;
  -ms-transform: rotate(-115deg); /* IE 9 */
  -webkit-transform:rotate(-115deg); /* Safari and Chrome */
  -o-transform: rotate(-115deg); /* Opera */
  -moz-transform: rotate(-115deg); /* Firefox */
}

.hydro5 .tip2 .hovertip-content{
  left: -127px;
  margin: 0 0 -18px -106px;
  top: -285px;
}
.hydro5 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.hydro5 .tip2 .hovertip-content hr{
  left: 110px;
  top: 216px;
  transform: rotate(-133deg);
  width: 27%;
  transform: rotate(-133deg);
  -ms-transform: rotate(-133deg); /* IE 9 */
  -webkit-transform:rotate(-133deg); /* Safari and Chrome */
  -o-transform: rotate(-133deg); /* Opera */
  -moz-transform: rotate(-133deg); /* Firefox */

}
.hydro5 .tip3 .hovertip-content{
  left: 217px;
  margin: 0 0 20px;
  top: -162px;
}
.hydro5 .tip3 .hovertip-content hr{
  left: -189px;
  top: 129px;
  transform: rotate(-14deg);
  width: 44%;
  -ms-transform: rotate(-14deg); /* IE 9 */
  -webkit-transform: rotate(-14deg); /* Safari and Chrome */
  -o-transform: rotate(-14deg); /* Opera */
  -moz-transform: rotate(-14deg); /* Firefox */
}

.hydro5 .tip4 .hovertip-content{
  left: -246px;
  margin: 0;
  top: 18px;
}
.hydro5 .tip4 .hovertip-content hr{
  left: 187px;
  top: 4px;
  transform: rotate(152deg);
  width: 12%;
  -ms-transform: rotate(152deg); /* IE 9 */
  -webkit-transform: rotate(152deg); /* Safari and Chrome */
  -o-transform: rotate(152deg); /* Opera */
  -moz-transform: rotate(152deg); /* Firefox */
}

.hydro5 .tip5 .hovertip-content{
  left: -221px;
  margin: 0;
  top: -9px;
}
.hydro5 .tip5 .hovertip-content hr{
  left: 150px;
  top: 30px;
  transform: rotate(156deg);
  width: 14%;
  -ms-transform: rotate(156deg); /* IE 9 */
  -webkit-transform: rotate(156deg); /* Safari and Chrome */
  -o-transform: rotate(156deg); /* Opera */
  -moz-transform: rotate(156deg); /* Firefox */
}
.hydro5 .tip5 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
/*.hydro5 .tip2 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
}*/

/* Quattro 5 */

.quattro5 .hovertip.tip1 {
  left: 316px;
    top: -108px;
}
.quattro5 .hovertip.tip2 {
  left: -276px;
    top: -217px;
}
.quattro5 .hovertip.tip3 {
  left: -277px;
    top: -315px;
}
.quattro5 .hovertip.tip4 {
  left: -315px;
    top: -370px;
}

.quattro5 .tip1 .hovertip-content{
  left: -139px;
    margin: 0 0 13px;
    top: 66px;
}
.quattro5 .tip1 .hovertip-content hr{
  left: 142px;
  top: -19px;
  transform: rotate(-123deg);
  width: 16%;
  -ms-transform: rotate(-123deg); /* IE 9 */
  -webkit-transform:rotate(-123deg); /* Safari and Chrome */
  -o-transform: rotate(-123deg); /* Opera */
  -moz-transform: rotate(-123deg); /* Firefox */
}

.quattro5 .tip2 .hovertip-content{
  left: 33px;
  margin: 0 0 -18px -106px;
  top: 64px;
}
.quattro5 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.quattro5 .tip2 .hovertip-content hr{
  left: 90px;
  top: -25px;
  transform: rotate(-141deg);
  width: 17%;
  transform: rotate(-141deg);
  -ms-transform: rotate(-141deg); /* IE 9 */
  -webkit-transform:rotate(-141deg); /* Safari and Chrome */
  -o-transform: rotate(-141deg); /* Opera */
  -moz-transform: rotate(-141deg); /* Firefox */
}
.quattro5 .tip3 .hovertip-content{
  left: 250px;
  margin: 0 0 20px;
  top: -84px;
}
.quattro5 .tip3 .hovertip-content hr{
  left: -218px;
  top: 78px;
  transform: rotate(-1deg);
  width: 48%;
  -ms-transform: rotate(-1deg); /* IE 9 */
  -webkit-transform: rotate(-1deg); /* Safari and Chrome */
  -o-transform: rotate(-1deg); /* Opera */
  -moz-transform: rotate(-1deg); /* Firefox */
}

.quattro5 .tip4 .hovertip-content{
  left: 94px;
  margin: 0;
  top: -121px;
}
.quattro5 .tip4 .hovertip-content hr{
  left: -64px;
  top: 102px;
  transform: rotate(-11deg);
  width: 20%;
  -ms-transform: rotate(-11deg); /* IE 9 */
  -webkit-transform: rotate(-11deg); /* Safari and Chrome */
  -o-transform: rotate(-11deg); /* Opera */
  -moz-transform: rotate(-11deg); /* Firefox */
}

/* Quattro-Base
=====================*/

.quattro-base .tip1 {
    cursor: pointer;
    left: -282px;
    top: -315px;
    z-index: 999;
}
.quattro-base .tip1 .hovertip-content{  
  top: -150px;
  left: 440px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.quattro-base .tip1 .hovertip-content hr{   
    left: -194px;
    top: 109px;
  transform: rotate(-16deg);
  -ms-transform: rotate(-16deg); /* IE 9 */
  -webkit-transform:rotate(-16deg); /* Safari and Chrome */
  -o-transform: rotate(-16deg); /* Opera */
  -moz-transform: rotate(-16deg); /* Firefox */
  width: 48%;
}
.quattro-base .tip2 { 
    left: -352px;
    top: -161px;
  cursor:pointer;
  z-index:999;
}
.quattro-base .tip2 .hovertip-content{  
  left: -130px;
  top: -380px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.quattro-base .tip2 .hovertip-content hr{   
  left: 76px;
    top: 243px;
    transform: rotate(-133deg);
    width: 60%;
  -ms-transform: rotate(-133deg); /* IE 9 */
  -webkit-transform:rotate(-133deg); /* Safari and Chrome */
  -o-transform: rotate(-133deg); /* Opera */
  -moz-transform: rotate(-133deg); /* Firefox */
}
.quattro-base .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

/* End Quattro-Base
=====================*/

/* Groomer
===============*/
.groomer .tip1 {
  cursor: pointer;
    left: 24px;
    top: -257px;
}
.groomer .tip1 .hovertip-content{
    bottom: 0;
    left: 32px;
    margin: 0 0 20px -220px;
    top: -205px;
    z-index: -100;
}
.groomer .tip1 .hovertip-content hr{
    left: 163px;
    top: 151px;
    transform: rotate(-99deg);
    width: 12%;
    -ms-transform: rotate(-99deg); /* IE 9 */
    -webkit-transform:rotate(-99deg); /* Safari and Chrome */
    -o-transform: rotate(-99deg); /* Opera */
    -moz-transform: rotate(-99deg); /* Firefox */
}
.groomer .tip2 {
  cursor: pointer;
    left: 370px;
    top: -325px;
    z-index: 999;
}
.groomer .tip2 .hovertip-content{
  bottom: 0;
    left: -62px;
    margin: 0 0 20px -220px;
    top: -209px;
    z-index: -100;
}
.groomer .tip2 .hovertip-content hr{
  left: 140px;
    top: 169px;
    transform: rotate(-158deg);
    width: 27%;
  -ms-transform: rotate(-158deg); /* IE 9 */
  -webkit-transform:rotate(-158deg); /* Safari and Chrome */
  -o-transform: rotate(-158deg); /* Opera */
  -moz-transform: rotate(-158deg); /* Firefox */
}
.groomer .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

.groomer .tip3 {  
    bottom: 0;
    cursor: pointer;
    left: 340px;
    top: -292px;
    z-index: 999;
}
.groomer .tip3 .hovertip-content{
  bottom: 0;
    left: -68px;
    margin: 0 0 20px -220px;
    top: 123px;
    z-index: -100;
}
.groomer .tip3 .hovertip-content hr{
  left: 197px;
    top: -52px;
    transform: rotate(-63deg);
    width: 25%;
  -ms-transform: rotate(-63deg); /* IE 9 */
  -webkit-transform:rotate(-63deg); /* Safari and Chrome */
  -o-transform: rotate(-63deg); /* Opera */
  -moz-transform: rotate(-63deg); /* Firefox */
}

.groomer .tip4 {
    bottom: 0;
    cursor: pointer;
    left: 258px;
    top: -317px;
    z-index: 999;
}
.groomer .tip4 .hovertip-content{
  bottom: 0;
    left: 36px;
    margin: 0 0 20px -220px;
    top: -184px;
    z-index: -100;
}
.groomer .tip4 .hovertip-content hr{
  left: 123px;
    top: 139px;
    transform: rotate(-134deg);
    width: 14%;
  -ms-transform: rotate(-134deg); /* IE 9 */
  -webkit-transform:rotate(-134deg); /* Safari and Chrome */
  -o-transform: rotate(-134deg); /* Opera */
  -moz-transform: rotate(-134deg); /* Firefox */
}

.groomer .tip5 {
    bottom: 0;
    cursor: pointer;
    left: -353px;
    top: -164px;
    z-index: 999;
}
.groomer .tip5 .hovertip-content{
    bottom: 0;
    left: 41px;
    margin: 0 0 20px -220px;
    top: 58px;
    z-index: -100;
}
.groomer .tip5 .hovertip-content hr{
  left: 143px;
    top: -9px;
    transform: rotate(-78deg);
    width: 14%;
  -ms-transform: rotate(-78deg); /* IE 9 */
  -webkit-transform:rotate(-78deg); /* Safari and Chrome */
  -o-transform: rotate(-78deg); /* Opera */
  -moz-transform: rotate(-78deg); /* Firefox */
}
.groomer .tip6 {
    bottom: 0;
    cursor: pointer;
    left: 189px;
    top: -284px;
    z-index: 999;
}
.groomer .tip6 .hovertip-content{
  bottom: 0;
    left: -125px;
    margin: 0 0 20px -220px;
    top: 116px;
    z-index: -100;
}
.groomer .tip6 .hovertip-content hr{
  left: 174px;
    top: -47px;
    transform: rotate(-40deg);
    width: 36%;
  -ms-transform: rotate(-40deg); /* IE 9 */
  -webkit-transform:rotate(-40deg); /* Safari and Chrome */
  -o-transform: rotate(-40deg); /* Opera */
  -moz-transform: rotate(-40deg); /* Firefox */
}
.groomer .tip7 {
    bottom: 0;
    cursor: pointer;
    left: -231px;
    top: -249px;
}
.groomer .tip7 .hovertip-content{
    bottom: 0;
    left: -116px;
    margin: 0 0 20px -220px;
    top: -237px;
    z-index: -100;
}
.groomer .tip7 .hovertip-content hr{
    left: 256px;
    top: 184px;
    transform: rotate(-135deg);
    width: 18%;
  -ms-transform: rotate(-135deg); /* IE 9 */
  -webkit-transform:rotate(-135deg); /* Safari and Chrome */
  -o-transform: rotate(-135deg); /* Opera */
  -moz-transform: rotate(-135deg); /* Firefox */
}

.groomer .tip4 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
/* End Groomer
===============*/


/* Powerselect
=====================*/
.powerselect .tip1 {
  cursor: pointer;
    left: 61px;
    top: -178px;
    z-index: 999;
}
.powerselect .tip1 .hovertip-content{
    bottom: 0;
    left: -199px;
    margin: 0 0 20px -220px;
    top: -255px;
    z-index: -100;
}
.powerselect .tip1 .hovertip-content hr{
  left: 322px;
  top: 188px;
  transform: rotate(-129deg);
  width: 23%;
  -ms-transform: rotate(-129deg); /* IE 9 */
  -webkit-transform:rotate(-129deg); /* Safari and Chrome */
  -o-transform: rotate(-129deg); /* Opera */
  -moz-transform: rotate(-129deg); /* Firefox */
}

.powerselect .tip2 {
  cursor: pointer;
    left: 370px;
    top: -238px;
    z-index: 999;
}
.powerselect .tip2 .hovertip-content{
  bottom: 0;
    left: -108px;
    margin: 0 0 20px -220px;
    top: -227px;
    z-index: -100;
}
.powerselect .tip2 .hovertip-content hr{  
  left: 302px;
    top: 180px;
    transform: rotate(-111deg);
    width: 10%;
  -ms-transform: rotate(-111deg); /* IE 9 */
  -webkit-transform:rotate(-111deg); /* Safari and Chrome */
  -o-transform: rotate(-111deg); /* Opera */
  -moz-transform: rotate(-111deg); /* Firefox */
}
.powerselect .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

.powerselect .tip3 {  
     bottom: 0;
    cursor: pointer;
    left: 330px;
    top: -198px;
    z-index: 999;
}
.powerselect .tip3 .hovertip-content{
    bottom: 0;
    left: -83px;
    margin: 0 0 20px -220px;
    top: 118px;
    z-index: -100;
}
.powerselect .tip3 .hovertip-content hr{  
  left: 173px;
    top: -54px;
    transform: rotate(-47deg);
    width: 29%;
  -ms-transform: rotate(-47deg); /* IE 9 */
  -webkit-transform:rotate(-47deg); /* Safari and Chrome */
  -o-transform: rotate(-47deg); /* Opera */
  -moz-transform: rotate(-47deg); /* Firefox */
}

.powerselect .tip4 {
    bottom: 0;
    cursor: pointer;
    left: 248px;
    top: -210px;
    z-index: 999;
}
.powerselect .tip4 .hovertip-content{ 
  top: 135px;
  left: -75px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.powerselect .tip4 .hovertip-content hr{  
  left: 127px;
    top: -55px;
    transform: rotate(-46deg);
    width: 37%;
  -ms-transform: rotate(-46deg); /* IE 9 */
  -webkit-transform:rotate(-46deg); /* Safari and Chrome */
  -o-transform: rotate(-46deg); /* Opera */
  -moz-transform: rotate(-46deg); /* Firefox */
}

.powerselect .tip5 {
  bottom: 0;
    cursor: pointer;
    right: 169px;
    top: -169px;
    z-index: 999;
}
.powerselect .tip5 .hovertip-content{ 
    bottom: 0;
    left: -118px;
    margin: 0 0 20px -220px;
    top: 79px;
    z-index: -100;
}
.powerselect .tip5 .hovertip-content hr{
  left: 272px;
    top: -25px;
    transform: rotate(-61deg);
    width: 18%;
  -ms-transform: rotate(-61deg); /* IE 9 */
  -webkit-transform:rotate(-61deg); /* Safari and Chrome */
  -o-transform: rotate(-61deg); /* Opera */
  -moz-transform: rotate(-61deg); /* Firefox */
}
.powerselect .tip6 {
  bottom: 0;
    cursor: pointer;
    left: 180px;
    top: -246px;
    z-index: 999;
}
.powerselect .tip6 .hovertip-content{ 
  bottom: 0;
    left: -238px;
    margin: 0 0 20px -220px;
    top: -185px;
    z-index: -100;
}
.powerselect .tip6 .hovertip-content hr{
  left: 355px;
    top: 137px;
    transform: rotate(-146deg);
    width: 21%;
  -ms-transform: rotate(-146deg); /* IE 9 */
  -webkit-transform:rotate(-146deg); /* Safari and Chrome */
  -o-transform: rotate(-146deg); /* Opera */
  -moz-transform: rotate(-146deg); /* Firefox */
}
.powerselect .tip4 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
/* End Powerselect
=====================*/

/* Exacta Disposable
=====================*/
.ext-disposable .tip1 {
  cursor: pointer;
    left: -227px;
    top: -302px;
    z-index: 999;
}
.ext-disposable .tip1 .hovertip-content{  
  top: -179px;
  left: -80px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.ext-disposable .tip1 .hovertip-content hr{ 
  left: 199px;
    top: 129px;
    transform: rotate(-140deg);
    width: 21%;
  -ms-transform: rotate(-140deg); /* IE 9 */
  -webkit-transform:rotate(-140deg); /* Safari and Chrome */
  -o-transform: rotate(-140deg); /* Opera */
  -moz-transform: rotate(-140deg); /* Firefox */
}
.ext-disposable .tip2 {
  cursor: pointer;
    left: -284px;
    top: -252px;
    z-index: 999;
}
.ext-disposable .tip2 .hovertip-content{
  left: 410px;
  top: -179px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.ext-disposable .tip2 .hovertip-content hr{ 
  left: -163px;
    top: 141px;
    transform: rotate(-17deg);
    width: 35%;
  -ms-transform: rotate(-17deg); /* IE 9 */
  -webkit-transform:rotate(-17deg); /* Safari and Chrome */
  -o-transform: rotate(-17deg); /* Opera */
  -moz-transform: rotate(-17deg); /* Firefox */
}
.ext-disposable .tip2 .hovertip-content img, .ext-disposable .tip4 .hovertip-content img{
  height:101px;
  width:auto;
  margin-top:0;
}
.ext-disposable .tip3 {   
  bottom: 0;
    cursor: pointer;
    left: -55px;
    top: -193px;
    z-index: 999;;
}
.ext-disposable .tip3 .hovertip-content{  
  bottom: 0;
    left: 158px;
    margin: 0 0 20px -220px;
    top: 72px;
    z-index: -100;
}
.ext-disposable .tip3 .hovertip-content hr{ 
  left: 63px;
    top: -19px;
    transform: rotate(-128deg);
    width: 20%;
  -ms-transform: rotate(-128deg); /* IE 9 */
  -webkit-transform:rotate(-128deg); /* Safari and Chrome */
  -o-transform: rotate(-128deg); /* Opera */
  -moz-transform: rotate(-128deg); /* Firefox */
}
.ext-disposable .tip4 { 
  bottom: 0;
    cursor: pointer;
    left: -388px;
    top: -198px;
    z-index: 999;
}
.ext-disposable .tip4 .hovertip-content{    
  bottom: 0;
    left: 103px;
    margin: 0 0 20px -220px;
    top: 80px;
    z-index: -100;
}
.ext-disposable .tip4 .hovertip-content hr{ 
  left: 105px;
    top: -23px;
    transform: rotate(-109deg);
    width: 18%;
  -ms-transform: rotate(-109deg); /* IE 9 */
  -webkit-transform:rotate(-109deg); /* Safari and Chrome */
  -o-transform: rotate(-109deg); /* Opera */
  -moz-transform: rotate(-109deg); /* Firefox */
}

/* End Exacta Disposable
=====================*/

/* Exacta Ultra Blue
=========================*/
.execta-blue .tip1 {
  cursor: pointer;
    left: -224px;
    top: -245px;
}
.execta-blue .tip1 .hovertip-content{
    left: -80px;
    top: 137px;
}
.execta-blue .tip1 .hovertip-content hr{
  left: 29px;
  top: -63px;
  transform: rotate(-88deg);
  width: 23%;
    -ms-transform: rotate(-88deg); /* IE 9 */
    -webkit-transform:rotate(-88deg); /* Safari and Chrome */
    -o-transform: rotate(-88deg); /* Opera */
    -moz-transform: rotate(-88deg); /* Firefox */
}

.execta-blue .tip2 {
  cursor: pointer;
    left: -227px;
    top: -234px;
    z-index: 999;
}
.execta-blue .tip2 .hovertip-content{ 
  bottom: 0;
    left: -80px;
    margin: 0 0 20px -70px;
    top: -258px;
    z-index: -100;
}
.execta-blue .tip2 .hovertip-content hr{  
  left: 87px;
  top: 193px;
  transform: rotate(-117deg);
  width: 18%;
  -ms-transform: rotate(-117deg); /* IE 9 */
  -webkit-transform:rotate(-117deg); /* Safari and Chrome */
  -o-transform: rotate(-117deg); /* Opera */
  -moz-transform: rotate(-117deg); /* Firefox */
}
.execta-blue .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

.execta-blue .tip3 {  
    bottom: 0;
    cursor: pointer;
    left: -233px;
    top: -321px;
    z-index: 999;
}
.execta-blue .tip3 .hovertip-content{
  left: 265px;
  margin: 0 0 0 -220px;
  top: -150px;
    z-index: -100;
}
.execta-blue .tip3 .hovertip-content hr{  
  left: -17px;
    top: 119px;
    transform: rotate(-32deg);
    width: 13%;
  -ms-transform: rotate(-32deg); /* IE 9 */
  -webkit-transform:rotate(-32deg); /* Safari and Chrome */
  -o-transform: rotate(-32deg); /* Opera */
  -moz-transform: rotate(-32deg); /* Firefox */
}

.execta-blue .tip4 {
    bottom: 0;
    cursor: pointer;
    left: -169px;
    top: -270px;
    z-index: 999;
}
.execta-blue .tip4 .hovertip-content{
  left: -150px;
    top: 135px;
    z-index: -100;
}
.execta-blue .tip4 .hovertip-content hr{
  left: 69px;
  top: -64px;
  transform: rotate(-248deg);
  width: 24%;
  -ms-transform: rotate(-248deg); /* IE 9 */
  -webkit-transform:rotate(-248deg); /* Safari and Chrome */
  -o-transform: rotate(-248deg); /* Opera */
  -moz-transform: rotate(-248deg); /* Firefox */
}

.execta-blue .tip5 {
    bottom: 0;
    cursor: pointer;
    right: 10px;
    top: -192px;
    z-index: 999;
}
.execta-blue .tip5 .hovertip-content{
  top: 35px;
  left: -125px;
  bottom:0;
  margin: 0 0 20px -220px;
  z-index:-100;
}
.execta-blue .tip5 .hovertip-content hr{
  left: 255px;
  top: 3px;
  transform: rotate(-40deg);
  -ms-transform: rotate(-40deg); /* IE 9 */
  -webkit-transform:rotate(-40deg); /* Safari and Chrome */
  -o-transform: rotate(-40deg); /* Opera */
  -moz-transform: rotate(-40deg); /* Firefox */
  width: 19%;
}

/* End  Exacta Ultra Blue
=========================*/

/* Hydro3
=========================*/

.hydro3 .hovertip.tip1 {
  left: -248px;
    top: -346px;
}

.refresh .hovertip.tip1{
  left: -278px;
  top: -259px;
}

.hydro3 .tip1 .hovertip-content{
    right: -140px;
    top: -213px;
}
.hydro3 .tip1 .hovertip-content hr{
    left: 293px;
    top: 167px;
    transform: rotate(-145deg);
    width: 18%;
  -ms-transform: rotate(-145deg); /* IE 9 */
  -webkit-transform:rotate(-145deg); /* Safari and Chrome */
  -o-transform: rotate(-145deg); /* Opera */
  -moz-transform: rotate(-145deg); /* Firefox */
}
.hydro3 .hovertip.tip2 {
  left: -267px;
    top: -308px;
}

.refresh .hovertip.tip2{
  left: -286px;
  top: -219px;
}

.hydro3 .tip2 .hovertip-content{
    left: -90px;
    top: 110px;
}
.hydro3 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.hydro3 .tip2 .hovertip-content hr{
  left: 67px;
    top: -49px;
    width: 19%;
    transform: rotate(-102deg);
  -ms-transform: rotate(-102deg); /* IE 9 */
  -webkit-transform:rotate(-102deg); /* Safari and Chrome */
  -o-transform: rotate(-102deg); /* Opera */
  -moz-transform: rotate(-102deg); /* Firefox */
}

.hydro3 .hovertip.tip3 {
  left: -281px;
  top: -334px;
}

.refresh .hovertip.tip3{
  left: -281px;
  top: -275px;
}

.hydro3 .tip3 .hovertip-content{
  left: 170px;
  margin: 0 0 20px;
  top: -113px;
}
.hydro3 .tip3 .hovertip-inner img{
    height:80px;
    width: auto;
  float:none;
}
.hydro3 .tip3 .hovertip-content hr{
  left: -141px;
  top: 86px;
  width: 31%;
  transform: rotate(-12deg);
  -ms-transform: rotate(-12deg); /* IE 9 */
  -webkit-transform: rotate(-12deg); /* Safari and Chrome */
  -o-transform: rotate(-12deg); /* Opera */
  -moz-transform: rotate(-12deg); /* Firefox */
}

.hydro3 .hovertip.tip4 {
  bottom: 287px;
  right: 83px;
}

.refresh .hovertip.tip4{
  bottom: 158px;
  right: 83px;
}

.hydro3 .tip4 .hovertip-content{
  left: -250px;
  margin: 0;
  top: 55px;
}
.hydro3 .tip4 .hovertip-content hr{
  left: 188px;
  top: -16px;
  transform: rotate(135deg);
  width: 15%;
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Safari and Chrome */
  -o-transform: rotate(135deg); /* Opera */
  -moz-transform: rotate(135deg); /* Firefox */
}

/* End Hydro3
=========================*/

/* Protector 3 
=========================*/
.protector-three .hovertip.tip1 {
  left: -230px;
  top: -392px;
}
.protector-three .tip1 .hovertip-content{
    left: 178px;
    top: -132px;
}
.protector-three .tip1 .hovertip-content hr{
    left: -148px;
    top: 111px;
    width: 33%;
  transform: rotate(-9deg);
  -ms-transform: rotate(-9deg); /* IE 9 */
  -webkit-transform:rotate(-9deg); /* Safari and Chrome */
  -o-transform: rotate(-9deg); /* Opera */
  -moz-transform: rotate(-9deg); /* Firefox */
}
.protector-three .hovertip.tip2 {
    left: -277px;
    top: -353px;
}
.protector-three .tip2 .hovertip-content{
    left: 278px;
    top: -96px;
}
.protector-three .tip2 .hovertip-content hr{
    left: -246px;
    top: 86px;
    transform: rotate(-3deg);
    width: 46%;
  transform: rotate(-3deg);
  -ms-transform: rotate(-3deg); /* IE 9 */
  -webkit-transform:rotate(-3deg); /* Safari and Chrome */
  -o-transform: rotate(-3deg); /* Opera */
  -moz-transform: rotate(-3deg); /* Firefox */
}
.protector-three .hovertip.tip3 {
    left: -324px;
    top: -314px;
}
.protector-three .tip3 .hovertip-content{
    left: 70px;
    top: 117px;
    margin: 0;
}
.protector-three .tip3 .hovertip-content hr{
    left: -77px;
    top: -45px;
    transform: rotate(55deg);


    width: 29%;
  -ms-transform: rotate(55deg); /* IE 9 */
  -webkit-transform: rotate(55deg); /* Safari and Chrome */
  -o-transform: rotate(55deg); /* Opera */
  -moz-transform: rotate(55deg); /* Firefox */
}
.protector-three .hovertip.tip4 {
    left: -370px;
    top: -277px
}
.protector-three .tip4 .hovertip-content{
    left: 22px;
    margin: 0;
    top: 69px;
}
.protector-three .tip4 .hovertip-content hr{
    left: -25px;
    top: -17px;
    transform: rotate(62deg);
    width: 18%;
  -ms-transform: rotate(62deg); /* IE 9 */
  -webkit-transform: rotate(62deg); /* Safari and Chrome */
  -o-transform: rotate(62deg); /* Opera */
  -moz-transform: rotate(62deg); /* Firefox */
}

/* End Protector 3 
=========================*/


/* Quattro4
=========================*/

.quattro4 .hovertip.tip1 {
    left: -283px;
    top: -250px;
}
.quattro4 .tip1 .hovertip-content{
  left: 197px;
  margin: 0 0 13px;
  top: -160px;
}
.quattro4 .tip1 .hovertip-content hr{
  left: -169px;
    top: 120px;
    transform: rotate(-198deg);
    width: 35%;
  -ms-transform: rotate(-198deg); /* IE 9 */
  -webkit-transform:rotate(-198deg); /* Safari and Chrome */
  -o-transform: rotate(-198deg); /* Opera */
  -moz-transform: rotate(-198deg); /* Firefox */
}
.quattro4 .hovertip.tip2 {
    left: -290px;
    top: -213px;
}
.quattro4 .tip2 .hovertip-content{
    left: 121px;
    top: -190px;
}
.quattro4 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.quattro4 .tip2 .hovertip-content hr{
    left: -101px;
    top: 141px;
    width: 25%;
    transform: rotate(-30deg);
  -ms-transform: rotate(-30deg); /* IE 9 */
  -webkit-transform:rotate(-30deg); /* Safari and Chrome */
  -o-transform: rotate(-30deg); /* Opera */
  -moz-transform: rotate(-30deg); /* Firefox */
}
.quattro4 .hovertip.tip3 {
    left: -314px;
    top: -254px;
}
.quattro4 .tip3 .hovertip-content{
  left: 170px;
  margin: 0 0 20px;
  top: -113px;
}
.quattro4 .tip3 .hovertip-content hr{
  left: -141px;
  top: 86px;
  width: 31%;
  transform: rotate(-12deg);
  -ms-transform: rotate(-12deg); /* IE 9 */
  -webkit-transform: rotate(-12deg); /* Safari and Chrome */
  -o-transform: rotate(-12deg); /* Opera */
  -moz-transform: rotate(-12deg); /* Firefox */
}
.quattro4 .hovertip.tip4 {
    bottom: 145px;
    right: 3px;
}
.quattro4 .tip4 .hovertip-content{
    left: -70px;
    margin: 0;
    top: -255px;
}
.quattro4 .tip4 .hovertip-content hr{
    left: 70px;
    top: 188px;
  transform: rotate(123deg);
  width: 22%;
  -ms-transform: rotate(123deg); /* IE 9 */
  -webkit-transform: rotate(123deg); /* Safari and Chrome */
  -o-transform: rotate(123deg); /* Opera */
  -moz-transform: rotate(123deg); /* Firefox */
}

/* End Quattro4
=========================*/

/* Quattro-Titanium-Disposable
==================================*/

.quattro-titanium .hovertip.tip1 {
    left: -276px;
    top: -294px;
}
.quattro-titanium .tip1 .hovertip-content{
  left: 197px;
  margin: 0 0 13px;
  top: -160px;
}
.quattro-titanium .tip1 .hovertip-content hr{
    left: -167px;
    top: 133px;
    transform: rotate(-192deg);
    width: 35%;
  -ms-transform: rotate(-192deg); /* IE 9 */
  -webkit-transform:rotate(-192deg); /* Safari and Chrome */
  -o-transform: rotate(-192deg); /* Opera */
  -moz-transform: rotate(-192deg); /* Firefox */
}
.quattro-titanium .hovertip.tip2 {
    left: -285px;
    top: -258px;
}
.quattro-titanium .tip2 .hovertip-content{
    left: 120px;
    top: -190px;
}
.quattro-titanium .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.quattro-titanium .tip2 .hovertip-content hr{
    left: -101px;
    top: 141px;
    width: 25%;
    transform: rotate(-30deg);
  -ms-transform: rotate(-30deg); /* IE 9 */
  -webkit-transform:rotate(-30deg); /* Safari and Chrome */
  -o-transform: rotate(-30deg); /* Opera */
  -moz-transform: rotate(-30deg); /* Firefox */
}
.quattro-titanium .hovertip.tip3 {
    left: -308px;
    top: -303px;
}
.quattro-titanium .tip3 .hovertip-content{
  left: 170px;
  margin: 0 0 20px;
  top: -113px;
}
.quattro-titanium .tip3 .hovertip-content hr{
    left: -140px;
    top: 95px;
    transform: rotate(-9deg);
    width: 31%;
  -ms-transform: rotate(-9deg); /* IE 9 */
  -webkit-transform: rotate(-9deg); /* Safari and Chrome */
  -o-transform: rotate(-9deg); /* Opera */
  -moz-transform: rotate(-9deg); /* Firefox */
}
.quattro-titanium .hovertip.tip4 {
    bottom: 187px;
    right: -47px;
}
.quattro-titanium .tip4 .hovertip-content{
    left: -70px;
    margin: 0;
    top: -255px;
}
.quattro-titanium .tip4 .hovertip-inner img{
  padding-bottom:40px;
}
.quattro-titanium .tip4 .hovertip-content hr{ 
    left: 76px;
    top: 203px;
  transform: rotate(123deg);
  width: 14%;
  -ms-transform: rotate(123deg); /* IE 9 */
  -webkit-transform: rotate(123deg); /* Safari and Chrome */
  -o-transform: rotate(123deg); /* Opera */
  -moz-transform: rotate(123deg); /* Firefox */
}

/*  End Quattro-Titanium-Disposable
=======================================*/


/* Quattro-Titn-Freestyle
==================================*/

.quat-titn-freestyle .hovertip.tip1 {
  left: -238px;
  top: -247px;
}
.quat-titn-freestyle .tip1 .hovertip-content{
    left: 197px;
    top: -220px;
}
.quat-titn-freestyle .tip1 .hovertip-inner img{
  padding-bottom:60px;
  padding-top:40px;
}
.quat-titn-freestyle .tip1 .hovertip-content hr{
    left: -172px;
    top: 178px;
    transform: rotate(-200deg);
    width: 35%;
  -ms-transform: rotate(-200deg); /* IE 9 */
  -webkit-transform:rotate(-200deg); /* Safari and Chrome */
  -o-transform: rotate(-200deg); /* Opera */
  -moz-transform: rotate(-200deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip2 {
    left: -264px;
    top: -286px;
}
.quat-titn-freestyle .tip2 .hovertip-content{
    left: 150px;
    top: -147px;
}
.quat-titn-freestyle .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.quat-titn-freestyle .tip2 .hovertip-content hr{
    left: -121px;
    top: 121px;
    transform: rotate(-14deg);
    width: 29%;
  -ms-transform: rotate(-14deg); /* IE 9 */
  -webkit-transform:rotate(-14deg); /* Safari and Chrome */
  -o-transform: rotate(-14deg); /* Opera */
  -moz-transform: rotate(-14deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip3 {
    left: -6px;
    top: -176px;
}
.quat-titn-freestyle .tip3 .hovertip-content{
    left: 110px;
    top: -173px;
}
.quat-titn-freestyle .tip3 .hovertip-content hr{
    left: -91px;
    top: 124px;
  width: 23%;
  transform: rotate(-32deg);
  -ms-transform: rotate(-32deg); /* IE 9 */
  -webkit-transform: rotate(-32deg); /* Safari and Chrome */
  -o-transform: rotate(-32deg); /* Opera */
  -moz-transform: rotate(-32deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip4 {
    bottom: 85px;
    right: -270px;
}
.quat-titn-freestyle .tip4 .hovertip-content{
    left: -320px;
    top: -314px;
}
.quat-titn-freestyle .tip4 .hovertip-content hr{
    left: 254px;
    top: 231px;
  transform: rotate(77deg);
  width: 23%;
  -ms-transform: rotate(77deg); /* IE 9 */
  -webkit-transform: rotate(77deg); /* Safari and Chrome */
  -o-transform: rotate(77deg); /* Opera */
  -moz-transform: rotate(77deg); /* Firefox */
}

.quat-titn-freestyle .hovertip.tip5 {
 left: -355px;
 top: -326px;
}
.quat-titn-freestyle .tip5 .hovertip-content {
 left: 170px;
 margin: 0 0 20px;
 top: -113px;
}
.quat-titn-freestyle .tip5 .hovertip-content hr {
 left: -141px;
 top: 86px;
 transform: rotate(-12deg);
 -ms-transform: rotate(-12deg); /* IE 9 */
  -webkit-transform: rotate(-12deg); /* Safari and Chrome */
  -o-transform: rotate(-12deg); /* Opera */
  -moz-transform: rotate(-12deg); /* Firefox */
 width: 31%;
}
/* End Quattro-Titn-Freestyle
=======================================*/

.top-reviews-bar h4{
  text-transform:none;
  font-weight:normal;
}

.image-player-logo img:hover, .image-player-logo img:focus{
  opacity:.7;
}

.boxs {
  position: relative;
  clear: both;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.boxs .heffect{
  position: relative;
  float: left;
  overflow: hidden;
  min-width: 100%;
  max-width: 100%;
  max-height: 360px;
  width: 100%;
  height: auto;
  text-align: center;
  cursor: pointer;
}

.boxs .heffect img {
  position: relative;
  display: block;
  /*min-height: 100%;
  max-width: 100%;*/
  opacity: 1;
}

.boxs .heffect span {
  padding: 1em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.boxs .heffect span::before,
.boxs .heffect span::after {
  pointer-events: none;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

.boxs .heffect span {
  letter-spacing: 1px;
  font-size: 100%;
}
/*---------------*/
/***** Duke *****/
/*---------------*/

.boxs .heffect:hover {
  background:#1268b3;
}

.boxs .heffect img,
.boxs .heffect span {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.boxs .heffect:hover img {
  opacity: 0.3;
  -webkit-transform: scale3d(1.2,1.2,.5);
  transform: scale3d(1.2,1.2,.5);
}
.boxs .heffect span {
  position: absolute;
  bottom: 42%;
  left: 30%;
  margin:0 auto;
  padding: 1em 4em;
  border: 2px solid #fff;
  text-transform: none;
  font-size: 14px;
  opacity: 0;
  text-transform:uppercase;
  -webkit-transform: scale3d(0.8,0.8,1);
  transform: scale3d(0.8,0.8,1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
}


.boxs .heffect:hover span {
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

.smhead{
  color:#0289c0;
  font-size:16px;
}

/*--- Right side animated arrow ---*/


.nr-prev, .nr-next{
  width:250px;
  height:141px;
  font-size:12px;
  position:fixed;
  overflow:hidden;
  z-index:100;
  top:40%;
}
.nr-prev{
  left:0;
}
.nr-next{
  right:0;
}
.sidearrow a{
  text-decoration:none;
}
.sidearrow .slide-thumb-img-right{
  width:76px;
  height:141px;
  padding:25px 22px 20px 28px;
  float:left; 
}
.sidearrow h1{
  width:92px;
  color:#FFF;
  padding:40px 0 40px 0;
  font-size:14px;
  line-height:20px;
  text-align:left;
  float:left;
}
.sidearrow i{
  color:#FFF;
  padding:50px 20px 0 0;
  float:right;
}

.nr-prev i{
  color:#FFF;
  padding:50px 0 0 20px;
  float:left;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:before, .clearfix:after {
  content: '';
  display: table;
}
.clearfix:after {
  clear: both;
}

/*
Component
===============*/


.product-page .sidearrow a {
  position: absolute;  
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  
  /*
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  */
}

.product-page .sidearrow a.prev {
  left: 0;
}

.product-page .sidearrow a.next {
  right: 0;
}


.nav-reveal a {
  overflow: hidden;
  width: 40px;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.nav-reveal .icon-wrap {
  position: absolute;
  z-index: 100;
  padding: 0 4px;
  width: 40px;
  font-size:25px;
}
.nav-reveal a.next .icon-wrap{
  width:200px;
}

.nav-reveal a.next .icon-wrap {
  right: -10px;
  height:120px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position:absolute;
  min-width:250px;
}
.nav-reveal a.prev .icon-wrap {
  left: -10px;
  height:120px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position:absolute;
  min-width: 259px;

}
.nav-reveal a.next .icon-wrap:hover{
  -webkit-transform: translateX(-30px);
  transform: translateX(-30px);
}
.nav-reveal a.prev .icon-wrap:hover{
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
.nav-reveal a.next .icon-wrap a span{
  width:300px;
  border:#0F0 2px solid !important;
}

.nav-reveal div {
  position: absolute;
  top: 0;
  padding: 0 40px;
  width: 250px;
  height: 100%;
}

.nav-reveal a.prev div {
  left: 24px;
  /*padding-right: 130px;*/
  text-align: right;
}

.product-page .nav-reveal a.next div {
  padding-left: 15px;
}

.nav-reveal a.next div {
  right: 0;
  padding-left: 100px;
}

.nav-reveal h3 {
  position: relative;
  margin: 0;
  padding: 20px 0;
  color: #fff;
  font-weight: 300;
  font-size: 1.45em;
  line-height: 1.2;
}

.nav-reveal div h3{
  display: block;
  padding: 0 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  letter-spacing:2px;
  font-size:14px;
  line-height:22px;
  
}
.product-page .nav-reveal div h3 {    
    padding: 0 85px;
}

.nr-prev div h3{
  display: block;
  padding-top: 10px;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size:14px;
  text-align:left;
  line-height:22px;
  padding-top:15px;
}

.nav-reveal img {
  position: absolute;
  top: 10px;
  height: 100px;
  padding-left:27px;
}

.nav-reveal a.prev img {
  right:65px;
}

.nav-reveal a.next img {
  left: 10px;
}

.nav-reveal a:hover {
  width: 350px;
  background-color:0, 0, 0, 0.7;
}

/*--------------------*/
/* Thumb flip */
/*--------------------*/

.color-7 { background-color: #c1b8ab; }

.nav-thumbflip a {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.nav-thumbflip a.next {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}

.nav-thumbflip .icon-wrap {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #b1a798;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.nav-thumbflip svg.icon {
  position: relative;
  top: 50%;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #fff;
}

.nav-thumbflip img {
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.nav-thumbflip a.prev img {
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
}

.nav-thumbflip a.next img {
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.nav-thumbflip a:hover .icon-wrap {
  background-color: #fff;
}

.nav-thumbflip a:hover svg.icon {
  fill: #c1b8ab;
}

.nav-thumbflip a:hover img {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*
End
===============*/

/*--- / End / Right side animated arrow ---*/

/* TVC Page New CSS Start */

.pro-video{
  width:100%;
  height: calc(100vh - 60px);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.pro-video.exactvid{
  background: url("../img/product_tvc_exacta_disposable_play_bg.jpg") no-repeat center center / cover  rgba(0, 0, 0, 0); 
}
.pro-video.exactulvid{
  background: url(../img/product_tvc_exacta_disposable_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}
.pro-video.systemvid{
  background: url(../img/product_exacta_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.hydro3vid{
  background: url(../img/hydro3_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}

.pro-video.powerselvid{
  background: url(../img/product_tvc_powerselect_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}

.pro-video.groomervid{
  background: url(../img/product_hydro5_groomer_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.hydro5vid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.prot3vid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.quatt4vid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.basevid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.titadisvid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.titafrevd{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.senvid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.hybridvid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}

.pro-video.subvid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}

.pro-video.ultivid{
  background: url(../img/product_tvc_play_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0);  
}

.pro-video.shaveGel{
  background: url(../img/shave_gel_bg.jpg) no-repeat center center / cover  rgba(0, 0, 0, 0); 
}

.product-ins p{
  padding: 16px 0 0 93px;
  color:#ffa800;
}
.shave h2{
  color:#ffa800;  
}
.shaving-content h5{
  color: #333333;
    font-size: 16px;
}
.product-wrap.singleimg{
  height:632px;
  width:100%;
}
.singleimg img{
  max-width:215px;
  max-height:493px;
  left:11%;
  width:78%;
  height:auto;
}
.btnshave{
  margin-top:0;
}

.video-hover{
  bottom: 105px;
    position: absolute;
    top: 78px;
    width: 100%;
    z-index: 10;    
    background-color: #111;
    opacity: 0.01;
}
#pro-video-ifram
{
  position: absolute;
  z-index: 1;
}


/* TVC Page New CSS End */


/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 1140px) and (max-width: 1440px) {
  /* Tooltip */
  .hovertip-inner{
    font-size:12px;
  }
  .hovertip-inner h5, .pro-bottom figcaption h5 {
    font-size:14px; 
  }
  .top-reviews-bar-right a{
    font-size: 14px;
     padding: 9px 12px;
  }
  .top-reviews-bar h4{
    font-size: 14px;
     padding: 2px 0;
  }
  .boxs .heffect span {
  
    bottom: 42%;
    left: 22%;
  }
  
  .product-info{
    font-size: 12px;
  }

  .product-search .grid-3-1 .item-details {
      min-height: 215px;
  }

  .product-search .item .product-name {
      font-size: 15px;      
  }
  
  #qans.protector article {
    /*margin: 20% 20% 20% 50%;*/
  }
  
/* Exacta Disposable
=====================*/
.ext-disposable .tip1 {
  left: -160px;     
  top: -218px;
}
.ext-disposable .tip1 .hovertip-content{  
    left: -33px;
    top: -148px;
}
.ext-disposable .tip1 .hovertip-content hr{ 
    left: 178px;
    top: 103px;
    transform: rotate(-140deg);
    width: 16%;
}
.ext-disposable .tip2 {
    left: -204px;
    top: -182px;
}
.ext-disposable .tip2 .hovertip-content{
    left: 350px;
    top: -137px;
}
.ext-disposable .tip2 .hovertip-content hr{ 
    left: -110px;
    top: 103px;
    width: 28%;
}
.ext-disposable .tip3 {   
    left: -45px;
    top: -140px;
}
.ext-disposable .tip3 .hovertip-content{  
    left: 280px;
    top: -138px;
  width:440px;
}
.ext-disposable .tip3 .hovertip-content hr{ 
    left: -44px;
    top: 101px;
    transform: rotate(-31deg);
    width: 15%;
  -ms-transform: rotate(-31deg); /* IE 9 */
  -webkit-transform:rotate(-31deg); /* Safari and Chrome */
  -o-transform: rotate(-31deg); /* Opera */
  -moz-transform: rotate(-31deg); /* Firefox */
}
.ext-disposable .tip4 { 
    left: -284px;
    top: -144px;
}
.ext-disposable .tip4 .hovertip-content{    
    left: 226px;
    top: 24px;
}
.ext-disposable .tip4 .hovertip-content hr{ 
    left: 9px;
    top: -1px;
    transform: rotate(-152deg);
    width: 21%;
  -ms-transform: rotate(-152deg); /* IE 9 */
  -webkit-transform:rotate(-152deg); /* Safari and Chrome */
  -o-transform: rotate(-152deg); /* Opera */
  -moz-transform: rotate(-152deg); /* Firefox */
}
.ext-disposable .hovertip-inner img, .ext-disposable .tip2 .hovertip-content img, .ext-disposable .tip4 .hovertip-content img{
  width:70px;
  height:auto;
}
.hovertip {
    font-size: 10px;
    height: 24px;
    padding: 4px 5px 5px 7px;
    width: 24px;
}
.pro-details {
    padding: 20px 0 0;
}
.pro-bottom img{
  width:70px; 
  height:auto;
}
.pro-bottom figcaption {
    padding: 7px 0 0;
}
.pro-featured {
  padding: 3% 5% 3% 5%;
}
/* End Exacta Disposable
=====================*/
/* Exacta System */
.exacta .hovertip.tip1 {
  left: -78px;
    top: -254px;
}
.exacta .hovertip.tip2 {
  left: -246px;
    top: -228px;
}
.exacta .hovertip.tip3 {
  left: -224px;
    top: -295px;
}
.exacta .hovertip.tip4 {
  left: -278px;
    top: -220px;
}

.exacta .tip1 .hovertip-content{
  left: -57px;
    top: 119px;
}
.exacta .tip1 .hovertip-content hr{
  left: 7px;
    top: -53px;
    transform: rotate(-93deg);
    width: 23%;
  -ms-transform: rotate(-93deg); /* IE 9 */
  -webkit-transform:rotate(-93deg); /* Safari and Chrome */
  -o-transform: rotate(-93deg); /* Opera */
  -moz-transform: rotate(-93deg); /* Firefox */
}

.exacta .tip2 .hovertip-content{
  left: 0;
  margin: 0 0 -18px -116px;
  top: 97px;
}
.exacta .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.exacta .tip2 .hovertip-content hr{
  left: 82px;
    top: -36px;
    transform: rotate(-103deg);
    width: 22%;
  -ms-transform: rotate(-103deg); /* IE 9 */
  -webkit-transform:rotate(-103deg); /* Safari and Chrome */
  -o-transform: rotate(-103deg); /* Opera */
  -moz-transform: rotate(-103deg); /* Firefox */
}
.exacta .tip3 .hovertip-content{
  left: 89px;
    top: -106px;
}
.exacta .tip3 .hovertip-content hr{
  left: -67px;
    top: 80px;
    transform: rotate(-15deg);
    width: 19%;
  -ms-transform: rotate(-15deg); /* IE 9 */
  -webkit-transform: rotate(-15deg); /* Safari and Chrome */
  -o-transform: rotate(-15deg); /* Opera */
  -moz-transform: rotate(-15deg); /* Firefox */
}

.exacta .tip4 .hovertip-content{
  left: -201px;
    top: -206px;
}
.exacta .tip4 .hovertip-content hr{
    left: 148px;
    top: 137px;
    transform: rotate(77deg);
    width: 18%;
    -ms-transform: rotate(77deg); /* IE 9 */
    -webkit-transform: rotate(77deg); /* Safari and Chrome */
    -o-transform: rotate(77deg); /* Opera */
    -moz-transform: rotate(77deg); /* Firefox */
}
.exacta .hovertip-inner img, .exacta .tip2 .hovertip-content img, .exacta .tip4 .hovertip-content img{
  width:70px;
  height:auto;
}
.pro-details.exacta{
  padding:62px 0 0;
}

/* Hydro 5 Start */
.hydro5 .hovertip.tip1 {
  left: 29px;
    top: -123px;
}
.hydro5 .hovertip.tip2 {
  left: -255px;
    top: -167px;
}
.hydro5 .hovertip.tip3 {
  left: -278px;
    top: -194px;
}
.hydro5 .hovertip.tip4 {
  left: -294px;
    top: -94px;
}
.hydro5 .hovertip.tip5 {
  left: -316px;
    top: -152px;
}

.hydro5 .tip1 .hovertip-content{
  left: -19px;
    margin: 0 0 13px;
    top: -162px;
}
.hydro5 .tip1 .hovertip-content hr{
  left: 35px;
    top: 127px;
    transform: rotate(-34deg);
    width: 14%;
  -ms-transform: rotate(-34deg); /* IE 9 */
  -webkit-transform:rotate(-34deg); /* Safari and Chrome */
  -o-transform: rotate(-34deg); /* Opera */
  -moz-transform: rotate(-34deg); /* Firefox */
}

.hydro5 .tip2 .hovertip-content{
  left: -77px;
    top: -221px;
}
.hydro5 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.hydro5 .tip2 .hovertip-content hr{
  left: 87px;
    top: 163px;
    transform: rotate(-133deg);
    width: 21%;
  transform: rotate(-133deg);
  -ms-transform: rotate(-133deg); /* IE 9 */
  -webkit-transform:rotate(-133deg); /* Safari and Chrome */
  -o-transform: rotate(-133deg); /* Opera */
  -moz-transform: rotate(-133deg); /* Firefox */

}
.hydro5 .tip3 .hovertip-content{
  left: 97px;
    top: -158px;
}
.hydro5 .tip3 .hovertip-content hr{
  left: -86px;
    top: 110px;
    transform: rotate(-32deg);
    width: 22%;
  -ms-transform: rotate(-32deg); /* IE 9 */
  -webkit-transform: rotate(-32deg); /* Safari and Chrome */
  -o-transform: rotate(-32deg); /* Opera */
  -moz-transform: rotate(-32deg); /* Firefox */
}

.hydro5 .tip4 .hovertip-content{
  left: 115px;
    margin: 0;
    top: -219px;
}
.hydro5 .tip4 .hovertip-content hr{
  left: -101px;
    top: 166px;
    transform: rotate(158deg);
    width: 41%;
  -ms-transform: rotate(158deg); /* IE 9 */
  -webkit-transform: rotate(158deg); /* Safari and Chrome */
  -o-transform: rotate(158deg); /* Opera */
  -moz-transform: rotate(158deg); /* Firefox */
}

.hydro5 .tip5 .hovertip-content{
  left: -186px;
  margin: 0;
  top: -9px;
}
.hydro5 .tip5 .hovertip-content hr{
  left: 114px;
    top: 23px;
    transform: rotate(156deg);
    width: 14%;
  -ms-transform: rotate(156deg); /* IE 9 */
  -webkit-transform: rotate(156deg); /* Safari and Chrome */
  -o-transform: rotate(156deg); /* Opera */
  -moz-transform: rotate(156deg); /* Firefox */
}
.hydro5 .tip5 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
.hydro5 .tip2 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
}
.hydro5 .hovertip-inner img, .hydro5 .tip2 .hovertip-content img, .hydro5 .tip3 .hovertip-content img, .hydro5 .tip5 .hovertip-content img{
  width:70px;
  height:auto;
}
.hydro5 .tip4 .hovertip-content img{
  width:70px;
  height:90px;
}
.pro-details.hydro5{
  padding:70px 0 0;
}
.hydro5 .hovertip-inner p{
  width:415px;
}
/* Hydro 5 End */

/* Powerselect
=====================*/
.powerselect .tip1 {
  left: 51px;
  top: -156px;
}
.powerselect .tip1 .hovertip-content{
    top: -217px;
}
.powerselect .tip1 .hovertip-content hr{
  left: 348px;
    top: 161px;
    transform: rotate(-129deg);
    width: 17%;
  -ms-transform: rotate(-129deg); /* IE 9 */
  -webkit-transform:rotate(-129deg); /* Safari and Chrome */
  -o-transform: rotate(-129deg); /* Opera */
  -moz-transform: rotate(-129deg); /* Firefox */
}

.powerselect .tip2 {
  left: 273px;
  top: -219px;
}
.powerselect .tip2 .hovertip-content{
    left: -9px;
    top: -169px;
}
.powerselect .tip2 .hovertip-content hr{  
  left: 197px;
  top: 133px;
  transform: rotate(-134deg);
  width: 8%;
  -ms-transform: rotate(-134deg); /* IE 9 */
  -webkit-transform:rotate(-134deg); /* Safari and Chrome */
  -o-transform: rotate(-134deg); /* Opera */
  -moz-transform: rotate(-134deg); /* Firefox */
}
.powerselect .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

.powerselect .tip3 {  
    left: 243px;
    top: -193px;
}
.powerselect .tip3 .hovertip-content{
    left: 19px;
    top: 73px;
}
.powerselect .tip3 .hovertip-content hr{  
  left: 133px;
  top: -22px;
  transform: rotate(-64deg);
  width: 19%;
  -ms-transform: rotate(-64deg); /* IE 9 */
  -webkit-transform:rotate(-64deg); /* Safari and Chrome */
  -o-transform: rotate(-64deg); /* Opera */
  -moz-transform: rotate(-64deg); /* Firefox */
}

.powerselect .tip4 {
    left: 180px;
    top: -197px;
}
.powerselect .tip4 .hovertip-content{ 
    left: 78px;
    top: 54px;
}
.powerselect .tip4 .hovertip-content hr{  
  left: 84px;
  top: -18px;
  transform: rotate(-56deg);
  width: 15%;
  -ms-transform: rotate(-56deg); /* IE 9 */
  -webkit-transform:rotate(-56deg); /* Safari and Chrome */
  -o-transform: rotate(-56deg); /* Opera */
  -moz-transform: rotate(-56deg); /* Firefox */
}

.powerselect .tip5 {
  right: 120px;
  top: -147px;
}
.powerselect .tip5 .hovertip-content{ 
    left: 109px;
    top: 44px;
}
.powerselect .tip5 .hovertip-content hr{
  left: 109px;
  top: -9px;
  transform: rotate(-119deg);
  width: 14%;
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */
}
.powerselect .tip6 {
  left: 127px;
  top: -224px;
}
.powerselect .tip6 .hovertip-content{ 
    left: -163px;
    top: -142px;
}
.powerselect .tip6 .hovertip-content hr{
  left: 309px;
  top: 114px;
  transform: rotate(-156deg);
  width: 14%;
  -ms-transform: rotate(-156deg); /* IE 9 */
  -webkit-transform:rotate(-156deg); /* Safari and Chrome */
  -o-transform: rotate(-156deg); /* Opera */
  -moz-transform: rotate(-156deg); /* Firefox */
}
.powerselect .tip4 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
.powerselect .hovertip-inner img, .powerselect .tip2 .hovertip-content img, .powerselect .tip4 .hovertip-content img{
  width:70px;
  height:auto;
}
.powerselect .tip6 .hovertip-content img{
  width:70px;
  height:90px;
}
.powerselect .tip1 .hovertip-content img{
  padding-bottom:50px;
}
.pro-details.powerselect{
  padding:55px 0 0;
}
.powerselect .hovertip-inner p{
  width:415px;
}
/* End Powerselect*/

/* Groomer
===============*/
.groomer .tip1 {
    left: 25px;
    top: -189px;
}
.groomer .tip1 .hovertip-content{
    left: 32px;
    top: -186px;
}
.groomer .tip1 .hovertip-content hr{
    left: 147px;
    top: 136px;
    transform: rotate(-115deg);
    width: 12%;
    -ms-transform: rotate(-115deg); /* IE 9 */
    -webkit-transform:rotate(-115deg); /* Safari and Chrome */
    -o-transform: rotate(-115deg); /* Opera */
    -moz-transform: rotate(-115deg); /* Firefox */
}
.groomer .tip2 {
    left: 274px;
    top: -238px;
}
.groomer .tip2 .hovertip-content{
    left: 79px;
    top: -163px;
}
.groomer .tip2 .hovertip-content hr{
  left: 84px;
  top: 119px;
  transform: rotate(-135deg);
  width: 13%;
  -ms-transform: rotate(-135deg); /* IE 9 */
  -webkit-transform:rotate(-135deg); /* Safari and Chrome */
  -o-transform: rotate(-135deg); /* Opera */
  -moz-transform: rotate(-135deg); /* Firefox */
}
.groomer .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}

.groomer .tip3 {  
    left: 250px;
    top: -212px;
}
.groomer .tip3 .hovertip-content{
  left: 16px;
  top: 69px;
}
.groomer .tip3 .hovertip-content hr{
  left: 149px;
  top: -23px;
  transform: rotate(-72deg);
  width: 17%;
  -ms-transform: rotate(-72deg); /* IE 9 */
  -webkit-transform:rotate(-72deg); /* Safari and Chrome */
  -o-transform: rotate(-72deg); /* Opera */
  -moz-transform: rotate(-72deg); /* Firefox */
}

.groomer .tip4 {
    left: 187px;
    top: -232px;
}
.groomer .tip4 .hovertip-content{
    left: 66px;
    top: -140px;
}
.groomer .tip4 .hovertip-content hr{
  left: 99px;
  top: 100px;
  transform: rotate(-140deg);
  width: 12%;
  -ms-transform: rotate(-140deg); /* IE 9 */
  -webkit-transform:rotate(-140deg); /* Safari and Chrome */
  -o-transform: rotate(-140deg); /* Opera */
  -moz-transform: rotate(-140deg); /* Firefox */
}

.groomer .tip5 {
    left: -260px;
    top: -119px;
}
.groomer .tip5 .hovertip-content{
    left: 261px;
    top: 11px;
}
.groomer .tip5 .hovertip-content hr{
  left: -30px;
  top: 13px;
  transform: rotate(-140deg);
  width: 14%;
  -ms-transform: rotate(-140deg); /* IE 9 */
  -webkit-transform:rotate(-140deg); /* Safari and Chrome */
  -o-transform: rotate(-140deg); /* Opera */
  -moz-transform: rotate(-140deg); /* Firefox */
}
.groomer .tip6 {
    left: 133px;
    top: -207px;
}
.groomer .tip6 .hovertip-content{
    left: -90px;
    top: 85px;
}
.groomer .tip6 .hovertip-content hr{
  left: 187px;
  top: -32px;
  transform: rotate(-45deg);
  width: 27%;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  -o-transform: rotate(-45deg); /* Opera */
  -moz-transform: rotate(-45deg); /* Firefox */
}
.groomer .tip7 {
    left: -174px;
    top: -182px;
}
.groomer .tip7 .hovertip-content{
    left: -116px;
    top: -206px;
}
.groomer .tip7 .hovertip-content hr{
  left: 274px;
  top: 160px;
  transform: rotate(-135deg);
  width: 14%;
  -ms-transform: rotate(-135deg); /* IE 9 */
  -webkit-transform:rotate(-135deg); /* Safari and Chrome */
  -o-transform: rotate(-135deg); /* Opera */
  -moz-transform: rotate(-135deg); /* Firefox */
}

.groomer .tip4 .hovertip-content img{
    height: 101px;
    margin-top: 0;
    width: auto;
  float:none;
}
.groomer .hovertip-inner img, .groomer .tip2 .hovertip-content img, .groomer .tip4 .hovertip-content img{
  width:70px;
  height:auto;
}
.groomer .tip6 .hovertip-content img{
  width:70px;
  height:90px;
}
.groomer .tip7 .hovertip-content img{
  padding-bottom:50px;
}
.pro-details.groomer{
  padding:55px 0 0;
}
.groomer .hovertip-inner p{
  width:415px;
}
/* End Groomer
===============*/

/* Sensitive Disposable */
.sen-disposable .hovertip.tip1 {
  left: -22px;
    top: -184px;
}
.sen-disposable .hovertip.tip2 {
    left: -300px;
    top: -146px;
}
.sen-disposable .hovertip.tip3 {
  left: -275px;
    top: -218px;
}
.sen-disposable .hovertip.tip4 {
  left: -297px;
    top: -251px;
}

.sen-disposable .tip1 .hovertip-content{
  left: 54px;
    margin: 0 0 13px;
    top: -206px;
}
.sen-disposable .tip1 .hovertip-content hr{

  left: -58px;
    top: 141px;
    transform: rotate(-53deg);
    width: 21%;
    transform: rotate(-53deg);
    -ms-transform: rotate(-53deg); /* IE 9 */
    -webkit-transform:rotate(-53deg); /* Safari and Chrome */
    -o-transform: rotate(-53deg); /* Opera */
    -moz-transform: rotate(-53deg); /* Firefox */
}

.sen-disposable .tip2 .hovertip-content{
   bottom: -246px;
    left: 0;
    margin: 0 0 -18px -106px;
}
.sen-disposable .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.sen-disposable .tip2 .hovertip-content hr{
  left: 102px;
  top: -22px;
  width: 20%;
  transform: rotate(-119deg);
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */

}
.sen-disposable .tip3 .hovertip-content{
  left: -30px;
    top: 111px;
}
.sen-disposable .tip4 .hovertip-content{
  left: -235px;
    top: -179px;
}
.sen-disposable .tip4 .hovertip-content hr{
    left: 171px;
    top: 136px;
    transform: rotate(46deg);
    width: 14%;
    -ms-transform: rotate(46deg); /* IE 9 */
    -webkit-transform: rotate(46deg); /* Safari and Chrome */
    -o-transform: rotate(46deg); /* Opera */
    -moz-transform: rotate(46deg); /* Firefox */
}
.sen-disposable .hovertip-inner img{
  width:70px;
  height:auto;
}
.sen-disposable .tip6 .hovertip-content img{
  width:70px;
  height:90px;
}
.sen-disposable .tip1 .hovertip-content img{
  padding-bottom:50px;
}
.pro-details.sen-disposable{
  padding:55px 0 0;
}
.sen-disposable .hovertip-inner p{
  width:415px;
}
/* Sensitive Disposable End */

/* Ultimate Disposable Start */
.disposable .hovertip.tip1 {
  left: 38px;
    top: -159px;
}
.disposable .hovertip.tip2 {
  left: -273px;
    top: -191px;
}
.disposable .hovertip.tip3 {
  left: -293px;
    top: -241px;
}
.disposable .hovertip.tip4 {
  left: -290px;
    top: -208px;
}

.disposable .tip1 .hovertip-content{
  left: -61px;
    top: 84px;
}
.disposable .tip1 .hovertip-content hr{

    left: 59px;
    top: -33px;
    transform: rotate(-135deg);
    width: 26%;
    transform: rotate(-135deg);
    -ms-transform: rotate(-135deg); /* IE 9 */
    -webkit-transform:rotate(-135deg); /* Safari and Chrome */
    -o-transform: rotate(-135deg); /* Opera */
    -moz-transform: rotate(-135deg); /* Firefox */
}

.disposable .tip2 .hovertip-content{
    left: 28px;
    top: 78px;
}
.disposable .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.disposable .tip2 .hovertip-content hr{
    left: 72px;
    top: -29px;
    transform: rotate(-126deg);
    width: 22%;
    -ms-transform: rotate(-126deg); /* IE 9 */
    -webkit-transform:rotate(-126deg); /* Safari and Chrome */
    -o-transform: rotate(-126deg); /* Opera */
    -moz-transform: rotate(-126deg); /* Firefox */

}
.disposable .tip3 .hovertip-content{
    left: 101px;
    top: -136px;
}
.disposable .tip3 .hovertip-content hr{
    left: -83px;
    top: 101px;
    transform: rotate(-23deg);
    width: 20%;
    -ms-transform: rotate(-23deg); /* IE 9 */
    -webkit-transform: rotate(-23deg); /* Safari and Chrome */
    -o-transform: rotate(-23deg); /* Opera */
    -moz-transform: rotate(-23deg); /* Firefox */
}

.disposable .tip4 .hovertip-content{
    left: 163px;
    top: -138px;
}
.disposable .tip4 .hovertip-content hr{
    left: -144px;
    top: 100px;
    transform: rotate(-18deg);
    width: 32%;
    -ms-transform: rotate(-18deg); /* IE 9 */
    -webkit-transform: rotate(-18deg); /* Safari and Chrome */
    -o-transform: rotate(-18deg); /* Opera */
    -moz-transform: rotate(-18deg); /* Firefox */
}

.disposable .hovertip-inner img, .disposable .tip2 .hovertip-content img{
  width:70px;
  height:auto;
}
.disposable .tip6 .hovertip-content img{
  width:70px;
  height:90px;
}
.disposable .tip1 .hovertip-content img{
  padding-bottom:50px;
}
.pro-details.disposable{
  padding:50px 0 0;
}
.disposable .hovertip-inner p{
  width:415px;
}

/* Ultimate Disposable End */

/* System Subzero Start */
.subzero .hovertip.tip1 {
  left: 6px;
    top: -184px;
}
.subzero .hovertip.tip2 {
  left: -300px;
    top: -146px;
}
.subzero .hovertip.tip3 {
  left: -246px;
    top: -234px;
}
.subzero .hovertip.tip4 {
  left: -305px;
    top: -241px;
}
.subzero .tip1 .hovertip-content{
  left: 60px;
    top: -208px;
}
.subzero .tip1 .hovertip-content hr{
    left: -62px;
    top: 142px;
    transform: rotate(-48deg);
    width: 23%;
    -ms-transform: rotate(-48deg); /* IE 9 */
    -webkit-transform:rotate(-48deg); /* Safari and Chrome */
    -o-transform: rotate(-48deg); /* Opera */
    -moz-transform: rotate(-48deg); /* Firefox */
}
.subzero .tip2 .hovertip-content{
  bottom: -246px;
  left: 0;
  margin: 0 0 -18px -106px;
}
.subzero .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.subzero .tip2 .hovertip-content hr{
  left: 102px;
  top: -22px;
  width: 20%;
  transform: rotate(-119deg);
  -ms-transform: rotate(-119deg); /* IE 9 */
  -webkit-transform:rotate(-119deg); /* Safari and Chrome */
  -o-transform: rotate(-119deg); /* Opera */
  -moz-transform: rotate(-119deg); /* Firefox */
}
.subzero .tip3 .hovertip-content{
    left: 87px;
    top: -151px;
}
.subzero .tip3 .hovertip-content hr{
    left: -72px;
    top: 109px;
    transform: rotate(-27deg);
    width: 22%;
    -ms-transform: rotate(-27deg); /* IE 9 */
    -webkit-transform: rotate(-27deg); /* Safari and Chrome */
    -o-transform: rotate(-27deg); /* Opera */
    -moz-transform: rotate(-27deg); /* Firefox */
}

.subzero .tip4 .hovertip-content{
  left: -124px;
  top: 104px;
}
.subzero .tip4 .hovertip-content hr{
  left: 102px;
    top: -44px;
    transform: rotate(66deg);
    width: 23%;
  -ms-transform: rotate(66deg); /* IE 9 */
  -webkit-transform: rotate(66deg); /* Safari and Chrome */
  -o-transform: rotate(66deg); /* Opera */
  -moz-transform: rotate(66deg); /* Firefox */
}

.subzero .hovertip-inner img{
  width:70px;
  height:auto;
}
.subzero .tip1 .hovertip-inner img{
  padding-bottom:50px;
}
.pro-details.subzero{
  padding:40px 0 0;
}
.subzero .hovertip-inner p{
  width:415px;
}
/* System Subzero End */

/* Quattro-Base
=====================*/

.quattro-base .tip1 {
    left: -204px;
    top: -230px;
}
.quattro-base .tip1 .hovertip-content{  
    left: 361px;
    top: -132px;
}
.quattro-base .tip1 .hovertip-content hr{   
  left: -121px;
  top: 101px;
  transform: rotate(-14deg);
  width: 28%;
  -ms-transform: rotate(-14deg); /* IE 9 */
  -webkit-transform:rotate(-14deg); /* Safari and Chrome */
  -o-transform: rotate(-14deg); /* Opera */
  -moz-transform: rotate(-14deg); /* Firefox */
}
.quattro-base .tip2 { 
    left: -257px;
    top: -118px;
}
.quattro-base .tip2 .hovertip-content{  
    left: -43px;
    top: -272px;
}
.quattro-base .tip2 .hovertip-content hr{   
  left: 74px;
  top: 180px;
  transform: rotate(-136deg);
  width: 40%;
  -ms-transform: rotate(-136deg); /* IE 9 */
  -webkit-transform:rotate(-136deg); /* Safari and Chrome */
  -o-transform: rotate(-136deg); /* Opera */
  -moz-transform: rotate(-136deg); /* Firefox */
}
.quattro-base .tip2 .hovertip-content img{
  height:106px;
  width:auto;
  margin-top:12px;
}
.quattro-base .hovertip-inner img, .quattro-base .tip2 .hovertip-content img{
  width:70px;
  height:auto;
}
.pro-details.quattro-base{
  padding:55px 0 0;
}
.quattro-base .hovertip-inner p{
  width:415px;
}

.ext-disposable figure img, .quattro-base figure img, .exacta figure img, .powerselect figure img, .groomer figure img, .sen-disposable figure img, .disposable figure img, .subzero figure img, .hydro5 figure img, .quattro-base figure img{
  
  width:600px;
  height:auto;
}
/* End Quattro-Base
=====================*/


/* Default CSS
--------------------*/

.hybrid figure img, .execta-blue figure img, .hydro3 figure img, .protector-three figure img, .quattro4 figure img, .quattro-titanium figure img, .quat-titn-freestyle figure img{
  width:600px;
  height:auto;
  
}
.hybrid .hovertip-inner img, .execta-blue .hovertip-inner img, .hydro3 .hovertip-inner img, .protector-three .hovertip-inner img, .quattro4 .hovertip-inner img, .quattro-titanium .hovertip-inner img, .quat-titn-freestyle .hovertip-inner img{
  width:70px;
  height:auto;
}
.hovertip {
    font-size: 10px;
    height: 24px;
    padding: 4px 5px 5px 7px;
    width: 24px;
}
.pro-details {
    padding: 20px 0 0;
}
.pro-bottom img{
  width:70px; 
  height:auto;
}
.pro-bottom figcaption {
    padding: 7px 0 0;
}

.pro-featured {
  padding: 3% 5% 3% 5%;
}

/* End / Default CSS
--------------------*/

/* System Hybrid
=====================*/
.hybrid .hovertip.tip1 {
    left: -38px;
    top: -168px;
}
.hybrid .tip1 .hovertip-content{
  width:450px;
    left: 117px;
    margin: 0 0 13px;
    top: -169px;
}
.hybrid .tip1 .hovertip-inner img{
  padding-bottom:40px;
  height:auto;
}
.hybrid .tip1 .hovertip-content hr{
    left: -105px;
    top: 118px;
    transform: rotate(-33deg);
    width: 30%;
    transform: rotate(-33deg);
    -ms-transform: rotate(-33deg); /* IE 9 */
    -webkit-transform:rotate(-33deg); /* Safari and Chrome */
    -o-transform: rotate(-33deg); /* Opera */
    -moz-transform: rotate(-33deg); /* Firefox */
}
.hybrid .hovertip.tip3 {
    left: -283px;
    top: -200px;
}
.hybrid .tip3 .hovertip-content{
  width:420px;
  left: -25px;
  margin: 0 0 20px;
  top: 119px;
}
.hybrid .tip3 .hovertip-content hr{ 
    left: 11px;
    top: -62px;
    transform: rotate(58deg);
  width: 31%;
    -ms-transform: rotate(58deg); /* IE 9 */
    -webkit-transform: rotate(58deg); /* Safari and Chrome */
    -o-transform: rotate(58deg); /* Opera */
    -moz-transform: rotate(58deg); /* Firefox */
}
.hybrid .hovertip.tip4 {
    left: -304px;
    top: -235px;
}
.hybrid .tip4 .hovertip-content{
  width:420px;
    left: -251px;
    top: -214px;
}
.hybrid .tip4 .hovertip-content hr{
    left: 179px;
    top: 164px;
    transform: rotate(46deg);
    width: 21%;
    -ms-transform: rotate(46deg); /* IE 9 */
    -webkit-transform: rotate(46deg); /* Safari and Chrome */
    -o-transform: rotate(46deg); /* Opera */
    -moz-transform: rotate(46deg); /* Firefox */
}

/* End System Hybrid
=====================*/

/* Exacta Ultra Blue
=========================*/
.execta-blue .tip1 {
  cursor: pointer;
    left: -164px;
    top: -185px;
}
.execta-blue .tip1 .hovertip-content{
    left: 1px;
    top: 73px;
    width: 350px;
}
.execta-blue .tip1 .hovertip-content hr{
    left: -7px;
    top: -32px;
    transform: rotate(-118deg);
    width: 25%;
    -ms-transform: rotate(-118deg); /* IE 9 */
    -webkit-transform:rotate(-118deg); /* Safari and Chrome */
    -o-transform: rotate(-118deg); /* Opera */
    -moz-transform: rotate(-118deg); /* Firefox */
}
.execta-blue .tip2 {
  cursor: pointer;
    left: -167px;
    top: -178px;
}
.execta-blue .tip2 .hovertip-content{ 
    left: -190px;
    top: -198px;
    width: 350px;
}
.execta-blue .tip2 .hovertip-content img{
  width:70px;
  height:auto;
  margin-top:0;
}
.execta-blue .tip2 .hovertip-content hr{
    left: 185px;
    top: 135px;
    transform: rotate(-126deg);
    width: 30%;
  -ms-transform: rotate(-126deg); /* IE 9 */
  -webkit-transform:rotate(-126deg); /* Safari and Chrome */
  -o-transform: rotate(-126deg); /* Opera */
  -moz-transform: rotate(-126deg); /* Firefox */
}
.execta-blue .tip3 {  
    left: -173px;
    top: -241px;
}
.execta-blue .tip3 .hovertip-content{
    left: 345px;
    top: -70px;
}
.execta-blue .tip3 .hovertip-content hr{
    left: -102px;
    top: 60px;
    transform: rotate(-3deg);
    width: 23%;
  -ms-transform: rotate(-3deg); /* IE 9 */
  -webkit-transform:rotate(-3deg); /* Safari and Chrome */
  -o-transform: rotate(-3deg); /* Opera */
  -moz-transform: rotate(-3deg); /* Firefox */
}
.execta-blue .tip4 {
    cursor: pointer;
    left: -124px;
    top: -206px;
}
.execta-blue .tip4 .hovertip-content{
    left: -143px;
    top: 103px;
    width: 400px;
}
.execta-blue .tip4 .hovertip-content hr{
    left: 69px;
    top: -49px;
    transform: rotate(-245deg);
    width: 28%;
  -ms-transform: rotate(-245deg); /* IE 9 */
  -webkit-transform:rotate(-245deg); /* Safari and Chrome */
  -o-transform: rotate(-245deg); /* Opera */
  -moz-transform: rotate(-245deg); /* Firefox */
}
.execta-blue .tip5 {
    cursor: pointer;
    right: 20px;
    top: -148px;
}
.execta-blue .tip5 .hovertip-content{
    left: 255px;
    top: -155px;
}
.execta-blue .tip5 .hovertip-content hr{
    left: -25px;
    top: 112px;
    transform: rotate(-40deg);
    width: 14%;
  -ms-transform: rotate(-40deg); /* IE 9 */
  -webkit-transform:rotate(-40deg); /* Safari and Chrome */
  -o-transform: rotate(-40deg); /* Opera */
  -moz-transform: rotate(-40deg); /* Firefox */
}

/* End  Exacta Ultra Blue
=========================*/

/* Hydro3
=========================*/

.hydro3 .hovertip.tip1 {
    left: -177px;
    top: -255px;
}
.hydro3 .tip1 .hovertip-content{
    left: -76px;
    top: 87px;
    width: 420px;
}
.hydro3 .tip1 .hovertip-content hr{
    left: 78px;
    top: -38px;
    transform: rotate(-318deg);
    width: 35%;
  -ms-transform: rotate(-318deg); /* IE 9 */
  -webkit-transform:rotate(-318deg); /* Safari and Chrome */
  -o-transform: rotate(-318deg); /* Opera */
  -moz-transform: rotate(-318deg); /* Firefox */
}
.hydro3 .hovertip.tip2 {
    left: -196px;
    top: -226px;
}
.hydro3 .tip2 .hovertip-content{
    left: -90px;
    top: 60px;
}
.hydro3 .tip2 .hovertip-content img{
  height:auto;
  width:auto;
}
.hydro3 .tip2 .hovertip-content hr{
    left: 96px;
    top: -22px;
    transform: rotate(-139deg);
    width: 21%;
  -ms-transform: rotate(-139deg); /* IE 9 */
  -webkit-transform:rotate(-139deg); /* Safari and Chrome */
  -o-transform: rotate(-139deg); /* Opera */
  -moz-transform: rotate(-139deg); /* Firefox */
}
.hydro3 .hovertip.tip3 {
    left: -205px;
    top: -246px;
}
.hydro3 .tip3 .hovertip-content{
    left: 220px;
    top: -69px;
    width: 400px;
}
.hydro3 .tip3 .hovertip-content hr{
    left: -196px;
    top: 56px;
    transform: rotate(-4deg);
    width: 51%;
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Safari and Chrome */
  -o-transform: rotate(-4deg); /* Opera */
  -moz-transform: rotate(-4deg); /* Firefox */
}
.hydro3 .hovertip.tip4 {
    bottom: 212px;
    right: 66px;
}
.hydro3 .tip4 .hovertip-content{
  left: -250px;
  margin: 0;
  top: 55px;
}
.hydro3 .tip4 .hovertip-content hr{
    left: 183px;
    top: -25px;
    transform: rotate(135deg);
    width: 15%;
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Safari and Chrome */
  -o-transform: rotate(135deg); /* Opera */
  -moz-transform: rotate(135deg); /* Firefox */
}

/* End Hydro3
=========================*/

/* Protector 3 
=========================*/
.protector-three .hovertip.tip1 {
    left: -160px;
    top: -284px;
}
.protector-three .tip1 .hovertip-content{
    left: 178px;
    top: -92px;
}
.protector-three .tip1 .hovertip-content hr{
    left: -155px;
    top: 78px;
    transform: rotate(-4deg);
    width: 33%;
  -ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform:rotate(-4deg); /* Safari and Chrome */
  -o-transform: rotate(-4deg); /* Opera */
  -moz-transform: rotate(-4deg); /* Firefox */
}
.protector-three .hovertip.tip2 {
    left: -197px;
    top: -255px;
}
.protector-three .tip2 .hovertip-content{
    left: 148px;
    top: -86px;
}
.protector-three .tip2 .hovertip-content hr{
    left: -125px;
    top: 70px;
    transform: rotate(-6deg);
    width: 29%;
  -ms-transform: rotate(-6deg); /* IE 9 */
  -webkit-transform:rotate(-6deg); /* Safari and Chrome */
  -o-transform: rotate(-6deg); /* Opera */
  -moz-transform: rotate(-6deg); /* Firefox */
}
.protector-three .hovertip.tip3 {
    left: -234px;
    top: -225px;
}
.protector-three .tip3 .hovertip-content{
    left: 50px;
    top: 57px;
}
.protector-three .tip3 .hovertip-content hr{
    left: -45px;
    top: -22px;
    transform: rotate(46deg);
    width: 19%;
  -ms-transform: rotate(46deg); /* IE 9 */
  -webkit-transform: rotate(46deg); /* Safari and Chrome */
  -o-transform: rotate(46deg); /* Opera */
  -moz-transform: rotate(46deg); /* Firefox */
}
.protector-three .hovertip.tip4 {
    left: -271px;
    top: -196px;
}
.protector-three .tip4 .hovertip-content{
    left: 22px;
    margin: 0;
    top: 69px;
}
.protector-three .tip4 .hovertip-content hr{
    left: -30px;
    top: -23px;
    transform: rotate(62deg);
    width: 18%;
  -ms-transform: rotate(62deg); /* IE 9 */
  -webkit-transform: rotate(62deg); /* Safari and Chrome */
  -o-transform: rotate(62deg); /* Opera */
  -moz-transform: rotate(62deg); /* Firefox */
}

/* End Protector 3 
=========================*/

/* Quattro4
=========================*/

.quattro4 .hovertip.tip1 {
    left: -211px;
    top: -187px;
}
.quattro4 .tip1 .hovertip-content{
    left: 167px;
    top: -100px;
}
.quattro4 .tip1 .hovertip-content img{
  width:auto;
  height:auto;
}
.quattro4 .tip1 .hovertip-content hr{
    left: -145px;
    top: 80px;
    transform: rotate(-188deg);
    width: 31%;
  -ms-transform: rotate(-188deg); /* IE 9 */
  -webkit-transform:rotate(-188deg); /* Safari and Chrome */
  -o-transform: rotate(-188deg); /* Opera */
  -moz-transform: rotate(-188deg); /* Firefox */
}
.quattro4 .hovertip.tip2 {
    left: -213px;
    top: -161px;
}
.quattro4 .tip2 .hovertip-content{
    left: 121px;
    top: -145px;
    width: 480px;
}
.quattro4 .tip2 .hovertip-content img{
  width:70px;
  height:auto;
}
.quattro4 .tip2 .hovertip-inner img{
  padding-bottom:30px;
}
.quattro4 .tip2 .hovertip-content hr{
    left: -102px;
    top: 110px;
    transform: rotate(-20deg);
    width: 28%;
  -ms-transform: rotate(-20deg); /* IE 9 */
  -webkit-transform:rotate(-20deg); /* Safari and Chrome */
  -o-transform: rotate(-20deg); /* Opera */
  -moz-transform: rotate(-20deg); /* Firefox */
}
.quattro4 .hovertip.tip3 {
    left: -234px;
    top: -192px;
}
.quattro4 .tip3 .hovertip-content{
    left: 140px;
    top: -93px;
}
.quattro4 .tip3 .hovertip-content hr{
    left: -117px;
    top: 75px;
    transform: rotate(-6deg);
    width: 27%;
  -ms-transform: rotate(-6deg); /* IE 9 */
  -webkit-transform: rotate(-6deg); /* Safari and Chrome */
  -o-transform: rotate(-6deg); /* Opera */
  -moz-transform: rotate(-6deg); /* Firefox */
}
.quattro4 .hovertip.tip4 {
    bottom: 109px;
    right: 3px;
}
.quattro4 .tip4 .hovertip-content{
  width:450px;
    left: 30px;
    top: -195px;
}
.quattro4 .tip4 .hovertip-inner img{
  padding-bottom:30px;
}
.quattro4 .tip4 .hovertip-content hr{
    left: -35px;
    top: 134px;
    transform: rotate(123deg);
    width: 22%;
  -ms-transform: rotate(123deg); /* IE 9 */
  -webkit-transform: rotate(123deg); /* Safari and Chrome */
  -o-transform: rotate(123deg); /* Opera */
  -moz-transform: rotate(123deg); /* Firefox */
}

/* End Quattro4
=========================*/

/* Quattro-Titanium-Disposable
==================================*/

.quattro-titanium .hovertip.tip1 {
    left: -207px;
    top: -220px;
}
.quattro-titanium .tip1 .hovertip-content{
    left: 197px;
    top: -143px;
    width: 410px;
}
.quattro-titanium .tip1 .hovertip-inner img{
  padding-bottom:40px;
  padding-top: 27px;
}
.quattro-titanium .tip1 .hovertip-content hr{
    left: -174px;
    top: 120px;
    transform: rotate(-188deg);
    width: 49%;
  -ms-transform: rotate(-188deg); /* IE 9 */
  -webkit-transform:rotate(-188deg); /* Safari and Chrome */
  -o-transform: rotate(-188deg); /* Opera */
  -moz-transform: rotate(-188deg); /* Firefox */
}
.quattro-titanium .hovertip.tip2 {
    left: -214px;
    top: -198px;
}
.quattro-titanium .tip2 .hovertip-content{
  width:500px;
    left: 120px;
  top: -140px;
}
.quattro-titanium .tip2 .hovertip-content img{
  width:70px;
  height:auto;
}
.quattro-titanium .tip2 .hovertip-inner img{
  padding-bottom:40px;
}
.quattro-titanium .tip2 .hovertip-content hr{
    left: -104px;
    top: 96px;
    transform: rotate(-25deg);
    width: 28%;
  -ms-transform: rotate(-25deg); /* IE 9 */
  -webkit-transform:rotate(-25deg); /* Safari and Chrome */
  -o-transform: rotate(-25deg); /* Opera */
  -moz-transform: rotate(-25deg); /* Firefox */
}
.quattro-titanium .hovertip.tip3 {
    left: -236px;
    top: -228px;
}
.quattro-titanium .tip3 .hovertip-content{
  left: 170px;
  margin: 0 0 20px;
  top: -113px;
}
.quattro-titanium .tip3 .hovertip-content hr{
    left: -148px;
    top: 82px;
    transform: rotate(-13deg);
    width: 31%;
  -ms-transform: rotate(-13deg); /* IE 9 */
  -webkit-transform: rotate(-13deg); /* Safari and Chrome */
  -o-transform: rotate(-13deg); /* Opera */
  -moz-transform: rotate(-13deg); /* Firefox */
}
.quattro-titanium .hovertip.tip4 {
    bottom: 140px;
    right: -27px;
}
.quattro-titanium .tip4 .hovertip-content{
  cursor:pointer;
    left: -18px;
    top: -208px;
    width: 480px;
}
.quattro-titanium .tip4 .hovertip-inner img{
  padding-bottom:50px;
}
.quattro-titanium .tip4 .hovertip-content hr{ 
    left: 24px;
    top: 157px;
    transform: rotate(133deg);
    width: 19%;
  -ms-transform: rotate(133deg); /* IE 9 */
  -webkit-transform: rotate(133deg); /* Safari and Chrome */
  -o-transform: rotate(133deg); /* Opera */
  -moz-transform: rotate(133deg); /* Firefox */
}

/* Quattro-Titn-Freestyle
==================================*/

.quat-titn-freestyle .hovertip.tip1 {
    left: -177px;
    top: -184px;
}
.quat-titn-freestyle .tip1 .hovertip-content{
    left: 127px;
    top: -176px;
    width: 536px;
}
.quat-titn-freestyle .tip1 .hovertip-content hr{
    left: -108px;
    top: 139px;
    transform: rotate(-200deg);
    width: 26%;
  -ms-transform: rotate(-200deg); /* IE 9 */
  -webkit-transform:rotate(-200deg); /* Safari and Chrome */
  -o-transform: rotate(-200deg); /* Opera */
  -moz-transform: rotate(-200deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip2 {
    left: -196px;
    top: -212px;
}
.quat-titn-freestyle .tip2 .hovertip-content{
    left: 150px;
    top: -97px;
}
.quat-titn-freestyle .tip2 .hovertip-content img{
  height:auto;
  width:70px;
}
.quat-titn-freestyle .tip2 .hovertip-content hr{
    left: -127px;
    top: 75px;
    transform: rotate(-9deg);
    width: 29%;
  -ms-transform: rotate(-9deg); /* IE 9 */
  -webkit-transform:rotate(-9deg); /* Safari and Chrome */
  -o-transform: rotate(-9deg); /* Opera */
  -moz-transform: rotate(-9deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip3 {
    left: -1px;
    top: -131px;
}
.quat-titn-freestyle .tip3 .hovertip-content{
    left: 20px;
    top: -173px;
    width: 474px;
}
.quat-titn-freestyle .tip3 .hovertip-content hr{
    left: -14px;
    top: 124px;
    transform: rotate(-50deg);
    width: 17%;
  -ms-transform: rotate(-50deg); /* IE 9 */
  -webkit-transform: rotate(-50deg); /* Safari and Chrome */
  -o-transform: rotate(-50deg); /* Opera */
  -moz-transform: rotate(-50deg); /* Firefox */
}
.quat-titn-freestyle .hovertip.tip4 {
    bottom: 60px;
    right: -214px;
}
.quat-titn-freestyle .tip4 .hovertip-content{
    left: -240px;
    top: -240px;
    width: 461px;
}
.quat-titn-freestyle .tip4 .hovertip-content hr{
    left: 132px;
    top: 171px;
    transform: rotate(47deg);
    width: 29%;
  -ms-transform: rotate(47deg); /* IE 9 */
  -webkit-transform: rotate(47deg); /* Safari and Chrome */
  -o-transform: rotate(47deg); /* Opera */
  -moz-transform: rotate(47deg); /* Firefox */
}

.quat-titn-freestyle .hovertip.tip5{
  left: -270px;     
  top: -244px;
}
.quat-titn-freestyle .tip5 .hovertip-content{
  top:-89px;
}
.quat-titn-freestyle .tip5 .hovertip-content hr {
    left: -147px;
    top: 71px;
    transform: rotate(-6deg);
  -ms-transform: rotate(-6deg); /* IE 9 */
  -webkit-transform: rotate(-6deg); /* Safari and Chrome */
  -o-transform: rotate(-6deg); /* Opera */
  -moz-transform: rotate(-6deg); /* Firefox */
    width: 31%;
}

/* End Quattro-Titn-Freestyle
=======================================*/


/*  End Quattro-Titanium-Disposable
=======================================*/

}