@charset "UTF-8";

@media all and (min-width:768px) {
  .gsoft-hire-team {
    width: calc(100% - 405px);
  }
}

.gsoft-hire-desc {
  background-color: #cfdc27;
  width: 90%;
  position: relative;
  margin-left: 5%;
  padding: 24px 50px;
  float: left;
  top: -45px;
}

@media all and (min-width:768px) {
  .gsoft-hire-desc {
    width: 405px;
    float: right;
    top: 0;
    margin-left: 0;
    padding: 18px 50px;
  }
}

.gsoft-hire-desc__title {
  font-size: 26px;
  margin-bottom: 24px;
}

.gsoft-hire-desc__copy {
  font-size: 18px;
  line-height: 24px;
  padding: 0;
  margin: 0;
  margin-bottom: 1pc;
}

.gsoft-hire-desc__link {
  color: #545454;
  text-decoration: underline;
}

.gsoft-hire-desc__link:focus,
.gsoft-hire-desc__link:hover {
  color: rgba(84,84,84,.8);
  text-decoration: underline;
}

.gsoft-hire-desc__btn {
  background: #fff;
  color: #373d49;
  font-weight: 600;
  border: 2px solid transparent;
}

.gsoft-hire-desc__btn:focus,
.gsoft-hire-desc__btn:hover {
  background: hsla(0,0%,100%,.2);
  border: 2px solid #fff;
  color: #373d49;
}

.about-team {
  *zoom: 1;
}

.about-team:after,
.about-team:before {
  content: '';
  display: table;
}

.about-team:after {
  clear: both;
}

.about-team-heading {
  text-align: center;
}

.about-team-members {
  margin-top: 30px;
  *zoom: 1;
}

.about-team-members:after,
.about-team-members:before {
  content: '';
  display: table;
}

.about-team-members:after {
  clear: both;
}

.about-team-members__item {
  width: calc(99.99% * 1/2 - 7.5px);
  margin-bottom: 40px;
}

.about-team-members__item:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.about-team-members__item:last-child,
.about-team-members__item:nth-child(2n) {
  margin-right: 0;
}

.about-team-members__item:nth-child(2n+1) {
  clear: left;
}

@media all and (min-width:540px) {
  .about-team-members__item {
    width: calc(99.99% * 1/3 - 10px);
    margin-bottom: 60px;
  }

  .about-team-members__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .about-team-members__item:last-child,
  .about-team-members__item:nth-child(3n) {
    margin-right: 0;
  }

  .about-team-members__item:nth-child(3n+1) {
    clear: left;
  }
}

@media all and (min-width:992px) {
  .about-team-members__item {
    width: calc(99.99% * 1/5 - 9pt);
    margin-bottom: 5pc;
  }

  .about-team-members__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .about-team-members__item:last-child,
  .about-team-members__item:nth-child(5n) {
    margin-right: 0;
  }

  .about-team-members__item:nth-child(5n+1) {
    clear: left;
  }
}

.about-team-members__item-image {
  margin-bottom: 10px;
  max-width: 100%;
}

.about-team-members__item-name,
.about-team-members__item-role {
  margin: 0;
  padding: 0;
  line-height: 1.2;
}

.about-team-members__item-name {
  font-weight: 600;
  font-size: 18px;
}

.about-team-members__item-role {
  font-size: 15px;
}

.about-page .header__title-zone {
  padding-top: 0;
  padding-bottom: 130px;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

@media all and (min-width:768px) {
  .about-page .header__title-zone {
    padding-bottom: 350px;
  }
}

.about-page .header--illustrated:before {
  background-color: rgba(24,121,180,.8);
}

.about-title {
  font-size: 2pc;
  line-height: 1;
}

@media all and (min-width:768px) {
  .about-title {
    font-size: 40px;
  }
}

.about-title__important {
  font-size: 40px;
  font-weight: 700;
  display: block;
}

@media all and (min-width:768px) {
  .about-title__important {
    font-size: 78px;
  }
}

.about-heading {
  text-align: center;
  max-width: 840px;
  margin: 0 auto;
  padding-top: 45px;
  border-top: 1px solid hsla(0,0%,59%,.3);
}

.about-heading:first-child {
  border-top: 0;
}

.about-heading__tag {
  font-size: 14px;
  color: rgba(0,0,0,.26);
}

.about-heading__title {
  font-size: 38px;
  font-weight: 300;
  margin-bottom: 40px;
}

.about-heading__copy {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 2pc;
}

.about-heading__copy:last-child {
  margin-bottom: 60px;
}

.about-customers-map svg {
  max-width: 100%;
  height: auto;
}

.pop-banner-blog {
  position: fixed;
  display: none;
  width: 100%;
  z-index: 12;
  background-color: rgba(6,8,40,.9);
}

@media all and (min-width:600px) {
  .pop-banner-blog {
    bottom: -1px;
  }
}

.pop-banner-blog__inside {
  position: relative;
  padding: 24px 20px 27px;
  max-width: 670px;
  margin: 0 auto;
  *zoom: 1;
}

.pop-banner-blog__inside:after,
.pop-banner-blog__inside:before {
  content: '';
  display: table;
}

.pop-banner-blog__inside:after {
  clear: both;
}

.pop-banner-blog__copy {
  color: #ffecf2;
  font-size: 20px;
  font-weight: 600;
  width: 100%;
  margin-bottom: 9pt;
  margin-right: 4%;
  line-height: 1.15;
  float: left;
}

@media all and (min-width:768px) {
  .pop-banner-blog__copy {
    float: none;
    margin-bottom: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
  }
}

.pop-banner-blog__attention {
  color: #fed10a;
}

.pop-banner-blog__close {
  position: absolute;
  right: 10px;
  top: 0;
  color: #fff;
  font-size: 28px;
  line-height: 1;
  transition: all .2s ease-in;
}

.pop-banner-blog__close--clear {
  opacity: .7;
}

.pop-banner-blog__close--clear:hover {
  opacity: .9;
  text-decoration: none;
}

.pop-banner-blog .hbspt-form .success,
.pop-banner-blog__subscribe .success {
  color: #fff;
}

.pop-banner-blog .hbspt-form label {
  display: none!important;
}

.pop-banner-blog .hbspt-form .hs-error-msgs {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
  display: none!important;
}

.pop-banner-blog .hbspt-form input[type=email],
.pop-banner-blog__email {
  display: block;
  border-radius: 4px;
  padding: 10px;
  height: 40px;
  font-size: 14px;
  float: left;
}

.pop-banner-blog .hbspt-form input[type=submit],
.pop-banner-blog__submit {
  background-color: #2eb863;
  border-radius: 4px;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  height: 40px;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  transition: all .2s ease-in;
  padding: 8px 20px;
  width: 100%;
}

.pop-banner-blog .hbspt-form .submitted-message {
  color: #fff;
}

.pop-banner-blog .hbspt-form input[type=submit]:focus,
.pop-banner-blog .hbspt-form input[type=submit]:hover {
  background-color: #47d17c;
  color: #fff;
}

@media all and (min-width:500px) {
  .pop-banner-blog .hbspt-form input[type=submit],
  .pop-banner-blog__submit {
    float: right;
  }
}

@media all and (min-width:768px) {
  .pop-banner-blog .hbspt-form input[type=submit],
  .pop-banner-blog__submit {
    width: 100%;
  }
}

.pop-banner-blog--slack {
  background: #4d384b;
}

.pop-banner-blog--facegame,
.pop-banner-blog--slack {
  color: #fff;
  box-shadow: 0 -2px 4px 0 rgba(0,0,0,.18);
  bottom: -180px;
  transition: bottom .2s ease-in;
}

.pop-banner-blog--facegame {
  background: #489fff url(https://assets.officevibe.com/wp-content/themes/officevibe/images/blog/happy.svg);
  background-size: 25%;
}

.pop-banner__facegamelogo {
  max-width: 238px;
  width: 100%;
  float: left;
}

.pop-banner-blog__subtitle {
  font-size: 14px;
  color: hsla(0,0%,100%,.5);
  margin-bottom: 0;
}

.pop-banner-facegame__title {
  color: #fff;
  display: block;
  float: left;
  width: 100%;
}

.pop-banner-blog__title {
  font-size: 21px;
  line-height: 1;
  margin-right: 22px;
}

@media all and (min-width:768px) {
  .pop-banner-blog__title {
    font-size: 30px;
  }
}

.slack-laptop {
  display: none;
}

@media all and (min-width:1200px) {
  .slack-laptop {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.pop-banner-blog__inside--lean {
  padding: 9pt 0;
  max-width: 890px;
  padding-left: 20px;
  padding-right: 20px;
}

@media all and (min-width:768px) {
  .pop-banner-blog__inside--lean {
    padding-left: 70px;
  }
}

.pop-banner-blog__inside--slack {
  text-align: center;
}

@media all and (min-width:768px) {
  .pop-banner-blog__inside--slack {
    text-align: left;
  }
}

.pop-banner-button {
  float: right;
}

.pop-banner-button--centered {
  float: none;
  margin-top: 10px;
}

@media all and (min-width:768px) {
  .pop-banner-button--centered {
    float: right;
  }
}

.pop-banner-blog__close--out {
  right: 25px;
  color: hsla(0,0%,100%,.6);
}

.pop-banner__cta,
.pop-banner__infos {
  float: left;
}

.pop-banner__cta--slack {
  width: 100%;
}

@media all and (min-width:768px) {
  .pop-banner__cta--slack {
    width: auto;
  }
}

.pop-banner__infos--slack {
  width: 100%;
  margin-top: 15px;
}

@media all and (min-width:768px) {
  .pop-banner__infos--slack {
    margin-top: 0;
    width: auto;
  }
}

@media all and (min-width:995px) {
  .pop-banner-facegame__infos {
    width: 520px;
    margin-left: 15px;
  }
}

.pop-banner__facegame-cta {
  margin-top: 10px;
}

.pop-banner__cta {
  margin-top: 5px;
}

.pop-banner__leopointing {
  position: absolute;
  right: 40px;
  bottom: 0;
  display: none;
}

@media all and (min-width:768px) {
  .pop-banner__leopointing {
    display: block;
  }
}

@media all and (min-width:960px) {
  .pop-banner__leopointing {
    right: -15px;
  }
}

.pop-banner-blog__svg {
  margin-top: 10px;
}

@media all and (min-width:450px) {
  .pop-banner-blog__svg {
    margin-top: 0;
  }
}

.register-banner__illu {
  opacity: .25;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.register-banner__illu--left {
  left: -200px;
}

.register-banner__illu--right {
  right: -220px;
}

.pop-exclusive-content {
  display: none;
  position: fixed;
  z-index: 12;
  margin-left: -250px;
  text-align: center;
  top: 200px;
  width: 218px;
  min-height: 178px;
  background-color: #fcf8e2;
  border-left: 9px solid #ffe099;
  padding: 22px 10px 22px 15px;
}

.pop-exclusive-content__subtitle {
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  font-size: 9pt;
  display: block;
  margin-bottom: 30px;
}

.pop-exclusive-content__copy,
.type-post p.pop-exclusive-content__copy {
  font-size: 17px;
  line-height: 1.2;
  color: #333;
}

.pop-exclusive-content__link {
  color: #51b4f1;
  font-weight: 600;
  display: block;
}

.pop-exclusive-content__link:focus,
.pop-exclusive-content__link:hover {
  text-decoration: none;
  color: #529dcc;
}

.author-desc--wide {
  width: 100%;
  display: block;
  float: left;
  padding-top: 10px;
  padding-bottom: 15px;
  margin: 24px 0;
  position: relative;
  z-index: 10;
}

.author-desc__social {
  display: inline;
}

.author-desc__title,
.type-post .hub-content h3.author-desc__title {
  font-weight: 400;
  font-size: 18px;
  display: inline-block;
  color: #333;
  margin-bottom: 5px;
}

.type-post .hub-content h3.author-desc__title {
  margin-top: 0;
}

.author-desc__intro,
.type-post p.author-desc__intro {
  font-size: 14px;
  text-transform: uppercase;
  color: #9c9c9c;
  width: 100%;
  float: left;
  padding-bottom: 9pt;
  border-bottom: 1px solid #f5f5f5;
  margin-bottom: 15px;
  line-height: 1;
}

.author-desc__infos {
  float: left;
  width: calc(100% - 135px);
  margin-top: 15px;
}

.author-desc__image {
  float: left;
  width: 90pt;
  height: 90pt;
  margin-right: 15px;
  border-radius: 50%;
}

.author-desc__copy,
.type-post .hub-content p.author-desc__copy {
  line-height: 1.35;
  font-size: 1pc;
  margin-bottom: 0;
  color: #888;
}

.entry-content p.author-desc__copy {
  margin-top: 0;
}

.product-teaser__wrapper {
  background-color: #4599f5;
  background-image: linear-gradient(-180deg,#378ff0 0%,#41b4d2 98%);
  float: left;
  margin-top: 30px;
  position: relative;
  width: 100%;
  z-index: 20;
  padding: 35px 20px;
}

.product-teaser {
  max-width: 1082px;
  margin: 0 auto;
}

.product-teaser__inside {
  float: left;
  width: 100%;
  position: relative;
}

.product-teaser__logo {
  margin-bottom: 18px;
}

.product-teaser__copy {
  color: #fff;
  font-size: 1.125em;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
}

.product-teaser__title {
  color: #fff;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 9pt;
}

@media all and (min-width:1075px) {
  .product-teaser__title {
    font-size: 2.125em;
  }
}

.product-teaser__title--strong {
  font-size: 1.25em;
  font-weight: 600;
}

.product-teaser__illustration {
  float: left;
}

.product-teaser__promotion {
  background-color: rgba(52,104,167,.2);
  border-radius: 4px;
  text-align: center;
  padding: 30px;
  float: none;
  margin: 0 auto;
  width: 100%;
}

@media all and (min-width:875px) {
  .product-teaser__promotion {
    max-width: 572px;
    float: right;
    width: calc(100% - 500px);
  }
}

.product-teaser__illustration {
  width: 100%;
  max-width: 5in;
}

@media all and (min-width:875px) {
  .product-teaser__illustration {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.product-teaser__image {
  display: none;
  max-width: 100%;
}

@media all and (min-width:875px) {
  .product-teaser__image {
    display: block;
  }
}

.product-teaser__trycta {
  margin-right: 9pt;
  margin-bottom: 10px;
}

@media all and (min-width:474px) {
  .product-teaser__trycta {
    margin-bottom: 0;
  }
}

.video-banner-wrapper--surveys {
  background-color: #f28532;
  background-image: linear-gradient(90deg,#f28532 17%,#f49835 45%);
}

.video-banner-wrapper--improve {
  background-color: #ac57be;
  background-image: linear-gradient(90deg,#ac57be 17%,#9347a3 45%);
}

.video-banner-wrapper--feedback {
  background-color: #ff5d76;
  background-image: linear-gradient(90deg,#ff5d76 17%,#e8445e 45%);
}

.video-banner-wrapper--reporting {
  background-color: #4fb3e6;
  background-image: linear-gradient(90deg,#4fb3e6 17%,#2ba0dc 45%);
}

.video-banner {
  background-repeat: no-repeat;
  background-position: right center;
  *zoom: 1;
  padding-top: 20px;
  padding-bottom: 28px;
}

.video-banner:after,
.video-banner:before {
  content: '';
  display: table;
}

.video-banner:after {
  clear: both;
}

.video-banner--surveys {
  background-image: url(../../images/video-banners/surveys-background.svg);
  background-position: 85% center;
}

.video-banner--improve {
  background-image: url(../../images/video-banners/improve-background.svg);
}

.video-banner--feedback {
  background-image: url(../../images/video-banners/feedback-background.svg);
}

.video-banner--reporting {
  background-image: url(../../images/video-banners/reporting-background.svg);
}

.video-banner__image {
  max-width: 100%;
}

.video-banner__link {
  display: block;
  position: relative;
  padding-left: 123px;
  width: 297px;
}

.video-banner__link:hover .video-banner__play {
  opacity: .6;
}

@media all and (min-width:400px) {
  .video-banner__link {
    width: 340px;
  }
}

.video-banner-holder {
  float: left;
  width: 100%;
}

@media all and (min-width:450px) {
  .video-banner__link {
    width: 388px;
  }
}

.video-banner__title {
  font-size: 34px;
  margin-top: 20px;
}

.video-banner__copy {
  font-size: 17px;
}

.video-banner__copy,
.video-banner__title {
  color: #fff;
}

.video-banner__illustrations {
  float: left;
  *zoom: 1;
  min-height: 168px;
}

.video-banner__illustrations:before {
  content: '';
  display: table;
}

.video-banner__illustrations:after {
  content: '';
  display: table;
  clear: both;
}

.video-banner__play {
  display: block;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity .3s ease-in;
}

.video-banner__text {
  float: left;
  width: 70%;
  margin-right: 28px;
  margin-top: 0;
}

@media all and (min-width:768px) {
  .video-banner__text {
    width: 60%;
    width: 460px;
  }
}

@media all and (min-width:1200px) {
  .video-banner__text {
    width: 600px;
    margin-top: 30px;
  }
}

.roi-steps-container {
  padding: 10px 20px 60px;
}

@media all and (min-width:1200px) {
  .roi-steps-container--absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.roi-steps-container--leave-left {
  -webkit-animation: leaveLeft .4s;
  animation: leaveLeft .4s;
}

@-webkit-keyframes leaveLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
  }
}

@keyframes leaveLeft {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
  }
}

.roi-steps-container--leave-right {
  -webkit-animation: leaveRight .4s;
  animation: leaveRight .4s;
}

@-webkit-keyframes leaveRight {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
  }
}

@keyframes leaveRight {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  to {
    opacity: 0;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
  }
}

.roi-steps-container--enter-left {
  -webkit-animation: enterLeft .4s;
  animation: enterLeft .4s;
}

@-webkit-keyframes enterLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@keyframes enterLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate(-60%, -50%);
    transform: translate(-60%, -50%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.roi-steps-container--enter-right {
  -webkit-animation: enterRight .4s;
  animation: enterRight .4s;
}

@-webkit-keyframes enterRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@keyframes enterRight {
  0% {
    opacity: 0;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
  }

  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.roi-entry-content {
  padding-top: 55px;
  padding-bottom: 92px;
}

.roi-steps-hero-1 .section-heading .section-heading-class.roi-steps-numeric,
.roi-steps-tagline {
  display: none;
}

.roi-steps-hero-1 .roi-steps-tagline {
  display: block;
}

.section-heading .section-heading-class.roi-steps-numeric {
  color: hsla(0,0%,100%,.35);
  font-size: 18px;
}

.slider-bar--wrapper {
  max-width: 700px;
  margin: 0 auto;
  margin-top: 30px;
}

@media all and (min-width:768px) {
  .slider-bar--wrapper {
    margin-top: 5pc;
  }
}

.slider-bar {
  background-color: hsla(0,0%,100%,.2);
  margin-top: 28px;
  width: 100%;
  height: 21px;
  position: relative;
  border-radius: 10px;
}

.slider-bar__dragger {
  display: block;
  position: absolute;
  z-index: 100;
  width: 55px;
  cursor: ew-resize;
  opacity: 0;
  transition: opacity .2s ease-in;
  height: 55px;
  top: calc(-50% - 5px)!important;
  border-radius: 999px;
  background-image: url(https://officevibedev.blob.core.windows.net/cdn/slide-default-button-inactive-85px.png);
  background-size: cover;
}

.slider-bar__dragger--smaller {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
  cursor: ew-resize;
}

.slider-bar__dragger--active {
  background-image: url(https://officevibedev.blob.core.windows.net/cdn/slide-default-button-active-85px.png);
}

.slider-bar__dragger--touched {
  background-image: none;
  background-color: #2eb863;
  box-shadow: inset 0 -2px 0 0 #279054;
  cursor: pointer;
}

.slider-bar__dragger--touched:before {
  content: "\e087";
  font-family: icomoon;
  color: #fff;
  font-size: 29px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slider-nav {
  *zoom: 1;
  margin-top: 15px;
}

.slider-nav:after,
.slider-nav:before {
  content: '';
  display: table;
}

.slider-nav:after {
  clear: both;
}

.slider-instruction__text {
  font-size: 17px;
  transition: all .3s ease;
  color: #7c8594;
  display: inline-block;
  left: 50%;
  opacity: 0;
  position: absolute;
}

.slider-instruction__text--touched {
  color: #2eb863;
  width: 7pc;
}

.slider-instruction {
  text-align: center;
  position: relative;
  height: 22px;
}

.slider-instruction__text--slide {
  -webkit-animation: bouncevertical 1s infinite;
  animation: bouncevertical 1s infinite;
}

@-webkit-keyframes bouncevertical {
  0%, 20%, 50%, 80%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px);
  }

  60% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
}

@keyframes bouncevertical {
  0%, 20%, 50%, 80%, to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  40% {
    -webkit-transform: translateX(-18px);
    transform: translateX(-18px);
  }

  60% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
}

.slider-instruction__text--jump {
  -webkit-animation: bounce 1s infinite;
  animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
  }

  60% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px);
  }

  60% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
  }
}

.slider-instruction__text--flash {
  -webkit-animation: flash 1s infinite;
  animation: flash 1s infinite;
}

@-webkit-keyframes flash {
  0%, 20%, 40%, 60%, 80%, to {
    opacity: 1;
  }

  10%, 30%, 50%, 70%, 90% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 20%, 40%, 60%, 80%, to {
    opacity: 1;
  }

  10%, 30%, 50%, 70%, 90% {
    opacity: 0;
  }
}

.slider-details {
  position: relative;
}

.slider-details__paragraph {
  padding: 0 22px;
  color: #fff;
}

.slider-details__text {
  font-size: 18px;
  padding-top: 34px;
  line-height: 1;
}

.slider-details__text:before {
  background-color: hsla(0,0%,59%,.56);
  content: "";
  display: block;
  height: 34px;
  position: absolute;
  top: 2px;
  width: 2px;
}

.slider-details__start {
  float: left;
  text-align: left;
}

.slider-details__start:before {
  left: 14px;
}

.slider-details__end {
  float: right;
  text-align: right;
}

.slider-details__end:before {
  right: 14px;
}

.slider-images {
  text-align: center;
  opacity: .5;
  transition: opacity .3s ease-out;
  position: relative;
  width: 215px;
  height: 150px;
  margin: 70px auto 0;
}

.slider-images img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

.slider-images .slider-images-2 {
  display: inline-block;
}

.slider-images--active {
  opacity: 1;
}

.slider-forward--touched {
  background-color: #2eb863;
  color: #fff;
}

.slider__input {
  background: transparent;
  border: none;
  border-bottom: 2px solid hsla(0,0%,100%,.36);
  color: #fff;
  float: left;
  font-size: 23px;
  text-align: right;
  margin: 0;
  margin-right: 5px;
  padding: 0;
  padding-right: 10px;
  width: 97px;
  transition: all .1s ease-in-out;
}

.slider__input:hover {
  background: hsla(0,0%,100%,.08);
  border-bottom: 2px solid #fff;
}

.slider__input:focus {
  background: hsla(0,0%,100%,.2);
  outline: 0;
  border-bottom: 2px solid #fff;
}

.slider__inputtext {
  font-size: 18px;
  color: hsla(0,0%,100%,.5);
  float: left;
  margin-top: 5px;
}

.slider-roi-cta {
  float: right;
}

.slider__result {
  *zoom: 1;
  margin: 0 auto;
  width: 15pc;
  margin-top: 27px;
}

.slider__result:after,
.slider__result:before {
  content: '';
  display: table;
}

.slider__result:after {
  clear: both;
}

.roi-steps {
  text-align: center;
}

.roi-steps-title {
  color: hsla(0,0%,100%,.8);
  font-size: 42px;
  float: left;
  line-height: .9;
  margin: 0 auto 9pt;
  position: relative;
  text-align: left;
  max-width: 740px;
}

@media all and (min-width:768px) {
  .roi-steps-title {
    font-size: 65px;
    float: none;
  }
}

.roi-step1 {
  max-width: 550px;
  margin: 0 auto;
}

@media all and (min-width:768px) {
  .roi-step1 {
    max-width: 100%;
  }
}

.roi-steps-title__strong {
  color: #fff;
  float: left;
  font-size: 30px;
  width: 100%;
  font-weight: 700;
}

@media all and (min-width:768px) {
  .roi-steps-title__strong {
    font-size: 90px;
    width: auto;
  }
}

.roi-steps-tagline {
  color: hsla(0,0%,100%,.32);
  font-size: 1pc;
  margin-top: 9pt;
  position: absolute;
  bottom: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.roi-steps-hero {
  height: auto;
  min-height: 700px;
  background: #4f5b6e;
  background-image: radial-gradient(at top,#284669,#1a0d29);
  position: relative;
  overflow: hidden;
}

@media all and (min-width:1200px) {
  .roi-steps-hero {
    min-height: 100vh;
  }
}

.roi-steps-tagline-link {
  margin-left: 3px;
  display: inherit;
}

.roi-steps-ovlogo {
  display: inline-block;
  height: 23px;
  width: 84px;
}

.roi-light-header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 111;
  background-color: rgba(0,0,0,.3);
  padding: 10px;
}

.roi-light-header__title {
  font-size: 18px;
  color: hsla(0,0%,100%,.6);
}

.section-heading .section-heading-title.roi-section-heading {
  color: #fff;
  font-weight: 500;
}

.roi-section-subheading {
  color: hsla(0,0%,100%,.4);
  font-weight: 300;
  font-size: 18px;
  margin-top: 5px;
}

.section-heading .section-heading-title.roi-section-heading--bold {
  font-weight: 400;
}

.roi-steps {
  display: none;
}

.roi-steps-header {
  padding-top: 33px;
  height: 58px;
}

.roi-step-header,
.roi-steps-header {
  text-align: center;
}

.roi-step1 {
  display: block;
}

.roi-alert-box,
.roi-btn-inactive {
  display: none;
}

.roi-alert-box {
  color: #fff;
}

.follow-up--roi {
  overflow: hidden;
}

@media all and (min-width:1200px) {
  .follow-up--roi .container {
    padding-left: 230px;
  }
}

.follow-up--roi .row {
  position: relative;
}

.follow-up--roi .row:after {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  width: 255px;
  height: 140px;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/roi2/money.svg);
  background-repeat: no-repeat;
  background-position: center center;
}

@media all and (min-width:768px) {
  .follow-up--roi .row:after {
    display: block;
    right: -50px;
    top: 62px;
  }
}

@media all and (min-width:992px) {
  .follow-up--roi .row:after {
    top: 0;
  }
}

@media all and (min-width:1600px) {
  .follow-up--roi .row:after {
    left: -255px;
  }
}

.follow-up .roi-subtitle--huge {
  font-size: 30px;
  font-weight: 500;
}

.roi-result-learn {
  color: #489fff;
  font-size: 18px;
  text-decoration: none;
  line-height: 1;
  margin-bottom: 20px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.roi-result-learn:focus,
.roi-result-learn:hover {
  text-decoration: underline;
  color: #489fff;
}

.roi-step-result {
  outline: 0!important;
}

.btn-side-results {
  font-size: 18px;
  padding-bottom: 30px;
  padding-top: 30px;
  width: 100%;
  margin-bottom: 0;
  margin-top: 10px;
  position: relative;
  z-index: 12;
}

.btn-side-results.btn--accent {
  border-bottom: 3px solid #0a2916;
}

.btn-side-results.btn--blue {
  border-bottom: 3px solid #001933;
}

@media all and (min-width:480px) {
  .btn-side-results {
    font-size: 24px;
  }
}

@media all and (min-width:992px) {
  .btn-side-results {
    font-size: 30px;
  }
}

.main-results {
  *zoom: 1;
  margin-top: 68px;
  padding: 0 20px;
}

.main-results:after,
.main-results:before {
  content: '';
  display: table;
}

.main-results:after {
  clear: both;
}

.roi-steps-results {
  width: 99.99%;
  float: left;
  text-align: left;
}

.roi-steps-results:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.roi-steps-results:last-child,
.roi-steps-results:nth-child(undefinedn) {
  margin-right: 0;
}

.roi-steps-results:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:992px) {
  .roi-steps-results {
    width: calc(99.99% * 1/2 - 45px);
  }

  .roi-steps-results:nth-child(n) {
    float: left;
    margin-right: 90px;
    clear: none;
  }

  .roi-steps-results:last-child,
  .roi-steps-results:nth-child(2n) {
    margin-right: 0;
  }

  .roi-steps-results:nth-child(2n+1) {
    clear: left;
  }
}

.roi-step-result {
  float: left;
  width: 100%;
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
}

.roi-step-result:before {
  content: "+";
  color: hsla(0,0%,100%,.3);
  position: absolute;
  left: 0;
  font-weight: 600;
  top: -10px;
  font-size: 50px;
}

.roi-step-result:first-child:before {
  content: "";
}

.roi-result-toptitle {
  font-weight: 300;
  font-size: 17px;
  color: hsla(0,0%,100%,.7);
  text-transform: uppercase;
  display: block;
  float: left;
  line-height: 1;
  width: 100%;
}

.roi-result-illustration {
  float: left;
  display: block;
  width: 55px;
  height: 55px;
}

.roi-result-amount {
  font-size: 36px;
  font-weight: 400;
  line-height: .9;
  display: block;
  float: left;
  color: #fff;
  width: 100%;
}

.roi-result-textual {
  padding-left: 65px;
}

.roi-result-subtotal {
  width: 100%;
  float: left;
  position: relative;
  text-shadow: 0 3px 0 rgba(0,0,0,.2);
  border-top: 5px solid hsla(0,0%,100%,.2);
  padding-top: 9pt;
}

.roi-result-subtotal__amount {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  width: 100%;
}

@media all and (min-width:992px) {
  .roi-result-subtotal__amount {
    font-size: 78px;
  }
}

.roi-result-subtotal__amount .roi-odometer {
  float: none;
  display: inline-block;
}

.roi-result-subtotal__amount .roi-odometer-device {
  float: left;
}

.roi-result-subtotal__information {
  font-size: 25px;
  color: hsla(0,0%,100%,.5);
  letter-spacing: -1px;
  text-transform: uppercase;
}

@-webkit-keyframes animatedBackground {
  0% {
    background-position: 0 -402px;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes animatedBackground {
  0% {
    background-position: 0 -402px;
  }

  to {
    background-position: 0 0;
  }
}

.side-results {
  float: right;
  position: relative;
  width: 99.99%;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/roi2/moneyanimation.svg);
  background-repeat: no-repeat;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background-repeat: repeat-y;
  -webkit-animation: animatedBackground 4s linear infinite;
  animation: animatedBackground 4s linear infinite;
}

.side-results:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.side-results:last-child,
.side-results:nth-child(undefinedn) {
  margin-right: 0;
}

.side-results:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:992px) {
  .side-results {
    width: calc(99.99% * 1/2 - 45px);
  }

  .side-results:nth-child(n) {
    float: left;
    margin-right: 90px;
    clear: none;
  }

  .side-results:last-child,
  .side-results:nth-child(2n) {
    margin-right: 0;
  }

  .side-results:nth-child(2n+1) {
    clear: left;
  }
}

.side-results svg {
  margin-bottom: 35px;
  height: auto;
  max-width: 252px;
  width: 60%;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media all and (min-width:992px) {
  .side-results svg {
    height: 220px;
    width: 100%;
  }
}

.roi-result-arrow {
  right: -260px;
  top: -5pc;
  display: none;
}

@media all and (min-width:992px) {
  .roi-result-arrow {
    display: block;
    position: absolute;
  }
}

.roi-result__copy {
  color: #fac000;
  font-size: 18px;
  display: block;
  font-style: italic;
  max-width: 150px;
  text-align: center;
  left: 10%;
  line-height: 1.1;
  margin: 0 auto;
  top: -50px;
  position: absolute;
}

.roi-result__copy--mobile {
  max-width: 200px;
  margin-bottom: 15px;
  display: none;
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
  vertical-align: top!important;
}

.update-numbers {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  float: left;
  background: rgba(0,0,0,.3);
  border-radius: 4px;
  padding: 15px 25px 25px;
  display: none;
}

.update-numbers-form {
  float: left;
}

.update-fieldset {
  float: left;
  width: 100%;
}

@media all and (min-width:600px) {
  .update-fieldset {
    width: 50%;
  }
}

.update-label {
  font-size: 18px;
  color: hsla(0,0%,100%,.4);
  font-weight: 400;
  float: left;
  margin-bottom: 0;
  margin-top: 10px;
}

.update-input {
  width: 134px;
  height: 3pc;
  float: left;
  padding: 10px;
  background: hsla(0,0%,100%,.45);
  font-size: 20px;
  color: #1a0d2a;
  border: none;
}

.update-input-box {
  *zoom: 1;
}

.update-input-box:after,
.update-input-box:before {
  content: '';
  display: table;
}

.update-input-box:after {
  clear: both;
}

.update-input__details {
  float: left;
  color: #fff;
  padding: 8px;
}

.update-illustration {
  float: left;
  margin-right: 6px;
}

.update-fieldset__header {
  *zoom: 1;
  margin-bottom: 9px;
}

.update-fieldset__header:after,
.update-fieldset__header:before {
  content: '';
  display: table;
}

.update-fieldset__header:after {
  clear: both;
}

.update-value__button {
  float: left;
  height: 3pc;
  width: 100%;
  padding-top: 9px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
  font-size: 25px;
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
}

@media all and (min-width:600px) {
  .update-value__button {
    width: 50%;
  }
}

.update-value__button:focus,
.update-value__button:hover {
  background: hsla(0,0%,100%,.2);
}

.roi-result-recalculate {
  color: #fff;
  text-decoration: underline;
}

.roi-result-recalculate:hover {
  color: hsla(0,0%,100%,.8);
}

#myModal .modal-dialog {
  width: 770px;
  max-width: 100%;
}

#myModal .modal-title {
  font-size: 24px;
  font-weight: 600;
  color: #201d1d;
  text-align: center;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  height: 100%;
  margin-right: -4px;
}

.modal-dialog,
.modal:before {
  display: inline-block;
  vertical-align: middle;
}

.modal-dialog {
  text-align: left;
}

.modal-body {
  *zoom: 1;
}

.modal-body:after,
.modal-body:before {
  content: '';
  display: table;
}

.modal-body:after {
  clear: both;
}

.modal-body--wrapper {
  *zoom: 1;
}

.modal-body--wrapper:after,
.modal-body--wrapper:before {
  content: '';
  display: table;
}

.modal-body--wrapper:after {
  clear: both;
}

@media all and (min-width:615px) {
  .modal-illustration,
  .results-form {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .modal-illustration:nth-child(n),
  .results-form:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .modal-illustration:last-child,
  .modal-illustration:nth-child(2n),
  .results-form:last-child,
  .results-form:nth-child(2n) {
    margin-right: 0;
  }

  .modal-illustration:nth-child(2n+1),
  .results-form:nth-child(2n+1) {
    clear: left;
  }
}

.roi-steps-hero--result {
  height: auto;
  min-height: auto;
  padding-bottom: 10pc;
}

@media print {
  .roi-steps-hero--result {
    padding-bottom: 0;
  }
}

.roi-steps-tagline-wrapper {
  width: 100%;
  float: left;
  text-align: center;
}

.roi-steps-tagline-text {
  font-size: 14px;
  color: hsla(0,0%,100%,.5);
  line-height: 1;
  vertical-align: 4px;
  margin-right: 5px;
  display: inline;
}

.roi-steps-tagline-text-link {
  display: inline-block;
  margin-top: 10px;
}

.btn--print-wrapper {
  float: left;
  width: 100%;
  margin-top: 25px;
  margin-bottom: 35px;
  text-align: center;
}

.roi-steps-results-container {
  margin-top: 20px;
}

@media print {
  .noprint {
    display: none!important;
  }
}

@media print {
  .roi-steps-ovlogo path {
    fill: #000!important;
  }
}

.result-pig {
  width: 220px;
  height: auto;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -75pt;
  z-index: 10;
}

.result-copy {
  color: #394446;
  font-weight: 300;
  font-size: 18px;
  line-height: 1;
}

.results-user-content {
  margin-bottom: 52px;
  margin-top: 28px;
  padding-top: 110px;
  *zoom: 1;
}

.results-user-content:after,
.results-user-content:before {
  content: '';
  display: table;
}

.results-user-content:after {
  clear: both;
}

@media print {
  .results-user-content {
    padding-top: 0;
    margin-top: 10px;
  }
}

.result-picked {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 22px;
}

@media all and (min-width:768px) {
  .result-picked {
    margin-bottom: 44px;
  }
}

.result-input-area {
  float: left;
  width: 200px;
}

.results-label {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 8px;
  color: #394446;
}

.results__input {
  color: #394446;
  border: 1px solid #d8d8d8;
  font-weight: 600;
  float: left;
  font-size: 26px;
  line-height: 1;
  height: 42px;
  padding: 5px;
  width: 105px;
  margin-right: 8px;
}

.results__input__title {
  font-size: 18px;
  font-weight: 600;
  line-height: 42px;
}

.result-input-area {
  margin-right: 18px;
}

.result-fact {
  font-size: 14px;
  padding: 13px;
  color: #201d1d;
  line-height: 1.2;
  float: left;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 10px;
  width: 100%;
}

@media all and (min-width:555px) {
  .result-fact {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    left: 214px;
    width: calc(100% - 214px);
  }
}

.results-explanations__illustration {
  float: left;
  margin-right: 8px;
}

.results-explanations {
  width: 100%;
  float: left;
  margin-bottom: 44px;
  page-break-after: always;
}

.results-explanations__title {
  font-size: 29px;
  line-height: 1;
  color: #394446;
  margin-left: 14px;
}

.results-explanations__title--strong {
  font-weight: 600;
}

.results-explanations-total {
  float: left;
  width: 100%;
  display: block;
  color: #394446;
  font-weight: 600;
  font-size: 34px;
  margin-left: 14px;
  margin-top: 22px;
}

.results-details {
  border: 1px solid #d8d8d8;
  float: left;
  margin-top: 10px;
  padding: 14px;
  width: 100%;
}

.results-details__calculations {
  padding-left: 21px;
  list-style-type: none;
  margin-left: 0;
  counter-reset: fancy-numba;
}

.results-details-item {
  color: #394446;
  font-weight: 300;
  padding-left: 20px;
  position: relative;
}

.results-details-item:before {
  content: counter(fancy-numba);
  display: block;
  counter-increment: fancy-numba;
  position: absolute;
  top: 4px;
  left: 0;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  line-height: 1pc;
  color: #fff;
  background: #aab6ca;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  border-radius: 50%;
}

.results-details-item--strong {
  font-size: 18px;
  color: #656e7c;
  font-weight: 600;
}

.results-details-item__total {
  font-size: 21px;
  font-weight: 600;
  color: #656e7c;
  padding-top: 8px;
  border-top: 1px solid #acb6ca;
  width: 114px;
  margin-top: 8px;
  padding-left: 20px;
}

.results-details__explanations {
  margin-top: 24px;
  counter-reset: fancy-numba;
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 33px;
  padding-left: 14px;
  font-size: 9pt;
  color: #acb6ca;
}

.results-details__link {
  color: #4a90e2;
}

.results-details__link:focus,
.results-details__link:hover {
  color: #4a90e2;
  text-decoration: underline;
}

.results-details__explanations-item {
  position: relative;
  padding-left: 20px;
}

.results-details__explanations-item:before {
  content: counter(fancy-numba);
  display: block;
  counter-increment: fancy-numba;
  position: absolute;
  top: 3px;
  left: 0;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  line-height: 14px;
  color: #fff;
  background: #aab6ca;
  font-weight: 400;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
}

.results-details-item--split {
  margin-top: 24px;
}

.result-ending--img {
  max-width: 100%;
  margin: 15px auto;
  width: 100%;
}

.result-ending__tagline {
  font-size: 1pc;
  color: #656e7c;
  margin-top: 26px;
}

.result-ending {
  text-align: center;
}

.result-ending__cta {
  font-size: 24px;
  line-height: 1.2;
  color: #54667a;
  font-weight: 600;
  max-width: 500px;
  margin: 20px auto 30px;
}

@media all and (min-width:768px) {
  .result-ending__cta {
    margin: 60px auto 30px;
  }
}

.result-ending__img {
  margin-top: 30px;
  max-width: 100%;
}

.result-ending__savings {
  font-size: 33px;
  color: #78828f;
}

.result-ending-text-wrapper {
  float: left;
  width: 100%;
}

.result-ending__amount {
  font-size: 56px;
  color: #1c1834;
  font-weight: 600;
}

.result-ending__tagline {
  font-size: 1pc;
  margin-bottom: 30px;
}

.modal-mailchimp-fieldset {
  float: left;
  width: 100%;
}

.modal-mailchimp-input {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding: 5px;
}

.modal-mailchimp__error {
  display: none;
  font-size: 13px;
  float: left;
}

.result__smalltext {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  color: #828282;
  margin-top: 9pt;
}

input[data-action=submitMailchimp] {
  margin-top: 9pt;
}

.lnd_container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
  *zoom: 1;
}

.lnd_container:after,
.lnd_container:before {
  content: '';
  display: table;
}

.lnd_container:after {
  clear: both;
}

@media all and (min-width:1190px) {
  .lnd_container {
    padding: 0;
  }
}

.lnd_button {
  display: block;
  float: left;
  line-height: 1;
  font-size: 18px;
  color: rgba(68,54,66,.8);
  padding: 9pt 15pt;
  background-color: #f5f5f5;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: inset 0 -1px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
  transition: all .1s ease-in-out;
  position: relative;
}

.lnd_button--slack {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/slack-logo.svg);
}

.lnd_button--skype,
.lnd_button--slack {
  padding: 9pt 15pt 9pt 52px;
  background-repeat: no-repeat;
  background-position: 9pt center;
  background-size: 30px;
}

.lnd_button--skype {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/skype-logo.svg);
}

.lnd_button:focus,
.lnd_button:hover {
  background-color: #fff;
  color: rgba(68,54,66,.8);
  text-decoration: none;
  box-shadow: inset 0 -3px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
}

.lnd_button--facegame {
  background-color: #489fff;
  box-shadow: 0 3px 0 0 #4b87dd;
  color: #fff;
}

.lnd_button--facegame:focus,
.lnd_button--facegame:hover {
  background: #7abaff;
  box-shadow: 0 3px 0 0 #4b87dd;
  color: #fff;
}

.lnd_button--calendly {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/mtl/calendly.png);
}

.lnd_button--huge:focus,
.lnd_button--huge:hover {
  color: rgba(68,54,66,.8);
  background-color: #fff;
  box-shadow: inset 0 -5px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
  text-decoration: none;
}

.lnd_button--huge {
  padding: 24px 20px 27px 70px;
  background-position: 9pt center;
  font-size: 25px;
  box-shadow: inset 0 -3px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
  background-size: auto;
}

@media all and (min-width:768px) {
  .lnd_button--huge {
    font-size: 24px;
    padding: 24px 20px 27px 90px;
    background-position: 2pc center;
  }
}

.lnd_button--zenefits {
  padding: 9pt 15pt;
  background: #ec8805;
  background-image: linear-gradient(-180deg,#ffa13f 0%,#f98a17 100%);
  box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.2);
  border-radius: 3px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  position: relative;
}

.lnd_button--zenefits--inverted {
  background-image: none;
  background-color: #fff;
  color: #ee8a20;
}

.lnd_button--zenefits--inverted:focus,
.lnd_button--zenefits--inverted:hover {
  color: #ee8a20!important;
}

.lnd_button--zenefits:focus,
.lnd_button--zenefits:hover {
  box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.2);
  color: #fff;
  top: -1px;
}

.lnd_button--huge--calendly {
  background-position: 9pt center;
  background-size: 50px;
}

@media all and (min-width:768px) {
  .lnd_button--huge--calendly {
    background-size: 65px;
    background-position: 1pc center;
  }
}

.lnd_button--centered {
  float: none;
  display: inline-block;
  margin-top: 20px;
}

.lnd_section-heading {
  padding-top: 44px;
  padding-left: 10px;
  padding-right: 10px;
}

@media all and (min-width:768px) {
  .lnd_section-heading {
    padding-top: 84px;
  }
}

.lnd_section-heading--light {
  padding-top: 3pc;
}

.lnd_slack-header {
  padding: 0;
  margin: 0;
  padding-top: 22px;
  *zoom: 1;
}

.lnd_slack-header:after,
.lnd_slack-header:before {
  content: '';
  display: table;
}

.lnd_slack-header:after {
  clear: both;
}

.lnd_slack-hero__main {
  *zoom: 1;
  padding-top: 55px;
  max-width: 1590px;
  padding-bottom: 25px;
}

.lnd_slack-hero__main:after,
.lnd_slack-hero__main:before {
  content: '';
  display: table;
}

.lnd_slack-hero__main:after {
  clear: both;
}

@media all and (min-width:1235px) {
  .lnd_slack-hero__main {
    padding-bottom: 0;
  }
}

.lnd_slack-hero__infos {
  max-width: 460px;
  padding-right: 20px;
  float: left;
  margin-left: 20px;
}

@media all and (min-width:1080px) {
  .lnd_slack-hero__infos {
    float: right;
  }
}

.lnd_slack-hero__illustration {
  overflow: hidden;
  width: calc(100% - 500px);
  float: right;
  display: none;
  margin-left: -45px;
  position: relative;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-bg@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

@media all and (min-width:1080px) {
  .lnd_slack-hero__illustration {
    display: block;
    float: left;
  }
}

@media all and (min-width:1400px) {
  .lnd_slack-hero__illustration {
    margin-left: 0;
  }
}

body .lnd_slack-hero:after {
  display: none;
  content: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-001@2x.png) url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-002@2x.png) url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-003@2x.png) url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-004@2x.png);
}

.lnd_hero__screen {
  position: relative;
  background-size: 100%;
  transition: all .3s ease-out;
  background-repeat: no-repeat;
}

.lnd_hero__screen--screen1,
.lnd_slack-hero__screen--screen1 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-001@2x.png);
}

.lnd_slack-hero__screen--screen2 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-002@2x.png);
}

.lnd_slack-hero__screen--screen3 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-003@2x.png);
}

.lnd_slack-hero__screen--screen4 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/jumbo-laptop-screen-004@2x.png);
}

.lnd_mtl-hero__screen--screen1 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/mtl/improve.png);
}

.lnd_mtl-hero__screen--screen2 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/mtl/report.png);
}

.lnd_mtl-hero__screen--screen3 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/mtl/question-illustree.png);
}

.lnd_skype-hero__screen--screen1 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/question-eclair.png);
}

.lnd_skype-hero__screen--screen2 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/question-escargot.png);
}

.lnd_skype-hero__screen--screen3 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/question-etoile.png);
}

.lnd_skype-hero__screen--screen4 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/question-feedback.png);
}

.lnd_zenefits-hero__screen--screen1 {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/jumbo-laptop-screen-001@2x.png);
}

.lnd_banner__cta--zenefits {
  position: relative;
}

.lnd_banner__cta--zenefits .lnd_button {
  margin-top: 30px;
  margin-left: 28px;
  padding-left: 30px;
  padding-right: 30px;
}

.lnd_hero__screen:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 63.7614679%;
}

.lnd_hero__screen>.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lnd_slack-hero__image {
  max-width: 100%;
}

.lnd_officevibe-logo {
  position: relative;
  width: 255px;
  height: 36px;
  float: left;
  margin-top: 4px;
}

.lnd_subheader .lnd_officevibe-logo {
  margin-top: 1pc;
}

.lnd_logo {
  position: relative;
  width: 285px;
  height: 46px;
  float: left;
  margin-top: 4px;
}

.lnd_logo--facegame {
  height: 75px;
  width: 300px;
}

.lnd_leo-logo-main__link {
  display: block;
}

.lnd_leo-logo-main__link:focus,
.lnd_leo-logo-main__link:hover {
  opacity: .8;
}

.lnd_leo-logo__illustration {
  float: left;
  display: block;
}

.lnd_leo-logo__link.lnd_leo-logo__link-zenefits {
  color: #666;
}

.lnd_leo-logo__link.lnd_leo-logo__link-zenefits:hover {
  color: hsla(0,0%,40%,.8);
}

.lnd_facegame-logo__link {
  text-decoration: underline;
  color: rgba(54,61,72,.6);
}

.lnd_facegame-logo__link:focus,
.lnd_facegame-logo__link:hover {
  color: #363d48;
}

.lnd_leo-logo__link {
  text-decoration: underline;
  color: hsla(0,0%,100%,.6);
}

.lnd_leo-logo__link:focus,
.lnd_leo-logo__link:hover {
  color: hsla(0,0%,100%,.8);
}

.lnd_leo-logo__subtitle {
  display: block;
  float: left;
  position: absolute;
  top: 50%;
  line-height: 1;
  left: 135px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
  color: hsla(0,0%,100%,.6);
}

.lnd_leo-logo__subtitle-zenefits {
  color: #666;
  left: 105px;
  top: 40%;
  font-size: 1pc;
}

.lnd_facegame-logo__subtitle {
  left: 235px;
  text-align: left;
}

.lnd_leo-logo__subtitle--inverted {
  color: rgba(54,61,72,.6);
}

.lnd_slack-hero {
  background: #4a8ff3;
  background: linear-gradient(to bottom,#4a8ff3 0%,#5dcdbc 100%);
}

.lnd_zenefits-hero {
  background: #fff;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/zenefits-birds.png);
  background-position: right center;
  background-repeat: no-repeat;
  font-family: Roboto,sans-serif!important;
}

.lnd_officevibe-hero {
  background: #4a8ff3;
}

.lnd_slack-hero__title {
  font-weight: 300;
  font-size: 25px;
  line-height: 1;
  color: hsla(0,0%,100%,.6);
  margin: 0 0 25px;
}

@media all and (min-width:768px) {
  .lnd_slack-hero__title {
    font-size: 35px;
  }
}

.lnd_zenefits-hero__title {
  font-size: 13px;
  color: #ee8a20;
  line-height: 1;
  margin-bottom: 38px;
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 700;
}

.lnd_slack-hero__title--strong {
  color: #fff;
  font-size: 45px;
  letter-spacing: -1px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.1);
  display: inline-block;
}

@media all and (min-width:768px) {
  .lnd_slack-hero__title--strong {
    letter-spacing: -3px;
  }
}

.lnd_zenefits-hero__title--strong {
  font-size: 30px;
  color: #000;
  display: inline-block;
}

.lnd_slack-hero__copy {
  font-weight: 300;
  font-size: 20px;
  color: hsla(0,0%,100%,.8);
  margin: 0 0 28px;
}

.ls_footer__copy__link--skype,
.ls_footer__copy__link--skype:hover {
  color: #3ca1e0;
}

.lnd_slack-hero__copy-zenefits {
  color: #000;
  opacity: .6;
}

.lnd_subheader {
  background: #48d0b9;
  box-shadow: 0 3px 0 0 rgba(0,0,0,.05);
  *zoom: 1;
  opacity: 0;
  display: none;
  transition: opacity .3s ease;
  z-index: 11;
  visibility: hidden;
  padding-bottom: 5px;
  width: 100%;
  position: absolute;
}

.lnd_subheader:after,
.lnd_subheader:before {
  content: '';
  display: table;
}

.lnd_subheader:after {
  clear: both;
}

@media all and (min-width:525px) {
  .lnd_subheader {
    display: block;
  }

  .lnd_subheader a {
    cursor: default;
  }
}

@media all and (min-width:1142px) {
  .lnd_subheader {
    padding-bottom: 0;
  }
}

.lnd_subheader--fixed {
  position: fixed;
  opacity: 1;
  top: 0;
  visibility: visible;
  left: 0;
  bottom: inherit!important;
}

.lnd_subheader--fixed a {
  cursor: pointer;
}

.lnd_subheader {
  left: 0;
}

.lnd_subheader--zenefits {
  top: 0;
  background: #fff;
  box-shadow: 0 3px 0 0 rgba(0,0,0,.05);
}

.lnd_subheader--zenefits.lnd_subheader--fixed .lnd_logo {
  margin-top: 10px;
}

.lnd_subheader--facegame {
  bottom: -79px;
  display: none;
}

@media all and (min-width:608px) {
  .lnd_subheader--facegame {
    display: block;
  }
}

.lnd_subheader--nocolor {
  background: #fff;
}

.lnd_subheader--officevibe {
  background: #4a8ff3;
}

.lnd_subheader__nav {
  float: right;
  list-style-type: none;
  margin-bottom: 0;
}

.lnd_subheader__item {
  float: left;
  font-size: 1pc;
  display: none;
}

@media all and (min-width:1142px) {
  .lnd_subheader__item {
    display: block;
  }
}

.lnd_subheader__link.active {
  border-top: 3px solid hsla(0,0%,99%,.7);
}

.lnd_subheader__item.active .lnd_subheader__link.lnd_subheader__link--inverted {
  border-top: 3px solid rgba(72,159,255,.7);
}

.lnd_subheader__item__btn {
  margin-top: 6px;
  display: block;
  margin-left: 9pt;
}

.lnd_subheader__link {
  color: hsla(0,0%,100%,.6);
  display: block;
  border-top: 3px solid transparent;
  padding: 15px 20px 21px;
  line-height: 1;
}

.lnd_subheader__link:focus,
.lnd_subheader__link:hover {
  border-top: 3px solid hsla(0,0%,99%,.7);
  color: #fff;
  text-decoration: none;
}

.lnd_subheader__link--zenefits {
  color: #666;
  font-weight: 300;
}

.lnd_subheader__link--zenefits:focus,
.lnd_subheader__link--zenefits:hover {
  border-top: 3px solid #ee8a20;
  color: #666;
  text-decoration: none;
}

.lnd_subheader__link--inverted {
  color: #97a4a7;
  padding-top: 25px;
}

.lnd_subheader__link--inverted:focus,
.lnd_subheader__link--inverted:hover {
  color: #489fff;
  border-top: 3px solid rgba(72,159,255,.7);
}

.lnd_subheader__facegame {
  margin-top: 14px;
}

.lnd_slack-hero__explore {
  clear: both;
  float: left;
  color: hsla(0,0%,100%,.6);
  font-size: 20px;
  font-weight: 300;
  display: block;
  margin-top: 25px;
}

.lnd_slack-hero__explore:focus,
.lnd_slack-hero__explore:hover {
  color: hsla(0,0%,100%,.8);
  text-decoration: none;
}

.lnd_slack-hero__explore-zenefits {
  color: #67babe;
}

.lnd_slack-hero__explore-zenefits:focus,
.lnd_slack-hero__explore-zenefits:hover {
  color: rgba(103,186,190,.8);
}

.lnd_section-heading {
  text-align: center;
}

.lnd_section-heading-class {
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  margin-bottom: 4px;
  color: rgba(0,0,0,.35);
}

.lnd_section-heading-class-zenefits {
  font-family: Lato,sans-serif;
  color: #ee8a20;
  font-size: 15px;
  font-weight: 700;
}

.lnd_section-heading-title {
  font-size: 38px;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 10px;
}

.lnd_section-heading-title-zenefits {
  font-family: Roboto,sans-serif!important;
  font-size: 24px;
}

.lnd_disengaged {
  max-width: 100%;
}

.lnd_meet-leo {
  *zoom: 1;
  max-width: 765px;
  padding: 0 20px;
  margin: 92px auto 0;
}

.lnd_meet-leo:after,
.lnd_meet-leo:before {
  content: '';
  display: table;
}

.lnd_meet-leo:after {
  clear: both;
}

.lnd_meet-leo--zenefits {
  position: relative;
}

.lnd_meet-leo--zenefits .lnd_meet-leo__illustration {
  text-align: center;
}

@media all and (min-width:768px) {
  .lnd_meet-leo--zenefits .lnd_meet-leo__illustration {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.lnd_meet-leo__illustration,
.lnd_meet-leo__infos {
  width: 99.99%;
}

.lnd_meet-leo__illustration:nth-child(n),
.lnd_meet-leo__infos:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_meet-leo__illustration:last-child,
.lnd_meet-leo__illustration:nth-child(undefinedn),
.lnd_meet-leo__infos:last-child,
.lnd_meet-leo__infos:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_meet-leo__illustration:nth-child(undefinedn+1),
.lnd_meet-leo__infos:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:768px) {
  .lnd_meet-leo__illustration,
  .lnd_meet-leo__infos {
    float: right;
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_meet-leo__illustration:nth-child(n),
  .lnd_meet-leo__infos:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_meet-leo__illustration:last-child,
  .lnd_meet-leo__illustration:nth-child(2n),
  .lnd_meet-leo__infos:last-child,
  .lnd_meet-leo__infos:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_meet-leo__illustration:nth-child(2n+1),
  .lnd_meet-leo__infos:nth-child(2n+1) {
    clear: left;
  }
}

@media (min-width:768px) {
  .lnd_meet-leo__illustration:nth-child(n),
  .lnd_meet-leo__infos:nth-child(n) {
    float: right;
  }
}

.lnd_mtl__infos {
  width: 99.99%;
}

.lnd_mtl__infos:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_mtl__infos:last-child,
.lnd_mtl__infos:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_mtl__infos:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:768px) {
  .lnd_mtl__infos {
    width: calc(99.99% * 2/3 - 5px);
  }

  .lnd_mtl__infos:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_mtl__infos:last-child,
  .lnd_mtl__infos:nth-child(3n) {
    margin-right: 0;
  }

  .lnd_mtl__infos:nth-child(3n+1) {
    clear: left;
  }
}

.lnd_mtl__illustration {
  width: 99.99%;
}

.lnd_mtl__illustration:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_mtl__illustration:last-child,
.lnd_mtl__illustration:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_mtl__illustration:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:768px) {
  .lnd_mtl__illustration {
    width: calc(99.99% * 1/3 - 10px);
  }

  .lnd_mtl__illustration:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_mtl__illustration:last-child,
  .lnd_mtl__illustration:nth-child(3n) {
    margin-right: 0;
  }

  .lnd_mtl__illustration:nth-child(3n+1) {
    clear: left;
  }
}

.lnd_meet-leo__svg {
  max-width: 100%;
  width: 266px;
  display: none;
}

@media all and (min-width:768px) {
  .lnd_meet-leo__svg {
    display: block;
  }
}

.lnd_bobby__svg {
  max-width: 140px;
  position: absolute;
  margin-top: -40px;
  display: none;
}

@media all and (min-width:768px) {
  .lnd_bobby__svg {
    display: block;
  }
}

.lnd_meet-leo__infos__top {
  width: 50%;
  float: left;
}

@media all and (min-width:768px) {
  .lnd_meet-leo__infos__top {
    width: 100%;
    float: none;
  }
}

.lnd_mtl__infos__top {
  width: 50%;
  float: left;
}

@media all and (min-width:768px) {
  .lnd_mtl__infos__top {
    width: 100%;
    float: none;
  }
}

.lnd_meet-leo__svg--mobile {
  max-width: 45%;
  float: right;
  height: auto;
  display: block;
}

@media all and (min-width:768px) {
  .lnd_meet-leo__svg--mobile {
    display: none;
  }
}

.lnd_bobby__svg--mobile {
  max-width: 45%;
  float: right;
  height: auto;
  display: block;
}

@media all and (min-width:768px) {
  .lnd_bobby__svg--mobile {
    display: none;
  }
}

.lnd_meet-leo__title {
  font-size: 2pc;
  font-weight: 400;
  margin-bottom: 24px;
}

.lnd_meet-leo__copy {
  color: #748486;
  font-size: 18px;
}

.lnd_meet-leo__copy--lots {
  margin-bottom: 15px;
}

.lnd_officevibe-logo__office,
.lnd_officevibe-logo__vibe {
  fill: #fff;
}

.lnd_officevibe-logo__office path,
.lnd_officevibe-logo__vibe path {
  fill-opacity: .6;
}

.lnd_officevibe-logo__office path {
  fill-opacity: .8;
}

.lnd_meet-leo-skills {
  float: left;
  font-size: 18px;
  list-style-type: none;
  margin-top: 2pc;
  max-width: 280px;
  padding-left: 0;
}

.lnd_why-list {
  max-width: 100%;
}

.lnd_meet-leo-skills--list {
  list-style-type: disc;
}

.lnd_meet-leo-skills__item {
  color: #748486;
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}

.lnd_meet-leo-skills__item:before {
  display: block;
  position: absolute;
  left: 0;
}

.lnd_meet-leo-skills__item--strong {
  font-weight: 600;
}

.lnd_meet-leo-skills__item--list {
  padding-left: 0;
  margin-left: 30px;
}

.lnd_ie9 .meet-leo-skills__item:before {
  content: "";
  display: block;
  width: 22px;
  height: 28px;
  background-repeat: no-repeat;
}

.lnd_meet-leo-skills__item--collect:before {
  content: "💬";
}

.lnd_ie9 .lnd_meet-leo-skills__item--collect:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/ie9/bubble.png);
}

.lnd_meet-leo-skills__item--real-time:before {
  content: "😊";
}

.lnd_ie9 .lnd_meet-leo-skills__item--real-time:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/ie9/blush.png);
}

.lnd_meet-leo-skills__item--measuring:before {
  content: "📊";
}

.lnd_ie9 .lnd_meet-leo-skills__item--measuring:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/ie9/chart.png);
}

.lnd_meet-leo-skills__item--relationship:before {
  content: "🙌";
}

.lnd_ie9 .lnd_meet-leo-skills__item--relationship:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/ie9/handsup.png);
}

.lnd_meet-leo-skills__item--spot:before {
  content: "🔗";
}

.lnd_ie9 .lnd_meet-leo-skills__item--spot:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/ie9/link.png);
}

.lnd_whos-leo {
  padding-bottom: 40px;
}

@media all and (min-width:768px) {
  .lnd_whos-leo {
    padding-bottom: 15pt;
  }
}

.lnd_whos-leo--inverted {
  background-color: #f6f7f8;
}

.lnd_customers-logos {
  max-width: 855pt;
  margin: 44px auto 65px;
  padding: 20px;
  opacity: .7;
}

.lnd_customers-logos__image {
  max-width: 100%;
  display: none;
}

@media all and (min-width:685px) {
  .lnd_customers-logos__image {
    display: block;
  }
}

.lnd_customers-logos__image--mobile {
  max-width: 90%;
  margin: 0 auto;
  display: block;
}

@media all and (min-width:685px) {
  .lnd_customers-logos__image--mobile {
    display: none;
  }
}

.lnd_how-it-works-wrapper {
  *zoom: 1;
  max-width: 1170px;
  padding: 0 20px;
  margin-top: 45px;
  margin: 0 auto;
  padding-bottom: 55px;
  margin-top: 50px;
}

.lnd_how-it-works-wrapper:after,
.lnd_how-it-works-wrapper:before {
  content: '';
  display: table;
}

.lnd_how-it-works-wrapper:after {
  clear: both;
}

.lnd_how-it-works {
  background: #f6f7f8;
}

.lnd_how-it-works-examples,
.lnd_how-it-works-illustration {
  width: 99.99%;
}

.lnd_how-it-works-examples:nth-child(n),
.lnd_how-it-works-illustration:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_how-it-works-examples:last-child,
.lnd_how-it-works-examples:nth-child(undefinedn),
.lnd_how-it-works-illustration:last-child,
.lnd_how-it-works-illustration:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_how-it-works-examples:nth-child(undefinedn+1),
.lnd_how-it-works-illustration:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples,
  .lnd_how-it-works-illustration {
    width: calc(99.99% * 1/2 - 24px);
  }

  .lnd_how-it-works-examples:nth-child(n),
  .lnd_how-it-works-illustration:nth-child(n) {
    float: left;
    margin-right: 3pc;
    clear: none;
  }

  .lnd_how-it-works-examples:last-child,
  .lnd_how-it-works-examples:nth-child(2n),
  .lnd_how-it-works-illustration:last-child,
  .lnd_how-it-works-illustration:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_how-it-works-examples:nth-child(2n+1),
  .lnd_how-it-works-illustration:nth-child(2n+1) {
    clear: left;
  }
}

@media all and (min-width:515px) and (max-width:824px) {
  .lnd_move-right {
    position: relative;
    left: calc(99.99% * 1/2 - 9pt + 24px);
  }
}

@media all and (min-width:515px) and (max-width:824px) {
  .lnd_move-left {
    position: relative;
    left: calc(99.99% * -1/2 - 36px + 24px);
  }
}

.lnd_how-it-works-illustration {
  position: relative;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 20px;
  display: none;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-illustration {
    display: block;
  }
}

.lnd_how-it-works-illustration--mobile {
  display: block;
  position: relative;
  transition: all .3s ease;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-bottom: 20px;
}

@media all and (min-width:515px) {
  .lnd_how-it-works-illustration--mobile {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_how-it-works-illustration--mobile:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_how-it-works-illustration--mobile:last-child,
  .lnd_how-it-works-illustration--mobile:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_how-it-works-illustration--mobile:nth-child(2n+1) {
    clear: left;
  }
}

@media all and (min-width:825px) {
  .lnd_how-it-works-illustration--mobile {
    width: 99.99%;
    display: none;
  }

  .lnd_how-it-works-illustration--mobile:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_how-it-works-illustration--mobile:last-child,
  .lnd_how-it-works-illustration--mobile:nth-child(undefinedn) {
    margin-right: 0;
  }

  .lnd_how-it-works-illustration--mobile:nth-child(undefinedn+1) {
    clear: left;
  }
}

.lnd_how-it-works-illustration--praise {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/leo-preview-praise.png);
}

.lnd_how-it-works-illustration--report {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/leo-preview-report.png);
}

.lnd_how-it-works-illustration--question {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/leo-preview-question.png);
}

.lnd_how-it-works-illustration--feedback {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/slack/leo-preview-feedback.png);
}

.lnd_how-it-works-skype .lnd_how-it-works-illustration--praise {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/leo-preview-question-4.png);
}

.lnd_how-it-works-skype .lnd_how-it-works-illustration--report {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/leo-preview-question-3.png);
}

.lnd_how-it-works-skype .lnd_how-it-works-illustration--question {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/leo-preview-question-1.png);
}

.lnd_how-it-works-skype .lnd_how-it-works-illustration--feedback {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/skype/leo-preview-question-2.png);
}

.lnd_how-it-works-zenefits .lnd_how-it-works-illustration--praise {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/surveys.png);
}

.lnd_how-it-works-zenefits .lnd_how-it-works-illustration--report {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/segment.png);
}

.lnd_how-it-works-zenefits .lnd_how-it-works-illustration--question {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/feedback.png);
}

.lnd_how-it-works-zenefits .lnd_how-it-works-illustration--feedback {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/insights.png);
}

.lnd_how-it-works-illustration:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 85.1785714%;
}

.lnd_how-it-works-illustration>.lnd_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.lnd_how-it-works-examples__item {
  display: block;
  border-radius: 4px;
  padding: 26px 0;
  position: relative;
  cursor: default;
  transition: all .1s ease-in-out;
}

@media all and (min-width:515px) {
  .lnd_how-it-works-examples__item {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_how-it-works-examples__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_how-it-works-examples__item:last-child,
  .lnd_how-it-works-examples__item:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_how-it-works-examples__item:nth-child(2n+1) {
    clear: left;
  }
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples__item {
    cursor: pointer;
    padding: 26px 40px 26px 3pc;
    width: 99.99%;
  }

  .lnd_how-it-works-examples__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_how-it-works-examples__item:last-child,
  .lnd_how-it-works-examples__item:nth-child(undefinedn) {
    margin-right: 0;
  }

  .lnd_how-it-works-examples__item:nth-child(undefinedn+1) {
    clear: left;
  }

  .lnd_how-it-works-examples__item:focus,
  .lnd_how-it-works-examples__item:hover {
    background: #fff;
    box-shadow: inset 0 -3px 0 0 rgba(0,0,0,.17);
    text-decoration: none;
  }

  .lnd_how-it-works-examples__item:focus .how-it-works-examples__title,
  .lnd_how-it-works-examples__item:hover .how-it-works-examples__title {
    color: #489fff;
  }
}

.lnd_how-it-works-examples__item-zenefits {
  border-radius: 0;
  color: #fff;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples__item-zenefits:focus,
  .lnd_how-it-works-examples__item-zenefits:hover {
    background: #fff;
    box-shadow: none;
    border: none;
  }

  .lnd_how-it-works-examples__item-zenefits:focus .lnd_how-it-works-examples__copy,
  .lnd_how-it-works-examples__item-zenefits:focus .lnd_how-it-works-examples__title-highlighted-zenefits,
  .lnd_how-it-works-examples__item-zenefits:focus .lnd_how-it-works-examples__title-zenefits,
  .lnd_how-it-works-examples__item-zenefits:hover .lnd_how-it-works-examples__copy,
  .lnd_how-it-works-examples__item-zenefits:hover .lnd_how-it-works-examples__title-highlighted-zenefits,
  .lnd_how-it-works-examples__item-zenefits:hover .lnd_how-it-works-examples__title-zenefits {
    color: #67babe!important;
  }
}

.lnd_how-it-works-examples__item--highlighted:hover,
.lnd_how-it-works-examples__item:hover {
  text-decoration: none;
  color: inherit;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples__item--highlighted {
    background: rgba(0,0,0,.05);
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.17),inset 0 -3px 0 0 #fff;
  }

  .lnd_how-it-works-wrapper--zenefits .lnd_how-it-works-examples__item--highlighted {
    background: #ee8a20;
    box-shadow: none;
  }
}

.lnd_how-it-works-examples__item--highlighted.lnd_how-it-works-examples__item--highlighted-zenefits:hover {
  text-decoration: none;
  color: inherit;
  box-shadow: none;
  border: none;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples__item--highlighted.lnd_how-it-works-examples__item--highlighted-zenefits {
    background: #ee8a20;
    box-shadow: none;
  }
}

.lnd_how-it-works-examples__title {
  font-size: 26px;
  line-height: 1;
  font-weight: 400;
  color: #3e474f;
  transition: all .1s ease-in-out;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-examples__item--highlighted:focus,
  .lnd_how-it-works-examples__item--highlighted:hover {
    background: rgba(0,0,0,.05);
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.17),inset 0 -3px 0 0 #fff;
  }

  .lnd_how-it-works-examples__item--highlighted:focus .lnd_how-it-works-examples__title,
  .lnd_how-it-works-examples__item--highlighted:hover .lnd_how-it-works-examples__title {
    color: #3e474f;
  }
}

.lnd_how-it-works-examples__copy {
  font-size: 18px;
  color: rgba(0,0,0,.4);
  margin-top: 2px;
}

@media all and (min-width:825px) {
  .lnd_how-it-works-wrapper--zenefits .lnd_how-it-works-examples__item--highlighted .lnd_how-it-works-examples__copy,
  .lnd_how-it-works-wrapper--zenefits .lnd_how-it-works-examples__item--highlighted .lnd_how-it-works-examples__title {
    color: #fff;
  }
}

.lnd_how-it-works-examples__copy-highlighted-zenefits {
  color: #fff;
}

.lnd_banner {
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
}

.lnd_banner__container {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 20px;
  *zoom: 1;
}

.lnd_banner__container:after,
.lnd_banner__container:before {
  content: '';
  display: table;
}

.lnd_banner__container:after {
  clear: both;
}

@media all and (min-width:1010px) {
  .lnd_banner__container {
    padding: 0;
  }
}

.lnd_banner__infos {
  width: 99.99%;
  margin-bottom: 20px;
}

.lnd_banner__infos:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_banner__infos:last-child,
.lnd_banner__infos:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_banner__infos:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:768px) {
  .lnd_banner__infos {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_banner__infos:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_banner__infos:last-child,
  .lnd_banner__infos:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_banner__infos:nth-child(2n+1) {
    clear: left;
  }
}

.lnd_banner__title {
  font-size: 38px;
  color: #fff;
  line-height: 1;
  font-weight: 300;
  margin-top: 14px;
}

.lnd_banner__copy {
  font-size: 18px;
  color: hsla(0,0%,100%,.5);
}

.lnd_banner--happy {
  background: #3ca1e0;
}

.lnd_banner--zenefits-illustrated {
  background: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/zenefits-banner-background.png) no-repeat center center;
  position: relative;
}

.lnd_banner--waiting {
  background: #fcba40;
}

.zenefits-page .lnd_detailed-list .lnd_detailed-list-desc a {
  color: #67babe!important;
}

.lnd_banner--zenefits {
  background: #ee8a20 url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/logo-ov.svg) -40px center no-repeat;
  position: relative;
}

.lnd_banner--zenefits:after {
  content: "";
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/zenefits/zenefits-logo.png);
  position: absolute;
  display: block;
  z-index: 11;
  right: 0;
  top: 0;
  width: 200px;
  height: 175px;
}

.lnd_footer--accent {
  background: #3ca1e0;
}

.lnd_footer__copy--accent {
  color: #fff;
}

.lnd_faq {
  background: #f6f7f8;
  padding-bottom: 5pc;
}

.lnd_features {
  margin-top: 5pc;
}

.lnd_detailed-list {
  margin-bottom: 30px;
  width: 99.99%;
}

.lnd_detailed-list:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_detailed-list:last-child,
.lnd_detailed-list:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_detailed-list:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:550px) {
  .lnd_detailed-list {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_detailed-list:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_detailed-list:last-child,
  .lnd_detailed-list:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_detailed-list:nth-child(2n+1) {
    clear: left;
  }
}

@media all and (min-width:768px) {
  .lnd_detailed-list {
    width: calc(99.99% * 1/3 - 10px);
  }

  .lnd_detailed-list:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_detailed-list:last-child,
  .lnd_detailed-list:nth-child(3n) {
    margin-right: 0;
  }

  .lnd_detailed-list:nth-child(3n+1) {
    clear: left;
  }
}

.lnd_detailed-list .lnd_detailed-list-desc {
  word-wrap: break-word;
  font-size: 15px;
  line-height: 1.5;
  color: #748486;
}

.lnd_detailed-list .lnd_detailed-list-desc.lnd_detailed-list-desc-followed {
  margin-bottom: 0;
}

.lnd_detailed-list .lnd_detailed-list-desc a {
  color: #3ca1e0;
  text-decoration: none;
}

.lnd_detailed-list .lnd_detailed-list-desc a:focus,
.lnd_detailed-list .lnd_detailed-list-desc a:hover {
  color: #3dadf2;
  text-decoration: underline;
}

.lnd_detailed-list .lnd_detailed-list-subtitle {
  font-weight: 500;
  font-size: 18px;
  color: #4d4d4d;
  margin-bottom: 8px;
}

.lnd_detailed-list .lnd_detailed-list-image {
  float: left;
  display: block;
  margin-top: 10px;
}

.lnd_customer {
  background-color: #f6f7f8;
  padding-top: 15px;
  padding-bottom: 55px;
}

.lnd_customer p {
  line-height: 1;
  margin: 0;
}

.lnd_leos-goodbyes {
  position: relative;
  *zoom: 1;
  padding: 25px 20px 45px;
  width: 303px;
  margin: 0 auto;
}

.lnd_leos-goodbyes:after,
.lnd_leos-goodbyes:before {
  content: '';
  display: table;
}

.lnd_leos-goodbyes:after {
  clear: both;
}

@media all and (min-width:650px) {
  .lnd_leos-goodbyes {
    width: auto;
    padding: 65px 20px 5pc;
  }
}

@media all and (min-width:650px) {
  .lnd_leos-goodbyes__informations,
  .lnd_leos-goodbyes__leo {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_leos-goodbyes__informations:nth-child(n),
  .lnd_leos-goodbyes__leo:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_leos-goodbyes__informations:last-child,
  .lnd_leos-goodbyes__informations:nth-child(2n),
  .lnd_leos-goodbyes__leo:last-child,
  .lnd_leos-goodbyes__leo:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_leos-goodbyes__informations:nth-child(2n+1),
  .lnd_leos-goodbyes__leo:nth-child(2n+1) {
    clear: left;
  }
}

@media all and (min-width:525px) {
  .lnd_leos-goodbyes__informations {
    margin-top: 85px;
  }
}

.lnd_leos-goodbyes__title {
  font-size: 26px;
  font-weight: 400;
  color: #3e474f;
}

@media all and (min-width:768px) {
  .lnd_leos-goodbyes__title {
    font-size: 38px;
  }
}

.lnd_leos-goodbyes__cta {
  margin-top: 30px;
}

.lnd_leos-goodbyes__image {
  max-width: 100%;
  width: 266px;
  display: block;
  margin-right: 25px;
}

@media all and (min-width:650px) {
  .lnd_leos-goodbyes__image {
    float: right;
  }
}

.lnd_about__teaser {
  max-width: 475px;
  padding: 0 20px;
  margin: 0 auto;
}

.lnd_crazy__copy--bigger {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.lnd_crazy__copy a {
  color: #67babe;
}

.lnd_about__image {
  display: block;
  margin: 0 auto;
  max-width: 35pc;
}

.lnd_crazy {
  padding-bottom: 84px;
}

.lnd_crazy-wrapper {
  margin-top: 25px;
  position: relative;
}

@media all and (min-width:768px) {
  .lnd_crazy-wrapper {
    margin-top: 50px;
  }
}

.lnd_crazy__illustration,
.lnd_crazy__infos {
  width: 99.99%;
}

.lnd_crazy__illustration:nth-child(n),
.lnd_crazy__infos:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.lnd_crazy__illustration:last-child,
.lnd_crazy__illustration:nth-child(undefinedn),
.lnd_crazy__infos:last-child,
.lnd_crazy__infos:nth-child(undefinedn) {
  margin-right: 0;
}

.lnd_crazy__illustration:nth-child(undefinedn+1),
.lnd_crazy__infos:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:768px) {
  .lnd_crazy__illustration,
  .lnd_crazy__infos {
    width: calc(99.99% * 1/2 - 7.5px);
  }

  .lnd_crazy__illustration:nth-child(n),
  .lnd_crazy__infos:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .lnd_crazy__illustration:last-child,
  .lnd_crazy__illustration:nth-child(2n),
  .lnd_crazy__infos:last-child,
  .lnd_crazy__infos:nth-child(2n) {
    margin-right: 0;
  }

  .lnd_crazy__illustration:nth-child(2n+1),
  .lnd_crazy__infos:nth-child(2n+1) {
    clear: left;
  }
}

.lnd_crazy__infos--right {
  float: right!important;
}

.lnd_crazy__illustration {
  margin-bottom: 9pt;
}

@media all and (min-width:768px) {
  .lnd_crazy__illustration {
    margin-bottom: 0;
  }
}

.lnd_crazy__illustration--zenefits {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media all and (min-width:768px) {
  .lnd_crazy__illustration--zenefits {
    display: block;
  }
}

.lnd_crazy__image {
  max-width: 100%;
  display: none;
}

@media all and (min-width:768px) {
  .lnd_crazy__image {
    display: block;
  }
}

.lnd_crazy__image--mobile {
  display: block;
  margin: 0 auto;
}

@media all and (min-width:768px) {
  .lnd_crazy__image--mobile {
    display: none;
  }
}

.lnd_crazy__title {
  font-size: 2pc;
  color: #3e474f;
  font-weight: 400;
  margin-bottom: .4em;
}

.lnd_crazy__title-zenefits {
  font-family: Roboto,sans-serif!important;
}

.lnd_crazy__copy {
  font-size: 18px;
  color: #748486;
  margin-bottom: 22px;
}

.lnd_crazy__copy-zenefits {
  font-family: Roboto,sans-serif!important;
}

.lnd_crazy__copy--centered {
  text-align: center;
}

.lnd_zenefits-goodbyes {
  width: 100%;
  text-align: center;
  max-width: 20pc;
  margin: 0 auto;
}

.lnd_zenefits-goodbyes__title {
  font-size: 24px;
  margin-top: 38px;
  color: #666;
}

.lnd_zenefits-goodbyes__logos {
  margin-top: 5pc;
}

.lnd_crazy__copy--strong {
  font-weight: 600;
}

.lnd_crazy__copy__link {
  text-decoration: none;
  color: #3ca1e0;
}

.lnd_crazy__copy__link:focus,
.lnd_crazy__copy__link:hover {
  color: #3dadf2;
}

.lnd_footer {
  float: left;
  width: 100%;
  padding-bottom: 40px;
}

.lnd_footer-zenefits {
  margin-top: 50px;
}

.lnd_footer__copy {
  text-align: center;
  font-size: 1pc;
  color: rgba(0,0,0,.4);
  margin-bottom: 10px;
  margin-top: 10px;
}

.lnd_footer__copy--left {
  float: left;
  margin-top: 0;
}

.lnd_footer__copy--accent {
  color: hsla(0,0%,100%,.8);
}

.lnd_footer__nav {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.lnd_footer__nav--zenefits {
  float: right;
}

.lnd_footer__nav__list {
  *zoom: 1;
  width: 100%;
  padding: 0;
  text-align: center;
}

.lnd_footer__nav__list:after,
.lnd_footer__nav__list:before {
  content: '';
  display: table;
}

.lnd_footer__nav__list:after {
  clear: both;
}

.lnd_footer__nav__link {
  font-size: 1pc;
  line-height: 1;
  color: rgba(0,0,0,.4);
  text-decoration: none;
}

.lnd_footer__nav__link:focus,
.lnd_footer__nav__link:hover {
  color: rgba(0,0,0,.4);
  text-decoration: underline;
}

.lnd_footer__nav__item {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}

.lnd_footer__nav__item:after {
  content: "·";
  position: absolute;
  right: 5px;
  line-height: 0;
  top: 10px;
  font-size: 2pc;
  color: rgba(0,0,0,.4);
}

.lnd_footer__nav__item:last-child {
  padding-right: 0;
}

.lnd_footer__nav__item:last-child:after {
  content: "";
}

.lnd_footer__copy__link {
  color: #489fff;
  text-decoration: none;
}

.lnd_footer__copy__link:focus,
.lnd_footer__copy__link:hover {
  color: rgba(72,159,255,.9);
}

.lnd_signup-label,
.signup-small-form-success {
  display: none;
}

.signup-small-form-success a,
.signup-small-form-success h1,
.signup-small-form-success h2,
.signup-small-form-success h3,
.signup-small-form-success h4,
.signup-small-form-success h5,
.signup-small-form-success h6,
.signup-small-form-success p {
  color: #fff;
}

.lnd_form-group--hidden {
  display: none;
}

.lnd_form-group input {
  border: none;
  font-size: 14px;
  width: 100%;
  height: 42px;
  padding: 9pt;
  border-radius: 4px;
}

form.lnd_form {
  margin-top: 25px;
}

.lnd_first-last-name {
  margin-bottom: 15px;
}

.lnd_slack-hero--fail {
  padding-top: 75px;
  padding-bottom: 150px;
}

.lnd_slack-hero__copy--large {
  font-size: 22px;
  margin-bottom: 5px;
  line-height: 1;
}

.lnd_slack-hero__copy--large--last {
  margin-bottom: 20px;
}

.lnd_btn {
  display: inline-block;
  float: left;
  padding: 8px 20px 9pt;
  line-height: 1;
  text-decoration: none;
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.125rem;
}

.lnd_btn:focus,
.lnd_btn:hover {
  color: #fff;
}

.lnd_btn--outline {
  color: hsla(0,0%,100%,.8);
  border: 2px solid hsla(0,0%,100%,.4);
}

.lnd_btn--outline:focus,
.lnd_btn--outline:hover {
  border-color: hsla(0,0%,100%,.2);
  background-color: hsla(0,0%,100%,.1);
}

.lnd_btn--outline--green {
  color: #2eb863;
  border: 1px solid #2eb863;
}

.lnd_btn--outline--green:focus,
.lnd_btn--outline--green:hover {
  background-color: #2eb863;
  border: 1px solid #2eb863;
  color: #fff;
}

.lnd_btn--outline--blue {
  color: #489fff;
  border: 1px solid #489fff;
}

.lnd_btn--outline--blue:focus,
.lnd_btn--outline--blue:hover {
  background-color: #489fff;
  border: 1px solid #489fff;
  color: #fff;
}

.lnd_btn--accent {
  background-color: #2eb863;
  color: #fff;
}

.lnd_btn--accent:focus,
.lnd_btn--accent:hover {
  background-color: #47d17c;
}

.lnd_btn--faded {
  background-color: #54c37f;
  border: 2px solid transparent;
  color: #fff;
}

.lnd_btn--capitalized {
  text-transform: uppercase;
}

.lnd_btn--faded:focus,
.lnd_btn--faded:hover {
  background-color: #7bd19c;
  border: 2px solid transparent;
}

.lnd_btn--white {
  background-color: #fff;
  border: 2px solid transparent;
}

.lnd_btn--white:focus,
.lnd_btn--white:hover {
  background-color: hsla(0,0%,100%,.85);
  border: 2px solid transparent;
}

.lnd_btn-get-book-direct {
  float: none;
}

.lnd_btn--huge {
  padding: 14px 20px;
  font-size: 24px;
}

.lnd_btn--xhuge {
  padding: 20px;
  font-size: 28px;
}

.lnd_btn--push {
  margin-right: 28px;
}

.lnd_btn--centered {
  float: none;
}

.lnd_btn--full {
  width: 100%;
}

.lnd_btn--orange {
  background-color: #fb9902;
  border-color: #fb9902;
}

.lnd_btn--orange:focus,
.lnd_btn--orange:hover {
  background-color: #fdad35;
  border-color: #fdad35;
}

.lnd_btn--mezzo {
  font-size: 1pc;
  font-size: 1rem;
  padding: 8px 18px 9pt;
}

.lnd_btn--webinar {
  margin-right: 2%;
  width: 49%;
}

@media all and (min-width:768px) {
  .lnd_btn--webinar {
    display: none;
  }
}

@media all and (min-width:1018px) {
  .lnd_btn--webinar {
    display: block;
    margin-right: 28px;
    width: auto;
  }
}

.lnd_btn--spinner {
  position: relative;
  background-color: rgba(46,184,99,.8);
  color: hsla(0,0%,100%,.8);
  overflow: hidden;
}

.lnd_btn--spinner:before {
  content: "";
  position: absolute;
  display: block;
  right: -10px;
  top: -10px;
  width: 55px;
  height: 55px;
  font-size: 0;
  border: 2px solid rgba(255,252,255,.2);
  border-left-color: rgba(255,252,255,.5);
  border-radius: 50px;
  float: none;
  -webkit-animation: rotating 2s .25s linear infinite;
  animation: rotating 2s .25s linear infinite;
  outline: 0;
}

@keyframes rotating {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.lnd_header__cta .lnd_btn.lnd_btn--hr-tech {
  margin-left: 25%;
  width: 50%;
  width: 75%;
  margin-left: 12.5%;
}

.lnd_header__cta .lnd_btn:first-child.lnd_btn--hr-tech {
  margin-left: 12.5%;
}

.lnd_btn--freetrial {
  width: 49%;
}

@media all and (min-width:768px) {
  .lnd_btn--freetrial {
    width: auto;
  }
}

.lnd_btn--integration {
  padding: 10px;
  float: none;
  border-bottom: 2px solid transparent;
  box-shadow: 0 3px 0 #cfcfcf;
}

@media all and (min-width:410px) {
  .lnd_btn--integration {
    padding: 14px 34px;
  }
}

.lnd_btn--integration span.lnd_span {
  float: left;
  display: block;
}

.lnd_btn--integration span.lnd_icon {
  font-size: 30px;
  margin-right: 6px;
}

.lnd_btn--integration span.lnd_text {
  margin-top: 7px;
  font-size: 1pc;
}

@media all and (min-width:410px) {
  .lnd_btn--integration span.lnd_text {
    font-size: 18px;
  }
}

@media all and (max-width:767px) {
  .lnd_follow-up .lnd_btn.lnd_btn--integration {
    width: auto;
  }
}

@media all and (max-width:1200px) {
  .lnd_btn--mezzo {
    font-size: 1rem;
  }
}

.lnd_btn-lg {
  font-size: 24px;
  font-size: 1.5rem;
  padding: 9pt 20px;
}

.lnd_get-started .lnd_input-field .lnd_btn {
  padding: 22px 0 23px;
}

#banner-pricing.lnd_get-started .lnd_cta-btn,
.lnd_flat-btn .lnd_btn,
.lnd_signup-cta.lnd_btn {
  float: none;
}

.lnd_text-center .lnd_btn {
  display: inline;
  float: none;
}

.lnd_signup-slack-leo {
  float: left;
}

.lnd_signup-here {
  max-width: 435px;
  float: left;
  margin-top: 15px;
  color: #fff;
}

@media all and (min-width:600px) {
  .lnd_signup-here {
    margin-left: 30px;
    margin-top: 0;
  }
}

@media all and (min-width:1100px) {
  .lnd_signup-here {
    margin-left: 90px;
    max-width: 685px;
  }
}

.lnd_signup-fail {
  background: #4a8ff3;
  background: linear-gradient(to bottom,#4a8ff3 0%,#5dcdbc 100%);
}

.lnd_start-now {
  margin-top: 25px;
  cursor: pointer;
}

.lnd_signup-small-form {
  max-width: 380px;
}

.lnd_signup-small-form-success {
  display: block;
  color: #fff;
}

.lnd_signup-small-form {
  position: relative;
  z-index: 1111;
  margin-top: 15px;
}

@media all and (min-width:440px) {
  .lnd_signup-small-form {
    width: 100%;
    margin-top: 0;
  }
}

.lnd_signup-small-form .lnd_form-group {
  margin-bottom: 13px;
}

.lnd_signup-small-form .lnd_form-group input {
  height: 52px;
  padding: 1pc;
}

.lnd_signup-small-form-success {
  display: none;
  text-align: center;
}

.lnd_signup-small-form-success a {
  color: #fff;
  text-decoration: underline;
}

.lnd_valentine {
  min-height: 280px;
  background-color: #4a8ff3;
  padding-bottom: 25px;
}

.lnd_valentine img {
  max-width: 100%;
}

.lnd_valentine-headline {
  margin-top: 68px;
}

.lnd_valentine-headline-formidable,
.lnd_valentine-headline-hearth {
  float: left;
}

.lnd_valentine-stars {
  position: absolute;
}

.lnd_valentine-stars-left {
  left: 25px;
}

.lnd_valentine-stars-right {
  right: 25px;
  top: 0;
}

.lnd_valentine-headline-copy {
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
}

@media all and (min-width:768px) {
  .lnd_valentine-headline-copy {
    font-size: 28px;
  }
}

.zenefits-page a,
.zenefits-page body,
.zenefits-page h1,
.zenefits-page h2,
.zenefits-page h3,
.zenefits-page h4,
.zenefits-page h5,
.zenefits-page h6,
.zenefits-page html,
.zenefits-page li,
.zenefits-page p,
.zenefits-page select {
  font-family: Roboto,sans-serif!important;
}

.modal-open {
  padding-right: 0!important;
}

html {
  overflow-y: scroll!important;
}

.modal-top-illu {
  position: absolute;
  top: -75pt;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.modal-content:after,
.modal-content:before {
  content: "";
  display: table;
}

.modal-content:after {
  clear: both;
}

.modal-content {
  zoom: 1;
  background: #f7f7f7;
  border: none;
  border-radius: 4px;
  padding-top: 28px;
}

.modal-cu {
  font-family: Source Sans Pro,Helvetica,Arial,sans-serif!important;
  background: rgba(50,58,69,.7);
}

.modal-cu .modal-content {
  margin-top: 95px;
}

.modal-cu .modal-content h3,
.modal-cu .modal-content h4 {
  text-align: center;
}

.modal-cu .modal-content .modal-content-hero h3 {
  text-align: left;
}

.modal-cu .modal-content h4 {
  font-weight: 700;
  letter-spacing: -.03em;
}

.modal-cu h4.modal-subtitle {
  font-weight: 400;
}

.modal-cu br {
  display: none;
}

.modal-cu input,
.modal-cu select {
  width: 100%;
}

.modal-cu .hs_submit {
  width: 100%;
  float: left;
  text-align: center;
}

.modal-cu input[type=submit] {
  width: auto;
  display: inline-block;
  width: 100%;
  max-width: 270px;
}

.modal-cu .hs-form--full-width input[type=submit] {
  width: auto;
  max-width: 100%;
}

.modal-cu input[type=email],
.modal-cu input[type=tel],
.modal-cu input[type=text],
.modal-cu select,
.modal-cu textarea {
  font-size: 18px;
  border-radius: 4px;
  padding: 9pt;
  background: #fff;
  height: 3pc;
  margin-bottom: 5px;
  color: #323a45;
  border: 1px solid #d9e0e8;
  box-shadow: none;
}

.modal-cu input[type=email]:focus,
.modal-cu input[type=tel]:focus,
.modal-cu input[type=text]:focus,
.modal-cu select:focus,
.modal-cu textarea:focus {
  border: 1px solid #54c37f;
  box-shadow: none;
  outline: 0;
}

.modal-cu textarea {
  height: 70px;
}

.modal-cu .hs-form-checkbox {
  list-style-type: none;
  padding: 0;
  width: calc(99.99% * 1/3 - 10px);
}

.modal-cu .hs-form-checkbox:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.modal-cu .hs-form-checkbox:last-child,
.modal-cu .hs-form-checkbox:nth-child(3n) {
  margin-right: 0;
}

.modal-cu .hs-form-checkbox:nth-child(3n+1) {
  clear: left;
}

.modal-cu .hs-form fieldset.form-columns-1 .hs-form-checkbox-display .hs-input {
  width: 25px!important;
}

.modal-cu .hs-form fieldset {
  max-width: 100%;
  width: 100%;
}

.modal-cu .inputs-list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.modal-cu .hs-input.invalid.error {
  box-shadow: 0 0 8px 0 rgba(220,20,60,.9);
}

.modal-cu .hs-input.invalid.error:focus {
  box-shadow: 0 0 8px 0 rgba(220,20,60,.9);
  border: 1px solid #dc143c;
}

.modal-form-wrapper .submitted-message {
  text-align: left;
}

.modal-cu input[type=submit] {
  background-color: #2eb863;
  font-size: 22px;
  border-radius: 4px;
  font-weight: 500;
  padding: 9pt;
  background-color: #54c37f;
  border: 2px solid transparent;
  color: #fff;
  margin-top: 8px;
}

.modal-cu input[type=submit]:focus,
.modal-cu input[type=submit]:hover {
  background-color: #7bd19c;
  border: 2px solid transparent;
}

.modal-cu .ovweb-form .hs-input.invalid.error {
  border: 1px solid #ee5243!important;
}

.modal-cu label {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #9fa9b9;
}

.modal-cu .hs-error-msgs li {
  margin-top: 0;
}

img.mini-guide-img {
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin-top: 15px;
  max-width: 75pt;
  width: 100%;
  margin: 0 auto;
  display: block;
}

@media all and (min-width:600px) {
  img.mini-guide-img {
    max-width: 200px;
  }
}

img.mini-guide-img--no-rotate {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.modal-cu .modal-header {
  border-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  margin-bottom: 15px;
}

.modal-cu .modal-body {
  padding: 0 0 10px;
  width: 100%;
  float: left;
}

.modal-cu .hs-error-msgs {
  padding-left: 0;
  margin-left: 0;
  margin-top: 0;
  list-style-type: none;
}

.modal-cu .hs-error-msgs label {
  color: crimson;
  text-transform: none;
  font-weight: 400;
}

.modal-cu .hs-error-msgs li {
  padding-left: 0;
  margin-left: 0;
}

.modal-cu .close {
  opacity: .2;
  color: #000;
  font-size: 35px;
  font-weight: 400;
  margin-right: 10px;
  top: -20px;
  position: relative;
  z-index: 12;
}

.modal-cu .close:focus,
.modal-cu .close:hover {
  opacity: .4;
}

.modal-left {
  float: left;
  width: 100%;
  padding: 22px 22px 0;
}

@media all and (min-width:600px) {
  .modal-left {
    width: 34%;
    padding: 38px 22px 25px;
  }
}

.modal-content-hero {
  float: left;
  width: 100%;
  padding: 230px 30px 40px;
  text-align: left;
}

@media all and (min-width:600px) {
  .modal-content-hero {
    padding: 5pc 30px 5pc 276px;
  }
}

.modal-content-hero__title {
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
  color: #323a45;
  margin-bottom: 8px;
}

.modal-content-hero__copy {
  color: #323a45;
  line-height: 1.3;
  font-size: 17px;
}

.modal-illu {
  background: #f1f1f3 url(https://assets.officevibe.com/wp-content/themes/officevibe/images/modals/pattern-horizontal.svg);
  width: 100%;
  height: 215px;
  border-radius: 4px 0 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

@media all and (min-width:600px) {
  .modal-illu {
    width: 246px;
    height: 100%;
  }
}

.modal-illu svg {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 180px;
}

@media all and (min-width:600px) {
  .modal-illu svg {
    width: 100%;
  }
}

.modal-right {
  float: right;
  width: 100%;
  padding: 0 22px 15px;
}

@media all and (min-width:600px) {
  .modal-right {
    width: 66%;
  }
}

.modal-full {
  float: left;
  width: 100%;
  padding: 0 22px 15px;
}

.modal-cu .modal-title {
  margin-top: 0;
  font-weight: 300;
  font-size: 18px;
  color: rgba(92,87,89,.52);
  text-transform: none;
  margin-bottom: 0;
}

.modal-cu .modal-title--modern {
  color: #373e49;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 9px;
  line-height: 1;
  text-transform: inherit;
}

.modal-cu h4 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.modal-cu .modal-dialog {
  width: 100%;
  max-width: 750px;
}

.modal-cu .modal-subtitle {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  color: #3e474f!important;
}

.modal-cu .modal-subtitle--modern {
  text-transform: inherit;
  font-size: 24px;
  color: rgba(55,62,73,.85)!important;
  line-height: 1;
}

.modal-cu .modal-sub-subtitle {
  margin-top: 0!important;
  margin-bottom: 0!important;
  color: #3e474f!important;
  font-size: 2pc;
  text-transform: uppercase;
}

.modal-footer {
  width: 100%;
  float: left;
}

.modal-footer h5.modal-email-optin {
  margin-bottom: 10px!important;
  font-size: 14px!important;
  color: #c1c4c7!important;
  text-align: center;
  margin-left: 3px;
  padding-bottom: 10px!important;
  font-weight: 400;
}

.modal-footer h5.modal-email-optin svg {
  position: relative;
  top: 2px;
}

.modal-footer h5.modal-email-optin--fixed {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.callout br {
  display: none;
}

.modal-success {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
  transform: translateX(-50%) translateY(-50%) translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.modal-success p {
  display: block;
  float: left;
  width: 100%;
}

.modal-success h3 {
  color: #3e474f!important;
  font-size: 34px;
  margin-top: 1em;
  font-weight: 700;
  letter-spacing: -.03em;
}

.modal-success h4 {
  color: #3e474f!important;
  font-weight: 400!important;
  font-size: 28px;
}

.modal.fade:not(.in) .modal-dialog {
  -webkit-transform: translate3d(0,25%,0);
  transform: translate3d(0,25%,0);
}

.modal-cu .icon {
  width: 5pc;
  height: 5pc;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box;
}

.modal-cu .icon.success {
  border-color: #a5dc86;
}

.modal-cu .icon.success:after,
.modal-cu .icon.success:before {
  content: '';
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 90pt;
  background: #f7f7f7;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-cu .icon.success:before {
  border-radius: 90pt 0 0 90pt;
  top: -7px;
  left: -33px;
  -webkit-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}

.modal-cu .icon.success:after,
.modal-cu .icon.success:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-cu .icon.success:after {
  border-radius: 0 90pt 90pt 0;
  top: -11px;
  left: 30px;
  -webkit-transform-origin: 0 60px;
  -ms-transform-origin: 0 60px;
  transform-origin: 0 60px;
}

.modal-cu .icon.success .placeholder {
  width: 5pc;
  height: 5pc;
  border: 4px solid hsla(98,55%,69%,.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}

.modal-cu .icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: #f7f7f7;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modal-cu .icon.success .line {
  height: 5px;
  background-color: #a5dc86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}

.modal-cu .icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal-cu .icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes animate-success-tip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 3pc;
  }

  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@keyframes animate-success-tip {
  0%, 54% {
    width: 0;
    left: 1px;
    top: 19px;
  }

  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }

  84% {
    width: 17px;
    left: 21px;
    top: 3pc;
  }

  to {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}

@-webkit-keyframes animate-success-long {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }

  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@keyframes animate-success-long {
  0%, 65% {
    width: 0;
    right: 46px;
    top: 54px;
  }

  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }

  to {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}

@-webkit-keyframes rotatePlaceholder {
  0%, 5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  12%, to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

@keyframes rotatePlaceholder {
  0%, 5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  12%, to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}

.animate-success-tip {
  -webkit-animation: animate-success-tip .75s;
  animation: animate-success-tip .75s;
}

.animate-success-long {
  -webkit-animation: animate-success-long .75s;
  animation: animate-success-long .75s;
}

.icon.success.animate:after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}

.entry-content a.close-thanks,
a.close-thanks {
  text-decoration: none;
  float: none;
  margin-top: 10px;
  background: #fff;
  color: #2eb863!important;
  border: 2px solid #2eb863;
  padding: 15px 85px;
  transition: all .3s ease-in-out;
}

.entry-content a.close-thanks:hover,
a.close-thanks:hover {
  background: #2eb863;
  border: 2px solid #2eb863;
  color: #fff!important;
}

.hs-form fieldset.form-columns-2 .hs-form-field {
  margin-bottom: 1pc;
}

.ebook-form-hubspot form label {
  color: #fff;
  font-weight: 400;
}

.ebook-form-hubspot form input {
  display: block;
  line-height: 1.428571429;
  color: #555;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  margin-bottom: 10px;
  width: 100%;
  padding: 14px 1pc;
  height: 52px;
}

.ebook-form-hubspot form input[type=submit] {
  display: inline-block;
  padding: 8px 20px 9pt;
  line-height: 1;
  text-decoration: none;
  border-radius: 4px;
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #2eb863;
  border: none;
  color: #fff!important;
  font-weight: 600;
  width: calc(100% - 8px);
}

.hs-form fieldset.form-columns-1 .hs-input {
  width: 100%!important;
}

.ebook-form-hubspot form ul {
  padding: 0;
}

.ebook-form-hubspot form li {
  list-style-type: none;
  margin: 0;
}

.ebook-form-hubspot form li label {
  padding: 0;
}

.submitted-message {
  color: #fff;
}

.contest-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  height: 200px;
  background: #fff;
  border-radius: 0;
  margin: 0;
  box-shadow: 0 0 10px rgba(51,60,78,.1);
  z-index: 1112;
  overflow: hidden;
  padding: 9pt 22px;
}

@media all and (min-width:600px) {
  .contest-popup {
    display: block;
    margin: 0 29px 29px;
    max-width: 500px;
  }
}

.contest-popup-shirt {
  float: right;
}

.contest-popup-instructions {
  float: left;
  padding-top: 15px;
}

@media all and (min-width:600px) {
  .contest-popup-instructions {
    padding-top: 35px;
    padding-left: 35px;
  }
}

.contest-popup-instructions,
.contest-popup-shirt {
  width: 50%;
}

.contest-popup-shirt__image {
  max-width: 100%;
  float: right;
}

.contest-popup__title {
  color: #1f3747;
  font-weight: 600;
  font-size: 22px;
  letter-spacing: .25px;
  margin: 0;
}

.contest-popup__subtitle {
  color: rgba(31,55,71,.6);
  letter-spacing: 1px;
  font-size: 15px;
  margin: 0 0 18px;
}

.contest-popup__button {
  background: #489fff;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 18px;
  box-shadow: 0 4px 0 0 #467fd0;
  transition: background .3s ease-in;
}

@media all and (min-width:480px) {
  .contest-popup__button {
    padding: 18px 30px;
  }
}

.contest-popup__button:focus,
.contest-popup__button:hover {
  background: #62b9ff;
}

.contest-popup__close {
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
  font-weight: 700;
  font-size: 24px;
  color: rgba(0,0,0,.4);
  transition: color .3s ease-in;
}

.contest-popup__close:focus,
.contest-popup__close:hover {
  color: rgba(0,0,0,.8);
  text-decoration: none;
}

.contest-popup__form {
  display: none;
  padding-top: 20px;
  text-align: center;
}

@media all and (min-width:600px) {
  .contest-popup__form {
    padding-top: 40px;
  }
}

.contest-popup__form form>div {
  width: 50%;
  float: left;
}

.contest-popup__form form {
  width: 100%;
}

.contest-popup__form .hs_email {
  text-align: left;
}

.contest-popup__form .hs_email label {
  color: rgba(62,71,79,.55);
  font-size: 14px;
  line-height: 1;
  text-transform: uppercase;
}

.contest-popup__form .hs_email input {
  width: 100%;
  height: 50px;
  padding: 5px;
  border: 1px solid #c3c3c3;
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.contest-popup__form .hs_email input:focus {
  border: 1px solid #2eb863;
  box-shadow: 0 0 11px 0 rgba(100,215,149,.7);
  outline: 0;
}

.contest-popup__form .hs-error-msgs {
  display: none!important;
}

.contest-popup__form .hs_email .hs-input.error:focus {
  box-shadow: 0 0 11px 0 red;
}

.contest-popup__form .hs_email .hs-input.error {
  border: 1px solid red;
  border-right: none;
}

.contest-popup__form .hs_submit {
  width: 50%;
  float: left;
}

.contest-popup__form .hs_submit input {
  background-color: #2eb863;
  border: none;
  border-radius: 0 4px 4px 0;
  color: #fff;
  margin-top: 24px;
  height: 47px;
  width: 100%;
  text-transform: uppercase;
  box-shadow: 0 3px 0 0 #37934a;
}

.contest-popup__form .hs_submit input:focus,
.contest-popup__form .hs_submit input:hover {
  background-color: #48d27d;
  transition: background-color .3s ease-in;
}

.contest-popup__form .hs_submit input:focus {
  outline: 0;
}

.contest-popup__thanks {
  display: none;
  text-align: center;
}

.submitted-message {
  color: #fff;
  font-weight: 600;
  font-size: 22px;
}

.contest-popup__like {
  position: relative;
  background-color: #4863b8;
  border: none;
  border-radius: 4px;
  color: #fff;
  margin-top: 24px;
  height: 47px;
  width: 100%;
  text-transform: uppercase;
  box-shadow: 0 3px 0 0 #3e4f96;
  padding: 10px 18px 10px 28px;
  font-weight: 600;
  transition: background-color .3s ease-in;
}

.contest-popup__like:focus,
.contest-popup__like:hover {
  color: #fff;
  text-decoration: none;
  background-color: #627dd2;
}

.contest-popup__facebook-logo {
  position: absolute;
  margin-top: 2px;
  margin-left: -1pc;
}

.banner-mtl {
  background-color: #4599f5;
  padding-left: 0;
  position: relative;
  *zoom: 1;
}

.banner-mtl:after,
.banner-mtl:before {
  content: '';
  display: table;
}

.banner-mtl:after {
  clear: both;
}

.banner-mtl__container {
  padding-top: 40px;
  padding-bottom: 50px;
  padding-left: 20px;
}

@media all and (min-width:915px) {
  .banner-mtl__container {
    padding-left: 200px;
  }
}

.banner-mtl__col {
  width: 100%;
  float: left;
}

@media all and (min-width:915px) {
  .banner-mtl__col {
    width: 50%;
  }
}

.banner-mtl__col-cta {
  padding-left: 0;
}

@media all and (min-width:915px) {
  .banner-mtl__col-cta {
    padding-left: 65px;
  }
}

.banner-mtl__image {
  position: absolute;
  bottom: 0;
  display: none;
}

@media all and (min-width:915px) {
  .banner-mtl__image {
    display: block;
    left: 0;
  }
}

@media all and (min-width:1645px) {
  .banner-mtl__image {
    display: block;
    left: 0;
    right: auto;
  }
}

.banner-mtl__subtitle,
.banner-mtl__title {
  color: #fff;
}

.banner-mtl__title {
  font-size: 38px;
  font-weight: 300;
}

.banner-mtl__subtitle {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
}

.banner-mtl__arrow {
  display: none;
  float: left;
  margin-left: 30px;
}

@media all and (min-width:1205px) {
  .banner-mtl__arrow {
    display: block;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.facegame-body {
  overflow: hidden;
}

.facegame-video {
  max-width: 968px;
  margin: 0 auto 50px;
  position: relative;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/laptop.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.facegame-video .facegame-video__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
}

.facegame-video:before {
  position: relative;
  display: block;
  content: "";
  padding-top: 54.44%;
  box-sizing: border-box;
}

.facegame-video--wrapper {
  margin: 0 auto;
  position: relative;
  height: 100%;
  width: 100%;
  padding: 5.5% 13.53% 10.44% 13.7%;
}

.facegame-explanations {
  *zoom: 1;
}

.facegame-explanations:after,
.facegame-explanations:before {
  content: '';
  display: table;
}

.facegame-explanations:after {
  clear: both;
}

@media all and (min-width:720px) {
  .facegame-explanations {
    margin-bottom: 90px;
  }
}

.facegame-explanations__item {
  width: 99.99%;
  margin-bottom: 30px;
  text-align: center;
}

.facegame-explanations__item:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.facegame-explanations__item:last-child,
.facegame-explanations__item:nth-child(undefinedn) {
  margin-right: 0;
}

.facegame-explanations__item:nth-child(undefinedn+1) {
  clear: left;
}

@media all and (min-width:720px) {
  .facegame-explanations__item {
    width: calc(99.99% * 1/3 - 10px);
    margin-bottom: 0;
  }

  .facegame-explanations__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .facegame-explanations__item:last-child,
  .facegame-explanations__item:nth-child(3n) {
    margin-right: 0;
  }

  .facegame-explanations__item:nth-child(3n+1) {
    clear: left;
  }
}

.facegame-explanations__illu {
  display: inline-block;
  margin-bottom: 15px;
}

.facegame-explanations__title {
  color: #545454;
}

.facegame-explanations__copy {
  color: gray;
  font-size: 17px;
}

.facegame-explanations__link {
  color: #3194d1;
  text-decoration: none;
  font-size: 18px;
}

.facegame-explanations__link:focus,
.facegame-explanations__link:hover {
  color: #3194d1;
}

.facegame-integrations {
  background-color: #faf9f7;
  *zoom: 1;
}

.facegame-integrations:after,
.facegame-integrations:before {
  content: '';
  display: table;
}

.facegame-integrations:after {
  clear: both;
}

.facegame-integrations__items {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 18px;
}

.facegame-integrations__item {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 20px;
  height: 40px;
  position: relative;
}

.facegame-integrations__item--soon:before {
  content: "Coming Soon";
  display: block;
  position: absolute;
  top: -30px;
  left: 50%;
  font-size: 20px;
  color: #000;
  opacity: .16;
  width: 90pt;
  -webkit-transform: rotate(-35deg) translateX(-50%);
  -ms-transform: rotate(-35deg) translateX(-50%);
  transform: rotate(-35deg) translateX(-50%);
}

@media all and (min-width:720px) {
  .facegame-integrations__item {
    width: 50%;
    float: left;
    margin-right: 0;
  }
}

@media all and (min-width:1100px) {
  .facegame-integrations__item {
    width: auto;
    margin-right: 50px;
    float: none;
  }
}

.stat {
  background: #ee5d71;
  float: left;
  width: 100%;
  height: 40px;
  border-radius: 75pt;
  padding: 4px 5px 6px 10px;
  margin-left: 10px;
}

.stat__logo {
  border-radius: 20px;
  float: left;
}

.stat__cie-name {
  float: left;
  color: #fff;
  padding: 0;
  margin: 0 0 0 10px;
  line-height: 30px;
}

.leaderboard {
  *zoom: 1;
  margin-bottom: 52px;
}

.leaderboard:after,
.leaderboard:before {
  content: '';
  display: table;
}

.leaderboard:after {
  clear: both;
}

.leaderboard__items {
  float: left;
  counter-reset: section;
  width: 100%;
  display: block;
  list-style-type: none;
  margin-top: 40px;
}

.leaderboard__item {
  padding-left: 35px;
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 7px;
  text-align: right;
}

.leaderboard__item:before {
  counter-increment: section;
  content: counter(section) ".";
  position: absolute;
  left: 0;
  font-size: 22px;
  color: #929292;
  line-height: 40px;
  opacity: .4;
  font-weight: 400;
  width: 35px;
}

.board {
  margin: 0 auto;
  max-width: 967px;
  margin-top: 40px;
}

.board__medals {
  *zoom: 1;
}

.board__medals:after,
.board__medals:before {
  content: '';
  display: table;
}

.board__medals:after {
  clear: both;
}

.board__content {
  width: 100%;
  text-align: center;
  *zoom: 1;
  background: #3a4548;
  border-left: 22px solid #a06e4b;
  border-right: 22px solid #a06e4b;
  border-top: 22px solid #aa8362;
  border-bottom: 22px solid #855e3d;
  padding-bottom: 20px;
  border-radius: 8px;
}

.board__content:after,
.board__content:before {
  content: '';
  display: table;
}

.board__content:after {
  clear: both;
}

@media all and (min-width:960px) {
  .board__content {
    border-radius: 0;
    background: none;
    position: absolute;
    top: 0;
    padding-bottom: 0;
    border: none;
  }
}

.board__img {
  width: 100%;
  display: none;
}

@media all and (min-width:960px) {
  .board__img {
    display: block;
  }
}

.board__title {
  color: #fff;
  opacity: .63;
  margin-top: 50px;
  font-weight: 300;
  font-size: 30px;
  padding: 0 15px;
}

.board__items {
  *zoom: 1;
  padding: 0 15px;
  margin-top: 2pc;
  height: 20pc;
}

.board__items:after,
.board__items:before {
  content: '';
  display: table;
}

.board__items:after {
  clear: both;
}

@media all and (min-width:960px) {
  .board__items {
    padding: 0 55px;
  }
}

.board__item {
  text-align: center;
  width: calc(99.99% * 1/2 - 7.5px);
  margin-top: 20px;
  position: relative;
  z-index: 10;
}

.board__item:nth-child(n) {
  float: left;
  margin-right: 15px;
  clear: none;
}

.board__item:last-child,
.board__item:nth-child(2n) {
  margin-right: 0;
}

.board__item:nth-child(2n+1) {
  clear: left;
}

@media all and (min-width:460px) {
  .board__item {
    width: calc(99.99% * 1/4 - 11.25px);
  }

  .board__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .board__item:last-child,
  .board__item:nth-child(4n) {
    margin-right: 0;
  }

  .board__item:nth-child(4n+1) {
    clear: left;
  }
}

@media all and (min-width:960px) {
  .board__item {
    width: calc(99.99% * 1/7 - 12.85714px);
    height: 20pc;
    margin-top: 0;
  }

  .board__item:nth-child(n) {
    float: left;
    margin-right: 15px;
    clear: none;
  }

  .board__item:last-child,
  .board__item:nth-child(7n) {
    margin-right: 0;
  }

  .board__item:nth-child(7n+1) {
    clear: left;
  }
}

.board__item:before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 4pc;
  background-image: linear-gradient(-180deg,hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,.25) 14%,hsla(0,0%,80%,0) 100%);
  z-index: 12;
}

@media all and (min-width:960px) {
  .board__item:before {
    display: block;
  }
}

.board__level {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.board__level,
.board__percentage {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.5);
}

.board__percentage {
  opacity: .5;
}

.board__medal {
  z-index: 20;
  width: 100%;
}

.board,
.board__medal {
  position: relative;
}

.board__item:nth-child(1):before {
  height: 16pc;
}

@media all and (min-width:960px) {
  .board__item:nth-child(2) {
    margin-top: 24px;
  }
}

.board__item:nth-child(2):before {
  height: calc(20pc - 24px - 4pc);
}

@media all and (min-width:960px) {
  .board__item:nth-child(3) {
    margin-top: 3pc;
  }
}

.board__item:nth-child(3):before {
  height: 13pc;
}

@media all and (min-width:960px) {
  .board__item:nth-child(4) {
    margin-top: 72px;
  }
}

.board__item:nth-child(4):before {
  height: calc(20pc - 72px - 4pc);
}

@media all and (min-width:960px) {
  .board__item:nth-child(5) {
    margin-top: 6pc;
  }
}

.board__item:nth-child(5):before {
  height: 10pc;
}

@media all and (min-width:960px) {
  .board__item:nth-child(6) {
    margin-top: 90pt;
  }
}

.board__item:nth-child(6):before {
  height: calc(20pc - 90pt - 4pc);
}

@media all and (min-width:960px) {
  .board__item:nth-child(7) {
    margin-top: 9pc;
  }
}

.board__item:nth-child(7):before {
  height: 7pc;
}

.board__tip {
  float: left;
  padding: 0 15px;
  margin-top: 28px;
  color: #fff;
  text-align: left;
}

@media all and (min-width:960px) {
  .board__tip {
    position: absolute;
    padding: 0 55px;
  }
}

.facegame-improve {
  width: 100%;
  float: left;
  *zoom: 1;
}

.facegame-improve:after,
.facegame-improve:before {
  content: '';
  display: table;
}

.facegame-improve:after {
  clear: both;
}

.facegame-improve__container {
  max-width: 810px;
  margin: 0 auto;
}

.facegame-improve__items {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
}

@media all and (min-width:720px) {
  .facegame-improve__items {
    padding: 0;
    text-align: left;
  }
}

.facegame-improve__item {
  *zoom: 1;
  margin-bottom: 4pc;
}

.facegame-improve__item:after,
.facegame-improve__item:before {
  content: '';
  display: table;
}

.facegame-improve__item:after {
  clear: both;
}

.facegame-improve__reason {
  float: left;
  width: 100%;
}

@media all and (min-width:720px) {
  .facegame-improve__reason {
    width: calc(100% - 15pc - 102px);
  }
}

.facegame-improve__illu {
  float: left;
  margin-right: 62px;
  width: 100%;
}

@media all and (min-width:720px) {
  .facegame-improve__illu {
    width: 15pc;
    margin: 0 102px 0 0;
  }
}

.facegame-improve__illu svg {
  width: 15pc;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
}

@media all and (min-width:720px) {
  .facegame-improve__illu svg {
    width: 100%;
    margin-bottom: 0;
  }
}

.facegame-improve__title {
  font-size: 30px;
  color: #545454;
  margin-bottom: 10px;
}

.facegame-improve__copy {
  color: gray;
  font-size: 17px;
}

.facegame-improve__link {
  color: #4a90e2;
  text-decoration: none;
}

.facegame-improve__link:focus,
.facegame-improve__link:hover {
  color: #4a90e2;
  text-decoration: underline;
}

.pricing-area {
  max-width: 740px;
  width: 100%;
  margin: 0 auto;
  margin-top: 44px;
  *zoom: 1;
}

.pricing-area:after,
.pricing-area:before {
  content: '';
  display: table;
}

.pricing-area:after {
  clear: both;
}

.pricing-area__price {
  float: left;
  width: 100%;
  position: relative;
}

@media all and (min-width:720px) {
  .pricing-area__price {
    width: 255px;
  }
}

.pricing-area__sign {
  color: #61b4ff;
  font-weight: 400;
  font-size: 75pt;
  opacity: .6;
  line-height: 1;
  display: block;
  float: left;
}

.pricing-area__numeral {
  font-size: 200px;
  color: #61b4ff;
  line-height: .7;
  font-weight: 600;
  display: block;
  float: left;
}

.pricing-area__details {
  font-size: 30px;
  color: #4d4d4d;
  opacity: .5;
  line-height: 1;
  display: block;
  float: left;
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

.pricing-area__mission {
  font-weight: 300;
  line-height: 1;
  font-size: 28px;
  margin-top: 15px;
  margin-bottom: 22px;
}

@media all and (min-width:720px) {
  .pricing-area__mission {
    font-size: 38px;
    margin-top: 0;
  }
}

.pricing-area__paragraph {
  opacity: .6;
  color: #545454;
  font-size: 17px;
  line-height: 1.75;
}

.pricing-area__copy {
  float: right;
  width: 100%;
  text-align: center;
}

@media all and (min-width:720px) {
  .pricing-area__copy {
    width: calc(100% - 300px);
    text-align: left;
  }
}

.facegame-faq {
  background: #faf9f7;
  width: 100%;
  float: left;
  *zoom: 1;
}

.facegame-faq:after,
.facegame-faq:before {
  content: '';
  display: table;
}

.facegame-faq:after {
  clear: both;
}

.facegame-faq__items {
  margin-top: 62px;
}

.customers-facegame {
  padding: 24px 0;
  background: #faf9f7;
  text-align: center;
}

.customers-facegame__logos {
  display: inline-block;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 100%;
}

.customers-facegame__logos--sm {
  display: block;
}

@media all and (min-width:400px) {
  .customers-facegame__logos--sm {
    display: none;
  }
}

.customers-facegame__logos--md {
  display: none;
}

@media all and (min-width:400px) {
  .customers-facegame__logos--md {
    display: block;
  }
}

@media all and (min-width:725px) {
  .customers-facegame__logos--md {
    display: none;
  }
}

.customers-facegame__logos--dk {
  display: none;
}

@media all and (min-width:725px) {
  .customers-facegame__logos--dk {
    display: block;
  }
}

.facegame-hero {
  min-height: 40pc;
  position: relative;
  text-align: center;
  *zoom: 1;
  padding: 0 20px;
}

.facegame-hero:after,
.facegame-hero:before {
  content: '';
  display: table;
}

.facegame-hero:after {
  clear: both;
}

.facegame-hero__arrow {
  position: absolute;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: opacity .2s ease-in;
}

.facegame-hero__arrow:focus,
.facegame-hero__arrow:hover {
  opacity: .6;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, to {
    -webkit-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
  }

  40% {
    -webkit-transform: translateY(-15px) translateX(-50%);
    transform: translateY(-15px) translateX(-50%);
  }

  60% {
    -webkit-transform: translateY(-5px) translateX(-50%);
    transform: translateY(-5px) translateX(-50%);
  }
}

.animation-bounce {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-timing-function: cubic-bezier(0.075,0.82,0.165,1);
  animation-timing-function: cubic-bezier(0.075,0.82,0.165,1);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.facegame-hero__play {
  display: block;
  width: 70px;
  margin: 0 auto;
  margin-top: 55px;
}

.facegame-button {
  color: #fff;
  width: 250px;
  display: block;
  margin: 0 auto;
  line-height: 1;
  background: #489fff;
  padding: 27px 15px;
  font-size: 1pc;
  border-radius: 4px;
  letter-spacing: .2px;
  text-shadow: 0 1px 1px rgba(0,0,0,.15);
  font-weight: 600;
  box-shadow: 0 3px 0 0 #4b87dd;
  float: none;
  transition: all .2s ease-in;
}

@media all and (min-width:600px) {
  .facegame-button {
    padding: 27px 38px;
    width: 20pc;
    font-size: 20px;
  }
}

@media all and (min-width:720px) {
  .facegame-button {
    float: left;
  }
}

.facegame-button:hover {
  background: #7abaff;
}

.facegame-button--inverted {
  background-color: #f5f5f5;
  color: #4b87dd;
  box-shadow: inset 0 -3px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
  text-shadow: none;
}

.facegame-button--centered {
  float: none;
}

.facegame-button:focus,
.facegame-button:hover {
  color: #fff;
  text-decoration: none;
}

.facegame-button--inverted:focus,
.facegame-button--inverted:hover {
  color: #4b87dd;
  background-color: #fff;
  box-shadow: inset 0 -5px 0 0 #d9d9d9,0 0 8px 2px rgba(0,0,0,.05);
}

.facegame-hero {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/header.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.facegame-hero__title {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #fff;
  font-weight: 300;
  line-height: 1;
  opacity: 0;
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: 94px;
  padding: 0 15px;
}

@media all and (min-width:720px) {
  .facegame-hero__title {
    font-size: 60px;
  }
}

.facegame-hero__copy {
  font-size: 20px;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  animation-fill-mode: forwards;
  font-weight: 300;
  line-height: 1.3;
  color: #fff;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.facegame-button--hero,
.facegame-hero__copy {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
}

.facegame-button--hero {
  -webkit-animation: fadeIn .3s;
  animation: fadeIn .3s;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.facegame-logo {
  display: block;
}

.facegame-logo-wrapper {
  *zoom: 1;
  padding-top: 20px;
  text-align: left;
}

.facegame-logo-wrapper:after,
.facegame-logo-wrapper:before {
  content: '';
  display: table;
}

.facegame-logo-wrapper:after {
  clear: both;
}

.facegame-last-cta--wrapper {
  float: left;
  width: 100%;
  *zoom: 1;
  position: relative;
}

.facegame-last-cta--wrapper:after,
.facegame-last-cta--wrapper:before {
  content: '';
  display: table;
}

.facegame-last-cta--wrapper:after {
  clear: both;
}

.facegame-last-cta {
  *zoom: 1;
  width: 100%;
  position: relative;
  max-width: 735px;
  margin: 0 auto;
  margin-top: 0;
  padding-bottom: 22px;
  text-align: center;
}

.facegame-last-cta:after,
.facegame-last-cta:before {
  content: '';
  display: table;
}

.facegame-last-cta:after {
  clear: both;
}

@media all and (min-width:720px) {
  .facegame-last-cta {
    padding-bottom: 172px;
    margin-top: 93pt;
    text-align: left;
  }
}

.facegame-last-cta__title {
  font-size: 2pc;
  color: #3e474f;
  margin-bottom: 34px;
}

.facegame-last-cta__copy {
  float: right;
  width: 100%;
}

@media all and (min-width:720px) {
  .facegame-last-cta__copy {
    width: 392px;
  }
}

.facegame-last-cta__cards {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

@media all and (min-width:720px) {
  .facegame-last-cta__cards {
    width: 236px;
  }
}

.pricing-area__link {
  color: #428bca;
}

.pricing-area__link:focus,
.pricing-area__link:hover {
  color: #428bca;
  text-decoration: underline;
}

.pricing-area__number {
  *zoom: 1;
  width: 170px;
  margin: 0 auto;
}

.pricing-area__number:after,
.pricing-area__number:before {
  content: '';
  display: table;
}

.pricing-area__number:after {
  clear: both;
}

@media all and (min-width:720px) {
  .pricing-area__number {
    width: 175px;
    position: relative;
    left: 85px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

.facegame-banner {
  background: #489fff;
  width: 100%;
  float: left;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

@media all and (min-width:720px) {
  .facegame-banner {
    text-align: left;
    margin-bottom: 55px;
  }
}

.facegame-banner__title {
  color: #fff;
  font-size: 38px;
  font-weight: 300;
  margin-top: 5px;
}

.facegame-banner__subtitle {
  color: #fff;
  font-size: 17px;
  line-height: 1;
  opacity: .85;
}

.facegame-banner__card {
  float: left;
  width: 100%;
  position: relative;
  z-index: 5;
}

@media all and (min-width:720px) {
  .facegame-banner__card {
    width: 236px;
  }
}

.facegame-pricing {
  *zoom: 1;
  float: left;
  width: 100%;
}

.facegame-pricing:after,
.facegame-pricing:before {
  content: '';
  display: table;
}

.facegame-pricing:after {
  clear: both;
}

@media all and (min-width:720px) {
  .facegame-pricing {
    margin-bottom: 20px;
  }
}

.facegame-banner__infos {
  width: 100%;
  float: left;
  *zoom: 1;
  margin-top: 15px;
}

.facegame-banner__infos:after,
.facegame-banner__infos:before {
  content: '';
  display: table;
}

.facegame-banner__infos:after {
  clear: both;
}

@media all and (min-width:720px) {
  .facegame-banner__infos {
    width: calc(100% - 276px);
    float: right;
  }
}

@media all and (min-width:1100px) {
  .facegame-banner__infos {
    margin-top: 45px;
  }
}

.facegame-customer {
  width: 100%;
  float: left;
  *zoom: 1;
}

.facegame-customer:after,
.facegame-customer:before {
  content: '';
  display: table;
}

.facegame-customer:after {
  clear: both;
}

.facegame-banner__button {
  float: none;
  display: inline-block;
}

@media all and (min-width:720px) {
  .facegame-banner__button {
    float: left;
  }
}

.facegame-banner__copy {
  float: left;
  width: 100%;
}

@media all and (min-width:1100px) {
  .facegame-banner__copy {
    width: 500px;
  }
}

.facegame-footer {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 60px;
}

.facegame-footer__logo {
  width: 200px;
  margin: 0 auto;
  height: auto;
  transition: opacity .2s ease-in-out;
}

.facegame-footer__logo:focus,
.facegame-footer__logo:hover {
  opacity: .6;
}

.facegame-modal {
  position: fixed;
  float: left;
  width: 100%;
  height: 100%;
  background: rgba(64,71,81,.98);
  top: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 400;
  left: 0;
  padding: 184px 20px;
}

.facegame-modal__close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 35px;
  color: hsla(0,0%,100%,.4);
}

.facegame-modal__instruction {
  color: #fff;
  font-size: 20px;
}

.facegame-modal__close:focus,
.facegame-modal__close:hover {
  text-decoration: none;
  color: #fff;
}

.facegame-modal__content {
  width: 100%;
  max-width: 25pc;
  margin: 0 auto;
  -webkit-transform: scale(.8);
  -ms-transform: scale(.8);
  transform: scale(.8);
  opacity: 0;
  transition: all .2s ease-in;
  *zoom: 1;
}

.facegame-modal__content:after,
.facegame-modal__content:before {
  content: '';
  display: table;
}

.facegame-modal__content:after {
  clear: both;
}

.facegame-modal__slack-button {
  width: 100%;
  float: none;
  margin: 0 auto;
  font-size: 28.5px;
}

@media all and (min-width:450px) {
  .facegame-modal__slack-button {
    width: 4in;
  }
}

.facegame-othersso__text {
  color: hsla(0,0%,100%,.4);
  font-size: 20px;
  background: #404751;
  padding: 0 5px;
  display: inline;
  position: relative;
  z-index: 24;
}

.facegame-othersso {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}

.facegame-othersso:before {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 1px;
  background: hsla(0,0%,100%,.1);
}

.facegame-sso__teaser {
  color: #a7afb0;
  font-size: 1pc;
}

.facegame-sso__buttons {
  width: 100%;
  float: left;
  *zoom: 1;
}

.facegame-sso__buttons:after,
.facegame-sso__buttons:before {
  content: '';
  display: table;
}

.facegame-sso__buttons:after {
  clear: both;
}

.facegame-sso__button {
  display: block;
  font-size: 1pc;
  border: 1px solid hsla(0,0%,100%,.5);
  border-radius: 4px;
  color: #fff;
  padding: 10px 20px 10px 30px;
  width: 125px;
  margin: 10px auto;
  float: none;
  position: relative;
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 10px 10px;
  transition: all .3s ease-in;
}

@media all and (min-width:450px) {
  .facegame-sso__button {
    width: calc(33% - 6.6px);
    margin-bottom: 0;
    margin-right: 10px;
    float: left;
  }

  .facegame-sso__button:last-child {
    margin-right: 0;
  }
}

.facegame-sso__button--google {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/google.svg);
}

.facegame-sso__button--yammer {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/yammer.svg);
  background-position: 10px 14px;
}

.facegame-sso__button--office {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/office365.svg);
}

@media all and (min-width:450px) {
  .facegame-sso__button--office {
    margin-right: 0;
  }
}

.facegame-sso__button--slack {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/slack.svg);
}

.facegame-sso__button.facegame-sso__button--yammer:focus,
.facegame-sso__button.facegame-sso__button--yammer:hover {
  border: 1px solid #fff;
  text-decoration: none;
  color: #404751;
  background-color: #fff;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/yammer-blue.svg);
}

.facegame-sso__button--disabled {
  opacity: .3;
}

.facegame-sso__button svg {
  display: inline-block;
  margin-right: 8px;
}

.facegame-benchmark {
  width: 100%;
  float: left;
  *zoom: 1;
}

.facegame-benchmark:after,
.facegame-benchmark:before {
  content: '';
  display: table;
}

.facegame-benchmark:after {
  clear: both;
}

.facegame-video__laptop {
  max-width: 100%;
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 9pt;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}

.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}

.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}

.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
  right: 5px;
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
  left: 5px;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

.facegame-video__screenshot {
  position: absolute;
  top: 0;
  left: 0;
}

.facegame-video__screenshot .wistia_responsive_wrapper {
  left: 13.55%;
  position: absolute!important;
  top: 10%!important;
  width: 73%!important;
}

.facegame-error {
  color: #fff;
  padding: 10px 35px 15px 105px;
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 50%;
  max-width: 575px;
  background: #fc6c4f;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/error-icon.svg);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),inset 5px 0 0 0 hsla(0,0%,100%,.3);
  background-repeat: no-repeat;
  background-position: 22px 15px;
}

.facegame-error__title {
  font-size: 24px;
  font-weight: 600;
}

.facegame-error__message {
  line-height: 1.2;
  font-size: 15px;
}

.ph-banner--wrapper {
  max-width: 968px;
  margin: 0 auto;
}

.ph-banner {
  padding: 20px;
  *zoom: 1;
  background-color: rgba(218,85,47,.92);
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/facegame/product-hunt-bg.svg);
  color: #fff;
  box-shadow: 0 1px 0 0 hsla(0,0%,100%,.34),inset 0 4px 0 0 rgba(0,0,0,.07),inset 0 10px 5px 0 rgba(0,0,0,.14),inset 0 -3px 3px 0 rgba(0,0,0,.3),inset 0 -10px 5px 0 rgba(0,0,0,.17);
}

.ph-banner:after,
.ph-banner:before {
  content: '';
  display: table;
}

.ph-banner:after {
  clear: both;
}

.ph-banner__button,
.ph-banner__button:focus,
.ph-banner__button:hover {
  color: #dd623f;
}

.ph-banner__content {
  float: left;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-top: 20px;
  text-align: center;
}

@media all and (min-width:720px) {
  .ph-banner__content {
    margin-left: 40px;
    text-align: left;
    max-width: 360px;
  }
}

.ph-banner__logo {
  width: 14pc;
  margin: 0 auto;
  display: block;
}

@media all and (min-width:720px) {
  .ph-banner__logo {
    margin: 0;
    float: left;
  }
}

.ph-banner__copy {
  padding: 0;
  margin: 0;
  font-size: 20px;
  margin-bottom: 15px;
}

.ph-banner__title {
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: 600;
}

.elevate-banner {
  background: #1f233a;
  text-align: center;
  color: #fff;
  position: relative;
  padding: 8px 0 18px;
}

@media all and (min-width:60px) {
  .elevate-banner {
    padding: 8px 0;
  }
}

.elevate-banner--blog {
  width: 100%;
}

.elevate-banner__copy {
  line-height: 1;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.elevate-banner__title {
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.elevate-banner-container {
  padding: 0 62px 0 40px;
  max-width: 950px;
}

.elevate-banner-tip {
  float: left;
  max-width: 100%;
  width: 100%;
  padding-top: 22px;
}

@media all and (min-width:785px) {
  .elevate-banner-tip {
    max-width: 374px;
    width: 40%;
    padding-right: 20px;
  }
}

.elevate-banner-tip__title {
  font-size: 18px;
  text-align: center;
  line-height: 1;
  font-weight: 600;
}

@media all and (min-width:625px) {
  .elevate-banner-tip__title {
    line-height: 1.2;
  }
}

@media all and (min-width:785px) {
  .elevate-banner-tip__title {
    text-align: left;
  }
}

@media all and (min-width:1125px) {
  .elevate-banner-tip__title {
    font-size: 22px;
  }
}

.elevate-banner-wrapper {
  margin: 9pt 0;
  padding: 0 20px;
}

@media all and (min-width:992px) {
  .elevate-banner-wrapper {
    float: left;
  }
}

.elevate-banner-wrapper .ovweb-form {
  float: left;
  width: 100%;
}

.elevate-banner-wrapper .hs_submit {
  width: 10pc;
  float: right;
}

.elevate-banner-wrapper input[type=email] {
  width: calc(100% - 170px);
}

@media all and (min-width:992px) {
  .elevate-banner-wrapper--blog {
    margin: 0;
    margin-left: 260px;
  }
}

.elevate-form-wrapper {
  width: 100%;
  max-width: 100%;
  background-color: rgba(52,104,167,.2);
  border-radius: 4px;
  padding: 18px 2pc;
  float: right;
}

@media all and (min-width:785px) {
  .elevate-form-wrapper {
    max-width: 60%;
  }
}

.elevate-banner__image {
  position: absolute;
  bottom: 0;
}

.btn--elevate {
  float: none;
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  max-width: 230px;
}

@media all and (min-width:992px) {
  .btn--elevate {
    float: left;
    margin-top: 18px;
  }
}

@media all and (min-width:992px) {
  .btn--elevate--blog {
    margin-top: 8px;
  }
}

.elevate-banner--blog {
  background-color: #1e1f3e;
}

.register-banner--blog {
  background-color: #3995ec;
}

.elevate-banner__image-desktop {
  display: none;
}

@media all and (min-width:992px) {
  .elevate-banner__image-desktop {
    display: block;
  }
}

.elevate-banner__image-blog {
  width: 245px;
  margin-left: 45px;
}

.elevate-banner__image-mobile {
  display: none;
  position: relative;
  margin-bottom: 9pt;
  float: left;
}

@media all and (min-width:530px) {
  .elevate-banner__image-mobile {
    display: inline-block;
  }
}

@media all and (min-width:992px) {
  .elevate-banner__image-mobile {
    display: none;
  }
}

.elevate-banner__svg {
  position: relative;
  top: 4px;
}

body {
  overflow-x: hidden;
}

.hub-banner-extended {
  background: #f3f3f3;
  margin-left: -3000px;
  padding: 18px 3000px 26px;
  margin-right: -3000px;
  margin-bottom: 20px;
}

.entry-content .hub-banner-extended a:focus,
.entry-content .hub-banner-extended a:hover {
  text-decoration: none;
}

.hub-banner-extended-wrapper {
  width: 100%;
}

.hub-banner-extended__image {
  float: left;
  width: 75px;
}

@media all and (min-width:485px) {
  .hub-banner-extended__image {
    width: 175px;
  }
}

.hub-banner-extended__content {
  float: right;
  width: calc(100% - 75pt);
}

@media all and (min-width:485px) {
  .hub-banner-extended__content {
    width: calc(100% - 200px);
  }
}

.type-post .hub-content h3.hub-banner-extended--title {
  margin-top: 0;
  padding-top: 0;
  color: #333;
  opacity: .82;
  line-height: 1.1;
  font-size: 2pc;
  max-width: 334px;
}

@media all and (min-width:485px) {
  .type-post .hub-content h3.hub-banner-extended--title {
    margin-top: 24px;
  }
}

.type-post .hub-content p.hub-banner-extended--copy {
  color: #1c1c1c;
  line-height: 1.1;
}

.entry-content p.hub-banner-extended--copy {
  margin: 0;
}

@media all and (min-width:485px) {
  .entry-content p.hub-banner-extended--copy {
    margin-top: 9pt;
  }
}

.hub-banner-extended__image img {
  -webkit-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.card {
  -webkit-perspective: 50pc;
  perspective: 50pc;
  width: 15pc;
  margin: 0 auto;
}

@media all and (min-width:720px) {
  .card {
    margin: 0;
  }
}

.flip-card {
  width: 200px;
  height: 200px;
  position: relative;
  z-index: 3;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.card-stack {
  z-index: 2;
}

.card__back {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #235a89;
  border-radius: 15px;
  width: 200px;
  height: 200px;
  background-color: #2e71ad;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2),inset 0 -2px 0 0 rgba(0,0,0,.39);
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
}

.card__back+.card__back {
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.card__design {
  width: 180px;
  height: 180px;
  border-radius: 15px;
  overflow: hidden;
  margin-left: 10px;
  background: #2868a1;
  margin-top: 10px;
}

.card__picture {
  background-color: #fff;
  border-radius: 15px;
  width: 200px;
  height: 200px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
  position: absolute;
}

.card__img {
  width: 180px;
  height: 180px;
  margin: 10px;
  border-radius: 10px;
  display: block;
  background-size: cover;
}

.card__img,
.flip-card-back,
.flip-card-front {
  position: absolute;
}

.flip-card-back {
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.card__back--straight {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.flip-card-back,
.flip-card-front {
  transition: all .35s cubic-bezier(0.705,-0.6,0.375,1.65);
}

.mtl-header {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/partners/mtl-header.png);
  padding-top: 45px;
  padding-bottom: 115px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
  width: 100%;
  text-align: center;
  position: relative;
}

.js-navissnapped .header__top-mtl {
  background: #3194d1;
}

.mtl-header-screen {
  max-width: 700px;
  position: absolute;
  width: 130%;
  bottom: -70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media all and (min-width:480px) {
  .mtl-header-screen {
    bottom: -140px;
  }
}

.mtl-header--nav {
  padding-top: 0;
  position: relative;
  overflow: hidden;
}

.mtl-header--withmenu {
  padding-top: 0;
}

.mtl-header__copy {
  color: #fff;
}

.mtl-header__title-wrapper {
  max-width: 1050px;
  margin: 0 auto;
}

.mtl-header__title {
  color: #fff;
  font-weight: 400;
  font-size: 25px;
  margin-top: 70px;
}

.mtl-header__title--strong {
  font-weight: 600;
  font-size: 55px;
  margin-top: 15px;
  line-height: 1;
  display: inherit;
  color: #fff;
  margin-bottom: 35px;
}

.mtl-header__button {
  display: inline-block;
}

.mtl__btn {
  background-color: #50cf85;
  border-radius: 4px;
  text-transform: uppercase;
  color: #fff;
  padding: 1pc 38px;
  font-weight: 600;
  font-size: 24px;
  box-shadow: 0 2px 0 0 #2d8752;
  float: left;
  margin-top: 25px;
}

.mtl__btn--centered {
  float: none;
  display: inline-block;
}

.mtl__btn:focus,
.mtl__btn:hover {
  color: #fff;
  text-decoration: none;
}

.mtl__btn--arrow {
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
}

.developers {
  text-align: center;
  background-color: #f6f7f8;
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/labs/gears.svg);
  padding: 78px 0;
}

.labs.product .header__title-zone {
  padding-bottom: 75pt;
}

.lab-row {
  padding: 35px 0;
}

.lab__illu {
  width: 100%;
  height: auto;
  display: block;
  max-width: 450px;
}

@media all and (min-width:992px) {
  .lab__illu {
    max-width: 47pc;
  }
}

@media all and (min-width:992px) {
  .lab__illu--screenshot {
    max-width: 620px;
  }
}

@media (min-width:992px) {
  .lab__illu--screenshot-right {
    float: right;
  }
}

.section-heading .section-heading-desc.section-heading-subtitle--labs {
  margin-bottom: 0;
  margin: 7px 0 28px;
  color: #5b616a;
}

.feature-heading--labs {
  margin-top: 2pc;
}

.feature-heading--labs a:not(.btn) {
  color: #4990e2;
  text-decoration: none;
}

.feature-heading--labs a:not(.btn):hover {
  text-decoration: underline;
}

@media all and (min-width:992px) {
  .feature-heading--labs {
    margin-top: 5pc;
  }
}

.feature-heading--labs .section-heading-class,
.table {
  text-align: left;
}

.table {
  display: none;
  margin-top: 3pc;
}

@media all and (min-width:540px) {
  .table {
    display: block;
  }
}

.table_rows {
  float: left;
  width: 100%;
}

.table__row {
  background-color: #f5f7fa;
  color: gray;
  padding: 9pt 24px;
}

.table__row:nth-child(even) {
  background-color: #fff;
}

.table__row-strong {
  font-weight: 600;
  color: #489fff;
}

.table__row-item {
  width: calc(100% - 165px);
}

@media all and (min-width:730px) {
  .table__row-item {
    width: calc(100% - 300px);
  }
}

.table__row-item--small {
  width: 75px;
  float: left;
  text-align: center;
}

@media all and (min-width:730px) {
  .table__row-item--small {
    width: 150px;
  }
}

.table__headers {
  width: 100%;
  float: left;
  padding: 0 24px;
}

.table__header {
  float: right;
  width: 75px;
  margin-right: 15px;
  margin-bottom: 20px;
  line-height: 1;
  text-align: center;
}

@media all and (min-width:730px) {
  .table__header {
    width: 150px;
    margin-right: 0;
  }
}

.table__header:first-child {
  margin-right: 0;
}

.table__header-title--strong {
  color: #489fff;
  font-weight: 600;
}

.table__row {
  width: 100%;
  float: left;
}

.table__row-item {
  float: left;
}

.table__row-item--small {
  margin-right: 15px;
}

@media all and (min-width:730px) {
  .table__row-item--small {
    margin-right: 0;
  }
}

.table__row-item--small:last-child {
  margin-right: 0;
}

.table-simple {
  text-align: left;
  margin-top: 30px;
}

@media all and (min-width:540px) {
  .table-simple {
    display: none;
  }
}

.table-simple__header {
  font-weight: 600;
  font-size: 17px;
}

.table-simple__header--strong {
  color: #489fff;
  margin-top: 2pc;
}

.table-simple__list {
  padding-left: 0;
  list-style-type: none;
}

.table-simple__list-item {
  color: gray;
  margin-bottom: 10px;
  padding-left: 20px;
  position: relative;
}

.table-simple__list-item--strong {
  font-weight: 600;
}

.table-simple__list-item--strong-premium {
  color: #489fff;
}

.table-simple__list-item--false:before,
.table-simple__list-item--true:before {
  position: absolute;
  content: '';
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: 0;
  top: 2px;
}

.table-simple__list-item--true:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/partners/checkmark.svg);
}

.table-simple__list-item--false:before {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/partners/close.svg);
}

.error404 .header__title-zone {
  width: 100%;
  max-width: 100%;
  position: relative;
  padding-top: 25pt;
}

.error404 .header__title-zone:before {
  display: block;
  content: "";
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/404/unicorn.svg);
  width: 93pt;
  height: 142px;
  top: -50px;
  background-size: cover;
  position: absolute;
}

@media all and (min-width:768px) {
  .error404 .header__title-zone:before {
    left: -30px;
    top: initial;
  }
}

@media all and (min-width:1020px) {
  .error404 .header__title-zone:before {
    width: 247px;
    height: 283px;
  }
}

.error404 .header__title-zone:after {
  content: "";
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/404/singlecloud.svg);
  width: 188px;
  height: 57px;
  right: 0;
  display: none;
  position: absolute;
}

@media all and (min-width:1020px) {
  .error404 .header__title-zone:after {
    top: 140px;
    display: block;
  }
}

.error404 .section-heading-title {
  font-size: 24px;
}

@media all and (min-width:768px) {
  .error404 .section-heading-title {
    font-size: 38px;
  }
}

.four0four-wrapper {
  text-align: center;
}

.four-o-four__blog-tiles {
  margin-top: 2pc;
  max-width: 1170px;
  margin: 0 auto;
}

.four-o-four__cta {
  text-align: center;
  margin-bottom: 35px;
}

.error404 .middle-zone {
  background-image: url(https://assets.officevibe.com/wp-content/themes/officevibe/images/404/clouds.svg);
  background-repeat: no-repeat;
  background-position: center 102%;
  text-align: center;
}

.four0four__search {
  margin: 22px auto 0;
  max-width: 435px;
}

@media all and (min-width:768px) {
  .four0four__search {
    margin: 52px auto 0;
  }
}

.four0four__search input {
  width: 100%;
  height: 45px;
  border-radius: 4px;
  padding-left: 8px;
}

.four0four__search.ovweb-form input[type=text] {
  color: #b3b3b3;
}

.four0four__search button {
  position: absolute;
  border: none;
  background-color: transparent;
  right: 0;
  top: 50%;
  height: 45px;
  width: 45px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.four0four__search .icon-search:before {
  color: #8b8b8b;
}

.four0four__search label {
  display: none;
}

.four0four__search .wrapper-form-search {
  position: relative;
}

.four0four__title {
  font-size: 25px;
  font-weight: 700;
  line-height: 1;
  margin-top: 36px;
}

@media all and (min-width:768px) {
  .four0four__title {
    font-size: 3pc;
  }
}

.four0four__subtitle {
  font-weight: 400;
}

.four0four__copy {
  opacity: .8;
  font-size: 17px;
  line-height: 1;
  margin-top: 8px;
}

@media all and (min-width:768px) {
  .four0four__copy {
    font-size: 20px;
  }
}

.title--huge {
  font-size: 3pc;
  font-size: 3rem;
}

.some-title {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-size: 2.25rem;
  font-weight: 600;
  letter-spacing: -1.3px;
  line-height: 1;
}

@media all and (min-width:768px) {
  .some-title {
    font-size: 3.125rem;
  }
}

.some-other-title {
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
}

.some-sub-title {
  font-size: 22px;
  font-size: 1.375rem;
}

.bytheway,
.some-sub-title {
  text-align: center;
  color: #fff;
}

.bytheway {
  line-height: 1;
  opacity: .7;
  font-style: italic;
  margin-top: 8px;
}

.label-new {
  background: #52cbf9;
  color: #fff;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 0 8px;
}

.signup-user {
  text-align: center;
  margin-top: 9pt;
  color: #fff;
}

.signup-user-link {
  border-bottom: 1px solid #fff;
}

.signup-user-link,
.signup-user-link:focus,
.signup-user-link:hover {
  color: #fff;
  text-decoration: none;
}

.u-bluelink {
  color: #489fff;
}

.u-flr {
  float: right;
}

.u-whitelink {
  color: #fff;
  text-decoration: none;
}

.u-whitelink:focus,
.u-whitelink:hover {
  color: #fff;
  border-bottom: 1px solid hsla(0,0%,100%,.5);
  text-decoration: none;
}

.u-whitelink-underline {
  color: #fff;
  text-decoration: underline;
}

.u-whitelink-underline:focus,
.u-whitelink-underline:hover {
  color: #fff;
}

.u-bluelink:focus,
.u-bluelink:hover {
  color: #489fff;
}

.container-relative,
.relative {
  position: relative;
}

.container-centered {
  text-align: center;
}

.col-no-relative {
  position: initial;
}

.u-img-responsive {
  max-width: 100%;
}

.u-md-title {
  font-size: 40px;
}

.u-push-top {
  margin-top: 3pc;
}

.u-desaturate {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

.u-hr {
  margin-bottom: 24px;
}

.u-hr--subtle {
  border-color: #cdd7e4;
  opacity: .48;
}

.u-bg-lgray {
  background: #f5f9ff;
}

.u-bg-gray {
  background: #f6f7f8;
}

.u-logos-6x2 {
  max-width: 64pc;
  width: 100%;
  margin: 0 auto;
  opacity: .67;
  display: none;
}

@media all and (min-width:465px) {
  .u-logos-6x2 {
    display: block;
  }
}

.u-logos-3x2 {
  max-width: 64pc;
  width: 100%;
  margin: 0 auto;
  opacity: .67;
  display: block;
}

@media all and (min-width:465px) {
  .u-logos-3x2 {
    display: none;
  }
}

.u-push-50-sm {
  margin-top: 50px;
}

@media all and (min-width:768px) {
  .u-push-50-sm {
    margin-top: 0;
  }
}

.product-workplace-list {
  list-style-type: none;
  padding: 0;
  list-style-position: inside;
  font-size: 17px;
}

.logo-ov--light {
  fill: #fff;
}

.logo-ov--light .officevibe-logo__vibe path {
  fill-opacity: .6;
}

.tone-on-tone-block {
  background: rgba(52,104,167,.2);
}

.ovweb-form {
  text-align: left;
}

.ovweb-form label {
  font-weight: 400;
  text-transform: capitalize;
}

.ovweb-form label.form-label-lowercase {
  text-transform: initial;
}

.ovweb-form .form-control,
.ovweb-form .form-input-full,
.ovweb-form input {
  border: 2px solid transparent;
  box-shadow: none;
  border-radius: 4px;
}

.ovweb-form .form-control:focus,
.ovweb-form .form-input-full:focus,
.ovweb-form input:focus {
  border: 2px solid #54c37f;
  box-shadow: none;
  outline: 0;
}

.ovweb-form .form-control.input-validation-error {
  border: 2px solid #ee5243!important;
  box-shadow: none!important;
}

.ovweb-form input[type=date],
.ovweb-form input[type=datetime-local],
.ovweb-form input[type=datetime],
.ovweb-form input[type=email],
.ovweb-form input[type=month],
.ovweb-form input[type=number],
.ovweb-form input[type=password],
.ovweb-form input[type=search],
.ovweb-form input[type=tel],
.ovweb-form input[type=text],
.ovweb-form input[type=time],
.ovweb-form input[type=url],
.ovweb-form input[type=week],
.ovweb-form select,
.ovweb-form textarea {
  color: #323a45;
}

.ovweb-form select {
  width: 100%;
}

.ovweb-form .form-group-last {
  margin-bottom: 24px;
}

.ovweb-form .hs-input.invalid.error {
  border: 2px solid #ee5243!important;
  box-shadow: none!important;
}

.form-error-text {
  display: none;
}

ul#yiw-featured-post {
  padding: 10px 0 0;
  font-size: 100%;
  line-height: 30px;
}

ul#yiw-featured-post li {
  line-height: 20px;
  margin: 0 0 10px;
  padding: .75em 0;
  font-size: 90%;
  border-bottom: 1px solid #c6c5c5;
  display: block;
  overflow: hidden;
}

ul#yiw-featured-post li:last-child {
  border: none;
}

ul#yiw-featured-post .featured-thumb {
  float: left;
  margin-right: 1em;
}

.widget_featured-posts li a:visited,
ul#yiw-featured-post li a:link {
  min-height: 5pc;
}

ul#yiw-featured-post li:hover {
  background: #eeeded;
}

h4.featured-title {
  clear: none;
  margin: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .clearfix {
  height: 1%;
}

:first-child+html .clearfix {
  min-height: 1px;
}

ul#yiw-featured-post>li:before {
  content: ""!important;
}

/*# sourceMappingURL=maps/bundle.css.map */