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

.fv5 .powerforHours{max-width:80%; margin-bottom:5%}
.fv5 .powerforHours h3{text-align:right; padding-right:25px; padding-top:25px}
.fv5 .powerforHours p{border-left:1px solid #ccc; padding-left:10%}
.fv5 .mdp_crossSell{background-color:#f5f5f5; padding:3% 0}
.fv5 .mdp_crossSell h3{font-size:36px; text-align:center; margin-top:0}
.fv5 .mdp_crossSell .crossProdImg{border-radius:225px; margin-bottom:25px; max-width:225px;}
.fv5 .mdp_crossSell h5{font-size:16px; font-weight:400;}
.fv5 .herobanner h2{font-weight:100}


/*Button New css*/
.fv5 .btn-ms-Hero-new{background: #D7410B; display: inline-block; font-size:18px; font-weight:100; padding:15px 23px; color:white; white-space:nowrap;}
.fv5 .btn-ms-Hero-new:hover{background: #c1401a; text-decoration:none}
.fv5 .herobanner.specp360{background:url(/wcsstore/hpusstore/Treatment/specp360_herobanner_1917x622.jpg) no-repeat top center; height:622px;}
.fv5 .herobanner.specp360 .heroText{margin-top:9%;}
.fv5 .herobanner.geared-hinge{background:url(/wcsstore/hpusstore/Treatment/specp360_ultraSlim_1920x368.jpg) no-repeat top center; height:450px;}
.fv5 .herobanner.specp360_win{background:url(/wcsstore/hpusstore/Treatment/specp360_win10Banner_1920x450.jpg) no-repeat top center; height:450px;}

.fv5 .callOutsection.specp360{background:url(/wcsstore/hpusstore/Treatment/specp360_callout1_1920x788.jpg) no-repeat center 100px; height:1050px}
.fv5 .callOutsection.pegx360_b2{background:url(/wcsstore/hpusstore/Treatment/pegx360_callout2_1920x743.jpg) no-repeat center top; height:743px}
.fv5 .newSectionHeading.pegx360_b2 span{background:url(/wcsstore/hpusstore/Treatment/pegx360_callout2_1920x743.jpg) no-repeat center -50px;}

.fv5 .dark .newSectionHeading {border-bottom:1px solid #fff; color:#fff}
.fv5 .whiteTextforBanner *{color:white!important}

/*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) {
/*TABed KSP*/
.fv5 .ksp-tabs.specp360 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/specp360_TabSprite_444x148.png) no-repeat;}


.fv5 .ksp-tabs .title-tabIcon{height:74px; width:111px; display:block; margin:20px auto 0 auto;}
.fv5 .ksp-tabs .title-tabIcon.icon1{background-position: 0 top !important;}
.fv5 .ksp-tabs .active .title-tabIcon.icon1{background-position: 0 bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon2{background-position: -111px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon2{background-position: -111px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon3{background-position: -222px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon3{background-position: -222px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon4{background-position: -333px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon4{background-position: -333px bottom !important;} 
.fv5 .ksp-tabs .title-tabIcon.icon5{background-position: -444px top !important;} 
.fv5 .ksp-tabs .active .title-tabIcon.icon5{background-position: -444px bottom !important;} 

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

.fv5 .slimOrbit{clear:both; position:relative}
.fv5 .slimOrbit .slim_img1{background:url(/wcsstore/hpusstore/Treatment/specp360_slimOrbit_img1.jpg) no-repeat top center; height:1025px;}
.fv5 .slimOrbit .slim_img2{background:url(/wcsstore/hpusstore/Treatment/specp360_slimOrbit_img2.jpg) no-repeat top center; height:1025px;}
.fv5 .slimOrbit .slim_img3{background:url(/wcsstore/hpusstore/Treatment/specp360_slimOrbit_img3.jpg) no-repeat top center; height:1025px;}
.fv5 .slimOrbit .slim_img4{background:url(/wcsstore/hpusstore/Treatment/specp360_slimOrbit_img4.jpg) no-repeat top center; height:1025px;}
.fv5 .slimOrbit .slim_Text{position:absolute; bottom:100px; width:100%; text-align:center}
.fv5 .slimOrbit .slim_Text *{color:white; margin:0}
.fv5 .slimOrbit .orbit-bullets{width:150px; text-align:center; top:-4.5em}
.fv5 .slimOrbit .orbit-bullets li{width:25px; height:25px; cursor:pointer}





.fv5 .elitex2_security{background:url(/wcsstore/hpusstore/Treatment/elitex2_kspBanner4_1000x443.jpg) no-repeat center bottom; padding-bottom:350px}
.fv5 .floatingBox{position:absolute; top:15%; left:5%; width:350px}
.fv5 .calloutOrbit{width:80%; margin:auto}
.fv5 .calloutOrbit h4{line-height:32px}
.fv5 .calloutOrbitText{margin-top:4%; padding-left:20px;}

.fv5 .calloutBullets {width:40%; top:0; margin:30px auto 0 auto}
.fv5 .calloutBullets li{float:left; padding:10px; margin:0 5px; cursor:pointer; background-color:#eee; width:30px; height:30px; border-radius:30px }
.fv5 .calloutBullets li.active{background-color:#0096d6}
.fv5 .calloutOrbit img{float:right; border-right:1px solid #ccc; padding-right:15px}

.fv5 .calloutBulletsTop li.callbtn{cursor:pointer; background-color:#eee; width:36px; height:36px; border-radius:36px; position:absolute}
.fv5 .calloutBulletsTop li.callbtn.active{background-color:transparent; background:url(/wcsstore/hpusstore/Treatment/elitex2_calloutBullet_active.png) no-repeat 0 0; width:36px; height:36px}
@media only screen and (max-width: 64em) {
	.fv5 .newSectionHeading.pegx360_b2 span{background:#454748}
	.fv5 .newSectionHeading.dark {color:#000}
	.fv5 .callOutsection.dark{background:#454748; height:auto!important}
}
@media only screen and (max-width: 50em) {
	.fv5 .elitex2_security{background-size:contain; padding-bottom:30%}
	.fv5 .floatingBox{background:rgba(255,255,255,.8); padding:20px; top:5%; }
	.fv5 .floatingBox h3{font-size:28px!important}
	.fv5 .calloutBullets li{width:15px; height:15px; border-radius:15px; margin:0 5px}
	
}
@media only screen and (max-width: 40em) {
	.fv5 .calloutBullets {width:50%;}
	.fv5 .calloutOrbitText{margin-top:0; padding-left:0; border-left:none; text-align:center}
	.fv5 .calloutOrbit img{float:none; border:none; margin:auto}
	
		.fv5 .herobanner.specp360 .heroText h3{font-size:32px}
		.fv5 .herobanner.specp360 .heroText h2{font-size:20px}
		.fv5 .sectionHeading{font-size:32px!important}
		.fv5 .powerforHours h3{text-align:center; padding-top:0}
		.fv5 .powerforHours p{border:none; padding-left:0; text-align:center}
		.fv5 .slimOrbit .height600{height:600px!important}
	
}
@media only screen and (max-width: 30em) {
	.fv5 .calloutBullets {width:80%;}
}
@media only screen and (max-width: 1000px) {
.show-for-1000{display:none}
.fv5 .entCallouts .prodImg.specp360{background:url(/wcsstore/hpusstore/Treatment/specp360_callout1_small_1004x387.jpg) no-repeat center center;}
.fv5 .entCallouts .prodImg.pegx360_b2{background:url(/wcsstore/hpusstore/Treatment/pegx360_callout2_1920x743.jpg) no-repeat center center;}
}