@charset "utf-8";
/*Common css*/
.fv5{clear:both; overflow:hidden; max-width:1920px; margin:auto;}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5{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 .paddingtopbot1{padding:1em 0}
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.fv5 .paddingbot2{padding-bottom:2em}
.fv5 .marginBot{margin-bottom:20px}
.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!important}
.fv5 .textWhite{color:#fff!important}
.fv5 sup{font-size:65%; position:relative; vertical-align:baseline; bottom:6px }
.fv5 .f18{font-size:18px!important;}
/*.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;}*/
.fv5 h3{font-size:32px}
.fv5 h4{font-size:28px}
.fv5 .imgBorder{border:1px solid #CCC;}
.fv5 .fltLeft{float:left}
.fv5 .fltRight{float:right}
.fv5 .paraGrey{color:#767676!important}
.fv5 .gradientGrey{background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 17%, rgba(241,241,241,1) 100%);}
.fv5 .linebreak{ display:block; padding-top:10px}


.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}
.fv5 .reveal-modal{z-index:999!important}
.fv5 .BC_extLink{font-weight: 400; display: inline-block}

@media only screen and (max-width: 642px) {
.fv5 .paddingtopbot, .fv5 .paddingtopbot2{padding:1em}
}

/*Hero banner */
.fv5 .BC_q2fy18_hero{background:url(/wcsstore/hpusstore/Treatment/lp/privateStore/Business_Club_hero_q2fy18.jpg) no-repeat top center;background-size:cover;max-width:1920px ;padding:0 ;}
.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content {max-width: 1220px; margin: auto}
.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content .BC_hero-test{max-width: 50%; padding: 40px 0 40px 20px;}
.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h1, .fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h2{font-size:42px; line-height:52px; margin-top: 10px; color:#fff}
.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content p{font-size:18px; color:#fff; }

.fv5 .btn-trans {font-size:18px; line-height:18px; padding:15px 40px; display:inline-block; text-align:center; border:1px solid #0096d6; color:#fff; clear:both;border-radius:3px;cursor:pointer;background-color:#0096d6; text-transform:uppercase; font-weight:normal}
.fv5  .btn-trans:hover{text-decoration:none; background-color: #006699 }
.fv5 .mbView{display:none;}

.fv5 .BC_q2fy18_TnC h2{font-size:42px; color:#545454; padding-bottom:20px}
.fv5 .BC_q2fy18_TnC h3{font-size:26px; font-weight:400; color:#3d3d3b; padding:10px 0}
.fv5 .BC_q2fy18_TnC p{font-size:16px; color:#000; padding:0 0 18px 0}
.fv5 .BC_q2fy18_TnC ul {padding-left:20px}
.fv5 .BC_q2fy18_TnC ul li{list-style-type:disc;font-size:16px; color:#3d3d3b; padding:0 0 12px 0}


/*50-50 KSP Banners*/
.fv5 .BC_q2fy18_kspbanner{position:relative; text-align: center}
.fv5 .BC_q2fy18_kspbanner .textinside{width:40%; margin:100px 5% 0;}
.fv5 .BC_q2fy18_kspbanner.ksp2{background:url(/wcsstore/hpusstore/Treatment/lp/privateStore/BC_q2fy18_ksp2_1920x600.jpg) no-repeat top center; height:600px}
.fv5 .BC_q2fy18_kspbanner.ksp2 .textinside{margin:220px 5% 0;}
.fv5 .BC_q2fy18_kspbanner.ksp3{background:url(/wcsstore/hpusstore/Treatment/lp/privateStore/BC_q2fy18_ksp3-new_1920x600.jpg) no-repeat top center; height:600px}
.fv5 .BC_q2fy18_kspbanner.ksp3 .textinside{margin:200px 5% 0;}
.fv5 .BC_q2fy18_kspbanner.ksp4{background:url(/wcsstore/hpusstore/Treatment/lp/privateStore/BC_q2fy18_ksp4-new_1920x600.jpg) no-repeat top center; height:600px}
.fv5 .BC_q2fy18_kspbanner.ksp4 .textinside{margin:240px 5% 0;}
.fv5 .BC_q2fy18_kspbanner .textinside h3{font-size:32px; text-align:center; color:#3d3d3b; padding-bottom:15px; margin: 0}
.fv5 .BC_q2fy18_kspbanner .textinside p{ margin-bottom:25px; font-size:18px; text-align:center; line-height:28px; color:#000}

/* KSP 1 */
.fv5 .BC_q2fy18_ksp1{background:#f7f7f7;}
.fv5 .BC_q2fy18_ksp1 h3{font-size:32px; text-align:center; color:#3d3d3b; padding-bottom:20px}
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc img{padding-bottom:10px}
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc h4{color:#3d3d3b; font-size:16px;  letter-spacing: 1px; text-align:center; padding:8px 0;text-transform:uppercase;padding-bottom:10px;font-weight:400}	
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc h5{color:#000; font-size:20px; text-align:center; padding-bottom:15px; margin: 0; font-weight:400}	
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc p{color:#000; font-size:18px; padding-bottom:8px; text-align:center}
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc p:last-child{padding-bottom:40px}
.fv5 .BC_q2fy18_ksp1 .BC_q2fy18_ksp1_desc .ksp2_size{padding:0px}

/* KSP 5 */
.fv5 .BC_q2fy18_ksp5{background-color: #f7f7f7}
.fv5 .BC_q2fy18_ksp5 h3{font-size:32px; text-align:center; color:#3d3d3b;}
.fv5 .BC_q2fy18_ksp5 p{ margin-bottom:25px; font-size:18px; text-align:center; line-height:28px; color:#000; max-width:1000px; margin:0 auto; padding:0 20px 20px}


/*Others css*/
.fv5 .bodyCenterContent{margin:auto; max-width:1000px; clear:both; overflow:hidden; position:relative}
.fv5 .bodyCenterContent.with1200{max-width:1280px;}
.fv5 .sectionHeading{text-align:center; margin:20px 0; font-size:42px}
.fv5 .newSectionHeading {clear: both; text-align: center; width: 100%; margin: 20px auto; border-bottom:1px solid #000;}
.fv5 .newSectionHeading span {font-size: 36px; line-height: 42px;  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 10%;}
.fv5 .forListing {z-index:9999; border: 10px solid rgba(0, 0, 0, 0.1); border-radius:10px}

.fv5 .BC-prod-selectionMain{padding:20px 0; border-bottom: 1px solid #eee ; background-color: #fff}
.fv5 .BC-prod-selection{padding:20px 0 40px 0}
.fv5 .BC-prod-selection .columns{text-align: center; padding: 10px}
.fv5 .BC-prod-selection .columns span{display: inline-block; padding: 10px;  color: #000; line-height: 20px; font-size: 18px}

@media only screen and (max-width: 1220px) {
	.fv5 .BC_q2fy18_hero{background-position:-520px 0;}
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content .BC_hero-test{max-width: 500px;}
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h1, .fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h2{font-size:38px; line-height:48px; }

	
}

@media only screen and (max-width: 1024px) {
	
	.fv5 .BC_q2fy18_kspbanner.ksp2, .fv5 .BC_q2fy18_kspbanner.ksp3, .fv5 .BC_q2fy18_kspbanner.ksp4{background-size:cover; height:auto}
	.fv5 .BC_q2fy18_kspbanner.ksp2 .textinside, .fv5 .BC_q2fy18_kspbanner.ksp3 .textinside, .fv5 .BC_q2fy18_kspbanner.ksp4 .textinside{margin:5%;}	
}


@media only screen and (min-width:801px) and (max-width:1024px){	

	

	.fv5 .BC_q2fy18_kspbanner.ksp4 .textinside{margin:10% 0 10% 5%}
}

@media only screen and (max-width: 800px) {
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content .BC_hero-test{max-width: 100%; padding: 20px;text-align: center;}
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h1, .fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h2{font-size:32px; line-height:40px; }
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content p{font-size: 16px}
	.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content .businessLogo{margin-top: -50px}
	
	
	
	
	
	.fv5 .mbView{display:block}	
	.fv5 .BC_q2fy18_hero{height:auto;background-image:none; background-color:#262224}
	.fv5 .BC_q2fy18_hero,.fv5 .BC_q2fy18_hero .row,.fv5 .BC_q2fy18_hero .column{padding:0;margin:0}
	.fv5 .textNewColor{color:#9b8e55 }
	
	.fv5 .BC_q2fy18_TnC h2{font-size:24px; color:#3d3d3b; padding-bottom:20px}
	.fv5 .BC_q2fy18_TnC h3{font-size:20px; font-weight:400; color:#3d3d3b; padding:10px 0}
		
	.fv5 .BC_q2fy18_kspbanner.ksp2, .fv5 .BC_q2fy18_kspbanner.ksp3, .fv5 .BC_q2fy18_kspbanner.ksp4{background-color:#fff; background-image:none!important; height:auto}
	.fv5 .BC_q2fy18_kspbanner .textinside{width:90%; float:none; margin:5%}		
	
	.fv5 .BC_q2fy18_ksp5 h3{font-size:26px; line-height:34px; padding:0; }
	.fv5 .BC_q2fy18_ksp5 p{padding-bottom:28px;}
	

}



@media only screen and (max-width: 642px){

.fv5 .BC_q2fy18_hero .BC_q2fy18_hero_content h2{font-size:32px; line-height:40px; }

}


/*TechSoup updated CSS*/

	  .fv5 .BC_blockGripProducts{max-width: 1200px; margin: 20px auto}
	  .fv5 .BC_blockGripProducts li{text-align: center;}
	  .fv5 .BC_blockGripProducts li img{display: block; }
	  .fv5 .BC_blockGripProducts li span{display: inline-block; padding: 10px;  color: #000; line-height: 20px; font-size: 18px;}
	
	  .fv5.techSoup .BC_q2fy18_kspbanner.ksp3{background: url(/wcsstore/hpusstore/Treatment/lp/privateStore/BC_q2fy18_ksp3-new2_1920x600.jpg) no-repeat top center;}
	  .fv5.techSoup .BC_q2fy18_kspbanner.ksp4{background: url(/wcsstore/hpusstore/Treatment/lp/privateStore/BC_q2fy18_ksp4-new2_1920x600.jpg) no-repeat top center;}
	  .fv5.techSoup .BC_q2fy18_kspbanner.ksp3 .textinside{margin-top: 130px}
	  .fv5.techSoup .BC_q2fy18_kspbanner.ksp4 .textinside{margin-top: 200px}
	  .fv5.techSoup .BC_q2fy18_kspbanner .textinside h3{line-height: normal}
	  
	  @media only screen and (max-width: 1220px){
		 /* .fv5.techSoup .BC_q2fy18_hero {background-position: -270px 0;}*/
		}
	  @media only screen and (max-width: 1024px) {
		  .fv5.techSoup .BC_blockGripProducts li span{line-height: 20px; font-size: 16px;}
		  .fv5.techSoup .BC_q2fy18_kspbanner.ksp3 .textinside{margin-top: 5%}
	 	 .fv5.techSoup .BC_q2fy18_kspbanner.ksp4 .textinside{margin-top: 5%}
		}
	  @media only screen and (max-width: 1024px) {
		  
		}

/*Registeration form styles*/

.fv5 .BCRegCont {max-width: 800px;	margin: 40px auto;	overflow: hidden}
.fv5 .BCRegCont .brandXlogo{text-align: center; margin-bottom: 10px;}
.fv5 .BCRegCont h2{font-size: 26px; margin-bottom: 10px; display: block; text-align: center}
.fv5 .BCRegCont p{font-size: 14px; line-height: 22px; margin: 0 5px 15px; display: block; text-align: center}
.fv5 .BCRegInnerCont{margin: 20px 0; background-color: #f9f9f9; padding: 30px 40px; border-radius: 4px}
.fv5 .bc-row{margin-bottom: 12px}
.fv5 .grayerrmsg{font-size: 12px; font-weight: normal; color: #767676; display: inline-block; padding: 5px 0; }
.fv5 .bcPrivacy h4{font-size: 18px; font-weight: 400; line-height: 24px; text-align: left; margin: 0 0 5px 0}
.fv5 .bcPrivacy p{font-size: 14px; line-height: 18px; text-align: left; margin: 0 0 5px 0}
.fv5 .bcPrivacy p span{font-size: 12px; display: block}

.fv5 .BCRegCont input[type=text], .fv5 .BCRegCont select, .fv5 .BCRegCont textarea, .fv5 .BCRegCont option {
    width: 99%!important; padding: 10px 12px!important; border: 1px solid #ccc!important; border-radius: 3px!important; resize: vertical!important; font-size: 16px!important;	line-height: 16px!important;	color: #767676!important; margin: 0!important; height: auto!important; font-family: forma-djr-micro;}
.fv5 .BCRegCont input[type=text].valErr, .fv5 .BCRegCont select.valErr, .fv5 .BCRegCont textarea.valErr, .fv5 .BCRegCont option {
    border: 1px solid #cc0000;}
.fv5 .BCRegCont input[type=radio]{-webkit-appearance: radio; margin-right: 5px!important; cursor: default}

.fv5 .BCRegCont label { padding: 12px 12px 12px 0;  display: inline-block;	font-size: 18px; cursor: text}
.fv5 .BCRegCont label strong{ color: #cc0000;}

.fv5 .BCRegCont input[type=submit] { background-color: #0096d6;  color: white;  padding: 12px 40px;  border: none;  border-radius: 3px;  cursor: pointer;  float: right;	text-transform: uppercase; font-size: 18px;	font-family: forma-djr-micro;}

.fv5 .BCRegCont input[type=submit]:hover { background-color: #007dba;}
.fv5 .BCRegCont .col-100 {width: 100%;  margin-top: 10px;}
.fv5 .BCRegCont .col-25 {  float: left; width: 23%;  margin-top: 10px;}
.fv5 .BCRegCont .col-75 { float: right;  width: 75%;  margin-top: 10px;}
.fv5 .BCRegCont .col-25.bcStrict {float: left!important;  width: 23%!important;}
.fv5 .BCRegCont .col-75.bcStrict {float: right!important;  width: 75%!important;}
.fv5 .BCRegCont .col-75.bcSplit input[type=text], .fv5 .BCRegCont .col-75.bcSplit select { width: 48%!important; margin-right: 2%!important; resize: vertical; float: left}
.fv5 .BCRegCont .col-75.bcSplit input[type=text]:last-child, .fv5 .BCRegCont .col-75.bcSplit select:last-child { margin: 0!important;}
.fv5 .BCRegCont .bc-row:after { content: ""; display: table;clear: both;}
.fv5 .valErrMsg{padding: 15px 20px; background-color: #fdfff0; color: #cc0000; border: 1px solid #ffd0d0; border-radius: 3px; margin-bottom: -20px}
.fv5 .valErrMsg ul, .fv5 .valErrMsg li{margin: 0; padding: 0}
.fv5 .valErrMsg li{margin-bottom: 5px;}
.fv5 .valErrMsg li:last-child{margin: 0}
.fv5 .reqFieldLbl label{font-size: 14px}

@media screen and (max-width: 600px) {
	.fv5 .BCRegCont{margin:20px 0}
	.fv5 .BCRegInnerCont{margin: 20px 5px; padding: 5%}
    .fv5 .BCRegCont .col-25, .fv5 .BCRegCont .col-75, input[type=submit] { width: 100%; margin: 5px 0 0 0}
	.fv5 .BCRegCont .col-75.bcSplit input[type=text], .fv5 .BCRegCont .col-75.bcSplit select { margin-right: 2%;}
	.fv5 .bc-row{margin-bottom: 10px}
	.fv5 .BCRegCont label, .fv5 .BCRegCont h4{padding: 0; font-size: 14px; line-height: 18px; font-weight: bold}
	.fv5 .BCRegCont h2{font-size: 22px}
	.fv5 .BCRegCont > p{font-size: 14px; line-height: 20px; margin: 10px}
	.fv5 .BCRegCont input[type=text], .fv5 .BCRegCont select, .fv5 .BCRegCont textarea, .fv5 .BCRegCont option {padding: 10px!important; font-size: 15px!important}
	.fv5 .reqFieldLbl{display: none}

}