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

.fv5 .elitex2_security{background:url(/wcsstore/hpusstore/Treatment/elitex2_kspBanner4_1000x443.jpg) no-repeat center bottom; padding-bottom:350px}
.fv5 .floatingBox{position:absolute; top:10%; left:0; width:360px}
.fv5 .floatingBox h3{font-size:26px;}
.fv5 .calloutOrbit{width:84%; 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}

.fv5 .herobanner.elitex2_new{background:url(/wcsstore/hpusstore/Treatment/HP_Elite_x2_MDP_herobanner_1920x625_New.jpg) no-repeat top center; height:625px;}
.fv5 .btn-ms-Hero_border{background: none; color:#9b8e55; display: inline-block; font-size:16px; font-weight:nomal; padding:12px 20px;  white-space:nowrap; border:1px solid #9b8e55;}
.fv5 .btn-ms-Hero_border:hover{background:none; text-decoration:none !important; border:1px solid #c4b780; color:#c4b780;}
.fv5 .btn-ms-Hero_Whiteborder{background: none; color:#fff; display: inline-block; font-size:16px; font-weight:nomal; padding:15px 35px;  white-space:nowrap; border:1px solid #fff; border-radius:3px;}
.fv5 .btn-ms-Hero_Whiteborder:hover{background:none; text-decoration:none !important; border:1px solid #f3f3f3; color:#f3f3f3;}

.fv5 .textNewColor{color:#9b8e55 !important;}
.fv5 .elitex2_security_new{background:url(/wcsstore/hpusstore/Treatment/elitex2_kspBanner4_1000x443_new.jpg) no-repeat center bottom; padding-bottom:350px}

.fv5 .kspBanner.elitex2_b1_new{background:url(/wcsstore/hpusstore/Treatment/HP_Elite_x2_MDP_module4-background_1920x900.jpg) no-repeat top center; height:900px}
.fv5 .kspBanner .newSectionHeading.elitex2_b1_new span{background:url(/wcsstore/hpusstore/Treatment/HP_Elite_x2_MDP_module4-background_1920x900.jpg) no-repeat center -75px;}
.fv5 .kspBanner.elitex2_b2_new{background:url(/wcsstore/hpusstore/Treatment/elitex2_kspBanner3_1920x599_new.jpg) no-repeat top center; height:662px; margin-top:15px}
.fv5 .kspBanner.elitex2_b2_new .kspIcons{width:55%; display:block; clear:both}

/*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{font-size:30px!important; line-height:30px; padding:35px 0 0;}
.fv5 .ksp-tabs .content p{font-size:16px!important; padding:0; padding-top:0}

/*KSP BG images*/
.fv5 .KSPTabBG1{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_BusinessBG.jpg); background-position:center 5px; background-repeat:no-repeat; height:800px;}
.fv5 .KSPTabBG2{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_HealthcareBG.jpg); background-position:center 5px; background-repeat:no-repeat; height:800px;}
.fv5 .KSPTabBG3{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_RetailBG.jpg); background-position:center 5px; background-repeat:no-repeat; height:800px;}
.fv5 .KSPTabBG4{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_EducationBG.jpg); background-position:center 5px; background-repeat:no-repeat; height:800px;}
.fv5 .KSPTabBG1 .newSectionHeading span{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_BusinessBG.jpg); background-position:center -36px;}
.fv5 .KSPTabBG2 .newSectionHeading span{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_HealthcareBG.jpg); background-position:center -36px;}
.fv5 .KSPTabBG3 .newSectionHeading span{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_RetailBG.jpg); background-position:center -36px;}
.fv5 .KSPTabBG4 .newSectionHeading span{background-image:url(/wcsstore/hpusstore/Treatment/elitex2_Tab_EducationBG.jpg); background-position:center -36px;}
.fv5 .KSPTabBG1 .newSectionHeading{border-bottom:1px solid #FFF;}
.fv5 .KSPTabBG2 .newSectionHeading{border-bottom:1px solid #FFF;}
.fv5 .KSPTabBG3 .newSectionHeading{border-bottom:1px solid #FFF;}
.fv5 .KSPTabBG4 .newSectionHeading{border-bottom:1px solid #FFF;}

/*You might interested new starts*/
.fv5 .MightIntrstMain{background-color:#efefef;}
.fv5 .MightIntrstMain .newSectionHeading span{background-color:#efefef;}
.fv5 .MightIntrstMain h3{min-height:55px; font-size:28px; font-weight:100;}
.fv5 .MightIntrstMain p{font-size:18px; font-weight:100; line-height:22px;}
.fv5 .MightIntrstMain .Mightinterestbtn{padding:12px 35px; color:#0096d6; border:1px solid #0096d6; border-radius:3px; display:inline-block;}
.fv5 .MightIntrstMain .Mightinterestbtn:hover{color:#006490; border:1px solid #006490; text-decoration:none;}

@media only screen and (min-width: 50em) {
/*TABed KSP*/
.fv5 .ksp-tabs.Elitex2_tab .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/Elitex2_smbIconsSprite_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:29%}

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

@media only screen and (max-width: 50em) {
	.fv5 .elitex2_security{background-size:contain; padding-bottom:30%}
	.fv5 .floatingBox{background:rgba(255,255,255,0.7); padding:20px; top:5%; }
	.fv5 .floatingBox h3{font-size:26px!important}
	.fv5 .calloutBullets li{width:15px; height:15px; border-radius:15px; margin:0 5px}
	
	.fv5 .herobanner.elitex2_new .heroText{margin:5% 0; background:rgba(25,25,25,.8); padding:5%;}
	.fv5 .elitex2_security_new{background-size:contain; padding-bottom:30%;}
	.fv5 .KSPTabBG1, .fv5 .KSPTabBG2, .fv5 .KSPTabBG3, .fv5 .KSPTabBG4{height:auto; background-size:cover;}
	 .fv5 .KSPTabBG1 .newSectionHeading span{background-image:none; background:none;}
	 .fv5 .KSPTabBG2 .newSectionHeading span{background-image:none; background:none;}
	  .fv5 .KSPTabBG3 .newSectionHeading span{background-image:none; background:none;}
	   .fv5 .KSPTabBG4 .newSectionHeading span{background-image:none; background:none;}
	 .fv5 .KSPTabBG1 .newSectionHeading, .fv5 .KSPTabBG2 .newSectionHeading, .fv5 .KSPTabBG3 .newSectionHeading, .fv5 .KSPTabBG4 .newSectionHeading{border:0;}
	 .fv5 .KSPTabBG1 .small-8{background:rgba(55,55,55,0.5); padding:20px;}
	 .fv5 .KSPTabBG2 .small-8{background:rgba(55,55,55,0.5); padding:20px;}
	 .fv5 .KSPTabBG3 .small-8{background:rgba(55,55,55,0.5); padding:20px;}
	 .fv5 .KSPTabBG4 .small-8{background:rgba(55,55,55,0.5); padding:20px;}
}
@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}
}
@media only screen and (max-width: 30em) {
	.fv5 .calloutBullets {width:80%;}
}
@media only screen and (max-width: 1000px) {
.show-for-1000{display:none}
}