@charset "utf-8";
/*Common css*/
.fv5{clear:both; overflow:hidden; max-width:1920px; margin:auto;}
.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 .paddingtopbot1{padding:1em 0}
.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!important}
.fv5 .textWhite{color:#fff!important}
.fv5 sup{font-size:65%; position:relative;}
.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 .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%);}
.fv5 .linebreak{ display:block; padding-top:10px}

@media only screen and (max-width: 642px) {
	.fv5 .paddingtopbot, .fv5 .paddingtopbot2{padding:1em}
}

.slick-slide:focus { outline: none; }
.fv5 .slick-next:before{content:'' !important;background: url(/wcsstore/hpusstore/Treatment/GreyRightArrow_Specltfy17.png) no-repeat top center;width: 25px;height: 42px;
    position: absolute;top: 0;left: 0;}
.fv5 .slick-prev:before{content:'' !important;background: url(/wcsstore/hpusstore/Treatment/GreyLeftArrow_Specltfy17.png) no-repeat top center;width: 25px;height: 42px;
    position: absolute;top: 0;right: 0;}
.fv5 .btn-trans {font-size:18px; line-height:18px; font-weight:100; padding:15px 40px; display:inline-block; text-align:center; border:1px solid #111; color:#000; clear:both;border-radius:3px;cursor:pointer;background-color:transparent; text-transform:uppercase; font-weight:normal}
.fv5 .btn-trans:hover{text-decoration:none; background-color:#fff; color:black!important;}

.fv5 .btn-trans.blue{border:1px solid #0096d6;color:#fff;background-color:#0096d6;font-weight:100;}
.fv5 .btn-trans.blue:hover{text-decoration:none;background-color:transparent !important; color:#0096d6 !important;border:1px solid #0096d6 !important; }

/*price css*/
.fv5 .pricing{margin-bottom:10px}
.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}


/*50-50 KSP Banners*/
.fv5 .kspbanner{position:relative}
.fv5 .kspbanner .bodyCenterContent{height:100%;}
.fv5 .bodyCenterContent.with1200 {max-width: 1280px;}
.fv5 .kspbanner .textinside{width:50%;padding: 13% 5%;height:100%;}
.fv5 .kspbanner .textinside h4{font-size:34px; text-transform:uppercase; text-align:center; letter-spacing:2px}
.fv5 .kspbanner .textinside h5{font-size:22px}
.fv5 .kspbanner .textinside p{margin-bottom:25px; font-size:20px; font-weight:100; text-align:center}

@media only screen and (max-width: 1024px) {
	.fv5 .kspbanner{background-size:cover; height:auto}
}

@media only screen and (max-width: 800px) {
	.fv5 .kspbanner{background-image:none; height:auto;}
	.fv5 .kspbanner .textinside{width:100%; float:none!important; padding:5%;}	
	.fv5 .kspbanner .textinside h4{font-size:24px; line-height:30px}
	.fv5 .kspbanner .textinside p{font-size:18px; line-height:27px}
}

@media only screen and (max-width: 642px) {
	.fv5 .kspbanner{background-color:#fff;}
	.fv5 .kspbanner h3 .sectionHeading{font-size:24px; color:#000; text-transform:uppercase}
	.fv5 .kspbanner h4{padding-top:14px}
	.fv5 .kspbanner p{font-size:20px; color:#5a5a5a; font-weight:100; line-height:30px; padding-bottom:20px}
}


.slick-slide:focus { outline: none; }
.slick-dots li button{/*outline:none !important;*/box-shadow:none;}
/*.slick-dots li button:before{width:10px !important;height:10px !important;top:5px !important;left:5px !important;border-radius:10px;}*/
.fv5 .slick-dots li button:before {width: 12px !important;height: 12px !important;/* top: 6px !important; *//* left: 6px !important; */border-radius: 6px;}
.fv5 .slick-next:focus,.fv5 .slick-prev:focus{/*outline:none !important;*/box-shadow:none;}

.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}
.fv5 .show642{display:none !important;}

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

/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px;clear:both;overflow:hidden;position:relative;}
.fv5 .bodyCenterContent.with1200{max-width:1280px;}
.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:42px}
.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 10%}
.fv5 .alltextwhite *{color:white!important}

.fv5 .forListing {box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); top:0;}

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

@media only screen and (max-width: 800px) {
	.fv5 .sectionHeadingPara{text-align:center; margin:0 5%}	
	.fv5 #videoModal{padding:0;}
	.fv5 #videoModal .flex-video{ margin:0}
	.reveal-modal .close-reveal-modal{top:0; right:0;}
}

/*below small*/
@media only screen and (max-width: 642px) {
	.fv5 .sectionHeading{font-size:24px!important; line-height:28px}
	.fv5 .tumbImages img{max-width:30px;}
	.fv5 .heroImage {display:block; margin:0 auto}
	.fv5 .bannerForSmall{height:auto;}
	.fv5 .show642{display:block;}
	.fv5 .footNote-hpe{padding:20px !important;}
}

@media only screen and (max-width: 420px) {
	.fv5 .heroImage{display:none}
	.fv5 .heroImage2{display:block}
	.fv5 .show-for-smaller{display:inline!important;}
	.fv5 .hide-for-smaller{display:none!important;}	
}

/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 12px;line-height: 16px; color: #767676;padding: 40px;border-top:none;background-color:#e8e8e8;}
.fv5 .noborder{border:none}
.fv5 .footNote-hpe p{font-size: 12px; margin:20px 0}
.fv5 .footNote-hpe ol {list-style: decimal; margin: 0 18px}
.fv5 .footNote-hpe li {padding-bottom: 10px;list-style: decimal;}

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

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

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

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