/*** HOME 2016 CSS ***/
hr {
  border-top: 1px solid #ccc; }

#mainHome {
  width: 100%;
  min-height: 800px;
  padding-bottom: 30px;
  background: #213d55 no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  #mainHome h1 {
    text-align: center;
    font-size: 48px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0px;
    padding: 0px 20px;
    margin: 100px auto 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
  #mainHome h2 {
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0px;
    padding: 10px 20px;
    margin: 0px auto 20px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
  #mainHome p {
    text-align: center;
    color: #fff;
    margin-top: 14px;
    margin-bottom: 25px;
    font-size: 15px;
    font-style: italic;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
  #mainHome #box {
    position: relative; }
  #mainHome #box img {
    display: block; }
  #mainHome #box .staticImage {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    border: 1px solid #fff; }
  #mainHome #box .playbutton {
    position: absolute;
    top: 44%;
    left: 63%;
    width: 10%;
    height: auto;
    opacity: .6; }
  #mainHome #box a:hover .playbutton {
    position: absolute;
    top: 44%;
    left: 63%;
    width: 10%;
    height: auto;
    opacity: 1;
    cursor: pointer !important; }
  #mainHome .mainButtons {
    max-width: 600px;
    min-height: 50px;
    margin: 0 auto 20px;
    padding-left: 20px;
    padding-right: 20px; }
  #mainHome .mainHomeBtn {
    float: left;
    width: 100%;
    max-width: 260px; }
  #mainHome .watchBtn {
    float: right;
    width: 100%;
    max-width: 260px; }
    #mainHome .watchBtn .whiteLineBtn {
      border: 1px solid #fff; }
      #mainHome .watchBtn .whiteLineBtn .glyphicons-play-button {
        color: #fff;
        position: relative;
        top: -1px;
        margin-right: 0px;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear; }
    #mainHome .watchBtn .whiteLineBtn:hover {
      color: #213d55; }
      #mainHome .watchBtn .whiteLineBtn:hover .glyphicons-play-button {
        color: #213d55; }

#trustSH {
  background-color: #fff;
  padding: 60px 20px;
  text-align: center; }
  #trustSH h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 400; }
  #trustSH p {
    margin-top: 15px; }
  #trustSH .logos {
    margin-top: 30px; }
    #trustSH .logos img {
      width: 100%;
      max-width: 180px; }
  #trustSH .logoSec {
    width: 20%;
    float: left; }

#sellingPoints {
  background-color: #f5f5f5;
  padding: 60px 0; }
  #sellingPoints h2 {
    text-align: center;
    font-size: 32px;
    margin-top: 0px; }
  #sellingPoints h3 {
    text-align: center;
    font-size: 18px;
    max-width: 900px;
    margin: 20px auto 20px;
    line-height: 24px;
    color: #636363; }
  #sellingPoints h5 {
    text-align: center;
    font-size: 18px;
    max-width: 900px;
    margin: 40px auto 30px;
    line-height: 24px; }
  #sellingPoints .bullets li {
    margin-bottom: 10px; }
  #sellingPoints .subHead {
    margin-top: 50px; }
  #sellingPoints .playbtn {
    margin-top: 20px; }
    #sellingPoints .playbtn .icon-play-button-2 {
      font-size: 22px;
      position: relative;
      top: 5px;
      margin-right: 5px; }
    #sellingPoints .playbtn a {
      color: #428bca;
      text-decoration: none;
      font-weight: 400; }
    #sellingPoints .playbtn a:hover {
      color: #357edb; }
  #sellingPoints .screenCandidates {
    padding-top: 50px;
    padding-bottom: 80px; }
    #sellingPoints .screenCandidates h4 {
      color: #428bca;
      font-size: 24px;
      max-width: 400px;
      margin-top: 10px; }
    #sellingPoints .screenCandidates .recording img {
      float: right;
      width: 100%;
      max-width: 648px;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
      border: 1px solid #fff; }
    #sellingPoints .screenCandidates .subHead {
      margin-bottom: 20px; }
      #sellingPoints .screenCandidates .subHead .icon {
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #428bca;
        padding: 15px;
        max-width: 70px;
        max-height: 70px;
        float: left;
        margin-right: 15px; }
        #sellingPoints .screenCandidates .subHead .icon .icon-account-find-1-1 {
          font-size: 36px;
          color: #428bca; }
  #sellingPoints .remoteCandidates {
    padding-top: 80px;
    padding-bottom: 80px; }
    #sellingPoints .remoteCandidates h4 {
      color: #428bca;
      font-size: 24px;
      margin-top: 10px; }
    #sellingPoints .remoteCandidates .remote-candidates img {
      float: left;
      width: 100%;
      max-width: 648px;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
      border: 1px solid #fff; }
    #sellingPoints .remoteCandidates .subHead {
      margin-bottom: 20px; }
      #sellingPoints .remoteCandidates .subHead .icon {
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #428bca;
        padding: 16px;
        max-width: 70px;
        max-height: 70px;
        float: left;
        margin-right: 15px;
        padding-top: 16px; }
        #sellingPoints .remoteCandidates .subHead .icon .icon-video-meeting-circle {
          font-size: 36px;
          color: #428bca;
          position: relative;
          right: 1px; }
  #sellingPoints .collaboration {
    padding-top: 80px;
    padding-bottom: 80px; }
    #sellingPoints .collaboration h4 {
      color: #428bca;
      font-size: 24px;
      margin-top: 10px; }
    #sellingPoints .collaboration .share-interview img {
      float: right;
      width: 100%;
      max-width: 648px;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
      border: 1px solid #fff; }
    #sellingPoints .collaboration .subHead {
      margin-bottom: 20px; }
      #sellingPoints .collaboration .subHead .icon {
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #428bca;
        padding: 15px;
        max-width: 70px;
        max-height: 70px;
        float: left;
        margin-right: 15px;
        padding-top: 17px; }
        #sellingPoints .collaboration .subHead .icon .icon-account-group-2-1 {
          font-size: 36px;
          color: #428bca; }
  #sellingPoints .improveQuality {
    padding-top: 80px;
    padding-bottom: 80px; }
    #sellingPoints .improveQuality h4 {
      color: #428bca;
      font-size: 24px;
      margin-top: 10px; }
    #sellingPoints .improveQuality .interviews img {
      float: left;
      width: 100%;
      max-width: 648px;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.2);
      border-radius: 0px;
      border: 1px solid #fff; }
    #sellingPoints .improveQuality .subHead {
      margin-bottom: 20px; }
      #sellingPoints .improveQuality .subHead .icon {
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #428bca;
        padding: 15px;
        max-width: 70px;
        max-height: 70px;
        float: left;
        margin-right: 15px; }
        #sellingPoints .improveQuality .subHead .icon .icon-person-favorite-heart-1-1 {
          font-size: 36px;
          color: #428bca; }

.featuresCTA {
  text-align: center; }

#testimonial {
  background-color: #fff;
  padding: 60px 0; }
  #testimonial h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px; }
  #testimonial h3 {
    font-size: 18px;
    color: #636363;
    text-align: center;
    margin-bottom: 50px;
    line-height: 22px; }
  #testimonial .testImg {
    width: 27%;
    margin-right: 3%;
    float: left; }
    #testimonial .testImg img {
      max-width: 137px;
      width: 100%;
      -webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2)); }
  #testimonial .testimonialText {
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    color: #428bca;
    line-height: 28px; }
    #testimonial .testimonialText a:focus {
      color: #428bca;
      outline: none !important;
      border: none !important;
      -webkit-box-shadow: none !important;
      box-shadow: none !important; }
  #testimonial .testContent {
    width: 70%;
    float: left;
    color: #636363;
    font-weight: 400; }
  #testimonial .testimonialBtn {
    margin-top: 20px; }

#awardsBadges {
  background-color: #f5f5f5;
  padding: 50px 0px; }
  #awardsBadges h2 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 0px; }
  #awardsBadges h3 {
    font-size: 18px;
    color: #636363;
    text-align: center;
    line-height: 22px; }
  #awardsBadges .awardImg {
    text-align: center; }
    #awardsBadges .awardImg img {
      width: 100%;
      max-width: 900px; }
  #awardsBadges .awardBtn {
    margin-top: 20px;
    text-align: center; }
    #awardsBadges .awardBtn .smallBlueLineBtn {
      max-width: 260px; }

#mainCTA {
  width: 100%;
  min-height: 411px;
  padding-bottom: 30px;
  background: #428bca no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 90px 0;
  text-align: center; }
  #mainCTA h2 {
    font-size: 28px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px; }
  #mainCTA h3 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px; }
  #mainCTA .ctaMainBtn {
    margin-top: 0px;
    float: right;
    min-width: 300px; }
  #mainCTA .ctaDemoBtn {
    margin-top: 0px;
    float: left;
    min-width: 300px; }

@media (max-width: 992px) {
  br {
    display: none; } }

@media (max-width: 768px) {
  #mainHome {
    min-height: 400px; }
    #mainHome h1 {
      font-size: 42px; }
  #trustSH .logoSec {
    width: 33%; }
  #trustSH .logoSecResponsive {
    margin-left: 15%; }
  #sellingPoints .subHead {
    margin-top: 0px; }
  #sellingPoints .screenCandidates {
    padding-top: 0px; }
    #sellingPoints .screenCandidates h4 {
      max-width: 100%; }
    #sellingPoints .screenCandidates .recording img {
      margin-top: 30px;
      float: none; }
  #sellingPoints .remoteCandidates {
    padding-top: 0px; }
    #sellingPoints .remoteCandidates .remote-candidates img {
      margin-top: 30px;
      float: none; }
  #sellingPoints .collaboration {
    padding-top: 0px; }
    #sellingPoints .collaboration .share-interview img {
      margin-top: 30px;
      float: none; }
  #sellingPoints .improveQuality {
    padding-top: 0px; }
    #sellingPoints .improveQuality .interviews img {
      margin-top: 30px;
      float: none; }
  #testimonial .testOne {
    margin-bottom: 60px; }
  #mainCTA h2 {
    margin-top: 20px; }
  #mainCTA h3 {
    margin-bottom: 20px; }
  #mainCTA .ctaMainBtn {
    margin-top: 0px;
    margin-bottom: 20px;
    float: none;
    min-width: 100px; }
  #mainCTA .ctaDemoBtn {
    margin-top: 0px;
    float: none;
    min-width: 100px; } }

@media (max-width: 640px) {
  #mainHome .mainButtons {
    max-width: 500px; }
  #mainHome .mainHomeBtn {
    float: left;
    max-width: 220px; }
  #mainHome .watchBtn {
    float: right;
    max-width: 220px; } }

@media (max-width: 540px) {
  #mainHome {
    background-position-y: 30px; }
    #mainHome .mainButtons {
      max-width: 500px; }
    #mainHome .mainHomeBtn {
      float: none;
      max-width: 280px;
      width: 100%;
      margin: 0 auto; }
    #mainHome .watchBtn {
      float: none;
      max-width: 280px;
      width: 100%;
      margin: 20px auto; } }

@media (max-width: 440px) {
  #mainHome {
    background-position-y: 90px; }
    #mainHome h1 {
      font-size: 32px; }
    #mainHome h2 {
      font-size: 20px; }
  #trustSH {
    padding-top: 30px;
    padding-bottom: 30px; }
    #trustSH .logoSec {
      width: 50%; }
    #trustSH .logoSecResponsive {
      margin-left: 0%; }
    #trustSH .logoSecResponsiveSmall {
      margin-left: 25%; }
  #sellingPoints {
    padding-top: 60px;
    padding-bottom: 60px; }
    #sellingPoints h2 {
      font-size: 24px; }
    #sellingPoints .icon {
      padding: 11px; }
      #sellingPoints .icon .icon-account-find-1-1 {
        font-size: 24px; }
    #sellingPoints .screenCandidates h4, #sellingPoints .collaboration h4, #sellingPoints .improveQuality h4, #sellingPoints .remoteCandidates h4 {
      font-size: 20px; }
  #testimonial {
    padding-top: 60px;
    padding-bottom: 60px; }
    #testimonial h2 {
      font-size: 24px; }
    #testimonial h3 {
      font-size: 18px; }
  #mainCTA {
    background-position: -580px;
    min-height: 200px; }
    #mainCTA h2 {
      margin-top: 0px;
      font-size: 24px; }
    #mainCTA h3 {
      font-size: 18px; } }

/*** END HOME 2016 CSS ***/

/*# sourceMappingURL=home.css.map */