/*Mobile Width Issue fix*/
.disclaimer_section .columns{padding:0}
.disclaimer_section .row{margin:0}

/* Start style OR*/
.l1-variation .orbit-container .orbit-prev, .l1-variation .orbit-container .orbit-next { background-color: transparent !important; height: 50px !important;}
.l1-variation .orbit-container .orbit-prev > span { border-color: transparent !important; margin-left: 0px !important; display:none;}
.l1-variation .orbit-container .orbit-next > span { border-color: transparent !important; margin-left: 0px !important; display:none;}
.fnd5 .orbit-container .orbit-slides-container img { max-width: 100% !important;}
.fnd5 .orbit-container .orbit-prev{left:1%;}
.fnd5 .orbit-container .orbit-next{right:1%;}
#hero_responsive {width: 100% !important; margin-left: 0 !important;}
#hero_responsive .orbit-prev{left:1%;}
#hero_responsive .orbit-next{right:1%;}
#hero_responsive .orbit-bullets, .touch .orbit-bullets { display: block;}
#hero_responsive ul.orbit-slides-container {height: auto !important;}
/* End style OR*/

.heroBannerHome{overflow:hidden}
.heroBannerHome .nHero_img{height:600px;}

.nHeroBannerCta {-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;}
.heroBannerHome img.nHeroImageSmall{display:none !important; object-fit: cover; width:100%; height:auto;}
.heroBannerHome img.nHeroImageBig{display:block !important; object-fit: cover; width:100%; height:100%}
.heroBannerHome .nHero_img:after{content:""; width:100%; height:70px; overflow:hidden; clear:both; display:block; background:url(https://store.hp.com/wcsstore/hpusstore/Treatment/lp/homeBanner/nHeroBanner_shadow.png) repeat-x bottom left; position:absolute; bottom:0}
.heroBannerHome .nHero_Text{position:absolute; width:90%; max-width:inherit;height:100%;left:0;right:0;margin:auto;overflow: hidden;}
.heroBannerHome .showInDesk{display:block;}
.heroBannerHome .showInMob{display:none;}
.heroBannerHome .nHeroBannerCta.showInDesk{display:inline-block;}
.heroBannerHome .nHero_Text .textContHome {float:left;position:relative;width:50%;display:table;padding:20px;height:100%;}
.heroBannerHome .nHero_Text .textContHome.nLeft{float:left;}
.heroBannerHome .nHero_Text .textContHome.nRight{float:right;}
.heroBannerHome .nHero_Text .textContHome.nCenter{margin:0 auto; text-align:center; width:75%;float:none;}
.heroBannerHome .nHero_Text .textContHomeInner {position: relative;width:100%;height:90%;vertical-align: middle;display:table-cell;}
.heroBannerHome .nHero_Text .textContHomeInner h1{font-size:52px; line-height:58px; margin-bottom:15px; font-weight:100;}
.heroBannerHome .nHero_Text .textContHomeInner h2{font-size:24px; line-height:32px; margin-bottom:15px; font-weight:100;}
.heroBannerHome .nHero_Text .textContHomeInner p{font-size:16px; line-height:26px; font-weight:100;}
.heroBannerHome .nHero_Text .textContHomeInner p.nDisclaimer{font-size:12px}
.heroBannerHome .nHero_Text .textContHome img.icons{margin: 15px 0;display: inline-block;}

.heroBannerHome .hidetextformobile{display: block;}
.heroBannerHome .showtextformobile{display: none;}

/*CTA style*/
.nHeroBannerCta{display:inline-block; padding:10px; font-weight:400; border:1px solid #0096d6; background-color:#0096D6; margin:5px 5px 5px 0; font-size:18px; text-transform: none; border-radius:3px; min-width:200px; text-align:center;}
.nHeroBannerCta:hover{text-decoration:none; background-color:#ffffff; color:#0096d6; }

/*orbit style*/
.orbit-bullets{width:auto; max-width:1000px; text-align:center; top:-2em}
.orbit-bullets li, .fnd5 .orbit-bullets li{width:30px; height:3px; border:none; background-color:#f4f4f4; margin:5px; cursor:pointer; float:none; display:inline-block;}
.orbit-bullets li.active{margin:5px; background-color:#0096db; cursor:default; }
.orbit-container .orbit-next{background:url(https://store.hp.com/wcsstore/hpusstore/Treatment/lp/homeBanner/XtCbcRyfo.png) no-repeat right bottom!important; right:1%;}
.orbit-container .orbit-prev{background:url(https://store.hp.com/wcsstore/hpusstore/Treatment/lp/homeBanner/XtCbcRyfo.png) no-repeat left bottom!important; left:1%;}
.orbit-container .orbit-next:hover{background-position:top right!important;}
.orbit-container .orbit-prev:hover{background-position:top left!important;}
.orbit-container .orbit-prev, .orbit-container .orbit-next{height:50px!important; width:50px!important; background-color:transparent!important; opacity:0}
.orbit-container:hover .orbit-prev, .orbit-container:hover .orbit-next{opacity:1}
.orbit-bullets{visibility:visible; top:-40px}
.orbit-container .orbit-slides-container > *{height:auto}

.reveal-modal.fullbleed{padding:20px 0 0 0;left:0;margin-left:0;width:100%;transition:none;box-shadow:none;-webkit-box-shadow:none;z-index:999999;top:50px;}
.reveal-modal-bg{z-index:9!important}
.reveal-modal{padding-bottom:30px}
.reveal-modal .close-reveal-modal{top:4px; right:2px;}
.reveal-modal .close-reveal-modal img{width:75%}
.reveal-modal-bg{z-index:99!important}
.reveal-modal{z-index:999!important}


@media only screen and (max-width:1250px) {
	.heroBannerHome .nHero_Text .textContHome h1{font-size:42px; line-height:48px;}
	.heroBannerHome .nHero_Text .textContHome h2{font-size:22px; line-height:28px;}
	#hero_responsive ul.orbit-slides-container {height: auto !important;}
}

@media only screen and (max-width:960px) {
	.heroBannerHome .nHero_img{height:450px;}
	.heroBannerHome .nHero_img{background-size:cover !important}
	.heroBannerHome .nHero_Text .textContHome.nCenter{width:100%}	
	.heroBannerHome .nHero_Text .textContHome h1{font-size:42px; margin-bottom:10px; line-height:48px; text-shadow: none !important; font-weight: 100;}
	.heroBannerHome .nHero_Text .textContHome h2{font-size:20px; margin-bottom:10px; line-height:26px; text-shadow: none !important; font-weight: 100;}

	.orbit-container .orbit-prev, .orbit-container .orbit-next{display:none !important}
}

@media only screen and (max-width: 660px) {
	.heroBannerHome .showInDesk{display: none !important;}
	.heroBannerHome .showInMob{display: block;}
	.heroBannerHome .nHeroBannerCta.showInMob{display:inline-block;}
	.heroBannerHome .nHero_Text {background-color:rgba(0,0,0,.3); padding-bottom:40px;}
	.heroBannerHome .nHero_Text .textContHome h1,.heroBannerHome .nHero_Text .textContHome h2,.heroBannerHome .nHero_Text .textContHome p,.heroBannerHome .nHero_Text .textContHome strong{color:#fff !important;}
	.heroBannerHome .nHero_img:after{display: none;}
	.heroBannerHome .nHero_Text .textContHome{width:100% !important; padding: 5%; text-align:center;}
	.heroBannerHome .nHero_Text .textContHomeInner{top:0 !important; bottom:0 !important; left:0 !important; right:0 !important;}	
	.heroBannerHome .nHero_Text .textContHome h1{color:#000 !important; font-size:30px !important; line-height:34px !important; margin-top:0 !important; margin-left:0 !important; margin-right:0 !important;	margin-bottom:10px !important; padding-top:0 !important; padding-bottom:0 !important; padding-right:0 !important;padding-left:0 !important;}
	.heroBannerHome .nHero_Text .textContHome h2{color:#000 !important; font-size:18px !important; line-height:22px !important; margin-top:0 !important; margin-left:0 !important; margin-right:0 !important; margin-bottom:10px !important; padding-top:0 !important; padding-bottom:0 !important; padding-right:0 !important; padding-left:0 !important;}
	.heroBannerHome .nHero_Text .textContHome p{color:#000 !important;margin-top:0 !important;margin-left:0 !important;margin-right:0 !important;	margin-bottom:0px !important; padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;}	
	.heroBannerHome .nHero_Text .textContHome strong{color:#000!important; }
	.heroBannerHome .nHero_Text .textContHome h2 span{display:none;}

	.nHeroBannerCta.cta1,.nHeroBannerCta.cta2,.nHeroBannerCta.cta3{border:1px solid #0096D6 !important; background-color:#0096D6 !important ;color:#ffffff !important; padding-top:7px !important; padding-bottom:7px !important; padding-right: 0px !important; padding-left: 0px !important; margin-top: 5px !important; margin-bottom: 5px !important; margin-left: 5px !important; margin-right: 5px !important;}
	.nHeroBannerCta.cta1:hover,.nHeroBannerCta.cta2:hover,.nHeroBannerCta.cta3:hover{background-color:#ffffff !important; color:#0096D6!important;}


	.fnd5 .orbit-bullets, .orbit-bullets{top:-10px}	
	#hero_responsive .orbit-bullets, .touch .orbit-bullets {margin-bottom:26px !important;}

	.heroBannerHome .nHero_Text{background-color:transparent; padding-bottom:0; height:auto; position:relative; width:100%;}
	.heroBannerHome .nHero_Text .textContHome p{display: none;}
	.heroBannerHome img.nHeroImageSmall{display:block !important}
	.heroBannerHome img.nHeroImageBig{display:none !important}
	.heroBannerHome .nHero_img{height:auto; background:none!important}
	.nHerohideforsmall{display:none}
	.orbit-bullets li, .fnd5 .orbit-bullets li{background-color:#cccccc;}

	.heroBannerHome .hidetextformobile{display:none !important;}
	.heroBannerHome .showtextformobile{display: block;}

	/*CTA style*/
	#heroBannerHome_1 .nHeroBannerCta.default,#heroBannerHome_2 .nHeroBannerCta.default,#heroBannerHome_3 .nHeroBannerCta.default,#heroBannerHome_4 .nHeroBannerCta.default{border:2px solid #0096D6 !important;background-color:#0096D6 !important;color:#FFF!important;}
	#heroBannerHome_1 .nHeroBannerCta.default:hover,#heroBannerHome_2 .nHeroBannerCta.default:hover,#heroBannerHome_3 .nHeroBannerCta.default:hover,#heroBannerHome_4 .nHeroBannerCta.default:hover{background-color:#FFF !important;color:#0096D6!important; }
	#heroBannerHome_1 .nHeroBannerCta.new,#heroBannerHome_2 .nHeroBannerCta.new,#heroBannerHome_3 .nHeroBannerCta.new,#heroBannerHome_4 .nHeroBannerCta.new{border:2px solid #0096D6 !important;background-color:#0096D6 !important;color:#FFF!important; }
	#heroBannerHome_1 .nHeroBannerCta.new:hover,#heroBannerHome_2 .nHeroBannerCta.new:hover,#heroBannerHome_3 .nHeroBannerCta.new:hover,#heroBannerHome_4 .nHeroBannerCta.new:hover{background-color:#FFF !important;color:#0096D6!important; }
}

@media only screen and (max-width: 321px) {
	.heroBannerHome .nHero_Text .textContHome h1{font-size:26px; line-height:30px;}
	.heroBannerHome .nHero_Text .textContHome h2{font-size:16px; line-height:20px;}
}