@font-face{font-family: FormaDjrMicro; src: url(https://www.hp.com/wcsstore/hpusstore/fonts/FormaDJRMicro-Regular.woff2);}
		.cpcvWrapper h1, .cpcvWrapper h2, .cpcvWrapper h3, .cpcvWrapper h4, .cpcvWrapper p, .cpcvWrapper li, .cpcvWrapper div {font-family: FormaDjrMicro, Arial!important;}
		
		@-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;} 

		.cpcvHero{display: flex; flex-wrap: wrap-reverse; background-color: #fbdba0;}
		.cpcvHero.cpBcvHero{background-color: #646480}
		.cpcvHero .cpcvHroImg{width: 54.37%; text-align: right}
		.cpcvHero .cpcvHroCopy{width: 45.62%; text-align: left}
		.cpcvHero .cpcvHroImg img{display: block; float: right; max-width: 100%; height: 600px; object-fit: cover}
		.cpcvHero .cpcvHroCopy h1{background-color: #fab742; font-size: 56px; line-height: 64px; font-weight: 100; padding: 20px 30px; margin: 0; display: block}
		.cpcvHero.cpBcvHero .cpcvHroCopy h1{background-color: #202248; color: #fff; font-size: 72px; line-height: 76px;}
		.cpcvHero .cpcvHroCopy strong{background-color: #fbcc7a; font-size: 46px; line-height: 54px; font-weight: 100; padding: 20px 30px; margin: 0; display: block}
		.cpcvHero.cpBcvHero .cpcvHroCopy strong{background-color: #4f4e6e; color: #fff; font-size: 40px; line-height: 44px;}
		.cpcvHero .cpcvHroCopy p{font-size: 28px; line-height: 38px; font-weight: 100; padding: 30px 30px; margin: 0; max-width: 470px; display: block}
		.cpcvHero.cpBcvHero .cpcvHroCopy p{font-size: 26px; line-height: 36px; color: #fff}
		.cpcvHero .cpcvHroCopy p sup{position: relative; vertical-align: baseline; font-size: 60%; bottom: 10px;}
		
		.cpcvGreyBg{background-color: #fcfcfc; padding-bottom: 40px}
		.cpcvWrapper h2.cpcvSubHead{font-size: 42px; line-height: 48px; font-weight: 100; padding: 50px 10px; margin: 0; text-align: center; display: block}
		
		.cpcvWrapper .cpcvBtn{font-size: 16px; line-height: 33px; padding: 0 16px; display: inline-block; color: #fff; text-decoration: none; transition: all 0.2s ease}
		.cpcvWrapper .cpcvBtn:hover{opacity: .8}
		.cpcvWrapper .cpcvBtn.btnShop{background-color: #165dba;}
		.cpcvWrapper .cpcvBtn.btnDownload{background-color: #222;}
		
		.cpcvSteps{max-width: 1332px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-around; padding-bottom: 60px}
		.cpcvSteps .spcvBox{background-color: #f2f2f2; width: 31%; position: relative}
		.cpcvSteps .spcvBox .cpcvBoxPadd{padding: 40px}
		.cpcvSteps .spcvBox h3{font-size: 32px; line-height: 38px; font-weight: 100; margin: 0 0 15px}
		.cpcvSteps .spcvBox p{font-size: 18px; line-height: 24px; font-weight: 100; margin-bottom: 20px}
		.cpcvSteps .spcvBox .cpcvStepsIcon{position: absolute; right: 30px; bottom: -30px; background-color: #fff; padding: 5px; border-radius: 10px; border: 1px solid #f2f2f2; box-shadow: 5px 5px 10px -2px rgba(218,216,216,0.6);}
		
		.cpcvReviews{max-width: 1332px; margin: auto; padding-bottom: 10px}
		.cpcvReviews .spcvBox{background-color: #fff; border: 1px solid #f2f2f2; width: 31%; position: relative; min-height: 300px; }
		.cpcvReviews .spcvBox .cpcvBoxPadd{padding: 30px}
		.cpcvReviews .spcvBox h3{font-size: 22px; line-height: 28px; font-weight: 100; margin: 15px 0}
		.cpcvReviews .spcvBox p{font-size: 16px; line-height: 22px; font-weight: 100; margin-bottom: 20px}
		.cpcvReviews .spcvBox span{font-size: 16px; line-height: 22px; font-style: italic}
		.cpcvReviews .spcvBox img{max-width: 100%; margin-right: 20px}
		
		.cpcvWrapper .cpcvDisclaimer{max-width: 1000px; margin: 40px auto; padding: 0 20px; font-size: 12px; line-height: 18px; color: #565656; }
		.cpcvWrapper .cpcvDisclaimer li{margin-bottom: 10px; text-align: justify}
		.cpcvWrapper .cpcvDisclaimer li:last-child{list-style: none}
		
		/* slick edits*/
		.slick-prev:before, .slick-next:before{color: #707070}
		.slick-dots li button:before{font-size: 10px;}
		.cpcvReviews .slick-slide {margin: 0 10px}
		
/*		tab css start*/
			.cpmenuCont{max-width: 1000px; margin: auto; overflow: hidden; margin-top: 20px}
			.cpmenuCont .menu{display: block}
			.cpmenuCont .menu a{display: inline-block; width: 49.5%; text-align: center; color: #000; text-decoration: none; font-size: 30px; line-height: 34px; padding: 20px 0 5px}
			.cpmenuCont .menu a br{display: none}
			.nav{transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);width: 50%;height: 20px; text-align: center; background:#fff;}
			.cpmenuCont .menu a.tab1:hover ~ .nav{transform: translateX(0%);}
			.cpmenuCont .menu a.tab2:hover ~ .nav{transform: translateX(100%);}
			@media only screen and (max-width:1023px){
				.cpmenuCont .menu a{font-size: 20px; line-height: 24px;}
			}
			@media only screen and (max-width:600px){
				.cpmenuCont .menu a br{display: inline}
			}
		
/*		tab css end*/


		@media only screen and (max-width:1450px){
			.cpcvReviews{max-width: 1100px;}
			.cpcvReviews .spcvBox{min-height: 350px}
		}
		
		@media only screen and (max-width:1200px){
			.cpcvHero .cpcvHroCopy h1{font-size: 50px!important; line-height: 58px!important;}
			.cpcvHero .cpcvHroCopy strong{font-size: 40px!important; line-height: 44px!important;}
			.cpcvHero .cpcvHroCopy p{font-size: 24px!important; line-height: 34px!important;}
			
			.cpcvReviews{max-width: 750px;}
			
		}
		@media only screen and (max-width:1023px){
			.cpcvHero .cpcvHroCopy h1 br{display: none}
			.cpcvHero .cpcvHroCopy h1{font-size: 40px!important; line-height: 44px!important; padding: 10px 15px;}
			.cpcvHero .cpcvHroCopy strong{font-size: 30px!important; line-height: 34px!important; padding: 10px 15px;}
			.cpcvHero .cpcvHroCopy p{font-size: 18px!important; line-height: 24px!important; padding: 10px 15px; max-width: 100%}
			.cpcvHero .cpcvHroImg img{max-width: 100%; height: auto; min-height: 300px;}
			.cpcvHero .cpcvHroImg, .cpcvHero .cpcvHroCopy{width: 100%;}
			
			.cpcvWrapper h2.cpcvSubHead{font-size: 32px; line-height: 38px;padding: 30px 10px;}
			
			.cpcvSteps{padding: 0 20px}
			.cpcvSteps .spcvBox{width: 100%; margin-bottom: 60px;}
			.cpcvSteps .spcvBox .cpcvBoxPadd{padding: 20px 20px 50px}
			.cpcvSteps .spcvBox h3{font-size: 24px; line-height: 30px;}
		}
		@media only screen and (max-width:850px){
			.cpcvReviews{max-width: 400px;}
			.cpcvReviews .spcvBox{min-height: auto}

		}
		@media only screen and (max-width:768px){
			.cpcvReviews{padding: 0 20px}
			.cpcvReviews .spcvBox{width: 100%;}
			.cpcvReviews .spcvBox .cpcvBoxPadd{padding: 20px;}
			.cpcvReviews .spcvBox img{height: 20px; margin-right: 0}
		}
		@media only screen and (max-width:520px){
			.cpcvHero .cpcvHroCopy h1 br{display: inline}
			.slick-dots{max-width: 350px; margin: auto; opacity: .5; bottom: -40px;}
		}