@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 .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}

/*Others css*/


.fv5 .bodyCenterContent{max-width:1220px; clear:both; overflow:hidden; position:relative; margin:auto}
.fv5 .sectionHeading{text-align:center; margin:25px 0; font-size:48px}
.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;background:url(/wcsstore/hpusstore/Banners/epp23_herobanner_1920x453.jpg) no-repeat top center;height:433px}
.fv5 .heroBannerHome .heroBannerMobile{display:none}
.fv5 .heroBannerHome .heroTextCont{float:right; width:50%; margin-top:40px; text-align: left}
.fv5 .heroBannerHome .heroTextCont h1{color:#fff; font-size:48px; line-height:48px; height:150px;  margin:0; padding:0}
.fv5 .heroBannerHome .heroTextCont h2{color:#fff; font-size:28px; margin:0 0 10px 0; padding:0}
.fv5 .heroBannerHome .heroTextCont h3{color:#fff; font-size:28px; margin:0 0 10px 0; padding:0}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont{color:#fff; overflow:hidden}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-signin{float:left; margin-right:40px}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-register{float:left;}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont span{display:block; margin:15px 0; font-size:18px; font-weight:100}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont a{background-color:#ffffff;padding:12px 30px;border-radius:3px;display:inline-block;color:#000000;font-size:18px;font-weight:100;text-transform:uppercase;text-decoration:none;}
.fv5 .heroBannerHome .heroTextCont .heroBtnCont a:hover{background-color:#fff;/* color:#0096d6; */}

.fv5 .eppOffers{background-color:#f9f9f9; padding:40px 0}

.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 .eppOffersCont{margin:25px 0}
.fv5 .eppOffersCont .accCols{width:32%; text-align:center; float:left; display:inline-block; height:340px; background-color:#fff; border:1px solid #e0e0e0; margin-bottom:20px}
.fv5 .eppOffersCont .accCols:nth-child(2){margin:0 2%}
.fv5 .eppOffersCont .accCols img{margin:30px 0}
.fv5 .eppOffersCont h3{ font-size:30px; line-height: 32px;}
.fv5 .eppOffersCont p{ font-size:20px; line-height:26px; display:block; margin:0 20px}

.fv5 .storeOffersCont{margin:25px 0}
.fv5 .storeOffersCont .accCols{width:32%; text-align:center; float:left; display:inline-block; background-color:#0096d6; margin-bottom:20px}
.fv5 .storeOffersCont .accCols:nth-child(2){margin:0 2%}
.fv5 .storeOffersCont h3{ font-size:30px; margin-bottom:0; margin-top:10px; color:#fff;}
.fv5 .storeOffersCont p{ font-size:18px; line-height:22px; display:block; margin:0 10px 20px 10px; color:#fff}

.fv5 .eppTechatWork{ text-align:center; margin:50px 0 25px 0; font-size:20px; line-height:24px; font-weight:100}
.fv5 .eppTechatWork .tawhome{font-weight:400; color:#000}

.fv5 .tawSubscribe{display:inline-block; background-color:#fff; padding:9px 15px 10px; color:#0096db; font-size:20px; line-height:18px; font-weight:100; border:1px solid #0096db; border-radius:2px}
.fv5 .tawSubscribe:before{content:""; display:inline-block; width:24px; height:16px; background:url(/wcsstore/hpusstore/Treatment/lp/eppLogin/taw_subscribe_icon.png) no-repeat bottom left; margin:2px  10px 0 0}
.fv5 .tawSubscribe:hover{text-decoration:none; background-color:#0096db; color:#fff}
.fv5 .tawSubscribe:hover:before{ background-position:top}

/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 12px;line-height: 16px; color: #767676;margin: auto; padding: 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;}



@media only screen and (max-width:1220px) {
	.fv5 .eppOffersCont{margin:25px}

}
@media only screen and (max-width:1024px) {
	.fv5 .eppOffersCont{margin:25px}
	.fv5 .eppOffersCont h3{font-size:26px; line-height:28px; margin:0 10px 10px}
	.fv5 .eppOffersCont p{font-size:18px; line-height:22px; }
	
	.fv5 .storeOffersCont h3{ font-size:28px;}
	.fv5 .storeOffersCont p{ font-size:16px;}
	
	.fv5 .storeOfferScroll{overflow-y:hidden; max-height:345px;}
	.fv5 .storeOfferScroll .storeOffersCont{min-width:900px; height:320px; overflow-y:hidden;  overflow-x:scroll; }

}
@media only screen and (max-width:820px) {
	
		.fv5 .heroBannerHome .heroBannerMobile{display:inline-block!important}
		.fv5 .heroBannerHome{background:none;height:auto;background-color:#4b0f22;}
		.fv5 .heroBannerHome .heroTextCont{float:none; width:100%; padding:20px 20px 30px 20px; margin:0; text-align:center}
		.fv5 .heroBannerHome .heroTextCont h1{height:auto; margin-bottom:15px;}

		.fv5 .heroBannerHome .heroTextCont .heroBtnCont{text-align:center}
		.fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-signin, .fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-register{float:none; display:inline-block; margin:0 20px}
		
		.fv5 .eppOffersCont .accCols img{margin:20px 0}
		.fv5 .eppTechatWork span{margin:0 10px 15px 10px; display:block}

}


@media only screen and (max-width:667px) {
	
		.fv5 .heroBannerHome .heroTextCont h1{height:auto; margin-bottom:15px; font-size:38px; line-height:40px}
		.fv5 .heroBannerHome .heroTextCont h2{font-size:24px}
		
		.fv5 .sectionHeading{margin:20px; font-size:36px; line-height: 38px;}
		
		.fv5 .eppOffers{padding:20px 0}
		.fv5 .eppOffersCont{margin:25px 0}
		.fv5 .eppOffersCont .accCols{width:100%; float:none; height:auto; margin:0!important; border:none; padding-bottom:20px; background-color:transparent}
		.fv5 .eppOffersCont .accCols img{margin:20px 0; background-color:#fff; border-radius:200px; padding:30px 20px; width:120px}


	
}
@media only screen and (max-width:425px) {
	
		.fv5 .heroBannerHome .heroTextCont h1{font-size:34px; line-height:36px}
		.fv5 .heroBannerHome .heroTextCont h2{font-size:20px}
		.fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-signin, .fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-register{margin:0 5px}
		.fv5 .heroBannerHome .heroTextCont .heroBtnCont span{font-size:16px}
}