@charset "utf-8";
/* CSS Document */
.fv5{clear:both; overflow:hidden; background-color:white; max-width:1920px; margin:auto}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 p{font-weight:100; margin-bottom:10px}
.fv5 a{color:#0095d9}
.fv5 a:hover{text-decoration:underline}
.fv5 .color-black{color:black}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.fv5 .marginBot{margin-bottom:20px}
.fv5 .paddingtopbot2{padding:3em 0}
.fv5 .bringtofront{z-index:99999}
.fv5 .close-reveal-modal.move{top:.3em; right:.4em}
.fv5 .show-for-smaller{display:none}
.fv5 .textWhite{color:#fff!important}
.fv5 .capitalizedme{text-transform:uppercase; letter-spacing:2px}:
.fv5 sup{font-size:60%}
.fv5 p sup{font-size:60%; position:relative; vertical-align:baseline; bottom:7px}
.fv5 .f18{font-size:18px; line-height:24px; font-weight:100}
.fv5 .f24{font-size:24px; line-height:30px; font-weight:100}
.fv5 .h3Big{font-size:42px!important; margin-bottom:15px;}
/*.fv5 div, .fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 p, .fv5 img, .fv5 a {-webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}*/
.fv5 .imgBorder{border:1px solid #ebebeb}
.fv5 .blackfont{color:black}
.fv5 .show-for-smaller, .fv5 .show-for-tablet{display:none}

/*Others css*/
.fv5 .bodyCenterContent{margin:25px auto; max-width:1227px; clear:both; overflow:hidden; position:relative;}
.fv5 .sectionHeading{text-align:center; margin:25px 0; font-size:42px}
.fv5 .sectionHeadingPara{text-align:center; margin:0 5%; margin-top:-15px}
.fv5 .singleProduct{width:75%}
.fv5 .galleryPadding{padding:3% 0; position:relative}

.fv5 .btn-trans{display:inline-block; padding:10px 40px; border:1px solid white; color:white; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans:hover{text-decoration:none; background: rgba(255,255,255,.1)}

.fv5 .btn-trans-black{display:inline-block; padding:15px 40px; border:1px solid #0096db; color:#0096db; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans-black:hover{text-decoration:none; background: rgba(255,255,255,.5)}

/*Home Style*/
.fv5 .heroBannerHome{clear:both; position:relative; margin-bottom:20px}
.fv5 .heroBannerHome .slim_img1{background:url(/wcsstore/hpusstore/Treatment/io_herobanner_1920x574.jpg) no-repeat top center; height:574px;}
.fv5 .heroBannerHome .slim_img2{background:url(/wcsstore/hpusstore/Treatment/io_herobanner2_1920x574.jpg) no-repeat top center; height:574px;}
.fv5 .heroBannerHome .slim_img3{background:url(/wcsstore/hpusstore/Treatment/io_herobanner3_1920x574.jpg) no-repeat top center; height:574px;}
.fv5 .heroBannerHome .slim_Text{position:absolute; bottom:20px; left:0; right:0}
.fv5 .heroBannerHome .slim_Text .textContHome{max-width:1227px; margin:20px auto;}
.fv5 .heroBannerHome .slim_Text .textContHome h1{font-size:42px; line-height:42px; margin-bottom:15px; color:white}
.fv5 .heroBannerHome .slim_Text .textContHome h2{font-size:30px; line-height:30px; color:white; margin-bottom:40px}
.fv5 .heroBannerHome .slim_Text .textContHome h3{font-size:36px; line-height:42px; color:white; text-align:center}
.fv5 .heroBannerHome .slim_Text .textContHome h3 span{font-size:16px; line-height:18px; color:white; text-align:center; display:block; padding-top:10px}
.fv5 .heroBannerHome .orbit-bullets{width:90px; text-align:center; top:-2.5em}
.fv5 .heroBannerHome .orbit-bullets li{width:15px; height:15px; border:1px solid #ccc; background-color:transparent; margin:5px; cursor:pointer; display:none}
.fv5 .heroBannerHome .orbit-bullets li.active{width:15px; height:15px; margin:5px; background-color:#ccc; cursor:default; }
.fv5 .heroBannerHome .orbit-container{max-width:1920px}
.fv5 .heroBannerHome .orbit-container .orbit-next{background-image:url(/wcsstore/hpusstore/Treatment/op_herrobanner_arrows.png)!important; background-position:right bottom; right:20px;}
.fv5 .heroBannerHome .orbit-container .orbit-prev{background-image:url(/wcsstore/hpusstore/Treatment/op_herrobanner_arrows.png)!important; background-position:left bottom; left:20px;}
.fv5 .heroBannerHome .orbit-container .orbit-prev, .fv5 .heroBannerHome .orbit-container .orbit-next{height:50px!important; width:50px!important; background-color:transparent!important;}
.fv5 .heroBannerHome .orbit-container .orbit-next:hover{background-position:right top}
.fv5 .heroBannerHome .orbit-container .orbit-prev:hover{background-position:left top}
/*.fv5 .heroBannerHome:hover .orbit-container .orbit-prev, .fv5 .heroBannerHome:hover .orbit-container .orbit-next{display:inline!important}*/

.fv5 .heroBannerHome .orbit-bullets{visibility:visible}
.fv5 .heroBannerHome .orbit-container .orbit-slides-container > *{height:auto}

.fv5 .performance-topbox{background:url(/wcsstore/hpusstore/Treatment/io_performanceBg_1227x244.jpg) no-repeat top center; background-size:cover; height:244px; text-align:center}
.fv5 .performance-topbox .ptb-cols{width:33%; float:left; padding:20px; margin-top:25px}
.fv5 .performance-topbox .ptb-cols h2{font-size:72px; color:white; font-weight:bold}
.fv5 .performance-topbox .ptb-cols p{font-size:20px; line-height:26px; color:white; font-weight:100; margin:0 7%}

.fv5 .performance-botbox{background-color:#125486; padding:30px 40px;  text-align:center}
.fv5 .performance-botbox h4{ color:white; font-size:24px; line-height:28px}

.fv5 .io-vodeoBox{width:48%; float:left; text-align:center}
.fv5 .io-vodeoBox:last-child{float:right}
.fv5 .io-vodeoBox h3{font-size:30px; line-height:36px; margin-top:0; display:inline-block; margin:5% }
.fv5 .io-vodeoBox img{opacity:1}
.fv5 .io-vodeoBox img:hover{opacity:.95}

.fv5 .io-accelerate{margin:25px 0}
.fv5 .io-accelerate .accCols{width:32%; float:left; display:inline-block; height:500px; background-color:#125486}
.fv5 .io-accelerate .accCols:nth-child(2){margin:0 2%}
.fv5 .io-accelerate .accCols img{width:100%}
.fv5 .io-accelerate .ioa-text{padding:20px 30px}
.fv5 .io-accelerate .ioa-text h3{ font-size:24px; line-height:28px; color:white}
.fv5 .io-accelerate .ioa-text p{ font-size:16px; line-height:22px; color:white;}

.fv5 .featuredProd{background-color:#f4f4f4; padding:30px; padding-bottom:0}

.fv5 .productBox{width:45%; height:340px; margin:0 20px; float:left}
.fv5 .productBox:nth-child(even) {margin-right:0}
.fv5 .productBox:nth-child(odd) {margin-left:0}
.fv5 .productBox .prodColmns{float:left; width:50%;}
.fv5 .productBox .prodImage{text-align:center;}
.fv5 .productBox .prodImage img{width:250px; margin:auto}
.fv5 .productBox .prodImage .prodPrice{text-align:center; font-size:18px; font-weight:100; margin:20px}
.fv5 .productBox .prodImage .prodPrice span{font-size:16px; display:block; margin-bottom:5px;}
.fv5 .productBox .prodImage .prodPrice s{display:inline-block; margin:0 5px;}
.fv5 .productBox .prodDetails{margin-left:10%;}
.fv5 .productBox h2{font-size:22px; line-height:26px; margin-bottom:0}
.fv5 .productBox ul{margin:20px 0}
.fv5 .productBox li{ list-style:disc; margin-left:20px; font-size:14px; line-height:18px; margin-bottom:5px; font-weight:100}
.fv5 .btn-line-blue{padding:10px 20px; text-decoration:none; font-size:16px; font-weight:100; background-color:#0096d6; color:#fff; display:inline-block}
.fv5 .btn-line-blue:hover{text-decoration:none; background-color:#006699;}

/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 12px;line-height: 16px; color: #767676;margin: auto; padding: 3% 20px 40px 20px; border-top:1px solid #ccc; max-width:1227px;}
.fv5 .noborder{border:none}
.fv5 .footNote-hpe p{font-size: 12px; margin:20px 0}
.fv5 .footNote-hpe ol {list-style: decimal; margin: 0 15px}
.fv5 .footNote-hpe li {padding-bottom: 10px;list-style: decimal;}

.fv5 .forListing {border: 20px solid rgba(0, 0, 0, 0.9); top:0; z-index:999999}
.fv5 .reveal-modal .close-reveal-modal{top:4px; right:2px;}
.fv5 .reveal-modal .close-reveal-modal img{width:75%}


@media only screen and (max-width:1227px) {
	.fv5 .heroBannerHome .slim_Text .textContHome{margin:20px}
	.fv5 .heroBannerHome .slim_img1, .fv5 .heroBannerHome .slim_img2, .fv5 .heroBannerHome .slim_img3{ height:450px; background-size:cover}
}
@media only screen and (max-width:820px) {
	/*style for watch home start*/
	.fv5 .heroBannerHome .orbit-bullets li{display:inline}
	.fv5 .heroBannerHome .orbit-container .orbit-prev, .fv5 .heroBannerHome .orbit-container .orbit-next{display:none!important}
	.fv5 .heroBannerHome .slim_Text .textContHome{margin:40px;}
	
	.fv5 .heroBannerHome .slim_img1, .fv5 .heroBannerHome .slim_img2, .fv5 .heroBannerHome .slim_img3{ height:400px;}
	.fv5 .heroBannerHome .slim_img1{background-image:url(/wcsstore/hpusstore/Treatment/io_herobanner_820x450.jpg);}
	.fv5 .heroBannerHome .slim_img2{background-image:url(/wcsstore/hpusstore/Treatment/io_herobanner2_820x450.jpg); background-color:#070e18;}
	.fv5 .heroBannerHome .slim_img3{background-image:url(/wcsstore/hpusstore/Treatment/io_herobanner3_820x450.jpg);}
	.fv5 .heroBannerHome .slim_Text .textContHome h1{font-size:32px; line-height:32px; margin-bottom:15px; color:white; text-align:center}
	.fv5 .heroBannerHome .slim_Text .textContHome h2{font-size:20px; line-height:20px; color:white; margin-bottom:0;  text-align:center}
	.fv5 .heroBannerHome .slim_Text .textContHome h3{font-size:26px; line-height:30px; color:white; text-align:center}
	.fv5 .heroBannerHome .orbit-container .orbit-prev, .fv5 .heroBannerHome .orbit-container .orbit-next{opacity:1}
	
	.fv5 .performance-topbox .ptb-cols{width:33%; float:left; padding:15px; margin-top:3%}
	.fv5 .performance-topbox .ptb-cols h2{font-size:52px;}
	.fv5 .performance-topbox .ptb-cols p{font-size:18px; line-height:24px; margin:0 5%}
	
	.fv5 .io-vodeoBox h3{font-size:26px; line-height:32px;}
	.fv5 .io-accelerate .accCols{width:100%; float:none; height:auto; margin:0!important}
	
	.fv5 .featuredProd{padding:10px; background-color:#fff; margin-top:-30px}
	.fv5 .productBox{ width:100%; float:none; margin:0 0 10px 0; height:auto; display:block; overflow:hidden; clear:both;  border:1px solid #ccc; padding:20px 0}
	
}
@media only screen and (max-width:667px) {
	.fv5 .io-vodeoBox{width:100%; float:none; padding:0 20px}
	.fv5 .io-vodeoBox h3{font-size:26px; line-height:30px;}
	
	.fv5 .forListing {border: 2px solid rgba(0, 0, 0, 0.9); padding:0;}
	
	
	
	
}
@media only screen and (max-width:425px) {
	.fv5 .heroBannerHome .slim_img1, .fv5 .heroBannerHome .slim_img2, .fv5 .heroBannerHome .slim_img3{ height:350px;}
	.fv5 .heroBannerHome .slim_Text .textContHome{margin:40px 20px;}
	.fv5 .heroBannerHome .slim_Text .textContHome h3{font-size:22px; line-height:26px;}
	.fv5 .heroBannerHome .slim_Text .textContHome h3 span{font-size:14px;}
	
	.fv5 .sectionHeading{margin:15px 0 25px; font-size:32px}
	
	.fv5 .performance-topbox{height:auto; padding:25px 0}
	.fv5 .performance-topbox .ptb-cols{width:100%; float:none; padding:5px 7%; margin-top:0}
	.fv5 .performance-topbox .ptb-cols p{font-size:18px; line-height:24px; margin:0 5%}
	
	.fv5 .performance-botbox{padding:20px;}
	.fv5 .performance-botbox h4{ font-size:18px; line-height:24px}
	
	
	.fv5 .productBox .prodColmns{float:none; width:100%;}
	.fv5 .productBox .prodColmns .prodDetails{margin:0 20px}
	
	
}