@-moz-document url-prefix() { 
			a:focus, button:focus{outline: 2px solid #0096d6!important;}
		}
		a:focus, button:focus{outline: 2px solid #0096d6; outline: 5px auto -webkit-focus-ring-color;  outline-offset: 0px;}	

@font-face{font-family: FormaDjrMicro; src: url(https://www.hp.com/wcsstore/hpusstore/fonts/FormaDJRMicro-Regular.woff2);}
	.iivbWrap h1, .iivbWrap h2, .iivbWrap h3, .iivbWrap h4, .iivbWrap p, .iivbWrap li, .iivbWrap div {font-family: FormaDjrMicro!important;}
	
	.iivbWrap{max-width: 1920px; margin: auto}
	.iivbWrap sup{position: relative; vertical-align: baseline; bottom: 6px; font-size: 50%}
	.iivbLogo{max-width: 1260px; margin: auto; padding: 5px 20px}
	.iivbLogo h1{margin: 0; padding: 0; position: relative}
	.iivbLogo h1 img{position: relative; z-index: 1; display: block}
	.iivbLogo h1 .iivtextLogo{position: absolute; z-index: 0; font-size: 5px; left: 10px; top: 10px;color: #fff}
	.iivbhero{display: flex; flex-wrap: wrap-reverse; background-color: #e2bbfb; max-width: 1920px; margin: 0 auto 10px}
	.iivbhero .iivbheroImg{width: 54%; text-align: right}
	.iivbhero .iivbheroCopy{width: 46%; text-align: left; position: relative}
	.iivbhero .iivbheroImg img{display: block; float: right; max-width: 100%; object-fit: cover; height: 100%;}
	.iivbhero .iivbheroCopy h2{background-color: #b655f5; color: #000; font-size: 52px; line-height: 54px; padding: 10px 20px; margin: 0; display: block; overflow: hidden}
	.iivbhero .iivbheroCopy h2 span{width: 515px; display: inline-block; float: right}
	.iivbhero .iivbheroCopy h3{background-color: #cc88f8; color: #000; font-size: 32px; line-height: 34px; padding: 10px 20px; margin: 0; display: block; overflow: hidden}
	.iivbhero .iivbheroCopy h3 span{width: 515px; display: inline-block; float: right}
	.iivbhero .iivbheroCopy p{font-size: 18px; line-height: 24px; color: #000;  padding: 20px; margin: 0; display: block; max-width: 555px; float: right}
	.iivbhero .iivbheroCopy p sup{position: relative; vertical-align: baseline; font-size: 60%; bottom: 10px;}
	.iivbhero .btsNextPara{display: block; margin: 10px 0 0}
	.iivbWrap .iiMainCta{background-color: #000; color: #fff; font-size: 16px; line-height: 16px; padding: 10px 20px 9px; text-decoration: none; display: inline-block; margin-top: 15px; transition: all .2s ease;}
	.iivbWrap .iiMainCta.lightCta{background-color: #fff; color: #000}
	.iivbWrap .iiMainCta:hover{background: #5a5a5a;}
	.iivbWrap .iiMainCta.lightCta:hover{color: #fff; background: #000;}
	.iivbWrap .iiSecondCta{background-color: transparent; color: #000; border: 1px solid #000; font-size: 16px; line-height: 16px; padding: 10px 20px 9px; text-decoration: none; display: inline-block; margin-top: 15px; transition: all .2s ease;}
	.iivbWrap .iiSecondCta:hover{background-color: #000; color: #fff}
	.iivbWrap .iiTextCta{color: #000; font-size: 18px; text-decoration: none; display: inline-block!important; margin-top: 15px}
	.iivbWrap .iiTextCta span{margin-left: 5px; display: inline-block; padding-top: 3px}
	.iivbWrap .iiTextCta:hover span{text-decoration: underline}
	
	.iivbSecHead{max-width: 1220px; margin: 40px auto 20px}
	.iivbSecHead h2{font-size: 52px; line-height: 54px;  margin: 0 0 20px; }
	
	.iivbHowitWorks{max-width: 1220px; margin: auto}
	.iivbHiwCont{background-color: #e6e6e6;}
	.iivbHiwCont .iivbHiwCols{padding: 20px 0 0; display: flex; flex-wrap: wrap}
	.iivbHiwCont .iivbHiwCols > div{width: 20%; border-right: 1px solid #000; padding: 10px 20px;}
	.iivbHiwCont .iivbHiwCols > div:nth-last-child(2){border-right: none}
	.iivbHiwCont .iivbHiwCols > div h3{font-size: 22px; line-height: 26px; margin: 15px 0}
	.iivbHiwCont .iivbHiwCols > div p{font-size: 16px; line-height: 22px;}
	.iivbHiwCont .iivbHiwCta{padding: 10px 20px 20px; display: flex; align-content: center; align-items: center;}
	.iivbHiwCont .iivbHiwCta > span{display: inline-block; padding: 10px 15px; margin-top: 15px; font-size: 18px}
	.iivbHiwCont .iivbHiwCtaMobil{display: none}
	
	.iivGetStarted {padding: 0 20px 0 0; display: flex; align-content: center; align-items: center;}
	.iivGetStarted > span{display: inline-block; padding: 10px 15px; margin-top: 15px; font-size: 18px}
	
	.iivbhiwVid{margin: 10px 0 20px; position: relative}
	.iivbhiwVid > img{min-height: 400px; object-fit: cover}
	.iivbhiwVid h2{position: absolute; font-size: 42px; line-height: 44px; top: 0; right: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #fff; padding: 10px 20px; margin: 0; border-bottom: 1px solid #fff}
	.iivbhiwVid .iivbPlaybtn{position: absolute; height: 60px; width: 60px; border: 2px solid #fff; background-color: rgba(0,0,0,0.3); color: #fff; display: flex; justify-content: center; align-items: center; top: 50%; left: calc(50% - 30px); transition: all 0.2s ease}
	.iivbhiwVid .iivbPlaybtn:hover{background-color: rgba(0,0,0,0.6);}
	
	.iivPlanInk{background-color: #f8eefe; padding: 40px 20px; border-top: 1px solid #000}
	.iivPlanInk.andiiToner{background-color: #edeefe;}
	.iivPlanInk .iivPlanCont{max-width: 1220px; margin: auto}
	.iivPlanInk .iivPlanCont h3{font-size: 32px; margin: 0}
	
	.iivbIneedII{max-width: 1260px; margin: 20px auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between}
	.iivbIneedII .needInk{width: calc(50% - 20px); margin-right: 20px}
	.iivbIneedII .buyInk{width: calc(50% - 20px); margin-left: 20px; background-color: #4659f5; display: flex; flex-wrap: wrap-reverse}
	.iivbIneedII h2{font-size: 52px; line-height: 54px; margin: 0 0 15px}
	.iivbIneedII p{font-size: 20px; line-height: 24px; margin-bottom: 15px}
	.iivbIneedII .buyInk .iiTextCont{width: 60%; padding: 20px}
	.iivbIneedII .buyInk .iiImgCont{width: 40%; overflow: hidden}
	.iivbIneedII .buyInk .iiImgCont img{object-fit: cover; min-height: 248px; object-position: left; padding: 20px 0}
	.iivbIneedII .buyInk h2{color: #fff}
	
	.iivbRecycling{max-width: 1260px; margin: 20px auto; padding: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; }
	.iivbRecycling .recycleImg{width: calc(50% - 20px); margin-right: 20px}
	.iivbRecycling .recycleCopy{width: calc(50% - 20px); margin-left: 20px}
	.iivbRecycling .recycleTag{margin-bottom: 15px; display: inline-block; padding: 5px 10px; background-color: #66e3ab}
	.iivbRecycling h2{font-size: 52px; line-height: 54px; margin: 0 0 15px}
	.iivbRecycling p{font-size: 20px; line-height: 24px; padding-bottom: 15px;}
	.iivbRecycling .recycleImg img{object-fit: cover; min-height: 340px}

	.iivbhrline{max-width: 1220px; margin: 40px auto 0; padding-bottom: 20px; border-top: 1px solid #000; display: block}

.iivbFAQ{max-width: 1920px; margin: auto; background-color: #f9f9f9; padding: 20px}
.iiFaqCont{max-width: 1260px; padding: 20px; margin: auto}
.iifaqCat h3{font-size: 36px; line-height: 40px; padding: 10px 0; margin: 0; border-bottom: 1px solid #000;}
.iifaqAnA ul{margin: 0 20px}
.iifaqAnA ul li{list-style: disc}
.iifaqAnA p{margin: 0 0 15px 0; padding: 0; }
.iifaqAnA{margin-bottom: 40px}
.iifaqAnA .iiQes{font-size: 20px; line-height: 24px; color: #000; padding: 20px; text-decoration: none; display: block; position: relative; }
.iifaqAnA .iiQes::after{content: ""; position: absolute; right: 10px; width: 10px; height: 10px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg); }
.iifaqAnA .iiQes.iiExpand::after{transform: rotate(225deg);}
/*.iifaqAnA .iiQes.iiExpand{font-weight: bold}*/
.iifaqAnA .iiAns{padding: 0 20px 20px;font-size: 16px; line-height: 22px;}
.iifaqAnA .iiAns .exitlink{text-decoration: underline; color: #000; font-size: 16px;}
.iifaqAnA .iiAns .exitlink:hover{text-decoration: none}
.iifaqAnA hr{color: #ccc; border-block-color: #fff; margin: 0; padding: 0; border: 1px solid #ccc; border-width: 1px 0 0;}

.iivbDisc{max-width: 1260px; padding: 20px; margin: auto}
.iivbDisc .iiDisclink{font-size: 16px; text-decoration: none; color: #000; position: relative;}
.iivbDisc .iiDisclink::after{content: ""; position: absolute; top: 5px; margin-left: 10px; width: 5px; height: 5px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(45deg);}
.iivbDisc .iiDisclink.iiDiscOpen::after{transform: rotate(225deg); top: 7px}
.iivbDisc ol{margin: 20px 0 20px 10px; padding: 0}
.iivbDisc ol li{padding-bottom: 10px; font-size: 12px; list-style: decimal;}
.iivbDisc ol li a{color: #000}
.iivbDisc ol li a:hover{text-decoration: none}
	
	
	@media only screen and (max-width:1700px){
		.iivbLogo{max-width: 1230px;}
	}
	@media only screen and (max-width:1240px){
		.iivbhero .iivbheroCopy h2 span, .iivbhero .iivbheroCopy h3 span, .iivbhero .iivbheroCopy p{max-width: none; width: auto; float: none}
		.iivbSecHead{padding: 0 20px}
		
	}
		@media only screen and (max-width:1023px){
			.iivbhero .iivbheroCopy h2 br{display: none}
			.iivbhero .iivbheroCopy h2 span{max-width: 100%; float: none;}
			.iivbhero .iivbheroCopy h2, .iivbSecHead h2, .iivbhiwVid h2{font-size: 38px; line-height: 40px;}
			.iivbhero .iivbheroCopy h3{font-size: 24px; line-height: 26px;}
			.iivbhero .iivbheroCopy p{font-size: 16px; line-height: 22px;}
			.iivbhero .iivbheroImg img{width: 100%; height: auto; min-height: 200px}
			.iivbhero .iivbheroImg, .iivbhero .iivbheroCopy{width: 100%!important;}
			.iivbhero .iivbheroCopy .inteliivbheroOs{padding: 20px; position: relative;}
			
			.iivbHiwCont .iivbHiwCols > div h3 br{display: none}
			
			.iivbIneedII > div{width: 100%!important; margin: 20px 0!important}
			.iivbIneedII h2 br{display: none}
			
			.iivbRecycling h2{font-size: 38px; line-height: 40px;}
			.iivbRecycling p{font-size: 16px; line-height: 22px;}
			
			
	}
	
	@media only screen and (max-width:850px){
		.iivbHiwCont .iivbHiwCols{padding: 20px 0;}
		.iivbHiwCont .iivbHiwCta{display: none}
		.iivbHiwCont .iivbHiwCtaMobil{display: block; margin-top: 70px}
		.iivbHiwCont .iivbHiwCols > div{width: 33.33%;}
		.iivbHiwCont .iivbHiwCols > div:nth-last-child(2){border-right: 1px solid #000}
		.iivbHiwCont .iivbHiwCols > div:nth-child(3), .iivbHiwCont .iivbHiwCols > div:last-child{border-right: none; }
		.iivbHiwCont .iivbHiwCols > div:nth-child(-n+3){border-bottom: 1px solid #000 }
		
		.iivbhiwVid h2{font-size: 32px; line-height: 36px;}
		
		.iivbIneedII h2{font-size: 38px; line-height: 40px;}
		.iivbIneedII p{font-size: 16px; line-height: 22px;}

	}
	@media only screen and (max-width:767px){
		.iivbRecycling > div{width: 100%!important; padding: 0 0 20px!important; margin: 0!important}
		.iivbRecycling .recycleImg img{width: 100%; min-height: inherit}
		
		.iivbhrline{margin: 20px auto 0; padding-bottom: 20px;}
	}
	
	@media only screen and (max-width:550px){
		.iivbHiwCont .iivbHiwCols > div{width: 50%;}
		.iivbHiwCont .iivbHiwCols > div:nth-child(2), .iivbHiwCont .iivbHiwCols > div:nth-child(4){border-right: none; }
		.iivbHiwCont .iivbHiwCols > div:nth-child(3){border-right: 1px solid #000 }
		.iivbHiwCont .iivbHiwCols > div:nth-child(-n+4){border-bottom: 1px solid #000 }
		
		.iivbIneedII .buyInk{background: linear-gradient(0deg, rgba(70,89,245,1) 0%, rgba(70,89,245,1) 75%, rgba(255,255,255,1) 75%);}
		.iivbIneedII .buyInk > div{width: 100%!important; padding: 0 20px 20px!important}
		.iivbIneedII .buyInk .iiImgCont img{object-fit:contain; min-height: inherit; object-position: center; padding: 20px 0 0}

		.iivbFAQ{padding: 20px 0;}
	}

	@media only screen and (max-width:374px){
		.iivbHiwCont .iivbHiwCols{padding: 0}
		.iivbHiwCont .iivbHiwCols > div{width: 100%; border-right: none!important; border-bottom: 1px solid #000}
		.iivbHiwCont .iivbHiwCtaMobil{margin: 0; border: none!important}
		}


/*Browse plan table*/
		.iivbTabs{max-width: 1260px; padding: 20px 20px 0; margin: auto}
		.tabulWrapp{display: flex}
		.tabulWrapp > a{max-width: 300px; padding: 15px 20px; margin-right: 1px; background-color: #f7effd; border-top: 5px solid #fff; text-decoration: none; color: #000; font-size: 18px; transition: all .2s ease;}
		.tabulWrapp > a:last-child{background-color: #edeefe;}
		.tabulWrapp > a:hover{background-color: #ccc}
		.tabulWrapp > a.iivbActiveTab{border-color: #000;}
		
		.iivInkTable .InkTabparent {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		vertical-align: middle;
		}
		.iivInkTable .InkTabparent > div{padding: 15px; text-align: center;display: flex; justify-content: center; align-items: center;}
		.iivInkTable{font-size: 20px;}
		.iivInkTable p{margin: 15px 0 5px;}
		.iivInkTable .divTt1::before{content: "Recommended for homes";}
		.andiiToner .iivInkTable .divTt1{display: none}
		.iivInkTable .divTt2::before{content: "Recommended for small businesses";}
		.iivInkTable .divTt1, .iivInkTable .divTt2{background-color: #b655f5;border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000}
		.andiiToner .iivInkTable .divTt1, .andiiToner .iivInkTable .divTt2{background-color: #5969f7;}
		.iivInkTable .divTt3, .iivInkTable .divTt4, .iivInkTable .divTt5, .iivInkTable .divTt6, .iivInkTable .divTt7{background-color: #c577f7; border-bottom: 1px solid #000; border-left: 1px solid #000}
		.andiiToner .iivInkTable .divTt3, .andiiToner .iivInkTable .divTt4, .andiiToner .iivInkTable .divTt5, .andiiToner .iivInkTable .divTt6, .andiiToner .iivInkTable .divTt7{background-color: #7e8af9;}
		.iivInkTable .divTt8, .iivInkTable .divTt9, .iivInkTable .divTt10, .iivInkTable .divTt11, .iivInkTable .divTt12{background-color: #e9ccfc; border-left: 1px solid #000; border-bottom: 1px solid #000}
		.andiiToner .iivInkTable .divTt8, .andiiToner .iivInkTable .divTt9, .andiiToner .iivInkTable .divTt10, .andiiToner .iivInkTable .divTt11, .andiiToner .iivInkTable .divTt12{background-color: #dadefd;}
		.iivInkTable .divTt7, .iivInkTable .divTt12{border-right: 1px solid #000}
		.iivInkTable .divTt3, .iivInkTable .divTt4, .iivInkTable .divTt6, .andiiToner .iivInkTable .divTt5{border-top: 1px solid #000;}

		.iivInkTable .divTt1 { grid-area: 1 / 3 / 2 / 4; }
		.iivInkTable .divTt2 { grid-area: 1 / 5 / 2 / 6; }
		.iivInkTable .divTt3 { grid-area: 2 / 1 / 3 / 2; }
		.iivInkTable .divTt4 { grid-area: 2 / 2 / 3 / 3; }
		.iivInkTable .divTt5 { grid-area: 2 / 3 / 3 / 4; }
		.iivInkTable .divTt6 { grid-area: 2 / 4 / 3 / 5; }
		.iivInkTable .divTt7 { grid-area: 2 / 5 / 3 / 6; }
		.iivInkTable .divTt8 { grid-area: 3 / 1 / 4 / 2; }
		.iivInkTable .divTt9 { grid-area: 3 / 2 / 4 / 3; }
		.iivInkTable .divTt10 { grid-area: 3 / 3 / 4 / 4; }
		.iivInkTable .divTt11 { grid-area: 3 / 4 / 4 / 5; }
		.iivInkTable .divTt12 { grid-area: 3 / 5 / 4 / 6; }
		
		@media only screen and (max-width:1023px){
			.iivInkTable{font-size: 18px;}
		}
		@media only screen and (max-width:650px){
			.iivInkTable .InkTabparent > div{border: none!important;}
			.iivInkTable{font-size: 16px; margin-top: 15px}
			
			.andiiToner .iivInkTable .divTt1{display: inherit}
			.iivInkTable .InkTabparent {
				grid-template-columns: repeat(2, 1fr); 
				grid-template-rows: repeat(5, 1fr); 
				grid-column-gap: 2px; grid-row-gap: 2px;
			}
			.iivInkTable .divTt3, .iivInkTable .divTt4, .iivInkTable .divTt5, .iivInkTable .divTt6, .iivInkTable .divTt7{background-color: #e9ccfc;}
			.andiiToner .iivInkTable .divTt3, .andiiToner .iivInkTable .divTt4, .andiiToner .iivInkTable .divTt5, .andiiToner .iivInkTable .divTt6, .andiiToner .iivInkTable .divTt7{background-color: #dadefd;}
			.iivInkTable .divTt1::before{content: "Price"; font-weight: bold}
			.iivInkTable .divTt2::before{content: "Monthly pages"; font-weight: bold}
			
			.iivInkTable .divTt1 { grid-area: 1 / 1 / 1 / 1;}
			.iivInkTable .divTt2 { grid-area: 1 / 2 / 1 / 2;}
			.iivInkTable .divTt3 { grid-area: 2 / 1 / 2 / 1; }
			.iivInkTable .divTt4 { grid-area: 3 / 1 / 3 / 1; }
			.iivInkTable .divTt5 { grid-area: 4 / 1 / 4 / 1; }
			.iivInkTable .divTt6 { grid-area: 5 / 1 / 5 / 1; }
			.iivInkTable .divTt7 { grid-area: 6 / 1 / 6 / 2; }
			.iivInkTable .divTt8 { grid-area: 2 / 2 / 2 / 2; }
			.iivInkTable .divTt9 { grid-area: 3 / 2 / 3 / 2; }
			.iivInkTable .divTt10 { grid-area: 4 / 2 / 4 / 2; }
			.iivInkTable .divTt11 { grid-area: 5 / 2 / 5 / 2; }
			.iivInkTable .divTt12 { grid-area: 6 / 2 / 6 / 2; }
		}