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


/*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:2px; 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:2px; left:2px; right:2px; bottom:2px;}
.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:2px; left:2px; right:2px; bottom:2px;}
.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:1px solid #0096d6;}

.fv5 .reveal-modal.fullbleed{padding:20px; left:0; margin-left:0; width:100%; transition: none; box-shadow:none; -webkit-box-shadow:none}


.fv5 .galleryPadding{padding:3% 0; position:relative}
/*.fv5 .galleryWindow{position:absolute; top:0; background:white; border:1px solid #ccc; z-index:999; padding:20px}*/

.fv5 .Spectrex360-callout{background:url(/wcsstore/hpusstore/Treatment/spectre360-callout_1920x668.jpg) no-repeat center 40px; height:950px}

/*HeroBanner - 24-9-15*/
			.fv5 .Spectre360MDPHeroBanner{background:url(/wcsstore/hpusstore/Treatment/ms-spectre360-heroBanner_1920x321.jpg) no-repeat center 0; height:619px;}
			.fv5 .BatteryLifeKeepGoing.HeightVaryforMDP{height:900px !important;}
			.fv5 .Spectrex360-calloutSecond{background:url(/wcsstore/hpusstore/Treatment/ms-spectre360-callout2_1920x777.jpg) no-repeat center 40px; height:970px}
			.fv5 .StunningStylefromManyAngleMDP{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619_v2.jpg) no-repeat center 0; height:619px; padding-top:30px;}
			.fv5 .StunningStylefromManyAngleMDP .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619_v2.jpg) no-repeat center -20px;}
			

/*EntCallouts*/
.fv5 .newSectionHeading{max-width:1000px}
.fv5 .envyx360-callout{background:url(/wcsstore/hpusstore/Treatment/spectre360-callout_1920x668.jpg) no-repeat center 40px; height:980px}
.fv5 .entCallouts{position:absolute; width:315px}
.fv5 .entCallouts h4{font-size:32px; line-height:32px; font-weight:100}
.fv5 .entCallouts h5{font-size:24px; line-height:24px; font-weight:100}
.fv5 .entCallouts p{color:#787779; width:300px; margin:0;}
.fv5 .entCallouts img{width:100px; border-radius:250px; border:2px solid #EEE; margin:0 10px 0 10px; display:none;}

/*BatteryLifeKeepGoing*/
.fv5 .BatteryLifeKeepGoing{background:url(/wcsstore/hpusstore/Treatment/spectre360-callout2_1920x734.jpg) no-repeat center 10px; height:1100px;}
.fv5 .RightContentBattery{border-left:1px solid #CCC; padding-left:50px; line-height:20px; color:#767676;}
.fv5 .callout2 h3{border-right: 1px solid #ccc; font-size: 32px; line-height: 36px; padding: 20px 40px 20px 0; text-align: right;}
.fv5 .callout2 .rigthContent{color: #767676; font-size: 16px; line-height: 22px; padding-left: 40px; margin-top:20px;}

/*StunningStylefromManyAngle*/
.fv5 .StunningStylefromManyAngle{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619.jpg) no-repeat center 0; height:619px; padding-top:30px;}
.fv5 .StunningStylefromManyAngle_2{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619_L0Q51UA.jpg) no-repeat center 0; height:619px; padding-top:30px;}
.fv5 .StunningStylefromManyAngle .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619.jpg) no-repeat center -20px;}
.fv5 .StunningStylefromManyAngle_2 .newSectionHeading span{background:url(/wcsstore/hpusstore/Treatment/spectre360-StunningStyle_1920x619.jpg) no-repeat center -20px;}
.fv5 .marginCenter{max-width:1000px; padding-top:50px; width:100%;}

/*ElevateYourWork*/
.fv5 .ElevateYourWork{background:url(/wcsstore/hpusstore/Treatment/spectre360-ElevateYourWork_1920x745_1.jpg) no-repeat center 0; height:745px; position:relative; padding:40px 0;}
.fv5 .ElevateYourWork .newSectionHeadingWhite span{background:url(/wcsstore/hpusstore/Treatment/spectre360-ElevateYourWork_1920x745_1.jpg) no-repeat center -55px; color:#FFF; font-size:32px; font-weight:100; padding:0 20px;}

/*AdditionalFeatures*/
.fv5 .AdditionalFeaturesPadding{padding-top:30px;}
.fv5 .AdditionalFeaturesPadding img{margin:10px 30px 50px 0; float:left;}
.fv5 .AdditionalFeaturesPadding div{padding-bottom:25px;}

/*hpcApps*/
.fv5 .hpcApps{background: #0096d6 none repeat scroll 0 0; color: #fff; margin: 0 auto; max-width: 1920px; padding: 20px 0 60px;}
.fv5 .newSectionHeadingWhite span{ background:#0096d6; font-size:32px; font-weight:100; padding:0 20px;}
.fv5 .hpcApps{background:#0096d6; padding:20px 0 60px 0; color:#FFF; max-width:1920px; margin:0 auto}
.fv5 .hpcApps *{color:#fff}
.fv5 .hpcApps .watch{ font-size:24px; background:url(/wcsstore/hpusstore/Treatment/icon_play_31x30.png) no-repeat right 13px; padding:10px 40px 10px 0; font-weight:100}
.fv5 .hpcApps .download{ font-size:20px; text-decoration:underline; font-weight:100}

.fv5 .ConnectSourceDiv{padding:20px 0 40px;}
.fv5 .ConnectSourceDiv div{text-align:center;}
.fv5 .ConnectSourceDiv div img{padding:20px 0;}

/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .centerText{ text-align:center}
.fv5 .bodyContent{margin:0 auto; max-width:1000px; position:relative}
.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000; height:34px; line-height:40px;}
.fv5 .newSectionHeadingWhite {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #fff; height:34px; line-height:40px;}
.fv5 .newSectionHeading span {font-size: 32px; line-height: 36px; 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%}

.fv5 .newSectionHeading{max-width:1000px;}
.fv5 .newSectionHeadingWhite{max-width:1000px;}

.fv5 .bodyContent.paddingtop{padding-top:700px;}

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


/*Value Prop css*/
.oneplace > a:link, .oneplace a {color: #0096d6;font-size: 0.875em;font-family: "HPSimplified",arial;text-decoration: none;}
#valueproppage{z-index: 9999!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;}

/*TaBed KSP common css*/
.fv5 .ksp-tabs a:hover{ text-decoration:none}
.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title, .fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{transition:none}
.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a, .fv5 .section-container.auto > .section > .title a{font-size:1em}
.fv5 .ksp-tabs{margin:30px 0!important;}
.fv5 .ksp-tabs .content{margin:0; padding:25px 0!important; border-top:1px solid #c1c1c1; border-bottom:none!important;  border-left:none!important;  border-right:none!important;}
.fv5 .ksp-tabs .content h4{color:#000!important; font-size:26px!important; line-height:30px; padding:50px; padding-bottom:0}
.fv5 .ksp-tabs .content p{font-size:16px!important; padding:50px; padding-top:0}

@media only screen and (min-width: 50em) {

.fv5 .newSectionHeading span {font-size: 32px; line-height: 36px; font-weight: 100; background-color: #fff; padding: 0 20px;}

.fv5 .section-container.auto > section > .title:first-child{margin-left:17%}

.fv5 .section-container.auto > section > .title, .fv5 .section-container.auto > .section > .title{border:4px solid #fff!important; border-bottom:none!important; background:url(/wcsstore/hpusstore/Treatment/smb_tabs-active-noarrow_200x24.jpg) no-repeat center bottom #eaeaea!important; width:163px; height:164px; padding:0!important; text-align:center;  transition:none}
.fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{background:url(/wcsstore/hpusstore/Treatment/smb_tabs-active-arrow_200x24.jpg) no-repeat center bottom #0098d7!important; color:#fff!important; transition:none}
.fv5 .section-container > section > .title a, .fv5 .section-container > .section > .title a, .fv5 .section-container.auto > section > .title a, .fv5 .section-container.auto > .section > .title a{width:120px!important; color:#8f9092; padding-top:0;}
.fv5 .section-container > section.active > .title a, .fv5 .section-container > .section.active > .title a, .fv5 .section-container.auto > section.active > .title a, .fv5 .section-container.auto > .section.active > .title a{color:#fff;}
.fv5 .section-container.auto > section .content, .fv5 .section-container.auto > .section .content{top:-1px}
}

/*Exact medium*/
@media only screen and (max-width: 64em) {
.fv5 .entCallouts{position:static; width:50%; margin:20px auto; float:left}
.fv5 .envyx360-callout{background:none; margin:20px 40px; height:auto}	
.fv5 .entCallouts img{width:100px; border-radius:250px; border:2px solid #EEE; display:block;}
.fv5 .entCallouts p{color:#787779; width:auto; margin:0;}
.fv5 .envyx360-callout{padding-top:20px;}
.fv5 .marginCenter{padding-top:20px;}

.fv5 .ElevateYourWork{height:360px;}
.fv5 .ElevateSpacingentCallouts{padding:0 6%;}

		.fv5 .BatteryLifeKeepGoing.HeightVaryforMDP{height:auto !important;}
		.fv5 .Spectrex360-calloutSecond .entCallouts{width:90%; margin:2%; padding:4%; background:rgba(250, 250, 250,.8);}
		.fv5 .Spectrex360-calloutSecond{height:auto; margin-bottom:20px; background:none;}
}

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

.fv5 .section-container > section.active > .title, .fv5 .section-container > .section.active > .title, .fv5 .section-container.auto > section.active > .title, .fv5 .section-container.auto > .section.active > .title{background: #0096d6; font-size:16px!important}
.fv5 .section-container > section.active > .title a, .fv5 .section-container > .section.active > .title a, .fv5 .section-container.auto > section.active > .title a, .fv5 .section-container.auto > .section.active > .title a{ color:white!important; transition:none}

.fv5 .tumbImages li{padding:20px 0; margin:0 10px}

.fv5 .entCallouts p{width:auto;}

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

.fv5 .entCallouts{position:static; width:100%; margin:10px auto; float:left; background:#EFEFEF; border-radius:10px; padding:20px}
.fv5 .entCallouts.ElevateSpacingentCallouts{position:static; width:95%; margin:2%; float:left; background:rgba(82, 82, 82, 0.8) none repeat scroll 0 0 !important; border-radius:none; padding:5%}
.fv5 .envyx360-callout{padding-top:0;}
.fv5 .callout2 h3{font-size:22px; line-height:26px;}
.fv5 .callout2 .rigthContent{padding-left:5px;}
.fv5 .marginCenter{padding-top:0;}
.fv5 .StunningStylefromManyAngle{padding-top:10px;}
.fv5 .StunningStylefromManyAngle_2{padding-top:10px;}
.fv5 .PaddingTop20ForSmall{padding-top:15px;}
.fv5 .newSectionHeadingWhite{border-bottom:none;}
.fv5 .ElevateYourWork{height:auto; display:table;}
.fv5 .ElevateYourWork .newSectionHeadingWhite span{background:none;}
.fv5 .bodyContent.paddingtop{padding-top:20px;}
.fv5 .bodyContent.paddingtop .callout2{width: 90%; margin:0 5%; padding-bottom:20px; background: rgba(250, 250, 250, 0.9) none repeat scroll 0px 0px;}
.fv5 .BatteryLifeKeepGoing{background:url(/wcsstore/hpusstore/Treatment/spectre360-callout2_1920x734.jpg) no-repeat center 10px; height:auto; padding-bottom:30px;}
.fv5 .marginCenter div{background:rgba(250, 250, 250, 0.9); padding:4%;}

/*24-9-15*/
		.fv5 .Spectre360MDPHeroBanner{height:auto; padding-bottom:20px;}
		.fv5 .StunningStylefromManyAngleMDP{padding-top:10px;}
}
	 

@media only screen and (max-width: 30em) {
.hide-for-tiny{display:none}
.show-for-tiny{display:inline!important}
.fv5 .StunningStylefromManyAngle{padding:15px 0 30px; margin-top:10px;}
.fv5 .StunningStylefromManyAngle_2{padding:15px 0 30px; margin-top:10px;}
.fv5 .AdditionalFeaturesPadding img{float:none; margin:0;}

/*24-9-15*/
	.fv5 .StunningStylefromManyAngleMDP{padding:15px 0 30px; margin-top:10px;}
}