/* Images */
/* Spacings */
.img-root-hero {
  max-width: 650px;
}
.img-root-hero:after {
  padding-bottom: 83.07692308%;
}
.img-quote-logo-it-pro {
  max-width: 210px;
}
.img-quote-logo-it-pro:after {
  padding-bottom: 71.42857143%;
}
.img-features-z {
  max-width: 504px;
}
.img-features-z:after {
  padding-bottom: 75%;
}
.fs-icons-root {
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
}
.fs-icons-root.fs-team-management {
  background-position: 0.63291139% 0;
}
.fs-icons-root.fs-backward-compatible {
  background-position: 50% 50%;
}
.fs-icons-root.fs-simple-to-use {
  background-position: 99.36708861% 100%;
}
@media screen and (min-width: 992px) and (min-height: 850px) and (max-height: 1440px) {
  .page-header {
    min-height: 850px;
  }
  .page-header .hero .container {
    position: relative;
    min-height: 600px;
  }
  .page-header .hero .container .vertical-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
blockquote {
  position: relative;
}
blockquote .quote {
  position: relative;
  display: inline-block;
  padding: 0 30px;
}
blockquote cite {
  display: block;
}
.section-reviews .img-container-parent {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-reviews .img-container-parent .img-container,
.section-reviews .img-container-parent .img-icn-g2 {
  flex-grow: 1;
}
.section-reviews .quote-review {
  font-style: italic;
}
.star-ratings a {
  color: #fff;
}
.star-ratings a:hover {
  color: #fff;
  text-decoration: underline;
}
.star-ratings a:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.star-ratings a img {
  vertical-align: text-bottom;
}
.img-icn-capterra {
  max-width: 170px;
}
.img-icn-capterra:after {
  padding-bottom: 23.52941176%;
}
.img-review-site-badge {
  max-width: 256px;
}
.img-review-site-badge:after {
  padding-bottom: 78.125%;
}
.img-icn-g2 .topnav__item__g2 {
  width: 50px;
  height: 50px;
  color: #ff492c;
  fill: currentColor;
  stroke: currentColor;
}
.img-icn-software-advice {
  max-width: 210px;
}
.img-icn-software-advice:after {
  padding-bottom: 14.28571429%;
}
/* Background image menu and bg override classes for full bg image - was built on top of old styles*/
.site-header .navbar.navbar-primary {
  background: #31566e;
  transition: all 150ms ease-in-out;
}
.site-header .navbar.navbar-primary a {
  background: #31566e;
  transition: all 150ms ease-in-out;
}
.site-header .navbar.navbar-primary a:focus,
.site-header .navbar.navbar-primary a:active,
.site-header .navbar.navbar-primary a:hover {
  background: #31566e;
}
.site-header .navbar.navbar-primary a.navbar-brand:focus,
.site-header .navbar.navbar-primary a.navbar-brand:active,
.site-header .navbar.navbar-primary a.navbar-brand:hover {
  background: #31566e;
}
.site-header .navbar.navbar-primary button.navbar-toggle {
  background: transparent;
  transition: all 150ms ease-in-out;
}
.site-header .navbar.navbar-primary button.navbar-toggle.collapsed:focus,
.site-header .navbar.navbar-primary button.navbar-toggle.collapsed:active {
  background: transparent;
}
.site-header .navbar.navbar-primary button.navbar-toggle.collapsed:hover {
  background: transparent;
}
.site-header .navbar.navbar-primary.affix {
  transition: all 150ms ease-in-out;
  background: #121212;
}
.site-header .navbar.navbar-primary.affix button,
.site-header .navbar.navbar-primary.affix a {
  background: #121212;
  transition: all 150ms ease-in-out;
}
.site-header .navbar.navbar-primary.affix button:focus,
.site-header .navbar.navbar-primary.affix a:focus,
.site-header .navbar.navbar-primary.affix button:active,
.site-header .navbar.navbar-primary.affix a:active,
.site-header .navbar.navbar-primary.affix button:hover,
.site-header .navbar.navbar-primary.affix a:hover {
  background: #333;
}
.site-header .navbar.navbar-primary.affix button.navbar-toggle.collapsed:focus,
.site-header .navbar.navbar-primary.affix button.navbar-toggle.collapsed:active {
  background: #121212;
}
@media screen and (min-width: 992px) {
  .site-header .navbar.navbar-primary {
    background: transparent;
  }
  .site-header .navbar.navbar-primary a {
    background: transparent;
  }
  .site-header .navbar.navbar-primary a:focus,
  .site-header .navbar.navbar-primary a:hover {
    background: transparent;
  }
  .site-header .navbar.navbar-primary a.navbar-brand {
    border-bottom: 4px solid transparent!important;
  }
  .site-header .navbar.navbar-primary a.navbar-brand:focus,
  .site-header .navbar.navbar-primary a.navbar-brand:hover {
    background: transparent;
  }
  .site-header .navbar.navbar-primary a.btn-signup {
    transition: all 150ms ease-in-out;
  }
  .site-header .navbar.navbar-primary a.btn-signup:focus,
  .site-header .navbar.navbar-primary a.btn-signup:hover {
    border-color: #bad632;
    background: #bad632;
    color: #444;
  }
  .site-header .navbar.navbar-primary button.navbar-toggle {
    background: transparent;
  }
  .site-header .navbar.navbar-primary button.navbar-toggle.collapsed:focus,
  .site-header .navbar.navbar-primary button.navbar-toggle.collapsed:active {
    background: transparent;
  }
  .site-header .navbar.navbar-primary .navbar-collapse-custom a:not(.btn-signup) {
    border-bottom: 4px solid transparent;
  }
  .site-header .navbar.navbar-primary .navbar-collapse-custom a:not(.btn-signup):focus,
  .site-header .navbar.navbar-primary .navbar-collapse-custom a:not(.btn-signup):hover {
    border-bottom: 4px solid #ffffff;
  }
  .site-header .navbar.navbar-primary.affix button,
  .site-header .navbar.navbar-primary.affix a {
    background: transparent;
  }
  .site-header .navbar.navbar-primary.affix button:hover,
  .site-header .navbar.navbar-primary.affix a:hover {
    background: #333;
  }
  .site-header .navbar.navbar-primary.affix button.btn-signup:focus,
  .site-header .navbar.navbar-primary.affix a.btn-signup:focus,
  .site-header .navbar.navbar-primary.affix button.btn-signup:active,
  .site-header .navbar.navbar-primary.affix a.btn-signup:active,
  .site-header .navbar.navbar-primary.affix button.btn-signup:hover,
  .site-header .navbar.navbar-primary.affix a.btn-signup:hover {
    border-color: #bad632;
    background: #bad632;
    color: #444;
  }
  .site-header .navbar.navbar-primary.affix button:not(.btn-signup),
  .site-header .navbar.navbar-primary.affix a:not(.btn-signup) {
    border-bottom: 4px solid transparent;
  }
  .site-header .navbar.navbar-primary.affix button:not(.btn-signup):focus,
  .site-header .navbar.navbar-primary.affix a:not(.btn-signup):focus,
  .site-header .navbar.navbar-primary.affix button:not(.btn-signup):hover,
  .site-header .navbar.navbar-primary.affix a:not(.btn-signup):hover {
    border-bottom: 4px solid transparent;
  }
}
.page-content .page-header .hero {
  background: #31566e;
  position: relative;
  z-index: 1;
}
.page-content .page-header .hero .btn-link.btn-video-modal {
  color: #FFF;
}
.page-content .page-header .hero .bg-img-mobile {
  background: #31566e;
  padding-bottom: 56.25%;
  background-size: cover;
  background-image: url('/static/v7/images/root/mobile-hero.png');
}
@media only screen and (-o-min-device-pixel-ratio: 1.25), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 1.25dppx) {
  .page-content .page-header .hero .bg-img-mobile {
    background-image: url('/static/v7/images/root/mobile-hero-2x.png');
  }
}
@media only screen and (-o-min-device-pixel-ratio: 2.25), only screen and (-webkit-min-device-pixel-ratio: 2.25), only screen and (min-device-pixel-ratio: 2.25), only screen and (min-resolution: 2.25dppx) {
  .page-content .page-header .hero .bg-img-mobile {
    background-image: url('/static/v7/images/root/mobile-hero-3x.png');
  }
}
.page-content .page-header .bg-img-wrapper {
  display: block!important;
}
.page-content .page-header .bg-img-wrapper .bg-img-holder {
  background: #31566e;
  background-image: url('/static/v7/images/root/full-bg-1.png');
  background-size: cover;
  background-position: bottom;
}
@media screen and (min-aspect-ratio: 16/8) {
  .page-content .page-header .bg-img-wrapper .bg-img-holder {
    background-position: 0 -50px;
  }
}
@media screen and (min-width: 992px) {
  .page-content .page-header {
    min-height: 100vh;
    margin-top: -60px;
    padding-top: 60px;
  }
  .page-content .page-header .hero {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: transparent;
  }
  .page-content .page-header .bg-img-holder {
    min-height: 568px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }
  .page-content .page-header .bg-img-holder iframe,
  .page-content .page-header .bg-img-holder img {
    width: 100vw;
    height: 56.25vw;
    /* 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-height: 720px) {
  .page-content .page-header .hero .m-t-100 {
    margin-top: 40px;
  }
}