@charset "utf-8";

/* CSS Document */


/* Banner - HR Function */

#banner.options-hr-function {
  background: url(/img/ppc/parallax/ppc_banner_options_cropped.jpg) center no-repeat;
  background-size: 125% auto;
}

#banner.options-hr-function .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 50%;
}

#banner.options-hr-function .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 50%;
}


/* Banner - Incredible */

#banner.incredible {
  background: #000
}

#banner.incredible {
  border-bottom: 20px solid #D55C19 !important;
}

#banner.incredible .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
}

#banner.incredible .content p {
  font-size: 1.7em;
  line-height: 1.5em;
}

#banner.incredible .content ul {
  margin: 1em 0 0 2em;
}


/* Banner - Your Better HR */

#banner.ybhr3 {
  background: url("/img/ppc/parallax/ppc_banner_yourbetterhr3.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.ybhr3 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.ybhr3 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 88%
}


/* Banner - Incredible CEO */

#banner.incredibleceo {
  background: url("/img/ppc/parallax/ppc_banner_incredibleceo.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.incredibleceo .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incredibleceo .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 85%
}


/* Banner - Incredible Superhero (Asian) */

#banner.incrediblehero {
  background: url("/img/ppc/parallax/ppc_banner_incrediblehero.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.incrediblehero .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incrediblehero .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 85%
}


/* Banner - Incredible Superhero (Latino) */

#banner.incrediblehero2 {
  background: url("/img/ppc/parallax/ppc_banner_incrediblehero2.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.incrediblehero2 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incrediblehero2 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 85%
}


/* Banner - Incredible Superhero (White) */

#banner.incrediblehero3 {
  background: url("/img/ppc/parallax/ppc_banner_incrediblehero3.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.incrediblehero3 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incrediblehero3 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 85%
}


/* Banner - Incredible Superhero (Prezie) */

#banner.incrediblehero4 {
  background: url("/img/ppc/parallax/ppc_banner_incrediblehero4.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.incrediblehero4 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incrediblehero4 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 85%
}


/* Banner - Netflix  */

#banner.incredibleheronetflix {
  background: url("/img/ppc/parallax/netflix_banner.jpg") center no-repeat;
  background-size: 100% cover;
}

#banner.incredibleheronetflix .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.incredibleheronetflix .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 47%
}


/* Banner - Benefits */

#banner.benefits {
  background: url("/img/ppc/parallax/ppc_banner_benefits.jpg") center no-repeat;
  background-size: 150% auto;
}

#banner.benefits .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 55%
}

#banner.benefits .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%
}


/* Banner - lifesciences */

#banner.lifesciences {
  background: url("/img/ppc/parallax/ppc_banner_life_sciences.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.lifesciences .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 60%
}

#banner.lifesciences .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%
}


/* Banner - outsourcehr4 */

#banner.outsourcehr4 {
  background: url("/img/ppc/parallax/ppc_banner_oursourcehr4.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.outsourcehr4 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 65%
}

#banner.outsourcehr4 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%
}


/* Banner - workers comp */

#banner.workerscomp {
  background: url("/img/ppc/parallax/ppc_banner_workers_comp.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.workerscomp .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 60%
}

#banner.workerscomp .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%
}


/* Banner - Share Risk */

#banner.sharerisk {
  background: url("/img/ppc/parallax/ppc_banner_shared_risk.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.sharerisk .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 60%
}

#banner.sharerisk .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%
}


/* Banner - riskandcompliance3 */

#banner.riskandcompliance3 {
  background: url("/img/ppc/parallax/ppc_banner_riskandcompliance3.jpg") center no-repeat;
  background-size: 110% auto;
}

#banner.riskandcompliance3 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 65%
}

#banner.riskandcompliance3 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 75%
}


/* Banner - HR Grader */

#banner.hrgrader {
  background: url("/img/ppc/parallax/ppc_banner_hrgrader.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.hrgrader .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 100%
}

#banner.hrgrader .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 75%
}

#banner.hrgrader .content .panel {
  width: 38%;
  float: left;
  margin: 1em 5px 4em 2em;
}

#banner.hrgrader .content .panel2 {
  width: 38%;
  float: left;
  margin: 1em 5px 4em 2em;
}


/* Banner - Cloud client */

#banner.cloudclient {
  background: url("/img/ppc/parallax/ppc_banner_cloudclient.jpg") center no-repeat;
  background-size: 130% auto;
}

#banner.cloudclient .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 80%;
}

#banner.cloudclient .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}


/* Banner - TriNet Mobile */

#banner.trinetmobile {
  background: url("/img/ppc/parallax/trinetmobile_banner.jpg") center no-repeat;
  background-size: 100% auto;
}

#banner.trinetmobile .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 70%;
}

#banner.trinetmobile .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%;
}


/* Banner - procycling */

#banner.procycling {
  background: url("/img/ppc/parallax/procycling_banner.jpg") center no-repeat #000000;
  background-size: 110% contain;
}

#banner.procycling .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 90%;
}

#banner.procycling .content p {
  font-size: 1.8em;
  line-height: 1.5em;
  width: 90%;
}


/* Banner - procycling resources */

#resources.procyclingschedule {
  background: url("/img/ppc/parallax/procycling_banner_schedule.jpg") top left no-repeat;
  background-size: 120% auto;
}

#resources.procyclingschedule .content h1 {
  font-size: 3.4em;
  font-weight: bold;
  line-height: 1em;
  width: 100%;
}

#resources.procyclingschedule .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 95%;
}


/* Banner - Referencestar */
#banner.referencestar {background: url("/img/ppc/parallax/referencestar_banner.jpg") center  no-repeat;  background-size:cover;}
#banner.referencestar .content p {
    font-size: 1.7em;
    line-height: 1.5em;
    width: 70%;
}

/* Banner - Barclays schedule */

#banner.barclays {
  background: url("/img/ppc/parallax/barclays_banner.jpg") center no-repeat;
  background-size: 130% cover;
}

#banner.barclays .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 80%;
}

#banner.barclays .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 80%;
}


/* Banner - ACA Factsheet */

#banner.acafact {
  background: url("/img/ppc/parallax/acafact_banner.jpg") center no-repeat;
  background-size: 130% cover;
}

#banner.acafact .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 85%;
}

#banner.acafact .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}


/* Banner - ACA4 Factsheet */

#banner.acafact4 {
  background: url("/img/ppc/parallax/acafact4_banner.jpg") center no-repeat;
  background-size: 130% cover;
}

#banner.acafact4 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 85%;
}

#banner.acafact4 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}
/* Banner - ACA Midsize Factsheet */

#banner.aca_midsize {
  background: url("/img/ppc/parallax/aca_midsize_banner.jpg") center no-repeat;
  background-size: 130% cover;
}

#banner.aca_midsize .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 85%;
}

#banner.aca_midsize .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}
/* Banner - ACA Email16 Factsheet */

#banner.aca_email16 {
  background: url("/img/ppc/parallax/aca_email16_banner.jpg") center no-repeat;
  background-size: 130% cover;
}
#banner.aca_email16 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 85%;
}
#banner.aca_email16 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}

/* Banner - ACA Nurture16 Factsheet */

#banner.aca_nurture16 {
  background: url("/img/ppc/parallax/aca_nurture16_banner.jpg") center no-repeat;
  background-size: 130% cover;
}
#banner.aca_nurture16 .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 85%;
}
#banner.aca_nurture16 .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 65%;
}


/* Banner - midmarket */

#banner.midmarket {
  background: url("/img/ppc/parallax/midmarket_banner.jpg") center no-repeat;
  background-size: 100% auto;
}

#banner.midmarket .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 75%
}

#banner.midmarket .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%
}


/* Banner - HR Team*/

#banner.hrteam {
  background: url("/img/ppc/parallax/hr_team_banner.jpg") center no-repeat;
  background-size: 100% auto;
}

#banner.hrteam .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 75%
}

#banner.hrteam .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 60%
}


/* Banner - Zenefits */

#banner.zenefits {
  background: url("/img/ppc/parallax/zenefits_banner.jpg") center no-repeat;
  background-size: 120% auto;
}

#banner.zenefits .content h1 {
  font-size: 3.8em;
  font-weight: bold;
  line-height: 1em;
  width: 75%
}

#banner.zenefits .content p {
  font-size: 1.7em;
  line-height: 1.5em;
  width: 75%
}


/* Responsive Layout */

@media screen and (max-width:720px) {
  /* Mobile Banner - HR Function */
  #banner.options-hr-function {
    background: url(/img/ppc/parallax/ppc_banner_options_cropped50.jpg) right center no-repeat;
    background-size: auto 100%;
  }
  #banner.options-hr-function .content h1 {
    font-size: 2em !important;
    width: 90%;
  }
  #banner.options-hr-function .content p {
    width: 90%;
  }
  /* Mobile Banner - Your Better HR */
  #banner.ybhr3 {
    background: url("/img/ppc/parallax/ppc_banner_yourbetterhr3.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.ybhr3 .content h1 {
    width: 100%
  }
  #banner.ybhr3 .content p {
    width: 100%
  }
  /* Mobile Banner - Incredible CEO */
  #banner.incredibleceo {
    background: url("/img/ppc/parallax/ppc_banner_incredibleceo.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incredibleceo .content h1 {
    width: 100%
  }
  #banner.incredibleceo .content p {
    width: 100%
  }
  /* Mobile Banner - Incredible Superhero 1 */
  #banner.incrediblehero {
    background: url("/img/ppc/parallax/ppc_banner_incrediblehero.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incrediblehero .content h1 {
    width: 100%
  }
  #banner.incrediblehero .content p {
    width: 100%
  }
  /* Mobile Banner - Incredible Superhero 2 */
  #banner.incrediblehero2 {
    background: url("/img/ppc/parallax/ppc_banner_incrediblehero2.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incrediblehero2 .content h1 {
    width: 100%
  }
  #banner.incrediblehero2 .content p {
    width: 100%
  }
  /* Mobile Banner - Incredible Superhero 3 */
  #banner.incrediblehero3 {
    background: url("/img/ppc/parallax/ppc_banner_incrediblehero3.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incrediblehero3 .content h1 {
    width: 100%
  }
  #banner.incrediblehero3 .content p {
    width: 100%
  }
  /* Mobile Banner - Incredible Superhero 4 */
  #banner.incrediblehero4 {
    background: url("/img/ppc/parallax/ppc_banner_incrediblehero4.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incrediblehero4 .content h1 {
    width: 100%
  }
  #banner.incrediblehero4 .content p {
    width: 100%
  }
  /* Mobile Banner - Netflix Superhero */
  #banner.incredibleheronetflix {
    background: url("/img/ppc/parallax/netflix_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.incredibleheronetflix .content h1 {
    width: 100%
  }
  #banner.incredibleheronetflix .content p {
    width: 85%
  }
  /* Mobile Banner - Benefits */
  #banner.benefits {
    background: url("/img/ppc/parallax/ppc_banner_benefits.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.benefits .content h1 {
    width: 100%
  }
  #banner.benefits .content p {
    width: 100%
  }
  /* Mobile Banner - lifesciences */
  #banner.lifesciences {
    background: url("/img/ppc/parallax/ppc_banner_life_sciences.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.lifesciences .content h1 {
    width: 80%
  }
  #banner.lifesciences .content p {
    width: 80%
  }
  /* Mobile Banner - outsourcehr4 */
  #banner.outsourcehr4 {
    background: url("/img/ppc/parallax/ppc_banner_oursourcehr4.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.outsourcehr4 .content h1 {
    width: 100%
  }
  #banner.outsourcehr4 .content p {
    width: 100%
  }
  /* Mobile Banner - Workers Comp */
  #banner.workerscomp {
    background: url("/img/ppc/parallax/ppc_banner_workers_comp.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.workerscomp .content h1 {
    width: 100%
  }
  #banner.workerscomp .content p {
    width: 100%
  }
  /* Mobile Banner - Share Risk */
  #banner.sharerisk {
    background: url("/img/ppc/parallax/ppc_banner_workers_comp.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.sharerisk .content h1 {
    width: 100%
  }
  #banner.sharerisk .content p {
    width: 100%
  }
  /* Mobile Banner - riskandcompliance3 */
  #banner.riskandcompliance3 {
    background: url("/img/ppc/parallax/ppc_banner_riskandcompliance3.jpg") center no-repeat;
    background-size: auto 130%;
  }
  #banner.riskandcompliance3 .content h1 {
    width: 100%
  }
  #banner.riskandcompliance3 .content p {
    width: 100%
  }
  /* Mobile Banner - HR Grader */
  #banner.hrgrader {
    background: url("/img/ppc/parallax/ppc_banner_hrgrader.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.whrgrader .content h1 {
    width: 100%
  }
  #banner.hrgrader .content p {
    width: 100%
  }
  #banner.hrgrader .content .panel {
    width: 100%;
    float: left;
    margin: 1em 15px 0 1.5em
  }
  #banner.hrgrader .content .panel2 {
    width: 100%;
    float: left;
    margin: 0 15px 3em 1.5em
  }
  /* Mobile Banner - Cloud Client*/
  #banner.cloudclient {
    background: url("/img/ppc/parallax/ppc_banner_cloudclient.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.cloudclient .content h1 {
    width: 100%
  }
  #banner.cloudclient .content p {
    width: 100%
  }
  /* Mobile Banner - Trinet Mobile*/
  #banner.trinetmobile {
    background: url("/img/ppc/parallax/trinetmobile_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.trinetmobile .content h1 {
    width: 100%
  }
  #banner.trinetmobile .content p {
    width: 100%
  }
  /* Mobile Banner - Referencestar */
  #banner.referencestar {
    background: url("/img/ppc/parallax/referencestar_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.referencestar .content h1 {
    width: 90%
  }
  #banner.referencestar .content p {
    width: 90%
  }
  /* Mobile Banner - Porcycling*/
  #banner.procycling {
    background: url("/img/ppc/parallax/procycling_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.procycling .content h1 {
    width: 100%
  }
  #banner.procycling .content p {
    width: 100%
  }
  /* Mobile Banner - Acafac*/
  #banner.acafact4 {
    background: url("/img/ppc/parallax/acafact4_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.acafact4 .content h1 {
    width: 100%
  }
  #banner.acafact4 .content p {
    width: 100%
  }
  /* Mobile Banner - midsize*/
  #banner.aca_midsize {
    background: url("/img/ppc/parallax/aca_midsize_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.aca_midsize .content h1 {
    width: 100%
  }
  #banner.aca_midsize .content p {
    width: 100%
  }
  /* Mobile Banner - Acafac*/
  #banner.acafact {
    background: url("/img/ppc/parallax/acafact_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.acafact .content h1 {
    width: 100%
  }
  #banner.acafact .content p {
    width: 100%
  }
  /* Mobile Banner - aca_email16*/
  #banner.aca_email16 {
    background: url("/img/ppc/parallax/aca_email16_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.aca_email16 .content h1 {
    width: 100%
  }
  #banner.aca_email16 .content p {
    width: 100%
  }
  /* Mobile Banner - Midmarket*/
  #banner.midmarket {
    background: url("/img/ppc/parallax/midmarket_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.midmarket .content h1 {
    width: 100%
  }
  #banner.midmarket .content p {
    width: 100%
  }
  /* Mobile Banner - HR Team*/
  #banner.hrteam {
    background: url("/img/ppc/parallax/hr_team_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.hrteam .content h1 {
    width: 100%
  }
  #banner.hrteam .content p {
    width: 100%
  }
  /* Mobile Banner - Zenefits*/
  #banner.zenefits {
    background: url("/img/ppc/parallax/zenefits_banner.jpg") center no-repeat;
    background-size: auto 150%;
  }
  #banner.zenefits .content h1 {
    width: 100%
  }
  #banner.zenefits .content p {
    width: 100%
  }
}