@charset "utf-8";
/* CSS Document */

.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5{font-weight:100; line-height:inherit; padding-bottom:.4em}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingtopbot2{padding:3em 0}
.fv5 .btn{color: #fff!important; width: auto; display: inline-block; font-size: 1em;font-weight: bold; line-height: 2em; text-decoration: none;text-align: center; padding:5px 20px; background: #0096d6; border-radius: 0 5px 0 5px;-moz-border-radius: 0 5px 0 5px;-webkit-border-radius: 0 5px 0 5px;cursor: pointer;margin: 3px 0 3px 0; border: none;}
.fv5 .btn:hover{background:#007dba; text-decoration:none}
.fv5 .btn.primary{background:#D7410B}
.fv5 .btn.primary:hover{background:#C1401A}
.fv5 .bringtofront{z-index:99999}
.fv5 .close-reveal-modal.move{top:.3em; right:.4em}
.fv5 .show-for-smaller{display:none}

.fv5 .herobanner{background:url(/wcsstore/hpusstore/Treatment/spnew_herobanner_background-tile.jpg) repeat-x 0 0;}
.fv5 .herobanner h1{font-weight:bold; font-size:2.5em}
.fv5 .herobanner .price{font-size:2.7em; font-weight:100; margin:15px 0}
.fv5 .herobanner .price sup{font-size:70%; position:relative; vertical-align:baseline; bottom:8px}
.fv5 .herobanner .btn.primary{font-size:1.5em; font-weight:100; padding:.2em 1.5em}
.fv5 .herobanner .intelLogo{padding-top:2em;}
.fv5 .herobanner .intelLogo img{padding-right:10px}

.fv5 .featurebanner{background:url(/wcsstore/hpusstore/Treatment/spnew-360view_banner_1920x720.jpg) no-repeat center top; height:720px; max-width:1920px; margin:auto}
.fv5 .textBox{margin:auto; max-width:1000px; padding:3em 0}
.fv5 .textBox h2{font-size:3em}
.fv5 .textBox a.view360{font-size:2em; font-weight:100; color:#767676; background:url(/wcsstore/hpusstore/Treatment/spnew-360view_playBtn_42x42.png) no-repeat right top; padding-right:50px}

.fv5 .bodyCenterContent{margin:auto; max-width:1000px;}
.fv5 .fTabs{ border-bottom:1px solid #ccc; text-align:center; clear:both; height:40px}
.fv5 .fTabs a{margin:0 40px; padding:10px 3px; border-bottom:4px solid white; font-size:22px; color:#999; font-weight:normal}
.fv5 .fTabs a:hover{border-color:#c5215e; color:black;}
.fv5 .fTabs a.active{border-color:#c5215e; color:black; font-weight:normal}
.fv5 .fTab-content h2{margin:50px 0 30px 0; text-align:center; font-size:36px}
.fv5 .fTab-content h3{ font-size:32px}
.fv5 .fTab-content.tab3 h3{ font-size:30px}
.fv5 .fTab-content.tab3 p{ margin-bottom:1em}
.fv5 .fTab-content, .fv5 .sproutStory p{ color:#767676}

.fv5 .fTab-content.tab3 .calloutCont .topImg{border-bottom:1px solid #ccc; text-align:center; margin-bottom:3em}
.fv5 .fTab-content.tab3 .calloutCont .tab3boticons h4{ font-size:22px; margin:1.25em 0 .25em 0}


.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000; height:34px}
.fv5 .newSectionHeading span {font-size: 36px; line-height: 42px; font-weight: 100; background-color: #fff; padding: 0 20px;}
.fv5 .sproutStory{margin:3em 0}
.fv5 .sproutStory .image{margin-bottom:1.8em; position:relative}
.fv5 .sproutStory .watchTheVideo{position:absolute; left:0; bottom:0; width:100%; text-align:center; padding:16px 20px}
.fv5 .sproutStory p{font-size:14px; line-height:18px}

.fv5 .appsbanner{background:url(/wcsstore/hpusstore/Treatment/spnew-apps_banner_1920x434.jpg) no-repeat center top; height:434px; max-width:1920px; margin:auto; color:white}
.fv5 .appsbanner .newSectionHeading{border-bottom:1px solid #fff;}
.fv5 .appsbanner .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/spnew-apps_banner_1920x434.jpg) no-repeat center -30px; color:white}
.fv5 .appsbanner p{font-size:22px; line-height:26px; font-weight:100}
.fv5 .appsbanner strong{display:block; padding-bottom:10px;}

.fv5 .sp-specs:nth-child(even){ background-color:#bae7e5}
.fv5 .sp-specs div{padding-top:15px; padding-bottom:15px}
.fv5 .sp-specs div:first-child{font-size:18px}
.fv5 .sp-specs div:last-child{font-weight:100; line-height:24px}

.fv5 .hpcarebanner{background:url(/wcsstore/hpusstore/Treatment/spnew-hpcare_banner_1920x418.jpg) no-repeat center top; height:418px; max-width:1920px; margin:auto; color:white}
.fv5 .hpcarebanner .newSectionHeading{border-bottom:1px solid #fff;}
.fv5 .hpcarebanner .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/spnew-hpcare_banner_1920x418.jpg) no-repeat center -30px; color:white}
.fv5 .hpcarebanner h3{color:white; font-size:34px; line-height:40px; margin:20px 30px}
.fv5 .hpcarebanner p{font-size:22px; line-height:30px; font-weight:100; margin:0 30px}

.fv5 .sappsGrid{margin:30px auto 0 auto; width:65%}
.fv5 .sappsGrid .sappsLinks img{padding:5px}
.fv5 .sappsGrid .sappsLinks.active img{border:4px solid #fff; border-radius:15px; padding:1px}
.fv5 .sappsContent2, .fv5 .sappsContent3,  .fv5 .sappsContent4,  .fv5 .sappsContent5, .fv5 .sappsContent6, .fv5 .sappsContent7{display:none} 

.fv5 .break-for-large{display:inline}

@media only screen and (min-width: 60em) {
.fv5 .fTab-content.tab1 .calloutCont{background:url(/wcsstore/hpusstore/Treatment/spnew-callout1_1000x715.jpg) no-repeat 0 0; height:880px; position:relative}
.fv5 .fTab-content.tab1 .calloutCont .callout-box{position:absolute; width:250px;}
.fv5 .fTab-content.tab1 .calloutCont .callout-box.one{left:10px; top:90px}
.fv5 .fTab-content.tab1 .calloutCont .callout-box.two{right:10px; top:335px}
.fv5 .fTab-content.tab1 .calloutCont .callout-box.three{left:10px; top:650px}
.fv5 .fTab-content .calloutCont .callout-box img.circle{display:none}

.fv5 .fTab-content.tab2 .calloutCont{background:url(/wcsstore/hpusstore/Treatment/spnew-callout2_611x565.jpg) no-repeat right 20px; height:820px; position:relative}
.fv5 .fTab-content.tab2 .calloutCont .callout-box{position:absolute; width:380px;}
.fv5 .fTab-content.tab2 .calloutCont .callout-box.one{left:10px; top:60px}
.fv5 .fTab-content.tab2 .calloutCont .callout-box.two{left:10px; top:350px}
.fv5 .fTab-content.tab2 .calloutCont .callout-box.three{right:120px; top:650px}


}
@media only screen and (max-width: 60em) {
.fv5 .featurebanner{height:auto; background-position:top right; background-size:100%;}
.fv5 .textBox{padding:3.5em 3em}

.fv5 .fTab-content .calloutCont .callout-box{margin:0 20px 40px 20px; clear:both; overflow:hidden}
.fv5 .fTab-content .calloutCont .callout-box h3{font-size:28px; margin-top:10px}
.fv5 .fTab-content .calloutCont .callout-box img.circle{float:left; display:block; margin:0 20px 10px 0; border:1px solid #ccc; width:175px; border-radius: 175px;}
.fv5 .fTabs a{margin:0 20px; padding:14px 3px; font-size:18px}
.fv5 .sproutStory .watchTheVideo{padding:8px 20px}

.fv5 .break-for-large{display:none}

}
@media only screen and (max-width: 50em) {
.fv5 .herobanner .intelLogo{padding-top:0em; position:absolute; right:0; top:1em; width:6em; font-size:.8em; line-height:1.2em;}
.fv5 .herobanner .intelLogo img{margin-bottom:5px; margin-right:0}
.fv5 .featurebanner{background-size:auto;}
.fv5 .textBox{padding:3.5em; text-align:center;}
.fv5 .textBox h2, .fv5 .textBox a{color:#fff!important; text-shadow: 2px 2px #1f3b86;}
.fv5 .textBox a.view360{background-image:url(/wcsstore/hpusstore/Treatment/spnew-360view_playBtn_white_42x42.png)}

.fv5 .fTab-content.tab3 p{ margin-bottom:3em}
.fv5 .sproutStory .watchTheVideo{padding:7px 20px}

.fv5 .sappsGrid{width:auto}



}
@media only screen and (max-width: 45.1875em) {
.fv5 .appsbanner .newSectionHeading{border-bottom:none; margin:0 10px 40px 0}
.fv5 .appsbanner .newSectionHeading span{background:none;}

.fv5 .hpcarebanner h3{font-size:30px; line-height:36px; margin:20px 30px}
.fv5 .hpcarebanner p{font-size:20px; line-height:28px;}

.fv5 .fTabs a{ font-size:16px; margin:0 10px; padding:17px 3px;}
}
@media only screen and (max-width: 35.4375em) {
.fv5 .fTabs a{ font-size:14px; margin:0 10px; padding:18px 3px;}
.fv5 .fTab-content h2{font-size:30px;}
.fv5 .fTab-content h3{ font-size:22px!important}
.fv5 .fTab-content p, .fv5 .sproutStory p{font-size:14px; line-height:20px}
.fv5 .fTab-content .calloutCont .callout-box img.circle{width:125px; border-radius: 125px;}
.fv5 .appsbanner .newSectionHeading span{font-size:32px; line-height:36px;}
.fv5 .appsbanner p{font-size:18px; line-height:22px; font-weight:100}

.fv5 .hpcarebanner h3{font-size:28px; line-height:34px; margin:0 30px 5px 30px}
}
@media only screen and (max-width: 28.4375em) {
.fv5 .show-for-smaller{display:inline}
.fv5 .fTabs{height:40px}
.fv5 .fTabs a{margin:0 10px; padding:0 3px 7px 3px; display:block; width:80px; float:left}

.fv5 .hpcarebanner h3{font-size:26px; line-height:30px;}
}