#navbar-site-wide {
  margin: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  #navbar-site-wide .nav-site-wide li a {
    color: white; }
  @media screen and (max-width: 991px) {
    #navbar-site-wide {
      background: #5c6c61;
      position: static; } }

#navbar-site-wide-toggle a {
  background: rgba(255, 255, 255, 0.92); }

section {
  margin: 0 auto;
  max-width: 2200px;
  position: relative;
  padding: 0 0 150px; }
  @media screen and (max-width: 991px) {
    section {
      padding: 30px 0 92.7px; } }
  section:before {
    background: white;
    content: '';
    display: block;
    height: 200%;
    left: 0;
    position: absolute;
    -webkit-box-shadow: 0px 0px 10px 0px #E0E7E0;
    -moz-box-shadow: 0px 0px 10px 0px #E0E7E0;
    box-shadow: 0px 0px 10px 0px #E0E7E0;
    -ms-transform: skew(0deg, -3.82deg);
    /* IE 9 */
    -webkit-transform: skew(0deg, -3.82deg);
    /* Safari */
    transform: skew(0deg, -3.82deg);
    /* Standard syntax */
    transform-origin: top center;
    margin-top: -120px;
    top: 0;
    width: 100%;
    z-index: 1; }
    @media screen and (max-width: 991px) {
      section:before {
        display: none; } }
  section h2 {
    text-align: center; }
  section p, section li {
    font-size: 1.142em; }
  section .container {
    padding-bottom: 30px;
    padding-top: 60px;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 991px) {
      section .container {
        padding-top: 0; } }
    section .container .row {
      position: relative;
      z-index: 1; }
    section .container p, section .container li {
      letter-spacing: 1px; }
    section .container:before {
      background: url("../img/homepage/bg-dots-right.png") no-repeat top right;
      content: '';
      display: block;
      height: 100%;
      opacity: .382;
      position: absolute;
      right: 0;
      top: -120px;
      width: 100%;
      z-index: 0; }
      @media screen and (max-width: 767px) {
        section .container:before {
          display: none; } }
  section .col-screenshot img {
    margin-bottom: -150px;
    position: relative;
    max-width: 150%; }
  @media screen and (max-width: 991px) {
    section .col-screenshot {
      text-align: center; }
      section .col-screenshot img {
        margin-bottom: 0;
        max-width: 100%;
        margin: 0 auto !important;
        position: relative; } }

.section-alt h1,
.section-alt h2,
.section-alt p,
.section-alt li,
.section-alt a {
  color: white; }
  @media screen and (max-width: 991px) {
    .section-alt h1,
    .section-alt h2,
    .section-alt p,
    .section-alt li,
    .section-alt a {
      color: inherit; } }
.section-alt:before {
  background: #90c745;
  /* Old browsers */
  background: -moz-linear-gradient(left, #90c745 0%, #2bb471 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90c745 0%, #2bb471 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90c745 0%, #2bb471 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-kb-green', endColorstr='$color-kb-green-dark', GradientType=1);
  /* IE6-9 */
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
.section-alt .row {
  position: relative;
  z-index: 1; }
  .section-alt .row .col:first-child {
    float: right; }
.section-alt .col-screenshot {
  text-align: right; }
  .section-alt .col-screenshot img {
    margin-left: -50%; }

#section-feature {
  background: url("../img/homepage/feature-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 150px 0 0;
  position: relative;
  z-index: 0; }
  #section-feature:before {
    display: none; }
  #section-feature .container h1,
  #section-feature .container p {
    color: white; }
  #section-feature .container:before {
    display: none; }
  #section-feature .col-text {
    z-index: 1; }
    #section-feature .col-text .lead a {
      color: inherit;
      border-bottom: 2px solid rgba(255, 255, 255, 0.382);
      text-decoration: none; }
      #section-feature .col-text .lead a:hover {
        border-bottom: 2px solid white; }
  #section-feature .col-img {
    z-index: 0; }
    @media screen and (max-width: 991px) {
      #section-feature .col-img {
        margin-top: 60px;
        overflow-x: hidden; } }
  #section-feature #feature-img-wrapper {
    bottom: 0;
    left: -40%;
    position: relative;
    width: 200%; }
    #section-feature #feature-img-wrapper #section-feature-screenshot {
      left: 19.5%;
      position: absolute;
      top: 3.2%;
      width: 48.9%;
      z-index: 1; }
    #section-feature #feature-img-wrapper #feature-video-play {
      background: white;
      border: 0;
      border-radius: 50%;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      font-size: 3em;
      height: 2em;
      left: 38.2%;
      position: absolute;
      top: 14.2%;
      width: 2em;
      padding: .236em .236em .236em .382em;
      z-index: 2; }
    #section-feature #feature-img-wrapper #section-feature-desk {
      width: 100%; }
  @media screen and (max-width: 991px) {
    #section-feature .btn {
      min-width: 45%; } }
  @media screen and (max-width: 767px) {
    #section-feature .btn {
      display: block;
      margin-bottom: 15px;
      width: 100%; } }
  #section-feature .btn-default {
    background: rgba(149, 160, 144, 0.82);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.236);
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.236);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.236);
    color: white; }
    #section-feature .btn-default:hover, #section-feature .btn-default:active, #section-feature .btn-default:focus {
      -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
      -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5);
      box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 991px) {
    #section-feature {
      padding: 57.3px 0 0; } }

#section-demo {
  background: white;
  padding-bottom: 0; }
  #section-demo .container {
    padding-top: 15px; }
  #section-demo h2, #section-demo p {
    border: 0;
    text-align: center; }
  #section-demo img {
    margin-top: 45px; }
  @media screen and (max-width: 767px) {
    #section-demo .btn {
      display: block;
      margin-bottom: 15px; } }
  #section-demo #demo-video-screenshot {
    position: relative; }
    #section-demo #demo-video-screenshot .glyphicon {
      background: white;
      border-radius: 2em;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.618);
      color: #666666;
      font-size: 3em;
      left: 50%;
      margin: 0 0 0 -1.25em;
      position: absolute;
      top: 25%;
      text-align: center;
      padding: 1em .9em 1em 1.1em; }
      #section-demo #demo-video-screenshot .glyphicon:hover, #section-demo #demo-video-screenshot .glyphicon:active, #section-demo #demo-video-screenshot .glyphicon:focus {
        text-decoration: none; }

#section-tracking {
  padding-bottom: 0; }
  #section-tracking h2 {
    margin-top: 45px; }
  #section-tracking .col-screenshot img {
    position: relative;
    max-width: 150%; }

#section-collaboration {
  padding-bottom: 0; }
  #section-collaboration .col-screenshot img {
    margin-left: -50%;
    position: relative;
    max-width: 150%; }

#section-integrations {
  padding-bottom: 0; }
  #section-integrations .col-screenshot img {
    position: relative;
    max-width: 150%; }

#section-features li {
  background: white;
  color: black;
  font-size: 1em;
  margin-bottom: 5px;
  padding: 1em 1em 1em 4em;
  position: relative; }
  #section-features li .glyphicon {
    color: #2bb471;
    font-size: 2em;
    position: absolute;
    margin-top: -.5em;
    left: .5em;
    top: 50%; }

#section-testimonials {
  padding-bottom: 75px; }
  #section-testimonials blockquote {
    border: 0;
    font-size: inherit; }
    #section-testimonials blockquote cite {
      display: block;
      text-align: right; }
  #section-testimonials img {
    border: 2px solid #CCC;
    max-width: 200px;
    margin: 0 auto 15px; }
  #section-testimonials .carousel-control {
    background: none;
    opacity: .82; }
    @media screen and (max-width: 767px) {
      #section-testimonials .carousel-control {
        display: inline-block;
        margin: 30px 0 0;
        padding: 0;
        position: static;
        text-align: center;
        width: 48%; } }
  #section-testimonials .glyphicon {
    color: #2bb471;
    font-size: 4em;
    text-shadow: none;
    width: 1em; }
    #section-testimonials .glyphicon.glyphicon-chevron-left {
      left: 10%; }
    #section-testimonials .glyphicon.glyphicon-chevron-right {
      right: 10%; }
    @media screen and (max-width: 767px) {
      #section-testimonials .glyphicon {
        position: static; } }

#section-bottom-cta {
  background: url("../img/homepage/bottom-cta-bg.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  border-bottom: 2px solid #90c745;
  padding: 60px 0 105px;
  z-index: 1; }
  #section-bottom-cta:before,
  #section-bottom-cta .container:before {
    display: none; }
  #section-bottom-cta p {
    color: white;
    text-align: center; }

#section-corey {
  background: #eaebe9;
  font-size: 1em;
  margin: 0 auto;
  padding: 2em 0;
  position: relative;
  z-index: 1; }
  #section-corey .col-screenshot {
    text-align: center; }
    #section-corey .col-screenshot img {
      border: 2px solid white;
      border-radius: 50%; }

#section-guarantee {
  color: white;
  background: #90c745;
  /* Old browsers */
  background: -moz-linear-gradient(left, #90c745 0%, #2bb471 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90c745 0%, #2bb471 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90c745 0%, #2bb471 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$color-kb-green', endColorstr='$color-kb-green-dark', GradientType=1);
  /* IE6-9 */
  font-size: 1.618em;
  font-weight: bold;
  margin: 0 auto;
  max-width: 2200px;
  padding: 4em 0;
  position: relative;
  text-align: center;
  z-index: 1; }

#iframe_demo {
  height: 0;
  width: 0;
  opacity: 0; }

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