@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:1px solid #CCC;}*/
.fv5 .imgBorder{border:0px solid #CCC;}
.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%);}

/*Hero banner */
.fv5 .btn-trans {font-size:18px;padding:0px;width:128px;display:block;margin:15px auto;text-align:center;border:1px solid #0096D6;color:#0096D6;clear:both;border-radius:3px;cursor:pointer;background-color:#FFF;}
.fv5 .btn-trans:hover{background-color:rgba(255,255,255,0.2);text-decoration:none}

.fv5 .herobanner .heroText{margin:5% 0}
.fv5 .herobanner .heroText.dark h2, .fv5 .herobanner .heroText.dark h3, .fv5 .herobanner .heroText.dark p, .fv5 .herobanner .heroText.dark span{color:white}
.fv5 .herobanner .MDATagLine{ text-align:right;font-size:14px;font-weight:bold;margin-top:20px}
.fv5 .herobanner h2{font-size:26px;margin-bottom:10px;font-weight:100;}
.fv5 .herobanner h3{font-size:42px;margin-bottom:10px;line-height:46px;}
.fv5 .herobanner h4{font-size:32px;margin-bottom:10px}
.fv5 .herobanner p{margin-bottom:15px;font-size:16px;color:black;opacity:.9 }

/*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}

/*GALLEY start*/
.fv5 .productGallery{max-width:1000px;margin:auto}
.fv5 .productGallery .column, .fv5 .productGallery .row{margin:0;padding:0;}
.fv5 .productGallery img{width:100%;}
.fv5 .productGallery a{display:block;margin:0px;cursor:pointer}
.fv5 .productGallery a:hover:before{content:"";background-color:rgba(0,0,0,.5);background-image:url(/wcsstore/hpusstore/Treatment/gallery_magglass.png);background-position:center;background-repeat:no-repeat;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.fv5 .productGallery a.video:hover:before{content:"";background-color:rgba(0,0,0,.5);background-image:url(/wcsstore/hpusstore/Treatment/gallery_newplayButton_79x79.png);background-position:center;background-repeat:no-repeat;position:absolute;top:0px;left:0px;right:0px;bottom:0px;}
.fv5 .tumbImages {width:100%;top:0;}
.fv5 .tumbImages img{max-width:60px;}
.fv5 .tumbImages li{float:left;padding:10px;margin:0 20px;cursor:pointer;height:auto;width:auto;border-radius:0;background-color:white }
.fv5 .tumbImages li.active{border-bottom:2px solid #0096db;}

.fv5 .reveal-modal.fullbleed{padding:20px;left:0;margin-left:0;width:100%;transition:none;box-shadow:none;-webkit-box-shadow:none;z-index:999999}
.fv5 .galleryPadding{padding:3% 0;position:relative}

/*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}
.fv5 .newSectionHeading {clear:both;text-align:center;width:100%;margin:20px auto;border-bottom:1px solid #000;}
.fv5 .newSectionHeading span {font-size:36px;line-height:42px;font-weight:100;background-color:#fff;padding:0 20px;}
.fv5 .newSectionHeading span sup{font-size:50%;position:relative;vertical-align:baseline;bottom:10px}
.fv5 .sectionHeadingPara{text-align:center;margin:0 5%}

/*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 .orbit-prev{background-image:url(/wcsstore/hpusstore/Treatment/smbIcons_leftArrow_20x37.png)!important;background-repeat:no-repeat!important;left:0 }
.orbit-container .orbit-next{background-image:url(/wcsstore/hpusstore/Treatment/smbIcons_rightArrow_20x37.png)!important;background-repeat:no-repeat!important;}
.orbit-container li{height:auto!important}
.orbit-container li img{margin:auto}
.reveal-modal-bg{z-index:9!important}
.fv5 .orbit-bullets{visibility:visible;/* display:block!important*/}

/*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;}

/*Exact small*/
@media only screen and (max-width:51.25em) {
.fv5 .bannerForSmall{height:auto!important;background-size:cover!important;padding:10px;}
.fv5 .herobanner .heroText.dark{background:rgba(0,0,0,.4);!important}
.fv5 .tumbImages li{padding:20px 0;margin:0 10px}
}

/*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 .show-for-smaller{display:inline;}
.fv5 .hide-for-smaller{display:none;}	
}

/* Hero Banner */

/*.fv5 .herobanner.HP_SproutPro_q1fy17{background:url(/wcsstore/hpusstore/Treatment/HP_SproutPro_q1fy17_HeroBanner_bg.jpg) no-repeat top center;height:auto; background-size:cover}*/
.fv5 .herobanner.HP_SproutPro_q1fy17{background:url(/wcsstore/hpusstore/Treatment/HP_SproutPro_q2fy17_HeroBanner_bg.jpg) no-repeat top center;height:auto; background-size:cover}
.fv5 .herobanner.HP_Elite_x2_Jolie_q2fy17{background:url(/wcsstore/hpusstore/Treatment/HP_Elite_x2_Jolie_q2fy17_HeroBanner_bg.jpg) no-repeat top center; height:625px;}
.fv5 .herobanner.HP_SproutPro_q1fy17 .heroText{margin:0;margin:7% 0 5% 0;}
.fv5 .btn-ms-Hero_border{background-color:transparent;color:#0096d6;display:inline-block;font-size:16px;font-weight:normal;padding:12px 30px; white-space:nowrap;border:1px solid #0096d6;border-radius:3px;}
.fv5 .btn-ms-Hero_border:hover{text-decoration:none !important;background-color:#0096D6;color:#FFF;}
.fv5 .textNewColor{color:#9b8e55 !important;}
.fv5 .pricing{font-size:20px;font-weight:100;margin-bottom:15px}

/* Gallery */

.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.png)!important;background-repeat:no-repeat!important;}
.fv5 .orbit-container .orbit-prev {background-image:url(/wcsstore/hpusstore/Treatment/BlueLeftArrow.png)!important;background-repeat:no-repeat!important;}
.fv5 .galleryPadding .newSectionHeading span{background:#FFF;top:7px;position: relative;}

/* Ksp 1 */

.fv5 .HP_SproutPro_q1fy17_Ksp1{background:none;height:auto !important;}
.fv5 .HP_SproutPro_q1fy17_Ksp1 .newSectionHeading span{background:#FFF;top:7px;position: relative;}
.fv5 .HP_SproutPro_q1fy17_Ksp1 .newSectionHeading{border-bottom:1px solid #000;}
.fv5 .HP_SproutPro_q1fy17_Ksp1 h4{font-size:30px}
.fv5 .HP_SproutPro_q1fy17_Ksp1 p{font-size:20px; font-weight:300; color:#000}


/* Ksp 2 */
.fv5 .HP_SproutPro_q1fy17_Ksp2{background:none;height:auto !important;}
.fv5 .HP_SproutPro_q1fy17_Ksp2 .newSectionHeading span{background:#FFF;top:7px;position: relative;}
.fv5 .HP_SproutPro_q1fy17_Ksp2 .newSectionHeading{border-bottom:1px solid #000;}
.fv5 .HP_SproutPro_q1fy17_Ksp2 h4{font-size:30px; font-weight:100}
.fv5 .HP_SproutPro_q1fy17_Ksp2 h5{font-size:22px; font-weight:normal}
.fv5 .HP_SproutPro_q1fy17_Ksp2 p{font-size:18px; font-weight:300; color:#000}
 
/* Specs */
.fv5 .btn-ms-specs{background-color:#FFF;color:#0096D6;display:inline-block;font-size:16px;font-weight:normal;padding:12px 30px; white-space:nowrap;border:1px solid #0096D6;border-radius:3px;}
.fv5 .btn-ms-specs:hover{text-decoration:none !important;background-color:#0096D6;color:#FFF;}

@media only screen and (max-width:50em) {
	.fv5 .herobanner.HP_SproutPro_q1fy17.bannerForSmall h3 {font-size:32px;line-height:32px;}
}

@media only screen and (max-width:799px) {
	.fv5 .HP_SproutPro_q1fy17_Ksp1 .row{margin-top:40px !important;}
	.fv5 .HP_SproutPro_q1fy17_Ksp2 .row{margin-top:20px !important;}
	.fv5 .HP_SproutPro_q1fy17_Ksp2 strong{line-height:24px !important;}
}

@media only screen and (max-width:30em) {
	.fv5 .herobanner.HP_SproutPro_q1fy17.bannerForSmall h3{font-size:32px !important;line-height:32px !important;}
}

@media only screen and (max-width:64em) {
	.fv5 .newSectionHeading {border-bottom:none !important;}
	.fv5 .HP_SproutPro_q1fy17_Ksp1 .newSectionHeading span{background:none !important;background-color:transparent !important;}
}

@media only screen and (max-width:641px) {
	.fv5 .paddingtopbot{padding:1em}
	.fv5 .herobanner .heroText{background:rgba(255,255,255,.8) !important;padding:30px;}
	.fv5 .herobanner p{opacity:1;}
	.fv5 .HP_SproutPro_q1fy17_Ksp2 .wrapContent{width:400px !important;}
}

@media only screen and (max-width:450px) {
	.fv5 .HP_SproutPro_q1fy17_Ksp2 .wrapContent{width:350px !important;}
}
@media only screen and (max-width:380px) {
	.fv5 .HP_SproutPro_q1fy17_Ksp2 .wrapContent{width:270px !important;}
}