@charset "utf-8";
/*Common css*/
.fv5{clear:both; overflow:hidden}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5{font-weight:100; line-height:inherit; margin-bottom:10px}
.fv5 p{color:#767676}
.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 .paddingbot2{padding-bottom:2em}
.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 sup{font-size:60%}
.fv5 .f18{font-size:18px!important; font-weight:100}
.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 h3{font-size:32px}
.fv5 h4{font-size:28px}
.fv5 .imgBorder{border:0px solid #e1e1e1;}
.fv5 .fltLeft{float:left}
.fv5 .fltRight{float:right}
.fv5 .paraGrey{color:#767676!important}
.fv5 .gradientGrey{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(241,241,241,1) 100%);}



/*price css*/
.fv5 .pricing span{font-size:11px}
.fv5 .pricing strong{font-size:36px; line-height:38px; font-weight:100; padding-bottom:10px; display:block}
.fv5 .pricing sup{font-size:70%; position:relative; vertical-align:baseline; bottom:8px}


/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:40px!important; color:#333}
.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #767676; height:34px}
.fv5 .newSectionHeading span {font-size: 36px; line-height: 42px; font-weight: 100; background-color: #fff; padding: 0 20px; color:#767676}
.fv5 .newSectionHeading span sup{font-size:50%; position:relative; vertical-align:baseline; bottom:10px}
.fv5 .sectionHeadingPara{text-align:center; margin:0 5%; color:#767676}
.fv5 .alltextwhite *{color:white!important}
.fv5 .forListing {z-index:9999; border: 10px solid rgba(0, 0, 0, 0.1); border-radius:20px}


/*Foundation update*/
.orbit-container .orbit-prev, .orbit-container .orbit-next{ background-color:transparent!important; height:37px!important; width:20px; margin-top:-20px!important;}
.orbit-container li{height:auto!important}
.orbit-container li img{margin:auto; padding:0 30px}
.reveal-modal-bg{z-index:9!important}
.fv5 .orbit-bullets{visibility:visible;/* display:block!important*/}
.reveal-modal{padding-bottom:30px}
.reveal-modal .close-reveal-modal{top:4px; right:2px;}
.reveal-modal .close-reveal-modal img{width:75%}
.reveal-modal-bg{z-index:99!important}
.fv5 .reveal-modal{z-index:999!important}
.fv5 .orbit-container .orbit-next {background-image: url(/wcsstore/hpusstore/Treatment/BlueRightArrow_Moscato.png);background-repeat: no-repeat;}
.fv5 .orbit-container .orbit-prev {background-image: url(/wcsstore/hpusstore/Treatment/BlueLeftArrow_Moscato.png);background-repeat: no-repeat;}



/****************** Hero Banner *******************/
.fv5 .btn-ms-Hero_border{background-color:transparent; color:#040707; display: inline-block; font-size:16px; font-weight:nomal; padding:12px 30px;  white-space:nowrap; border:1px solid #040707;border-radius:3px;}
.fv5 .btn-ms-Hero_border:hover{background:rgba(0,0,0,0.1); text-decoration:none !important; border:1px solid #000; color:#000;}

.fv5 .btn-ms-Hero_border_white{background-color:transparent; color:#040707; display: inline-block; font-size:16px; font-weight:nomal; padding:12px 30px;  white-space:nowrap; border:1px solid #d0d0d0;border-radius:3px;}
.fv5 .btn-ms-Hero_border_white:hover{background:rgba(0,0,0,0.1); text-decoration:none !important; border:1px solid #fff; color:#fff;}

.fv5 .textNewColor{color:#c8932b !important;}
.fv5 .pricing{font-size:20px; font-weight:100; margin-bottom:15px}

.fv5 .herobanner {background:url(/wcsstore/hpusstore/Treatment/ProOne400AIO_q3fy17_HeroBanner_bg.jpg) no-repeat top center #fff; min-height:500px;background-size:cover;}
.fv5 .herobanner .row{max-width:1200px}
.fv5 .herobanner .heroText{margin:9% 0; padding-left:50px}
.fv5 .herobanner h1{font-size:22px; margin-bottom:10px; color:#000}
.fv5 .herobanner h2{font-size:42px; color:#000; margin-bottom:15px; line-height:42px;}
.fv5 .herobanner p{margin-bottom:15px; font-size:16px; color:#000}
.fv5 .heroImage{display:none}
.fv5 .herobanner .additional_text {margin-top:68%; padding-left:78%; font-size:14px; color:#767676}




	/* Ksp 1 */
	.fv5 .ProOne400AIO_q3fy17_Ksp1 {width:100%; background:#ededed}
	.fv5 .ProOne400AIO_q3fy17_Ksp1 h3{color:#000; font-size:28px; text-align:center; padding-top:16px}	
	.fv5 .ProOne400AIO_q3fy17_Ksp1 .ProOne400AIO_q3fy17_Ksp1_desc{text-align:center}
	.fv5 .ProOne400AIO_q3fy17_Ksp1 .ProOne400AIO_q3fy17_Ksp1_desc img{margin:0 auto}
	.fv5 .ProOne400AIO_q3fy17_Ksp1 .ProOne400AIO_q3fy17_Ksp1_desc h3{color:#5a5a5a; font-size:30px;padding-bottom:0px}
	.fv5 .ProOne400AIO_q3fy17_Ksp1 .ProOne400AIO_q3fy17_Ksp1_desc P{color:#5a5a5a; font-size:16px; text-align:center}
	
	/* Ksp 2 */	
	.fv5 .ProOne400AIO_q3fy17_Ksp2 {width:100%; background:#fff}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 h3{color:#000; font-size:28px; text-align:center; padding-top:16px}	
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc{text-align:center}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc img{margin:0 auto}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc h3{color:#5a5a5a; font-size:30px;padding-bottom:0px}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc P{color:#5a5a5a; font-size:16px; text-align:center}

	
	/* Ksp 4 */
	.fv5 .ProOne400AIO_q3fy17_Ksp4 {width:100%; background:#ededed}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 h3{color:#000; font-size:28px; text-align:center; padding-top:16px}	
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc{text-align:center}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc img{margin:0 auto}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc h3{color:#5a5a5a; font-size:30px;padding-bottom:0px}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc P{color:#5a5a5a; font-size:16px; text-align:center}

	
	/****************** 50-50 banner *******************/
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside{width:40%; margin:12% 5% 0; text-align:left; color:#5a5a5a}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside h3{font-size:36px; line-height:42px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside h4{font-size:21px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside P{padding-bottom:40px; font-size:16px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside P span{font-size:16px!important; padding-bottom:10px; display:block; padding-bottom:10px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside P:last-child{padding-bottom:20px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner.ksp3{background:url(/wcsstore/hpusstore/Treatment/ProOne400AIO_q3fy17_ksp3_bg.jpg) no-repeat top center #fff; height:500px}	
	.	
			
	/*You might interested*/
	.fv5 .mightBeInterestedIn {position:relative}
	.fv5 .mightBeInterestedIn .crossSellBox {width:100%;background-color:#eaeaea;padding:10px;}
	.fv5 .mightBeInterestedIn h3{font-size:24px; line-height:26px; font-weight:100;margin-top: 5px; min-height:50px;}
	.fv5 .mightBeInterestedIn p{font-size:18px; font-weight:100; line-height:22px;}
	.fv5 .mightBeInterestedIn .mightBeInterestedInbtn{padding:12px 35px; color:#0096d6; display:inline-block; border:1px solid #0096D6; border-radius:3px;}
	.fv5 .mightBeInterestedIn .mightBeInterestedInbtn:hover{color:#fff; background-color:#0096db; text-decoration:none;}
	.fv5 .mightBeInterestedIn .ccprice{font-size:24px; font-weight:100; display:block; margin:15px 15px 30px 15px;}
	.fv5 .mightBeInterestedIn .imgAlign img{display:inline}

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

@media only screen and (max-width: 64em) {
	.fv5 .newSectionHeading {border-bottom:none;}	
}

@media only screen and (max-width: 1000px) {
	.show-for-1000{display:none}
	.hide-for-1000{display:block !important;}		
}

/*Exact small*/
@media only screen and (max-width: 51.25em) {
	.fv5 .bannerForSmall{height:auto!important; background-size:cover!important; padding:10px;}
}

@media only screen and (max-width: 50em) {
	
	.fv5 .ProOne400AIO_q3fy17_kspbanner.ksp3{background-color:#0e3147; height:auto; background-image:none}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside{width:90%; float:none!important; margin:5%;}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside p{padding-bottom:50px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner .textinside p:last-child{padding-bottom:20px}
	
	.fv5 .mightBeInterestedIn .column{ margin-bottom:25px}	
		
	.fv5 .section-container, .fv5 .section-container.auto{border:none}
	.fv5 .seeallspecs-btn-cont{margin-top:80px}
	

	.slick-dots li.slick-active button:before{background-color:#0096d6!important}
	
	.fv5 .mightBeInterestedIn .prevWatch2{background:url(/wcsstore/hpusstore/Treatment/BlueLeftArrow_Moscato.png) no-repeat left top; width:25px; height:72px; position:absolute; top:100px; left:40px; z-index:99999; display:block}
	.fv5 .mightBeInterestedIn .nextWatch2{background:url(/wcsstore/hpusstore/Treatment/BlueRightArrow_Moscato.png) no-repeat right top; width:25px; height:72px; position:absolute;  top:100px; right:40px;  z-index:99999; display:block}

}

@media only screen and (max-width: 800px) {
	
	.fv5 .mbView{display:block;}
	
	.fv5 .herobanner .heroText{padding:20px; text-align:center}
	.fv5 .herobanner .additional_text_medium_and_small {font-size:14px; color:#767676;}
	.fv5 .bannerForSmall{height:auto;}
	
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc{padding-bottom:20px}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .show-for-small{display:block!important}	
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc{padding-bottom:20px}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .show-for-small{display:block!important}	
	

}


@media only screen and (max-width:40em) {
	.fv5 .ProOne400AIO_q3fy17 h1{font-size:16px!important}	
	.fv5 .ProOne400AIO_q3fy17 h3{font-size:32px!important}		
	
}
/*below small*/
@media only screen and (max-width: 40.063em) {
	.fv5 .newSectionHeading{border:none; height:auto!important}
	.fv5 .newSectionHeading span {background-color:transparent; padding:0; font-size:32px; line-height:36px}
	.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:24px!important; color:#333}
	.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:24px!important; color:#333}
	
	.fv5 .show-for-smaller{display:inline;}
	.fv5 .hide-for-smaller{display:none;}	
	
	.fv5 .herobanner h2{font-size:32px!important; line-height:32px; margin:10px 0}
	.fv5 .bannerForSmall{background:none!important; background-color:#fff!important; padding:0;}
	.fv5 .heroImage {display:block; margin:0 auto 15px auto}	
	.fv5 .herobanner .heroText{background:#fff);}

}
	
@media only screen and (max-width: 640px) {		
	.fv5 .ProOne400AIO_q3fy17_kspbanner.ksp3 h3{font-size:24px; line-height:32px}
	.fv5 .ProOne400AIO_q3fy17_kspbanner.ksp3 h4{font-size:18px}
	
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc{padding-bottom:20px}
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc h3{font-size:24px}	
	.fv5 .ProOne400AIO_q3fy17_Ksp2 .ProOne400AIO_q3fy17_Ksp2_desc p{padding-bottom:20px}
	
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc{padding-bottom:20px}
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc h3{font-size:24px}	
	.fv5 .ProOne400AIO_q3fy17_Ksp4 .ProOne400AIO_q3fy17_Ksp4_desc p{padding-bottom:20px}

}

@media only screen and (max-width: 641px) {
	.fv5 .paddingtopbot{padding:1em}		
}
@media only screen and (max-width:1279px){
.fv5 .herobanner .additional_text_medium_and_small {font-size:14px; color:#767676; display:block;}
.fv5 .herobanner .additional_text {display:none;}

}
@media only screen and (min-width:1280px)
{
.fv5 .herobanner .additional_text_medium_and_small{display:none}
.fv5 .herobanner .additional_text {font-size:14px; color:#767676; display:block; text-align:right}
}