.fv5 {font-family: forma-djr-micro, Arial,sans-serif!important;}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 p{font-family: forma-djr-micro, Arial,sans-serif!important;}
.fv5.mdps .mdpCta {text-transform: none; font-weight: 600!important; }
.fv5.mdps .mdpCta.primary.lightbg {background-color:black; color: #FFFFFF; border: 1px solid black; transition: ease 0.7s;}
.fv5.mdps .mdpCta.primary.lightbg:hover {background-color:transparent; color:black; text-decoration: none; transition: ease 0.7s;}

/* KSP 1 */
.fv5 .PavilionX360_ksp1 {background-color:#51a1f8; margin: 0 auto; max-width: 100%;}
.fv5 .PavilionX360_ksp1 .bodyCenterContent{max-width: 100%;}
.fv5 .PavilionX360_ksp1 .row {padding: 0; max-width: 100%;}
.fv5 .PavilionX360_ksp1 .column.heroHeader {padding: 0;}
.fv5 .PavilionX360_ksp1 .column.heroImg {background: url(https://www.hp.com/content/dam/sites/worldwide/personal-computers/consumer/laptops-and-2-n-1s/pavilion/2-0/Hero_Desktop-pavilion-laptops_v2.jpg) no-repeat left center; background-size: cover; height: 600px;}
.fv5 .PavilionX360_ksp1 .column.NoteRow {background: black;padding: 30px 23%; color:white; font-size: 20px; }
.fv5 .PavilionX360_ksp1 .column.NoteRow a {color:white; text-decoration: underline;}
.fv5 .PavilionX360_ksp1 .column .MainHeader {background-color:#51a1f8; border-bottom: 1px solid #000;}
.fv5 .PavilionX360_ksp1 h2 {font-size: 80px; color: black; letter-spacing: -2px; padding: 20px 0 20px 45%;}
.fv5 .PavilionX360_ksp1 h3 {font-size: 38px; color: black; padding: 20px 10px 20px 45%;}
.fv5 .PavilionX360_ksp1 p {font-size: 22px; color: #CCCCCC; line-height: 28px;font-family: forma-djr-micro, Arial,sans-serif;}
.fv5.mdps .PavilionX360_ksp1 .mdpCta, .fv5.mdps .PavilionX360_ksp1 .HeroImgSection {margin-left: 45%; }
.fv5.mdps .PavilionX360_ksp1 .HeroImgSection {padding-top: 50px; display: flex; }
.fv5.mdps .PavilionX360_ksp1 .HeroImgSection img {padding-right: 15px; max-height: 50px; align-self: center;}
.fv5.mdps .PavilionX360_ksp1 .HeroImgSection p.imgNote {color:black; font-size: 12px; align-self: center; line-height: 18px;}
@media only screen and (max-width: 1440px) {
	.fv5 .PavilionX360_ksp1 h2 {padding-left:30%;}
	.fv5 .PavilionX360_ksp1 h3 {padding-left:30%; padding-right: 25px; margin-bottom: 0;}
	.fv5.mdps .PavilionX360_ksp1 .mdpCta, .fv5.mdps .PavilionX360_ksp1 .HeroImgSection {margin-left: 30%;}
	.fv5 .PavilionX360_ksp1 .column.NoteRow {padding: 30px 15%;}
}
@media only screen and (max-width: 1024px) {
	.fv5 .PavilionX360_ksp1 h2 {font-size: 60px; padding:20px; max-width: 80%;}
	.fv5 .PavilionX360_ksp1 h3 {padding: 20px; margin-bottom: 0;}
	.fv5.mdps .PavilionX360_ksp1 .mdpCta, .fv5.mdps .PavilionX360_ksp1 .HeroImgSection {margin-left: 20px;}
	.fv5.mdps .PavilionX360_ksp1 .HeroImgSection {padding: 25px 0;} 
	.fv5 .PavilionX360_ksp1 .column.NoteRow {padding: 30px 20px;}
	.fv5 .PavilionX360_ksp1 .column.heroImg {background-position: left top;height: 500px;}
}
@media only screen and (max-width: 768px) {
	.fv5 .PavilionX360_ksp1 .column.heroImg {height: 400px;}
	.fv5 .PavilionX360_ksp1 h3 {font-size: 24px;}
}
@media only screen and (max-width: 640px) {
	.fv5 .PavilionX360_ksp1 h2 {font-size: 40px; letter-spacing: 0; max-width: 100%;}
	.fv5.mdps .PavilionX360_ksp1 .mdpCta {margin-top: 15px;}
	.fv5 .PavilionX360_ksp1 .column.heroImg {height: 330px; margin-top: 20px;}
}
/* END KSP 1 */
/* KSP VIDEO BANNER */
.fv5 .PavilionX360_kspVB {background-color: #000; margin: 0 auto; max-width: 100%;}
.fv5 .PavilionX360_kspVB .row {padding: 0; max-width: 100%;}
.fv5 .PavilionX360_kspVB .row .column {padding: 0;}
.fv5 .PavilionX360_kspVB #video1 {display: block;}
@media only screen and (max-width: 1024px) {
	.fv5 .PavilionX360_kspVB h2 {top: 46%; font-size: 24px;}
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 640px) {
	.fv5 .PavilionX360_kspVB .row .column {padding: 0;}
}
@media only screen and (max-width: 425px) {
}
/* END KSP VIDEO BANNER */
/* KSP 2*/
.fv5 .PavilionX360_ksp2 {padding:0; background: #97c7fb;}
.fv5 .PavilionX360_ksp2 .row {max-width: 100%;}
.fv5 .PavilionX360_ksp2 .row .column {padding: 0;}
.fv5 .PavilionX360_ksp2 .row .column img {width: 100%;}
.fv5 .PavilionX360_ksp2 .row .column.textSec {background: #51a1f8;}
.fv5 .PavilionX360_ksp2 h3 {font-size: 80px; max-width: 1220px; margin: 0 auto; padding: 20px 0;}
.fv5 .PavilionX360_ksp2 p{font-size:20px;line-height:24px;color:black;text-align:left;max-width:90%;}
.fv5 .PavilionX360_ksp2 p.PLine{margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid black;}
.fv5 .PavilionX360_ksp2 a {color: #222222; text-decoration: none;}
.fv5 .PavilionX360_ksp2 a:hover {color: #000; text-decoration: underline;}
.fv5 .PavilionX360_ksp2 .bodyCenterContent{max-width:100%; width: 100%; margin: 0 auto;}
.fv5 .PavilionX360_ksp2 .sect{ width:100%; max-width:100%; display:flex;}
.fv5 .PavilionX360_ksp2 .SubTitleSec{background: #5fa9f8; position:relative;width:100%; padding:10px 10px 10px 36%; vertical-align:middle;}
.fv5 .PavilionX360_ksp2 .SubTitleSec h4 {font-size: 48px; margin: 0;}
.fv5 .PavilionX360_ksp2 .txtSec{position:relative;width:100%;padding:10px 10px 10px 36%;  vertical-align:middle;}
.fv5 .PavilionX360_ksp2 .imgSec{position:relative;width:57%;padding:0; vertical-align:middle; display:inline-block;}

@media only screen and (max-width: 1440px) {
  	.fv5 .PavilionX360_ksp2 .txtSec{padding:10px 10px 10px 15%;}
	.fv5 .PavilionX360_ksp2 .SubTitleSec{padding:10px 10px 10px 15%;}
	.fv5 .PavilionX360_ksp2 p.PLine{margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid black;}
	.fv5 .PavilionX360_ksp2 p{font-size:18px;line-height:22px;max-width:95%;}
	.fv5 .PavilionX360_ksp2 .SubTitleSec h4 {font-size: 40px;}
}
@media only screen and (max-width: 1024px) {
  	.fv5 .PavilionX360_ksp2 .row {padding: 0;}
	.fv5 .PavilionX360_ksp2 h3 {font-size: 60px; padding: 30px 15px;}
	.fv5 .PavilionX360_ksp2 .SubTitleSec{width:100%;padding:20px;}
	.fv5 .PavilionX360_ksp2 .txtSec{width:100%;padding:20px;}
  	.fv5 .PavilionX360_ksp2 p{float:none; max-width:100%; font-size: 18px; margin: 20px 0 0 0;}
}
@media only screen and (max-width: 800px) {
	.fv5 .PavilionX360_ksp2 .BGheadColor {background: #51a1f8;}
	.fv5 .PavilionX360_ksp2 h3 {font-size: 50px;}
}
@media only screen and (max-width: 640px) {
	.fv5 .PavilionX360_ksp2 h3 {font-size: 40px; padding: 20px 15px;}
}
/* END KSP 2 */
/* KSP 3*/
.fv5 .PavilionX360_ksp3 {padding:0; background: #e5e5e5;}
.fv5 .PavilionX360_ksp3 .row {max-width: 100%;}
.fv5 .PavilionX360_ksp3 .row .column {padding: 0;}
.fv5 .PavilionX360_ksp3 .row .column img {width: 100%;}
.fv5 .PavilionX360_ksp3 .row .column.textSec {background: #e5e5e5;}
.fv5 .PavilionX360_ksp3 h3 {font-size: 80px; max-width: 1220px; margin: 0 auto; padding: 20px 0;}
.fv5 .PavilionX360_ksp3 p{font-size:20px;line-height:24px;color:black;text-align:left;max-width:80%;}
.fv5 .PavilionX360_ksp3 p.PLine{margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid black;}
.fv5 .PavilionX360_ksp3 .bodyCenterContent{max-width:100%; width: 100%; margin: 0 auto;}
.fv5 .PavilionX360_ksp3 .sect{ width:100%; max-width:100%; display:flex;}
.fv5 .PavilionX360_ksp3 .TitleSec{background: #d3d3d3; position:relative;width:100%; padding:10px 50px; vertical-align:middle;}
.fv5 .PavilionX360_ksp3 .TitleSec h3 {font-size: 80px; margin: 0;}
.fv5 .PavilionX360_ksp3 .SubTitleSec{background: #d7d7d7; position:relative;width:100%; padding:10px 50px; vertical-align:middle;}
.fv5 .PavilionX360_ksp3 .SubTitleSec h4 {font-size: 48px; margin: 0;}
.fv5 .PavilionX360_ksp3 .txtSec{position:relative;width:100%;padding:35px 50px; vertical-align:middle;}
.fv5 .PavilionX360_ksp3 .imgSec{position:relative;width:57%;padding:0; vertical-align:middle; display:inline-block;}

@media only screen and (max-width: 1440px) {
  	.fv5 .PavilionX360_ksp3 .TitleSec{padding:20px;}
	.fv5 .PavilionX360_ksp3 .TitleSec h3 {font-size: 60px; padding: 0;}
	.fv5 .PavilionX360_ksp3 .SubTitleSec{padding:20px;}
	.fv5 .PavilionX360_ksp3 .SubTitleSec h4 {font-size: 40px;}
	.fv5 .PavilionX360_ksp3 .txtSec{padding:20px;}
	.fv5 .PavilionX360_ksp3 p{font-size:18px;max-width:95%;}
}
@media only screen and (max-width: 1280px) {
	.fv5 .PavilionX360_ksp3 .TitleSec h3 {font-size: 50px;}
	.fv5 .PavilionX360_ksp3 .SubTitleSec h4 {font-size: 30px;}
	.fv5 .PavilionX360_ksp3 .txtSec{padding: 5px 20px;}
}
@media only screen and (max-width: 1024px) {
  	.fv5 .PavilionX360_ksp3 .row {padding: 0;}
	.fv5 .PavilionX360_ksp3 h3 {font-size: 50px; padding: 30px 15px;}
	.fv5 .PavilionX360_ksp3 .txtSec{width:100%;padding:20px;}
  	.fv5 .PavilionX360_ksp3 p{float:none; max-width:100%; font-size: 18px; margin: 20px 0 0 0;}
}
@media only screen and (max-width: 800px) {
	.fv5 .PavilionX360_ksp3 .BGheadColor {background: #d3d3d3;}
}
@media only screen and (max-width: 640px) {
	.fv5 .PavilionX360_ksp3 h3 {font-size: 40px; padding: 20px 15px;}
}
/* END KSP 3 */
/* KSP 4*/
.fv5 .PavilionX360_ksp4 {padding:0; background: #97c7fb;}
.fv5 .PavilionX360_ksp4 .row {max-width: 100%;}
.fv5 .PavilionX360_ksp4 .row .column {padding: 0;}
.fv5 .PavilionX360_ksp4 .row .column img {width: 100%;}
.fv5 .PavilionX360_ksp4 .row .column.textSec {background: #51a1f8;}
.fv5 .PavilionX360_ksp4 h3 {font-size: 80px; max-width: 1220px; margin: 0 auto; padding: 20px 0;}
.fv5 .PavilionX360_ksp4 p{font-size:20px;line-height:24px;color:black;text-align:left;max-width:90%;}
.fv5 .PavilionX360_ksp4 p.PLine{margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid black;}
.fv5 .PavilionX360_ksp4 a {color: #222222; text-decoration: none;}
.fv5 .PavilionX360_ksp4 a:hover {color: #000; text-decoration: underline;}
.fv5 .PavilionX360_ksp4 .bodyCenterContent{max-width:100%; width: 100%; margin: 0 auto;}
.fv5 .PavilionX360_ksp4 .sect{ width:100%; max-width:100%; display:flex;}
.fv5 .PavilionX360_ksp4 .SubTitleSec{background: #5fa9f8; position:relative;width:100%; padding:10px 10px 10px 36%; vertical-align:middle;}
.fv5 .PavilionX360_ksp4 .SubTitleSec h4 {font-size: 48px; margin: 0;}
.fv5 .PavilionX360_ksp4 .txtSec{position:relative;width:100%;padding:10px 10px 10px 36%;  vertical-align:middle;}
.fv5 .PavilionX360_ksp4 .imgSec{position:relative;width:57%;padding:0; vertical-align:middle; display:inline-block;}

@media only screen and (max-width: 1440px) {
  	.fv5 .PavilionX360_ksp4 .txtSec{padding:10px 10px 10px 15%;}
	.fv5 .PavilionX360_ksp4 .SubTitleSec{padding:10px 10px 10px 15%;}
	.fv5 .PavilionX360_ksp4 p.PLine{margin: 10px 0; padding-bottom: 10px; border-bottom: 1px solid black;}
	.fv5 .PavilionX360_ksp4 p{font-size:18px;line-height:22px;max-width:95%;}
	.fv5 .PavilionX360_ksp4 .SubTitleSec h4 {font-size: 40px;}
}
@media only screen and (max-width: 1024px) {
  	.fv5 .PavilionX360_ksp4 .row {padding: 0;}
	.fv5 .PavilionX360_ksp4 h3 {font-size: 60px; padding: 30px 15px;}
	.fv5 .PavilionX360_ksp4 .SubTitleSec{width:100%;padding:20px;}
	.fv5 .PavilionX360_ksp4 .txtSec{width:100%;padding:20px;}
  	.fv5 .PavilionX360_ksp4 p{float:none; max-width:100%; font-size: 18px; margin: 20px 0 0 0;}
}
@media only screen and (max-width: 800px) {
	.fv5 .PavilionX360_ksp4 .BGheadColor {background: #51a1f8;}
	.fv5 .PavilionX360_ksp4 h3 {font-size: 50px;}
}
@media only screen and (max-width: 640px) {
	.fv5 .PavilionX360_ksp4 h3 {font-size: 40px; padding: 20px 15px;}
}
/* END KSP 4 */
/* FOOTNOTES */
.fv5 .footNote-hpe .bodyCenterContent {background: white; padding: 25px; border-radius: 3px; max-width: 1250px; box-shadow: 0px 1px 1px rgba(0,0,0,0.1);}
.fv5 .footNote-hpe h3{font-size: 20px; color:black; margin: 20px 0px;}
.fv5 .footNote-hpe p{font-size: 12px; color:black;}
.fv5 .footNote-hpe a{color:black; text-decoration: underline;}
.fv5 .footNote-hpe a:hover{color:#333; text-decoration: none;}
.fv5 .footNote-hpe li {font-size: 12px; color:black;}
.fv5 .footNote-hpe ol {margin:0 25px;}