@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;}
/*Hero banner */
.fv5 .herobanner.eb725{background:url(/wcsstore/hpusstore/Treatment/eb725_herobanner_1900x400.jpg) no-repeat top center; height:400px}
.fv5 .herobanner.eb820{background:url(/wcsstore/hpusstore/Treatment/eb820_herobanner_1900x400.jpg) no-repeat top center; height:400px}
.fv5 .herobanner.ebx21011{background:url(/wcsstore/hpusstore/Treatment/ebx21011_herobanner_1900x400.jpg) no-repeat top center; height:400px}
.fv5 .herobanner.cb11{background:url(/wcsstore/hpusstore/Treatment/cb11_herobanner_1900x400.jpg) no-repeat top center; background-size:cover; height:450px}
.fv5 .herobanner.cb14{background:url(/wcsstore/hpusstore/Treatment/cb14_herobanner_1900x400.jpg) no-repeat top center; background-size:cover; height:420px}
.fv5 .herobanner.eb1020{background:url(/wcsstore/hpusstore/Treatment/eb1020_herobanner_1900x400.jpg) no-repeat top center; background-size:cover;}
.fv5 .herobanner.hp250{background:url(/wcsstore/hpusstore/Treatment/hp250_herobanner_1900x400.jpg) no-repeat top center; height:400px}
.fv5 .herobanner.hp255{background:url(/wcsstore/hpusstore/Treatment/hp255_herobanner_1900x400.jpg) no-repeat top center; height:400px}

.fv5 .herobanner .heroText{margin:4% 0}
.fv5 .herobanner .heroText.dark h2, .fv5 .herobanner .heroText.dark h3, .fv5 .herobanner .heroText.dark p, .fv5 .herobanner .heroText.dark span{color:white}
.fv5 .herobanner .MDATagLine{ text-align:right; font-size:14px; font-weight:bold; margin-top:20px}
.fv5 .herobanner h2{font-size:24px!important; margin-bottom:15px}
.fv5 .herobanner h3{font-size:36px; margin-bottom:10px}
.fv5 .herobanner p{margin-bottom:15px; font-size:16px; color:black }

/*price css*/
.fv5 .pricing span{color:#5a5a5a; font-size:11px}
.fv5 .pricing strong{color:#d7410b; 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}

/*Button New css*/
.fv5 .btn-ms-Hero{background: #D7410B; display: inline-block; font-size:16px; font-weight:bold; padding:12px 20px; color:white; white-space:nowrap; border-radius: 0 5px 0 5px;-moz-border-radius: 0 5px 0 5px; -webkit-border-radius: 0 5px 0 5px;}
.fv5 .btn-ms-Hero:hover{background: #c1401a; text-decoration:none}
.fv5 .btn-ms-Hero.small{padding:15px 25px}
.fv5 .btn-ms-Hero.white{background: #fff; color:#1e9cd5; border:1px solid #e2e2e2}
.fv5 .btn-ms-Hero.white:hover{border-color:#ccc}

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


/*KSP banner*/
.fv5 .kspBanner.eb725{background:url(/wcsstore/hpusstore/Treatment/eb725_kspBg_1900x711.jpg) no-repeat top center; height:711px}
.fv5 .newSectionHeading.eb725 span{background:url(/wcsstore/hpusstore/Treatment/eb725_kspBg_1900x711.jpg) no-repeat center -74px;}

.fv5 .kspBanner.eb820{background:url(/wcsstore/hpusstore/Treatment/eb820_kspBg_1900x720.jpg) no-repeat top center; height:720px}
.fv5 .newSectionHeading.eb820 span{background:url(/wcsstore/hpusstore/Treatment/eb820_kspBg_1900x720.jpg) no-repeat center -74px;}

.fv5 .kspBanner.ebx21011{background:url(/wcsstore/hpusstore/Treatment/ebx21011_kspBg_1900x739.jpg) no-repeat top center; height:739px}
.fv5 .newSectionHeading.ebx21011 span{background:url(/wcsstore/hpusstore/Treatment/ebx21011_kspBg_1900x739.jpg) no-repeat center -74px;}

.fv5 .kspBanner.cb11{background:url(/wcsstore/hpusstore/Treatment/cb11_kspBg_1900x733.jpg) no-repeat top center; height:722px}
.fv5 .newSectionHeading.cb11 span{background:url(/wcsstore/hpusstore/Treatment/cb11_kspBg_1900x733.jpg) no-repeat center -54px;}

.fv5 .kspBanner.cb14{background:url(/wcsstore/hpusstore/Treatment/cb14_kspBg_1900x694.jpg) no-repeat center 40px; height:722px}
.fv5 .kspBanner.eb1020{background:url(/wcsstore/hpusstore/Treatment/eb1020_kspBg_1900x672.jpg) no-repeat center 40px; height:722px}
.fv5 .kspBanner.hp250{background:url(/wcsstore/hpusstore/Treatment/hp250_kspBg_1900x725.jpg) no-repeat center top; height:725px}
.fv5 .kspBanner.hp255{background:url(/wcsstore/hpusstore/Treatment/hp255_kspBg_1900x725.jpg) no-repeat center top; height:725px}

.fv5 .kspBanner .paddingkspBanner{padding-top:30px}
.fv5 .kspBanner .kspIcons{width:45%; float:right; display:block; clear:both}
.fv5 .kspBanner .kspIcons:first-child{margin-top:50px}
.fv5 .kspBanner .kspIcons:last-child{padding-bottom:30px}
.fv5 .kspBanner .kspIcons .items{ font-size:28px; font-weight:100; margin:10px 0; overflow:hidden; clear:both;}
.fv5 .kspBanner .kspIcons .items img{margin-right:15px;}

.fv5 .kspBanner.doubleline .kspIcons .items img{float:left}
.fv5 .kspBanner .kspIcons .items span{padding-top:15px!important; float:left; display:inline-block;}

.fv5 .kspCols .iconCont{height:120px;}
.fv5 .kspCols .iconCont img{vertical-align:bottom}
.fv5 .kspCols .column{margin-top:50px;}
.fv5 .kspListBg{background:url(/wcsstore/hpusstore/Treatment/hp250_kslistpBg_1900x277.jpg) no-repeat bottom center; padding-bottom:60px; margin:30px 0}


/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:36px}
.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 .newSectionHeading span sup{font-size:50%; position:relative; vertical-align:baseline; bottom:10px}
.fv5 .sectionHeadingPara{text-align:center; margin:0 5%}
.fv5 .singleProduct{width:75%}


/*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:url(/wcsstore/hpusstore/Treatment/smbIcons_leftArrow_20x37.png) no-repeat!important; left:0 }
.orbit-container .orbit-next{background:url(/wcsstore/hpusstore/Treatment/smbIcons_rightArrow_20x37.png) 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}

.fv5 .orbit-bullets.tumbImages{display:block!important;}


/*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) {
/*TABed KSP*/
.fv5 .ksp-tabs.eb725 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_eb725_444x148.png) no-repeat;}
.fv5 .ksp-tabs.eb820 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_eb820_444x148.png) no-repeat;}
.fv5 .ksp-tabs.ebx21011 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_ebx2101_555x148.png) no-repeat;}
.fv5 .ksp-tabs.cb11 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_cb11_444x148.png) no-repeat;}
.fv5 .ksp-tabs.eb1020 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_eb1020_555x148.png) no-repeat;}
.fv5 .ksp-tabs.hp255 .title-tabIcon{background:url(/wcsstore/hpusstore/Treatment/smbIconsSprite_hp255_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 .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 .kspBanner{background-position: -700px top!important; height:auto!important}
		
		.fv5 .kspBanner .kspIcons{width:65%;}
		.fv5 .newSectionHeading.ksp{border:none; height:auto}
		.fv5 .newSectionHeading.ksp.eb725 span{background:none}
		
		.fv5 .singleProduct{width:100%}
		
}

	 
/*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 .kspBanner{background-position: bottom right!important; padding-bottom:30px!important}	
.fv5 .kspBanner .kspIcons{width:85%; float:none; margin:0 auto;}
.fv5 .kspBanner .kspIcons .items{background:rgba(255,255,255,.8); font-size:22px}

.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 .kspCols .column{margin-top:30px; text-align:center}
.fv5 .kspCols .iconCont{ margin:auto}

.fv5 .featuredTextCont{margin-bottom:60%; background:rgba(255,255,255,.7); padding:5%;}
.fv5 .intelLogo43x58{ margin-top:20%;}
.fv5 .unxDesign{background-position:top right; height:auto; margin:30px 0}
.fv5 .unxDesign .newSectionHeading{border:none}
.fv5 .unxDesign .newSectionHeading span{background:none;}
.fv5 .unxDesign .unxFeatures{margin:30px auto; width:80%; text-align:left} 
.fv5 .unxDesign .unxFeatures img, .fv5 .unxDesign .unxFeatures h4{ float:none} 
.fv5 .futureofgaming .row{margin-top:0;}
.fv5 .futureofgaming .row .column{margin-bottom:40px;}
.fv5 .changeTheGame{background-size:25%}
}
/*below small*/
@media only screen and (max-width: 40.063em) {

.fv5 .changeTheGame{background:none}
.fv5 .changeTheGame .row{margin:0}
.fv5 .changeTheGame .row .column{clear:both!important; width:100%!important; margin-top:30px; text-align:center}
.fv5 .newSectionHeading{border:none; height:auto!important}
.fv5 .newSectionHeading span {background-color:transparent; padding:0}
.fv5 .show-for-smaller{display:inline;}
	
	 }
	 

@media only screen and (max-width: 30em) {
.hide-for-tiny{display:none}
.show-for-tiny{display:inline!important}
}