/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 16 2022 | 11:07:33 */
.s__lp-hero {
  display: block;
  position: relative;
  padding: 156px 32px 156px 32px;
  margin: 0;
}
.s__lp-hero h1, .s__lp-hero h1 * {
    font-weight: bold;
    font-family: 'GT Walsheim Pro';
}

    @media (min-width: 1000px) {
      .s__lp-hero h1, .s__lp-hero h1 * {
        font-size: 56px;
      }
    }
.s__lp-hero-bg {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.s__lp-hero-txt {
  display: block;
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.s__lp-hero-txt * {
  color: #fff;
}
.s__lp-hero-btn {
  text-align: center;
  padding: 16px 0 16px 0;
}
@media (max-width: 768px) {
  .s__lp-hero {
    padding: 64px 32px 64px 32px;
  }
}
.s__lp-ctasm {
  display: block;
  position: relative;
  background: #00587c;
  padding: 64px 0 64px 0;
}
.s__lp-ctasm-btn {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  transition: 0.25s;
}
.s__lp-ctasm-btn:hover {
  opacity: 0.75;
}
.s__lp-ctasm-txt {
  position: relative;
  z-index: 20;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
}
.s__lp-ctasm-txt * {
  text-align: left;
  color: #fff;
}
.s__lp-ctasm-txt-1, .s__lp-ctasm-txt-2, .s__lp-ctasm-txt-3 {
  display: block;
  padding: 16px;
}
.s__lp-ctasm-txt-1 {
  width: 30%;
}
.s__lp-ctasm-txt-2 {
  width: 40%;
}
.s__lp-ctasm-txt-3 {
  width: 30%;
}
.s__lp-ctasm-img {
  z-index: 10;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 265px;
  height: auto;
}
@media (max-width: 992px) {
  .s__lp-ctasm-txt-1 {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .s__lp-ctasm-txt-2, .s__lp-ctasm-txt-3 {
    width: 100%;
  }
  .s__lp-ctasm-img {
    opacity: 0.45;
  }
}
.s__lp-ctaci {
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  position: relative;
  padding: 0;
  min-height: 500px;
}
.s__lp-ctaci-txt {
  display: block;
  position: relative;
  padding: 80px 16px 80px 16px;
  width: 47%;
}
.s__lp-ctaci-txt * {
  color: #fff;
  text-align: left;
}
.s__lp-ctaci-img {
  position: absolute;
  z-index: 50;
  max-width: 50%;
  max-height: calc(100% + 60px);
  left: 50%;
  bottom: -64px;
}
@media (max-width: 1200px) {
  .s__lp-ctaci {
    min-height: 400px;
  }
  .s__lp-ctaci-txt {
    width: 50%;
  }
}
@media (max-width: 768px) {
  .s__lp-ctaci {
    min-height: auto;
  }
  .s__lp-ctaci-txt {
    width: 100%;
    padding-bottom: 16px;
    padding-top: 64px;
  }
  .s__lp-ctaci-img {
    position: relative;
    z-index: 50;
    max-width: 100%;
    max-height: unset;
    left: unset;
    bottom: -64px;
  }
}
.s__lp-herofs {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  align-content: center;
  width: 100%;
  min-height: 100vh;
}
.s__lp-herofs-bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.s__lp-herofs-txt {
  display: block;
  position: relative;
  z-index: 5;
  width: 35%;
  padding: 80px 16px 80px 16px;
}
.s__lp-herofs-txt img {
  max-width: 100%;
  height: auto;
}
.s__lp-herofs-txt * {
  color: #00587c;
  text-align: left;
}
.s__lp-herofs-btn {
  padding: 32px 0 16px 0;
}
.s__lp-herofs-video-box {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.s__lp-herofs-video-box iframe {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 992px) {
  .s__lp-herofs-txt {
    width: 100%;
  }
  .s__lp-herofs-bg::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
  }
}
.lp-colored-carousel .manual-slider .white-card * {
  color: #ffff !important;
}
.lp-colored-carousel .manual-slider .white-card:nth-child(1) {
  background: #11ba82;
}
.lp-colored-carousel .manual-slider .white-card:nth-child(2) {
  background: #15b59a;
}
.lp-colored-carousel .manual-slider .white-card:nth-child(3) {
  background: #08b2bf;
}
.lp-colored-carousel .manual-slider .white-card:nth-child(4) {
  background: #00afd7;
}
@media (max-width: 768px) {
  .lp-colored-carousel.carousel-box.text-on-side .inner .text-area {
    padding-bottom: 24px;
    padding-top: 32px;
  }
}
.lp-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
  padding: 16px;
}
.lp-modal-overlay {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.85);
}
.lp-modal-body {
  display: block;
  position: relative;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  width: 800px;
  height: auto;
}
.lp-modal:not(.on) {
  display: none;
  visibility: hidden;
}
/* HotFixes - home WYSIWYG */
.large_hero.home-hero #pinnedInner .inner h1, .large_hero.home-hero #pinnedInner .inner h1 p {
  text-transform: unset;
}
/* HotFixes - Menu on JustClean page */
@media screen and (min-width: 768px) {
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper {
    background: transparent;
    box-shadow: none;
  }
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper .cbp-hsmenu > .menu-item > a {
    color: #fff !important;
  }
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper .cbp-hsmenu > .menu-item svg.caret path {
    stroke: #fff !important;
  }
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper .search-trigger svg path {
    fill: #fff !important;
    stroke: #fff !important;
  }
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper .logo-link {
    display: none;
  }
  body.page-id-14983:not(.scrolling-up):not(.scrolling-down) .cbp-hsmenu-wrapper .logo-link.white {
    display: block;
  }
}
/* HotFixes - Home hero text placement */
@media (max-width: 768px) {
  .large_hero.home-hero #pinnedInner .inner {
    justify-content: flex-start;
    padding-top: 120px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .large_hero.home-hero #pinnedInner .inner .button-box {
    margin-top: auto;
    justify-self: flex-end;
    padding-bottom: 200px;
  }
}
/* HotFix - Product Features */
@media (max-width: 768px) {
  #productHero .right-side .features-items .feature:last-child:not(:first-child) .popup {
    left: unset;
    right: 0;
  }
  #productHero .right-side .features-items .feature:last-child:not(:first-child) .popup::after {
    left: 150px !important;
  }
}
/* HotFix - Blog Cards on mobile */
@media (max-width: 768px) {
  .our-impact-blog-section .blog-post-area .blog-card a {
    display: block !important;
  }
  .our-impact-blog-section .blog-post-area .blog-card a .image {
    width: 100%;
    min-height: unset;
    padding-top: 56.25%;
  }
  .our-impact-blog-section .blog-post-area .blog-card a .bottom-area {
    width: 100%;
  }
}
/* HotFix - Blog Images in narrow container */
.blog-post-content img {
  height: auto;
}
/* HotFix - Hide On Desktop */
@media (min-width: 768px) {
  .hide-on-desktop {
    display: none !important;
  }
}
/* HotFix - Links in the footer are not going to new lines */
.footer .resources .links a {
  white-space: unset !important;
}

/* HotFix - One-sided cards carousel */
.one-sided-white-card-type.carousel-box {
  background-repeat: no-repeat!important;
  background-size: cover!important;
} 
.one-sided-white-card-type-sm .front .inner p {
  font-size: 16px;
}
.one-sided-white-card-type-sm .front .inner p.title {
  font-size: 20px;
  line-height: 1.4;
}
