@charset "utf-8";
/* CSS Document */
.fv5{clear:both; overflow:hidden; background-color:white; max-width:1920px; margin:auto;}
.fv5 h1, .fv5 h2, .fv5 h3, .fv5 h4, .fv5 h5, .fv5 p{font-weight:100; margin-bottom:10px}
.fv5 a{color:#0095d9}
.fv5 a:hover{text-decoration:underline; }
.fv5 .color-black{color:black; }
.fv5 .paddingtopbot{padding:2em 0}
.fv5 .paddingbot{padding-bottom:4em}
.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 .textWhite{color:#fff!important}
.fv5 .capitalizedme{text-transform:uppercase; letter-spacing:2px}
.fv5 sup{font-size:60%}
.fv5 p sup{font-size:60%; position:relative; vertical-align:baseline; bottom:7px}
.fv5 .f18{font-size:18px; line-height:24px; font-weight:100}
.fv5 .f24{font-size:24px; line-height:30px; font-weight:100}
.fv5 .h3Big{font-size:42px!important; margin-bottom:15px;}
/*.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 .imgBorder{border:1px solid #ebebeb}
.fv5 .blackfont{color:black}

/*Others css*/

.fv5 .bodyCenterContent{max-width:1220px;  padding: 20px 0; clear:both; overflow:hidden; position:relative; margin:auto}
.fv5 .sectionHeading{text-align:center; margin:25px 0; font-size:32px}
.fv5 .sectionHeadingPara{text-align:center; margin:0 5%; margin-top:-15px}
.fv5 .singleProduct{width:75%}
.fv5 .galleryPadding{padding:3% 0; position:relative}

.fv5 .btn-trans{display:inline-block; padding:10px 40px; border:1px solid white; color:white; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans:hover, .fv5 .btn-trans:focus{text-decoration:none; background: rgba(255,255,255,.1)}

.fv5 .btn-trans-black{display:inline-block; padding:15px 40px; border:1px solid #0096db; color:#0096db; font-weight:100; margin-top:10px; font-size:18px}
.fv5 .btn-trans-black:hover, .fv5 .btn-trans-black:focus{text-decoration:none; background: rgba(255,255,255,.5)}

/*Home Style*/


.fv5 .heroBannerHome{clear:both; position:relative; background:url("/wcsstore/hpusstore/Treatment/lp/affProgram/aff-hero-handshake.jpg") no-repeat top center #1d1f30; height:376px; background-size: cover}
.fv5 .heroBannerHome .heroBannerMobile{display:none}
.fv5 .heroBannerHome .heroTextCont{max-width: 600px; margin-top:100px; margin: auto; text-align: center}
.fv5 .heroBannerHome .heroTextCont h1{color:#1d1f30; font-weight: bold; font-size:46px; line-height:46px; margin:20px 0 15px 0; padding:0}
.fv5 .heroBannerHome .heroTextCont p{color:#1d1f30; font-size:26px; line-height: 36px; font-weight: 400; margin:0 0 65px 0; padding:0}
.fv5 .heroCta{background-color:#ff8b00; padding:15px 40px; display:inline-block; color:#000; font-size:22px; font-weight:400; text-decoration:none; position: relative; border-radius: 3px; box-shadow: 0 0 10px #1d1f30;transition: all 0.5s ease-in-out;}
.fv5 .heroCta:hover, .fv5 .heroCta:active{background-color:#ff971b; text-decoration: none}

.fv5 .largeCTA:focus, .fv5 .heroCta:focus, .affProgram .FAQsection .faqset > a:focus{transition: none; background-color: #0171ad!important; color: #fff}

.fv5 .eppOffers{background-color:#fff; padding:40px 0 0}

.fv5 .startEarning{background-color: #f3f3f3; overflow: hidden; padding: 40px 20px;}
.fv5 .startEarning .innderCont{max-width: 900px; margin: auto; text-align: center}
.fv5 .startEarning h2{font-size: 32px; line-height: 36px; margin-bottom: 15px; color: #545454; font-weight: 400}
.fv5 .startEarning p{font-size: 18px; line-height: 24px; color: #545454}

.fv5 .largeCTA{font-size: 26px; font-weight: 400;white-space: nowrap; padding: 19px 30px 19px 90px; border-radius: 3px; display: inline-block;text-align: center; color: #FFF; text-decoration: none; margin-top: 15px;transition: all 0.5s ease-in-out; background: url("/wcsstore/hpusstore/Treatment/lp/affProgram/aff-join-icon.png") no-repeat 5px 5px #0096d6;}
.fv5 .largeCTA:hover{text-decoration: none; background-color: #0483b9;}


.fv5 .howitworks h2{text-align:center; margin:40px 0 60px; font-size: 38px; line-height: 42px;font-weight: 400; color: #474a4f}
.fv5 .howitworks ul{margin: 20px 25px}
.fv5 .howitworks li{text-align: center}
.fv5 .howitworks span{display: block; font-size: 18px; line-height: 22px; font-weight: 400; text-align: center; padding: 10px 10px}
.earnComsn{display: block; background-color: #fafafa; border: 1px solid #d9f2ff; border-radius: 25px; margin: 15px auto; max-width: 240px; }

.fv5 .FAQsection h2{text-align:center; margin:40px 0 ; font-size: 38px; line-height: 42px;font-weight: 400; color: #474a4f}
.fv5 .FAQsection .bodyCenterContent{overflow: visible}
.affProgram .FAQsection .faqset{
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
/*  box-shadow: 0 0 40px #f4f4f4;*/
}
.affProgram .FAQsection .faqset> a{
  display: block;
  padding: 20px 25px;
  text-decoration: none;
  color: #555;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  -webkit-transition:all 0.2s linear;
  -moz-transition:all 0.2s linear;
  transition:all 0.2s linear;
  font-size: 22px;
}
.affProgram .FAQsection .faqset > a i{
  float: right;
  margin-top: -4px;
    font-style: normal;
    font-weight: normal;
    font-size: 32px
}
.affProgram .FAQsection .faqset > a.active{
  background-color:#0096d6;
  color: #fff;
}

.affProgram .content{
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  display:none;
}
.affProgram .content p{
  padding: 40px;
  font-size: 18px;
  margin: 0;
  color: #333;
}

.affProgram .fa-plus:before{content: "+";}
.affProgram .fa-minus:before{content: "-";}
.affProgram .FAQsection .faqset > a:hover, .affProgram .FAQsection .faqset > a:active{text-decoration: none}


.fv5 h2.boldheading{text-align:center; margin:20px 0 60px; font-size: 38px; line-height: 42px;font-weight: 400; color: #474a4f}
.fv5 .bizSolutios{margin:40px auto 20px; overflow: hidden; max-width: 1220px; display: flex; flex-wrap: wrap;}
.fv5 .bizSolutios .accCols{width:calc(33.33% - 20px); margin:0 10px; text-align:left; background-color:#fff; border:1px solid #ccc;  margin-bottom:20px; padding: 20px 40px 40px; background: linear-gradient(to bottom, rgba(239,239,239,0) 68%,rgba(239,239,239,0.03) 70%,rgba(239,239,239,0.5) 100%);border-radius: 10px}
.fv5 .bizSolutios .accCols .imgCenter{display: block; text-align: center;}
.fv5 .bizSolutios h3{font-size:32px; line-height: 32px; margin: 15px 0;}
.fv5 .bizSolutios p{ font-size:18px; line-height:26px; display:block;}
.fv5 .affFreeshipping{text-align: center; font-size: 18px; line-height: 24px; padding:20px 20px 40px}
.fv5 .affFreeshipping img{padding-left: 15px}


/*Footnotes*/
.fv5 .footNote-hpe {clear: both;font-size: 14px;line-height: 18px; color: #000;margin: auto; padding: 20px; border-top:1px solid #ccc; max-width:1000px;}
.fv5 .noborder{border:none}
.fv5 .footNote-hpe p{margin:20px 0}
.fv5 .footNote-hpe ol {list-style: decimal; margin: 0 15px}
.fv5 .footNote-hpe li {padding-bottom: 10px;list-style: decimal;}

@media only screen and (max-width:1024px) {
.fv5 .howitworks{max-width: 650px; margin: auto}
}
@media only screen and (max-width:1020px) {


    .fv5 .bizSolutios .accCols{width:calc(50% - 20px);}
    .fv5 .bizSolutios .accCols:nth-child(3){margin: auto}
    

}
@media only screen and (max-width:820px) {
	
		.fv5 .eppTechatWork span{margin:0 10px 15px 10px; display:block}

    
        .fv5 .bizSolutios h3{font-size: 24px; font-weight: 400}
    
        .fv5 .FAQsection h2, .fv5 .howitworks h2, .fv5 h2.boldheading{font-size: 32px; line-height: 36px; padding: 0 20px}
        

        .fv5 .startEarning{padding: 30px 20px}
        .fv5 .startEarning h2{font-size: 30px; line-height: 34px}
        .fv5 .startEarning h2 br{display: none}
        
        .fv5 .bizSolutios .accCols .imgCenter{ width: 130px; margin: auto}
        .fv5 .bizSolutios .accCols .imgCenter img{max-width: 100%}

}


@media only screen and (max-width:667px) {
    .fv5 .heroBannerHome{height: 300px}
    .fv5 .heroBannerHome .heroTextCont h1{font-size: 34px; line-height: 38px;margin: 10px 0}
    .fv5 .heroBannerHome .heroTextCont p{font-size: 24px; line-height: 34px;margin: 0 0 45px 0}
        
		.fv5 .sectionHeading{margin:20px; font-size:26px; line-height: 28px;}
        
        
		
		.fv5 .eppOffers{padding:20px 0}
    
    
    .fv5 .FAQsection h2, .fv5 .howitworks h2, .fv5 .startEarning h2, .fv5 h2.boldheading{font-size: 28px; line-height: 32px;}
    .fv5 .largeCTA{font-size: 20px; padding: 19px 20px 19px 80px}
        
            
    
    .fv5 .bizSolutios .accCols{width:calc(100% - 20px); margin-bottom: 10px}
    .fv5 .affFreeshipping img{padding-top: 15px; display: block; margin: auto}
    
	
}
.fv5 .heroBannerHome .heroTextCont h1 br{display: none}
@media only screen and (max-width:425px) {
    
    .fv5 .heroBannerHome .heroTextCont h1{font-size: 30px; line-height: 34px;margin: 0}
    .fv5 .heroBannerHome .heroTextCont p{font-size: 20px; line-height: 30px;margin: 0 0 40px 0}
    .fv5 .heroBannerHome .heroTextCont h1 br{display: inline-block}

		.fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-signin, .fv5 .heroBannerHome .heroTextCont .heroBtnCont .btn-register{margin:0 5px}
		.fv5 .heroBannerHome .heroTextCont .heroBtnCont span{font-size:16px}
    
    .fv5 .startEarning h2{font-size: 22px; line-height: 26px;}
}