.section {
  position: relative;
  z-index: 1;
  background-color: #fff;
  color: #2e2e2e;
  overflow: hidden;
}
.section__content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 20px;
}
.section__content--width-wide {
  max-width: 1440px;
}
.section__content--width-fluid {
  max-width: 100%;
}
.section__content--spacing {
  margin-top: 100px;
  margin-bottom: 85px;
}
@media screen and (max-width: 1023px) {
  .section__content--spacing {
    margin-top: 50px;
    margin-bottom: 42.5px;
  }
}
.section__content--spacing-low {
  margin-top: 50px;
  margin-bottom: 65px;
}
.section__content--spacing-none {
  margin-top: 0;
  margin-bottom: 0;
}
.section__content--spacing-none-top {
  margin-top: 0;
}
.section__content--spacing-none-bottom {
  margin-bottom: 0;
}
.section__content--centered {
  text-align: center;
}
.section__content--aligned-right {
  text-align: right;
}
.section--bg-light {
  background-color: #fff;
  color: #2e2e2e;
}
.section--bg-gray {
  background-color: #f0f0f0;
  color: #2e2e2e;
}
.section--bg-dark {
  background-color: #121212;
  color: #fff;
}
.section--bg-black {
  background-color: #000;
  color: #fff;
}
.section--hidden {
  display: none;
}
.badge {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid;
  border-radius: 2px;
  font-family: soleil, Arial, sans-serif;
  font-size: 10px;
  line-height: 12px;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
}
.badge.align-middle {
  transform: translateY(-4px);
  vertical-align: middle;
}
.badge.align-top {
  transform: translateY(8px);
  vertical-align: top;
}
.badge.highlight {
  border-color: #ff0;
  background-color: #ff0;
  color: #121212;
}
.badge.neutral {
  border-color: #414141;
  background-color: #414141;
  color: #fff;
}
.badge.space-left {
  margin-left: 10px;
}
.badge.space-right {
  margin-right: 10px;
}
.badge.space-left-big {
  margin-left: 20px;
}
.badge.space-right-big {
  margin-right: 20px;
}
.badge.space-right-small {
  margin-right: 5px;
}
.badge.dot-shape {
  width: 6px;
  height: 6px;
  margin-right: 6px;
  padding: 0;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 0;
}
.grid {
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  padding: 16px 0;
  grid-column-gap: 40px;
  grid-row-gap: 55px;
}
@media screen and (max-width: 1023px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid {
    grid-template-columns: 1fr;
  }
}
.grid--gaps-small {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.grid--spacing-top {
  margin-top: 48px;
}
.grid--spacing-bottom {
  margin-bottom: 48px;
}
.grid--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
.grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--2 {
    grid-template-columns: 1fr;
  }
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--3 {
    grid-template-columns: 1fr;
  }
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 1023px) {
  .grid--4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .grid--4 {
    grid-template-columns: 1fr;
  }
}
.default-footer {
  background-color: #000;
  overflow: auto;
}
.default-footer__content {
  display: flex;
}
.default-footer__logo {
  display: inline-block;
  width: 60px;
  height: 60px;
  border: 1px solid #fff;
  flex-shrink: 0;
  background: #fff url('/images/homepage/uxpin-black.svg') no-repeat center;
  background-size: 60px;
  text-indent: -9999px;
}
.default-footer__left {
  min-width: 220px;
  flex-basis: 290px;
  flex-grow: 0;
  flex-shrink: 1;
}
@media screen and (max-width: 767px) {
  .default-footer__left {
    flex-basis: auto;
  }
}
@media screen and (max-width: 1023px) {
  .default-footer__left--has-logo {
    display: none;
  }
}
.default-footer__right {
  padding-top: 0;
  padding-bottom: 0;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
@media screen and (min-width: 767px) {
  .default-footer__right {
    margin-left: auto;
  }
}
.default-footer__right--one-line {
  display: flex;
}
@media screen and (max-width: 767px) {
  .default-footer__right--one-line {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.default-footer__legal {
  display: flex;
  padding-top: 40px;
  padding-bottom: 120px;
}
@media screen and (max-width: 973px) {
  .default-footer__legal {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .default-footer__legal {
    flex-direction: column;
  }
}
.default-footer__legal--padding-minified {
  padding-top: 32px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .default-footer__legal--padding-minified {
    padding-top: 40px;
  }
}
@media screen and (max-width: 766px) {
  .default-footer__language-selector {
    padding: 20px 0;
  }
}
.default-footer__languages {
  list-style: none;
}
.default-footer__languages-list {
  display: flex;
}
.default-footer__languages-link {
  color: #acacac;
  text-decoration: none;
  padding-right: 8px;
}
.default-footer__languages-link:hover {
  text-decoration: underline;
}
.default-footer__languages.selected-lang .default-footer__languages-link {
  color: #fff;
}
.default-footer__link {
  color: #acacac;
  text-decoration: none;
}
.default-footer__link:hover {
  text-decoration: underline;
}
.default-footer__legal-note {
  color: rgba(172, 172, 172, 0.5);
  font-size: 14px;
  line-height: 100%;
}
.default-footer-menu-sitemap {
  margin-bottom: 40px;
  grid-template-columns: repeat(4, 160px);
}
@media screen and (max-width: 1023px) {
  .default-footer-menu-sitemap {
    grid-template-columns: repeat(4, 160px);
  }
}
@media screen and (max-width: 767px) {
  .default-footer-menu-sitemap {
    grid-template-columns: repeat(2, 160px);
  }
}
@media screen and (max-width: 383.5px) {
  .default-footer-menu-sitemap {
    grid-template-columns: 160px;
  }
}
.default-footer-menu-sitemap__title {
  margin-bottom: 18px;
  color: rgba(172, 172, 172, 0.5);
  font-family: soleil, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 32px;
  text-transform: uppercase;
}
.default-footer-menu-sitemap__list {
  flex-direction: column;
  list-style: none;
}
.default-footer-menu-sitemap__link {
  display: inline-block;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
}
.default-footer-menu-legal {
  display: flex;
  margin-right: 20px;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .default-footer-menu-legal {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.default-footer-menu-legal__item {
  margin-right: 20px;
}
.default-footer-menu-legal__link {
  font-size: 14px;
}
.default-footer-menu-social {
  display: flex;
  transform: translateY(4px);
  list-style: none;
}
.default-footer-menu-social__item {
  margin-right: 20px;
}
.default-footer-menu-social__link {
  display: inline-block;
}
.default-footer-menu-social__link:hover {
  opacity: 0.8;
}
.default-footer-menu-social__icon--pull-up {
  transform: translateY(-1px);
}
#enterprise-module .btn {
  display: inline-flex;
  min-width: 200px;
  height: 50px;
  padding: 0 32px;
  border: 1px solid #00f;
  border-radius: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #00f;
  color: #fff;
  font-family: 'Overpass Mono', Inconsolata, 'Courier New', Courier, monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #enterprise-module .btn {
    width: 100%;
  }
}
#enterprise-module .btn:after {
  content: '';
  display: inline-block;
  width: 155px;
  height: 32px;
  position: absolute;
  right: -6px;
  bottom: -6px;
  z-index: -1;
  background-color: #00f;
  -webkit-mask-image: url('/images/home/btn-shadow-blue.svg');
          mask-image: url('/images/home/btn-shadow-blue.svg');
  -webkit-mask-repeat: repeat;
          mask-repeat: repeat;
  -webkit-mask-position: center right;
          mask-position: center right;
}
#enterprise-module .btn:hover {
  border-color: #ff0;
  background-color: #ff0;
  color: #00f;
}
#enterprise-module .btn--disabled {
  opacity: 0.33;
  pointer-events: none;
}
#enterprise-module .btn--stretched {
  width: 100%;
  min-width: 0;
  padding: 0 16px;
}
#enterprise-module .btn--small {
  min-width: 0;
  height: 40px;
  padding: 0 24px;
  font-size: 12px;
}
#enterprise-module .btn--small:after {
  width: 124px;
}
#enterprise-module .btn--weight-light:after {
  display: none;
}
#enterprise-module .btn--weight-light:hover {
  border-color: #00f;
}
#enterprise-module .btn--weight-x-light {
  color: #00f;
  background-color: transparent;
}
#enterprise-module .btn--weight-x-light:after {
  display: none;
}
#enterprise-module .btn--weight-x-light:hover {
  border-color: #00f;
}
#enterprise-module .btn--tint-violet {
  border: 1px solid #7800ff;
  background-color: #7800ff;
  color: #fff;
}
#enterprise-module .btn--tint-violet:after {
  background-color: #7800ff;
}
#enterprise-module .btn--tint-violet:hover {
  border-color: #fff;
  background-color: #fff;
  color: #121212;
}
#enterprise-module .btn--tint-violet:hover:after {
  background-color: #fff;
}
#enterprise-module .btn__caption {
  display: block;
  padding: 16px 0;
  color: #8c8c8c;
  font-family: 'Overpass Mono', Inconsolata, 'Courier New', Courier, monospace;
  font-size: 14px;
  line-height: 22px;
}
#enterprise-module .btn__caption--is-centered {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#enterprise-module .title {
  margin-bottom: 24px;
  font-size: 48px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .title {
    font-size: 32px;
    line-height: 40px;
  }
}
#enterprise-module .title__caption {
  display: block;
  margin-bottom: 10px;
  color: #f0f0f0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.5px;
  line-height: 24px;
  text-transform: uppercase;
}
#enterprise-module .subtitle {
  margin-bottom: 24px;
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .subtitle {
    margin-bottom: 12px;
    font-size: 24px;
    line-height: 36px;
  }
}
#enterprise-module .title--light,
#enterprise-module .subtitle--light {
  color: #fff;
}
#enterprise-module .title--dark,
#enterprise-module .subtitle--dark {
  color: #2e2e2e;
}
#enterprise-module .title--gray,
#enterprise-module .subtitle--gray {
  color: #6a6a6a;
}
#enterprise-module .title--centered,
#enterprise-module .subtitle--centered {
  text-align: center;
}
#enterprise-module .title--bold,
#enterprise-module .subtitle--bold {
  font-weight: 700;
}
#enterprise-module .title--regular,
#enterprise-module .subtitle--regular {
  font-weight: 400;
}
#enterprise-module .title--thin,
#enterprise-module .subtitle--thin {
  font-weight: 300;
}
#enterprise-module .title--uppercased,
#enterprise-module .subtitle--uppercased {
  text-transform: uppercase;
}
#enterprise-module .title--width-half,
#enterprise-module .subtitle--width-half {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #enterprise-module .title--width-half,
  #enterprise-module .subtitle--width-half {
    width: 100%;
  }
}
#enterprise-module .homepage-fallback .title {
  font-size: 48px;
  line-height: 60px;
}
#enterprise-module .homepage-fallback .subtitle {
  font-size: 24px;
  line-height: 32px;
}
#enterprise-module .homepage-fallback .sub {
  font-size: 28px;
}
#enterprise-module .homepage-fallback .title,
#enterprise-module .homepage-fallback .subtitle {
  margin-bottom: 0;
  font-weight: 600;
  text-align: left;
}
#enterprise-module .homepage-fallback .title.thin,
#enterprise-module .homepage-fallback .subtitle.thin {
  font-weight: 300;
}
#enterprise-module .homepage-fallback .title.bold,
#enterprise-module .homepage-fallback .subtitle.bold {
  font-weight: 700;
}
#enterprise-module .homepage-fallback .title.centered,
#enterprise-module .homepage-fallback .subtitle.centered {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #enterprise-module .homepage-fallback .title {
    font-size: 36px;
    line-height: 40px;
  }
  #enterprise-module .homepage-fallback .subtitle,
  #enterprise-module .homepage-fallback .sub {
    font-size: 20px;
    line-height: 32px;
  }
}
@media screen and (max-width: 800px) {
  #enterprise-module .homepage-fallback .title {
    font-size: 24px;
    line-height: 36px;
  }
  #enterprise-module .homepage-fallback .sub {
    font-size: 18px;
    line-height: 27px;
  }
}
#enterprise-module .text {
  font-size: 14px;
  line-height: 22px;
}
#enterprise-module .text.bold {
  font-weight: 700;
}
#enterprise-module .text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}
.get-started-section #enterprise-module .text {
  margin-bottom: 8px !important;
}
#enterprise-module .text--large {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .text--large {
    font-size: 18px;
    line-height: 27px;
  }
}
#enterprise-module .text--dark {
  color: #2e2e2e;
}
#enterprise-module .text--gray {
  color: #acacac;
}
#enterprise-module .text--light {
  color: #fff;
}
#enterprise-module .text--link {
  color: #ff0;
  text-decoration: none;
}
#enterprise-module .text--link:hover {
  text-decoration: underline;
}
#enterprise-module .text--uppercased {
  text-transform: uppercase;
}
#enterprise-module .text--centered {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#enterprise-module .text--width-narrow {
  width: 65%;
}
@media screen and (max-width: 767px) {
  #enterprise-module .text--width-narrow {
    width: 100%;
  }
}
#enterprise-module .image-with-caption {
  width: 400px;
  margin-bottom: 32px;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .image-with-caption {
    width: 250px;
    margin-bottom: 96px;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .image-with-caption {
    width: 100%;
    max-width: 352px;
    margin-top: 64px;
    margin-right: auto;
    margin-bottom: 128px;
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  #enterprise-module .image-with-caption__image {
    width: 250px;
    height: 250px;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .image-with-caption__image {
    width: 196px;
    height: 196px;
  }
}
#enterprise-module .image-with-caption .caption {
  width: 352px;
  height: 160px;
  padding: 32px 32px 32px 0;
  position: absolute;
  bottom: -32px;
  left: -144px;
}
#enterprise-module .image-with-caption .caption:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url('/images/home/pricing-pattern-border-top.png'), url('/images/home/pricing-pattern-border-right.png'), url('/images/home/pricing-pattern-border-bottom.png');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right 32px, left bottom;
  background-size: 100% 32px, 64px 96px, 100% 32px;
}
@media screen and (max-width: 767px) {
  #enterprise-module .image-with-caption .caption:after {
    width: calc(100% + 32px);
  }
}
@media screen and (max-width: 1023px) {
  #enterprise-module .image-with-caption .caption {
    right: -32px;
    bottom: -96px;
    left: auto;
    left: initial;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .image-with-caption .caption {
    width: 100%;
    padding-right: 0;
    bottom: -96px;
    left: 0;
  }
}
#enterprise-module .image-with-caption .caption__content {
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 32px;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-color: #000;
}
#enterprise-module .image-with-caption .caption__name {
  display: block;
  color: #fff;
  font-family: 'Overpass Mono', Inconsolata, 'Courier New', Courier, monospace;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
#enterprise-module .image-with-caption .caption__position {
  display: block;
  color: #acacac;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#enterprise-module .contact-section {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #enterprise-module .contact-section[data-mobile="show"],
  #enterprise-module .contact-section [data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .contact-section[data-mobile="hide"],
  #enterprise-module .contact-section [data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .contact-section .chat-cta {
    max-width: 352px;
    margin-right: auto;
    margin-left: auto;
  }
}
#enterprise-module .one-col {
  padding: 16px 0;
}
#enterprise-module .one-col--is-centered {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
}
#enterprise-module .one-col--is-wrappable {
  flex-wrap: wrap;
}
#enterprise-module .one-col--padding-none {
  padding: 0;
}
#enterprise-module .one-col--spacing-top {
  margin-top: 48px;
}
#enterprise-module .one-col--spacing-bottom {
  margin-bottom: 48px;
}
#enterprise-module .one-col--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
#enterprise-module .one-col--spacing-left {
  margin-left: 6px;
}
#enterprise-module .one-col__item {
  width: 50%;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .one-col__item {
    width: 100%;
  }
}
#enterprise-module .one-col__item--wide {
  width: 80%;
}
@media screen and (max-width: 1023px) {
  #enterprise-module .one-col__item--wide {
    width: 100%;
  }
}
#enterprise-module .two-cols {
  display: flex;
  padding: 16px 0;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #enterprise-module .two-cols[data-mobile="show"],
  #enterprise-module .two-cols [data-mobile="show"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .two-cols[data-mobile="hide"],
  #enterprise-module .two-cols [data-mobile="hide"] {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .two-cols {
    flex-wrap: wrap;
  }
}
#enterprise-module .two-cols--is-centered {
  align-items: center;
}
#enterprise-module .two-cols--has-equal-height {
  align-items: stretch;
}
#enterprise-module .two-cols--is-reversed {
  flex-direction: row-reverse;
}
#enterprise-module .two-cols--spacing-top {
  margin-top: 48px;
}
#enterprise-module .two-cols--spacing-bottom {
  margin-bottom: 48px;
}
#enterprise-module .two-cols--spacing-both {
  margin-top: 48px;
  margin-bottom: 48px;
}
#enterprise-module .two-cols__item {
  width: calc(50% - 48px);
}
#enterprise-module .two-cols__item--wide {
  width: 55%;
}
#enterprise-module .two-cols__item--has-no-spacing {
  width: 50%;
}
@media screen and (max-width: 767px) {
  #enterprise-module .two-cols__item {
    width: 100%;
  }
}
#enterprise-module .companies-logos {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1 1 auto;
}
#enterprise-module .companies-logos .companies-title {
  margin-bottom: 50px;
  color: #6a6a6a;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#enterprise-module .companies-logos .logos-list {
  display: grid;
  width: 100%;
  align-items: center;
  list-style: none;
  grid-column-gap: 36px;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
@media screen and (max-width: 1023px) {
  #enterprise-module .companies-logos .logos-list {
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 42px;
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .logos-list {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 64px;
  }
}
#enterprise-module .companies-logos .company-logo {
  display: flex;
  max-width: 100%;
  margin: 0 auto;
  align-items: center;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen {
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo {
    background-repeat: no-repeat;
    background-position: center center;
  }
}
#enterprise-module .companies-logos .company-logo.hbo {
  -webkit-mask-image: url('/images/homepage/pricing/hbo.svg');
          mask-image: url('/images/homepage/pricing/hbo.svg');
  width: 64px;
  height: 27px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.hbo {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/hbo.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.hbo {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.hbo {
    background-image: url('/images/homepage/pricing/hbo.svg');
  }
}
#enterprise-module .companies-logos .company-logo.paypal {
  -webkit-mask-image: url('/images/homepage/pricing/paypal.svg');
          mask-image: url('/images/homepage/pricing/paypal.svg');
  width: 107px;
  height: 27px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.paypal {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/paypal.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.paypal {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.paypal {
    background-image: url('/images/homepage/pricing/paypal.svg');
  }
}
#enterprise-module .companies-logos .company-logo.sapient {
  -webkit-mask-image: url('/images/homepage/pricing/sapient.svg');
          mask-image: url('/images/homepage/pricing/sapient.svg');
  width: 95px;
  height: 35px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.sapient {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/sapient.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.sapient {
    height: 28px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.sapient {
    background-image: url('/images/homepage/pricing/sapient.svg');
  }
}
#enterprise-module .companies-logos .company-logo.netflix {
  -webkit-mask-image: url('/images/homepage/pricing/netflix.svg');
          mask-image: url('/images/homepage/pricing/netflix.svg');
  width: 82px;
  height: 22px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.netflix {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/netflix.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.netflix {
    height: 20px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.netflix {
    background-image: url('/images/homepage/pricing/netflix.svg');
  }
}
#enterprise-module .companies-logos .company-logo.microsoft {
  -webkit-mask-image: url('/images/homepage/pricing/microsoft.svg');
          mask-image: url('/images/homepage/pricing/microsoft.svg');
  width: 114px;
  height: 22px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.microsoft {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/microsoft.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.microsoft {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.microsoft {
    background-image: url('/images/homepage/pricing/microsoft.svg');
  }
}
#enterprise-module .companies-logos .company-logo.sony {
  -webkit-mask-image: url('/images/homepage/pricing/sony.svg');
          mask-image: url('/images/homepage/pricing/sony.svg');
  width: 84px;
  height: 13px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.sony {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/sony.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.sony {
    height: 21px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.sony {
    background-image: url('/images/homepage/pricing/sony.svg');
  }
}
#enterprise-module .companies-logos .company-logo.autodesk {
  -webkit-mask-image: url('/images/homepage/pricing/autodesk.svg');
          mask-image: url('/images/homepage/pricing/autodesk.svg');
  width: 119px;
  height: 21px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.autodesk {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/autodesk.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.autodesk {
    height: 18px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.autodesk {
    background-image: url('/images/homepage/pricing/autodesk.svg');
  }
}
#enterprise-module .companies-logos .company-logo.liquidplanner {
  -webkit-mask-image: url('/images/homepage/pricing/liquidplanner.svg');
          mask-image: url('/images/homepage/pricing/liquidplanner.svg');
  width: 155px;
  height: 20px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.liquidplanner {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/liquidplanner.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.liquidplanner {
    height: 17px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.liquidplanner {
    background-image: url('/images/homepage/pricing/liquidplanner.svg');
  }
}
#enterprise-module .companies-logos .company-logo.sumologic {
  -webkit-mask-image: url('/images/homepage/pricing/sumologic.svg');
          mask-image: url('/images/homepage/pricing/sumologic.svg');
  width: 116px;
  height: 22px;
}
@supports not ((-webkit-mask-image: url('*.svg')) or (mask-image: url('*.svg'))) {
  #enterprise-module .companies-logos .company-logo.sumologic {
    background-color: transparent;
    background-image: url('/images/homepage/pricing/sumologic.svg');
    background-size: contain;
    filter: brightness(0) invert(1);
  }
}
@media screen and (max-width: 767px) {
  #enterprise-module .companies-logos .company-logo.sumologic {
    height: 19px;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #enterprise-module .companies-logos .company-logo.sumologic {
    background-image: url('/images/homepage/pricing/sumologic.svg');
  }
}
#enterprise-module .companies-logos.has-grid .logos-list {
  display: grid;
  max-width: 557px;
  align-content: center;
  align-items: center;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  grid-row-gap: 64px;
  grid-column-gap: 0;
}
@media (max-width: 767px) {
  #enterprise-module .companies-logos.has-grid .logos-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
#enterprise-module .horizontal-separator {
  border-width: 1px;
  border-style: solid none none;
  border-color: #2e2e2e;
}
#enterprise-module .horizontal-separator--light {
  border-color: #e6e6e6;
}
/* zIndex group */
/* variables */
/* Breakpoints */
/* Ebook colors */
/* CORE: global styles */
/* horizontal lines on both sides of the text */
@keyframes pinPulse {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
@keyframes border-pulse-mode {
  0%,
  100% {
    border: 5px solid rgba(0, 0, 0, 0.05);
  }
  50% {
    border: 5px solid rgba(0, 0, 0, 0.15);
  }
}
@keyframes blink-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes max-width {
  100% {
    max-width: 100%;
  }
}
@keyframes animate-hidden {
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes animate-visible {
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* some merge libraries overrides global styles and our UI is broken - it's workaround */
/* box clearing stuff */
/* better text underline */
/* firefox only */
/* More complex icons, divided into paths. Leave the colors to keep the original look */
.icon-font-live-share .path1:before {
  content: "\e611";
  color: #ffffff;
}
.icon-font-live-share .path2:before {
  content: "\e612";
  margin-left: -0.74316406em;
  color: #ffc400;
}
.icon-font-usability-testing .icon-font-path1:before {
  content: "\e615";
  color: #ffffff;
}
.icon-font-usability-testing .icon-font-path2:before {
  content: "\e616";
  margin-left: -1.25em;
  color: #ffffff;
}
.icon-font-usability-testing .icon-font-path3:before {
  content: "\e617";
  margin-left: -1.25em;
  color: #006cff;
}
.icon-font-usability-testing .icon-font-path4:before {
  content: "\e618";
  margin-left: -1.25em;
  color: #006cff;
}
.icon-font-usability-testing .icon-font-path5:before {
  content: "\e619";
  margin-left: -1.25em;
  color: #006cff;
}
.icon-font-usability-testing .icon-font-path6:before {
  content: "\e61a";
  margin-left: -1.25em;
  color: #006cff;
}
.icon-font-feature-preview .path1:before {
  content: "\e645";
  color: #285866;
}
.icon-font-feature-preview .path2:before {
  content: "\e646";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path3:before {
  content: "\e647";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path4:before {
  content: "\e648";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path5:before {
  content: "\e649";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path6:before {
  content: "\e64a";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path7:before {
  content: "\e64b";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path8:before {
  content: "\e64c";
  margin-left: -1.578125em;
  color: #ffffff;
}
.icon-font-feature-preview .path9:before {
  content: "\e64d";
  margin-left: -1.578125em;
  color: #ffffff;
}
.icon-font-feature-preview .path10:before {
  content: "\e64e";
  margin-left: -1.578125em;
  color: #ffffff;
}
.icon-font-feature-preview .path11:before {
  content: "\e64f";
  margin-left: -1.578125em;
  color: #ffffff;
}
.icon-font-feature-preview .path12:before {
  content: "\e650";
  margin-left: -1.578125em;
  color: #ffffff;
}
.icon-font-feature-preview .path13:before {
  content: "\e651";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path14:before {
  content: "\e652";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-preview .path15:before {
  content: "\e653";
  margin-left: -1.578125em;
  color: #285866;
}
.icon-font-feature-usability-testing .path1:before {
  content: "\e654";
  color: #285866;
}
.icon-font-feature-usability-testing .path2:before {
  content: "\e655";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path3:before {
  content: "\e656";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path4:before {
  content: "\e657";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path5:before {
  content: "\e658";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path6:before {
  content: "\e659";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path7:before {
  content: "\e65a";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path8:before {
  content: "\e65b";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path9:before {
  content: "\e65c";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path10:before {
  content: "\e65d";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path11:before {
  content: "\e65e";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path12:before {
  content: "\e65f";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path13:before {
  content: "\e660";
  margin-left: -0.81640625em;
  color: #285866;
}
.icon-font-feature-usability-testing .path14:before {
  content: "\e661";
  margin-left: -0.81640625em;
  color: #ffffff;
}
.icon-font-feature-usability-testing .path15:before {
  content: "\e662";
  margin-left: -0.81640625em;
  color: #ffffff;
}
.icon-font-feature-usability-testing .path16:before {
  content: "\e663";
  margin-left: -0.81640625em;
  color: #ffffff;
}
.icon-font-feature-usability-testing .path17:before {
  content: "\e664";
  margin-left: -0.81640625em;
  color: #ffffff;
}
.icon-font-feature-usability-testing .path18:before {
  content: "\e665";
  margin-left: -0.81640625em;
  color: #ffffff;
}
.icon-font-live-share .icon-font-path1:before {
  content: "\e667";
  color: #ffffff;
}
.icon-font-live-share .icon-font-path2:before {
  content: "\e668";
  margin-left: -0.74316406em;
  color: #006cff;
}
.icon-font-feature-building-prototypes .icon-font-path1:before {
  content: "\e628";
  color: #3498db;
}
.icon-font-feature-building-prototypes .icon-font-path2:before {
  content: "\e629";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path3:before {
  content: "\e62a";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path4:before {
  content: "\e62b";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path5:before {
  content: "\e62c";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path6:before {
  content: "\e62d";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path7:before {
  content: "\e62e";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path8:before {
  content: "\e62f";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path9:before {
  content: "\e630";
  margin-left: -1.88183594em;
  color: #005866;
}
.icon-font-feature-building-prototypes .icon-font-path10:before {
  content: "\e631";
  margin-left: -1.88183594em;
  color: #3498db;
}
.icon-font-feature-building-prototypes .icon-font-path11:before {
  content: "\e632";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path12:before {
  content: "\e633";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path13:before {
  content: "\e634";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path14:before {
  content: "\e635";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path15:before {
  content: "\e636";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path16:before {
  content: "\e637";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path17:before {
  content: "\e638";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path18:before {
  content: "\e639";
  margin-left: -1.88183594em;
  color: #ffffff;
}
.icon-font-feature-building-prototypes .icon-font-path19:before {
  content: "\e63a";
  margin-left: -1.88183594em;
  color: #3498db;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
*:before,
*:after {
  box-sizing: border-box;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
img,
fieldset {
  border: none;
}
a,
object,
input:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
li {
  list-style: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: bold;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
button,
input[type='button'],
input[type='reset'],
input[type='submit'],
input[type='checkbox'],
input[type='radio'],
select {
  cursor: pointer;
}
button[disabled],
input[disabled] {
  cursor: default;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
video,
img,
object,
iframe {
  display: block;
}
ul,
ol {
  margin-bottom: 0;
}
/* CORE: fonts */
@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  font-weight: normal;
  src: url('/packs/fonts/ProximaNova-RegularWeb.woff') format('woff');
}
@font-face {
  font-family: 'ProximaNova';
  font-style: italic;
  font-weight: normal;
  src: url('/packs/fonts/ProximaNova-RegularItWeb.woff') format('woff');
}
@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  font-weight: 300;
  src: url('/packs/fonts/ProximaNova-LightWeb.woff') format('woff');
}
@font-face {
  font-family: 'ProximaNova';
  font-style: italic;
  font-weight: 300;
  src: url('/packs/fonts/ProximaNova-LightItWeb.woff') format('woff');
}
@font-face {
  font-family: 'ProximaNova';
  font-style: normal;
  font-weight: bold;
  src: url('/packs/fonts/ProximaNova-SemiboldWeb.woff') format('woff');
}
@font-face {
  font-family: 'ProximaNova';
  font-style: italic;
  font-weight: bold;
  src: url('/packs/fonts/ProximaNova-SemiboldItWeb.woff') format('woff');
}
@font-face {
  font-family: 'UXPin-Homepage';
  src: url('/packs/fonts/Icons-Homepage.woff?-sobet') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'UXPin-Homepage-20';
  src: url('/packs/fonts/UXPin-Homepage-20.woff?20160902') format('woff');
  font-weight: normal;
  font-style: normal;
}
@keyframes smoothBlur {
  from {
    filter: blur(0px);
  }
  to {
    filter: blur(5px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
@keyframes timelineWidth {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
html {
  height: 100%;
  position: relative;
  background: #fff;
  overflow: auto;
}
body {
  min-height: 100%;
  color: #506377;
  font-family: "ProximaNova", sans-serif;
  font-size: 16px;
  line-height: 24px;
  overflow-x: hidden;
}
a {
  cursor: pointer;
}
h1 {
  color: #7800FF;
  font-size: 48px;
  font-weight: 700;
  text-transform: none;
  line-height: 42px;
}
h2 {
  color: #151515;
  font-size: 33px;
  font-weight: 300;
  text-transform: none;
  line-height: 1.33em;
}
h3 {
  color: #373737;
  font-size: 36px;
  font-weight: 300;
  text-transform: none;
  line-height: 42px;
}
h4 {
  color: #373737;
  font-size: 18px;
  font-weight: normal;
  text-transform: none;
  line-height: 24px;
}
h5 {
  color: #373737;
  font-size: 16px;
  font-weight: normal;
  text-transform: none;
  line-height: 20px;
}
h6 {
  color: #373737;
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  line-height: 18px;
}
p,
ul,
ol,
address {
  margin-bottom: 11px;
}
p + ul,
p + ol {
  margin-top: -11px;
}
ol {
  padding-left: 22px;
}
ol ol,
ol ul,
ol nav,
ul ol,
ul ul,
ul nav,
nav ol,
nav ul,
nav nav {
  margin-bottom: 0;
}
ol li {
  list-style: decimal;
}
address {
  font-style: italic;
}
td,
th {
  font-family: "ProximaNova", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
::-moz-selection {
  background: #cacaca;
  color: #fff;
}
::selection {
  background: #cacaca;
  color: #fff;
}
h2 {
  margin-bottom: 60px;
  text-align: center;
}
.main-section {
  padding: 80px 0;
}
.main-section h2 {
  color: #151515;
}
.centering-block {
  width: 960px;
  max-width: 100%;
  margin: 0 auto;
}
.new-page .centering-block {
  width: 1170px;
}
@media screen and (max-width: 1170px) {
  .new-page .centering-block {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.fluid-section {
  max-width: 1210px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 736px) {
  .fluid-section {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.heading-minor {
  width: 100%;
  text-align: center;
}
.heading-minor .title {
  color: #6a6a6a;
  font-size: 12px;
  letter-spacing: 1.25px;
  line-height: 250%;
  text-transform: uppercase;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
[class^="icon-font-"]:before,
[class*="icon-font-"]:before,
[class^='path']:before {
  text-align: center;
  font-family: 'UXPin-Homepage';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-20-"]:before,
[class*=" icon-20-"]:before {
  text-align: center;
  font-family: 'UXPin-Homepage-20';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn {
  max-width: 100%;
  cursor: pointer;
}
.btn-flat,
button {
  display: inline-block;
  opacity: 1;
  padding: 10px 14px;
  border: 0;
  border-radius: 3px;
  position: relative;
  background: #3a99d8;
  background-clip: padding-box;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: 'ProximaNova', sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}
.btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
button:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
.btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
button:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
.btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
button:not(.inactive):not(.unavailable):not(.working):not([disabled]).active {
  background: #2e85c0;
  text-decoration: none;
}
.btn-flat.inactive,
button.inactive {
  background: #86bff0;
  cursor: wait;
}
.btn-flat.big-size,
button.big-size {
  padding: 14px 24px;
  font-size: 18px;
}
.btn-ghost {
  display: inline-block;
  min-height: 73px;
  padding: 0 70px;
  border: 1px solid #cacaca;
  position: relative;
  color: #006cff;
  font-size: 16px;
  letter-spacing: 0.3em;
  line-height: 73px;
  text-transform: uppercase;
  transition: border-color 0.3s ease;
}
.btn-ghost .icon-font-arrow {
  width: auto;
  margin-left: 20px;
}
.btn-ghost .icon-font-arrow:before {
  color: #006cff;
  content: "\e601";
  font-size: 17px;
  position: relative;
  top: 2px;
}
.btn-ghost:before {
  content: '';
  display: block;
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  z-index: 0;
  background: #006cff;
  transition: width 0.3s ease;
}
.btn-ghost:hover {
  border-color: #006cff;
}
.btn-ghost:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}
.btn-ghost:hover:after {
  opacity: 1;
}
.btn-ghost:hover .overlay {
  opacity: 1;
}
.btn-ghost .overlay {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  transition: opacity 0.3s ease;
}
.btn-ghost .overlay .icon-font-arrow:before {
  color: #fff;
}
.btn-ghost-without-arrow {
  position: relative;
}
.btn-ghost-without-arrow:before,
.btn-ghost-without-arrow:after {
  height: 100%;
  position: absolute;
  top: 0;
}
.btn-ghost-without-arrow:before {
  content: '';
  display: block;
  width: 0;
  right: 0;
  left: auto;
  z-index: 0;
  background: #006cff;
  transition: width 0.3s ease;
}
.btn-ghost-without-arrow:after {
  content: attr(data-title) !important;
  opacity: 0;
  width: 100%;
  left: 0;
  z-index: 3;
  color: #fff;
  text-align: center;
  transition: opacity 0.3s ease;
}
.btn-ghost-without-arrow:hover:before {
  width: 100%;
  right: auto;
  left: 0;
}
.btn-ghost-without-arrow:hover:after {
  opacity: 1;
}
.btn-ghost-without-arrow:hover .overlay {
  opacity: 1;
}
.btn-xl,
.btn-xl.btn,
.btn-xl.btn-flat,
.btn-xl.btn-apply {
  width: 280px;
  height: 60px;
  padding: 0 12px;
  font-size: 17px;
  line-height: 60px;
}
body.new-page button,
body .new-page button,
body.new-page .btn-flat,
body .new-page .btn-flat {
  display: inline-block;
  opacity: 1;
  padding: 10px 14px;
  border: 0;
  border-radius: 8px;
  position: relative;
  background-color: #006cff;
  background-clip: padding-box;
  box-shadow: none;
  color: #fff;
  font-family: 'ProximaNova', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
body.new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body .new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body.new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body .new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body.new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body .new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body.new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body .new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body.new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body .new-page button:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body.new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body .new-page .btn-flat:not(.inactive):not(.unavailable):not(.working):not([disabled]).active {
  opacity: 1;
  background-color: #0061e6;
  color: #fff;
}
body.new-page button.white,
body .new-page button.white,
body.new-page .btn-flat.white,
body .new-page .btn-flat.white {
  background-color: #fff;
  color: #006cff;
}
body.new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body .new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body.new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body .new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
body.new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body .new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body.new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body .new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).pushed,
body.new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body .new-page button.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body.new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).active,
body .new-page .btn-flat.white:not(.inactive):not(.unavailable):not(.working):not([disabled]).active {
  opacity: 1;
  background-color: #e5f0ff;
  color: #006cff;
}
body.new-page button.shadow,
body .new-page button.shadow,
body.new-page .btn-flat.shadow,
body .new-page .btn-flat.shadow {
  box-shadow: 0 9px 18px rgba(0, 108, 255, 0.17);
}
body.new-page button.inactive,
body .new-page button.inactive,
body.new-page .btn-flat.inactive,
body .new-page .btn-flat.inactive {
  background: #0061e6;
  cursor: wait;
}
::-webkit-input-placeholder {
  color: #a1a1a1 !important;
}
::-moz-placeholder {
  color: #a1a1a1 !important;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #a1a1a1 !important;
}
input {
  border: 1px solid #e4e4e4;
  border-radius: 8px;
  font-size: 16px;
  height: 46px;
  line-height: 46px;
  padding: 0 15px 0 20px;
}
input.not-valid {
  border: 1px solid #f07b68;
}
input[type="text"]:focus,
input[type="password"]:focus {
  border: 1px solid #006cff;
  outline-offset: 0;
}
input:focus {
  border-color: #99cdf0;
}
a {
  color: #3a99d8;
  text-decoration: none;
}
.banners {
  margin-bottom: 17px;
  padding-top: 67px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1280px) {
  .banners {
    padding-top: 54px;
  }
}
@media screen and (max-width: 736px) {
  .banners {
    padding-top: 15px;
    padding-bottom: 0;
  }
}
.banners .heading-minor {
  margin-bottom: 29px;
}
@media screen and (max-width: 1280px) {
  .banners .heading-minor {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 1024px) {
  .banners .heading-minor {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 736px) {
  .banners .heading-minor {
    margin-bottom: 10px;
  }
}
.banners ul {
  display: flex;
  width: 100%;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .banners ul {
    width: calc(100% + 10px);
    margin-left: -10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.banners .banner {
  margin-right: 10px;
  margin-left: 10px;
  align-items: center;
  background-color: #b5bbc2;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: -9999px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
}
@media screen and (max-width: 736px) {
  .banners .banner {
    width: calc(25% - 10px * 2) !important;
    margin: 5px 10px !important;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner {
    background-repeat: no-repeat;
    background-position: center center;
  }
}
.banners .banner:first-child {
  margin-left: 0;
}
.banners .banner:last-child {
  margin-right: 0;
}
.banners .banner.trowe {
  width: 123px;
  height: 19px;
  -webkit-mask-image: url('/images/homepage/pricing/trowe.svg');
          mask-image: url('/images/homepage/pricing/trowe.svg');
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.trowe {
    background-image: url('/images/homepage/pricing/trowe.svg');
  }
}
@media screen and (max-width: 736px) {
  .banners .banner.trowe {
    height: 18px;
    order: 1;
  }
}
.banners .banner.hbo {
  width: 64px;
  height: 27px;
  -webkit-mask-image: url('/images/homepage/pricing/hbo.svg');
          mask-image: url('/images/homepage/pricing/hbo.svg');
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.hbo {
    background-image: url('/images/homepage/pricing/hbo.svg');
  }
}
@media screen and (max-width: 736px) {
  .banners .banner.hbo {
    height: 18px;
    order: 1;
  }
}
.banners .banner.paypal {
  width: 107px;
  height: 27px;
  -webkit-mask-image: url('/images/homepage/pricing/paypal.svg');
          mask-image: url('/images/homepage/pricing/paypal.svg');
}
@media screen and (max-width: 736px) {
  .banners .banner.paypal {
    order: 2;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.paypal {
    background-image: url('/images/homepage/pricing/paypal.svg');
  }
}
.banners .banner.sapient {
  width: 95px;
  height: 35px;
  -webkit-mask-image: url('/images/homepage/pricing/sapient.svg');
          mask-image: url('/images/homepage/pricing/sapient.svg');
}
@media screen and (max-width: 736px) {
  .banners .banner.sapient {
    order: 3;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.sapient {
    background-image: url('/images/homepage/pricing/sapient.svg');
  }
}
.banners .banner.autodesk {
  width: 119px;
  height: 21px;
  -webkit-mask-image: url('/images/homepage/pricing/autodesk.svg');
          mask-image: url('/images/homepage/pricing/autodesk.svg');
}
@media screen and (max-width: 736px) {
  .banners .banner.autodesk {
    order: 5;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.autodesk {
    background-image: url('/images/homepage/pricing/autodesk.svg');
  }
}
.banners .banner.netflix {
  width: 82px;
  height: 22px;
  -webkit-mask-image: url('/images/homepage/pricing/netflix.svg');
          mask-image: url('/images/homepage/pricing/netflix.svg');
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.netflix {
    background-image: url('/images/homepage/pricing/netflix.svg');
  }
}
@media screen and (max-width: 736px) {
  .banners .banner.netflix {
    height: 20px;
    order: 4;
  }
}
.banners .banner.microsoft {
  width: 114px;
  height: 24px;
  -webkit-mask-image: url('/images/homepage/pricing/microsoft.svg');
          mask-image: url('/images/homepage/pricing/microsoft.svg');
}
@media screen and (max-width: 736px) {
  .banners .banner.microsoft {
    order: 6;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.microsoft {
    background-image: url('/images/homepage/pricing/microsoft.svg');
  }
}
.banners .banner.sony {
  width: 84px;
  height: 15px;
  -webkit-mask-image: url('/images/homepage/pricing/sony.svg');
          mask-image: url('/images/homepage/pricing/sony.svg');
}
@media screen and (max-width: 736px) {
  .banners .banner.sony {
    height: 13px;
    order: 7;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .banners .banner.sony {
    background-image: url('/images/homepage/pricing/sony.svg');
  }
}
.legal-note {
  font-size: 12px;
  line-height: 16px;
  display: block;
  width: 100%;
  margin-top: 20px;
  color: #919191;
  text-align: center;
}
.legal-note.gated-content {
  max-width: 520px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
.legal-note a {
  color: inherit;
  text-decoration: none;
  position: relative;
}
.legal-note a:after {
  content: '';
  border-bottom: 1px solid #919191;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.legal-note a:hover:after {
  opacity: 0;
}
.main-header {
  padding-bottom: 160px;
  position: relative;
  color: #fff;
  /* TODO Delete after refactoring */
}
.main-header a {
  text-decoration: none;
}
.main-header .content-wrapper {
  text-align: center;
}
.main-header .page-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6em;
}
.main-header .main-nav {
  margin: 59px 60px 0 0;
  float: right;
}
.main-header .main-nav li {
  margin-right: 44px;
  float: left;
}
.main-header .main-nav li:last-of-type {
  margin-right: 0;
}
.main-header .main-nav li.selected a {
  color: #979797;
}
.main-header .main-nav li.selected a:after {
  display: none;
}
.main-header .main-nav a {
  color: #fff;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.main-header .main-nav a:after {
  border-bottom: 1px solid #fff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.main-header .main-nav a:hover:after {
  opacity: 1;
}
.main-header h1 {
  padding: 280px 0 15px;
  color: #fff;
  font-size: 59px;
  font-weight: 800;
  line-height: 1.1em;
  text-align: center;
}
.main-header .see-video {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.logo {
  width: 70px;
  height: 70px;
  border: 1px solid #fff;
  background: url('/images/homepage/uxpin-white.svg') no-repeat;
  background-position: center;
  background-size: 70px 70px;
}
.main-header .logo {
  position: absolute;
  top: 35px;
  left: 60px;
}
.white-version .top-bar .logo,
.page-about-us .top-bar .logo,
.page-customers .top-bar .logo,
.page-pricing .top-bar .logo,
.logo.black {
  background: url('/images/homepage/uxpin-black.svg') no-repeat;
  background-position: center;
  background-size: 70px 70px;
  border-color: #000;
}
.top-bar {
  max-width: 1210px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 7;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 800px) {
  .top-bar {
    padding-right: 0;
    padding-left: 0;
  }
}
.top-bar .logo {
  position: absolute;
  top: 27px;
  left: 20px;
}
.top-bar .main-nav {
  width: 100%;
  max-width: 872px;
  margin-top: 50px;
  float: right;
}
.top-bar .main-nav > ul {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .top-bar .main-nav > ul {
    justify-content: space-between;
  }
}
@media screen and (max-width: 800px) {
  .top-bar .main-nav > ul {
    margin-bottom: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul {
    display: block;
    text-align: center;
  }
}
.top-bar .main-nav > ul > li {
  position: relative;
  font-size: 16px;
}
@media screen and (max-width: 800px) {
  .top-bar .main-nav > ul > li {
    font-size: 12px;
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li {
    display: inline-block;
    line-height: 1;
  }
  .top-bar .main-nav > ul > li:nth-last-child(2) {
    display: none !important;
  }
  .top-bar .main-nav > ul > li[data-show-node='cloud'] {
    padding: 10px;
  }
  .top-bar .main-nav > ul > li.visible .cloud {
    display: block !important;
  }
  .top-bar .main-nav > ul > li .cloud {
    display: none !important;
  }
}
.top-bar .main-nav > ul > li:not(:first-child) {
  margin-left: 61px;
}
@media screen and (max-width: 850px) and (max-width: 850px) {
  .top-bar .main-nav > ul > li:not(:first-child) {
    margin-left: 10px;
  }
}
@media screen and (min-width: 851px) {
  .top-bar .main-nav > ul > li.log-in-link {
    margin-left: auto;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li.log-in-link {
    display: none !important;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li.resources .cloud {
    right: 0;
  }
  .top-bar .main-nav > ul > li.resources .cloud:before {
    right: 15px;
    left: auto;
  }
}
.top-bar .main-nav > ul > li > a,
.top-bar .main-nav > ul > li > span {
  color: #373737;
}
.page-features .top-bar .main-nav > ul > li > a,
.page-features .top-bar .main-nav > ul > li > span,
#testimonials .top-bar .main-nav > ul > li > a,
#testimonials .top-bar .main-nav > ul > li > span,
.page-enterprise .top-bar .main-nav > ul > li > a,
.page-enterprise .top-bar .main-nav > ul > li > span,
.page-jobs .top-bar .main-nav > ul > li > a,
.page-jobs .top-bar .main-nav > ul > li > span,
.page-mockups .top-bar .main-nav > ul > li > a,
.page-mockups .top-bar .main-nav > ul > li > span,
.prototyping-page .top-bar .main-nav > ul > li > a,
.prototyping-page .top-bar .main-nav > ul > li > span,
.knowledge-page .top-bar .main-nav > ul > li > a,
.knowledge-page .top-bar .main-nav > ul > li > span {
  color: #fff;
}
.top-bar .main-nav > ul > li > a.selected,
.top-bar .main-nav > ul > li > span.selected {
  color: #919191;
}
.page-features .top-bar .main-nav > ul > li > a.selected,
.page-features .top-bar .main-nav > ul > li > span.selected,
#testimonials .top-bar .main-nav > ul > li > a.selected,
#testimonials .top-bar .main-nav > ul > li > span.selected,
.page-enterprise .top-bar .main-nav > ul > li > a.selected,
.page-enterprise .top-bar .main-nav > ul > li > span.selected,
.page-jobs .top-bar .main-nav > ul > li > a.selected,
.page-jobs .top-bar .main-nav > ul > li > span.selected,
.page-mockups .top-bar .main-nav > ul > li > a.selected,
.page-mockups .top-bar .main-nav > ul > li > span.selected,
.prototyping-page .top-bar .main-nav > ul > li > a.selected,
.prototyping-page .top-bar .main-nav > ul > li > span.selected,
.knowledge-page .top-bar .main-nav > ul > li > a.selected,
.knowledge-page .top-bar .main-nav > ul > li > span.selected {
  color: #a6a6a6;
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li > a {
    padding: 10px !important;
  }
}
.top-bar .main-nav > ul > li > span {
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .top-bar .main-nav > ul > li > span {
    margin-right: 10px;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li > span {
    margin-right: 13px;
    padding: 0 !important;
    position: relative;
  }
}
.top-bar .main-nav > ul > li > span:before,
.top-bar .main-nav > ul > li > span:after {
  content: '';
  position: absolute;
}
.top-bar .main-nav > ul > li > span:before {
  width: 18px;
  height: 100%;
  top: 0;
  right: -18px;
  pointer-events: auto;
}
@media screen and (max-width: 800px) {
  .top-bar .main-nav > ul > li > span:before {
    right: -4px;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li > span:before {
    right: -13px !important;
  }
}
.top-bar .main-nav > ul > li > span:after {
  width: 6px;
  height: 6px;
  border: 1px solid #373737;
  border-width: 0 0 1px 1px;
  top: 7px;
  right: -17px;
  transform: rotate(-45deg);
  pointer-events: none;
}
@media screen and (max-width: 800px) {
  .top-bar .main-nav > ul > li > span:after {
    top: 6px;
    right: -3px;
  }
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav > ul > li > span:after {
    top: 1px;
    right: -13px !important;
    transform: rotate(-45deg) scale(0.8);
  }
}
.page-features .top-bar .main-nav > ul > li > span:after,
#testimonials .top-bar .main-nav > ul > li > span:after,
.page-enterprise .top-bar .main-nav > ul > li > span:after,
.page-jobs .top-bar .main-nav > ul > li > span:after,
.page-mockups .top-bar .main-nav > ul > li > span:after,
.prototyping-page .top-bar .main-nav > ul > li > span:after,
.knowledge-page .top-bar .main-nav > ul > li > span:after {
  border-color: #fff;
}
.top-bar .main-nav .cloud {
  width: 210px;
  margin-top: 6px;
  z-index: 2;
}
@media screen and (max-width: 736px) {
  .top-bar .main-nav .cloud {
    width: 170px;
  }
}
.top-bar .main-nav .cloud:after {
  content: '';
  height: 6px;
  position: absolute;
  top: -6px;
  right: 0;
  left: 0;
}
.top-bar .main-nav .cloud a:before,
.top-bar .main-nav .cloud a:after {
  display: none;
}
/* Go back to Homepage option */
.back-homepage {
  display: inline-block;
  margin: 59px 0 0 47px;
  float: left;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.back-homepage:after {
  border-bottom: 1px solid #fff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.back-homepage:hover:after {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .back-homepage {
    display: none;
  }
}
/* Main header background */
.main-header {
  position: relative;
}
.main-header:before,
.main-header:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main-header:before {
  z-index: -2;
}
.main-header:after {
  z-index: -1;
}
.main-footer {
  background: #373737 !important;
  padding: 102px 0 0;
}
.main-footer .centering-block {
  width: 100%;
  max-width: 1210px;
  padding-right: 20px;
  padding-left: 20px;
}
.main-footer .column {
  display: flex;
  margin-right: 10px;
  flex-direction: column;
  font-size: 12px;
}
.main-footer .column:first-of-type {
  margin-left: 0;
}
.main-footer .column:last-of-type {
  margin-right: 0;
}
.main-footer dl {
  font-size: 12px;
}
.main-footer dl dt {
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
  line-height: 1.33em;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.main-footer dl dd {
  margin-bottom: 6px;
  font-size: 14px;
}
.main-footer dl dd:last-of-type {
  margin-bottom: 0;
}
.main-footer a {
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}
.main-footer a:after {
  content: '';
  border-bottom: 1px solid #fff;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.main-footer a:after {
  opacity: 0;
}
.main-footer a:hover:after {
  opacity: 0.6;
}
.main-footer #site-map {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.main-footer .with-badge:before {
  content: 'we\'re hiring';
  height: 14px;
  line-height: 15px;
  width: 58px;
  right: -58px;
  top: 0;
  margin-right: -5px;
  position: absolute;
  display: inline-block;
  font-size: 8px;
  font-weight: 700;
  border-radius: 8px;
  padding: 0 4px;
  text-align: center;
  text-transform: uppercase;
}
.main-footer .with-badge.hiring:before {
  padding: 0;
  color: #fff;
  background-color: #bf9768;
}
.main-footer .additional-info {
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
  padding: 32px 0 25px;
}
.main-footer .additional-info .centering-block {
  align-items: center;
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
}
.main-footer .additional-info .logo-wrapper {
  cursor: pointer;
  margin-bottom: 25px;
}
.main-footer .additional-info .logo {
  opacity: 0.3;
}
.main-footer .additional-info ul {
  margin: auto;
}
.main-footer .additional-info ul a {
  color: rgba(255, 255, 255, 0.3);
}
.main-footer .additional-info ul li {
  float: left;
  padding-left: 5px;
}
.main-footer .additional-info ul li:first-of-type {
  padding: 0;
}
.main-footer .additional-info ul li:first-of-type:before {
  display: none;
}
.main-footer .additional-info ul li:before {
  content: "\2022";
  padding-right: 5px;
}
.new-page .main-footer {
  padding-top: 102px;
  background-color: #333;
}
.new-page .main-footer a {
  cursor: pointer;
  position: relative;
  color: rgba(255, 255, 255, 0.8);
}
.new-page .main-footer a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.new-page .main-footer a:hover:after {
  opacity: 1;
}
.new-page .main-footer dl dt {
  margin-bottom: 21px;
  color: rgba(255, 255, 255, 0.3);
  font-weight: 400;
  letter-spacing: 0.02em;
}
.new-page .main-footer dl dd {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
.new-page .main-footer .additional-info {
  padding: 76px 0 36px;
}
.new-page .main-footer .additional-info .logo-wrapper {
  margin-bottom: 35px;
}
.new-page .main-footer .additional-info .logo-wrapper:after {
  display: none;
}
.new-page .main-footer .additional-info .logo {
  opacity: 0.3;
  width: 66px;
  height: 66px;
  background-size: 66px;
}
.new-page .main-footer .additional-info ul,
.new-page .main-footer .additional-info ul a {
  color: rgba(255, 255, 255, 0.3);
  font-size: 14px;
}
.new-page .main-footer .additional-info ul a {
  cursor: pointer;
  position: relative;
}
.new-page .main-footer .additional-info ul a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.new-page .main-footer .additional-info ul a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
.new-page .main-footer .additional-info ul a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.new-page .main-footer .additional-info ul a:hover:after {
  opacity: 0;
}
/* Testimonials and company logos section */
.testimonials {
  padding-top: 10px;
  border-top: 1px solid #ededed;
}
.testimonials h2 {
  color: #a8a8a9;
  font-size: 12px;
  letter-spacing: 0.2em;
  position: relative;
  text-transform: uppercase;
  top: -18px;
  z-index: 2;
}
.testimonials h2:after {
  background: #fff;
  content: '';
  height: 150%;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 410px;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.testimonials .flex-wrapper {
  display: flex;
  align-items: center;
}
.testimonials .half-width {
  width: 50%;
  margin: 0 auto;
  position: relative;
}
.testimonials .half-width:last-of-type {
  margin-left: 87px;
}
.testimonials .half-width:first-of-type {
  margin-bottom: 0;
}
.testimonials .btn-wrapper {
  margin-top: 100px;
  text-align: center;
}
.logos-wrapper {
  display: flex;
  height: 180px;
  align-items: center;
  flex-flow: row wrap;
  flex: 3 1;
}
.logos-wrapper figure {
  display: flex;
  width: 30%;
  margin: auto;
  align-items: center;
  flex: 1 0;
}
.companies-bar .logos-wrapper figure {
  width: auto;
}
.logos-wrapper img {
  max-width: 100%;
  margin: auto;
}
.homepage .logos-wrapper figure {
  flex: auto;
}
.testimonials-slider {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonials-slider .slide {
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease;
}
.testimonials-slider .slide.active {
  opacity: 1;
}
.testimonials-slider .slide img {
  width: 210px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.testimonials-slider .slide footer {
  padding-left: 33px;
  position: absolute;
  bottom: 0;
  color: #a0a0a0;
  font-size: 13px;
  line-height: 1.8em;
}
.testimonials-slider .slide footer span {
  color: #000;
  font-weight: 700;
}
.testimonials-slider .slide footer:before {
  content: '';
  width: 20px;
  border-bottom: 2px solid #151515;
  position: absolute;
  top: 8px;
  left: 0;
}
.testimonials-slider figure {
  height: 100%;
}
.testimonials-slider figcaption {
  position: relative;
  z-index: 1;
}
.testimonials-slider blockquote {
  margin-bottom: 120px;
  padding-right: 105px;
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3em;
  text-indent: -15px;
  text-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
}
.testimonials-slider blockquote:before {
  content: open-quote;
}
.testimonials-slider blockquote:after {
  content: close-quote;
}
.testimonials-nav {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.testimonials-nav a {
  display: block;
  width: 13px;
  height: 13px;
  margin: auto 15px auto auto;
  border: 1px solid #bebebe;
  border-radius: 50%;
  float: left;
  position: relative;
  background: #bebebe;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.testimonials-nav a:first-of-type {
  margin-left: 0;
}
.testimonials-nav a:last-of-type {
  margin-right: auto;
}
.testimonials-nav a.active {
  background: rgba(255, 255, 255, 0);
}
.testimonials-nav a:hover {
  opacity: 0.7;
}
.testimonials-quote {
  display: flex;
  margin-top: 132px;
  margin-bottom: 17px;
  padding-top: 93px;
  padding-bottom: 33px;
  border-top: 1px solid #f5f5f5;
  position: relative;
  color: #333;
}
@media screen and (max-width: 1280px) {
  .testimonials-quote {
    margin-top: 106px;
    margin-bottom: 14px;
    padding-top: 74px;
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 800px) {
  .testimonials-quote {
    margin-top: 92px;
    margin-bottom: 12px;
    padding-top: 65px;
    padding-bottom: 23px;
  }
}
@media screen and (max-width: 736px) {
  .testimonials-quote {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.testimonials-quote .person {
  margin-right: 55px;
}
@media screen and (max-width: 1280px) {
  .testimonials-quote .person {
    margin-right: 44px;
  }
}
@media screen and (max-width: 736px) {
  .testimonials-quote .person {
    display: none;
  }
}
.testimonials-quote .quote {
  max-width: 878px;
  margin-top: 7px;
  position: relative;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 42px;
}
@media screen and (max-width: 1280px) {
  .testimonials-quote .quote {
    font-size: 26px;
    letter-spacing: -0.16px;
    line-height: 34px;
  }
}
@media screen and (max-width: 736px) {
  .testimonials-quote .quote {
    font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 24px;
  }
}
.testimonials-quote .quote:before {
  content: '\e900';
  position: absolute;
  top: -41px;
  left: -32px;
  z-index: -1;
  color: #f0f3f5;
  font-size: 60px;
  pointer-events: none;
}
@media screen and (max-width: 1280px) {
  .testimonials-quote .quote:before {
    top: -28px;
    left: -22px;
    font-size: 48px;
  }
}
@media screen and (max-width: 736px) {
  .testimonials-quote .quote:before {
    top: -15px;
    left: -8px;
    font-size: 30px;
  }
}
.testimonials-quote .quote footer {
  letter-spacing: 0;
}
.testimonials-quote .quote footer .name,
.testimonials-quote .quote footer .company {
  font-size: 18px;
  font-weight: 400;
}
.testimonials-quote .quote footer .name:before {
  content: '— ';
}
.testimonials-quote .quote footer .name:after {
  content: ',';
}
.testimonials-quote .quote footer .company {
  display: inline-block;
  margin-left: 4px;
}
.testimonials-quote .quote footer .company.paypal {
  width: 73px;
  height: 18px;
  margin-top: 1px;
  margin-left: 12px;
  vertical-align: middle;
  background-color: #333;
  font-size: 0;
  -webkit-mask-image: url('/images/homepage/pricing/paypal.svg');
          mask-image: url('/images/homepage/pricing/paypal.svg');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.maintenance-form,
.sign-up-form {
  display: inline-block;
}
.maintenance-form input,
.sign-up-form input {
  margin-right: 15px;
  width: 280px;
}
.maintenance-form .input-wrapper,
.sign-up-form .input-wrapper,
.maintenance-form button,
.sign-up-form button {
  float: left;
}
.maintenance-form .input-wrapper,
.sign-up-form .input-wrapper {
  position: relative;
}
.maintenance-form label,
.sign-up-form label {
  display: block;
  position: absolute;
  padding: 0 10px;
  pointer-events: none;
  transform: translate(5px, 11px);
  left: 7px;
  top: 0;
  transition: transform 0.3s ease, font-size 0.3s ease, color 0.3s ease;
}
.maintenance-form input.with-value + label,
.sign-up-form input.with-value + label,
.maintenance-form input:focus + label,
.sign-up-form input:focus + label {
  font-size: 10px;
  transform: translate(5px, -3px);
}
.new-page .maintenance-form input[type=text],
.new-page .sign-up-form input[type=text] {
  width: 297px;
  height: 50px;
  margin-right: 10px;
  padding-left: 14px;
}
@media only screen and (max-width: 767px) {
  .new-page .maintenance-form input[type=text],
  .new-page .sign-up-form input[type=text] {
    width: 100%;
  }
}
.new-page .maintenance-form label,
.new-page .sign-up-form label {
  top: 2px;
  left: 0;
}
.new-page .maintenance-form button,
.new-page .sign-up-form button {
  height: 50px;
  padding: 17px 27px;
}
.new-page .maintenance-form .error-tip span,
.new-page .sign-up-form .error-tip span {
  width: 297px;
}
@media only screen and (max-width: 767px) {
  .new-page .maintenance-form .error-tip span,
  .new-page .sign-up-form .error-tip span {
    width: 100%;
  }
}
.sign-up-form button,
.btn-sign-up {
  width: auto;
  height: 46px;
  padding: 0 30px;
  font-size: 16px;
  line-height: 46px;
}
.signup-legal-note {
  display: block;
  padding-top: 14px;
  color: #a6a6a6;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  clear: both;
}
.signup-legal-note a {
  color: inherit;
  position: relative;
}
.signup-legal-note a:after {
  content: '';
  opacity: 0.5;
  width: 100%;
  border-bottom: 1px solid #a6a6a6;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.signup-legal-note a:hover:after {
  opacity: 0;
}
.disclaimer {
  color: #a0a0a0;
  font-size: 12px;
  line-height: 1.66em;
  margin-top: 64px;
  padding: 0 190px;
  text-align: center;
}
/* Learn more */
.learn-more {
  text-align: center;
}
.learn-more .centering-block {
  width: 1190px;
}
.learn-more .flex-wrapper {
  align-items: stretch;
  display: flex;
}
.learn-more .feature-desc {
  margin: 0 auto auto;
  width: calc(25% - 25px);
}
.learn-more .feature-desc:first-of-type {
  margin-left: 0;
}
.learn-more .feature-desc:last-of-type {
  margin-right: 0;
}
.learn-more .feature-desc h3 {
  color: #374650;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.33em;
  margin-bottom: 24px;
}
.learn-more .feature-desc p {
  color: #6d6d6d;
  font-size: 14px;
}
.learn-more .feature-desc figure {
  height: 100px;
}
.learn-more .feature-desc figure img {
  margin: 0 auto;
}
.learn-more .btn-learn-more {
  border: 1px solid #006cff;
  border-radius: 3px;
  display: inline-block;
  transition: border-color 0.3s ease;
}
.learn-more .btn-learn-more:after {
  line-height: 44px;
}
.learn-more .btns-wrapper {
  margin-top: 30px;
}
.learn-more .btns-wrapper .btn {
  font-size: 16px;
  padding: 10px 30px;
}
.learn-more .btns-wrapper .btn-transparent {
  margin-left: 20px;
  padding: 15px;
}
/*
	Join us section
*/
.join,
.questionnaire {
  text-align: center;
}
.join h2,
.questionnaire h2 {
  margin-bottom: 38px;
  font-size: 31px;
}
.join .disclaimer,
.questionnaire .disclaimer {
  margin-top: 15px;
}
.dark-version .join,
.dark-version .questionnaire {
  background: #374650;
}
.dark-version .join h2,
.dark-version .questionnaire h2 {
  color: #fff;
}
.join input,
.questionnaire input {
  font-family: 'ProximaNova', sans-serif;
}
.join label,
.questionnaire label {
  color: #a1a1a1;
}
.orange-version .join,
.orange-version .questionnaire {
  background: #f97a3c;
}
.orange-version .join h2,
.orange-version .questionnaire h2 {
  color: #fff;
}
.orange-version .join .disclaimer,
.orange-version .questionnaire .disclaimer {
  color: #914926;
}
.orange-version .join button,
.orange-version .questionnaire button {
  background: #d94700;
}
.orange-version .join button:hover,
.orange-version .questionnaire button:hover {
  background-color: #c03e00;
}
.join .validation-errors,
.questionnaire .validation-errors {
  clear: both;
  color: #f07b68;
  display: block;
  float: left;
  margin-top: 10px;
  text-align: center;
  text-indent: -40px;
  width: 100%;
}
.join .btn-sign-up,
.questionnaire .btn-sign-up {
  background-color: #006cff;
}
.join .btn-sign-up:hover,
.questionnaire .btn-sign-up:hover {
  background: #0061e6 !important;
}
.join-with-companies {
  display: flex;
  align-items: center;
  padding-bottom: 0;
}
.join-with-companies .companies-logos,
.join-with-companies .join {
  width: 50%;
}
.join-with-companies .join {
  background: #374650;
  padding: 60px 0;
}
.join-with-companies .join h2 {
  color: #fff;
  margin-bottom: 42px;
  padding-right: 60px;
  text-align: left;
}
.join-with-companies .join .content-wrapper {
  float: right;
  padding-right: 30px;
}
.join-with-companies .content-wrapper {
  width: 480px;
}
.join-with-companies .companies-logos {
  padding-left: 20px;
}
.join-with-companies .companies-logos figure {
  flex: auto;
}
.join-with-companies .sign-up-form {
  margin-left: 0;
}
.join-with-companies .sign-up-form .input-wrapper {
  width: 220px;
}
.join-with-companies .sign-up-form .input-wrapper label {
  top: -5px;
}
.join-with-companies .sign-up-form .input-wrapper input {
  height: 50px;
  line-height: 50px;
  max-width: 100%;
}
.join-with-companies .sign-up-form .input-wrapper:first-of-type {
  margin-right: 10px;
}
.join-with-companies .sign-up-form button {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
  margin-top: 20px;
  width: 100%;
}
.join-with-companies .disclaimer {
  padding: 0;
}
.sign-up-form {
  display: inline-block;
}
.sign-up-form .input-wrapper:before {
  position: absolute;
}
.sign-up-form #SignUpEmailTip,
.sign-up-form .error-tip {
  font-size: 12px;
  margin-top: -3px;
  text-align: left;
}
.sign-up-form #SignUpEmailTip span,
.sign-up-form .error-tip span {
  background: #f07b68;
  border-radius: 0 0 2px 2px;
  color: #fff;
  display: inline-block;
  max-width: 100%;
  padding: 3px 10px;
  width: 280px;
}
.sign-up-form #SignUpEmailTip a,
.sign-up-form .error-tip a {
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  position: relative;
}
.sign-up-form #SignUpEmailTip a:after,
.sign-up-form .error-tip a:after {
  border-bottom: 1px solid #fff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.sign-up-form #SignUpEmailTip a:hover:after,
.sign-up-form .error-tip a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
.sign-up-form #SignUpEmailTip a:after,
.sign-up-form .error-tip a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.sign-up-form #SignUpEmailTip a:hover:after,
.sign-up-form .error-tip a:hover:after {
  opacity: 0;
}
.sign-up-form.redirecting .spinner:after {
  content: '';
  width: 17px;
  height: 17px;
  margin: -8.5px 0 0 -8.5px;
  border-radius: 100%;
  border: 4px solid rgba(255, 255, 255, 0.6);
  border-top-color: transparent !important;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  animation: loading 0.5s infinite linear;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sign-up-form.redirecting .spinner:after {
  left: 10%;
}
.sign-up-form.redirecting button {
  color: rgba(255, 255, 255, 0.6);
  cursor: default;
}
.sign-up-form.redirecting button:hover {
  background: #006cff;
}
.maintenance-form .disclaimer {
  margin: 10px 0 0;
}
.maintenance-form .validation_errors {
  background: #f07b68;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  max-width: 100%;
  line-height: 28px;
  text-indent: 10px;
  width: 280px;
  left: 0;
  top: -35px;
  position: absolute;
}
/* Cookies bar */
.cookies-info {
  width: 100%;
  height: 34px;
  position: absolute;
  top: 0;
  z-index: 100;
  background: #121e25;
  color: #919191;
  text-align: center;
}
@media screen and (max-width: 930px) {
  .cookies-info {
    height: 48px;
  }
}
.cookies-info ~ .top-bar {
  margin-top: 34px;
}
@media screen and (max-width: 930px) {
  .cookies-info ~ .top-bar {
    margin-top: 48px;
  }
}
.cookies-info .wrapper {
  margin: 0 auto;
  width: 980px;
  padding: 10px;
  font-size: 11px;
  line-height: 14px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .cookies-info .wrapper {
    width: 100%;
  }
}
.cookies-info .wrapper p {
  margin: 0;
  display: inline;
}
@media only screen and (max-width: 767px) {
  .cookies-info .wrapper p {
    line-height: 20px;
  }
}
.cookies-info .wrapper p:first-child {
  padding-right: 15px;
}
.cookies-info .buttons a.ok {
  color: #fff;
  padding: 3px 10px;
  background: #ff6b62;
  border-radius: 3px;
  margin-right: 10px;
}
@media only screen and (min-width: 1025px) {
  .cookies-info .wrapper {
    width: auto;
    min-width: 280px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
#ContentWrapper {
  background: #ffffff;
  padding: 10px;
}
#colorbox {
  background: #fff;
  z-index: 99999;
}
#colorbox button {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0;
  background: 0;
  box-shadow: none;
}
#colorbox button:before {
  color: #374650;
  content: '\00D7';
  font-size: 24px;
}
.companies-bar {
  border-top: 1px solid #eee;
  padding: 35px 0 50px;
}
.companies-bar h3 {
  color: #a0a0a0;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.66em;
  margin: 0 0 40px;
  text-align: center;
  text-transform: uppercase;
}
.companies-bar .logos-wrapper {
  align-items: center;
  display: flex;
  height: auto;
}
.companies-bar .logos-wrapper figure {
  margin: auto;
}
.companies-bar .logos-wrapper figure:first-of-type {
  margin-left: 0;
}
.companies-bar .logos-wrapper figure:last-of-type {
  margin-right: 0;
}
.companies-bar .logos-wrapper figure:nth-of-type(2) img {
  max-width: 80%;
}
/* Integrations section */
.integrations {
  background: #f8f8f8;
  text-align: center;
}
.integrations .integrations-icon {
  margin: 50px auto;
}
.integrations .integrations-icon img {
  display: inline-block;
  width: 258px;
}
.integrations footer p {
  line-height: 2em;
  margin: 55px 0 0;
}
.sections-nav {
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
  position: relative;
  width: 100%;
  z-index: 999;
}
.sections-nav ul {
  display: flex;
  align-items: stretch;
}
.sections-nav li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 0;
  margin: 0 auto;
  padding: 20px 12px;
  text-align: center;
  position: relative;
}
.sections-nav li:before {
  border-bottom: 2px solid #006cff;
  bottom: -1px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.sections-nav li.active {
  font-weight: bold;
}
.sections-nav li.active:before {
  opacity: 1;
}
.sections-nav li.passed:before {
  opacity: 1;
}
.sections-nav a {
  align-self: stretch;
  color: #353535;
  display: inline-block;
  font-size: 14px;
  line-height: 1.5em;
  margin: auto;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.sections-nav a:hover {
  color: #006cff;
}
.sections-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
.sections-nav.fixed + .main-section {
  margin-top: 60px;
}
.reading-progress-bar {
  border-bottom: 2px solid #006cff;
  bottom: -1px;
  left: 0;
  position: absolute;
}
/* Modal with video on homepage */
#video-modal {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 25px #000;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: background 0.3s ease-out, visibility 0.3s ease-out 0s;
  z-index: -1;
}
#video-modal .modal-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 990;
}
#video-modal .close-modal {
  color: #fff;
  position: absolute;
  top: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #333;
  background: #006cff;
  text-align: center;
  text-decoration: none;
  transition: background 0.3s ease;
  cursor: pointer;
  z-index: 991;
}
#video-modal iframe {
  z-index: 992;
}
#video-modal > iframe {
  width: 900px;
  height: 506px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -250px 0 0 -450px;
}
#video-modal.show {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  z-index: 9992;
}
#video-modal .close-modal:hover {
  color: #fff;
  background: #393d49;
}
/*
	Locations section
*/
#locations-section {
  padding-bottom: 0;
}
#locations-section h2 {
  margin-bottom: 35px;
}
#locations-section .section-desc {
  color: #666;
  font-size: 18px;
  margin-bottom: 65px;
  text-align: center;
}
#locations-section .locations .box-content {
  bottom: 35px;
  top: auto;
  transform: none;
  z-index: 1;
}
#locations-section .locations .with-inner-shadow:before {
  background-size: 100% 50%;
}
#locations-section .locations .flex-element:first-of-type .big-img-wrapper {
  background: url('/images/homepage/about-us/location-mountain-view.jpg') no-repeat center;
}
#locations-section .locations .flex-element:last-of-type .big-img-wrapper {
  background: url('/images/homepage/jobs/bg-gdansk.jpg') no-repeat center;
}
#locations-section .locations .flex-element.flex-element .big-img-wrapper {
  background-size: cover;
}
#locations-section .locations img {
  margin: 0 auto;
}
#locations-section .locations h3 {
  line-height: 1.2;
  margin: 30px 0 25px;
}
#locations-section .locations p {
  font-size: 18px;
  line-height: 1.66;
  margin-bottom: 0;
}
#locations-section .locations strong {
  display: block;
}
/* Contact Form Modal */
.cover-dark {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.9);
  transition: visibility 0.3s ease, opacity 0.3s ease;
}
.cover-dark.visible {
  visibility: visible;
  opacity: 1;
}
#modal-contact-form {
  visibility: hidden;
  opacity: 0;
  width: 510px;
  height: 672px;
  margin-left: -255px;
  margin-top: -336px;
  padding: 40px 50px;
  border-radius: 8px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 10;
  background-color: #fff;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out 0s;
}
#modal-contact-form h2 {
  margin-bottom: 10px;
  color: #2294e4;
  font-size: 30px;
  font-weight: 300;
  line-height: 42px;
  text-align: left;
}
#modal-contact-form .icon-20-close-button {
  position: absolute;
  top: 30px;
  right: 29px;
  color: #ccc;
  font-size: 0;
}
#modal-contact-form .icon-20-close-button:before {
  content: "\e907";
  color: #c7c7c7;
  font-size: 14px;
  font-size: 12px;
}
#modal-contact-form .icon-20-close-button:hover {
  color: #999999;
}
#modal-contact-form.visible {
  visibility: visible;
  opacity: 1;
}
.top-info-badge-wrapper {
  display: none;
  width: 100%;
  height: 54px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -54px;
  left: 0;
  z-index: 7;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  text-align: center;
  transition: height 0.3s ease-out;
}
.top-info-badge .top-info-badge-wrapper {
  display: flex;
}
.hide-badge .top-info-badge-wrapper {
  display: none;
}
.top-info-badge-wrapper a,
.top-info-badge-wrapper span {
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  transition: transform 0.3s ease-out;
}
.top-info-badge-wrapper span {
  color: #111;
}
.top-info-badge-wrapper span a {
  color: #026cfc;
  cursor: pointer;
  position: relative;
}
.top-info-badge-wrapper span a:after {
  border-bottom: 1px solid #026cfc;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.top-info-badge-wrapper span a:hover:after {
  border-color: rgba(2, 108, 252, 0);
}
.top-info-badge-wrapper span a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #026cfc;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.top-info-badge-wrapper span a:hover:after {
  opacity: 0;
}
.top-info-badge-wrapper .icon-20-close-btn {
  outline: none;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 0;
  transform: translateY(-50%);
}
.top-info-badge-wrapper .icon-20-close-btn,
.top-info-badge-wrapper .icon-20-close-btn:hover {
  background: transparent !important;
  box-shadow: none;
}
.top-info-badge-wrapper .icon-20-close-btn:before {
  content: "\e907";
  color: #c7c7c7;
  font-size: 12px;
  transition: color 0.2s ease-out;
}
.top-info-badge-wrapper .icon-20-close-btn:hover:before {
  color: #949494;
}
.testimonials-featured-story {
  display: flex;
  height: 500px;
  flex-wrap: wrap;
}
.testimonials-featured-story.reversed {
  flex-direction: row-reverse;
}
.testimonials-featured-story.top-spacing {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .testimonials-featured-story {
    height: 700px;
    flex-direction: column;
  }
}
.testimonials-featured-story .picture,
.testimonials-featured-story .title {
  position: relative;
  flex-basis: 50%;
}
.testimonials-featured-story .picture {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.testimonials-featured-story .picture img {
  display: inline-block;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.testimonials-featured-story .picture.troweprice {
  background-image: url('/images/homepage/testimonials/featured-story-troweprice.jpg');
}
.testimonials-featured-story .picture.paypal {
  background-image: url('/images/homepage/testimonials/featured-story-paypal.jpg');
}
.testimonials-featured-story .picture.hbo {
  background-image: url('/images/homepage/testimonials/featured-story-hbo.jpg');
}
.testimonials-featured-story .picture.hbo .hbo-logo {
  display: inline-block;
  width: 125px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.testimonials-featured-story .picture.hbo .hbo-logo path,
.testimonials-featured-story .picture.hbo .hbo-logo polygon {
  fill: #fff;
  stroke: #fff;
}
.testimonials-featured-story .title {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
}
.testimonials-featured-story .title .content {
  width: 50%;
  min-width: 340px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}
.testimonials-featured-story .title .header {
  margin-bottom: 8px;
  color: #181818;
  font-size: 38px;
  font-weight: 600;
  line-height: 130%;
  text-align: left;
}
.testimonials-featured-story .title p {
  margin-bottom: 36px;
  color: #747474;
  font-size: 28px;
  font-weight: 300;
  line-height: 145%;
}
.testimonials-featured-story .title .btn-flat {
  padding: 13px 31px;
  border-radius: 8px;
  background-color: #006cff;
  box-shadow: none;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: background-color 0.2s ease-out;
}
.testimonials-featured-story .title .btn-flat:hover {
  background-color: #005ddb !important;
}
.testimonials-stories {
  padding-top: 93px;
  text-align: center;
}
.testimonials-stories .story-list {
  display: flex;
  max-width: 1170px;
  margin: 0 auto;
  padding-right: 30px;
  padding-left: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.testimonials-stories .story-list .story {
  height: 370px;
  margin-bottom: 20px;
  padding: 40px 23px;
  flex-basis: 32%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .testimonials-stories .story-list .story {
    flex-basis: 49%;
  }
  .testimonials-stories .story-list .story:last-of-type {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .testimonials-stories .story-list .story {
    flex-basis: 100%;
  }
}
.testimonials-stories .story-list .story.hbo {
  background-image: url('/images/homepage/testimonials/story-bg-hbo.jpg');
}
.testimonials-stories .story-list .story.hbo svg {
  max-width: 75px;
}
.testimonials-stories .story-list .story.hbo svg path,
.testimonials-stories .story-list .story.hbo svg polygon {
  fill: #fff;
}
.testimonials-stories .story-list .story.paypal {
  background-image: url('/images/homepage/testimonials/story-bg-paypal.jpg');
}
.testimonials-stories .story-list .story.sumologic {
  background-image: url('/images/homepage/testimonials/story-bg-sumologic.jpg');
}
.testimonials-stories .story-list .story.liquidplanner {
  background-image: url('/images/homepage/testimonials/story-bg-liquidplanner.jpg');
}
.testimonials-stories .story-list .story.lookthink {
  background-image: url('/images/homepage/testimonials/story-bg-lookthink.jpg');
}
.testimonials-stories .story-list .story.sapient {
  background-image: url('/images/homepage/testimonials/story-bg-sapient.jpg');
}
.testimonials-stories .story-list .story.more-coming {
  background-image: url('/images/homepage/testimonials/story-bg-more-coming.jpg');
}
.testimonials-stories .story-list .story.more-coming figure figcaption {
  color: #7a7a7a;
}
.testimonials-stories .story-list .story.more-coming figure figcaption strong {
  color: #403f3f;
}
.testimonials-stories .story-list .story.more-coming.big {
  flex-basis: 66%;
}
.testimonials-stories .story-list .story figure {
  height: 267px;
  position: relative;
}
.testimonials-stories .story-list .story figure img,
.testimonials-stories .story-list .story figure figcaption {
  position: absolute;
  left: 0;
}
.testimonials-stories .story-list .story figure img {
  top: 0;
}
.testimonials-stories .story-list .story figure figcaption {
  margin-bottom: 24px;
  bottom: 0;
  color: #a5a5a5;
  font-size: 17px;
  font-weight: normal;
  line-height: 145%;
}
.testimonials-stories .story-list .story figure figcaption.short,
.testimonials-stories .story-list .story figure figcaption strong.short {
  max-width: 190px;
}
.testimonials-stories .story-list .story figure figcaption.medium {
  max-width: 250px;
}
.testimonials-stories .story-list .story figure figcaption.long {
  max-width: 280px;
}
.testimonials-stories .story-list .story figure figcaption strong {
  display: block;
  margin-bottom: 6px;
  color: #fff;
  font-size: 23px;
  font-weight: normal;
  line-height: 26px;
}
.testimonials-stories .story-list .story .btn {
  padding: 9px 25px;
  border: 1px solid rgba(157, 157, 157, 0.5);
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out;
}
.testimonials-stories .story-list .story .btn:hover {
  border-color: #006cff !important;
  background-color: #006cff !important;
}
.testimonials-quotes-list {
  padding-top: 10px;
  padding-bottom: 49px;
}
.testimonials-quotes-list .quote-list {
  display: flex;
  max-width: 1170px;
  margin: auto;
  padding-right: 30px;
  padding-left: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.testimonials-quotes-list .quote-list .quote-item {
  margin-top: 68px;
  flex-basis: 47%;
  flex-shrink: 0;
  color: #181818;
  font-size: 22px;
  font-weight: 300;
  line-height: 145%;
  text-align: left;
}
.testimonials-quotes-list .quote-list .quote-item .quote {
  display: flex;
  justify-content: space-between;
}
.testimonials-quotes-list .quote-list .quote-item .quote .person {
  margin-top: 9px;
  flex-basis: 110px;
  flex-shrink: 0;
  color: #9e9e9e;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}
@media (min-width: 767px) and (max-width: 850px) {
  .testimonials-quotes-list .quote-list .quote-item .quote .person {
    flex-basis: 90px;
  }
}
.testimonials-quotes-list .quote-list .quote-item .quote .person .name {
  display: block;
  margin-top: 13px;
}
.testimonials-quotes-list .quote-list .quote-item .quote .person .company {
  display: block;
  color: #181818;
  font-weight: 600;
}
.testimonials-quotes-list .quote-list .quote-item .quote .person img {
  border-radius: 8px;
}
.testimonials-quotes-list .quote-list .quote-item .quote blockquote {
  padding-left: 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .testimonials-quotes-list .quote-list .quote-item .quote blockquote {
    padding-right: 0;
  }
}
.testimonials-quotes-list .quote-list .quote-item .quote blockquote.icon-20-quotation-mark:before {
  content: "\e900";
  color: #ebebeb;
  font-size: 47px;
  width: 47px;
  height: 47px;
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 0;
}
.testimonials-quotes-list .quote-list .quote-item .quote blockquote p {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .testimonials-quotes-list .quote-list .quote-item {
    font-size: 18px;
  }
  .testimonials-quotes-list .quote-list .quote-item .quote blockquote {
    padding-right: 35px;
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonials-quotes-list .quote-list .quote-item {
    flex-basis: 100%;
    font-size: 20px;
  }
}
.comparison-features {
  padding: 120px 0 10px;
  background-color: #f7f7f7;
}
.comparison-features > ul {
  display: block;
  max-width: 1300px;
  margin-right: auto;
  margin-left: auto;
}
.comparison-features > ul > li {
  display: flex;
  margin-bottom: 130px;
  align-items: center;
  justify-content: space-around;
}
.comparison-features > ul > li:nth-of-type(even) {
  flex-direction: row-reverse;
}
.comparison-features > ul > li figure,
.comparison-features > ul > li article {
  margin-right: 20px;
  margin-left: 20px;
}
.comparison-features > ul > li figure {
  flex: auto 0 1;
  text-align: center;
}
.comparison-features > ul > li figure.narrow-img {
  flex-basis: 500px;
}
.comparison-features > ul > li figure img {
  display: inline-block;
  max-width: 100%;
}
.comparison-features > ul > li figure img.shadow {
  box-shadow: 0 15px 60px rgba(0, 0, 0, 0.35);
}
.comparison-features > ul > li article {
  flex: 520px 0 1;
}
.comparison-features > ul > li article h3 {
  color: #212121;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
}
.comparison-features > ul > li article p {
  margin-top: 17px;
  color: #757575;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.comparison-features > ul > li article ul {
  margin-top: 34px;
  padding-left: 20px;
  list-style: none;
}
.comparison-features > ul > li article ul li {
  margin-bottom: 16px;
  color: #484848;
  font-size: 18px;
  font-weight: 400;
}
.comparison-features > ul > li article ul li:before {
  content: '\2022';
  display: inline-block;
  height: 100%;
  color: #808080;
  font-size: 21px;
  text-indent: -20px;
}
@media only screen and (max-width: 767px) {
  .comparison-features > ul > li {
    flex-direction: column !important;
  }
  .comparison-features > ul > li article {
    margin-top: 30px;
  }
}
.comparison-features .btn-flat {
  margin-top: 49px;
  padding: 14px 34px;
  border-radius: 3px;
  background-color: #006cff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
  transition: background-color 0.2s ease-out;
}
.comparison-features .btn-flat:hover {
  background-color: #0061e6 !important;
}
.comparison-more-features {
  display: flex;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  flex-wrap: wrap;
  justify-content: space-around;
}
.comparison-more-features .feature {
  margin-bottom: 85px;
  padding-top: 60px;
  position: relative;
  flex-basis: 21%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .comparison-more-features .feature {
    flex-basis: 40%;
  }
}
@media (max-width: 400px) {
  .comparison-more-features .feature {
    flex-basis: 96%;
  }
}
.comparison-more-features .feature:before,
.comparison-more-features .feature .icon-font-photoshop,
.comparison-more-features .feature .icon-font-sketch {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.comparison-more-features .feature.icon-20-devices:before {
  content: "\e90d";
  color: #006cff;
  font-size: 52px;
}
.comparison-more-features .feature.icon-font-versioning:before {
  color: #006cff;
  content: "\e622";
  font-size: 52px;
}
.comparison-more-features .feature.icon-font-search:before {
  color: #006cff;
  content: "\e60e";
  font-size: 52px;
}
.comparison-more-features .feature.icon-font-layers:before {
  color: #006cff;
  content: "\e607";
  font-size: 50px;
}
.comparison-more-features .feature.icon-20-testing:before {
  content: "\e90c";
  color: #006cff;
  font-size: 58px;
}
.comparison-more-features .feature.icon-20-repeat {
  position: relative;
}
.comparison-more-features .feature.icon-20-repeat:before {
  content: "\e90a";
  color: #006cff;
  font-size: 59px;
}
.comparison-more-features .feature.icon-20-repeat .all-the-time {
  position: absolute;
  top: 21px;
  right: 0;
  left: 0;
  color: #006cff;
  font-size: 18px;
  font-weight: 600;
}
.comparison-more-features .feature.icon-20-libraries:before {
  content: "\e90b";
  color: #006cff;
  font-size: 51px;
}
.comparison-more-features .feature .icon-font-photoshop,
.comparison-more-features .feature .icon-font-sketch {
  margin: 0 10px;
  font-size: 0;
}
.comparison-more-features .feature .icon-font-photoshop {
  transform: translateX(40px);
}
.comparison-more-features .feature .icon-font-sketch {
  transform: translateX(-40px);
}
.comparison-more-features .feature .icon-font-photoshop:before {
  color: #006cff;
  content: "\e613";
  font-size: 50px;
}
.comparison-more-features .feature .icon-font-sketch:before {
  color: #006cff;
  content: "\e614";
  font-size: 50px;
}
.comparison-more-features .feature h3 {
  margin-top: 20px;
  margin-bottom: 9px;
  color: #212121;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
.comparison-more-features .feature p {
  color: #808080;
  font-size: 14px;
  font-weight: 400;
  line-height: 171%;
}
.clients-testimonials {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding: 60px 25px 0;
  border-bottom: 1px solid #f1f1f1;
  background: #fff url('/images/homepage/comparison/map.png') no-repeat center 80px;
  background-size: 870px 561px;
}
.clients-testimonials h3 {
  max-width: 890px;
  margin-top: 48px;
  color: #222;
  font-size: 42px;
  font-weight: 700;
  line-height: 48px;
}
.clients-testimonials .logos-list {
  display: flex;
  margin: 70px 0;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (max-width: 911px) {
  .clients-testimonials .logos-list {
    justify-content: space-around;
  }
}
.clients-testimonials .logos-list li {
  margin-bottom: 20px;
  list-style: none;
}
.clients-testimonials .logos-list li figure {
  display: flex;
  height: 70px;
  margin: 0 40px 10px 0;
  align-content: center;
  justify-content: center;
}
.clients-testimonials .logos-list li img {
  margin: auto;
}
.clients-testimonials .logos-list li:last-of-type figure {
  margin-right: 0;
}
.clients-testimonials .testimonials {
  height: 300px;
  border-top: none;
}
.clients-testimonials .testimonials .testimonial {
  display: flex;
  margin-bottom: 60px;
  padding-top: 10px;
  justify-content: space-around;
}
.clients-testimonials .testimonials .testimonial blockquote {
  padding: 22px 48px 22px 59px;
  position: relative;
  flex: 550px 1 1;
  color: #484848;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
}
.clients-testimonials .testimonials .testimonial blockquote:before {
  content: '“';
  position: absolute;
  top: 30px;
  left: -5px;
  color: #e1e1e1;
  font-family: 'playfair-display', sans-serif;
  font-size: 140px;
  font-weight: 400;
}
.clients-testimonials .testimonials .testimonial .author {
  padding: 30px 0 0;
  flex: 350px 0 1;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
.clients-testimonials .testimonials .testimonial .author .avatar {
  width: 100px;
  height: 100px;
  margin: 0 30px 20px 0;
  border-radius: 8px;
  float: left;
  overflow: hidden;
}
.clients-testimonials .testimonials .testimonial .author .company {
  display: block;
  margin-bottom: 0;
  padding-top: 10px;
}
.clients-testimonials .testimonials .testimonial .author .name {
  display: block;
  font-weight: normal;
}
.clients-testimonials .testimonials .testimonial .author .position {
  display: block;
  color: #b4b4b4;
  font-size: 16px;
  line-height: 16px;
}
@media (min-width: 630px) and (max-width: 830px) {
  .clients-testimonials .testimonials {
    height: 420px;
  }
  .clients-testimonials .testimonials .testimonial .author .avatar {
    width: 100%;
  }
}
@media (max-width: 630px) {
  .clients-testimonials .testimonials {
    height: 500px;
  }
  .clients-testimonials .testimonials .testimonial {
    height: 100%;
    padding-bottom: 50px;
    align-items: flex-end;
    flex-direction: column-reverse;
  }
  .clients-testimonials .testimonials .testimonial .author {
    width: 100%;
  }
  .clients-testimonials .testimonials .unslider-nav {
    bottom: 50px;
  }
}
.clients-testimonials .unslider {
  height: 100%;
  position: relative;
}
.clients-testimonials .unslider-wrap {
  height: 100%;
}
.clients-testimonials .unslider-wrap li {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
}
.clients-testimonials .unslider-fade .unslider-wrap li.unslider-active {
  z-index: 3;
}
.clients-testimonials .unslider-nav {
  position: absolute !important;
  bottom: 112px;
  z-index: 4;
  text-align: left;
}
@media (max-width: 830px) {
  .clients-testimonials .unslider-nav {
    bottom: 20px;
  }
}
.clients-testimonials .unslider-nav ol {
  padding-left: 0;
}
.clients-testimonials .unslider-nav li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 2px 0 0 !important;
  border: 2px solid #006cff !important;
  border-radius: 12px;
  position: relative;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
  transition: border 0.2s ease-in-out;
}
.clients-testimonials .unslider-nav li:hover {
  border-width: 6px !important;
}
.clients-testimonials .unslider-nav li.unslider-active {
  border-width: 6px !important;
}
.clients-testimonials.no-testimonials {
  padding-top: 50px;
  padding-bottom: 10px;
  border-bottom: none;
  background-position: center -40px;
}
#try-uxpin-section {
  padding-top: 87px;
  padding-bottom: 82px;
  background: #fff;
  text-align: center;
}
#try-uxpin-section .centering-block {
  display: flex;
  justify-content: space-around;
}
#try-uxpin-section .title {
  margin-bottom: 31px;
  color: #212121;
  font-size: 42px;
  font-weight: 300;
  line-height: 110%;
}
#try-uxpin-section .subtitle {
  display: block;
}
#try-uxpin-section .demo,
#try-uxpin-section .trial {
  padding-top: 25px;
  padding-bottom: 45px;
  flex: 0 1 50%;
}
#try-uxpin-section .demo {
  border-right: 1px solid #dfdfdf;
}
#try-uxpin-section .demo .call {
  margin-bottom: 20px;
  padding-top: 8px;
  color: #212121;
  font-size: 26px;
  font-weight: 400;
  line-height: 140%;
}
#try-uxpin-section .demo .phone-number {
  color: #006cff;
  white-space: nowrap;
}
#try-uxpin-section .demo .email,
#try-uxpin-section .demo .email a {
  color: #8e8e8e;
  font-size: 20px;
}
#try-uxpin-section .demo .email a {
  cursor: pointer;
  position: relative;
}
#try-uxpin-section .demo .email a:after {
  border-bottom: 1px solid #cecece;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#try-uxpin-section .demo .email a:hover:after {
  border-color: rgba(206, 206, 206, 0);
}
#try-uxpin-section .demo .email a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #cecece;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#try-uxpin-section .demo .email a:hover:after {
  opacity: 0;
}
#try-uxpin-section .trial .sign-up-form input[type=text] {
  width: 297px;
  height: 50px;
  margin-right: 10px;
  padding-left: 14px;
}
@media only screen and (max-width: 767px) {
  #try-uxpin-section .trial .sign-up-form input[type=text] {
    width: 100%;
  }
}
#try-uxpin-section .trial .sign-up-form label {
  top: 2px;
  left: 0;
}
#try-uxpin-section .trial .sign-up-form button {
  box-shadow: 0 9px 18px rgba(0, 108, 255, 0.17);
  height: 50px;
  padding: 17px 27px;
}
#try-uxpin-section .trial .sign-up-form .error-tip span {
  width: 297px;
}
@media only screen and (max-width: 767px) {
  #try-uxpin-section .trial .sign-up-form .error-tip span {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  #try-uxpin-section .demo {
    flex-basis: 45%;
  }
  #try-uxpin-section .trial {
    flex-basis: 55%;
  }
}
@media screen and (max-width: 960px) {
  #try-uxpin-section .centering-block {
    flex-direction: column;
  }
  #try-uxpin-section .demo,
  #try-uxpin-section .trial {
    flex-basis: auto;
  }
  #try-uxpin-section .demo {
    margin-bottom: 40px;
    padding-bottom: 70px;
    border-right: 0;
    border-bottom: 1px solid #dfdfdf;
  }
}
@media screen and (max-width: 340px) {
  #try-uxpin-section h2 {
    font-size: 38px;
  }
}
.webinars .join,
.virtual-summit .join,
.questionnaire {
  position: relative;
  z-index: 1;
  background: linear-gradient(to top, #fff, #fff 61px, #242424 61px, #242424);
  text-align: center;
}
.agile.webinars .join,
.agile.virtual-summit .join,
.agile.questionnaire {
  background: linear-gradient(to top, #fff, #fff 61px, #121026 61px, #121026);
}
.webinars .join article,
.virtual-summit .join article,
.questionnaire article {
  width: 830px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 20px 105px;
  position: relative;
  top: -31px;
  background-color: #fff;
  box-shadow: 0 22px 90px rgba(0, 0, 0, 0.15);
}
.webinars .join article p,
.virtual-summit .join article p,
.questionnaire article p {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media (max-width: 555px) {
  .webinars .join article p br,
  .virtual-summit .join article p br,
  .questionnaire article p br {
    display: none;
  }
}
.webinars .join article form,
.virtual-summit .join article form,
.questionnaire article form {
  margin-top: 79px !important;
}
@media (max-width: 850px) {
  .webinars .join article,
  .virtual-summit .join article,
  .questionnaire article {
    width: 100%;
    box-shadow: 0 1px 0 #efefef;
  }
  .webinars .join article h2,
  .virtual-summit .join article h2,
  .questionnaire article h2 {
    font-size: 42px;
  }
  .webinars .join article p,
  .virtual-summit .join article p,
  .questionnaire article p {
    font-size: 18px;
  }
}
.webinars .form-disclaimer,
.virtual-summit .form-disclaimer,
.questionnaire .form-disclaimer {
  display: block;
  width: 380px;
  max-width: 100%;
  margin: 0 auto;
  color: #abb4bf;
  font-size: 12px;
  line-height: 130%;
}
.questionnaire article {
  padding-bottom: 90px;
}
.questionnaire article p {
  padding-right: 50px;
  padding-left: 50px;
}
.uxpin-info {
  padding-top: 51px;
  padding-bottom: 47px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .uxpin-info {
    padding-top: 40px;
    padding-bottom: 38px;
  }
}
@media screen and (max-width: 800px) {
  .uxpin-info {
    padding-top: 0;
    padding-bottom: 32px;
  }
}
@media screen and (max-width: 736px) {
  .uxpin-info {
    padding-bottom: 26px;
  }
}
.uxpin-info .organized-by {
  margin-top: 44px;
  margin-bottom: 20px;
  color: #5a5a5a;
}
@media screen and (max-width: 1280px) {
  .uxpin-info .organized-by {
    margin-top: 35px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 736px) {
  .uxpin-info .organized-by {
    margin-top: 19px;
    margin-bottom: 9px;
    font-size: 18px;
  }
}
.uxpin-info .organized-by .logo {
  opacity: 0.8;
  border-color: rgba(172, 172, 172, 0.5);
  position: relative;
  top: -17px !important;
  left: 20px;
  background-image: url('./images/homepage/uxpin-black.svg');
  background-size: 64px;
  transition: border-color 0.2s ease-out;
}
.uxpin-info .organized-by .logo:hover {
  border-color: rgba(172, 172, 172, 0.8);
}
.uxpin-info .header {
  margin-bottom: 89px;
}
@media screen and (max-width: 1280px) {
  .uxpin-info .header {
    margin-bottom: 71px;
  }
}
@media screen and (max-width: 800px) {
  .uxpin-info .header {
    margin-bottom: 62px;
  }
}
@media screen and (max-width: 736px) {
  .uxpin-info .header {
    margin-top: -10px;
    margin-bottom: 25px;
  }
}
.uxpin-info .features {
  display: flex;
  max-width: 850px;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 736px) {
  .uxpin-info .features {
    flex-wrap: wrap;
    justify-content: space-around;
  }
}
.uxpin-info .features li {
  max-width: 120px;
  margin-bottom: 57px;
}
@media screen and (max-width: 1280px) {
  .uxpin-info .features li {
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 800px) {
  .uxpin-info .features li {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 736px) {
  .uxpin-info .features li {
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-bottom: 20px;
  }
}
.uxpin-info .features figure {
  width: 100%;
  height: 80px;
  margin-bottom: 7px;
  position: relative;
}
@media screen and (max-width: 736px) {
  .uxpin-info .features figure {
    height: 40px;
  }
}
.uxpin-info .features figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  margin: auto;
}
@media screen and (max-width: 736px) {
  .uxpin-info .features figure img {
    max-width: 45px;
  }
}
.uxpin-info .features .feature-name {
  color: rgba(18, 18, 18, 0.4);
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}
.uxpin-info .tagline {
  max-width: 480px;
  margin: 0 auto 58px;
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .uxpin-info .tagline {
    margin-bottom: 46px;
    font-size: 16px;
  }
}
@media screen and (max-width: 800px) {
  .uxpin-info .tagline {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 736px) {
  .uxpin-info .tagline {
    margin-bottom: 32px;
    font-size: 14px;
  }
}
.uxpin-info .btn-light {
  display: inline-block;
  height: 50px;
  padding: 0 20px;
  border: 1px solid #b3d2ff;
  border-radius: 8px;
  background-color: #f7fbff;
  box-shadow: 0 2px 2px rgba(0, 108, 255, 0.1);
  color: #006cff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
  transition: border-color 0.2s ease-out, background-color 0.2s ease-out;
}
.uxpin-info .btn-light:hover {
  border-color: #a9ccff;
  background-color: #edf6ff;
}
.features-list {
  display: flex;
  padding-bottom: 22px;
  position: relative;
  justify-content: space-around;
}
@media screen and (max-width: 736px) {
  .features-list {
    display: none;
  }
}
.features-list.with-heading {
  flex-wrap: wrap;
}
.features-list.with-heading .heading-minor {
  margin-bottom: 54px;
}
.features-list:after {
  content: '';
  width: 100vw;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #f5f5f5;
}
.features-list .feature-small {
  display: flex;
  max-width: 231px;
  padding: 104px 3px 0 3px;
  position: relative;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.bigger.features-list .feature-small {
  width: 33.3%;
  max-width: 307px;
  padding-top: 117px;
}
.bigger.features-list .feature-small.design-language img,
.bigger.features-list .feature-small.automated-documentation img {
  top: 9px;
}
.features-list .feature-small.versioning img {
  top: 38px;
}
.features-list .feature-small.uxpin-storage img {
  top: 29px;
}
.features-list .feature-small img {
  position: absolute;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
}
.bigger.features-list .feature-small img {
  top: 0;
}
.features-list .feature-small figcaption {
  line-height: 1;
}
.features-list .feature-small .title,
.features-list .feature-small .description {
  font-weight: 400;
}
.features-list .feature-small .title {
  margin-bottom: 8px;
  color: #212121;
  font-size: 20px;
}
@media screen and (max-width: 1280px) {
  .features-list .feature-small .title {
    font-size: 18px;
  }
}
.bigger.features-list .feature-small .title {
  margin-bottom: 16px;
}
.features-list .feature-small .description {
  color: #666;
  font-size: 14px;
  line-height: 18px;
}
.bigger.features-list .feature-small .description {
  line-height: 24px;
}
.form-container {
  margin: 0 auto;
}
.form-container.narrow-col {
  width: 308px;
}
.form-container.one-line,
.form-container.one-line .one-line-container {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 736px) {
  .form-container.one-line,
  .form-container.one-line .one-line-container {
    flex-direction: column;
  }
}
.form-container.one-line .one-line-container {
  width: 100%;
}
.form-container .element-base {
  width: 100%;
  height: 50px;
  font-size: 16px;
}
.form-container .element-base:disabled {
  opacity: 0.5;
}
.form-container .text-field {
  font-family: 'ProximaNova', sans-serif;
}
.form-container .text-field::-moz-placeholder {
  opacity: 1;
  color: #a6a6a6;
}
.form-container .text-field::placeholder {
  opacity: 1;
  color: #a6a6a6;
}
.form-container .text-field.not-valid {
  border-color: #e20c00 !important;
}
.form-container .text-field.not-valid + .error-tip {
  display: block;
}
.form-container .submit {
  margin-top: 20px;
}
.one-line.form-container .submit {
  width: auto;
  margin-top: 0;
}
@media screen and (max-width: 736px) {
  .one-line.form-container .submit {
    margin-top: 8px !important;
  }
}
.form-container .field {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.form-container .field:not(.hidden-field) ~ .field:not(.hidden-field) {
  margin-top: 17px;
}
@media screen and (min-width: 736px) {
  .one-line.form-container .field {
    margin-right: 20px;
    flex-grow: 1;
  }
}
.form-container .field .label {
  font-size: 14px;
  line-height: 21px;
  color: #6a6a6a;
  margin-bottom: 6px;
}
.form-container .select-field {
  padding: 0 15px 0 20px;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: none;
  font-family: 'ProximaNova', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-container .select-field:invalid {
  color: #a6a6a6;
}
.form-container .select-field.not-valid {
  border-color: #e20c00;
}
.form-container .select-field-wrapper {
  position: relative;
}
.form-container .select-field-wrapper:after {
  content: '';
  display: block;
  width: 11px;
  height: 6px;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  background-color: #a6a6a6;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url(/images/home/icon-chevron-down.svg);
  mask-image: url(/images/home/icon-chevron-down.svg);
}
.form-container .error-tip {
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  display: none;
  margin-top: 8px;
  color: #e20c00;
  text-align: left;
}
.form-container .error-tip a {
  color: #e20c00;
  position: relative;
}
.form-container .error-tip a:after {
  content: '';
  border-bottom: 1px solid #e20c00;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.form-container .error-tip a:hover:after {
  opacity: 0;
}
.form-container .error-tip.google-signin-error {
  display: none;
}
.form-container .hidden-field {
  display: none;
}
.form-container .submitted-message {
  display: inline-block;
  margin-top: 35px;
  padding: 10px 10px 10px 40px;
  background: url('/images/homepage/green-tick.svg') no-repeat 10px 14px;
  background-size: 18px 14px;
  color: #63ad0e;
  font-weight: 400;
}
/*
	Cloud:
		/ global:
			.standard - no js positioning (for old UI)
			.options-cloud - has list elements
			.with-icons - increased left padding
			.with-scroll-options - need to be added if use .options-list & .options-separator
			.without-arrow - cloud without arrow
			.select-style-list - for dashboard usage similar to hulk-select.
		/ width (default is 230px width):
			.big - 300px width
			.small - 160px width
			.auto-width - auto width
		/ row size (default is 30px height):
			.tall - 24px row height

	Elements:
		.options-list - ul inside cloud
		.checkbox-list - ul with label and avatar inside
		.scroll-ready - ul with overflow auto
		.separator - element with separate line above
		.separator.more-spacing - separator with increased margin
		.options-separator - separator with label
		.no-found - darken element + centered
		.custom-color - text with color different than default

	Subcloud:
		There is possibility to add CSS positioned sub-level cloud (.sub-cloud)
		just add .with-sub-cloud class to <li> element and proper container inside
		e.g. <ul class="cloud sub-cloud">
		* - width is based on content
*/
.cloud {
  display: none;
  width: 230px;
  padding: 15px 20px 17px;
  border-radius: 8px;
  position: absolute;
  z-index: 2147483447;
  flex-direction: column;
  background-color: rgba(30, 30, 30, 0.97);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  font-family: "ProximaNova", sans-serif;
  font-size: 14px;
  line-height: 21px;
  color: #5e5e5e;
  box-sizing: border-box;
}
.cloud *,
.cloud *:after,
.cloud *:before {
  box-sizing: border-box;
}
.cloud.text-link-cloud {
  width: 262px;
  background: #373737;
}
.cloud.text-link-cloud--error .ds-input__field {
  border-color: #ff0020 !important;
}
.cloud.visible,
[data-show-node="cloud"]:hover .cloud {
  display: flex;
}
.cloud.standard {
  left: 50%;
  transform: translateX(-50%);
}
.cloud.standard:before {
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.cloud.without-arrow:before {
  display: none;
}
.cloud:before {
  content: '';
  display: block;
  height: 4px;
  border-bottom: 4px solid rgba(30, 30, 30, 0.97);
  margin-top: -2px;
  margin-left: -4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  margin: 0;
  position: absolute;
}
.cloud.arrow-top:before {
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
}
.cloud.arrow-top-right:before {
  top: -4px;
  right: 15px;
}
.cloud.arrow-top-left:before {
  top: -4px;
  left: 15px;
}
.cloud.arrow-right:before {
  top: 50%;
  right: -6px;
  transform: translateY(-50%) rotate(90deg);
}
.cloud.arrow-right-top:before {
  top: 15px;
  right: -6px;
  transform: rotate(90deg);
}
.cloud.arrow-right-bottom:before {
  right: -6px;
  bottom: 15px;
  transform: rotate(90deg);
}
.cloud.arrow-bottom:before {
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%) scale(-1);
}
.cloud.arrow-bottom-right:before {
  right: 15px;
  bottom: -4px;
  transform: scale(-1);
}
.cloud.arrow-bottom-left:before {
  bottom: -4px;
  left: 15px;
  transform: scale(-1);
}
.cloud.arrow-left:before {
  top: 50%;
  left: -6px;
  transform: translateY(-50%) rotate(-90deg);
}
.cloud.arrow-left-top:before {
  top: 15px;
  left: -6px;
  transform: rotate(-90deg);
}
.cloud.arrow-left-bottom:before {
  bottom: 15px;
  left: -6px;
  transform: rotate(-90deg);
}
.cloud:not(.without-styles) a:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) p:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) h3:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) label:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) input:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) span:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) .options-list-link:not(.only-icon-font):not(.info-label):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]) {
  font-size: 14px;
}
.cloud:not(.without-styles) a:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) p:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) h3:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) label:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) input:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) span:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]),
.cloud:not(.without-styles) .options-list-link:not(.disabled):not(.custom-color):not([class*='cm-']):not(.shortcut-text):not([class*="ds-badge"]):not([class*="ds-link"]):not([class*="ds-tooltip"]):not([class*="ds-avatar"]):not([class*="ds-heading-separator"]):not([class*="ds-heading-separator__text-helper"]):not([class*="ds-label"]):not([class*="ds-inline-edit"]) {
  color: #e6e6e6;
}
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color),
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color) {
  pointer-events: none;
}
.cloud:not(.without-styles) a.disabled:not(.custom-color),
.cloud:not(.without-styles) p.disabled:not(.custom-color),
.cloud:not(.without-styles) h3.disabled:not(.custom-color),
.cloud:not(.without-styles) label.disabled:not(.custom-color),
.cloud:not(.without-styles) input.disabled:not(.custom-color),
.cloud:not(.without-styles) span.disabled:not(.custom-color),
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color),
.cloud:not(.without-styles) a.disabled:not(.custom-color):before,
.cloud:not(.without-styles) p.disabled:not(.custom-color):before,
.cloud:not(.without-styles) h3.disabled:not(.custom-color):before,
.cloud:not(.without-styles) label.disabled:not(.custom-color):before,
.cloud:not(.without-styles) input.disabled:not(.custom-color):before,
.cloud:not(.without-styles) span.disabled:not(.custom-color):before,
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color):before,
.cloud:not(.without-styles) a.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) p.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) h3.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) label.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) input.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) span.disabled:not(.custom-color) > span,
.cloud:not(.without-styles) .options-list-link.disabled:not(.custom-color) > span {
  color: rgba(230, 230, 230, 0.5) !important;
}
.cloud .cloud-icon-wrapper {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 23px;
  top: 17px;
  cursor: pointer;
}
.cloud .options-list-link {
  width: 100%;
  border: 0;
  background-color: transparent;
  font-family: inherit;
  text-align: left;
}
.cloud > p + p {
  margin-top: 18px;
}
.cloud li {
  list-style: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .state-helper:checked + .fake-choose-label:before {
  border-width: 1px;
  border-color: #fff;
  background: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .state-helper:checked + .fake-choose-label:after {
  background: #fff;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio {
  position: relative;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio:before {
  width: 10px;
  height: 10px;
  border-width: 1px;
  border-color: #fff;
  background: none;
}
.cloud:not(.cloud-with-settings) .control-wrapper .fake-choose-label.fake-radio:after {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 3px;
  background: transparent;
}
.cloud.big {
  width: 300px;
}
.cloud.small {
  width: 160px;
}
.cloud.auto-width {
  width: auto;
}
.cloud.options-cloud {
  padding: 0;
}
.cloud.options-cloud > a:not([class*="ds-link"]),
.cloud.options-cloud > p:not([class*="ds-link"]),
.cloud.options-cloud .options-list-link:not([class*="ds-link"]) {
  padding: 7px 9px 5px 9px;
}
.tall.cloud.options-cloud > a:not([class*="ds-link"]),
.tall.cloud.options-cloud > p:not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list-link:not([class*="ds-link"]) {
  padding: 4px 9px 2px 9px;
}
.cloud.options-cloud .ds-input--cloud-input-text {
  margin-top: 5px;
}
.cloud.options-cloud.scroll-ready,
.cloud.options-cloud .scroll-ready {
  overflow: auto;
}
.cloud.options-cloud .padded-content,
.cloud.options-cloud .options-list .padded-content {
  padding: 2px 9px 4px;
}
.tall.cloud.options-cloud .padded-content,
.tall.cloud.options-cloud .options-list .padded-content {
  padding: 4px 9px 2px 9px;
}
.cloud.options-cloud .padded-content.selected,
.cloud.options-cloud .options-list .padded-content.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud.without-hover > li > a.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li > a.active:not(.disabled),
.cloud.options-cloud.without-hover > li > span.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li > span.active:not(.disabled),
.cloud.options-cloud.without-hover > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list.without-hover > li .options-list-link.active:not(.disabled) {
  background-color: #7800FF;
}
.cloud.options-cloud.without-hover > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li > a.active:not(.disabled).danger,
.cloud.options-cloud.without-hover > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li > span.active:not(.disabled).danger,
.cloud.options-cloud.without-hover > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list.without-hover > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud:not(.without-hover) > li > a:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > a:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > span:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > a.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > a.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li > span.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li > span.active:not(.disabled),
.cloud.options-cloud:not(.without-hover) > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link.active:not(.disabled) {
  background-color: #7800FF;
}
.cloud.options-cloud:not(.without-hover) > li > a:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > a:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > span:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > span:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > a.active:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li > span.active:not(.disabled).danger,
.cloud.options-cloud:not(.without-hover) > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list:not(.without-hover) > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  display: block;
  padding: 7px 9px 5px;
  border-radius: 8px;
  line-height: 1.3em;
  text-decoration: none;
}
.tall.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.tall.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding: 4px 9px 2px 9px;
}
.with-icons.cloud.options-cloud > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.with-icons.cloud.options-cloud .options-list > li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding-left: 34px;
}
.with-icons.tall.cloud.options-cloud > li > a:before,
.with-icons.tall.cloud.options-cloud .options-list > li > a:before,
.with-icons.tall.cloud.options-cloud > li > span:before,
.with-icons.tall.cloud.options-cloud .options-list > li > span:before,
.with-icons.tall.cloud.options-cloud > li .options-list-link:before,
.with-icons.tall.cloud.options-cloud .options-list > li .options-list-link:before {
  top: 5px;
}
.cloud.options-cloud > li > a:not(.disabled),
.cloud.options-cloud .options-list > li > a:not(.disabled),
.cloud.options-cloud > li > span:not(.disabled),
.cloud.options-cloud .options-list > li > span:not(.disabled),
.cloud.options-cloud > li .options-list-link:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
}
.cloud.options-cloud > li > a:not(.disabled):hover,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover,
.cloud.options-cloud > li > span:not(.disabled):hover,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled):hover,
.cloud.options-cloud > li > a:not(.disabled).active,
.cloud.options-cloud .options-list > li > a:not(.disabled).active,
.cloud.options-cloud > li > span:not(.disabled).active,
.cloud.options-cloud .options-list > li > span:not(.disabled).active,
.cloud.options-cloud > li .options-list-link:not(.disabled).active,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).active,
.cloud.options-cloud > li > a:not(.disabled).selected,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected,
.cloud.options-cloud > li > span:not(.disabled).selected,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).selected,
.cloud.options-cloud > li > a:not(.disabled):hover span,
.cloud.options-cloud .options-list > li > a:not(.disabled):hover span,
.cloud.options-cloud > li > span:not(.disabled):hover span,
.cloud.options-cloud .options-list > li > span:not(.disabled):hover span,
.cloud.options-cloud > li .options-list-link:not(.disabled):hover span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled):hover span,
.cloud.options-cloud > li > a:not(.disabled).active span,
.cloud.options-cloud .options-list > li > a:not(.disabled).active span,
.cloud.options-cloud > li > span:not(.disabled).active span,
.cloud.options-cloud .options-list > li > span:not(.disabled).active span,
.cloud.options-cloud > li .options-list-link:not(.disabled).active span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).active span,
.cloud.options-cloud > li > a:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > a:not(.disabled).selected span,
.cloud.options-cloud > li > span:not(.disabled).selected span,
.cloud.options-cloud .options-list > li > span:not(.disabled).selected span,
.cloud.options-cloud > li .options-list-link:not(.disabled).selected span,
.cloud.options-cloud .options-list > li .options-list-link:not(.disabled).selected span {
  color: #fff;
}
.cloud.options-cloud > li > a:hover:not(.disabled),
.cloud.options-cloud .options-list > li > a:hover:not(.disabled),
.cloud.options-cloud > li > span:hover:not(.disabled),
.cloud.options-cloud .options-list > li > span:hover:not(.disabled),
.cloud.options-cloud > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link:hover:not(.disabled),
.cloud.options-cloud > li > a.active:not(.disabled),
.cloud.options-cloud .options-list > li > a.active:not(.disabled),
.cloud.options-cloud > li > span.active:not(.disabled),
.cloud.options-cloud .options-list > li > span.active:not(.disabled),
.cloud.options-cloud > li .options-list-link.active:not(.disabled),
.cloud.options-cloud .options-list > li .options-list-link.active:not(.disabled) {
  background-color: #7800FF;
}
.cloud.options-cloud > li > a:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a:hover:not(.disabled).danger,
.cloud.options-cloud > li > span:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span:hover:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud .options-list > li .options-list-link:hover:not(.disabled).danger,
.cloud.options-cloud > li > a.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > a.active:not(.disabled).danger,
.cloud.options-cloud > li > span.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li > span.active:not(.disabled).danger,
.cloud.options-cloud > li .options-list-link.active:not(.disabled).danger,
.cloud.options-cloud .options-list > li .options-list-link.active:not(.disabled).danger {
  background-color: #c90b00;
  color: #fff;
}
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud > li > span.selected,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud .options-list > li .options-list-link.selected,
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud > li > span.disabled,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li .options-list-link.disabled {
  cursor: default;
}
.cloud.options-cloud > li > a.selected,
.cloud.options-cloud .options-list > li > a.selected,
.cloud.options-cloud > li > span.selected,
.cloud.options-cloud .options-list > li > span.selected,
.cloud.options-cloud > li .options-list-link.selected,
.cloud.options-cloud .options-list > li .options-list-link.selected {
  background-color: #5e5e5e;
}
.cloud.options-cloud > li > a.disabled,
.cloud.options-cloud .options-list > li > a.disabled,
.cloud.options-cloud > li > span.disabled,
.cloud.options-cloud .options-list > li > span.disabled,
.cloud.options-cloud > li .options-list-link.disabled,
.cloud.options-cloud .options-list > li .options-list-link.disabled {
  background: none;
}
.cloud.options-cloud > li > a.danger,
.cloud.options-cloud .options-list > li > a.danger,
.cloud.options-cloud > li > span.danger,
.cloud.options-cloud .options-list > li > span.danger,
.cloud.options-cloud > li .options-list-link.danger,
.cloud.options-cloud .options-list > li .options-list-link.danger {
  color: #e20c00;
}
.cloud.options-cloud > li > a .shortcut,
.cloud.options-cloud .options-list > li > a .shortcut,
.cloud.options-cloud > li > span .shortcut,
.cloud.options-cloud .options-list > li > span .shortcut,
.cloud.options-cloud > li .options-list-link .shortcut,
.cloud.options-cloud .options-list > li .options-list-link .shortcut {
  height: 16px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 8px;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.cloud.options-cloud > li .ds-choose-base--cloud-item,
.cloud.options-cloud .options-list > li .ds-choose-base--cloud-item {
  margin: 5px 0 4px 10px;
}
.cloud.options-cloud > .with-sub-cloud:hover:after,
.cloud.options-cloud .options-list > .with-sub-cloud:hover:after {
  color: #fff;
}
.cloud.options-cloud > .with-sub-cloud:hover .sub-cloud,
.cloud.options-cloud .options-list > .with-sub-cloud:hover .sub-cloud {
  display: block;
}
.cloud.options-cloud > .with-sub-cloud:after,
.cloud.options-cloud .options-list > .with-sub-cloud:after {
  content: '\E097';
  color: #919191;
  font-size: 7px;
  transform: rotate(-90deg);
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  right: 9px;
}
.cloud.options-cloud.options-icons li > .btn-icon {
  padding-left: 35px !important;
  position: relative;
}
.cloud.options-cloud.options-icons li > .btn-icon:before {
  width: 28px;
  height: 28px;
  color: currentColor;
  line-height: 28px;
}
.cloud.options-cloud.options-icons li > .btn-icon .shortcut {
  text-indent: 0;
}
.cloud.options-cloud.options-icons li .with-icon:before {
  display: inline-block;
  width: 14px;
  margin-right: 10px;
  position: relative;
  top: 2px;
  color: currentColor;
}
.cloud.options-cloud.options-icons li .with-shortcut .shortcut {
  top: 8px;
}
.cloud.options-cloud.options-icons li .connect-merge {
  display: flex;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn {
  width: 225px;
  height: 28px;
  padding: 0;
  justify-content: space-evenly;
  box-shadow: none;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn:before {
  rotate: 45deg;
}
.cloud.options-cloud.options-icons li .connect-merge .connect-merge-btn:hover {
  background-color: #7800FF;
}
.cloud.options-cloud .checkbox-list {
  margin-top: 5px;
  margin-bottom: 6px;
}
.cloud.options-cloud .checkbox-list li {
  margin-bottom: 1px;
  list-style: none;
}
.cloud.options-cloud .checkbox-list li:last-of-type {
  margin-bottom: 0;
}
.cloud.options-cloud .checkbox-list li > form label {
  display: flex;
  padding-top: 5px;
  padding-bottom: 4px;
  align-items: center;
}
.cloud.options-cloud .radio-list {
  padding: 13px 23px;
}
.cloud.options-cloud .radio-list-separator {
  margin-bottom: 13px;
}
.cloud.options-cloud .radio-list-item {
  margin-bottom: 3px;
}
.cloud.options-cloud .radio-list-text-wrapper {
  word-break: break-word;
}
.cloud.with-icons li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li > a:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li > span:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]),
.cloud.with-icons .options-list li .options-list-link:not([class*="ds-badge"]):not([class*="ds-link"]) {
  padding-left: 34px;
  position: relative;
}
.cloud.with-icons li > a:not(.custom-color):before,
.cloud.with-icons .options-list li > a:not(.custom-color):before,
.cloud.with-icons li > span:not(.custom-color):before,
.cloud.with-icons .options-list li > span:not(.custom-color):before,
.cloud.with-icons li .options-list-link:not(.custom-color):before,
.cloud.with-icons .options-list li .options-list-link:not(.custom-color):before {
  color: #e6e6e6;
  position: absolute;
  top: 9px;
  left: 10px;
}
.cloud.with-icons li > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color):hover:before,
.cloud.with-icons li > a:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color).active:before,
.cloud.with-icons li > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li > a:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li > span:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li > span:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons li .options-list-link:not(.disabled):not(.custom-color).selected:before,
.cloud.with-icons .options-list li .options-list-link:not(.disabled):not(.custom-color).selected:before {
  color: #fff !important;
}
.cloud.with-scroll-options {
  padding-left: 0;
  padding-right: 0;
}
.cloud.with-scroll-options .options-list {
  overflow-x: hidden;
}
.cloud.select-style-list {
  width: 274px;
  max-height: 70vh;
  background: #fff;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
  color: #6a6a6a;
}
.cloud.select-style-list .options-separator .section-name {
  color: #919191;
  font-size: 12px;
  letter-spacing: normal;
  letter-spacing: initial;
  text-transform: none;
  overflow: visible;
}
.cloud.select-style-list .options-separator .section-name:before,
.cloud.select-style-list .options-separator .section-name:after {
  background: #f0f0f0;
}
.cloud.select-style-list li {
  padding: 3px 9px 3px 24px;
  border: 1px solid #fff;
  border-radius: 8px;
  position: relative;
  flex-shrink: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.cloud.select-style-list li:not(.selected):hover {
  border-color: #f3f3f3;
  background: #f3f3f3;
  color: #414141 !important;
}
.cloud.select-style-list li.selected {
  border-color: #f3f3f3;
  background: none;
  color: #a6a6a6;
  cursor: default;
}
.cloud.select-style-list li.selected:before {
  content: '\E311';
  color: #444;
  font-size: 5px;
  text-align: center;
  font-family: 'uxpds-icons';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  left: 9px;
}
.cloud.select-style-list li.disabled {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.cloud.permissions-cloud {
  width: 300px;
  padding: 8px 10px;
}
.cloud.permissions-cloud .list-filters {
  display: flex;
  padding: 3px 10px 8px;
  flex-shrink: 0;
}
.cloud.permissions-cloud .list-filters:before {
  display: none;
}
.cloud.permissions-cloud .list-filters > li {
  list-style: none;
}
.cloud.permissions-cloud .list-filters > li + li {
  margin-left: 15px;
  position: relative;
}
.cloud.permissions-cloud .list-filters > li + li .fake-radio:before {
  display: block;
  border: none;
  border-left: 1px solid #414141 !important;
  height: 100%;
  position: absolute;
  top: 0;
  left: -8px;
  width: 1px;
}
.cloud.permissions-cloud .list-filters > li .active + .fake-radio {
  border-color: rgba(255, 255, 255, 0);
}
.cloud.permissions-cloud .list-filters > li .active + .fake-radio:after {
  display: none;
}
.cloud.permissions-cloud .list-filters .fake-radio {
  border-bottom: 1px solid;
  text-decoration: none !important;
  line-height: 14px;
  transition: border-color 0.2s ease-in;
  border-bottom-color: #414141;
  padding-left: 0;
}
.cloud.permissions-cloud .list-filters .fake-radio:hover {
  border-bottom-color: transparent !important;
}
.cloud.permissions-cloud .list-filters .fake-radio:before {
  display: none;
}
.cloud.permissions-cloud .list-filters .fake-radio:after {
  content: '';
  position: absolute;
}
.cloud.permissions-cloud .ds-input--search.icon-general-search:before {
  margin-top: 0;
  top: 10px;
  left: 8px;
}
.cloud.permissions-cloud .fake-choose-label:before {
  border-color: #414141;
  background: none;
}
.cloud.permissions-cloud .checkbox-list label {
  display: flex;
  width: 100%;
  padding: 5px 10px 4px 31px;
  align-items: center;
}
.cloud.permissions-cloud .checkbox-list label:hover {
  background-color: #7800FF;
}
.cloud.permissions-cloud .checkbox-list label:hover:before {
  border-color: #fff !important;
}
.cloud.permissions-cloud .checkbox-list label:hover,
.cloud.permissions-cloud .checkbox-list label:hover figcaption {
  color: #fff !important;
}
.cloud.permissions-cloud .checkbox-list label:before {
  top: 11px;
  left: 10px;
}
.cloud.permissions-cloud .checkbox-list label:after {
  top: 15px;
  left: 13px;
}
.cloud.permissions-cloud .checkbox-list .user {
  display: flex;
}
.cloud.permissions-cloud .checkbox-list .name {
  padding: 3px 0 0 8px;
}
.cloud.permissions-cloud .cloud-search-wrapper {
  position: relative;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-input--search {
  position: static;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-input--search.active + .icon-general-close {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-out 0s;
}
.cloud.permissions-cloud .cloud-search-wrapper .ds-icon--font__search:before {
  margin-top: -7px;
  position: absolute;
  top: 50%;
  left: 10px;
  color: #fff;
}
.cloud.permissions-cloud .cloud-search-wrapper .icon-general-close {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  margin-top: 0;
  margin-top: initial;
  border: none;
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
}
.cloud.permissions-cloud .cloud-search-wrapper .icon-general-close:before {
  content: '\E010';
  color: #fff;
  font-size: 10px;
}
.cloud form {
  flex-shrink: 0;
}
.cloud form:not(.search-form) label.fake-choose-label {
  display: block;
  padding: 7px 10px 5px 31px;
  border-radius: 8px;
  line-height: 1.3em;
}
.cloud form:not(.search-form) label.fake-choose-label:before {
  border-color: #373737;
  top: 9px;
  left: 9px;
  background: none;
  transition: none;
}
.cloud form:not(.search-form) label.fake-choose-label:after {
  top: 13px;
  left: 13px;
}
.cloud form:not(.search-form):hover label {
  background-color: #7800FF;
}
.cloud form:not(.search-form):hover label:before {
  border-color: #fff !important;
}
.cloud form:not(.search-form):hover label,
.cloud form:not(.search-form):hover label figcaption {
  color: #fff !important;
}
.cloud form:not(.search-form):hover input:checked + label.fake-checkbox:before {
  background-color: #fff !important;
}
.cloud form:not(.search-form):hover input:checked + label.fake-checkbox:after {
  color: #7800FF;
}
.cloud form:not(.search-form):hover input:checked + label.fake-radio:before {
  background-color: #7800FF !important;
}
.cloud .search-form {
  position: relative;
}
.cloud .search-form .icon-general-search {
  position: absolute;
  top: 8px;
  left: 9px;
}
.cloud .search-form .icon-general-search:before {
  content: '\E271';
  color: #e6e6e6;
  font-size: 14px;
  margin-left: 1px;
}
.firefox .cloud .search-form .icon-general-search {
  top: 9px;
}
.cloud .search-form .icon-general-close {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  border: none;
  position: absolute;
  top: 8px;
  right: 5px;
  background: none;
}
.cloud .search-form .icon-general-close:before {
  content: '\E010';
  color: #e6e6e6;
  font-size: 10px;
}
.cloud .search-form input[type=text] {
  padding-left: 31px;
}
.cloud .search-form input[type=text]:focus + .icon-general-close {
  opacity: 1;
  visibility: visible;
  transition: all 0.1s ease-out 0s;
}
.cloud .search-form + p,
.cloud .search-form + ul {
  margin-top: 6px;
}
.cloud .user-avatar {
  display: flex;
  width: 100%;
  align-items: center;
}
.cloud .user-avatar > img,
.cloud .user-avatar .initials {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 8px;
  flex-shrink: 0;
}
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="transparent.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="default_avatar.png"],
.cloud .user-avatar > img:not([src*="gravatar.com"])[src$="avatars/default.png"] {
  opacity: 0;
  visibility: hidden;
}
.cloud .user-avatar .initials {
  top: 0;
  left: 0;
  font-size: 10px;
  line-height: 20px;
}
.cloud .user-avatar figcaption {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  position: relative;
  top: 1px;
  line-height: 100%;
}
.cloud .section-name {
  font-size: 10px;
  color: #f3f3f3;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 8px;
}
.cloud .separator {
  display: block;
  position: relative;
  flex-shrink: 0;
}
.cloud .separator:empty:before,
.cloud .separator:empty:after {
  display: none !important;
}
.cloud .separator:before,
.cloud .separator:after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #373737;
}
.cloud .separator:not(.bottom):before {
  content: '';
  display: block;
  height: 1px;
  background-color: #373737;
}
.cloud .separator.bottom:after {
  content: '';
  display: block;
  height: 1px;
  background-color: #373737;
}
.cloud .separator.more-spacing:before {
  margin-bottom: 11px;
}
.cloud .separator.more-spacing:after {
  margin-top: 11px;
}
.cloud .option-description {
  color: #919191;
  font-size: 12px;
}
.cloud .options-separator {
  margin: 6px 0;
  pointer-events: none;
  overflow: hidden;
}
.cloud .options-separator:first-of-type {
  margin-top: 0 !important;
}
.tall.cloud .options-separator {
  margin-top: 3px;
  margin-bottom: 3px;
}
.cloud .options-separator .section-name {
  margin-bottom: 0;
  padding: 0 10px;
  position: relative;
  font-style: normal;
  line-height: 12px;
  color: #919191;
}
.cloud .options-separator .section-name:before,
.cloud .options-separator .section-name:after {
  content: '';
  width: 5000px;
  height: 1px;
  position: absolute;
  top: 4px;
  background: #414141;
}
.cloud .options-separator .section-name:before {
  right: 100%;
}
.cloud .options-separator .section-name:after {
  left: 100%;
}
.cloud .item-separator {
  position: relative;
}
.cloud .item-separator:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  background: #373737;
}
.cloud .item-separator.left {
  padding-left: 1px;
}
.cloud .item-separator.left:before {
  left: 0;
}
.cloud .item-separator.right {
  padding: 1px;
}
.cloud .item-separator.right:before {
  right: 0;
}
.cloud .no-found {
  color: rgba(230, 230, 230, 0.4);
  text-align: center;
}
.cloud .tooltip,
.cloud .tooltip a {
  font-size: 12px !important;
}
.cloud .tooltip span,
.cloud .tooltip a span {
  font-size: inherit !important;
}
.cloud ~ .hulk-select-list li.selected {
  pointer-events: auto;
}
.cloud .old-input {
  border-color: rgba(243, 243, 243, 0.2) !important;
  color: #dadada !important;
}
.cloud .old-input::-moz-placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input::placeholder {
  color: rgba(218, 218, 218, 0.4) !important;
}
.cloud .old-input:active,
.cloud .old-input:focus {
  border-color: rgba(243, 243, 243, 0.3) !important;
}
.cloud .cloud-header {
  padding-bottom: 16px;
}
.options-cloud.cloud .cloud-header {
  padding-top: 12px;
  padding-right: 20px;
  padding-left: 20px;
}
.cloud .cloud-header .cloud-headline {
  margin-bottom: 15px;
  color: #fff;
  font-weight: 600;
}
.cloud .full-width-footer {
  display: flex;
  height: 30px;
  padding-right: 19px;
  padding-left: 19px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  align-items: center;
  flex-shrink: 0;
  background-color: #111111;
  font-size: 12px;
}
.cloud-with-settings.cloud .full-width-footer {
  background-color: #f3f3f3;
}
.dark-version .cloud-with-settings.cloud .full-width-footer {
  background-color: #111111;
}
.cloud .sub-cloud {
  width: auto;
  top: -8px;
  left: 100%;
  z-index: 1;
}
.cloud .info-label {
  font-size: 12px;
  line-height: 16px;
}
/* HOMEPAGE STYLES */
body.with-cookies-bar .top-bar {
  transform: translateY(10px);
}
.homepage .main-header {
  overflow: hidden;
}
.homepage .main-header h1 {
  color: #fff;
  font-weight: 300;
  line-height: 1.2em;
  padding-top: 185px;
  text-align: left;
}
.homepage .main-header .page-description {
  color: #c1d4e0;
  margin-bottom: 142px;
  padding: 0 100px;
}
.homepage .main-header:after {
  background: url('/images/homepage/bg-top-home.jpg') no-repeat center;
  background-size: cover;
}
.homepage .main-header .join {
  background: none;
  color: #fff;
  padding: 65px 0 0;
  text-align: left;
}
.homepage .main-header .join h2 {
  color: #fff;
  font-size: 28px;
  margin-bottom: 20px;
  text-align: left;
}
.homepage .main-header .join .disclaimer {
  margin-top: 10px;
  padding: 0;
  text-align: left;
}
.white-version.homepage .main-header {
  padding-bottom: 0;
  padding-top: 20px;
}
.white-version.homepage .main-header:after {
  background: #fff;
}
.white-version.homepage .main-header h1 {
  color: #283842;
  font-size: 42px;
  max-width: 100%;
  width: 410px;
}
.white-version.homepage .main-header h1 .font-baskerville {
  font-size: 40px;
  line-height: 42px;
}
.white-version.homepage .main-header .join {
  max-width: 100%;
  padding-top: 10px;
}
.white-version.homepage .main-header .join .error-tip {
  margin-top: -1px;
  width: 300px;
}
.white-version.homepage .main-header .join .error-tip span {
  width: 300px;
}
.white-version.homepage .main-header .join h2 {
  color: #777;
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 40px;
}
.white-version.homepage .main-header .join .input-wrapper {
  margin: 0 0 10px;
}
.white-version.homepage .main-header .join input,
.white-version.homepage .main-header .join button {
  width: 300px;
}
.white-version.homepage .main-header > .centering-block {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .white-version.homepage .main-header > .centering-block {
    display: block;
  }
  .white-version.homepage .main-header > .centering-block .centering-block {
    padding: 0 !important;
  }
  .white-version.homepage .main-header > .centering-block form,
  .white-version.homepage .main-header > .centering-block button,
  .white-version.homepage .main-header > .centering-block input,
  .white-version.homepage .main-header > .centering-block .join,
  .white-version.homepage .main-header > .centering-block .error-tip span {
    max-width: 100%;
  }
}
.white-version.homepage .main-header .browser-container,
.white-version.homepage .main-header .content-wrapper {
  margin: auto;
}
.white-version.homepage .main-header .content-wrapper {
  padding-bottom: 65px;
}
.white-version.homepage .main-header .browser-container {
  margin: auto auto -1px 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .white-version.homepage .main-header .browser-container {
    display: none;
  }
}
.white-version.homepage .main-header .browser-container .chrome-img {
  opacity: 0.2;
}
.white-version.homepage .main-header .browser-container .video-container {
  left: 1px;
  top: auto;
  bottom: 1px;
  width: calc(100% - 2px);
  height: 94.8%;
  position: absolute;
}
.white-version.homepage .content-wrapper {
  min-width: 423px;
  max-width: 423px;
}
@media screen and (max-width: 767px) {
  .white-version.homepage .content-wrapper {
    min-width: inherit;
    max-width: 100%;
  }
}
.white-version.homepage .learn-more {
  background: #374650;
}
.white-version.homepage .learn-more h2,
.white-version.homepage .learn-more h3 {
  color: #fff;
}
.white-version.homepage .learn-more .feature-desc p {
  color: #c0c0c0;
}
.white-version.homepage .learn-more .btn-learn-more {
  border-color: #fff;
  color: #fff;
}
.white-version.homepage .learn-more .btn-learn-more:hover {
  border-color: #006cff;
}
.white-version.homepage .testimonials {
  padding: 80px 0;
}
.white-version.homepage .testimonials h2 {
  display: none;
}
.white-alt.homepage .main-header {
  padding: 150px 0 60px;
}
.white-alt.homepage .main-header .content-wrapper,
.white-alt.homepage .main-header h1 {
  padding: 0;
}
.white-alt.homepage .main-header .browser-container {
  margin-bottom: auto;
}
.white-alt.homepage .main-header .chrome-img {
  width: 664px;
}
.white-alt.homepage .main-header .join .disclaimer {
  margin-top: -4px;
  max-width: 100%;
  text-align: center;
  width: 300px;
}
.white-alt.homepage .companies-bar {
  padding-top: 0;
  text-align: center;
}
.white-alt.homepage .companies-bar h3 {
  margin: -7px 0 0;
  position: relative;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  .white-alt.homepage .companies-bar h3 {
    margin: 25px 0 0;
  }
}
.white-alt.homepage .companies-bar h3 span {
  display: inline-block;
  position: relative;
}
.white-alt.homepage .companies-bar h3 span:before {
  background: #fff;
  content: '';
  height: 120%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .white-alt.homepage .companies-bar h3 span:before {
    display: none;
  }
}
.white-alt.homepage .companies-bar .logos-wrapper {
  padding-top: 35px;
}
@media screen and (max-width: 768px) {
  .white-alt.homepage .companies-bar .logos-wrapper figure {
    flex: 1 1;
  }
}
.home-features-timeline {
  position: relative;
  margin: 20px auto;
  width: 642px;
}
.home-features-timeline:after,
.home-features-timeline:before {
  content: '';
  left: 0;
  top: 3px;
  position: absolute;
}
.home-features-timeline:before {
  border-bottom: 1px solid #fff;
  width: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.finished .home-features-timeline:before {
  opacity: 0 !important;
  width: 100%;
}
.home-features-timeline:after {
  border-bottom: 1px solid #285866;
  width: 100%;
}
.home-features-timeline.animate:before {
  animation: timelineWidth 4s linear normal;
  animation-fill-mode: forwards;
}
.home-features-timeline span {
  background: #285866;
  border-radius: 50%;
  left: 0;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  transition: background-color 0.3s ease;
  z-index: 2;
}
.home-features-timeline span:nth-of-type(2) {
  margin-left: -3px;
  left: 50%;
}
.home-features-timeline span:last-of-type {
  left: auto;
  right: 0;
}
.home-features-timeline span.active {
  background: #fff;
}
/* New features info section */
.new-features-info {
  background: #374650;
  border-top: 1px solid #364a56;
  color: #fff;
  font-size: 18px;
  padding: 30px 0;
  text-align: center;
}
.new-features-info p {
  margin: 0;
}
.new-features-info a {
  cursor: pointer;
  position: relative;
  color: #fff;
  margin-left: 5px;
}
.new-features-info a:after {
  border-bottom: 1px solid #fff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.new-features-info a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
.new-features-info a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.new-features-info a:hover:after {
  opacity: 0;
}
.new-features-info a:after {
  border-color: rgba(255, 255, 255, 0.5);
}
#homepage-new input:checked#radio-sumologic ~ nav .tab .sumologic,
.new-copy-split-test input:checked#radio-sumologic ~ nav .tab .sumologic {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-sumologic ~ nav .tab .sumologic:after,
.new-copy-split-test input:checked#radio-sumologic ~ nav .tab .sumologic:after {
  opacity: 1;
}
#homepage-new input:checked#radio-sumologic ~ .quotes .quote.sumologic,
.new-copy-split-test input:checked#radio-sumologic ~ .quotes .quote.sumologic {
  opacity: 1;
  z-index: 1;
  animation: none;
}
#homepage-new input:checked#radio-hbo ~ nav .tab .hbo,
.new-copy-split-test input:checked#radio-hbo ~ nav .tab .hbo {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-hbo ~ nav .tab .hbo:after,
.new-copy-split-test input:checked#radio-hbo ~ nav .tab .hbo:after {
  opacity: 1;
}
#homepage-new input:checked#radio-hbo ~ .quotes .quote.hbo,
.new-copy-split-test input:checked#radio-hbo ~ .quotes .quote.hbo {
  opacity: 1;
  z-index: 1;
  animation: none;
}
#homepage-new input:checked#radio-lookthink ~ nav .tab .lookthink,
.new-copy-split-test input:checked#radio-lookthink ~ nav .tab .lookthink {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-lookthink ~ nav .tab .lookthink:after,
.new-copy-split-test input:checked#radio-lookthink ~ nav .tab .lookthink:after {
  opacity: 1;
}
#homepage-new input:checked#radio-lookthink ~ .quotes .quote.lookthink,
.new-copy-split-test input:checked#radio-lookthink ~ .quotes .quote.lookthink {
  opacity: 1;
  z-index: 1;
  animation: none;
}
#homepage-new input:checked#radio-liquid-planner ~ nav .tab .liquid-planner,
.new-copy-split-test input:checked#radio-liquid-planner ~ nav .tab .liquid-planner {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-liquid-planner ~ nav .tab .liquid-planner:after,
.new-copy-split-test input:checked#radio-liquid-planner ~ nav .tab .liquid-planner:after {
  opacity: 1;
}
#homepage-new input:checked#radio-liquid-planner ~ .quotes .quote.liquid-planner,
.new-copy-split-test input:checked#radio-liquid-planner ~ .quotes .quote.liquid-planner {
  opacity: 1;
  z-index: 1;
  animation: none;
}
#homepage-new input:checked#radio-sapient ~ nav .tab .sapient,
.new-copy-split-test input:checked#radio-sapient ~ nav .tab .sapient {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-sapient ~ nav .tab .sapient:after,
.new-copy-split-test input:checked#radio-sapient ~ nav .tab .sapient:after {
  opacity: 1;
}
#homepage-new input:checked#radio-sapient ~ .quotes .quote.sapient,
.new-copy-split-test input:checked#radio-sapient ~ .quotes .quote.sapient {
  opacity: 1;
  z-index: 1;
  animation: none;
}
#homepage-new input:checked#radio-check24 ~ nav .tab .check24,
.new-copy-split-test input:checked#radio-check24 ~ nav .tab .check24 {
  padding-bottom: 27px;
  border-bottom-width: 2px;
  border-bottom-color: #006cff;
}
#homepage-new input:checked#radio-check24 ~ nav .tab .check24:after,
.new-copy-split-test input:checked#radio-check24 ~ nav .tab .check24:after {
  opacity: 1;
}
#homepage-new input:checked#radio-check24 ~ .quotes .quote.check24,
.new-copy-split-test input:checked#radio-check24 ~ .quotes .quote.check24 {
  opacity: 1;
  z-index: 1;
  animation: none;
}
@media only screen and (max-width: 767px) {
  #homepage-new .new-copy-split-test-header,
  .new-copy-split-test .new-copy-split-test-header {
    height: auto !important;
  }
}
#homepage-new .new-copy-split-test-header .centering-block,
.new-copy-split-test .new-copy-split-test-header .centering-block {
  padding-top: 0 !important;
}
@media screen and (max-width: 980px) {
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    top: 20% !important;
  }
}
@media screen and (max-width: 980px) and (max-height: 650px) {
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    top: 10% !important;
  }
  #homepage-new .new-copy-split-test-header .centering-block h2,
  .new-copy-split-test .new-copy-split-test-header .centering-block h2 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 767px) {
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    top: 15% !important;
  }
}
#homepage-new .sign-up-form:not(#try-uxpin),
.new-copy-split-test .sign-up-form:not(#try-uxpin) {
  display: inline-block;
  max-width: none;
}
#homepage-new .sign-up-form:not(#try-uxpin) button,
.new-copy-split-test .sign-up-form:not(#try-uxpin) button {
  height: 50px !important;
  line-height: 100% !important;
}
#homepage-new:not(.original) .sign-up-form:not(#try-uxpin),
.new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) {
  float: none !important;
}
#homepage-new:not(.original) .sign-up-form:not(#try-uxpin) input[type=text],
.new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) input[type=text],
#homepage-new:not(.original) .sign-up-form:not(#try-uxpin) .error-tip span,
.new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) .error-tip span {
  width: 297px !important;
}
@media screen and (max-width: 768px) {
  #homepage-new:not(.original) .sign-up-form:not(#try-uxpin) input[type=text],
  .new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) input[type=text],
  #homepage-new:not(.original) .sign-up-form:not(#try-uxpin) .error-tip span,
  .new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) .error-tip span {
    width: 100% !important;
  }
}
#homepage-new:not(.original) .sign-up-form:not(#try-uxpin) button,
.new-copy-split-test:not(.original) .sign-up-form:not(#try-uxpin) button {
  padding: 17px 27px !important;
}
#homepage-new .sign-up-form,
.new-copy-split-test .sign-up-form {
  display: block;
  max-width: 460px;
  margin-right: auto;
  margin-left: auto;
}
#homepage-new .sign-up-form input[type=text],
.new-copy-split-test .sign-up-form input[type=text] {
  width: 297px;
  height: 50px;
  margin-right: 10px;
  padding-left: 14px;
}
@media only screen and (max-width: 767px) {
  #homepage-new .sign-up-form input[type=text],
  .new-copy-split-test .sign-up-form input[type=text] {
    width: 100%;
  }
}
#homepage-new .sign-up-form label,
.new-copy-split-test .sign-up-form label {
  top: 2px;
  left: 0;
}
#homepage-new .sign-up-form button,
.new-copy-split-test .sign-up-form button {
  height: 50px;
  padding: 17px 27px;
}
#homepage-new .sign-up-form .error-tip span,
.new-copy-split-test .sign-up-form .error-tip span {
  width: 297px;
}
@media only screen and (max-width: 767px) {
  #homepage-new .sign-up-form .error-tip span,
  .new-copy-split-test .sign-up-form .error-tip span {
    width: 100%;
  }
}
#homepage-new .header,
.new-copy-split-test .header {
  height: 100vh;
  max-height: 55.5vw;
  position: relative;
  background: #fff url('/images/homepage/home/header-bg.jpg') no-repeat 0 center;
  background-size: cover;
}
#homepage-new .header:after,
.new-copy-split-test .header:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
}
#homepage-new .header .centering-block,
.new-copy-split-test .header .centering-block {
  position: relative;
  top: 38.4%;
  z-index: 2;
  text-align: center;
}
#homepage-new .header h1,
.new-copy-split-test .header h1,
#homepage-new .new-copy-split-test-header h1,
.new-copy-split-test .new-copy-split-test-header h1 {
  margin-bottom: 19px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: -0.012em;
}
#homepage-new .header h2,
.new-copy-split-test .header h2,
#homepage-new .new-copy-split-test-header h2,
.new-copy-split-test .new-copy-split-test-header h2,
#homepage-new .header h3,
.new-copy-split-test .header h3,
#homepage-new .new-copy-split-test-header h3,
.new-copy-split-test .new-copy-split-test-header h3 {
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}
#homepage-new .header h2,
.new-copy-split-test .header h2,
#homepage-new .new-copy-split-test-header h2,
.new-copy-split-test .new-copy-split-test-header h2 {
  margin-bottom: 105px;
  font-size: 24px;
}
#homepage-new .header h3,
.new-copy-split-test .header h3,
#homepage-new .new-copy-split-test-header h3,
.new-copy-split-test .new-copy-split-test-header h3 {
  font-size: 20px;
}
#homepage-new .header .sign-up-form,
.new-copy-split-test .header .sign-up-form,
#homepage-new .new-copy-split-test-header .sign-up-form,
.new-copy-split-test .new-copy-split-test-header .sign-up-form {
  margin-top: 23px;
}
#homepage-new .header .video-bg,
.new-copy-split-test .header .video-bg,
#homepage-new .new-copy-split-test-header .video-bg,
.new-copy-split-test .new-copy-split-test-header .video-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  transform: rotate(0);
}
#homepage-new .header .video-bg video,
.new-copy-split-test .header .video-bg video,
#homepage-new .new-copy-split-test-header .video-bg video,
.new-copy-split-test .new-copy-split-test-header .video-bg video {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  transform: translateZ(0);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #homepage-new .header,
  .new-copy-split-test .header,
  #homepage-new .new-copy-split-test-header,
  .new-copy-split-test .new-copy-split-test-header {
    max-height: none;
  }
  #homepage-new .header .video-bg,
  .new-copy-split-test .header .video-bg,
  #homepage-new .new-copy-split-test-header .video-bg,
  .new-copy-split-test .new-copy-split-test-header .video-bg {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #homepage-new .header .centering-block,
  .new-copy-split-test .header .centering-block,
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    padding-top: 140px;
  }
}
@media (max-width: 1500px) {
  #homepage-new .header .centering-block,
  .new-copy-split-test .header .centering-block,
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    top: 33%;
  }
}
@media (max-width: 1200px), (max-height: 530px) {
  #homepage-new .header h1,
  .new-copy-split-test .header h1,
  #homepage-new .new-copy-split-test-header h1,
  .new-copy-split-test .new-copy-split-test-header h1 {
    font-size: 50px;
  }
  #homepage-new .header h2,
  .new-copy-split-test .header h2,
  #homepage-new .new-copy-split-test-header h2,
  .new-copy-split-test .new-copy-split-test-header h2 {
    margin-bottom: 80px;
  }
}
@media (max-height: 530px) {
  #homepage-new .header .centering-block,
  .new-copy-split-test .header .centering-block,
  #homepage-new .new-copy-split-test-header .centering-block,
  .new-copy-split-test .new-copy-split-test-header .centering-block {
    top: 28%;
  }
}
@media only screen and (max-width: 767px) {
  #homepage-new .header,
  .new-copy-split-test .header,
  #homepage-new .new-copy-split-test-header,
  .new-copy-split-test .new-copy-split-test-header {
    height: auto;
    padding-bottom: 50px;
  }
}
#homepage-new .testimonials-quotes,
.new-copy-split-test .testimonials-quotes {
  padding-top: 105px;
}
#homepage-new .testimonials-quotes h2,
.new-copy-split-test .testimonials-quotes h2 {
  margin-bottom: 20px;
  color: #212121;
  font-size: 42px;
  font-weight: 300;
  line-height: 110%;
  text-transform: none;
}
#homepage-new .testimonials-quotes .lead,
.new-copy-split-test .testimonials-quotes .lead {
  margin-bottom: 27px;
  color: #8e8e8e;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
#homepage-new .testimonials-quotes nav,
.new-copy-split-test .testimonials-quotes nav {
  width: 100%;
  height: 98px;
  margin-bottom: 91px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 590px) {
  #homepage-new .testimonials-quotes nav,
  .new-copy-split-test .testimonials-quotes nav {
    margin-bottom: 11px;
  }
}
#homepage-new .testimonials-quotes nav .scroller,
.new-copy-split-test .testimonials-quotes nav .scroller {
  position: absolute;
  top: 0;
  right: -17px;
  bottom: -17px;
  left: 0;
  overflow-y: scroll;
}
#homepage-new .testimonials-quotes nav .border,
.new-copy-split-test .testimonials-quotes nav .border {
  width: 100%;
  height: inherit;
  border-bottom: 1px solid #dfdfdf;
  position: relative;
}
#homepage-new .testimonials-quotes nav ul,
.new-copy-split-test .testimonials-quotes nav ul {
  display: inline-block;
  list-style: none;
  white-space: nowrap;
}
#homepage-new .testimonials-quotes nav ul .tab,
.new-copy-split-test .testimonials-quotes nav ul .tab {
  display: inline-block;
  position: relative;
  top: 1px;
}
#homepage-new .testimonials-quotes nav ul .tab label,
.new-copy-split-test .testimonials-quotes nav ul .tab label {
  display: inline-block;
  box-sizing: content-box;
  height: 40px;
  padding: 28px 30px;
  border-bottom: 1px solid transparent;
  background: transparent;
  text-indent: -9999px;
  cursor: pointer;
  transition: border-color 0.2s ease-out;
}
#homepage-new .testimonials-quotes nav ul .tab label.sumologic,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sumologic {
  width: 156px;
}
#homepage-new .testimonials-quotes nav ul .tab label.sumologic:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sumologic:before {
  background-position: 0 -40px;
}
#homepage-new .testimonials-quotes nav ul .tab label.sumologic:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sumologic:after {
  background-position: 0 0px;
}
#homepage-new .testimonials-quotes nav ul .tab label.hbo,
.new-copy-split-test .testimonials-quotes nav ul .tab label.hbo {
  width: 50px;
}
#homepage-new .testimonials-quotes nav ul .tab label.hbo:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.hbo:before {
  background-position: 0 -120px;
}
#homepage-new .testimonials-quotes nav ul .tab label.hbo:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.hbo:after {
  background-position: 0 -80px;
}
#homepage-new .testimonials-quotes nav ul .tab label.lookthink,
.new-copy-split-test .testimonials-quotes nav ul .tab label.lookthink {
  width: 112px;
}
#homepage-new .testimonials-quotes nav ul .tab label.lookthink:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.lookthink:before {
  background-position: 0 -200px;
}
#homepage-new .testimonials-quotes nav ul .tab label.lookthink:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.lookthink:after {
  background-position: 0 -160px;
}
#homepage-new .testimonials-quotes nav ul .tab label.liquid-planner,
.new-copy-split-test .testimonials-quotes nav ul .tab label.liquid-planner {
  width: 175px;
}
#homepage-new .testimonials-quotes nav ul .tab label.liquid-planner:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.liquid-planner:before {
  background-position: 0 -280px;
}
#homepage-new .testimonials-quotes nav ul .tab label.liquid-planner:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.liquid-planner:after {
  background-position: 0 -240px;
}
#homepage-new .testimonials-quotes nav ul .tab label.sapient,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sapient {
  width: 101px;
}
#homepage-new .testimonials-quotes nav ul .tab label.sapient:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sapient:before {
  background-position: 0 -360px;
}
#homepage-new .testimonials-quotes nav ul .tab label.sapient:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.sapient:after {
  background-position: 0 -320px;
}
#homepage-new .testimonials-quotes nav ul .tab label.check24,
.new-copy-split-test .testimonials-quotes nav ul .tab label.check24 {
  width: 106px;
}
#homepage-new .testimonials-quotes nav ul .tab label.check24:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label.check24:before {
  background-position: 0 -440px;
}
#homepage-new .testimonials-quotes nav ul .tab label.check24:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label.check24:after {
  background-position: 0 -400px;
}
#homepage-new .testimonials-quotes nav ul .tab label:before,
.new-copy-split-test .testimonials-quotes nav ul .tab label:before,
#homepage-new .testimonials-quotes nav ul .tab label:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label:after {
  content: '';
  width: inherit;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff url('./images/homepage/home/testimonials-nav-logos.png') no-repeat 0 0;
  background-size: 220px 480px;
}
#homepage-new .testimonials-quotes nav ul .tab label:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label:after {
  opacity: 0;
  transition: opacity 0.2s ease-out, border-color 0.2s ease-out, border-width 0s linear;
}
#homepage-new .testimonials-quotes nav ul .tab label:hover,
.new-copy-split-test .testimonials-quotes nav ul .tab label:hover {
  border-bottom-color: #acacac;
}
#homepage-new .testimonials-quotes nav ul .tab label:hover:after,
.new-copy-split-test .testimonials-quotes nav ul .tab label:hover:after {
  opacity: 1;
}
#homepage-new .testimonials-quotes .tab-switcher,
.new-copy-split-test .testimonials-quotes .tab-switcher {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
#homepage-new .testimonials-quotes .quotes,
.new-copy-split-test .testimonials-quotes .quotes {
  min-height: 243px;
  position: relative;
}
#homepage-new .testimonials-quotes .quotes .quote,
.new-copy-split-test .testimonials-quotes .quotes .quote {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  animation: 0s linear 0.4s 1 hide-quote;
  transition: opacity 0.4s ease-in-out;
}
#homepage-new .testimonials-quotes .quotes .quote > figure,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure {
  padding: 30px 30px 64px 215px;
  margin-left: 20px;
  border: 1px solid #dfdfdf;
  position: relative;
}
#homepage-new .testimonials-quotes .quotes .quote > figure > img,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure > img {
  position: absolute;
  top: -20px;
  left: -21px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote {
  margin-bottom: 15px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote p,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote p {
  margin-bottom: 0;
  color: #212121;
  font-size: 30px;
  font-weight: 300;
  line-height: 120%;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote p:last-of-type,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote p:last-of-type {
  display: inline;
  margin-right: 12px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #homepage-new .testimonials-quotes .quotes .quote > figure blockquote p,
  .new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote p {
    font-size: 26px;
  }
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more {
  cursor: pointer;
  position: relative;
  display: inline-block;
  top: -3px;
  color: #006cff;
  font-size: 16px;
  font-weight: 400;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more:after,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more:after {
  border-bottom: 1px solid rgba(0, 108, 255, 0.5);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more:hover:after,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more:hover:after {
  border-color: rgba(0, 108, 255, 0);
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more:after,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(0, 108, 255, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more:hover:after,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more:hover:after {
  opacity: 0;
}
#homepage-new .testimonials-quotes .quotes .quote > figure blockquote .read-more:after,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure blockquote .read-more:after {
  bottom: 4px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure figcaption,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption {
  position: relative;
  color: #444;
  font-size: 16px;
  font-weight: 400;
}
#homepage-new .testimonials-quotes .quotes .quote > figure figcaption .name,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption .name {
  margin-right: 6px;
  font-style: normal;
}
#homepage-new .testimonials-quotes .quotes .quote > figure figcaption .name:before,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption .name:before {
  content: '— ';
}
#homepage-new .testimonials-quotes .quotes .quote > figure figcaption figure,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption figure {
  display: none;
  position: absolute;
  top: 2px;
  left: 0;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name {
  display: inline-block;
  width: 130px;
  height: 24px;
  background: transparent url('./images/homepage/home/testimonials-logos-small.png') no-repeat 0 0;
  background-size: 130px 144px;
  text-indent: -9999px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.sumologic,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.sumologic {
  width: 92px;
  background-position: 0 0px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.hbo,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.hbo {
  width: 30px;
  background-position: 0 -24px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.lookthink,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.lookthink {
  width: 66px;
  background-position: 0 -48px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.liquid-planner,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.liquid-planner {
  width: 104px;
  background-position: 0 -72px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.sapient,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.sapient {
  width: 60px;
  background-position: 0 -96px;
}
#homepage-new .testimonials-quotes .quotes .quote > figure .company-name.check24,
.new-copy-split-test .testimonials-quotes .quotes .quote > figure .company-name.check24 {
  width: 63px;
  background-position: 0 -120px;
}
@media (max-width: 590px) {
  #homepage-new .testimonials-quotes .quotes .quote > figure,
  .new-copy-split-test .testimonials-quotes .quotes .quote > figure {
    padding-top: 21px;
    padding-left: 30px;
  }
  #homepage-new .testimonials-quotes .quotes .quote > figure > img,
  .new-copy-split-test .testimonials-quotes .quotes .quote > figure > img {
    display: none;
  }
  #homepage-new .testimonials-quotes .quotes .quote > figure figcaption,
  .new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption {
    padding-left: 59px;
  }
  #homepage-new .testimonials-quotes .quotes .quote > figure figcaption figure,
  .new-copy-split-test .testimonials-quotes .quotes .quote > figure figcaption figure {
    display: block;
  }
}
#homepage-new .companies-bar,
.new-copy-split-test .companies-bar {
  padding: 83px 0 78px;
  border: 0;
}
#homepage-new .companies-bar h3,
.new-copy-split-test .companies-bar h3 {
  margin-bottom: 59px;
  color: #9e9e9e;
  font-size: 11px;
  letter-spacing: 0.2em;
  line-height: 270%;
}
#homepage-new .features,
.new-copy-split-test .features {
  padding-top: 112px;
  padding-bottom: 126px;
  background-color: #006cff;
  color: #fff;
}
#homepage-new .features h2,
.new-copy-split-test .features h2 {
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: 114px;
  color: #fff;
  font-size: 42px;
  font-weight: 300;
  line-height: 110%;
}
#homepage-new .features .centering-block,
.new-copy-split-test .features .centering-block {
  display: flex;
  justify-content: space-around;
}
#homepage-new .features .lead,
.new-copy-split-test .features .lead {
  margin-top: 44px;
  flex: 0 1 26%;
  font-size: 30px;
  line-height: 120%;
}
#homepage-new .features .lead .btn-flat,
.new-copy-split-test .features .lead .btn-flat {
  margin-top: 15px;
  padding: 17px 30px;
}
#homepage-new .features .features-list,
.new-copy-split-test .features .features-list {
  display: flex;
  margin-top: 21px;
  flex: 0 1 70%;
  justify-content: space-between;
}
#homepage-new .features .features-list.visible .feature,
.new-copy-split-test .features .features-list.visible .feature {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#homepage-new .features .features-list .feature,
.new-copy-split-test .features .features-list .feature {
  opacity: 0;
  visibility: hidden;
  padding-bottom: 50px;
  flex: 0 1 22%;
  transform: translateY(-40px);
  text-align: center;
}
#homepage-new .features .features-list .feature:nth-of-type(4),
.new-copy-split-test .features .features-list .feature:nth-of-type(4) {
  transition: opacity 0.3s ease-out 0.9s, transform 0.3s ease-out 0.9s;
}
#homepage-new .features .features-list .feature:nth-of-type(3),
.new-copy-split-test .features .features-list .feature:nth-of-type(3) {
  transition: opacity 0.3s ease-out 0.6s, transform 0.3s ease-out 0.6s;
}
#homepage-new .features .features-list .feature:nth-of-type(2),
.new-copy-split-test .features .features-list .feature:nth-of-type(2) {
  transition: opacity 0.3s ease-out 0.3s, transform 0.3s ease-out 0.3s;
}
#homepage-new .features .features-list .feature:nth-of-type(1),
.new-copy-split-test .features .features-list .feature:nth-of-type(1) {
  transition: opacity 0.3s ease-out 0s, transform 0.3s ease-out 0s;
}
#homepage-new .features .features-list .feature figure,
.new-copy-split-test .features .features-list .feature figure {
  display: flex;
  margin-bottom: 33px;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  height: 120px;
}
#homepage-new .features .features-list .feature figure img,
.new-copy-split-test .features .features-list .feature figure img {
  display: inline-block;
  max-width: 100%;
}
#homepage-new .features .features-list .feature h4,
.new-copy-split-test .features .features-list .feature h4 {
  display: inline-block;
  max-width: 145px;
  margin-bottom: 12px;
  font-weight: 700;
}
#homepage-new .features .features-list .feature h4,
.new-copy-split-test .features .features-list .feature h4,
#homepage-new .features .features-list .feature p,
.new-copy-split-test .features .features-list .feature p {
  color: #fff;
  font-size: 16px;
  line-height: 150%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #homepage-new .features .centering-block,
  .new-copy-split-test .features .centering-block {
    flex-direction: column-reverse;
  }
  #homepage-new .features .lead,
  .new-copy-split-test .features .lead {
    flex-basis: auto;
    text-align: center;
  }
  #homepage-new .features .features-list,
  .new-copy-split-test .features .features-list {
    flex-direction: column;
  }
  #homepage-new .features .features-list,
  .new-copy-split-test .features .features-list,
  #homepage-new .features .features-list .feature,
  .new-copy-split-test .features .features-list .feature {
    flex-basis: auto;
  }
}
@keyframes hide-quote {
  from {
    z-index: 1;
  }
  to {
    z-index: 0;
  }
}
.mockups-and-prototyping-page {
  /* Arrow in button */
}
.mockups-and-prototyping-page .main-header:after {
  background: url('/images/homepage/bg-top-mockups.jpg') no-repeat center;
  background-size: cover;
}
.mockups-and-prototyping-page .main-header h1 {
  font-weight: 300;
  text-transform: none;
}
.mockups-and-prototyping-page .main-header h3 {
  margin: 25px 0 40px;
  text-transform: none;
}
.mockups-and-prototyping-page .page-description,
.mockups-and-prototyping-page .subheader {
  color: #cdd1d6;
  font-weight: 100;
  margin-bottom: 60px;
}
.mockups-and-prototyping-page .page-description {
  font-size: 18px;
}
.mockups-and-prototyping-page .subheader {
  font-size: 22px;
  padding: 0 180px;
}
.mockups-and-prototyping-page .demo-images {
  text-align: center;
}
.mockups-and-prototyping-page .demo-images .centering-block {
  width: 1100px;
}
.mockups-and-prototyping-page .demo-images h3 {
  color: #151515;
  font-size: 22px;
  margin: 15px 0;
}
.mockups-and-prototyping-page .demo-images p {
  color: #878787;
  line-height: 1.66em;
}
.mockups-and-prototyping-page .demo-images:nth-of-type(4) {
  background: #f8f8f8;
}
.page-mockups .mockups-and-prototyping-page .demo-images:nth-of-type(4) figure {
  display: inline-block;
  position: relative;
}
.page-mockups .mockups-and-prototyping-page .demo-images:nth-of-type(4) figure:after {
  background: #006cff;
  content: '';
  height: 100%;
  left: 0;
  opacity: 0.05;
  position: absolute;
  top: 0;
  width: 100%;
}
.mockups-and-prototyping-page .demo-images.collaboration-features h2 {
  margin-bottom: 28px;
}
.mockups-and-prototyping-page figure img {
  margin: 0 auto;
  max-width: 100%;
  border-radius: 8px;
}
.mockups-and-prototyping-page .flex-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.mockups-and-prototyping-page .feature-desc {
  margin: 0 auto auto;
  width: 27%;
}
.mockups-and-prototyping-page .feature-desc:first-of-type {
  margin-left: 0;
}
.mockups-and-prototyping-page .feature-desc:last-of-type {
  margin-right: 0;
}
.mockups-and-prototyping-page [class="^icon-font"]:before {
  font-size: 30px;
}
.mockups-and-prototyping-page .icon-font-document:before {
  color: #006cff;
  content: "\e61d";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-exporting:before {
  color: #006cff;
  content: "\e61e";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-grouping:before {
  color: #006cff;
  content: "\e61f";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-layers:before {
  color: #006cff;
  content: "\e620";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-sitemap:before {
  color: #006cff;
  content: "\e621";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-versioning:before {
  color: #006cff;
  content: "\e622";
  font-size: 14px;
}
.mockups-and-prototyping-page .icon-font-devices:before {
  color: #006cff;
  content: "\e600";
  font-size: 14px;
}
.mockups-and-prototyping-page [class^="icon-font"]:before {
  color: #006cff;
  font-size: 40px;
}
.mockups-and-prototyping-page .icon-font-sketch:before {
  color: #006cff;
  content: "\e614";
  font-size: 38px;
}
.mockups-and-prototyping-page .icon-font-photoshop {
  margin-left: 20px;
}
.mockups-and-prototyping-page .icon-font-photoshop:before {
  color: #006cff;
  content: "\e613";
  font-size: 40px;
}
.mockups-and-prototyping-page .icon-font-arrow:before {
  font-size: 17px;
}
.mockups-and-prototyping-page .join {
  border-top: 1px solid #eee;
}
.prototyping-page .demo-images h2 {
  margin-bottom: 28px;
}
.more-wireframing-features {
  background: #374650;
}
.more-wireframing-features h2 {
  color: #fff;
  margin-bottom: 50px;
}
.more-wireframing-features .flex-wrapper {
  flex-flow: row wrap;
}
.more-wireframing-features .feature-details {
  margin-bottom: 60px;
  margin-right: 4%;
  text-align: center;
  width: 30.666%;
}
.more-wireframing-features .feature-details:nth-of-type(3n) {
  margin-right: 0;
}
.more-wireframing-features .feature-details figure {
  display: inline-block;
}
.more-wireframing-features .feature-details h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  margin: 10px 0 15px;
}
.more-wireframing-features .feature-details p {
  color: #7997a9;
  line-height: 1.66em;
}
.page-pricing .main-header {
  padding-bottom: 90px;
  background: #fff;
}
.page-pricing .main-header h1 {
  padding: 175px 0 25px;
  color: #283842;
  font-weight: 700;
}
.page-pricing .main-header h3 {
  color: #979797;
}
.page-pricing .main-nav a {
  color: #283842;
  cursor: pointer;
  position: relative;
}
.page-pricing .main-nav a:after {
  border-bottom: 1px solid #283842;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.page-pricing .main-nav a:hover:after {
  opacity: 1;
}
.page-pricing .dark-section {
  background: #283842;
  color: #fff;
}
.page-pricing .dark-section h2 {
  color: #fff;
}
.page-pricing .page-description {
  color: #979797;
  font-weight: 400;
}
.page-pricing .scroll-down {
  position: relative;
  color: #4f4f4f;
  font-size: 14px;
  font-weight: 100;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.page-pricing .scroll-down .css-icon-chevron {
  margin-left: -8px;
  bottom: -25px;
  left: 50%;
  display: inline-block;
  width: 16px;
  height: 8px;
  position: absolute;
}
.page-pricing .scroll-down .css-icon-chevron:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 50%;
  background: #4f4f4f;
  transform: skew(0deg, 45deg);
  z-index: -1;
}
.page-pricing .scroll-down .css-icon-chevron:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  width: 50%;
  background: #4f4f4f;
  transform: skew(0deg, -45deg);
  z-index: -1;
}
.page-pricing .flex-wrapper {
  display: flex;
  align-items: stretch;
  align-self: stretch;
}
.page-pricing .flex-wrapper:nth-of-type(2) {
  margin-top: -15px;
}
.page-pricing .pricing-table {
  padding: 50px 0 35px;
}
.page-pricing .pricing-column {
  margin: 0 20px 0 0;
  flex: 1 0;
}
.page-pricing .pricing-column:nth-of-type(2) .pricing-overlay:before {
  content: 'Most popular';
  width: 100%;
  height: 25px;
  border-radius: 2px 2px 0 0;
  position: absolute;
  top: -25px;
  left: 0;
  background: #f07b68;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 25px;
  text-align: center;
  text-transform: uppercase;
}
.page-pricing .pricing-column:last-of-type {
  margin-right: 0;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay {
  display: flex;
  align-items: center;
  flex-flow: column;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .desc,
.page-pricing .pricing-column:last-of-type .pricing-overlay .btn-flat,
.page-pricing .pricing-column:last-of-type .pricing-overlay figure {
  margin: auto 0;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay figure {
  margin-top: 0;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .btn-flat {
  margin-top: 0;
  margin-bottom: 10px;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .phone-number {
  height: auto;
  min-height: 20px;
  color: #fff;
  font-size: 20px;
  line-height: 20px;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .target-desc {
  margin-bottom: 48px;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .desc {
  margin-top: 5px;
  margin-bottom: 32px;
}
.page-pricing .pricing-column:last-of-type .pricing-overlay .card-info {
  position: static;
  margin: 0;
}
.page-pricing .pricing-column .pricing-overlay {
  min-height: 322px;
  padding: 0 15px 15px;
  border-top: 3px solid #f07b68;
  border-radius: 8px;
  position: relative;
  background: linear-gradient(to top, rgba(150, 50, 50, 0) 0%, rgba(60, 82, 96, 0.19) 19%, rgba(60, 82, 96, 0.64) 64%, #3c5260 100%);
  text-align: center;
}
.page-pricing .pricing-column .pricing-overlay .price {
  margin: 0;
  color: #fff;
  font-size: 70px;
  font-weight: 100;
  line-height: 1em;
}
.page-pricing .pricing-column .pricing-overlay .price sup {
  position: relative;
  top: -11px;
  font-size: 0.25em;
  font-weight: 400;
  line-height: 1em;
}
.page-pricing .pricing-column .pricing-overlay .desc {
  min-height: 32px;
  margin: 5px 0 27px;
  color: #85959f;
  font-size: 12px;
  line-height: 1.4em;
}
.page-pricing .pricing-column .pricing-overlay .desc .highlight {
  color: #fff;
}
.page-pricing .pricing-column .pricing-overlay a {
  width: 93%;
  height: 48px;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 48px;
}
.page-pricing .pricing-column .pricing-overlay .btn-ghost {
  min-height: 0;
  min-height: initial;
  border: 1px solid #fff;
  background: none;
  box-shadow: none;
  color: #fff;
  letter-spacing: inherit;
  text-transform: none;
}
.page-pricing .pricing-column .pricing-overlay .btn-ghost:after {
  color: #fff;
}
.page-pricing .pricing-column .pricing-overlay .btn-ghost:hover {
  border-color: #006cff;
}
.page-pricing .pricing-column .pricing-overlay h3 {
  margin: 10px 0 4px;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  text-transform: uppercase;
}
.page-pricing .pricing-column .pricing-overlay .card-info {
  opacity: 0.6;
  position: relative;
  top: 12px;
  color: #909faa;
  font-size: 12px;
}
.page-pricing .pricing-column .pricing-overlay .target-desc {
  min-height: 38px;
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.4em;
}
.page-pricing .plan-features {
  margin-top: 35px;
  color: #fff;
  font-size: 15px;
  line-height: 1.33em;
}
.page-pricing .plan-features header {
  margin-bottom: 33px;
  color: #9daeb9;
  font-style: italic;
}
.page-pricing .plan-features header strong {
  color: #fff;
  font-weight: 800;
}
.page-pricing .plan-features ul {
  margin-bottom: 0;
}
.page-pricing .plan-features ul li {
  display: inline-block;
  margin-bottom: 22px;
  padding: 6px 15px 0 35px;
  position: relative;
  line-height: 1.5em;
}
.page-pricing .plan-features ul li:last-of-type {
  margin-bottom: 0;
}
.page-pricing .plan-features ul li.with-ticker {
  color: #b4c0c8;
}
.page-pricing .plan-features ul li.with-ticker:before {
  position: absolute;
  top: 10px;
  left: 10.5px;
  text-align: center;
  font-family: 'UXPin-Homepage';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  content: "\e627";
  font-size: 16px;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  .page-pricing .plan-features ul li.with-ticker:before {
    top: 10px;
  }
}
.page-pricing .plan-features ul li.with-ticker:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #3c5260;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 11px;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  .page-pricing .plan-features ul li.with-ticker:after {
    left: 10.5px;
  }
}
.page-pricing .plan-features ul li.highlight {
  color: #fff !important;
  font-weight: 700;
}
.page-pricing .plan-features ul li p {
  display: inline;
  margin-bottom: 0;
  background-image: linear-gradient(to left, #969696 0%, #969696 50%, rgba(150, 150, 150, 0) 51%, rgba(150, 150, 150, 0) 100%), linear-gradient(to top, #808080 0%, rgba(128, 128, 128, 0) 8%, rgba(128, 128, 128, 0) 100%);
  background-size: 2px 1px;
  background-position: 0px 17px;
  background-repeat: repeat-x;
  transition: border-color 0.3s ease;
}
.page-pricing .plan-features ul li p:hover {
  background-image: linear-gradient(to left, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%), linear-gradient(to top, #808080 0%, rgba(128, 128, 128, 0) 8%, rgba(128, 128, 128, 0) 100%);
}
.page-pricing .plan-features ul li a {
  border-bottom: 1px solid #5e6a71;
  color: #fff;
}
.page-pricing .pricing-section-header {
  margin-top: 18px;
  border-bottom: 1px dashed #364a56;
  text-align: center;
}
.page-pricing .pricing-section-header h3 {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  bottom: -11px;
  background: #374650;
  color: #536570;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.page-pricing .pricing-section-header:nth-of-type(2) {
  margin-top: 11px;
}
.page-pricing .vat-disclaimer {
  margin: 33px 0 0;
  color: #536570;
  font-size: 13px;
  text-align: center;
}
.page-pricing .faq h2 {
  margin-bottom: 80px;
}
.page-pricing .faq h4 {
  margin-bottom: 20px;
  color: #353535;
  font-size: 19px;
  font-weight: 700;
}
.page-pricing .faq p {
  color: #595959;
  font-size: 15px;
  line-height: 1.5em;
}
.page-pricing .faq p + h4 {
  margin-top: 50px;
}
.page-pricing .faq p:last-of-type {
  margin-bottom: 0;
}
.page-pricing .faq article.faq-column {
  width: calc(30% - 120px);
  margin-right: 60px;
  flex: 1 0 30%;
}
.page-pricing .faq article.faq-column:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .page-pricing .faq article.faq-column:not(:first-of-type) {
    margin-top: 50px;
  }
}
.page-pricing .faq .centering-block {
  display: flex;
  align-items: flex-start;
}
.page-pricing .pricing-disclaimer {
  padding: 40px 0;
}
.page-pricing .pricing-disclaimer .plans-info {
  margin-bottom: 47px;
  color: #6c7b85;
  font-size: 13px;
  line-height: 1.5em;
}
.page-pricing .pricing-disclaimer .app-questions {
  font-size: 22px;
  font-weight: 100;
  line-height: 1.33em;
  text-align: center;
}
.page-pricing .pricing-disclaimer a {
  cursor: pointer;
  position: relative;
}
.page-pricing .pricing-disclaimer a:after {
  border-bottom: 1px solid #006cff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.page-pricing .pricing-disclaimer a:hover:after {
  opacity: 1;
}
.page-pricing .join {
  border-top: 1px solid #eee;
}
.page-pricing .cloud {
  display: block;
  width: 250px;
  margin-top: -100%;
  border-radius: 1px;
  top: auto;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  color: #606060;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.66em;
  pointer-events: none;
}
.page-pricing .cloud:before {
  top: auto;
  bottom: -3px;
}
.page-pricing.monthly .pricing-column:last-of-type .pricing-overlay .btn-flat {
  margin: 82px auto auto;
}
.page-pricing.monthly .pricing-column:last-of-type .pricing-overlay .card-info {
  position: relative;
}
/*
	New features page
*/
.page-features h1,
.page-features h2,
.page-features h3 {
  text-transform: none;
}
.page-features .feature-try-link {
  color: #f07b68;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.page-features .feature-try-link:after {
  border-bottom: 1px solid #f07b68;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.page-features .feature-try-link:hover:after {
  border-color: rgba(240, 123, 104, 0);
}
.page-features .feature-try-link:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #f07b68;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.page-features .feature-try-link:hover:after {
  opacity: 0;
}
.page-features .feature-try-link:after {
  border-color: rgba(240, 123, 104, 0.5);
}
.page-features img path {
  fill: #006cff;
  stroke: #006cff;
}
.page-features .text-section .centering-block {
  display: flex;
  align-items: stretch;
}
.page-features .text-section .feature-try-link {
  color: #595959;
  cursor: pointer;
  position: relative;
}
.page-features .text-section .feature-try-link:after {
  border-bottom: 1px solid #595959;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.page-features .text-section .feature-try-link:hover:after {
  border-color: rgba(89, 89, 89, 0);
}
.page-features .text-section .feature-try-link:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #595959;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.page-features .text-section .feature-try-link:hover:after {
  opacity: 0;
}
.page-features .text-section .feature-try-link:after {
  border-color: rgba(89, 89, 89, 0.5);
}
.page-features .text-section.white-text p {
  color: #fff;
}
.page-features .text-section.white-text .feature-try-link {
  color: #fff;
  cursor: pointer;
  position: relative;
}
.page-features .text-section.white-text .feature-try-link:after {
  border-bottom: 1px solid #fff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.page-features .text-section.white-text .feature-try-link:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
.page-features .text-section.white-text .feature-try-link:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.page-features .text-section.white-text .feature-try-link:hover:after {
  opacity: 0;
}
.page-features .text-section.white-text .feature-try-link:after {
  border-color: rgba(255, 255, 255, 0.5);
}
.page-features .bordered-section:first-of-type {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}
.page-features .main-header {
  background: none;
}
.page-features .main-header:before {
  background: #1b2f3c;
}
.page-features .main-header:after {
  background: url('/images/homepage/bg-top-new-features-new.jpg') no-repeat center;
  background-size: cover;
  filter: grayscale(100%);
  opacity: 0.07;
}
.page-features .main-header h2,
.page-features .main-header h3 {
  text-align: left;
}
.page-features .main-header h1 {
  font-weight: 300;
  padding: 280px 0 18px;
}
.page-features .main-header .page-description {
  margin-bottom: 157px;
  text-align: center;
}
.page-features .main-header .content-wrapper {
  text-align: left;
}
.page-features .btn-ghost-small {
  border: 1px solid #fff;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 19px;
  height: 46px;
  letter-spacing: normal;
  line-height: 46px;
  margin-top: 23px;
  min-height: 46px;
  padding: 0 20px;
  text-transform: none;
}
.page-features .btn-ghost-small .icon-font-arrow {
  margin-left: 8px;
}
.page-features .btn-ghost-small .icon-font-arrow:before {
  color: #fff;
  content: "\e601";
  font-size: 17px;
  position: relative;
  top: 2px;
}
.page-features .btn-ghost-small:before {
  background: #fff;
}
.page-features .btn-ghost-small .overlay {
  color: #777;
  text-align: center;
}
.page-features .btn-ghost-small .overlay .icon-font-arrow:before {
  color: #777;
}
.page-features .main-features {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
}
.page-features .main-features h3 {
  margin: 10px 0 17px;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3em;
}
.page-features .main-features .feature-wrapper {
  width: 365px;
  margin: 0 auto auto;
}
.page-features .main-features .feature-wrapper figure {
  height: 64px;
}
.page-features .main-features .feature-wrapper:first-of-type figure {
  display: flex;
  align-items: center;
}
.page-features .main-features .feature-wrapper:last-of-type {
  width: 350px;
}
.page-features .features-teaser {
  padding: 70px;
}
.page-features .features-teaser h2 {
  margin-bottom: 0;
  text-align: center;
}
.page-features .teaser-column {
  align-items: stretch;
  flex-flow: column;
  display: flex;
  float: left;
  margin-right: 50px;
  min-width: 250px;
  width: 250px;
}
.page-features .teaser-column .testimonial-element {
  margin: auto auto 0;
  color: #a7a7a7;
}
.page-features .teaser-column h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.3em;
}
.page-features .teaser-column p {
  font-size: 20px;
  line-height: 1.33em;
  position: relative;
}
.page-features .teaser-column img {
  border-radius: 50%;
}
.page-features .teaser-column figure {
  align-items: center;
  display: flex;
}
.page-features .teaser-column figure figcaption {
  font-size: 12px;
  margin: auto auto auto 8px;
}
.page-features .teaser-column figure figcaption:before {
  content: '\2013';
  margin-right: 2px;
}
.page-features .content-column {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.page-features .teaser-box {
  height: 335px;
  padding: 20px 30px;
}
.page-features .wireframe .teaser-box {
  background: #006cff;
}
.page-features .mockups .teaser-box {
  background: #13d9d9;
}
.page-features .realistic-ux {
  background: #f8f8f8;
}
.page-features .realistic-ux .teaser-box {
  background: #e83f4f;
}
.page-features .live-share h3 {
  color: #4f4f4f;
}
.page-features .live-share .feature-detail h4 {
  font-weight: 300;
}
.page-features .live-share .feature-detail strong {
  font-weight: 700;
}
.page-features .elements .teaser-box {
  background: #58d6db;
}
.page-features .elements .feature-detail h4 {
  font-weight: 300;
}
.page-features .elements .feature-detail strong {
  font-weight: 700;
}
.page-features .feature-detail {
  margin: 30px 30px 40px 0;
  width: 190px;
}
.page-features .feature-detail figure {
  display: inline-block;
  height: 57px;
}
.page-features .feature-detail h4 {
  color: #353535;
  font-size: 20px;
  line-height: 1.3em;
  margin-bottom: 20px;
}
.page-features .feature-detail p {
  color: #595959;
  font-size: 14px;
  line-height: 1.6em;
}
.page-features .feature-detail .icon-font-photoshop {
  margin-left: 20px;
}
.page-features .feature-detail .icon-font-interactions {
  transform: scale(-1, 1);
}
.page-features .usability-testing {
  background: #e83f4f;
}
.page-features .managing-projects {
  background: #006cff;
}
.page-features .icon-font-usability-testing {
  font-size: 52px;
}
.page-features .icon-font-live-share {
  font-size: 69px;
  position: relative;
  top: -8px;
}
.page-features .icon-font-sketch:before {
  color: #fff;
  content: "\e614";
  font-size: 49px;
}
.page-features .icon-font-photoshop:before {
  color: #fff;
  content: "\e613";
  font-size: 48px;
}
.page-features .icon-font-link {
  margin: auto 10px;
}
.page-features .icon-font-link:before {
  color: #006cff;
  content: "\e610";
  font-size: 8px;
}
.page-features .feature-detail [class^="icon-font-"]:before {
  color: #006cff;
  font-size: 38px;
}
.page-features .usability-testing,
.page-features .managing-projects {
  color: #fff;
}
.page-features .usability-testing [class^="icon-font-"]:before,
.page-features .managing-projects [class^="icon-font-"]:before {
  color: #fff;
}
.page-features .usability-testing h4,
.page-features .managing-projects h4 {
  color: #fff;
}
.page-features .usability-testing .teaser-box,
.page-features .managing-projects .teaser-box,
.page-features .live-share .teaser-box {
  padding-left: 0;
}
.page-features .icon-font-devices:before {
  color: #fff;
  content: "\e600";
  font-size: 14px;
}
.page-features .icon-font-desk:before {
  color: #fff;
  content: "\e609";
  font-size: 14px;
}
.page-features .icon-font-search:before {
  color: #fff;
  content: "\e60e";
  font-size: 14px;
}
.page-features .icon-font-repeat:before {
  color: #fff;
  content: "\e60d";
  font-size: 14px;
}
.page-features .icon-font-animations:before {
  color: #fff;
  content: "\e605";
  font-size: 14px;
}
.page-features .icon-font-interactions:before {
  color: #fff;
  content: "\e60c";
  font-size: 14px;
}
.page-features .icon-font-batch:before {
  color: #fff;
  content: "\e607";
  font-size: 14px;
}
.page-features .icon-font-crop:before {
  color: #fff;
  content: "\e608";
  font-size: 14px;
}
.page-features .icon-font-text:before {
  color: #fff;
  content: "\e60f";
  font-size: 14px;
}
.page-features .icon-font-image-editor:before {
  color: #fff;
  content: "\e60b";
  font-size: 14px;
}
.page-features .icon-font-background-editor:before {
  color: #fff;
  content: "\e606";
  font-size: 14px;
}
.page-features .icon-font-flat-design:before {
  color: #fff;
  content: "\e60a";
  font-size: 14px;
}
.page-features .icon-font-layers:before {
  color: #006cff;
  content: "\e620";
  font-size: 14px;
}
.page-features .icon-font-facebook.icon-font-facebook:before {
  color: #006cff;
  content: "\e61c";
  font-size: 31px;
}
.page-features .icon-font-twitter.icon-font-twitter {
  margin-left: 13px;
  height: auto;
}
.page-features .icon-font-twitter.icon-font-twitter:before {
  color: #006cff;
  content: "\e61b";
  font-size: 21px;
}
.page-features .icon-font-android:before {
  color: #fff;
  content: "\e604";
  font-size: 14px;
}
.page-features .ios-icon figcaption {
  border: 1px solid #006cff;
  color: #006cff;
  font-size: 24px;
  font-weight: 100;
  padding: 6px 11px;
}
.knowledge-page {
  /* Tabs switcher */
  /* Maintenance Page */
}
.knowledge-page .main-header {
  /* TODO - Check if we can go with the image without any gradient */
}
.knowledge-page .main-header:before {
  background: #3b5562;
}
.knowledge-page .main-header:after {
  background: url('/images/homepage/bg-top-knowledge.jpg') no-repeat right center;
  background-size: cover;
}
.knowledge-page .main-header h1 {
  padding-bottom: 33px;
}
.knowledge-page .main-header .page-description {
  color: #cdd1d6;
}
.knowledge-page .join {
  border-top: 1px solid #eee;
}
.knowledge-page .join .signup-legal-note a {
  cursor: pointer;
  position: relative;
}
.knowledge-page .join .signup-legal-note a:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.knowledge-page .join .signup-legal-note a:hover:after {
  border-color: rgba(0, 0, 0, 0);
}
.knowledge-page .join .signup-legal-note a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.knowledge-page .join .signup-legal-note a:hover:after {
  opacity: 0;
}
.knowledge-page .join-transparent {
  margin-top: 180px;
  padding: 27px 0 12px;
  border: none;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
}
.knowledge-page .join-transparent h2 {
  margin-bottom: 23px;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}
.knowledge-page .join-transparent .subscription-disclaimer {
  opacity: 0.5;
  color: #fff;
  font-size: 14px;
  line-height: 1.66em;
}
.knowledge-page .join-transparent .sign-up-form {
  display: inline-block;
  margin: 0 0 23px 0;
}
.knowledge-page .join-transparent .input-email {
  width: 345px;
}
.knowledge-page .join-transparent .btn-flat {
  width: 116px;
}
.knowledge-page .join-transparent label {
  color: #a1a1a1;
}
.knowledge-page .tabs-wrapper {
  padding-top: 63px;
}
.knowledge-page .tabs-nav {
  margin-top: 35px;
  text-align: center;
}
.knowledge-page .tabs-nav ul {
  display: flex;
  align-items: stretch;
}
.knowledge-page .tabs-nav label {
  cursor: pointer;
}
.knowledge-page .tabs-nav li {
  position: relative;
  flex: 1 0;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}
.knowledge-page .tabs-nav li:before {
  content: '';
  opacity: 0;
  width: 100%;
  border-bottom: 2px solid #006cff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
.knowledge-page .tabs-nav li.active:before,
.knowledge-page .tabs-nav li:hover:before {
  opacity: 1;
}
.knowledge-page .tabs-nav li.active a,
.knowledge-page .tabs-nav li:hover a {
  color: #252525;
}
.knowledge-page .tabs-nav li.active figure:before,
.knowledge-page .tabs-nav li:hover figure:before {
  color: #252525;
}
.knowledge-page .tabs-nav li a {
  display: flex;
  padding-bottom: 20px;
  align-items: center;
  color: #878787;
  text-transform: uppercase;
  transition: color 0.3s ease;
}
.knowledge-page .tabs-nav figure,
.knowledge-page .tabs-nav figcaption {
  margin: auto;
}
.knowledge-page .tabs-nav figure {
  margin-right: 12px;
}
.knowledge-page .tabs-nav figure:before {
  line-height: 1.5em;
  transition: color 0.3s ease;
}
.knowledge-page .tabs-nav figcaption {
  margin-left: 0;
}
.knowledge-page .tabs-nav .icon-font-plan-pro:before {
  color: #979797;
  content: "\e624";
  font-size: 25px;
}
.knowledge-page .tabs-nav .icon-font-book:before {
  color: #878787;
  content: "\e664";
  font-size: 25px;
}
.knowledge-page .tabs-nav .icon-font-other:before {
  color: #878787;
  content: "\e665";
  font-size: 29px;
}
.knowledge-page .tab-wrapper {
  margin-top: -1px;
  padding: 50px 0 0;
  border-top: 1px solid #e9e9e9;
}
.knowledge-page .tab-wrapper .centering-block {
  display: flex;
  width: 1030px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: row wrap;
}
.knowledge-page .tab-wrapper img {
  max-width: 100%;
}
.knowledge-page .tab-wrapper .element-wrapper {
  max-width: 23%;
  margin: auto 1% 50px;
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  flex: 1 0 23%;
  flex-shrink: 1;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .knowledge-page .tab-wrapper .element-wrapper {
    max-width: 48%;
    flex-basis: 48%;
  }
}
@media only screen and (max-width: 385px) {
  .knowledge-page .tab-wrapper .element-wrapper {
    max-width: 98%;
    flex-basis: 98%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .knowledge-page .tab-wrapper .element-wrapper {
    max-width: 31%;
    flex-basis: 31%;
  }
}
.knowledge-page .tab-wrapper .element-wrapper:before {
  content: '';
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.3);
  transition: opacity 0.3s ease;
}
.knowledge-page .tab-wrapper .element-wrapper:hover:before {
  opacity: 1;
}
.knowledge-page .tab-wrapper .element-wrapper figure {
  position: relative;
}
.knowledge-page .tab-wrapper .element-wrapper .image-overlay {
  display: flex;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  flex-flow: column;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.knowledge-page .tab-wrapper .element-wrapper .image-overlay .icon-font-download:before {
  color: #fd7820;
  content: "\e662";
  font-size: 61px;
}
.knowledge-page .tab-wrapper .element-wrapper .image-overlay p,
.knowledge-page .tab-wrapper .element-wrapper .image-overlay figure {
  margin: auto;
  transition: transform 0.3s ease;
}
.knowledge-page .tab-wrapper .element-wrapper .image-overlay p {
  margin-top: 10px;
  transform: translate(0, 300px);
  color: #fff;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.knowledge-page .tab-wrapper .element-wrapper .image-overlay figure {
  margin-bottom: 0;
  transform: translate(0, -300px);
}
.knowledge-page .tab-wrapper .element-wrapper h3 {
  display: flex;
  height: 70px;
  padding: 15px;
  align-items: center;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3em;
  /* TODO - refactor to not use span here if possible */
}
@media only screen and (min-width: 385px) and (max-width: 430px) {
  .ebooks-wrapper .knowledge-page .tab-wrapper .element-wrapper h3 {
    height: 100px;
  }
}
.knowledge-page .tab-wrapper .element-wrapper h3 span {
  margin: auto;
}
.knowledge-page .tab-wrapper .element-wrapper footer {
  padding: 0 15px;
  border-top: 1px solid #e9e9e9;
  color: #ccc;
  font-size: 11px;
  line-height: 34px;
}
.knowledge-page .tab-wrapper .element-wrapper footer .icon-font-download {
  margin-right: 5px;
}
.knowledge-page .tab-wrapper .element-wrapper footer .icon-font-download:before {
  color: #ccc;
  content: "\e662";
  font-size: 12px;
  position: relative;
  top: 2px;
  font-weight: bold;
}
.knowledge-page .tab-wrapper .element-wrapper footer .icon-font-heart {
  margin: 0 5px 0 15px;
}
.knowledge-page .tab-wrapper .element-wrapper footer .icon-font-heart:before {
  color: #ccc;
  content: "\e663";
  font-size: 14px;
  position: relative;
  top: 2px;
}
.knowledge-page .tab-wrapper .element-wrapper:hover .image-overlay {
  opacity: 1;
}
.knowledge-page .tab-wrapper .element-wrapper:hover .image-overlay p,
.knowledge-page .tab-wrapper .element-wrapper:hover .image-overlay figure {
  transform: translate(0, 0);
}
.knowledge-page .tab-wrapper .image-wrapper {
  padding: 8px 8px 0 8px;
}
.knowledge-page .tab-wrapper.libraries-wrapper .element-wrapper {
  max-width: 31%;
  flex: 1 0 31%;
}
@media only screen and (max-width: 767px) {
  .knowledge-page .tab-wrapper.libraries-wrapper .element-wrapper {
    max-width: 48%;
    flex-basis: 48%;
  }
}
@media only screen and (max-width: 460px) {
  .knowledge-page .tab-wrapper.libraries-wrapper .element-wrapper {
    max-width: 327px;
    flex-basis: 98%;
  }
}
.knowledge-page .tab-wrapper.libraries-wrapper .element-wrapper img {
  width: 100%;
}
.knowledge-page .companies-bar {
  border: none;
  background: #f8f8f8;
}
.knowledge-page .tab-wrapper {
  display: none;
}
.knowledge-page .tab-wrapper.libraries-wrapper .centering-block {
  width: 1020px;
}
.knowledge-page .tab-switcher {
  position: absolute;
  left: -9999px;
}
.knowledge-page .tab-switcher:checked#libraries-tab ~ .tabs-nav .libraries-label-wrapper:before {
  opacity: 1;
}
.knowledge-page .tab-switcher:checked#libraries-tab ~ .tabs-nav .libraries-label-wrapper a {
  color: #252525;
}
.knowledge-page .tab-switcher:checked#libraries-tab ~ .tabs-nav .libraries-label-wrapper figure:before {
  color: #252525;
}
.knowledge-page .tab-switcher:checked#libraries-tab ~ .libraries-wrapper {
  display: block;
}
.knowledge-page .tab-switcher:checked#ebooks-tab ~ .tabs-nav .ebooks-label-wrapper:before {
  opacity: 1;
}
.knowledge-page .tab-switcher:checked#ebooks-tab ~ .tabs-nav .ebooks-label-wrapper a {
  color: #252525;
}
.knowledge-page .tab-switcher:checked#ebooks-tab ~ .tabs-nav .ebooks-label-wrapper figure:before {
  color: #252525;
}
.knowledge-page .tab-switcher:checked#ebooks-tab ~ .ebooks-wrapper {
  display: block;
}
.knowledge-page .maintenance-wrapper {
  width: 630px !important;
}
.knowledge-page .maintenance-wrapper .flex-wrapper {
  display: flex;
  margin-top: 45px;
  align-items: center;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .img-wrapper,
.knowledge-page .maintenance-wrapper .flex-wrapper .content-wrapper {
  margin: auto;
  flex: 1 1;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .img-wrapper {
  margin-left: 0;
  text-align: center;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .img-wrapper img {
  display: inline-block;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .content-wrapper {
  margin-right: 0;
  text-align: left;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .content-wrapper h2 {
  margin-bottom: 33px;
  text-align: left;
}
.knowledge-page .maintenance-wrapper .flex-wrapper .content-wrapper p {
  margin-bottom: 36px;
  line-height: 1.66em;
}
.knowledge-page .maintenance-wrapper .disclaimer {
  width: 390px;
  margin-top: 10px;
  margin-bottom: 0;
  padding: 0;
  float: left;
  clear: both;
  color: #a0a0a0;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
#testimonials .main-header {
  height: 797px;
  position: relative;
  background: url('/images/homepage/testimonials/header-bg.jpg') no-repeat center center;
  background-size: cover;
}
#testimonials .main-header:after {
  content: '';
  width: 327px;
  height: 327px;
  margin: auto;
  border: 4px solid #d8994d;
  position: absolute;
  right: 0;
  bottom: -71px;
  left: 0;
  z-index: 0;
}
#testimonials .main-header .content-wrapper {
  position: relative;
  z-index: 1;
  transform: translateY(59px);
}
#testimonials .main-header .header {
  color: #fff;
  font-size: 63px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 112%;
}
#testimonials .main-header .check-why {
  display: inline-block;
  margin-top: 11px;
  padding-bottom: 20px;
  position: relative;
  color: #8e8e8e;
  font-size: 20px;
  font-weight: 500;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
#testimonials .main-header .check-why:after {
  content: '';
  width: 0;
  height: 0;
  margin: auto;
  border-width: 6px;
  border-style: solid;
  border-color: #8e8e8e transparent transparent;
  position: absolute;
  top: 35px;
  right: 0;
  left: 0;
}
#testimonials .main-header .check-why:hover {
  color: #a8a8a8;
}
#testimonials .main-header .check-why:hover:after {
  border-top-color: #a8a8a8;
}
@media only screen and (max-width: 767px) {
  #testimonials .main-header:after {
    width: 237px;
    height: 237px;
  }
  #testimonials .main-header .content-wrapper {
    transform: translateY(89px);
  }
  #testimonials .main-header .header {
    font-size: 33px;
  }
  #testimonials .main-header .check-why {
    font-size: 16px;
  }
  #testimonials .main-header .check-why:after {
    top: 30px;
  }
}
#testimonials .companies-bar {
  padding-top: 114px;
  padding-bottom: 140px;
  border: none;
  background-color: #f1f1f1;
}
#testimonials .companies-bar h3 {
  margin-bottom: 68px;
  color: #9e9e9e;
  font-size: 13px;
  letter-spacing: 0.2em;
}
#testimonials .join {
  padding-top: 68px;
  padding-bottom: 85px;
}
#testimonials .join button {
  border-radius: 8px;
  background: #006cff;
}
#testimonials .join button:hover {
  background: #0061e6;
}
.page-customers .main-header {
  padding-bottom: 40px;
}
.page-customers h1 {
  padding: 175px 0 25px;
  color: #374650;
  font-weight: 300;
}
.page-customers .page-description {
  margin-top: 58px;
  color: #979797;
  font-size: 18px;
}
.page-customers .dark-section {
  background: #283842;
}
.page-customers .dark-section h2 {
  color: #fff;
}
.page-customers .companies-bar {
  padding: 70px 0 90px;
}
.page-customers .companies-bar h3 {
  margin-bottom: 67px;
  letter-spacing: 0.2em;
}
.page-customers .testimonials-section .centering-block {
  width: 1060px;
}
.page-customers .flex-wrapper {
  display: flex;
  align-items: stretch;
  flex-flow: wrap;
}
.page-customers .testimonial {
  display: flex;
  flex: 1 0 33%;
  flex-flow: column;
  padding: 50px 33px 90px;
  position: relative;
  color: #fff;
}
@media screen and (max-width: 415px) {
  .page-customers .testimonial {
    padding-bottom: 50px;
  }
}
.page-customers .testimonial .close-button {
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.page-customers .testimonial .close-button:before {
  content: '\00D7';
  font-size: 25px;
}
.page-customers .testimonial .close-button:hover {
  transform: rotate(90deg);
}
.page-customers .testimonial .full-testimonial {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 50px 33px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: #006cff;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.page-customers .testimonial .full-testimonial .testimonial-content {
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.6em;
}
.page-customers .testimonial .full-testimonial.active {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}
.page-customers .testimonial figure {
  display: flex;
  margin: auto 0 0;
  align-items: center;
  font-size: 14px;
  line-height: 1.33em;
}
.page-customers .testimonial figure img,
.page-customers .testimonial figure figcaption {
  margin: auto;
}
.page-customers .testimonial figure img {
  min-width: 67px;
  margin: auto 15px auto 0;
  border-radius: 50%;
}
.page-customers .testimonial figure figcaption {
  margin-left: 0;
}
.page-customers .testimonial figure strong {
  color: #fff;
}
.page-customers .testimonial figure p {
  margin-bottom: 0;
  color: #b1bcc3;
  font-size: 14px;
}
.page-customers .testimonial p {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 1.33em;
}
.page-customers blockquote {
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.page-customers blockquote:after {
  content: '';
  width: 45px;
  height: 42px;
  position: absolute;
  top: -18px;
  left: -28px;
  z-index: -1;
  background: url('/images/homepage/customers/open-quote.svg') no-repeat center;
  background-size: 45px;
}
.page-customers .read-more-link {
  color: #006cff;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.page-customers .read-more-link:after {
  border-bottom: 1px solid #006cff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.page-customers .read-more-link:hover:after {
  border-color: rgba(0, 108, 255, 0);
}
.page-customers .read-more-link:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #006cff;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.page-customers .read-more-link:hover:after {
  opacity: 0;
}
.page-customers .read-more-link:after {
  border-color: rgba(0, 108, 255, 0.5);
}
/* Twitter section */
.tweets-section {
  padding-bottom: 110px;
  background: #f8f8f8;
}
.tweets-section h2 {
  color: #006cff;
}
.tweets-section .slider-wrapper {
  min-height: 270px;
  position: relative;
}
.tweets-section .slide {
  height: 100%;
  width: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  transition: opacity 0.3s ease;
}
.tweets-section .slide.active {
  opacity: 1;
}
.tweets-section .slide footer {
  font-size: 14px;
}
.tweets-section .slide .name {
  color: #363636;
}
.tweets-section .slide .name:before {
  content: '\2013';
  padding-right: 2px;
}
.tweets-section .slide .position {
  color: #8c8c8c;
}
.tweets-section .slide .tweet-content {
  margin-bottom: 30px;
}
.tweets-section .slider-nav {
  display: flex;
  position: absolute;
  bottom: -23px;
  left: 50%;
  align-items: center;
  transform: translate(-50%, 0);
}
.tweets-section .slider-nav a {
  width: 13px;
  height: 13px;
  margin: auto 15px auto auto;
  border: 1px solid #006cff;
  border-radius: 50%;
  background: #006cff;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.tweets-section .slider-nav a:last-of-type {
  margin-right: auto;
}
.tweets-section .slider-nav a.active {
  background: rgba(255, 255, 255, 0);
}
.tweets-section .slider-nav a:hover {
  opacity: 0.7;
}
.tweets-section .icon-font-twitter {
  display: inline-block;
  width: 78px;
  height: 78px;
  margin-right: 10px;
  border-radius: 50%;
  background: #fff;
  line-height: 78px;
}
.tweets-section .icon-font-twitter:before {
  color: #006cff;
  content: "\e666";
  font-size: 30px;
  line-height: 78px;
}
.tweets-section .tweet-content {
  color: #006cff;
  font-size: 33px;
  font-weight: 100;
  line-height: 1.33em;
  text-align: center;
}
/* TODO - remove unnecessary styles */
#homepage-fullscreen {
  position: relative;
  overflow: visible;
  transition: transform 0.3s ease-out;
}
#homepage-fullscreen.top-info-badge:not(.hide-badge) {
  transform: translateY(54px);
}
#homepage-fullscreen .centering-block {
  margin: 0 auto;
}
#homepage-fullscreen #site-layer {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 150px 0 0 0;
  top: 0;
  left: 0;
  background: rgba(24, 32, 40, 0.9);
  z-index: 3;
  transform: translateZ(0);
  text-align: center;
  color: #FFF;
  overflow: hidden;
  transition: background 0.2s ease-out;
}
#homepage-fullscreen #site-layer .centering-block {
  width: 970px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -241px 0 0 -485px;
}
@media (max-width: 980px) {
  #homepage-fullscreen #site-layer .centering-block {
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto;
    padding-bottom: 50px;
  }
}
@media (max-width: 980px) {
  #homepage-fullscreen #site-layer {
    height: auto;
    background: #182028;
    overflow: visible;
  }
}
@media screen and (max-width: 768px) {
  #homepage-fullscreen #site-layer {
    padding-top: 180px;
  }
}
#homepage-fullscreen #site-layer h1,
#homepage-fullscreen #site-layer h2 {
  tramsition: opacity 0.2s ease-out;
}
#homepage-fullscreen #site-layer h1 {
  font-size: 48px;
  font-weight: 300;
  margin: 0 auto 20px auto;
}
#homepage-fullscreen #site-layer h1 + h2 {
  color: #bbc0c5;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 60px 0;
}
@media (max-width: 980px) {
  #homepage-fullscreen #site-layer h1 {
    line-height: 46px;
  }
}
#homepage-fullscreen #site-layer fieldset {
  width: 564px;
  margin: 0 auto;
  text-align: left;
}
@media (max-width: 770px) {
  #homepage-fullscreen #site-layer fieldset {
    width: 90%;
  }
}
#homepage-fullscreen #site-layer fieldset h3 {
  width: 340px;
  float: left;
  font-size: 18px;
  line-height: 18px;
}
#homepage-fullscreen #site-layer fieldset h3 small {
  font-weight: normal;
  font-size: 12px;
  color: #d8dadb;
  display: block;
}
#homepage-fullscreen #site-layer fieldset.full-form {
  width: 854px;
  text-align: center;
}
@media (max-width: 980px) {
  #homepage-fullscreen #site-layer fieldset.full-form {
    width: 730px;
  }
}
@media (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset.full-form {
    width: 100%;
    float: none;
  }
}
#homepage-fullscreen #site-layer fieldset.full-form h3 {
  text-align: left;
}
@media (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset.full-form h3 {
    float: none;
    width: 100%;
    margin: 0 auto 9px auto;
    clear: both;
    line-height: 1.33em;
    text-align: left;
  }
}
#homepage-fullscreen #site-layer fieldset.full-form .form {
  width: 490px;
  float: right;
}
@media (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset.full-form .form {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 769px) and (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset.full-form .form {
    max-width: 500px;
  }
}
#homepage-fullscreen #site-layer fieldset .form button {
  width: 180px;
}
@media (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset .form button {
    width: 100%;
  }
}
#homepage-fullscreen #site-layer fieldset .form input[type=text] {
  float: left;
  margin: 0 10px 0 0;
  width: 300px;
  transition: box-shadow 0.2s ease-out;
}
@media (max-width: 980px) {
  #homepage-fullscreen #site-layer fieldset .form input[type=text] {
    width: 192px;
  }
}
@media (max-width: 850px) {
  #homepage-fullscreen #site-layer fieldset .form input[type=text] {
    float: none;
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 2px;
  }
}
#homepage-fullscreen #demo {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  transform: rotate(0);
}
@media (max-width: 980px) {
  #homepage-fullscreen #demo {
    display: none;
  }
}
#homepage-fullscreen #demo video {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateZ(0);
}
#homepage-fullscreen #clients {
  height: 150px;
  border-bottom: 1px solid #e9e9e9;
}
@media (max-width: 770px) {
  #homepage-fullscreen #clients {
    height: auto;
    padding: 20px 0;
  }
}
#homepage-fullscreen #clients .centering-block {
  width: 900px;
  margin: 0 auto;
}
#homepage-fullscreen #clients .centering-block li {
  float: left;
  width: 180px;
  height: 150px;
  position: relative;
}
@media (max-width: 770px) {
  #homepage-fullscreen #clients .centering-block li {
    float: none;
    width: 100%;
    height: 60px;
    margin: 0 auto;
  }
}
#homepage-fullscreen #clients .centering-block li img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#video-modal {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 25px #000;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
  z-index: -1;
}
#video-modal.show {
  opacity: 1;
  visibility: visible;
  z-index: 1001;
}
#video-modal .close-modal {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  color: #333;
  background: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
#video-modal .close-modal:hover {
  color: #fff;
  background: #333;
}
#video-modal > iframe {
  width: 700px;
  height: 394px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -197px 0 0 -350px;
}
.promoBar {
  /* bar on top of page with promo informations */
  width: 100%;
  height: 33px;
  font-size: 12px;
  text-align: center;
  line-height: 33px;
}
.promoBar strong {
  font-size: 14px;
}
.infoBar {
  padding: 30px 0;
  width: 100%;
  font-size: 18px;
  text-align: center;
}
/* Fixing Colorbox styles */
#ContentWrapper {
  background: #ffffff;
  padding: 10px;
}
#colorbox,
#cboxOverlay,
#cboxWrapper {
  overflow: inherit;
}
#cboxContent,
#cboxLoadedContent {
  background: #fff;
}
.homepage-original {
  height: 100%;
}
.homepage-original input[type="text"] {
  font-family: 'ProximaNova', sans-serif;
}
.homepage-original :-ms-input-placeholder,
.homepage-original ::-moz-placeholder,
.homepage-original ::-webkit-input-placeholder {
  color: #a1a1a1 !important;
  font-family: 'ProximaNova', sans-serif;
  opacity: 1;
}
.homepage-original label {
  color: #a1a1a1;
}
.homepage-original .top-bar .sign-up-link {
  display: none;
}
.homepage-original#homepage-fullscreen button {
  background-color: #006cff !important;
  transition: background-color 0.2s ease-out;
}
.homepage-original#homepage-fullscreen button:hover {
  background-color: #0061e6 !important;
}
.homepage-original#homepage-fullscreen #site-layer .centering-block {
  margin: auto;
  top: 50%;
}
.no-video .homepage-original#homepage-fullscreen #site-layer .centering-block {
  top: 50%;
}
@media screen and (min-width: 981px) and (max-width: 1023px) {
  .homepage-original#homepage-fullscreen #site-layer .centering-block {
    margin: -90px 0 0 -485px !important;
  }
}
@media screen and (min-width: 1024px) {
  .homepage-original#homepage-fullscreen #site-layer .centering-block {
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-height: 800px) and (min-width: 1024px) {
  .homepage-original#homepage-fullscreen #site-layer .centering-block {
    top: 50%;
  }
  .no-video .homepage-original#homepage-fullscreen #site-layer .centering-block {
    top: 50%;
  }
}
.homepage-original#homepage-fullscreen #site-layer h1 + h2 {
  margin-bottom: 90px;
}
@media screen and (max-height: 800px) and (min-width: 1024px) {
  .homepage-original#homepage-fullscreen #site-layer h1 + h2 {
    margin-bottom: 50px;
  }
}
.homepage-original#homepage-fullscreen #site-layer .play {
  margin-bottom: 120px;
}
@media screen and (max-height: 800px) and (min-width: 1024px) {
  .homepage-original#homepage-fullscreen #site-layer .play {
    margin-bottom: 85px;
  }
}
.homepage-original#homepage-fullscreen #site-layer fieldset h3 {
  color: #fff;
  font-weight: 700;
}
.homepage-original#homepage-fullscreen #site-layer fieldset.full-form.trial-duration-7 {
  max-width: 100%;
  width: 730px;
}
.homepage-original#homepage-fullscreen #site-layer fieldset.full-form.trial-duration-7 h3 {
  padding: 6px 0;
  width: 235px;
}
.homepage-original#homepage-fullscreen #site-layer .form #email {
  width: 275px !important;
}
@media screen and (max-width: 768px) {
  .homepage-original#homepage-fullscreen #site-layer .form #email {
    width: 100% !important;
  }
}
.homepage-original#homepage-fullscreen #site-layer form {
  float: left;
  position: relative;
}
.homepage-original#homepage-fullscreen #site-layer form #SignUpEmailTip,
.homepage-original#homepage-fullscreen #site-layer form .error-tip {
  bottom: -28px;
  left: 0;
  position: absolute;
}
.homepage-original#homepage-fullscreen #site-layer form #SignUpEmailTip span,
.homepage-original#homepage-fullscreen #site-layer form .error-tip span {
  width: 275px;
}
.homepage-original#homepage-fullscreen #site-layer button {
  height: 46px;
  font-size: 16px;
  line-height: 46px;
  padding: 0 15px;
  width: auto !important;
}
@media screen and (max-width: 768px) {
  .homepage-original#homepage-fullscreen #site-layer button {
    width: 100% !important;
  }
}
.homepage-original .companies-bar {
  padding: 50px 0;
}
.homepage-original .companies-bar h3 {
  display: none;
}
.homepage-original .join {
  background: #fafafa;
}
.homepage-original .companies-bar .logos-wrapper figure {
  flex: 1 1;
}
.homepage-original .testimonials {
  border-top: none;
}
@media screen and (max-width: 768px) {
  .homepage-original .testimonials h2 {
    margin-bottom: 35px;
    position: static;
  }
}
.testimonials-slider {
  min-height: 400px;
  padding: 50px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .testimonials-slider .testimonials-nav {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .testimonials-slider {
    padding: 0;
  }
}
.testimonials-slider .slide {
  position: absolute;
  top: 0;
}
@media screen and (max-width: 768px) {
  .testimonials-slider .slide {
    margin-bottom: 50px;
    opacity: 1;
    position: relative;
    visibility: visible;
  }
  .testimonials-slider .slide:last-of-type {
    margin-bottom: 0;
  }
}
.testimonials-slider figure {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .testimonials-slider figure {
    display: block;
  }
}
.testimonials-slider figure .img-wrapper,
.testimonials-slider figure blockquote {
  flex: 1 1;
  margin: auto;
  position: relative;
}
.testimonials-slider figure .img-wrapper {
  display: flex;
  flex-flow: column;
  text-align: center;
}
.testimonials-slider figure .img-wrapper img {
  position: relative;
  width: auto;
}
.testimonials-slider figure .img-wrapper footer {
  position: static;
}
.testimonials-slider figure .img-wrapper footer:before {
  display: none;
}
.testimonials-slider figure .img-wrapper .img-container {
  margin: 0 auto 15px;
  position: relative;
  width: 126px;
}
.testimonials-slider figure .img-wrapper .company-logo {
  border-radius: 50%;
  bottom: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  height: 57px;
  right: -28px;
  width: 57px;
  position: absolute;
}
.testimonials-slider figure .img-wrapper .company-logo img {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.testimonials-slider figure .img-wrapper .company-logo img.adidas {
  width: 35px;
}
.testimonials-slider figure .img-wrapper .company-logo img.citrix {
  width: 43px;
}
.testimonials-slider figure .img-wrapper .company-logo img.paypal {
  width: 45px;
}
.testimonials-slider figure figcaption {
  color: #a0a0a0;
  font-size: 13px;
  line-height: 1.8em;
  padding-left: 0;
}
.testimonials-slider figure figcaption span {
  color: #000;
  font-weight: 700;
}
.testimonials-slider figure blockquote {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .testimonials-slider figure blockquote {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.66em;
    margin-top: 6px;
    text-indent: 0;
  }
}
.page-about-us .main-header {
  align-items: center;
  display: flex;
  height: 400px;
  margin-top: 92px;
  padding: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-about-us .main-header {
    height: auto;
  }
}
.page-about-us .main-header .page-description {
  color: #151515;
  font-size: 14px;
  letter-spacing: 0.2em;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.page-about-us .main-header h1 {
  color: #151515;
  font-weight: 300;
  font-size: 50px;
  margin: 40px 0 0 0;
  padding: 0;
}
.page-about-us .main-header h1 strong {
  font-weight: 700;
}
.page-about-us .main-header .content-wrapper {
  margin: auto auto 55px auto;
  z-index: 2;
}
.page-about-us .main-header:before {
  content: '';
  position: absolute;
  color: #006cff;
  width: 100%;
  z-index: 1;
  height: 350px;
  opacity: 0.8;
  bottom: 0;
  left: 0;
  top: auto;
}
.page-about-us .top-bar .logo {
  top: 13px;
}
.page-about-us .top-bar .main-nav {
  margin-top: 36px;
}
.page-about-us .main-section h2,
.page-about-us .main-section h3 {
  color: #151515;
}
@media only screen and (max-width: 767px) {
  .page-about-us .main-section h2,
  .page-about-us .main-section h3 {
    text-align: center;
  }
}
.page-about-us .main-section p {
  margin-bottom: 32px;
  color: #666;
  font-size: 18px;
  line-height: 166%;
}
@media only screen and (max-width: 767px) {
  .page-about-us .main-section p {
    text-align: center;
  }
}
.page-about-us .platform-desc {
  padding: 120px 0 0;
}
.page-about-us .platform-desc .flex-wrapper {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .page-about-us .platform-desc .flex-wrapper {
    flex-wrap: wrap;
  }
}
.page-about-us .platform-desc .half-width {
  width: 50%;
  margin: 0 auto auto;
}
@media only screen and (max-width: 767px) {
  .page-about-us .platform-desc .half-width {
    width: 100%;
    margin-bottom: 12px;
  }
}
.page-about-us .join-us {
  text-align: center;
}
.boxed-area {
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
}
.boxed-area .flex-element {
  margin: auto;
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .boxed-area .flex-element {
    width: 100%;
  }
}
.boxed-area .team-box {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.boxed-area .team-box figure {
  margin: 0;
  position: relative;
  width: 50%;
}
.boxed-area .team-box figure.double-width {
  width: 100%;
}
.boxed-area .team-box figure img {
  height: auto;
  width: 100%;
}
.boxed-area figcaption {
  bottom: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 30px;
  line-height: 1;
  position: absolute;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .boxed-area figcaption {
    bottom: 15px;
    left: 15px;
  }
}
.boxed-area figcaption span {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.boxed-area .big-box {
  background: #006cff;
  padding-bottom: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .boxed-area .big-box {
    padding-bottom: 175%;
  }
}
.boxed-area .big-img-wrapper {
  color: #fff;
  position: relative;
}
.boxed-area .big-img-wrapper a,
.boxed-area .big-img-wrapper h3,
.boxed-area .big-img-wrapper p {
  color: #fff;
}
.boxed-area .big-img-wrapper small {
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.boxed-area .big-img-wrapper.mountain-view {
  background: url('/images/homepage/about-us/location-mountain-view.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.gdynia {
  background: url('/images/homepage/about-us/location-gdynia.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.team-lunch {
  background: url('/images/homepage/about-us/team-lunch.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.christmas-party {
  background: url('/images/homepage/about-us/christmas-party.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.park {
  background: url('/images/homepage/about-us/park.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.year-summary {
  background: url('/images/homepage/about-us/year-summary.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.company-retreat {
  background: url('/images/homepage/about-us/company-retreat.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.uxpin-girls {
  background: url('/images/homepage/about-us/uxpin-girls.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.uxtreme-camp {
  background: url('/images/homepage/about-us/uxtreme_camp_2015.jpg') no-repeat center;
}
.boxed-area .big-img-wrapper.big-img-wrapper {
  background-size: cover;
}
.boxed-area .box-content {
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.boxed-area .box-content p,
.boxed-area .box-content h3 {
  margin-bottom: 45px;
}
.boxed-area .box-content .btn-outline {
  background: none;
  border-radius: 3px;
  border: 1px solid #fff;
  display: inline-block;
  font-weight: 700;
  padding: 15px 30px;
  transition: color 0.3s ease, background 0.3s ease;
}
.boxed-area .box-content .btn-outline:hover {
  background: #fff;
  color: #006cff;
}
.boxed-area .with-inner-shadow:before {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0) 100%);
  background-position: bottom center;
  background-size: 100% 25%;
  background-repeat: no-repeat;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.page-jobs {
  /* Styles for square boxes */
  /* Customers */
}
.page-jobs .main-header {
  align-items: center;
  background: url('/images/jobs/jobs_header.jpg') no-repeat center;
  background-size: cover;
  display: flex;
  height: 719px;
  padding: 0;
  position: relative;
}
.page-jobs .main-header .page-description {
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.2em;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.page-jobs .main-header h1 {
  font-weight: 300;
  font-size: 70px;
  margin: 0;
  padding: 0;
}
.page-jobs .main-header h1 strong {
  font-weight: 700;
}
.page-jobs .main-header .content-wrapper {
  width: 1180px;
  margin: 304px auto auto auto;
  z-index: 2;
}
.page-jobs .main-header:before {
  content: '';
  position: absolute;
  color: #006cff;
  width: 100%;
  background: linear-gradient(to top, #3498db 0%, rgba(52, 152, 219, 0.95) 30%, rgba(52, 152, 219, 0.5) 60%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  height: 550px;
  opacity: 0.9;
  bottom: 0;
  left: 0;
  top: auto;
}
.page-jobs .main-header .work-reasons {
  margin-top: 134px;
}
.page-jobs .main-header .work-reasons ol {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: flex-start;
  counter-reset: item;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.page-jobs .main-header .work-reasons ol li {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-content: center;
  align-items: flex-start;
  flex: 1 0 20%;
  max-width: 190px;
  position: relative;
}
.page-jobs .main-header .work-reasons ol li h3,
.page-jobs .main-header .work-reasons ol li:before,
.page-jobs .main-header .work-reasons ol li p {
  margin: 0 auto;
  color: #fff;
}
.page-jobs .main-header .work-reasons ol li h3,
.page-jobs .main-header .work-reasons ol li:before {
  font-size: 20px;
  font-weight: 700;
}
.page-jobs .main-header .work-reasons ol li p {
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}
.page-jobs .main-header .work-reasons ol li .line,
.page-jobs .main-header .work-reasons ol li:after {
  display: block;
  position: absolute;
  height: 1px;
  top: 11px;
  background-color: #fff;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.page-jobs .main-header .work-reasons ol li .line {
  width: 9999px;
}
.page-jobs .main-header .work-reasons ol li:before {
  content: counter(item);
  counter-increment: item;
  margin-bottom: 13px;
}
.page-jobs .main-header .work-reasons ol li:after {
  content: '';
  display: block;
  width: 107%;
  left: 111px;
}
.page-jobs .main-header .work-reasons ol li:first-of-type .line {
  right: 113px;
}
.page-jobs .main-header .work-reasons ol li:last-of-type {
  max-width: 230px;
}
.page-jobs .main-header .work-reasons ol li:last-of-type .line {
  left: 130px;
}
.page-jobs .main-header .work-reasons ol li:last-of-type:after {
  content: none;
}
.page-jobs .main-header .work-reasons ol li:nth-of-type(4):after {
  width: 119%;
}
@media screen and (max-width: 1190px) {
  .page-jobs .main-header .work-reasons ol li .line,
  .page-jobs .main-header .work-reasons ol li:after {
    opacity: 0;
  }
}
@media screen and (max-width: 1024px) {
  .page-jobs .main-header {
    display: none;
  }
}
.page-jobs .box-content {
  z-index: 2;
}
.page-jobs .open-positions {
  padding-top: 60px;
  text-align: center;
}
.page-jobs .open-positions h2 {
  color: #151515;
  font-size: 36px;
}
.page-jobs .open-positions .centering-block {
  width: 1440px;
}
.page-jobs .open-positions .flex-wrapper {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-jobs .positions-category {
  align-self: stretch;
  align-items: flex-start;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  flex-wrap: wrap;
  margin: 0 4px 4px auto;
  padding-bottom: 25px;
  width: calc(50% - 4px);
}
.page-jobs .positions-category:nth-of-type(odd) {
  margin-left: 0;
}
.page-jobs .positions-category .positions-subsection {
  margin-top: 15px;
}
.page-jobs .positions-category figure img {
  margin: 30px auto 15px;
}
.page-jobs .positions-category header {
  height: 80px;
}
.page-jobs .positions-category header,
.page-jobs .positions-category section {
  width: 100%;
}
.page-jobs .positions-category h3 {
  color: #151515;
  font-size: 24px;
  line-height: 1.33;
  text-transform: uppercase;
}
.page-jobs .positions-category h4 {
  color: #a8a8a8;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  position: relative;
  text-transform: uppercase;
}
.page-jobs .positions-category h4 span {
  display: inline-block;
  background: #fff;
  padding: 10px 40px;
  position: relative;
  z-index: 1;
}
.page-jobs .positions-category ul {
  margin: 8px 0;
}
.page-jobs .positions-category ul li {
  margin-bottom: 16px;
}
.page-jobs .positions-category ul li:last-of-type {
  margin-bottom: 0;
}
.page-jobs .positions-category a {
  font-weight: 700;
  position: relative;
}
.page-jobs .positions-category a:before {
  border-bottom: 1px solid #006cff;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease;
  width: 100%;
}
.page-jobs .positions-category a:hover:before {
  opacity: 0.3;
}
.page-jobs .positions-category.contact-us {
  align-items: center;
  display: flex;
  flex: 1 1;
  padding: 25px 0;
}
.page-jobs .positions-category.contact-us h3 {
  margin-bottom: 20px;
}
.page-jobs .positions-category.contact-us a,
.page-jobs .positions-category.contact-us p {
  font-size: 14px;
}
.page-jobs .positions-category.contact-us .content-wrapper {
  margin: auto;
}
.page-jobs .positions-category.contact-us a {
  font-weight: 400;
}
.page-jobs .positions-category.contact-us p {
  margin-bottom: 0;
}
.page-jobs .positions-category.contact-us h3 {
  font-size: 24px;
  text-transform: none;
}
.page-jobs .white-box {
  background: #fff;
}
.page-jobs .white-box a,
.page-jobs .white-box h3,
.page-jobs .white-box p {
  color: #151515;
}
.page-jobs .play-video {
  background: url('/images/homepage/jobs/uxpin-video-bg.jpg') no-repeat center;
  cursor: pointer;
}
.page-jobs .play-video:before {
  content: '';
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
}
.page-jobs .play-video:hover:before {
  opacity: 1;
}
.page-jobs .play-video figure img {
  margin: 0 auto;
}
.page-jobs .what-we-do {
  background: #fafafa;
}
.page-jobs .what-we-do .box-content {
  align-items: stretch;
  display: flex;
  flex-flow: column;
  height: 100%;
}
.page-jobs .what-we-do .box-content .desc-box,
.page-jobs .what-we-do .box-content .customers-box {
  margin: auto 0;
  height: 50%;
  align-items: center;
  display: flex;
}
.page-jobs .what-we-do .centered-content {
  margin: auto 0;
  width: 100%;
}
.page-jobs .white-box h3 {
  margin-bottom: 40px;
  margin-top: 55px;
}
.page-jobs .white-box p {
  color: #666;
  font-size: 18px;
  line-height: 1.66;
  margin-bottom: 0;
}
.page-jobs .white-box h4 {
  color: #a8a8a8;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
.page-jobs .customers-box {
  height: 50%;
}
.page-jobs .logos-wrapper {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 235px;
  justify-content: space-between;
  margin: 0 auto;
  width: 60%;
}
.page-jobs .logos-wrapper figure {
  flex: initial;
  margin: auto;
  padding: 25px 0;
  width: 33%;
}
.perks-section {
  background: #283842;
  padding: 70px 0 25px;
  text-align: center;
}
.perks-section .section-desc {
  color: #87949d;
  font-size: 18px;
  line-height: 1.66;
}
.perks-section .centering-block {
  width: 1330px;
}
.perks-section h2 {
  color: #fff;
  margin-bottom: 70px;
}
.perks-section .flex-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 45px;
}
.perks-section .flex-wrapper .element-perk {
  margin: 0 auto auto;
  padding-bottom: 30px;
  width: 33%;
}
.perks-section .flex-wrapper figure {
  align-items: center;
  display: flex;
  flex-flow: column;
  height: 95px;
  position: relative;
}
.perks-section .flex-wrapper figcaption {
  left: 50%;
  width: 100%;
  margin: auto auto 0;
}
.perks-section .flex-wrapper img {
  margin: auto;
}
.perks-section .flex-wrapper .perk-name {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 400;
}
.perks-section .flex-wrapper p {
  color: #87949d;
  font-size: 14px;
  margin-top: 10px;
}
.page-job-offer .blue-link {
  position: relative;
}
.page-job-offer .blue-link:after {
  border-bottom: 1px solid #006cff;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0.3;
  position: absolute;
  transition: opacity 0.3s ease;
  width: 100%;
}
.page-job-offer .blue-link:hover:after {
  opacity: 0;
}
.page-job-offer .main-info {
  padding-bottom: 0;
}
.page-job-offer .main-header {
  background: #006cff;
  padding: 0;
}
.page-job-offer .main-header .centering-block {
  position: relative;
}
.page-job-offer .main-header .logo {
  background-size: 54px;
  height: 54px;
  left: 0;
  width: 54px;
  top: 29px;
}
.page-job-offer .main-header h1 {
  font-weight: 300;
  padding: 120px 0 6px;
  text-align: left;
  font-size: 70px;
}
.page-job-offer .main-header .location {
  font-size: 18px;
}
.page-job-offer .main-header .location:before {
  content: '';
  background: url('/images/homepage/jobs/icon-location.svg') no-repeat center;
  height: 22px;
  margin-right: 15px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: 5px;
}
.page-job-offer .main-header .location .country {
  text-transform: uppercase;
}
.page-job-offer .main-header .location span {
  font-weight: 700;
}
.page-job-offer p {
  color: #666;
  font-size: 18px;
  line-height: 1.66;
  margin-bottom: 34px;
}
.page-job-offer .row {
  margin-bottom: 75px;
  padding-bottom: 68px;
  border-bottom: 1px solid #ededed;
}
.page-job-offer .row:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
.page-job-offer .row .centering-block {
  display: flex;
  align-items: flex-start;
}
.page-job-offer .row .centering-block h2 {
  text-align: left;
}
.page-job-offer .row .centering-block a {
  font-size: 18px;
}
.page-job-offer .row .centering-block h2,
.page-job-offer .row .centering-block .content-column {
  width: 45%;
}
.page-job-offer .row .centering-block h2 {
  margin: 0 auto auto 0;
}
.page-job-offer .row .centering-block h4 {
  font-size: 18px;
  color: #151515;
  margin-bottom: 17px;
}
.page-job-offer .row .centering-block .content-column {
  margin: 0 0 auto auto;
  width: 55%;
}
.page-job-offer .row ul {
  padding-left: 30px;
}
.page-job-offer .row ul:last-of-type {
  margin-bottom: 0;
}
.page-job-offer .row ul + h4,
.page-job-offer .row ul + p {
  margin-top: 34px;
}
.page-job-offer .row li {
  margin-bottom: 17px;
  color: #666;
  font-size: 16px;
  list-style: disc;
}
.page-job-offer .nav-bar {
  margin-top: 35px;
  padding: 36px 0 10px;
  background: #283842;
}
.page-job-offer .nav-bar .links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-job-offer .nav-bar .back-link {
  margin-left: 40px;
  flex: 1 0 auto;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.page-job-offer .nav-bar .back-link:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.page-job-offer .nav-bar .back-link:hover:after {
  opacity: 1;
}
.page-job-offer .nav-bar .back-link:after {
  bottom: 0;
}
.page-job-offer .nav-bar .btn-apply {
  background: #ff5e37;
  font-size: 18px;
  height: 46px;
  line-height: 46px;
  padding: 0;
  text-align: center;
  width: 190px;
  transition: background 0.3s ease;
}
.page-job-offer .nav-bar .btn-apply:hover {
  background: #ff7351;
}
@media screen and (max-width: 444px) {
  .page-job-offer .nav-bar .links {
    flex-direction: column-reverse;
  }
  .page-job-offer .nav-bar .back-link {
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.page-job-offer .legal-notice {
  font-size: 12px;
  line-height: 16px;
  max-width: 460px;
  margin-top: 28px;
  margin-bottom: 20px;
  color: #a6a6a6;
}
.page-job-offer .legal-notice a {
  color: #a6a6a6;
  cursor: pointer;
  position: relative;
}
.page-job-offer .legal-notice a:after {
  border-bottom: 1px solid #a6a6a6;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.page-job-offer .legal-notice a:hover:after {
  border-color: rgba(166, 166, 166, 0);
}
.page-job-offer .legal-notice a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid #a6a6a6;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.page-job-offer .legal-notice a:hover:after {
  opacity: 0;
}
.page-job-offer .salary-section {
  background: #283842;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 0 53px 0;
  position: relative;
  text-align: center;
}
.page-job-offer .salary-section:before {
  background: #283842 url('/images/homepage/job-offer/arrow-down.svg') no-repeat center;
  background-size: 17px;
  content: '';
  display: block;
  left: 50%;
  width: 35px;
  height: 17px;
  position: absolute;
  top: -9px;
  transform: translateX(-50%);
}
.page-job-offer .salary-section .salary-amount {
  color: #fff;
  font-size: 33px;
  font-weight: 300;
  line-height: 1;
  margin: 55px 0 10px;
  text-transform: uppercase;
}
.page-job-offer .salary-section .salary-info {
  color: #87949d;
  font-size: 14px;
}
.page-job-offer .testimonial {
  background: #006cff;
  padding: 95px 0;
}
.page-job-offer .testimonial .flex-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.page-job-offer .testimonial .flex-wrapper figure,
.page-job-offer .testimonial .flex-wrapper .content-column {
  margin: auto;
}
.page-job-offer .testimonial .flex-wrapper figure {
  min-width: 430px;
  width: 430px;
  text-align: center;
}
.page-job-offer .testimonial .flex-wrapper figure img {
  border-radius: 50%;
  display: inline-block;
  width: 130px;
}
.page-job-offer .testimonial .flex-wrapper .content-column {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
.page-job-offer .testimonial figcaption {
  color: #fff;
  font-size: 14px;
  line-height: 1.5;
}
.page-job-offer .testimonial figcaption .name {
  display: block;
  margin-top: 8px;
  font-weight: 700;
}
.page-job-offer .contact {
  padding-bottom: 50px;
  text-align: center;
}
.page-job-offer .contact figure img {
  border-radius: 50%;
  margin: 0 auto;
  width: 125px;
}
.page-job-offer .contact figcaption {
  color: #666;
  font-size: 14px;
  margin: 30px 0 45px;
}
.page-job-offer .contact .btn-apply {
  height: 55px;
  padding: 0;
  font-size: 20px;
  line-height: 55px;
  width: 305px;
}
.page-job-offer .contact .legal-notice {
  max-width: 500px;
  margin: 19px auto 0;
}
.page-job-offer .share-wrapper {
  margin-top: 85px;
}
.page-job-offer .share-wrapper h3 {
  position: relative;
}
.page-job-offer .share-wrapper h3 span {
  display: inline-block;
  padding: 3px 60px;
  background: #fff;
}
.page-job-offer .share-wrapper h3:before {
  content: '';
  position: absolute;
  border-bottom: 1px solid #ededed;
  width: 100%;
  left: 0;
  bottom: 23px;
  z-index: -1;
}
.page-job-offer .share-wrapper .share {
  margin-top: 30px;
}
.page-job-offer .share-wrapper .fb-share-button {
  position: relative;
  top: -4px;
}
.page-job-offer .share-wrapper .twitter-share-button,
.page-job-offer .share-wrapper .fb-share-button {
  margin-right: 20px;
}
.page-job-offer .share-wrapper .addthis_toolbox {
  display: inline-block;
}
.page-job-offer .share-wrapper .addthis_toolbox > * {
  float: left;
}
.page-job-offer .other-positions {
  background: #fafafa;
  padding-bottom: 25px;
}
.page-job-offer .other-positions .row {
  margin-bottom: 0;
  padding-bottom: 0;
}
.page-job-offer .other-positions .location-name {
  margin-bottom: 35px;
}
.page-job-offer .other-positions .location-name:before {
  content: '';
  background: url('/images/homepage/job-offer/icon-location-grey.svg') no-repeat center;
  height: 22px;
  margin-right: 15px;
  width: 16px;
  display: inline-block;
  position: relative;
  top: 6px;
}
.page-job-offer .other-positions ul {
  margin-bottom: 60px;
  padding-left: 0;
}
.page-job-offer .other-positions li {
  list-style: none;
  margin-bottom: 14px;
  padding-left: 0;
  font-weight: 700;
}
.page-job-offer .stretched-text.stretched-text {
  color: #a8a8a9;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3em;
}
.page-changelog .main-header {
  padding-bottom: 90px;
  background: #fff;
}
.page-changelog .main-header h1 {
  padding-top: 175px;
  color: #151515;
}
.page-changelog .main-header .page-description {
  color: #979797;
}
.page-changelog .main-header:after,
.page-changelog .main-header:before {
  display: none;
}
.page-changelog .updates-major {
  background: #f8f8f8;
}
.page-changelog .updates-major .feature-desc {
  width: 50%;
  margin-bottom: 50px;
  padding: 0 40px;
}
.page-changelog .updates-major .feature-desc:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}
.page-changelog .updates-major .flex-wrapper {
  flex-wrap: wrap;
}
.page-changelog .updates-medium h3 {
  line-height: 130%;
}
.page-changelog .updates-medium figure img {
  max-width: 290px;
  max-height: 203px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.page-changelog .updates-medium video {
  height: auto;
  max-width: 100%;
}
.page-changelog .updates-medium .flex-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-changelog .updates-medium .feature-desc {
  margin-bottom: 50px;
}
.page-changelog .updates-medium .feature-desc:first-of-type {
  margin-left: auto;
}
.page-changelog .updates-medium .feature-desc:last-of-type {
  margin-right: auto;
}
.page-changelog .updates-medium .feature-desc:nth-last-of-type(-n + 3) {
  margin-bottom: 0;
}
.page-changelog .updates-wrapper {
  text-align: center;
}
.page-changelog .updates-wrapper .centering-block {
  width: 1100px;
}
.page-changelog .updates-wrapper h3 {
  margin: 15px 0;
  color: #151515;
  font-size: 22px;
}
.page-changelog .updates-wrapper p {
  color: #878787;
  line-height: 1.66em;
}
/*
	Enterprise page
*/
#page-enterprise {
  background-color: #141414;
}
#page-enterprise h2 {
  font-weight: 800;
}
#page-enterprise .content-wrapper,
#page-enterprise .centering-block {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #page-enterprise .content-wrapper,
  #page-enterprise .centering-block {
    width: 100%;
  }
}
#page-enterprise .banners,
#page-enterprise .centering-block {
  width: 1170px;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  #page-enterprise .banners,
  #page-enterprise .centering-block {
    width: 960px;
  }
}
#page-enterprise .btn-solid:hover {
  background: #3389ff;
}
#page-enterprise .main-header {
  display: flex;
  height: 100vh;
  padding: 0;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #141414;
  overflow: hidden;
}
#page-enterprise .main-header:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  background: url('/images/enterprise/hero-bg.jpg') no-repeat center;
  background-size: cover;
  z-index: 1;
}
#page-enterprise .main-header .banners,
#page-enterprise .main-header .content-wrapper {
  margin: auto;
}
#page-enterprise .main-header .banners {
  padding-bottom: 37px;
  position: absolute;
  bottom: 0;
  z-index: 2;
}
#page-enterprise .main-header .banners .banner {
  background-color: #555;
}
#page-enterprise .main-header h1 {
  max-width: 590px;
  margin: 0 auto;
  padding-top: 0;
  padding-top: initial;
  padding-bottom: 13px;
  line-height: 1.12em;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .main-header h1 {
    max-width: none;
  }
}
#page-enterprise .main-header h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}
#page-enterprise .main-header button {
  margin: 0 auto;
}
#page-enterprise .nav-preheader {
  padding: 110px 0 102px;
  position: relative;
  background-color: #141414;
  text-align: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .nav-preheader {
    padding: 40px 0;
    border-bottom: 1px solid #2f2f2f;
  }
}
#page-enterprise .nav-preheader:after {
  content: '';
  width: 100%;
  height: 250%;
  position: absolute;
  top: -130%;
  bottom: auto;
  left: 0;
  z-index: 1;
  background: radial-gradient(#494949, #141414 60%);
}
#page-enterprise .nav-preheader p {
  max-width: 950px;
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}
#page-enterprise .sections-nav {
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
  background-color: #141414;
  transition: background-color 0.5s ease-out;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .sections-nav {
    display: none;
  }
}
#page-enterprise .sections-nav.fixed {
  background-color: rgba(20, 20, 20, 0.8);
}
#page-enterprise .sections-nav.fixed + #accomplish,
#page-enterprise .sections-nav.fixed + #streamline,
#page-enterprise .sections-nav.fixed + #empower {
  margin-top: 60px;
}
#page-enterprise .sections-nav li:before {
  opacity: 1;
  width: 0;
  height: 2px;
  border-bottom: none;
  background: linear-gradient(to right, #d8994d 0%, #d8994d 95%, #fff 100%);
  transition: width 0.2s ease-out;
}
#page-enterprise .sections-nav li.active:before {
  width: 100%;
  transition: width 0.2s ease-out;
}
#page-enterprise .sections-nav li.passed:before {
  width: 100% !important;
  background: #d8994d;
}
#page-enterprise .sections-nav li:last-of-type.active:before {
  background: #d8994d !important;
}
#page-enterprise .sections-nav li a {
  color: #fff;
  font-weight: 600;
  letter-spacing: 1.5px;
}
#page-enterprise .sections-nav li:not(.active) a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#page-enterprise .sections-nav li.active a {
  color: #d8994d;
}
#page-enterprise .feature-section {
  padding: 143px 0;
  background-color: #141414;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section {
    padding: 40px 0;
  }
}
#page-enterprise .feature-section h2 {
  color: #fff;
}
#page-enterprise .feature-section .content-wrapper {
  display: flex;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper {
    flex-direction: column;
  }
}
#page-enterprise .feature-section .content-wrapper .feature-content {
  max-width: 584px;
  margin: auto 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .feature-content {
    width: 100%;
    max-width: 100%;
    margin-bottom: 60px;
  }
}
#page-enterprise .feature-section .content-wrapper .feature-content h2 {
  max-width: 440px;
  margin-bottom: 26px;
  padding-right: 10px;
  font-size: 48px;
  line-height: 55px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .feature-content h2 {
    max-width: none;
  }
}
#page-enterprise .feature-section .content-wrapper .feature-content p {
  margin-bottom: 30px;
  padding-right: 160px;
  color: #ececec;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .feature-content p {
    padding: 0;
  }
}
#page-enterprise .feature-section .content-wrapper .feature-content .btn {
  margin-top: 7px;
}
#page-enterprise .feature-section .content-wrapper .example-wrapper figure {
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .example-wrapper figure {
    width: 100%;
  }
  #page-enterprise .feature-section .content-wrapper .example-wrapper figure img {
    width: 100%;
    height: auto;
  }
}
#page-enterprise .feature-section .content-wrapper .example-wrapper figure.with-browser:before {
  content: '';
  width: 890px;
  height: calc(100% + 27px);
  position: absolute;
  top: -26px;
  left: -1px;
  background: url('/images/homepage/enterprise/browser-chrome.png') no-repeat top left;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .example-wrapper figure.with-browser:before {
    display: none;
  }
}
#page-enterprise .feature-section .content-wrapper .example-wrapper figure .feature-zoom {
  box-sizing: content-box;
  border: 5px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 80px;
  left: -90px;
  box-shadow: 0 0 79px rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .example-wrapper figure .feature-zoom {
    top: -30px;
    left: 50%;
    transform: translateX(-50%) scale(0.6);
  }
}
#page-enterprise .feature-section .content-wrapper .example-wrapper figure .figure-box-description {
  width: 432px;
  padding: 32px 75px 32px 40px;
  position: absolute;
  left: 42px;
  bottom: 71px;
  background-color: #141414;
  box-shadow: 0 0 79px rgba(0, 0, 0, 0.38);
  color: #c0c0c0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .example-wrapper figure .figure-box-description {
    display: none;
  }
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper {
  width: 100%;
  min-height: 290px;
  margin: 169px 0 0 30px;
  padding: 29px 35px 25px 275px;
  border: 5px solid #d8994d;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .blockquote-wrapper {
    min-height: 0;
    margin-top: 100px;
    margin-left: 0;
    padding: 20px 10px;
  }
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .avatar {
  display: block;
  position: absolute;
  top: -35px;
  left: -35px;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .avatar {
    display: none;
  }
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content p {
  margin-bottom: 23px;
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.5px;
  line-height: 36px;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content p {
    font-size: 22px;
    line-height: 30px;
  }
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content p:before {
  content: '\201C';
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content p:after {
  content: '\201D';
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content .author {
  color: #9b9b9b;
  font-size: 16px;
  font-weight: 400;
}
#page-enterprise .feature-section .content-wrapper .blockquote-wrapper > .content .author:before {
  content: '\2014';
  margin-right: 5px;
}
#page-enterprise .page-enterprise__demo-request {
  background-color: #141414;
}
#page-enterprise .demo-request {
  padding: 94px 0 116px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .demo-request {
    padding: 40px 0 50px;
  }
}
#page-enterprise .demo-request .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#page-enterprise .demo-request h2 {
  margin-bottom: 44px;
  color: #141414;
}
@media only screen and (max-width: 767px) {
  #page-enterprise .demo-request h2 {
    margin-bottom: 20px;
  }
}
#page-enterprise .demo-request p {
  color: #464646;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
}
#page-enterprise .demo-request p:last-of-type {
  margin-bottom: 60px;
}
#page-enterprise .demo-request .phone-number {
  color: #006cff;
  cursor: pointer;
  position: relative;
}
#page-enterprise .demo-request .phone-number:after {
  border-bottom: 1px solid rgba(0, 108, 255, 0.6);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
#page-enterprise .demo-request .phone-number:hover:after {
  opacity: 1;
}
#page-enterprise .demo-request .contact-info {
  margin-top: 14px;
  color: #a6a6a6;
  font-size: 12px;
}
#page-enterprise .main-footer {
  background: #141414;
}
#page-enterprise .main-footer a {
  color: #ababab;
  cursor: pointer;
  position: relative;
}
#page-enterprise .main-footer a:after {
  border-bottom: 1px solid rgba(171, 171, 171, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
#page-enterprise .main-footer a:hover:after {
  opacity: 1;
}
#page-enterprise .main-footer .additional-info ul li {
  color: #616161;
}
.new-page#page-enterprise .btn-flat {
  padding: 17px 27px;
}
.new-page#page-enterprise .btn-flat:not(.working):hover {
  background-color: #3389ff !important;
}
#page-enterprise .top-bar .main-nav > ul > li.selected > a,
#page-enterprise .top-bar .main-nav > ul > li.selected > span {
  color: #919191;
}
#page-enterprise .top-bar .main-nav > ul > li > a,
#page-enterprise .top-bar .main-nav > ul > li > span {
  color: #fff;
}
#page-enterprise .top-bar .main-nav > ul > li > a:hover,
#page-enterprise .top-bar .main-nav > ul > li > span:hover {
  color: #919191;
}
#enterprise-onboarding .top-bar a {
  color: #494949;
  background: none;
  cursor: pointer;
  position: relative;
}
#enterprise-onboarding .top-bar a:after {
  border-bottom: 1px solid #494949;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
#enterprise-onboarding .top-bar a:hover:after {
  opacity: 1;
}
#enterprise-onboarding .top-bar li.selected a {
  color: #fff;
}
#enterprise-onboarding .content-wrapper,
#enterprise-onboarding .centering-block {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #enterprise-onboarding .content-wrapper,
  #enterprise-onboarding .centering-block {
    width: 100%;
  }
}
#enterprise-onboarding .main-header {
  display: flex;
  height: 875px;
  padding: 0;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  background: #141414;
  text-align: center;
}
#enterprise-onboarding .main-header:before,
#enterprise-onboarding .main-header:after {
  content: '';
  width: 100%;
  position: absolute;
  top: auto;
  left: 0;
}
#enterprise-onboarding .main-header:before {
  height: 1600px;
  margin: auto;
  right: 0;
  bottom: -800px;
  z-index: 0;
  background-image: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.2) 0%, rgba(20, 20, 20, 0) 50%);
}
#enterprise-onboarding .main-header:after {
  height: 50px;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(20, 20, 20, 0.75), rgba(20, 20, 20, 0) 100%);
}
#enterprise-onboarding .main-header .uxpin-logo-wrapper {
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding .main-header .uxpin-logo-wrapper {
    margin-bottom: 40px;
  }
}
#enterprise-onboarding .main-header .uxpin-logo-wrapper figure {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding .main-header .uxpin-logo-wrapper figure img {
    max-width: 50px;
    max-height: 50px;
  }
}
#enterprise-onboarding .main-header .uxpin-logo-wrapper figure h4 {
  margin-top: 24px;
  position: relative;
  left: 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 9.5px;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding .main-header .uxpin-logo-wrapper figure h4 {
    margin-top: 10px;
    left: 2px;
    font-size: 12px;
    letter-spacing: 6px;
  }
}
#enterprise-onboarding .main-header p {
  color: #fff;
  font-size: 32px;
  font-weight: 300;
  line-height: 131%;
  letter-spacing: -0.008em;
}
#enterprise-onboarding .main-header .content-wrapper {
  margin-top: 162px;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding .main-header .content-wrapper {
    margin-top: 100px;
  }
}
#enterprise-onboarding .main-header .editor,
#enterprise-onboarding .main-header .comment {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}
#enterprise-onboarding .main-header .editor img,
#enterprise-onboarding .main-header .comment img {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
}
#enterprise-onboarding .main-header .editor {
  height: 100%;
  overflow: hidden;
}
#enterprise-onboarding .main-header .editor img {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
}
#enterprise-onboarding .main-header .editor img.desktop {
  bottom: -95px;
  transform: translateX(-84px);
}
#enterprise-onboarding .main-header .editor img.iphone {
  bottom: -106px;
  transform: translateX(299px);
}
#enterprise-onboarding .main-header .comment {
  z-index: 3;
}
#enterprise-onboarding .main-header .comment img {
  bottom: -92px;
  transform: translateX(431px);
}
#enterprise-onboarding .main-header .point {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin: auto;
  border-radius: 50%;
  position: absolute;
  right: 0;
  left: 0;
  background-color: #e80042;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  line-height: 17px;
  text-align: center;
}
#enterprise-onboarding .main-header .point.three {
  bottom: 268px;
  transform: translateX(251px);
}
#enterprise-onboarding .main-header .point.four {
  bottom: 58px;
  transform: translateX(204px);
}
#enterprise-onboarding section .title {
  margin-top: 99px;
  margin-bottom: 38px;
  color: #141414;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: -0.01em;
  text-align: center;
}
#enterprise-onboarding section p {
  color: #8c8c8c;
  font-size: 22px;
  line-height: 164%;
}
#enterprise-onboarding section p a,
#enterprise-onboarding section li a,
#enterprise-onboarding section small a {
  background-image: linear-gradient(to bottom, #ffffff 50%, #d8994d 120%);
  background-size: 2px 2px;
  background-position: 0 95%;
  background-repeat: repeat-x;
  color: #d8994d;
  text-decoration: none;
}
#enterprise-onboarding section p a:hover,
#enterprise-onboarding section li a:hover,
#enterprise-onboarding section small a:hover {
  background-image: none;
}
#enterprise-onboarding .process {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#enterprise-onboarding .process .flow-graph {
  width: 750px;
  max-width: 100%;
  margin-top: 67px;
  margin-bottom: 34px;
}
#enterprise-onboarding .process .flow-graph text {
  fill: #c0c0c0;
  color: #c0c0c0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
#enterprise-onboarding .process .flow-graph .icon-fill {
  fill: #aaa;
}
#enterprise-onboarding .process .flow-graph .icon-no-fill {
  fill: none;
}
#enterprise-onboarding .process .flow-graph .icon-labels {
  fill: #c0c0c0;
}
#enterprise-onboarding .process .flow-graph .line path {
  fill: #fff;
  stroke: #e9e9e9;
  stroke-miterlimit: 10;
  stroke-width: 1;
}
#enterprise-onboarding .process .flow-graph .line-point .shadow {
  fill: rgba(0, 0, 0, 0.2);
  stroke: rgba(0, 0, 0, 0.2);
  stroke-width: 0;
}
#enterprise-onboarding .process .flow-graph .line-point .point {
  fill: #c0c0c0;
  stroke: #fff;
  stroke-width: 4;
}
#enterprise-onboarding .process .flow-graph .line-highlights path {
  fill: #fff;
  stroke: #d8994d;
  stroke-dasharray: 224;
  stroke-dashoffset: 224;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
#enterprise-onboarding .process .flow-graph .repeat line,
#enterprise-onboarding .process .flow-graph .repeat text {
  opacity: 0;
}
#enterprise-onboarding .process .flow-graph .repeat line,
#enterprise-onboarding .process .flow-graph .repeat path {
  fill: none;
  stroke: #dadada;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#enterprise-onboarding .process .flow-graph .repeat .repeat-line {
  stroke-dasharray: 672;
  stroke-dashoffset: 672;
  stroke-miterlimit: 10;
}
#enterprise-onboarding .process .flow-graph .repeat .repeat-line-mask {
  stroke: #fff;
  stroke-dasharray: 11;
  stroke-dashoffset: 0;
  stroke-width: 2;
}
#enterprise-onboarding .process .flow-graph.animate .icon:nth-of-type(1) .icon-fill {
  animation: highlightStepIcon 0.25s linear 0s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon-labels text:nth-of-type(1) {
  animation: highlightStepLabel 0.25s linear 0s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-point:nth-of-type(1) .point {
  animation: highlightPoint 0.25s linear 0s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon:nth-of-type(2) .icon-fill {
  animation: highlightStepIcon 0.25s linear 1s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon-labels text:nth-of-type(2) {
  animation: highlightStepLabel 0.25s linear 1s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-point:nth-of-type(2) .point {
  animation: highlightPoint 0.25s linear 1s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon:nth-of-type(3) .icon-fill {
  animation: highlightStepIcon 0.25s linear 2s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon-labels text:nth-of-type(3) {
  animation: highlightStepLabel 0.25s linear 2s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-point:nth-of-type(3) .point {
  animation: highlightPoint 0.25s linear 2s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon:nth-of-type(4) .icon-fill {
  animation: highlightStepIcon 0.25s linear 3s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .icon-labels text:nth-of-type(4) {
  animation: highlightStepLabel 0.25s linear 3s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-point:nth-of-type(4) .point {
  animation: highlightPoint 0.25s linear 3s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-highlights path:nth-of-type(1) {
  animation: drawLine 0.75s ease 0.25s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-highlights path:nth-of-type(2) {
  animation: drawLine 0.75s ease 1.25s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .line-highlights path:nth-of-type(3) {
  animation: drawLine 0.75s ease 2.25s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .repeat .repeat-line {
  animation: drawLine 0.8s ease-out 3.2s forwards;
}
#enterprise-onboarding .process .flow-graph.animate .repeat line,
#enterprise-onboarding .process .flow-graph.animate .repeat text {
  animation: show 0.2s ease-out 3.8s forwards;
}
@keyframes highlightStepIcon {
  from {
    fill: #aaa;
  }
  to {
    fill: #000;
  }
}
@keyframes highlightStepLabel {
  from {
    fill: #c0c0c0;
  }
  to {
    fill: #000;
  }
}
@keyframes highlightPoint {
  from {
    fill: #c0c0c0;
  }
  to {
    fill: #d8994d;
  }
}
@keyframes drawLine {
  from {
    stroke-dashoffset: 672;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#enterprise-onboarding .process .flow-step {
  display: flex;
  max-width: 100%;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
#enterprise-onboarding .process .flow-step .description {
  max-width: 50%;
  text-align: left;
}
#enterprise-onboarding .process .flow-step .description .step-name {
  margin-bottom: 43px;
  color: #141414;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: -0.01em;
  text-align: left;
}
#enterprise-onboarding .process .flow-step .description p {
  margin-bottom: 27px;
  color: #8c8c8c;
  font-size: 22px;
  font-weight: normal;
  line-height: 164%;
}
#enterprise-onboarding .process .flow-step .description small {
  display: block;
  margin-top: 15px;
  color: #8c8c8c;
  font-size: 18px;
  line-height: 167%;
}
#enterprise-onboarding .process .flow-step .description .export-formats {
  display: flex;
  margin-left: 2px;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  list-style-type: none;
}
#enterprise-onboarding .process .flow-step .description .export-formats .format {
  width: 39px;
  height: 39px;
  margin-right: 16px;
  border: 1px solid #dfdfdf;
  border-radius: 1px;
  position: relative;
  background: #fdfdfd;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 39px;
  text-align: center;
  text-indent: 1px;
  text-transform: uppercase;
}
#enterprise-onboarding .process .flow-step .description .export-formats .format:before,
#enterprise-onboarding .process .flow-step .description .export-formats .format:after {
  content: '';
  display: block;
  position: absolute;
}
#enterprise-onboarding .process .flow-step .description .export-formats .format:before {
  width: 11px;
  height: 11px;
  border-color: #fff #fff #dfdfdf #dfdfdf;
  border-style: solid;
  border-width: 1px;
  top: 0;
  right: 0;
}
#enterprise-onboarding .process .flow-step .description .export-formats .format:after {
  width: 16px;
  height: 8px;
  border-bottom: 1px solid #dfdfdf;
  top: -1px;
  right: -6px;
  transform: rotate(45deg);
  background-color: #fff;
}
#enterprise-onboarding .process .flow-step figure {
  max-width: 41.5%;
}
#enterprise-onboarding .process .flow-step figure img {
  position: relative;
}
#enterprise-onboarding .process .flow-step.research {
  margin-top: 152px;
}
#enterprise-onboarding .process .flow-step.research img {
  top: -86px;
  left: 20px;
}
#enterprise-onboarding .process .flow-step.design {
  margin-top: 134px;
}
#enterprise-onboarding .process .flow-step.design img {
  top: -173px;
  left: -146px;
}
#enterprise-onboarding .process .flow-step.feedback {
  margin-top: 8px;
}
#enterprise-onboarding .process .flow-step.feedback img {
  top: -25px;
  left: -6px;
}
#enterprise-onboarding .process .flow-step.iterate {
  margin-top: 327px;
}
#enterprise-onboarding .process .flow-step.iterate img {
  top: -171px;
  left: 25px;
}
#enterprise-onboarding .getting-started {
  display: flex;
  padding: 0 20px 230px;
  position: relative;
  top: -8px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background: #f6f6f6;
}
#enterprise-onboarding .getting-started .feature {
  display: flex;
  max-width: 960px;
  align-items: flex-start;
  justify-content: space-between;
}
#enterprise-onboarding .getting-started .feature:nth-of-type(even) .description {
  order: 2;
}
#enterprise-onboarding .getting-started .feature:nth-of-type(even) figure {
  order: 1;
}
#enterprise-onboarding .getting-started .feature:nth-of-type(even) figure img {
  margin-right: -50px;
  float: right;
}
#enterprise-onboarding .getting-started .feature .description {
  max-width: 53%;
}
#enterprise-onboarding .getting-started .feature .description .feature-name {
  margin-bottom: 43px;
  color: #141414;
  font-size: 32px;
  font-weight: 300;
  line-height: 134%;
  letter-spacing: -0.01em;
}
#enterprise-onboarding .getting-started .feature .description p,
#enterprise-onboarding .getting-started .feature .description ul {
  color: #8c8c8c;
  font-size: 22px;
  font-weight: normal;
}
#enterprise-onboarding .getting-started .feature .description p {
  margin-bottom: 25px;
}
#enterprise-onboarding .getting-started .feature .description strong {
  color: #141414;
  font-weight: bold;
}
#enterprise-onboarding .getting-started .feature .description ul {
  margin-top: 32px;
  padding-left: 25px;
}
#enterprise-onboarding .getting-started .feature .description ul li {
  margin-top: 8px;
  font-size: 18px;
  font-weight: normal;
  line-height: 170%;
}
#enterprise-onboarding .getting-started .feature .description ul li:before {
  content: '\2022';
  margin-right: 10px;
  margin-left: -19px;
  font-size: 25px;
}
#enterprise-onboarding .getting-started .feature figure {
  max-width: 41.5%;
}
#enterprise-onboarding .getting-started .feature figure img {
  float: left;
  position: relative;
}
#enterprise-onboarding .getting-started .feature.manage-team .description {
  margin-top: 203px;
}
#enterprise-onboarding .getting-started .feature.manage-team .description .feature-name,
#enterprise-onboarding .getting-started .feature.manage-team .description p {
  margin-bottom: 36px;
}
#enterprise-onboarding .getting-started .feature.manage-team .description ul {
  margin-top: 38px;
}
#enterprise-onboarding .getting-started .feature.manage-team .description ul li {
  margin-top: 14px;
}
#enterprise-onboarding .getting-started .feature.manage-team img {
  top: 138px;
  left: -89px;
}
#enterprise-onboarding .getting-started .feature.user-roles .description {
  margin-top: 391px;
}
#enterprise-onboarding .getting-started .feature.user-roles img {
  top: 248px;
  right: 4px;
}
#enterprise-onboarding .getting-started .feature.integration .description {
  margin-top: 509px;
}
#enterprise-onboarding .getting-started .feature.integration img {
  top: 318px;
  left: 10px;
}
#enterprise-onboarding .getting-started .feature.assets .description {
  margin-top: 491px;
}
#enterprise-onboarding .getting-started .feature.assets img {
  top: 369px;
  right: 22px;
}
#enterprise-onboarding .resources {
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 73px;
}
#enterprise-onboarding .resources .title {
  margin-top: 127px;
  color: #141414;
  font-size: 32px;
  font-weight: 300;
  text-align: left;
}
#enterprise-onboarding .resources ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#enterprise-onboarding .resources ul li {
  width: 290px;
  margin-top: 18px;
  margin-right: 10px;
}
#enterprise-onboarding .resources ul li figure .image-link {
  display: inline-block;
  transition: opacity 0.2s ease-out;
}
#enterprise-onboarding .resources ul li figure .image-link:after {
  display: none;
}
#enterprise-onboarding .resources ul li figure .image-link:hover {
  opacity: 0.8;
}
#enterprise-onboarding .resources ul li figure figcaption {
  margin-top: 14px;
}
#enterprise-onboarding .resources ul li figure figcaption p,
#enterprise-onboarding .resources ul li figure figcaption strong {
  color: #8c8c8c;
  font-size: 18px;
  font-weight: normal;
  line-height: 167%;
}
#enterprise-onboarding .resources ul li figure figcaption strong {
  color: #141414;
}
#enterprise-onboarding footer {
  height: 185px;
  background: #141414;
}
#enterprise-onboarding footer .logo-wrapper {
  display: flex;
  opacity: 0.33;
  width: 100px;
  margin: auto;
  position: relative;
  top: 51px;
  align-items: center;
  flex-direction: column;
}
#enterprise-onboarding footer .logo-wrapper:after {
  border-bottom: none;
}
#enterprise-onboarding footer .logo-wrapper .logo {
  width: 70px;
  height: 70px;
  background-size: 70px;
}
#enterprise-onboarding footer .logo-wrapper .logo-label {
  margin-top: 17px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.52em;
  line-height: 100%;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  #enterprise-onboarding .main-header .comments,
  #enterprise-onboarding .main-header .point {
    display: none;
  }
  #enterprise-onboarding .process,
  #enterprise-onboarding .getting-started {
    width: 100%;
  }
  #enterprise-onboarding .getting-started .feature {
    max-width: 100%;
    flex-direction: column;
  }
  #enterprise-onboarding .getting-started .feature:nth-of-type(even) .description {
    order: 1;
  }
  #enterprise-onboarding .getting-started .feature:nth-of-type(even) figure {
    order: 2;
  }
  #enterprise-onboarding .getting-started .feature:nth-of-type(even) figure img {
    margin-right: auto;
    float: none;
  }
  #enterprise-onboarding .getting-started .feature .description {
    max-width: 100% !important;
    margin-top: 100px !important;
  }
  #enterprise-onboarding .getting-started .feature figure {
    max-width: 100% !important;
  }
  #enterprise-onboarding .getting-started .feature figure img {
    max-width: 100%;
    height: auto;
    margin-top: 20px;
    float: none;
    top: auto !important;
    top: initial !important;
    right: auto !important;
    right: initial !important;
    left: auto !important;
    left: initial !important;
  }
  #enterprise-onboarding .resources {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 750px) {
  #enterprise-onboarding .process .process-flow,
  #enterprise-onboarding .process .process-flow .flow-graph {
    width: 100%;
  }
}
@media (max-width: 700px) {
  #enterprise-onboarding .main-header .editor img.desktop {
    transform: translateX(0);
  }
  #enterprise-onboarding .main-header .editor img.iphone {
    transform: translateX(220px);
  }
  #enterprise-onboarding .process .process-from {
    margin-bottom: 20%;
  }
  #enterprise-onboarding .process .flow-step {
    margin-top: 0 !important;
    flex-direction: column;
  }
  #enterprise-onboarding .process .flow-step .description {
    max-width: 100% !important;
  }
  #enterprise-onboarding .process .flow-step figure {
    max-width: 100% !important;
    margin-top: 20px;
  }
  #enterprise-onboarding .process .flow-step figure img {
    max-width: 100%;
    height: auto;
    top: auto !important;
    top: initial !important;
    right: auto !important;
    right: initial !important;
    left: auto !important;
    left: initial !important;
  }
  #enterprise-onboarding .process .flow-step.research img {
    margin-bottom: 17%;
  }
  #enterprise-onboarding .process .flow-step.design img {
    margin-bottom: 18%;
  }
  #enterprise-onboarding .process .flow-step.feedback img {
    margin-bottom: 20%;
  }
  #enterprise-onboarding .resources .title {
    text-align: center;
  }
  #enterprise-onboarding .resources ul {
    align-items: center;
    flex-direction: column;
  }
  #enterprise-onboarding .resources ul li {
    margin-bottom: 20px;
  }
}
.opt-in-thank-you {
  padding-top: 116px;
  padding-bottom: 50px;
  text-align: center;
}
.opt-in-thank-you .logo {
  display: inline-block;
  width: 71px;
  height: 71px;
  margin-bottom: 34px;
  background-size: 71px;
}
.opt-in-thank-you h1 {
  margin-bottom: 15px;
  color: #333;
  font-size: 48px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 108%;
}
.opt-in-thank-you p {
  max-width: 670px;
  margin: 0 auto 32px;
  color: #a7a7a7;
  font-size: 19px;
  line-height: 32px;
}
.opt-in-thank-you .btn-flat {
  min-width: 200px;
  margin-top: 12px;
  padding: 15px 26px 16px;
  border-radius: 1px;
  background: #006cff;
  box-shadow: none;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.opt-in-thank-you .btn-flat:hover {
  background: #0064ec !important;
}
#success-story {
  background: #fff;
}
#success-story .back-link {
  padding-left: 33px;
  position: absolute;
  top: 58px;
  left: 40px;
  color: #a3a3a3;
  font-size: 16px;
  transition: color 0.2s ease-out;
}
#success-story .back-link:before,
#success-story .back-link:after {
  content: '';
  display: inline-block;
  border-width: 1px;
  border-color: #a3a3a3;
  position: absolute;
  transition: border-color 0.2s ease-out;
}
#success-story .back-link:before {
  width: 9px;
  height: 9px;
  border-style: solid none none solid;
  top: 7px;
  left: 2px;
  transform: rotate(-45deg);
}
#success-story .back-link:after {
  width: 22px;
  border-style: solid none none;
  top: 11px;
  left: 2px;
}
#success-story .back-link:hover {
  color: #707070;
}
#success-story .back-link:hover:before,
#success-story .back-link:hover:after {
  border-color: #707070;
}
#success-story .page-wrapper {
  display: flex;
  width: 960px;
  margin: 140px auto 66px;
  padding-bottom: 48px;
  position: relative;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 0 74px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
@media (max-width: 960px) {
  #success-story .page-wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
#success-story .logo-wrapper {
  opacity: 0.5;
  text-align: center;
}
#success-story .logo-wrapper .logo {
  display: inline-block;
  width: 54px;
  height: 54px;
  background-size: 54px;
}
#success-story .logo-wrapper .logo.large {
  width: 56px;
  height: 56px;
  background-size: 54px 2;
}
#success-story .logo-wrapper .logo-label {
  display: block;
  margin-top: 8px;
  vertical-align: middle;
  color: #000;
  font-size: 9px;
  font-weight: normal;
  letter-spacing: 0.5em;
  line-height: 100%;
  text-transform: uppercase;
}
#success-story .page-header {
  width: 100%;
  height: 451px;
  margin-bottom: 91px;
  padding: 123px 20px 0;
  padding-top: 123px;
  position: relative;
}
#success-story .page-header .logo-wrapper {
  opacity: 1;
  height: 54px;
  position: absolute;
  top: 47px;
  left: 47px;
}
#success-story .page-header .logo-wrapper .logo-label {
  margin-top: 0;
  padding-left: 68px;
  position: absolute;
  top: 23px;
  left: 0;
  color: #fff;
  letter-spacing: 0.45em;
}
#success-story .page-header .intro-label {
  margin-bottom: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
#success-story .page-header .title,
#success-story .page-header .subtitle {
  color: #fff;
  font-weight: 300;
  text-align: center;
}
#success-story .page-header .title {
  margin-bottom: 17px;
  font-size: 46px;
}
#success-story .page-header .subtitle {
  font-size: 28px;
}
#success-story .page-section {
  display: flex;
  width: 700px;
  position: relative;
  align-items: center;
  flex-direction: column;
}
#success-story .page-section.full-width {
  width: 100%;
}
#success-story .page-section.full-width figcaption {
  width: 700px;
}
#success-story .page-section.blue {
  background: #1371fb;
}
#success-story .page-section.two-cols {
  margin-bottom: 67px;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}
#success-story .page-section.two-cols .col-left {
  max-width: 50%;
}
#success-story .page-section.two-cols .col-right {
  max-width: 324px;
  margin-top: 3px;
}
#success-story .page-section .subtitle {
  margin-bottom: 28px;
  font-size: 38px;
  letter-spacing: -0.007em;
  text-align: left;
}
#success-story .page-section .subtitle.center {
  text-align: center;
}
#success-story .page-section .subtitle.small {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0;
}
#success-story .page-section .subtitle.small + .quote {
  margin-top: 19px;
}
#success-story .page-section .subtitle.small + .quote.with-photo {
  margin-top: 44px;
}
#success-story .page-section .small-title {
  margin-top: -25px;
  margin-bottom: 47px;
  color: #161616;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
}
#success-story .page-section .subtitle,
#success-story .page-section .small-title,
#success-story .page-section p,
#success-story .page-section ul {
  width: 100%;
}
#success-story p {
  margin-bottom: 50px;
  color: #444;
  font-size: 17px;
  line-height: 177%;
}
#success-story p strong {
  font-weight: bold;
}
#success-story p.lead {
  margin-bottom: 31px;
  color: #161616;
  font-size: 28px;
  font-weight: 300;
  line-height: 129%;
}
#success-story p.bigger-spacing {
  margin-bottom: 54px;
}
#success-story p.bigger-spacing.lead {
  margin-bottom: 37px;
}
#success-story ul {
  margin-top: -22px;
  padding-left: 50px;
}
#success-story ul li {
  margin-bottom: 30px;
  color: #444;
  font-size: 17px;
  line-height: 177%;
  list-style-type: disc;
}
#success-story figcaption {
  color: #989898;
  font-size: 14px;
  line-height: 160%;
}
#success-story p a,
#success-story figcaption a {
  position: relative;
  color: #006cff;
}
#success-story p a:after,
#success-story figcaption a:after {
  content: '';
  width: 100%;
  border-bottom: 1px solid transparent;
  position: absolute;
  bottom: 1px;
  left: 0;
  transition: border-color 0.2s ease-out;
}
#success-story p a:hover:after,
#success-story figcaption a:hover:after {
  border-color: #b6b6b6;
}
#success-story .photo {
  display: flex;
  margin: 20px auto 41px;
  align-items: center;
  flex-direction: column;
}
#success-story .photo img {
  margin-bottom: 9px;
}
#success-story .photo figcaption {
  width: 100%;
}
#success-story .photo figcaption.pull-up {
  position: relative;
  top: -250px;
}
#success-story .photo.shadow {
  margin-bottom: 3px;
}
#success-story .photo.shadow img {
  margin-bottom: 15px;
  box-shadow: 0 19px 69px rgba(0, 0, 0, 0.1);
}
#success-story .quote {
  margin-top: 44px;
  padding: 30px 35px 34px;
  border: 5px solid #d8994d;
  position: relative;
}
#success-story .quote blockquote p {
  margin-bottom: 36px;
  color: #161616;
  font-size: 28px;
  font-weight: 300;
  line-height: 120%;
}
#success-story .quote blockquote p:last-of-type {
  margin-bottom: 26px;
}
#success-story .quote blockquote strong {
  font-weight: bold;
}
#success-story .quote figcaption {
  color: #444;
  font-size: 17px;
  font-weight: normal;
  line-height: 130%;
}
#success-story .quote figcaption:before {
  content: '\2013';
  margin-right: 0.5em;
}
#success-story .quote figcaption .quote-logo {
  display: inline-block;
  margin-left: 7px;
  position: relative;
  top: 2px;
}
#success-story .quote.with-photo,
#success-story .quote.negative {
  margin-bottom: 172px;
  margin-left: 20px;
  padding-left: 173px;
}
#success-story .quote.with-photo .quote-photo,
#success-story .quote.negative .quote-photo {
  position: absolute;
  top: -25px;
  left: -25px;
}
#success-story .quote.negative {
  width: 680px;
  margin-top: -132px;
  margin-bottom: 62px;
  padding: 168px 65px 6px 183px;
  border-width: 5px;
  border-style: none solid solid none;
  border-color: #fff;
  position: relative;
}
#success-story .quote.negative:before,
#success-story .quote.negative:after {
  content: '';
  position: absolute;
}
#success-story .quote.negative:before {
  width: 100%;
  height: 5px;
  top: 0;
  right: -5px;
  background-image: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 45%);
}
#success-story .quote.negative:after {
  width: 5px;
  height: 100%;
  bottom: -5px;
  left: 0;
  background-image: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 50%);
}
#success-story .quote.negative img {
  top: 112px;
  left: -20px;
}
#success-story .quote.negative blockquote p {
  margin-bottom: 21px;
  color: #fff;
  line-height: 129%;
}
#success-story .quote.negative figcaption {
  color: #fff;
}
#success-story .quote.multiple figure:not(:last-of-type) {
  margin-bottom: 60px;
}
#success-story .quote.pulled-up {
  margin-top: -5px;
}
#success-story .quote.bottom-space {
  margin-bottom: 62px;
}
#success-story .quote.top-space {
  margin-top: 80px;
}
#success-story .request-demo {
  margin-bottom: 53px;
  padding-top: 87px;
}
#success-story .request-demo .subtitle {
  margin-bottom: 56px;
}
#success-story .request-demo .contact-info {
  margin-top: 14px;
  color: #a6a6a6;
  font-size: 12px;
}
#success-story .collaboration {
  margin-top: 91px;
}
#success-story .photo.working-with-uxpin {
  margin-bottom: 2px;
}
#success-story.check24 .page-header {
  margin-bottom: 88px;
  padding-top: 142px;
  background: linear-gradient(rgba(230, 78, 48, 0.8), rgba(230, 78, 48, 0.8)), url('/images/customer-success/check24/header.jpg') no-repeat center -40px;
}
#success-story.check24 .metric {
  width: 100%;
  margin-top: 86px;
  margin-bottom: 71px;
  position: relative;
}
#success-story.check24 .metric .metric-title {
  display: block;
  margin-bottom: 5px;
  position: relative;
  left: -85px;
  color: #b6b6b6;
  font-size: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (max-width: 890px) {
  #success-story.check24 .metric .metric-title {
    left: 0;
  }
}
#success-story.check24 .metric figcaption {
  margin-top: 12px;
}
#success-story.check24 .photo.shadow img {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
#success-story.check24 .chart {
  position: relative;
  left: -27px;
}
@media (max-width: 770px) {
  #success-story.check24 .chart {
    left: 0;
  }
}
#success-story.check24 .chart .labels {
  font-family: 'ProximaNova', sans-serif;
  font-size: 14px;
  font-weight: normal;
  text-transform: uppercase;
  fill: #b6b6b6;
}
#success-story.check24 .chart .labels.x-labels {
  text-anchor: middle;
}
#success-story.check24 .chart .labels.y-labels {
  text-anchor: end;
}
#success-story.check24 .chart .labels .label-title {
  letter-spacing: 0.1em;
}
#success-story.check24 .chart .grid {
  stroke: #e9e9e9;
  stroke-dasharray: 0;
  stroke-width: 1;
}
#success-story.check24 .chart .line {
  stroke: #ccc;
  stroke-dasharray: 0;
  stroke-width: 1;
}
#success-story.check24 .chart .data-point circle {
  opacity: 0;
  position: relative;
  transform: scale(0);
  transform-origin: 0 0;
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.28);
}
#success-story.check24 .chart .data-point-value text {
  opacity: 0;
  transform: scale(0);
  color: #161616;
  font-size: 28px;
  font-weight: bold;
}
#success-story.check24 .chart .plot-line {
  stroke-dasharray: 540;
  stroke-dashoffset: 540;
}
#success-story.check24 .chart .plot-gradient {
  opacity: 0;
}
#success-story.check24 .chart.draw-chart .data-point circle {
  animation: showDataPoint 0.5s cubic-bezier(0.8, 0.015, 0.6, 1.5) 0.65s forwards;
}
#success-story.check24 .chart.draw-chart .data-point-value text {
  animation: showDataPointValue 0.4s ease-in-out 1.1s forwards;
}
#success-story.check24 .chart.draw-chart .plot-line {
  animation: drawLine 1s ease-in-out 0s 1 forwards;
}
#success-story.check24 .chart.draw-chart .plot-gradient {
  animation: showPlotGradient 0.7s linear 0.69s 1 forwards;
}
@keyframes drawLine {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes showDataPoint {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showDataPointValue {
  80% {
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes showPlotGradient {
  to {
    opacity: 1;
  }
}
#success-story.blazemeter .video {
  margin-bottom: 15px;
}
#success-story.blazemeter .video video {
  margin-bottom: 9px;
}
#success-story.blazemeter .blazemeter-logo {
  display: inline-block;
}
#success-story.blazemeter .blazemeter-logo svg path,
#success-story.blazemeter .blazemeter-logo svg polygon {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
#success-story.blazemeter .blazemeter-logo.white path,
#success-story.blazemeter .blazemeter-logo.white polygon {
  fill: #fff;
  stroke: #fff;
}
#success-story.blazemeter .page-header {
  background: linear-gradient(rgba(230, 78, 48, 0.8), rgba(230, 78, 48, 0.8)), url('/images/customer-success/blazemeter/header.png');
  text-align: center;
}
#success-story.blazemeter .page-header .intro-label {
  margin-bottom: 15px;
}
#success-story.blazemeter .page-header .title {
  font-size: 38px;
}
#success-story.blazemeter .page-header .blazemeter-logo {
  width: 300px;
  height: 43px;
  margin: 0 auto 37px;
  background-size: 102px 43px;
}
#success-story.blazemeter .page-wrapper {
  padding-bottom: 66px;
}
#success-story.blazemeter .photo {
  margin-top: 13px;
}
#success-story.blazemeter .photo.shadow {
  margin-top: 37px;
  margin-bottom: 87px;
}
#success-story.blazemeter .photo.shadow figcaption {
  line-height: 90%;
}
#success-story.blazemeter .photo.offset {
  margin-top: 38px;
}
#success-story.blazemeter .quote {
  margin-top: 23px;
  padding: 28px 30px 31px 40px;
}
#success-story.blazemeter .quote figcaption {
  position: relative;
  top: -3px;
}
#success-story.blazemeter .quote blockquote p {
  letter-spacing: -0.005em;
  line-height: 34px;
}
#success-story.blazemeter .quote.with-photo {
  margin-top: 61px;
  margin-bottom: 88px;
  padding: 28px 29px 35px 174px;
}
#success-story.blazemeter .quote.with-photo blockquote p {
  letter-spacing: 0;
  line-height: 36px;
}
#success-story.blazemeter .quote .blazemeter-logo {
  width: 37px;
  height: 16px;
  margin-left: 6px;
  vertical-align: baseline;
}
#success-story.blazemeter .page-section .subtitle {
  margin-bottom: 32px;
  line-height: 46px;
}
#success-story.blazemeter .page-section > p {
  margin-bottom: 31px;
}
#success-story.blazemeter .shorthand {
  display: flex;
  width: 560px;
  max-width: 100%;
  margin: 55px auto 83px;
  transform: translateX(8px);
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
#success-story.blazemeter .shorthand svg {
  align-self: center;
}
#success-story.blazemeter .shorthand .hbo-logo {
  width: 140px;
  margin-top: -8px;
  margin-left: 8px;
  flex: 0 1 25%;
}
#success-story.blazemeter .shorthand .hbo-shorthand {
  width: 357px;
  flex: 0 1 63.75%;
}
#success-story.blazemeter .shorthand .hbo-shorthand text {
  font-family: 'PlayFair Display', serif;
  font-size: 19px;
  font-style: italic;
}
#success-story.blazemeter .shorthand .hbo-shorthand .underline {
  fill: #93eaed;
}
#success-story.blazemeter .shorthand figcaption {
  margin-top: 36px;
  position: relative;
  left: -3px;
  flex: 0 1 100%;
}
#success-story.blazemeter .request-demo {
  margin-bottom: 106px;
}
#success-story.blazemeter .request-demo .subtitle {
  margin-bottom: 65px;
}
#success-story.hbo .hbo-logo {
  display: inline-block;
}
#success-story.hbo .hbo-logo svg path,
#success-story.hbo .hbo-logo svg polygon {
  fill-rule: evenodd;
  clip-rule: evenodd;
}
#success-story.hbo .hbo-logo.white path,
#success-story.hbo .hbo-logo.white polygon {
  fill: #fff;
  stroke: #fff;
}
#success-story.hbo .page-header {
  background: linear-gradient(rgba(230, 78, 48, 0.8), rgba(230, 78, 48, 0.8)), url('/images/customer-success/hbo/header.jpg') no-repeat -63px -33px;
  text-align: center;
}
#success-story.hbo .page-header .intro-label {
  margin-bottom: 15px;
}
#success-story.hbo .page-header .title {
  font-size: 38px;
}
#success-story.hbo .page-header .hbo-logo {
  width: 102px;
  height: 43px;
  margin: 0 auto 37px;
  background-size: 102px 43px;
}
#success-story.hbo .page-wrapper {
  padding-bottom: 66px;
}
#success-story.hbo .photo {
  margin-top: 13px;
}
#success-story.hbo .photo.shadow {
  margin-top: 37px;
  margin-bottom: 87px;
}
#success-story.hbo .photo.shadow figcaption {
  line-height: 90%;
}
#success-story.hbo .photo.offset {
  margin-top: 38px;
}
#success-story.hbo .quote {
  margin-top: 23px;
  padding: 28px 30px 31px 40px;
}
#success-story.hbo .quote figcaption {
  position: relative;
  top: -3px;
}
#success-story.hbo .quote blockquote p {
  letter-spacing: -0.005em;
  line-height: 34px;
}
#success-story.hbo .quote.with-photo {
  margin-top: 61px;
  margin-bottom: 88px;
  padding: 28px 29px 35px 174px;
}
#success-story.hbo .quote.with-photo blockquote p {
  letter-spacing: 0;
  line-height: 36px;
}
#success-story.hbo .quote .hbo-logo {
  width: 37px;
  height: 16px;
  margin-left: 6px;
  vertical-align: baseline;
}
#success-story.hbo .page-section .subtitle {
  margin-bottom: 32px;
  line-height: 46px;
}
#success-story.hbo .page-section > p {
  margin-bottom: 31px;
}
#success-story.hbo .shorthand {
  display: flex;
  width: 560px;
  max-width: 100%;
  margin: 55px auto 83px;
  transform: translateX(8px);
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
#success-story.hbo .shorthand svg {
  align-self: center;
}
#success-story.hbo .shorthand .hbo-logo {
  width: 140px;
  margin-top: -8px;
  margin-left: 8px;
  flex: 0 1 25%;
}
#success-story.hbo .shorthand .hbo-shorthand {
  width: 357px;
  flex: 0 1 63.75%;
}
#success-story.hbo .shorthand .hbo-shorthand text {
  font-family: 'PlayFair Display', serif;
  font-size: 19px;
  font-style: italic;
}
#success-story.hbo .shorthand .hbo-shorthand .underline {
  fill: #93eaed;
}
#success-story.hbo .shorthand figcaption {
  margin-top: 36px;
  position: relative;
  left: -3px;
  flex: 0 1 100%;
}
#success-story.hbo .request-demo {
  margin-bottom: 106px;
}
#success-story.hbo .request-demo .subtitle {
  margin-bottom: 65px;
}
#success-story.sumologic .page-wrapper {
  padding-bottom: 65px;
}
#success-story.sumologic .sumologic-logo {
  display: inline-block;
}
#success-story.sumologic .page-header {
  background: linear-gradient(rgba(230, 78, 48, 0.7), rgba(230, 78, 48, 0.7)), url('/images/customer-success/sumologic/header.jpg') no-repeat 0 0;
  text-align: center;
}
#success-story.sumologic .page-header .intro-label {
  margin-bottom: 15px;
}
#success-story.sumologic .page-header .title {
  font-size: 38px;
  line-height: 126%;
}
@media (max-width: 650px) {
  #success-story.sumologic .page-header .title br {
    display: none;
  }
}
#success-story.sumologic .page-header .sumologic-logo {
  margin: 0 auto 29px;
}
#success-story.sumologic .page-section .subtitle {
  margin-top: 38px;
  letter-spacing: -0.014em;
}
#success-story.sumologic .page-section > p {
  margin-bottom: 30px;
}
#success-story.sumologic .page-section > p.lead {
  margin-bottom: 34px;
}
#success-story.sumologic .request-demo {
  margin-bottom: 107px;
  padding-top: 51px;
}
#success-story.sumologic figure.photo.spacing {
  margin-top: 40px;
  margin-bottom: 1px;
}
#success-story.sumologic figure.shadow {
  margin-top: 59px;
  margin-bottom: 58px;
}
#success-story.sumologic figure.shadow img {
  margin-bottom: 11px;
}
#success-story.sumologic figure.shadow figcaption {
  margin-top: 11px;
}
#success-story.sumologic figure.shadow figcaption a {
  cursor: pointer;
  position: relative;
  color: #d8994d;
}
#success-story.sumologic figure.shadow figcaption a:after {
  border-bottom: 1px solid rgba(216, 153, 77, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#success-story.sumologic figure.shadow figcaption a:hover:after {
  border-color: rgba(216, 153, 77, 0);
}
#success-story.sumologic figure.shadow figcaption a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(216, 153, 77, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#success-story.sumologic figure.shadow figcaption a:hover:after {
  opacity: 0;
}
#success-story.sumologic figure.shadow figcaption a:after {
  bottom: 1px;
}
#success-story.sumologic .quote {
  margin-top: 37px;
  padding: 28px 30px 31px 40px;
}
#success-story.sumologic .quote figcaption {
  position: relative;
  top: -3px;
}
#success-story.sumologic .quote blockquote p {
  letter-spacing: -0.005em;
  line-height: 34px;
}
#success-story.sumologic .quote.with-photo {
  margin-top: 7px;
  margin-bottom: 80px;
  padding: 28px 29px 26px 174px;
}
#success-story.sumologic .quote.with-photo blockquote p {
  letter-spacing: 0;
  line-height: 36px;
}
#success-story.liquidplanner .liquidplanner-logo {
  display: inline-block;
}
#success-story.liquidplanner .page-header {
  background: linear-gradient(rgba(230, 78, 48, 0.7), rgba(230, 78, 48, 0.7)), url('/images/customer-success/liquidplanner/header.jpg') no-repeat 0 0;
  background-size: cover;
  text-align: center;
}
#success-story.liquidplanner .page-header .intro-label {
  margin-bottom: 20px;
}
#success-story.liquidplanner .page-header .title {
  margin-top: 26px;
  font-size: 38px;
}
#success-story.liquidplanner figure.shadow {
  margin-top: 23px;
  margin-bottom: 58px;
}
#success-story.liquidplanner figure.shadow img {
  margin-bottom: 10px;
}
#success-story.liquidplanner .quote.with-photo {
  margin-bottom: 60px;
}
#success-story.liquidplanner .quote.with-photo blockquote p {
  line-height: 130%;
}
#success-story.liquidplanner .quote.with-photo blockquote p:last-of-type {
  margin-bottom: 22px;
}
#success-story.liquidplanner .quote figcaption {
  position: relative;
}
#success-story.lookthink .lookthink-logo {
  display: inline-block;
}
#success-story.lookthink .page-header {
  background: linear-gradient(rgba(230, 78, 48, 0.7), rgba(230, 78, 48, 0.7)), url('/images/customer-success/lookthink/header.jpg') no-repeat 0 0;
  background-size: cover;
  text-align: center;
}
#success-story.lookthink .page-header .intro-label {
  margin-bottom: 8px;
}
#success-story.lookthink .page-header .babel-health-logo {
  margin-top: 7px;
  margin-bottom: 18px;
  text-align: center;
}
#success-story.lookthink .page-header .babel-health-logo img {
  display: inline-block;
}
#success-story.lookthink .page-header .title {
  font-size: 38px;
}
#success-story.lookthink .lead {
  margin-bottom: 37px;
}
#success-story.lookthink .lead + p {
  margin-bottom: 30px;
}
#success-story.lookthink .quote {
  margin-bottom: 67px;
}
#success-story.lookthink .quote.with-photo {
  margin-bottom: 60px;
}
#success-story.lookthink .quote.with-photo blockquote p {
  line-height: 130%;
}
#success-story.lookthink .quote figcaption .quote-logo {
  top: 6px;
}
#success-story.lookthink .photo + .quote {
  margin-top: 59px;
}
#success-story.lookthink .photo + .quote.with-photo {
  margin-top: 83px;
}
#success-story.sapient .sapient-logo {
  display: inline-block;
}
#success-story.sapient .page-header {
  background: url('/images/customer-success/sapient/header.jpg') no-repeat 0 0;
  background-size: cover;
  text-align: center;
}
#success-story.sapient .page-header .intro-label {
  margin-bottom: 10px;
}
#success-story.sapient .page-header .title {
  max-width: 880px;
  margin: 12px auto 17px;
  font-size: 38px;
  line-height: 48px;
}
#success-story.sapient .quote.with-photo {
  margin-top: 39px;
}
#success-story.sapient .quote.bottom-space {
  margin-bottom: 89px;
}
#success-story.sapient .quote figcaption .quote-logo {
  top: 6px;
}
#success-story.sapient .photo.pulled-up {
  margin-top: -72px !important;
}
#success-story.sapient .photo.top-space {
  margin-top: 99px !important;
}
#success-story.sapient .request-demo {
  padding-top: 48px;
}
#success-story.paypal .paypal-logo {
  display: inline-block;
}
#success-story.paypal .page-header {
  background: url('/images/customer-success/paypal/header.jpg') no-repeat 0 0;
  background-size: cover;
  text-align: center;
}
#success-story.paypal .page-header .intro-label {
  margin-bottom: 24px;
}
#success-story.paypal .page-header .title {
  margin-top: 19px;
  font-size: 38px;
  line-height: 125%;
}
#success-story.paypal .quote {
  margin-bottom: 85px;
  padding-bottom: 44px;
}
#success-story.paypal .quote.with-photo {
  margin-bottom: 92px;
  padding-bottom: 53px;
}
#success-story.paypal .quote.small-spacing {
  margin-bottom: 57px;
}
#success-story.paypal .quote blockquote p {
  line-height: 130%;
}
#success-story.paypal .quote blockquote p:last-of-type {
  margin-bottom: 21px;
}
#success-story.paypal .quote figcaption .quote-logo {
  margin-left: 5px;
  top: 3px;
}
#success-story.paypal .photo {
  margin-bottom: 57px;
}
#success-story.paypal .photo.small-spacing {
  margin-top: 0;
  margin-bottom: 27px;
}
#success-story.paypal .subtitle {
  line-height: 120%;
}
#success-story.paypal .request-demo {
  padding-top: 25px;
}
#success-story.troweprice .troweprice-logo {
  display: inline-block;
}
#success-story.troweprice .page-header {
  background: url('/images/customer-success/troweprice/header.jpg') no-repeat 0 0;
  background-size: cover;
  text-align: center;
}
#success-story.troweprice .page-header .intro-label {
  margin-bottom: 24px;
}
#success-story.troweprice .page-header .title {
  margin-top: 19px;
  font-size: 38px;
  line-height: 125%;
}
#success-story.troweprice .quote {
  margin-bottom: 85px;
  padding-bottom: 44px;
}
#success-story.troweprice .quote.with-photo {
  margin-bottom: 92px;
  padding-bottom: 53px;
}
#success-story.troweprice .quote.small-spacing {
  margin-bottom: 57px;
}
#success-story.troweprice .quote blockquote p {
  line-height: 130%;
}
#success-story.troweprice .quote blockquote p:last-of-type {
  margin-bottom: 21px;
}
#success-story.troweprice .quote figcaption .quote-logo {
  margin-left: 5px;
  top: 1px;
}
#success-story.troweprice .photo {
  margin-bottom: 57px;
}
#success-story.troweprice .photo.small-spacing {
  margin-top: 0;
  margin-bottom: 27px;
}
#success-story.troweprice .subtitle {
  line-height: 120%;
}
#success-story.troweprice .request-demo {
  padding-top: 25px;
}
@media (max-width: 740px) {
  #success-story .page-header .title {
    font-size: 42px;
  }
  #success-story .page-header .subtitle {
    font-size: 24px;
  }
  #success-story .page-section {
    width: 100%;
  }
  #success-story .page-section:not(.full-width):not(.two-cols) {
    padding-right: 20px;
    padding-left: 20px;
  }
  #success-story .page-section.full-width figcaption {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  #success-story .page-section.two-cols {
    flex-direction: column;
  }
  #success-story .page-section.two-cols .col-left,
  #success-story .page-section.two-cols .col-right {
    width: 100%;
    max-width: 100%;
  }
  #success-story figure {
    max-width: 100%;
  }
  #success-story figure img {
    max-width: 100%;
    height: auto;
  }
  #success-story .photo figcaption.pull-up {
    top: 0;
  }
  #success-story .quote blockquote p {
    font-size: 20px;
  }
  #success-story .quote.negative,
  #success-story .quote.with-photo {
    padding-right: 25px;
    padding-left: 25px !important;
  }
  #success-story .quote.negative .quote-photo,
  #success-story .quote.with-photo .quote-photo {
    width: 120px;
    float: left;
    position: static;
    position: initial;
  }
  #success-story .quote.negative {
    width: 100%;
    margin-left: 60px;
    padding-right: 35px;
  }
  #success-story .quote.negative:before {
    display: none;
  }
  #success-story .quote.negative img {
    margin: -70px 20px 10px -45px;
  }
  #success-story .quote.with-photo .quote-photo {
    margin: -75px 20px 5px -60px;
  }
  #success-story .quote.pulled-up {
    margin-top: 80px;
  }
}
#success-story .drift-success-story-section {
  margin-top: 64px;
}
#success-story .drift-success-story-section__item--image {
  display: flex;
  margin-top: 48px;
  margin-left: auto;
  flex-direction: column;
}
#success-story .drift-success-story-section .one-col {
  display: flex;
  margin-top: 48px;
  margin-bottom: 48px;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #success-story .drift-success-story-section .one-col {
    margin-top: 88px;
  }
}
#success-story .drift-success-story-section .title {
  margin-bottom: 24px;
  color: #151515;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
}
#success-story .drift-success-story-section .text {
  margin-bottom: 24px;
  color: #161616;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
  text-align: center;
}
#success-story .drift-success-story-section .image-with-caption {
  width: 300px;
  margin-bottom: 32px;
  margin-left: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  #success-story .drift-success-story-section .image-with-caption {
    width: 100%;
    max-width: 300px;
  }
}
#success-story .drift-success-story-section .image-with-caption__image {
  max-width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  #success-story .drift-success-story-section .image-with-caption__image {
    width: 250px;
    height: 250px;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  #success-story .drift-success-story-section .image-with-caption__image {
    width: 196px;
    height: 196px;
  }
}
#success-story .drift-success-story-section .image-with-caption .caption {
  width: 352px;
  height: 160px;
  padding: 32px 32px 32px 0;
  position: absolute;
  bottom: -32px;
  left: -144px;
}
#success-story .drift-success-story-section .image-with-caption .caption:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-image: url('/images/home/pricing-pattern-border-top.png'), url('/images/home/pricing-pattern-border-right.png'), url('/images/home/pricing-pattern-border-bottom.png');
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: left top, right 32px, left bottom;
  background-size: 100% 32px, 64px 96px, 100% 32px;
}
@media screen and (max-width: 767px) {
  #success-story .drift-success-story-section .image-with-caption .caption:after {
    width: calc(100% + 32px);
  }
}
@media screen and (max-width: 1023px) {
  #success-story .drift-success-story-section .image-with-caption .caption {
    right: -32px;
    bottom: -96px;
    left: auto;
    left: initial;
  }
}
@media screen and (max-width: 767px) {
  #success-story .drift-success-story-section .image-with-caption .caption {
    width: 100%;
    padding-right: 0;
    bottom: -96px;
    left: 0;
  }
}
#success-story .drift-success-story-section .image-with-caption .caption__content {
  display: flex;
  width: 100%;
  height: 100%;
  padding-left: 32px;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  background-color: #000;
}
#success-story .drift-success-story-section .image-with-caption .caption__name {
  display: block;
  color: #fff;
  font-family: 'Overpass Mono', Inconsolata, 'Courier New', Courier, monospace;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}
#success-story .drift-success-story-section .image-with-caption .caption__position {
  display: block;
  color: #acacac;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
#success-story .drift-success-story-section .btn {
  display: inline-flex;
  min-width: 200px;
  height: 50px;
  padding: 0 32px;
  border: 1px solid #00f;
  border-radius: 0;
  position: relative;
  align-items: center;
  justify-content: center;
  background-color: #00f;
  color: #fff;
  font-family: 'Overpass Mono', Inconsolata, 'Courier New', Courier, monospace;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #success-story .drift-success-story-section .btn {
    width: 100%;
  }
}
#success-story .drift-success-story-section .btn:hover {
  border-color: #ff0;
  background-color: #ff0;
  color: #00f;
}
#online-ebook .header {
  display: inline-block;
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
}
#online-ebook .progress-bar {
  width: 0;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #006cff;
  transition: width 0.2s ease-out;
}
#online-ebook .show-toc {
  height: 13px;
  padding: 0;
  position: absolute;
  bottom: 25px;
  left: 19px;
  vertical-align: middle;
  background-color: transparent;
  box-shadow: none;
}
#online-ebook .show-toc:before {
  content: '';
  display: block;
  width: 17px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #202020;
  box-shadow: 0 -5px 0 0 #202020, 0 5px 0 0 #202020;
}
#online-ebook .show-toc:after {
  content: attr(data-label);
  display: inline-block;
  margin-left: 35px;
  padding-right: 15px;
  border-right: 1px solid #dcdcdc;
  font-size: 18px;
  font-weight: normal;
  line-height: 150%;
}
@media (min-width: 585px) {
  #online-ebook .show-toc.with-label + .title {
    left: 165px !important;
  }
}
@media (max-width: 584px) {
  #online-ebook .show-toc:after {
    display: none;
  }
}
#online-ebook .show-toc,
#online-ebook .title {
  height: 100%;
  position: absolute;
  top: 0;
  vertical-align: middle;
  color: #181818;
  font-family: 'Playfair Display', serif;
  line-height: 55px;
}
#online-ebook .title {
  left: 65px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: -0.028em;
}
#online-ebook .title .text {
  display: inline-block;
  vertical-align: middle;
  color: inherit;
  line-height: 150%;
}
#online-ebook .title .logo {
  display: inline-block;
  opacity: 0.4;
  width: 38px;
  height: 38px;
  margin-left: 32px;
  border: 1px solid #000;
  position: relative;
  vertical-align: middle;
  background: url('/images/homepage/uxpin-black.svg') no-repeat;
  background-position: center;
  background-size: 38px;
  text-indent: -9999px;
  backface-visibility: hidden;
  transition: opacity 0.2s ease-out;
}
#online-ebook .title .logo:before {
  content: "\e908";
  color: #000;
  font-size: 10px;
  height: 38px;
  position: absolute;
  left: -18px;
  line-height: 38px;
  text-indent: 0;
}
#online-ebook .title .logo:hover {
  opacity: 0.8;
}
@media (max-width: 830px) {
  #online-ebook .title {
    font-size: 15px;
  }
}
@media (max-width: 500px) {
  #online-ebook .title {
    max-width: calc(100% - 60px - 10px);
    padding-right: 60px;
    bottom: 0;
  }
  #online-ebook .title .logo {
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
  }
}
#online-ebook .buttons {
  display: inline-block;
  margin-top: 13px;
  float: right;
}
@media (max-width: 1015px) {
  #online-ebook .buttons {
    display: none;
  }
}
#online-ebook .buttons li {
  display: inline-block;
  margin-right: 11px;
}
#online-ebook .buttons .btn-flat {
  padding: 6px 18px 9px 7px;
  border-radius: 8px;
  box-shadow: none;
  transition: background-color 0.2s ease-out;
}
#online-ebook .buttons .btn-flat.download-ebook {
  display: flex;
  padding: 10px 15px 9px 35px;
  align-items: center;
  background-color: #2bcd8a;
  letter-spacing: -0.025em;
}
#online-ebook .buttons .btn-flat.download-ebook:before,
#online-ebook .buttons .btn-flat.download-ebook:after {
  content: '';
  position: absolute;
}
#online-ebook .buttons .btn-flat.download-ebook:before {
  width: 4px;
  height: 6px;
  top: 12px;
  left: 15px;
  background-color: #fff;
}
#online-ebook .buttons .btn-flat.download-ebook:after {
  border: 5px solid transparent;
  border-top-color: #fff;
  top: 18px;
  left: 12px;
}
#online-ebook .buttons .btn-flat.download-ebook:hover {
  background-color: #27b87c;
}
#online-ebook .buttons .btn-flat.icon-20-facebook-full,
#online-ebook .buttons .btn-flat.icon-20-twitter-full,
#online-ebook .buttons .btn-flat.icon-20-linkedin-full {
  letter-spacing: 0.01em;
}
#online-ebook .buttons .btn-flat.icon-20-facebook-full:before,
#online-ebook .buttons .btn-flat.icon-20-twitter-full:before,
#online-ebook .buttons .btn-flat.icon-20-linkedin-full:before {
  margin-right: 6px;
  position: relative;
  top: 2px;
}
#online-ebook .buttons .btn-flat.icon-20-facebook-full {
  background-color: #3973cb;
}
#online-ebook .buttons .btn-flat.icon-20-facebook-full:before {
  content: "\e905";
  color: #fff;
  font-size: 16px;
}
#online-ebook .buttons .btn-flat.icon-20-facebook-full:hover {
  background-color: #3167ba;
}
#online-ebook .buttons .btn-flat.icon-20-twitter-full {
  background-color: #00baff;
}
#online-ebook .buttons .btn-flat.icon-20-twitter-full:before {
  content: "\e904";
  color: #fff;
  font-size: 16px;
}
#online-ebook .buttons .btn-flat.icon-20-twitter-full:hover {
  background-color: #00a7e6;
}
#online-ebook .buttons .btn-flat.icon-20-linkedin-full {
  background-color: #0177b5;
}
#online-ebook .buttons .btn-flat.icon-20-linkedin-full:before {
  content: "\e903";
  color: #fff;
  font-size: 16px;
}
#online-ebook .buttons .btn-flat.icon-20-linkedin-full:hover {
  background-color: #01669c;
}
#online-ebook .buttons.new li {
  vertical-align: middle;
}
#online-ebook .buttons.new .btn-flat {
  height: 35px;
  padding: 0 18px 0 7px;
}
#online-ebook .buttons.new .btn-flat,
#online-ebook .buttons.new .btn-flat:before {
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out;
}
#online-ebook .buttons.new .btn-flat.download-ebook {
  padding: 9px 15px 8px 35px;
  border: 1px solid #2bcd8a;
}
#online-ebook .buttons.new .btn-flat.download-ebook:hover {
  border-color: #27b87c;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full,
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full,
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full {
  border: 1px solid #ececec;
  background-color: #fff;
  line-height: 35px;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full,
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full,
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full,
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full:before,
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:before,
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:before {
  color: #666;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full:hover,
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:hover,
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:hover {
  border-color: #d3d3d3;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full {
  width: auto;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full:hover {
  border-color: #3973cb;
  background-color: #3973cb;
}
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full:hover,
#online-ebook .buttons.new .btn-flat.icon-20-facebook-full:hover:before {
  color: #fff;
}
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full {
  width: 45px;
  padding-right: 2px;
  text-indent: -9999px;
}
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:before {
  display: inline-block;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 35px;
  text-indent: 0;
}
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:hover {
  border-color: #00baff;
  background-color: #00baff;
}
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:hover,
#online-ebook .buttons.new .btn-flat.icon-20-twitter-full:hover:before {
  color: #fff;
}
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full {
  width: 45px;
  padding-right: 2px;
  text-indent: -9999px;
}
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:before {
  display: inline-block;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  line-height: 35px;
  text-indent: 0;
}
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:hover {
  border-color: #0177b5;
  background-color: #0177b5;
}
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:hover,
#online-ebook .buttons.new .btn-flat.icon-20-linkedin-full:hover:before {
  color: #fff;
}
#online-ebook .toc {
  width: 385px;
  height: 100vh;
  position: fixed;
  top: 0;
  left: -385px;
  z-index: 5;
  background-color: #262626;
  transition: left 0.2s ease-in-out;
}
#online-ebook .toc.visible {
  left: 0;
}
#online-ebook .toc .hide-toc {
  display: block;
  width: 16px;
  height: 16px;
  padding: 0;
  position: absolute;
  top: 18px;
  left: 21px;
  transform: rotate(45deg);
  background: transparent;
  box-shadow: none;
  text-indent: -9999px;
}
#online-ebook .toc .hide-toc:before,
#online-ebook .toc .hide-toc:after {
  content: '';
  position: absolute;
  background-color: #fff;
  transition: box-shadow 0.2s ease-out;
}
#online-ebook .toc .hide-toc:before {
  width: 1px;
  height: 16px;
  top: 0;
  bottom: 0;
  left: 50%;
}
#online-ebook .toc .hide-toc:after {
  width: 16px;
  height: 1px;
  top: 50%;
  right: 0;
  left: 0;
}
#online-ebook .toc .toc-title {
  display: inline-block;
  margin-top: 60px;
  margin-left: 23px;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}
#online-ebook .toc .section-list {
  display: table;
  margin-top: 49px;
  margin-left: 23px;
  border-spacing: 6px 21px;
  border-collapse: separate;
  list-style-type: none;
  counter-reset: section -1;
}
#online-ebook .toc .section-list li {
  display: table-row;
  list-style-type: none;
}
#online-ebook .toc .section-list li.active a,
#online-ebook .toc .section-list li.active:before {
  color: #fff;
}
#online-ebook .toc .section-list li:before {
  content: counter(section) '. ';
  display: table-cell;
  padding-right: 10px;
  color: #6e6e6e;
  font-size: 19px;
  counter-increment: section;
  transition: color 0.2s ease-out;
}
#online-ebook .toc .section-list a {
  display: table-cell;
  color: #b5b5b5;
  font-size: 19px;
  font-weight: normal;
  transition: color 0.2s ease-out;
}
#online-ebook .toc .section-list a:hover,
#online-ebook .toc .section-list a.active {
  color: #fff;
}
#online-ebook .toc .section-list a.active {
  pointer-events: none;
}
#online-ebook .toc.large {
  padding-right: 20px;
}
#online-ebook .toc.large .toc-title {
  font-size: 18px;
  line-height: 24px;
}
#online-ebook .toc.large .section-list {
  margin-top: 15px;
  margin-left: 5px;
  border-spacing: 2px 9px;
}
#online-ebook .toc.large .section-list li a,
#online-ebook .toc.large .section-list li:before {
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 385px), (max-height: 600px) {
  #online-ebook .toc .section-list {
    margin-top: 44px;
    margin-left: 5px;
    border-spacing: 6px 10px;
  }
  #online-ebook .toc .section-list li:before {
    font-size: 16px;
  }
  #online-ebook .toc .section-list a {
    font-size: 16px;
  }
}
@media (max-width: 385px) {
  #online-ebook .toc {
    width: 100%;
  }
}
#online-ebook #load-content {
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
#online-ebook .content {
  padding: 103px 15px 20px;
}
#online-ebook .page-section {
  padding-top: 63px;
}
#online-ebook .page-section h2,
#online-ebook .page-section h3,
#online-ebook .page-section h4,
#online-ebook .page-section p,
#online-ebook .page-section ul,
#online-ebook .page-section ol,
#online-ebook .page-section blockquote,
#online-ebook .page-section .indentation {
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  color: #181818;
  text-align: left;
}
#online-ebook .page-section h1,
#online-ebook .page-section .lead {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: -0.015em;
  text-align: center;
}
#online-ebook .page-section h1 {
  margin-bottom: 25px;
  color: #141414;
  font-family: 'Playfair Display', serif;
  font-size: 50px;
  font-weight: bold;
  line-height: 125%;
}
@media (max-width: 750px) {
  #online-ebook .page-section h1 {
    font-size: 40px;
  }
}
#online-ebook .page-section h1 + .cover {
  margin-top: 50px;
}
#online-ebook .page-section .lead {
  margin-bottom: 50px;
  color: #585858;
  font-size: 23px;
  font-weight: normal;
  line-height: 152%;
}
@media (max-width: 750px) {
  #online-ebook .page-section .lead {
    font-size: 18px;
  }
  #online-ebook .page-section .lead br {
    display: none;
  }
}
#online-ebook .page-section a {
  position: relative;
  box-shadow: inset 0 -1px 0 0 transparent;
  color: #141414;
  transition: box-shadow 0.2s ease-out;
}
#online-ebook .page-section a:hover {
  box-shadow: inset 0 -1px 0 0 rgba(20, 20, 20, 0.4);
}
#online-ebook .page-section .content-toc {
  display: table;
  width: 550px;
  margin-top: -6px;
  margin-bottom: 70px;
  padding-left: 0;
  border-spacing: 3px 9px;
  border-collapse: separate;
  font-size: 18px;
  counter-reset: content-section -1;
}
@media (max-width: 550px) {
  #online-ebook .page-section .content-toc {
    width: 100%;
  }
}
#online-ebook .page-section .content-toc li {
  display: table-row;
  list-style-type: none;
}
#online-ebook .page-section .content-toc li:before {
  content: counter(content-section) '. ';
  display: table-cell;
  width: 32px;
  padding-right: 10px;
  counter-increment: content-section;
}
#online-ebook .page-section .content-toc span {
  display: table-cell;
}
#online-ebook .page-section .content-toc span a {
  box-shadow: inset 0 -1px 0 0 rgba(20, 20, 20, 0.4);
  color: #141414;
  transition: box-shadow 0.2s ease-out;
}
#online-ebook .page-section .content-toc span a:hover {
  box-shadow: inset 0 -1px 0 0 transparent;
}
#online-ebook .page-section .content-toc.preview li:not(.active),
#online-ebook .page-section .content-toc.preview li:not(.active):before {
  color: #aaa;
}
#online-ebook .page-section .indentation {
  margin-bottom: 37px;
}
#online-ebook .page-section .indentation + h3 {
  margin-top: 57px;
}
#online-ebook .page-section .indentation .indentation {
  margin-left: 30px;
  position: relative;
}
#online-ebook .page-section .indentation .indentation p:last-child,
#online-ebook .page-section .indentation .indentation em:last-child {
  margin-bottom: 0;
}
#online-ebook .page-section .indentation .checkmark {
  margin-bottom: 12px;
  position: relative;
  color: #181818;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
}
#online-ebook .page-section .indentation .checkmark:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border: 2px solid #181818;
  position: absolute;
  top: 6px;
  left: 0;
}
#online-ebook .page-section .indentation .checkmark * {
  color: inherit;
}
#online-ebook .page-section .indentation > p,
#online-ebook .page-section .indentation > em,
#online-ebook .page-section .indentation .checkmark,
#online-ebook .page-section .indentation figure {
  display: block;
  padding-left: 30px;
}
#online-ebook .page-section .indentation ul,
#online-ebook .page-section .indentation ol {
  margin-left: 30px;
}
#online-ebook .page-section h2,
#online-ebook .page-section h3 {
  margin-bottom: 12px;
  font-size: 27px;
  font-weight: normal;
  letter-spacing: -0.015em;
}
#online-ebook .page-section h3 + .indentation .checkmark {
  margin-top: 32px;
}
#online-ebook .page-section.chapters h2 {
  max-width: 550px;
  padding-top: 4px;
  padding-bottom: 25px;
  color: #151515;
  font-family: 'Playfair Display', serif;
  font-size: 36px;
  font-weight: bold;
  line-height: 133%;
  text-align: center;
}
#online-ebook .page-section.chapters h2:before {
  content: attr(data-number);
  display: block;
  font-size: 24px;
  line-height: 100%;
}
#online-ebook .page-section h4 {
  margin-top: 52px;
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 500;
}
#online-ebook .page-section p,
#online-ebook .page-section ul,
#online-ebook .page-section ol,
#online-ebook .page-section footer {
  margin-bottom: 37px;
  font-size: 18px;
  line-height: 30px;
}
#online-ebook .page-section p a,
#online-ebook .page-section ul a,
#online-ebook .page-section ol a,
#online-ebook .page-section footer a {
  box-shadow: inset 0 -1px 0 0 rgba(24, 24, 24, 0.35);
}
#online-ebook .page-section p a:hover,
#online-ebook .page-section ul a:hover,
#online-ebook .page-section ol a:hover,
#online-ebook .page-section footer a:hover {
  box-shadow: inset 0 -1px 0 0 transparent;
}
#online-ebook .page-section ul {
  padding-left: 16px;
}
#online-ebook .page-section ul li {
  margin-bottom: 7px;
  padding-left: 3px;
  list-style-type: disc;
}
#online-ebook .page-section ul li ul {
  margin-bottom: 18px;
}
#online-ebook .page-section ul li ul li {
  list-style-type: circle;
}
#online-ebook .page-section figure {
  max-width: 100%;
  margin: 0 auto 43px;
  text-align: center;
}
#online-ebook .page-section figure img {
  display: inline-block;
  max-width: 100%;
  border-radius: 5px;
  box-shadow: 0 10px 25px rgba(171, 171, 171, 0.53);
}
#online-ebook .page-section figure figcaption {
  margin-top: 2px;
  font-size: 13px;
  font-weight: normal;
}
#online-ebook .page-section figure figcaption,
#online-ebook .page-section figure figcaption a {
  color: #181818;
}
#online-ebook .page-section figure figcaption a {
  box-shadow: inset 0 -1px 0 0 #b1b1b1;
}
#online-ebook .page-section figure figcaption a:hover {
  box-shadow: inset 0 -1px 0 0 transparent;
}
#online-ebook .page-section figure.cover {
  margin-bottom: 109px;
}
#online-ebook .page-section figure.cover img {
  box-shadow: 0 36px 76px rgba(171, 171, 171, 0.53);
}
#online-ebook .page-section figure.fb {
  transform: translateX(10px);
}
#online-ebook .page-section figure.fb ol {
  max-width: 280px;
}
#online-ebook .page-section figure.fb ol li {
  margin-bottom: 15px;
  padding-left: 20px;
  line-height: 130%;
}
#online-ebook .page-section figure.no-shadow img {
  box-shadow: none;
}
#online-ebook .page-section blockquote {
  margin-bottom: 37px;
  padding: 3px 0 0 25px;
  border-left: 2px solid #006cff;
}
#online-ebook .page-section blockquote p {
  color: #111111;
  font-size: 24px;
  font-style: italic;
  font-weight: 300;
  line-height: 32px;
}
#online-ebook .page-section blockquote p:last-of-type {
  margin-bottom: 0;
}
#online-ebook .page-section .tip {
  max-width: 700px;
  margin: 0 auto 65px;
  padding: 40px 35px;
  border: 2px solid rgba(0, 0, 0, 0.07);
}
#online-ebook .page-section .tip .label {
  display: block;
  margin-bottom: 25px;
  color: #181818;
  font-size: 24px;
  font-weight: normal;
  text-align: center;
}
#online-ebook .page-section .tip figure {
  max-width: 550px;
  margin-bottom: 0;
}
#online-ebook .page-section .tip figure.person {
  margin-top: 30px;
  margin-bottom: 30px;
}
#online-ebook .page-section .tip figure.person img {
  border-radius: 50%;
}
#online-ebook .page-section .tip blockquote {
  margin-bottom: 10px;
}
#online-ebook .page-section .tip blockquote p {
  font-style: italic;
}
#online-ebook .page-section .tip blockquote footer {
  max-width: 550px;
  margin: 0 auto 37px;
  color: #181818;
  font-size: 18px;
  text-align: right;
}
#online-ebook .download-form {
  display: none;
  width: 740px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 40px;
  border-radius: 8px;
  align-content: flex-start;
  justify-content: flex-start;
  background-color: #fff;
  box-shadow: 0 36px 76px rgba(171, 171, 171, 0.33);
}
#online-ebook .download-form.visible {
  display: flex;
}
#online-ebook .download-form h3,
#online-ebook .download-form p {
  color: #181818;
  font-weight: normal;
  letter-spacing: -0.015em;
}
#online-ebook .download-form h3 {
  margin-top: -6px;
  margin-bottom: 12px;
  font-size: 27px;
  line-height: 141%;
}
#online-ebook .download-form p {
  font-size: 18px;
  line-height: 33px;
}
#online-ebook .download-form small {
  display: block;
  margin-top: 10px;
  color: #828282;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.015em;
}
#online-ebook .download-form figure {
  height: 100%;
  margin-right: 37px;
  flex-shrink: 0;
}
@media (max-width: 580px) {
  #online-ebook .download-form figure {
    display: none;
  }
}
#online-ebook .download-form figure img {
  border-radius: 0;
}
#online-ebook .download-form figure.shadow img {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.3);
}
#online-ebook .download-form.blue {
  width: 767px;
  padding: 68px 64px 28px 69px;
  border: 2px solid #006cff;
  box-shadow: 0 3px 4px rgba(171, 171, 171, 0.4);
}
#online-ebook .download-form.blue h3 {
  margin-top: -7px;
  font-size: 30px;
  font-weight: 600;
  line-height: 126%;
}
@media (max-width: 780px) {
  #online-ebook .download-form.blue h3 br {
    display: none;
  }
}
#online-ebook .download-form.blue figure {
  margin-right: 30px;
}
@media (max-width: 580px) {
  #online-ebook .download-form.blue figure {
    display: none;
  }
}
#online-ebook .download-form.blue figure img {
  border-radius: 3px;
}
#online-ebook .download-form.blue figure figcaption h4 {
  margin-bottom: 3px !important;
}
#online-ebook .download-form.blue small {
  margin-top: 9px;
  margin-left: 2px;
  font-size: 14px;
  letter-spacing: 0.02em;
}
#online-ebook .download-form.blue small.additional-info {
  margin-top: 0;
  margin-left: 0;
  color: #868686;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  text-align: left;
}
#online-ebook .download-form.blue .cta {
  max-width: 478px;
  margin-right: auto;
  margin-left: auto;
}
#online-ebook .download-form.blue .cta h3 {
  text-align: center;
}
#online-ebook .download-form.blue .hbspt .hs-error-msgs {
  margin-bottom: 10px;
  padding-left: 0;
}
#online-ebook .download-form.enterprise {
  display: block;
  width: 960px;
  padding-top: 120px;
  padding-bottom: 80px;
  box-shadow: none;
  text-align: center;
}
#online-ebook .download-form.enterprise .title {
  margin-top: 0;
  margin-bottom: 38px;
  position: relative;
  color: #141414;
  font-family: 'ProximaNova', sans-serif !important;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: -0.01em;
  text-align: center;
}
#online-ebook .download-form.enterprise > p {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #464646;
  font-size: 22px;
  font-weight: 300;
  line-height: 164%;
  text-align: center;
}
#online-ebook .download-form.downloadables {
  display: block;
  padding: 24px 6px 0;
}
#online-ebook .download-form.downloadables .ebook-set {
  display: flex;
  margin-bottom: 22px;
  position: relative;
}
#online-ebook .download-form.downloadables .ebook-set figure {
  max-width: 176px;
  margin: 0 auto;
  position: relative;
}
#online-ebook .download-form.downloadables .ebook-set figure.set {
  max-width: 290px;
  text-align: center;
}
#online-ebook .download-form.downloadables .ebook-set figure.set img {
  max-width: none;
  margin: -23px auto -54px 50%;
  transform: translateX(-50%);
  box-shadow: none;
}
#online-ebook .download-form.downloadables .ebook-set figure img {
  border-radius: 0;
  box-shadow: 0 4px 7.5px 1px rgba(0, 0, 0, 0.3);
}
#online-ebook .download-form.downloadables .ebook-set figure figcaption {
  margin-top: 24px;
}
#online-ebook .download-form.downloadables .ebook-set figure figcaption h4,
#online-ebook .download-form.downloadables .ebook-set figure figcaption p {
  margin-top: 0;
  font-size: 13px;
  line-height: 18px;
}
#online-ebook .download-form.downloadables .ebook-set figure figcaption h4 {
  margin-bottom: 6px;
  color: #111111;
}
#online-ebook .download-form.downloadables .ebook-set figure figcaption p {
  color: #848484;
}
#online-ebook .download-form.downloadables .ebook-set figure figcaption p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 780px) {
  #online-ebook .download-form.downloadables .ebook-set {
    min-height: 400px;
  }
  #online-ebook .download-form.downloadables .ebook-set figure {
    position: absolute;
    top: 0;
  }
  #online-ebook .download-form.downloadables .ebook-set figure:nth-of-type(1) {
    left: 0;
  }
  #online-ebook .download-form.downloadables .ebook-set figure:nth-of-type(2) {
    top: 50px;
    left: 23%;
    z-index: 1;
  }
  #online-ebook .download-form.downloadables .ebook-set figure:nth-of-type(3) {
    right: 0;
  }
  #online-ebook .download-form.downloadables .ebook-set figure figcaption {
    display: none;
  }
}
#online-ebook .sign-up-form,
#online-ebook .signup-info {
  display: block;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
}
#online-ebook .sign-up-form {
  margin-top: 85px;
}
#online-ebook .sign-up-form button {
  border-radius: 8px;
  background: #006cff;
  box-shadow: none;
}
#online-ebook .sign-up-form button:hover {
  background: #0061e6;
}
@media only screen and (max-width: 767px) {
  #online-ebook .sign-up-form .error-tip span {
    width: 100%;
  }
}
#online-ebook .signup-info {
  margin-top: 10px;
  margin-bottom: 125px;
  line-height: 120%;
}
#online-ebook.preview {
  padding-bottom: 40px;
}
#online-ebook.preview .title {
  right: 0;
  left: 0;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #online-ebook.preview .title {
    max-width: calc(100% - 120px);
    right: 15px;
    left: auto;
    left: initial;
  }
}
#online-ebook.preview .icon-20-back {
  display: inline-block;
  opacity: 0.5;
  height: 100%;
  padding-left: 15px;
  position: absolute;
  z-index: 1;
  vertical-align: middle;
  color: #000;
  font-size: 12px;
  line-height: 63px;
  text-transform: uppercase;
  transition: opacity 0.2s ease-out;
}
#online-ebook.preview .icon-20-back:before {
  content: "\e909";
  color: #000;
  font-size: 12px;
  margin-right: 15px;
}
#online-ebook.preview .icon-20-back:hover {
  opacity: 1;
}
#online-ebook.paginated .hide-toc {
  right: 21px;
  left: auto;
}
#online-ebook.paginated .title .logo {
  margin-left: 25px;
}
#online-ebook.paginated .buttons.new .btn-flat.download-ebook {
  padding-left: 15px;
  border: none;
  background: #006cff;
}
#online-ebook.paginated .buttons.new .btn-flat.download-ebook:hover {
  background: #0061e6;
}
#online-ebook.paginated .buttons.new .btn-flat.download-ebook:before,
#online-ebook.paginated .buttons.new .btn-flat.download-ebook:after {
  display: none;
}
#online-ebook.paginated .toc .toc-title {
  max-width: 230px;
}
#online-ebook.paginated .toc .section-list {
  counter-reset: section 0;
}
#online-ebook.paginated .page-section .content-toc {
  counter-reset: content-section 0;
}
#online-ebook.paginated .page-section code {
  font-family: 'ProximaNova', sans-serif;
}
#online-ebook.paginated .download-banner {
  display: block;
  max-width: 800px;
  margin: 80px auto 45px;
}
#online-ebook.paginated .download-banner .banner-image {
  width: 100%;
}
#online-ebook.paginated .download-form {
  width: 800px;
  margin-top: 80px;
  margin-bottom: 45px;
  padding-bottom: 41px;
  box-shadow: none;
}
#online-ebook.paginated .download-form h3 {
  margin-top: 20px;
  margin-bottom: 40px;
  text-align: center;
}
#online-ebook.paginated .download-form figure figcaption {
  margin-top: 14px !important;
}
#online-ebook.paginated .download-form .hbspt-legal-note {
  margin-top: 10px;
}
#online-ebook.paginated .download-form .hbspt-legal-note a {
  color: inherit;
}
@media screen and (max-width: 767px) {
  #online-ebook.paginated .download-form .ebook-set {
    min-height: 495px;
  }
  #online-ebook.paginated .download-form .ebook-set figure {
    display: block;
  }
  #online-ebook.paginated .download-form .ebook-set figure:nth-of-type(1) {
    top: 39%;
    left: 20px;
    z-index: 2;
  }
  #online-ebook.paginated .download-form .ebook-set figure:nth-of-type(2) {
    top: 47%;
    right: 20px;
    left: auto;
    z-index: 3;
  }
  #online-ebook.paginated .download-form .ebook-set figure:nth-of-type(3) {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}
#online-ebook.paginated .download-form .cta {
  max-width: 420px;
}
#online-ebook.paginated .pagination {
  display: flex;
  margin-bottom: 0;
}
#online-ebook.paginated .pagination li {
  width: 50%;
  background: #f0f6ff;
  overflow: hidden;
}
#online-ebook.paginated .pagination li:not(:empty):hover {
  background: #006cff;
}
#online-ebook.paginated .pagination li:not(:empty):hover .pagination-subtitle {
  color: #b3d3ff;
}
#online-ebook.paginated .pagination li:not(:empty):hover .pagination-subtitle:before {
  border-color: transparent #b3d3ff transparent transparent;
}
#online-ebook.paginated .pagination li:not(:empty):hover .pagination-subtitle:after {
  border-color: #b3d3ff;
}
#online-ebook.paginated .pagination li:not(:empty):hover .pagination-title {
  color: #fff;
}
#online-ebook.paginated .pagination li.prev .link {
  align-items: flex-end;
  text-align: left;
}
#online-ebook.paginated .pagination li.prev .link .pagination-title {
  margin-right: 40px;
}
#online-ebook.paginated .pagination li.next .link {
  align-items: flex-start;
  text-align: right;
}
#online-ebook.paginated .pagination li.next .link .pagination-title {
  margin-left: 40px;
}
#online-ebook.paginated .pagination li .link {
  display: flex;
  width: 100%;
  height: 135px;
  padding-top: 22px;
  padding-bottom: 19px;
  align-items: flex-start;
  flex-direction: column;
}
#online-ebook.paginated .pagination li .pagination-subtitle,
#online-ebook.paginated .pagination li .pagination-title {
  display: block;
  width: 100%;
}
#online-ebook.paginated .pagination li .pagination-subtitle {
  max-width: 400px;
  margin-bottom: 6px;
  position: relative;
  color: #8492a4;
  font-size: 18px;
  line-height: 24px;
}
#online-ebook.paginated .pagination li .pagination-subtitle:before,
#online-ebook.paginated .pagination li .pagination-subtitle:after {
  content: '';
  margin: auto;
  border-style: solid;
  position: absolute;
  top: 0;
  bottom: 0;
}
#online-ebook.paginated .pagination li .pagination-subtitle:before {
  width: 12px;
  height: 8px;
  border-width: 4px 6px;
  border-color: transparent #8492a4 transparent transparent;
  border-radius: 8px;
}
#online-ebook.paginated .pagination li .pagination-subtitle:after {
  width: 10px;
  height: 0;
  border-width: 1px;
  border-style: solid none none;
  border-color: #8492a4;
}
#online-ebook.paginated .pagination li .pagination-subtitle.prev {
  margin-left: 27px;
}
#online-ebook.paginated .pagination li .pagination-subtitle.prev:before {
  left: -27px;
  transform: translate(-5px, -0.5px);
}
#online-ebook.paginated .pagination li .pagination-subtitle.prev:after {
  left: -27px;
  transform: translate(7px, -1px);
}
#online-ebook.paginated .pagination li .pagination-subtitle.next {
  margin-right: 27px;
}
#online-ebook.paginated .pagination li .pagination-subtitle.next:before {
  right: -27px;
  transform: rotate(180deg) translate(-5px, 0.5px);
}
#online-ebook.paginated .pagination li .pagination-subtitle.next:after {
  right: -27px;
  transform: translate(-7px, -1px);
}
#online-ebook.paginated .pagination li .pagination-title {
  max-width: 360px;
  color: #151515;
  font-size: 24px;
  line-height: 32px;
}
@media screen and (max-width: 800px) {
  #online-ebook.paginated .pagination li .link {
    max-width: none;
    padding-right: 20px;
    padding-left: 20px;
  }
  #online-ebook.paginated .pagination li .pagination-title,
  #online-ebook.paginated .pagination li .pagination-subtitle {
    width: calc(100% - 40px);
  }
  #online-ebook.paginated .pagination li .pagination-subtitle {
    font-size: 14px;
    line-height: 18px;
  }
  #online-ebook.paginated .pagination li .pagination-title {
    font-size: 16px;
    line-height: 20px;
  }
}
#comparison .main-header {
  height: 797px;
  position: relative;
  background: url('/images/homepage/comparison/header.jpg') no-repeat center center;
  background-size: cover;
}
#comparison .main-header:after {
  content: '';
  width: 327px;
  height: 327px;
  margin: auto;
  border: 4px solid #d8994d;
  position: absolute;
  right: 0;
  bottom: 33px;
  left: 0;
  z-index: 0;
  background: none;
}
#comparison .main-header .content-wrapper {
  position: relative;
  z-index: 1;
  transform: translateY(59px);
}
#comparison .main-header .header {
  color: #fff;
  font-size: 64px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 112%;
}
#comparison .main-header .subheader {
  display: inline-block;
  margin-top: 144px;
  padding-bottom: 20px;
  position: relative;
  color: #8e8e8e;
  font-size: 20px;
  font-weight: 500;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
#comparison .main-header .subheader:after {
  content: '';
  width: 0;
  height: 0;
  margin: auto;
  border-width: 6px;
  border-style: solid;
  border-color: #8e8e8e transparent transparent;
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
}
#comparison .main-header .subheader:hover {
  color: #a8a8a8;
}
#comparison .main-header .subheader:hover:after {
  border-top-color: #a8a8a8;
}
@media only screen and (max-width: 767px) {
  #comparison .main-header:after {
    width: 237px;
    height: 237px;
  }
  #comparison .main-header .content-wrapper {
    transform: translateY(89px);
  }
  #comparison .main-header .header {
    font-size: 33px;
  }
  #comparison .main-header .subheader {
    font-size: 16px;
  }
  #comparison .main-header .subheader:after {
    top: 30px;
  }
}
#comparison .join button {
  background-color: #006cff;
}
#comparison .join button:hover {
  background-color: #0061e6;
}
#comparison .join .signup-legal-note a {
  position: relative;
}
#comparison .join .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #506377;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
#comparison .join .signup-legal-note a:hover:after {
  opacity: 0;
}
#comparison .main-footer {
  background-color: #171717;
}
.comparison-heading {
  margin: 70px auto 100px;
  padding-right: 20px;
  padding-left: 20px;
  color: #212121;
  font-size: 64px;
  font-weight: 600;
  line-height: 110%;
  text-align: center;
}
#product-tour .header {
  height: 100vh;
  padding-top: 200px;
  position: relative;
  background: #052071 url('/images/homepage/product-tour/header-bg.jpg') no-repeat center center;
  background-size: cover;
  text-align: center;
}
@media screen and (min-height: 870px) and (min-width: 768px) {
  #product-tour .header,
  #product-tour .header:after {
    max-height: calc(100vh - 164px);
  }
}
#product-tour .header > * {
  position: relative;
  z-index: 2;
}
#product-tour .header:after {
  content: '';
  opacity: 0.6;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: radial-gradient(ellipse farthest-corner at 50% 40%, rgba(0, 0, 0, 0.55) 0%, #000 100%);
}
#product-tour .header .centering-block {
  height: 350px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#product-tour .header h1 {
  margin-bottom: 18px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 130%;
}
#product-tour .header .tagline,
#product-tour .header .cta {
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}
#product-tour .header .tagline {
  margin-bottom: 105px;
  font-size: 24px;
}
#product-tour .header .cta {
  margin-bottom: 23px;
  font-size: 20px;
}
@media screen and (max-height: 800px) {
  #product-tour .header .centering-block {
    height: 310px;
  }
  #product-tour .header .tagline {
    margin-bottom: 70px;
  }
}
@media screen and (max-height: 940px) {
  #product-tour .header .centering-block {
    transform: translateY(30px);
  }
}
@media screen and (max-width: 1155px) and (min-height: 871px) {
  #product-tour .header .centering-block {
    height: 425px;
  }
}
@media only screen and (max-width: 767px) {
  #product-tour .header,
  #product-tour .header .centering-block {
    height: auto;
    max-height: none;
    padding-bottom: 40px;
    position: relative;
    transform: none;
  }
}
@media screen and (max-width: 550px) {
  #product-tour .header h1 {
    font-size: 48px;
  }
  #product-tour .header .tagline {
    margin-bottom: 70px;
    font-size: 20px;
  }
}
@media screen and (max-width: 420px) {
  #product-tour .header h1 {
    font-size: 38px;
  }
  #product-tour .header .cta {
    font-size: 14px;
  }
}
#product-tour .section-nav {
  width: 100%;
  height: 164px;
  border-bottom: 1px solid #ededed;
  position: relative;
  z-index: 2;
  background-color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #product-tour .section-nav {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #product-tour .section-nav.sticky {
    position: fixed;
    top: -86px;
  }
  #product-tour .section-nav.sticky + .feature .lead {
    margin-top: 164px;
  }
}
#product-tour .section-nav ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
}
#product-tour .section-nav ul li {
  width: 150px;
}
#product-tour .section-nav ul li a {
  display: block;
  height: 100%;
  color: #8e8e8e;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 18px;
  text-transform: uppercase;
  transition: color 0.2s ease-out;
}
#product-tour .section-nav ul li a.active,
#product-tour .section-nav ul li a:hover {
  color: #212121;
}
#product-tour .section-nav ul li a figure {
  width: 100%;
  height: 105px;
  position: relative;
}
#product-tour .section-nav ul li a img {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
}
#product-tour .section-nav ul li a.link-wireframing-prototyping img {
  top: 34px;
}
#product-tour .section-nav ul li a.link-design-systems img {
  top: 24px;
}
#product-tour .section-nav ul li a.link-collaboration img {
  top: 38px;
}
#product-tour .section-nav ul li a.link-project-tracking img {
  top: 28px;
}
#product-tour .section-nav .progress-bar {
  content: '';
  width: 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  background-color: #006cff;
  text-indent: -9999px;
  transition: width 0.2s ease-in-out;
}
#product-tour .feature .lead,
.new-copy-home-product .feature .lead {
  margin-bottom: 122px;
  padding-right: 25px;
  padding-left: 25px;
  color: #212121;
  font-size: 45px;
  font-weight: 300;
  line-height: 48px;
  text-align: center;
}
#product-tour .feature .centering-block,
.new-copy-home-product .feature .centering-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#product-tour .feature .centering-block aside,
.new-copy-home-product .feature .centering-block aside {
  max-width: 46%;
  flex: 0 1 50%;
}
#product-tour .feature .centering-block h2,
.new-copy-home-product .feature .centering-block h2 {
  margin-bottom: 45px;
  color: #212121;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
  text-align: left;
}
#product-tour .feature .centering-block ul li,
.new-copy-home-product .feature .centering-block ul li {
  margin-bottom: 20px;
  padding-left: 24px;
  position: relative;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}
#product-tour .feature .centering-block ul li:before,
.new-copy-home-product .feature .centering-block ul li:before {
  text-align: center;
  font-family: 'UXPin-Homepage-20';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  color: #006cff;
  font-size: 5px;
  position: absolute;
  top: 12px;
  left: 5px;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  #product-tour .feature .centering-block ul li:before,
  .new-copy-home-product .feature .centering-block ul li:before {
    left: 4.5px;
  }
}
#product-tour .feature .centering-block ul li:after,
.new-copy-home-product .feature .centering-block ul li:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #b0b0b0;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
  #product-tour .feature .centering-block ul li:after,
  .new-copy-home-product .feature .centering-block ul li:after {
    top: 6.5px;
  }
}
#product-tour .feature .centering-block .btn-flat,
.new-copy-home-product .feature .centering-block .btn-flat {
  margin-top: 17px;
  padding: 17px 33px;
  font-size: 16px;
}
#product-tour .feature .centering-block a.learn-more,
.new-copy-home-product .feature .centering-block a.learn-more {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-left: 40px;
  color: #006cff;
  transition: color 0.2s ease-out;
}
#product-tour .feature .centering-block a.learn-more:after,
.new-copy-home-product .feature .centering-block a.learn-more:after {
  border-bottom: 1px solid #006cff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
#product-tour .feature .centering-block a.learn-more:hover:after,
.new-copy-home-product .feature .centering-block a.learn-more:hover:after {
  opacity: 1;
}
#product-tour .feature .centering-block a.learn-more:hover,
.new-copy-home-product .feature .centering-block a.learn-more:hover {
  color: #0061e6;
}
#product-tour .feature .centering-block figure,
.new-copy-home-product .feature .centering-block figure {
  max-width: 45.4%;
  flex: 0 1 50%;
}
#product-tour .feature .centering-block figure img,
.new-copy-home-product .feature .centering-block figure img {
  float: left;
}
#product-tour .feature .testimonials-quotes-list,
.new-copy-home-product .feature .testimonials-quotes-list {
  margin-top: 29px;
  padding-top: 9px;
  padding-bottom: 54px;
  border-top: 1px solid #ededed;
}
#product-tour .feature .testimonials-quotes-list .quote-list,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list {
  padding-right: 0;
  padding-left: 0;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item {
  flex-basis: 42.7%;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote .person,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote .person {
  margin-top: 7px;
  color: #a2a2a2;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote .person img,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote .person img {
  border-radius: 0;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote .person figcaption,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote .person figcaption {
  line-height: 17px;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote .person .name,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote .person .name {
  margin-top: 10px;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote .person .company,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote .person .company {
  color: #212121;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote blockquote:before,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote blockquote:before {
  top: -16px;
}
#product-tour .feature .testimonials-quotes-list .quote-list .quote-item .quote blockquote p,
.new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .quote blockquote p {
  color: #212121;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
#product-tour .feature.blue,
.new-copy-home-product .feature.blue {
  background-color: #006cff;
}
#product-tour .feature.blue .centering-block,
.new-copy-home-product .feature.blue .centering-block {
  flex-direction: row-reverse;
}
#product-tour .feature.blue .centering-block h2,
.new-copy-home-product .feature.blue .centering-block h2 {
  color: #fff;
}
#product-tour .feature.blue .centering-block ul li,
.new-copy-home-product .feature.blue .centering-block ul li,
#product-tour .feature.blue .centering-block ul li:before,
.new-copy-home-product .feature.blue .centering-block ul li:before {
  color: #fff;
}
#product-tour .feature.blue .centering-block ul li:after,
.new-copy-home-product .feature.blue .centering-block ul li:after {
  border-color: #7cb3ff;
}
#product-tour .feature.blue .centering-block a.learn-more,
.new-copy-home-product .feature.blue .centering-block a.learn-more {
  cursor: pointer;
  position: relative;
  color: #fff;
}
#product-tour .feature.blue .centering-block a.learn-more:after,
.new-copy-home-product .feature.blue .centering-block a.learn-more:after {
  border-bottom: 1px solid #99c4ff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
#product-tour .feature.blue .centering-block a.learn-more:hover:after,
.new-copy-home-product .feature.blue .centering-block a.learn-more:hover:after {
  opacity: 1;
}
#product-tour .feature.blue .centering-block a.learn-more:hover,
.new-copy-home-product .feature.blue .centering-block a.learn-more:hover {
  color: #e5f0ff;
}
#product-tour .feature.blue .centering-block figure img,
.new-copy-home-product .feature.blue .centering-block figure img {
  float: right;
}
#product-tour .feature.blue .testimonials-quotes-list,
.new-copy-home-product .feature.blue .testimonials-quotes-list {
  padding-top: 22px;
  padding-bottom: 92px;
  border-top-color: #2581ff;
}
#product-tour .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote .person,
.new-copy-home-product .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote .person {
  color: #cfe3ff;
}
#product-tour .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote .person .company,
.new-copy-home-product .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote .person .company {
  color: #fff;
}
#product-tour .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote blockquote:before,
.new-copy-home-product .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote blockquote:before {
  color: #005ede;
}
#product-tour .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote blockquote p,
.new-copy-home-product .feature.blue .testimonials-quotes-list .quote-list .quote-item .quote blockquote p {
  color: #fff;
}
#product-tour .feature#wireframing-prototyping,
.new-copy-home-product .feature#wireframing-prototyping {
  padding-top: 121px;
}
#product-tour .feature#wireframing-prototyping aside,
.new-copy-home-product .feature#wireframing-prototyping aside {
  transform: translateY(-77px);
}
#product-tour .feature#wireframing-prototyping figure,
.new-copy-home-product .feature#wireframing-prototyping figure {
  transform: translateX(8px);
}
#product-tour .feature#design-systems,
.new-copy-home-product .feature#design-systems {
  padding-top: 185px;
}
#product-tour .feature#design-systems aside,
.new-copy-home-product .feature#design-systems aside {
  transform: translate(4px, -53px);
}
#product-tour .feature#design-systems figure,
.new-copy-home-product .feature#design-systems figure {
  transform: translateX(3px);
}
#product-tour .feature#design-systems .testimonials-quotes-list,
.new-copy-home-product .feature#design-systems .testimonials-quotes-list {
  margin-top: 61px;
  padding-top: 22px;
  padding-bottom: 92px;
}
#product-tour .feature#collaboration,
.new-copy-home-product .feature#collaboration {
  padding-top: 177px;
}
#product-tour .feature#collaboration aside,
.new-copy-home-product .feature#collaboration aside {
  transform: translateY(-57px);
}
#product-tour .feature#project-tracking,
.new-copy-home-product .feature#project-tracking {
  padding-top: 185px;
}
#product-tour .feature#project-tracking aside,
.new-copy-home-product .feature#project-tracking aside {
  transform: translateY(-59px);
}
@media screen and (max-width: 1500px) {
  #product-tour .feature .centering-block aside,
  .new-copy-home-product .feature .centering-block aside {
    flex-basis: 40%;
  }
  #product-tour .feature .centering-block figure,
  .new-copy-home-product .feature .centering-block figure {
    max-width: 55.4%;
    flex-basis: 60%;
  }
}
@media screen and (max-width: 1250px) {
  #product-tour .feature .testimonials-quotes-list .quote-list,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-list {
    padding-right: 25px;
    padding-left: 25px;
  }
  #product-tour .feature .testimonials-quotes-list .quote-list .quote-item,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item {
    flex-basis: 47%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #product-tour .feature,
  .new-copy-home-product .feature,
  #product-tour .feature.blue,
  .new-copy-home-product .feature.blue {
    padding-top: 100px !important;
  }
  #product-tour .feature .centering-block,
  .new-copy-home-product .feature .centering-block,
  #product-tour .feature.blue .centering-block,
  .new-copy-home-product .feature.blue .centering-block {
    flex-direction: column-reverse;
  }
  #product-tour .feature .centering-block aside,
  .new-copy-home-product .feature .centering-block aside,
  #product-tour .feature.blue .centering-block aside,
  .new-copy-home-product .feature.blue .centering-block aside,
  #product-tour .feature .centering-block figure,
  .new-copy-home-product .feature .centering-block figure,
  #product-tour .feature.blue .centering-block figure,
  .new-copy-home-product .feature.blue .centering-block figure {
    max-width: none;
    flex-basis: auto;
  }
  #product-tour .feature .centering-block aside,
  .new-copy-home-product .feature .centering-block aside,
  #product-tour .feature.blue .centering-block aside,
  .new-copy-home-product .feature.blue .centering-block aside {
    max-width: 590px;
    transform: none !important;
  }
  #product-tour .feature .centering-block figure,
  .new-copy-home-product .feature .centering-block figure,
  #product-tour .feature.blue .centering-block figure,
  .new-copy-home-product .feature.blue .centering-block figure {
    width: 110%;
    transform: none !important;
    text-align: center;
  }
  #product-tour .feature .centering-block figure img,
  .new-copy-home-product .feature .centering-block figure img,
  #product-tour .feature.blue .centering-block figure img,
  .new-copy-home-product .feature.blue .centering-block figure img {
    max-width: 100%;
    margin: auto;
    float: none;
  }
  #product-tour .feature .testimonials-quotes-list,
  .new-copy-home-product .feature .testimonials-quotes-list,
  #product-tour .feature.blue .testimonials-quotes-list,
  .new-copy-home-product .feature.blue .testimonials-quotes-list {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 767px) {
  #product-tour .feature .lead,
  .new-copy-home-product .feature .lead {
    font-size: 37px;
  }
  #product-tour .feature .testimonials-quotes-list .quote-list,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-list {
    flex-direction: column;
  }
  #product-tour .feature .testimonials-quotes-list .quote-list .quote-item,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item {
    flex-basis: auto;
  }
  #product-tour .feature .testimonials-quotes-list .quote-list .quote-item .person,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-list .quote-item .person {
    flex-basis: 90px;
  }
}
@media screen and (max-width: 550px) {
  #product-tour .feature .lead,
  .new-copy-home-product .feature .lead {
    font-size: 33px;
  }
  #product-tour .feature .centering-block h2,
  .new-copy-home-product .feature .centering-block h2 {
    font-size: 36px;
  }
  #product-tour .feature .testimonials-quotes-list .quote-item p,
  .new-copy-home-product .feature .testimonials-quotes-list .quote-item p {
    font-size: 16px !important;
  }
}
.new-copy-home-product .feature {
  overflow: hidden;
}
.new-copy-home-product .feature#wireframing-prototyping {
  padding-top: 0;
}
.new-copy-home-product .feature#wireframing-prototyping .lead {
  padding-top: 121px;
}
.product-feature .header {
  height: 510px;
  background-color: #222;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.product-feature .header.wireframing-prototyping {
  background-image: url('/images/homepage/product-tour/wireframing-prototyping/header-bg.jpg');
}
.product-feature .header.design-systems {
  background-image: url('/images/homepage/product-tour/design-systems/header-bg.jpg');
}
.product-feature .header.collaboration {
  background-image: url('/images/homepage/product-tour/collaboration/header-bg.jpg');
}
.product-feature .header.project-tracking {
  background-image: url('/images/homepage/product-tour/project-tracking/header-bg.jpg');
}
.product-feature .header .centering-block {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 1300px) {
  .product-feature .header .centering-block {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.product-feature .header header,
.product-feature .header .header-form {
  flex: 0 1 50%;
}
.product-feature .header header {
  padding-top: 203px;
  flex-basis: 49%;
}
.product-feature .header .header-form {
  padding-top: 249px;
  flex-basis: 535px;
  text-align: center;
}
.product-feature .header .header-form footer {
  display: block;
  margin-top: 4px;
  color: #8f8f8f;
  font-size: 12px;
  font-weight: 400;
}
.product-feature .header h1 {
  padding-top: 5px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  line-height: 100%;
}
.product-feature .header h2 {
  margin-bottom: 27px;
  color: #fff;
  font-size: 42px;
}
.product-feature .header .tagline {
  padding-top: 28px;
  color: #8e8e8e;
  font-size: 24px;
  line-height: 125%;
}
.product-feature .header .back-link {
  display: inline-block;
  padding-left: 42px;
  position: relative;
}
.product-feature .header .back-link:before,
.product-feature .header .back-link:after {
  content: '';
  display: inline-block;
  border-width: 1px;
  border-color: #fff;
  position: absolute;
}
.product-feature .header .back-link:before {
  width: 7px;
  height: 7px;
  border-style: solid none none solid;
  top: 9px;
  left: 2px;
  transform: rotate(-45deg);
}
.product-feature .header .back-link:after {
  width: 28px;
  border-style: solid none none;
  top: 12px;
  left: 2px;
}
.product-feature .header .back-link a {
  cursor: pointer;
  position: relative;
  color: #fff;
  font-size: 16px;
}
.product-feature .header .back-link a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.product-feature .header .back-link a:hover:after {
  opacity: 1;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-feature .header header {
    flex-basis: 100%;
  }
  .product-feature .header .header-form {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .product-feature .header h1 {
    font-size: 55px;
  }
}
@media screen and (max-width: 500px) {
  .product-feature .header h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 400px) {
  .product-feature .header h1 {
    font-size: 44px;
  }
  .product-feature .header .tagline {
    font-size: 22px;
  }
}
.product-feature .feature {
  padding-top: 165px;
  padding-bottom: 85px;
}
.product-feature .feature.pic-with-shadow {
  padding-bottom: 165px;
}
.product-feature .feature.pic-with-shadow img {
  box-shadow: -1px 92px 99px -62px rgba(0, 0, 0, 0.26);
}
.product-feature .feature .centering-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1230px) {
  .product-feature .feature .centering-block {
    padding-right: 15px;
    padding-left: 15px;
  }
}
.product-feature .feature .desc-header {
  margin-bottom: 48px;
  color: #212121;
  font-size: 48px;
  font-weight: 700;
  line-height: 110%;
}
.product-feature .feature p {
  margin-bottom: 30px;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}
.product-feature .feature .feature-desc {
  flex: 0 1 53%;
}
.product-feature .feature .feature-desc .desc-header,
.product-feature .feature .feature-desc p {
  max-width: 72%;
}
.product-feature .feature .feature-desc .btn-flat {
  padding: 17px 33px;
}
.product-feature .feature figure {
  max-width: 45.4%;
  flex: 0 1 50%;
}
.product-feature .feature figure > img,
.product-feature .feature figure > video,
.product-feature .feature figure .shadow-wrapper {
  float: left;
}
.product-feature .feature.gray {
  background-color: #f7f7f7;
}
.product-feature .feature.gray .centering-block {
  flex-direction: row-reverse;
}
.product-feature .feature.gray .feature-desc {
  flex-basis: 43%;
}
.product-feature .feature.gray .feature-desc .desc-header,
.product-feature .feature.gray .feature-desc p {
  max-width: none;
}
.product-feature .feature.gray figure {
  max-width: 43%;
}
.product-feature .feature.gray figure > img,
.product-feature .feature.gray figure > video,
.product-feature .feature.gray figure .shadow-wrapper {
  float: right;
}
.product-feature .feature#custom-pattern-libraries .feature-desc {
  transform: translateY(-21px);
}
.product-feature .feature#custom-pattern-libraries figure img {
  transform: translateX(-6px);
}
.product-feature .feature#component-based-design {
  padding-bottom: 172px;
}
.product-feature .feature#component-based-design .feature-desc {
  transform: translateY(14px);
}
.product-feature .feature#component-based-design figure .shadow-wrapper {
  transform: translateX(-7px);
}
@media screen and (max-width: 1100px) {
  .product-feature .feature#component-based-design figure .shadow-wrapper {
    transform: translateX(70px);
  }
}
.product-feature .feature#component-based-design figure .shadow-wrapper video {
  width: 750px;
}
.product-feature .feature#contextual-product-documentation {
  padding-bottom: 48px;
}
.product-feature .feature#contextual-product-documentation .feature-desc {
  transform: translateY(-48px);
}
.product-feature .feature#contextual-product-documentation .feature-desc .desc-header,
.product-feature .feature#contextual-product-documentation .feature-desc p {
  max-width: 77%;
}
.product-feature .feature#contextual-product-documentation figure img {
  transform: translateX(1px);
}
@media screen and (max-width: 1200px) {
  .product-feature .feature#contextual-product-documentation figure img {
    transform: translateX(-80px);
  }
}
.product-feature .feature#roles-management {
  padding-bottom: 33px;
}
.product-feature .feature#roles-management .feature-desc {
  transform: translateY(-62px);
}
.product-feature .feature#roles-management .feature-desc .desc-header,
.product-feature .feature#roles-management .feature-desc p {
  max-width: 85%;
}
.product-feature .feature#contextual-technical-documentation {
  padding-bottom: 45px;
}
.product-feature .feature#contextual-technical-documentation .feature-desc {
  transform: translateY(-49px);
}
.product-feature .feature#contextual-technical-documentation figure img {
  transform: translateX(71px);
}
.product-feature .feature#project-visibility .feature-desc {
  transform: translateY(-51px);
}
.product-feature .feature#project-visibility figure img {
  transform: translateX(6px);
}
.product-feature .feature#fast-wireframing {
  padding-top: 168px;
  padding-bottom: 115px;
}
.product-feature .feature#fast-wireframing .feature-desc {
  transform: translateY(20px);
}
.product-feature .feature#fast-wireframing figure img {
  transform: translateX(32px);
}
.product-feature .feature#powerful-prototyping {
  padding-top: 76px;
}
.product-feature .feature#powerful-prototyping .feature-desc {
  transform: translateY(10px);
}
.product-feature .feature#powerful-prototyping figure {
  transform: translateX(96px);
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-feature .feature#powerful-prototyping figure {
    transform: none;
  }
}
.product-feature .feature#version-tracking {
  padding-top: 223px;
}
.product-feature .feature#version-tracking .feature-desc {
  transform: translateY(-43px);
}
.product-feature .feature#responsive-prototyping {
  padding-bottom: 147px;
}
.product-feature .feature#responsive-prototyping .feature-desc {
  transform: translateY(18px);
}
.product-feature .feature#responsive-prototyping .feature-desc .desc-header,
.product-feature .feature#responsive-prototyping .feature-desc p {
  max-width: 80%;
}
.product-feature .feature#responsive-prototyping figure img {
  transform: translateX(-76px);
}
.product-feature .feature#sketch-integration {
  padding-top: 150px;
  padding-bottom: 150px;
}
.product-feature .feature#sketch-integration figure img {
  transform: translateX(32px);
}
.product-feature .feature#photoshop-integration {
  padding-top: 150px;
  padding-bottom: 190px;
}
.product-feature .feature#photoshop-integration .feature-desc {
  transform: translateY(-14px);
}
.product-feature .feature#photoshop-integration figure img {
  transform: translateX(103px);
}
.product-feature .feature#co-design-in-real-time {
  padding-bottom: 39px;
}
.product-feature .feature#co-design-in-real-time .feature-desc {
  transform: translateY(-49px);
}
.product-feature .feature#co-design-in-real-time .feature-desc .desc-header {
  max-width: 77%;
}
.product-feature .feature#collaboration-and-commenting {
  padding-bottom: 13px;
}
.product-feature .feature#collaboration-and-commenting .feature-desc {
  transform: translateY(-61px);
}
.product-feature .feature#collaboration-and-commenting figure img {
  transform: translateX(-3px);
}
@media screen and (max-width: 1200px) {
  .product-feature .feature#collaboration-and-commenting figure img {
    max-width: 130%;
    transform: translateX(93px);
  }
}
.product-feature .feature#usability-testing {
  padding-bottom: 41px;
}
.product-feature .feature#usability-testing .feature-desc {
  transform: translateY(-22px);
}
.product-feature .feature#usability-testing figure img {
  transform: translateX(3px);
}
.product-feature .feature#design-approvals-management {
  padding-bottom: 43px;
}
.product-feature .feature#design-approvals-management .feature-desc {
  transform: translateY(-46px);
}
.product-feature .feature#design-approvals-management figure img {
  transform: translateX(3px);
}
@media screen and (max-width: 1200px) {
  .product-feature .feature#design-approvals-management figure img {
    max-width: 130%;
    transform: translateX(93px);
  }
}
.product-feature .feature#internal-and-external-commenting {
  padding-bottom: 19px;
}
.product-feature .feature#internal-and-external-commenting .feature-desc {
  transform: translateY(-69px);
}
.product-feature .feature#internal-and-external-commenting .feature-desc .desc-header {
  max-width: 75%;
}
.product-feature .feature#internal-and-external-commenting figure img {
  transform: translateX(3px);
}
@media screen and (max-width: 1200px) {
  .product-feature .feature#internal-and-external-commenting figure img {
    transform: translateX(-90px);
  }
}
.product-feature .feature#live-design-presentation {
  padding-top: 74px;
  padding-bottom: 22px;
}
.product-feature .feature#live-design-presentation .feature-desc {
  transform: translateY(-16px);
}
.product-feature .feature#live-design-presentation figure img {
  transform: translateX(43px);
}
@media screen and (max-width: 1100px) {
  .product-feature .feature#live-design-presentation figure img {
    transform: translateX(140px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-feature .feature#live-design-presentation figure img {
    max-width: 120%;
    transform: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-feature .feature#contextual-product-documentation .centering-block,
  .product-feature .feature#internal-and-external-commenting .centering-block {
    flex-direction: column-reverse !important;
  }
  .product-feature .feature#contextual-product-documentation figure,
  .product-feature .feature#internal-and-external-commenting figure {
    max-width: none;
  }
  .product-feature .feature#contextual-product-documentation figure img,
  .product-feature .feature#internal-and-external-commenting figure img {
    float: none;
    transform: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .product-feature .feature .centering-block .feature-desc .desc-header,
  .product-feature .feature.gray .centering-block .feature-desc .desc-header,
  .product-feature .feature .centering-block .feature-desc p,
  .product-feature .feature.gray .centering-block .feature-desc p {
    max-width: none !important;
  }
  .product-feature .feature .centering-block .feature-desc .desc-header,
  .product-feature .feature.gray .centering-block .feature-desc .desc-header {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .product-feature .feature,
  .product-feature .feature.gray {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .product-feature .feature .centering-block,
  .product-feature .feature.gray .centering-block {
    flex-direction: column-reverse;
  }
  .product-feature .feature .centering-block .feature-desc .desc-header,
  .product-feature .feature.gray .centering-block .feature-desc .desc-header,
  .product-feature .feature .centering-block .feature-desc p,
  .product-feature .feature.gray .centering-block .feature-desc p {
    max-width: none !important;
  }
  .product-feature .feature .centering-block .feature-desc .desc-header,
  .product-feature .feature.gray .centering-block .feature-desc .desc-header {
    font-size: 35px;
  }
  .product-feature .feature .centering-block .feature-desc,
  .product-feature .feature.gray .centering-block .feature-desc,
  .product-feature .feature .centering-block figure,
  .product-feature .feature.gray .centering-block figure {
    max-width: 100% !important;
    transform: none !important;
  }
  .product-feature .feature .centering-block figure,
  .product-feature .feature.gray .centering-block figure {
    margin-bottom: 50px !important;
  }
  .product-feature .feature .centering-block figure img,
  .product-feature .feature.gray .centering-block figure img,
  .product-feature .feature .centering-block figure video,
  .product-feature .feature.gray .centering-block figure video,
  .product-feature .feature .centering-block figure .shadow-wrapper,
  .product-feature .feature.gray .centering-block figure .shadow-wrapper {
    max-width: 100% !important;
    transform: none !important;
  }
  .product-feature .feature .centering-block .iphone,
  .product-feature .feature.gray .centering-block .iphone,
  .product-feature .feature .centering-block .shadow-wrapper,
  .product-feature .feature.gray .centering-block .shadow-wrapper {
    margin-bottom: 40px;
  }
}
.product-feature .bottom {
  padding-top: 98px;
  background: #006cff;
  text-align: center;
}
.product-feature .bottom h2 {
  max-width: 700px;
  margin: 0 auto 33px;
  color: #fff;
  font-size: 42px;
  font-weight: 300;
  line-height: 120%;
}
@media only screen and (max-width: 767px) {
  .product-feature .bottom h2 {
    font-size: 35px;
  }
}
.product-feature .bottom .btn {
  padding: 17px 30px;
}
.product-feature .bottom .testimonials-quotes-list {
  margin-top: 109px;
  padding-bottom: 51px;
  border-top: 1px solid #2581ff;
}
.product-feature .bottom .testimonials-quotes-list .quote-list {
  padding-right: 0;
  padding-left: 0;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item {
  margin-top: 64px;
  flex-basis: 42.7%;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote .person {
  margin-top: 7px;
  color: #cfe3ff;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote .person img {
  border-radius: 0;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote .person figcaption {
  line-height: 17px;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote .person .name {
  margin-top: 10px;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote .person .company {
  color: #fff;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote blockquote:before {
  top: -16px;
  color: #005ede;
}
.product-feature .bottom .testimonials-quotes-list .quote-list .quote-item .quote blockquote p {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 1300px) {
  .product-feature .bottom .testimonials-quotes-list .quote-list {
    padding-right: 15px;
    padding-left: 15px;
  }
  .product-feature .bottom .testimonials-quotes-list .quote-list .quote-item {
    flex-basis: 47%;
  }
}
@media only screen and (max-width: 767px) {
  .product-feature .bottom .testimonials-quotes-list .quote-list {
    flex-direction: column;
  }
  .product-feature .bottom .testimonials-quotes-list .quote-list .quote-item {
    flex-basis: auto;
  }
}
@media screen and (max-width: 550px) {
  .product-feature .bottom .testimonials-quotes-list .quote-item p {
    font-size: 16px !important;
  }
}
.product-feature #try-uxpin-section {
  padding-top: 47px;
  padding-bottom: 46px;
}
.product-feature .shadow-img {
  box-shadow: 0 90px 70px -70px rgba(0, 0, 0, 0.3);
}
.product-feature .shadow-wrapper {
  position: relative;
}
.product-feature .shadow-wrapper:after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 10%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  transform: scale(0.8);
  box-shadow: 0 60px 70px rgba(0, 0, 0, 0.3);
}
.product-feature .iphone-video {
  max-width: 336px !important;
  max-height: 688px !important;
  padding: 0;
  position: relative;
}
.product-feature .iphone-video .iphone {
  width: 100%;
  position: relative;
  z-index: 2;
}
.product-feature .iphone-video video {
  max-width: 86.8%;
  margin: auto;
  position: absolute;
  top: 11.8%;
  right: 0;
  left: 0;
  z-index: 1;
}
/*
	Core elements of UXPin Redesigned Landing Pages
*/
.redesigned-lp h1 {
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 60px;
}
.redesigned-lp h1 .blue {
  color: #006cff;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp h1 {
    font-size: 38px;
    line-height: 38px;
  }
}
.redesigned-lp h2 {
  color: #a7a7a7;
  font-family: 'Playfair Display', serif;
  font-size: 30px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp h2 {
    font-size: 22px !important;
    line-height: 30px !important;
  }
}
.redesigned-lp h2.separate-line:after {
  content: '';
  display: block;
  width: 57px;
  height: 3px;
  margin: 30px auto;
  background-color: #3b3c40;
}
.redesigned-lp p {
  color: #939393;
  font-size: 25px;
  font-weight: 300;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp p {
    font-size: 18px;
    line-height: 22px;
  }
}
.redesigned-lp .centering-block {
  width: 1180px;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .centering-block {
    width: 100%;
  }
}
.redesigned-lp .feature-section h3 {
  margin-bottom: 15px;
  color: #333333;
  font-size: 40px;
  font-weight: 600;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .feature-section h3 {
    margin-bottom: 15px !important;
    font-size: 38px !important;
    line-height: 38px !important;
  }
}
.redesigned-lp .feature-section p {
  color: #767676;
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .feature-section p {
    line-height: 22px;
  }
}
.redesigned-lp .hero-wrapper .logo {
  display: block;
  opacity: 0.5;
  height: 55px;
  width: 55px;
  border: 1px solid #fff;
  position: absolute;
  top: 50px;
  background: url('/images/homepage/uxpin-white.svg') no-repeat;
  background-position: center;
  background-size: 55px 55px;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .hero-wrapper .logo {
    display: none;
  }
}
.redesigned-lp .top-bar .logo.mobile-only {
  display: none;
}
@media screen and (max-width: 1100px) {
  .redesigned-lp .top-bar .logo.mobile-only {
    top: 35px;
    left: 60px;
    transform: none;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .redesigned-lp .top-bar .logo.mobile-only {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .top-bar .logo.mobile-only {
    display: block;
  }
}
.redesigned-lp .share-buttons {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 15px;
}
.redesigned-lp .share-buttons.with-circles .share-button {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.redesigned-lp .share-buttons.with-circles .share-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.redesigned-lp .share-buttons .share-button {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-left: 19px;
  border-radius: 50%;
  position: relative;
  font-size: 0;
  transition: background 0.3s ease-out, opacity 0.3s ease-out;
}
.redesigned-lp .share-buttons .share-button.icon-font-twitter:before {
  content: "\e904";
  color: #fff;
  font-size: 16px;
  position: absolute;
  top: 11px;
  left: 7px;
}
.redesigned-lp .share-buttons .share-button.icon-font-facebook:before {
  content: "\e905";
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 12px;
  left: 8px;
}
.redesigned-lp .editor-preview {
  width: 912px;
  height: 570px;
  border-radius: 4px;
  position: relative;
  background-image: url('/images/homepage/welisten/editor-@1x.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 912px 570px;
}
.redesigned-lp .editor-preview.bottom-gradient:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 60%, transparent 75%);
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .editor-preview {
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  .redesigned-lp .editor-preview:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(to bottom, transparent 0%, #151515 70%);
  }
}
@media (min-resolution: 192dpi) {
  .redesigned-lp .editor-preview {
    background-image: url('/images/homepage/welisten/editor-@2x.jpg');
  }
}
.redesigned-lp .sign-up-form.redirecting button {
  color: transparent;
}
.redesigned-lp .sign-up-form.redirecting .spinner:after {
  left: calc(50% + 4px);
  top: calc(50% + 4px);
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .sign-up-form {
    width: 100%;
    max-width: 400px;
  }
}
.redesigned-lp .sign-up-form input,
.redesigned-lp .sign-up-form button {
  height: 45px;
  border-radius: 1px;
  font-size: 14px;
}
.redesigned-lp .sign-up-form label {
  color: #a0a0a0;
}
.redesigned-lp .sign-up-form .input-wrapper {
  width: 278px;
}
@media screen and (max-width: 768px) {
  .redesigned-lp .sign-up-form .input-wrapper {
    width: 100% !important;
  }
}
.redesigned-lp .sign-up-form input {
  width: 100%;
  border-color: #e4e4e4;
  box-shadow: inset 999px 999px #fff;
}
.redesigned-lp .sign-up-form button {
  margin-left: 10px;
  padding: 0 23px;
  background-color: #006cff;
  font-weight: 600;
}
.redesigned-lp .sign-up-form button:hover {
  background-color: #0064ec !important;
}
@media only screen and (max-width: 767px) {
  .redesigned-lp .sign-up-form button {
    margin-left: 0;
  }
}
/*
	Amuse 2015 Conference LP
*/
.amuse-conference {
  position: relative;
  overflow-y: hidden;
}
.amuse-conference .centering-block {
  height: inherit;
  position: relative;
}
.amuse-conference .form-wrapper form label {
  color: #909090;
  font-size: 14px;
  font-style: italic;
}
.amuse-conference .form-wrapper form input {
  margin-right: 10px;
}
.amuse-conference .form-wrapper form input:focus + label,
.amuse-conference .form-wrapper form input.with-value + label {
  font-size: 10px;
}
.amuse-conference .form-wrapper form input[name="coupon_code"] {
  display: none;
}
.amuse-conference .form-wrapper form button {
  border-radius: 8px;
  background-color: #11abf5;
  font-size: 15px;
  font-weight: 700;
  box-shadow: none;
}
.amuse-conference .form-wrapper form button:hover {
  background-color: #25b5fa !important;
}
.amuse-conference .no-card-required {
  display: block;
  margin-top: 5px;
  color: #c3c3c3;
  font-size: 14px;
}
.amuse-conference .top {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #f3f3f3;
  box-shadow: 0 0 7px rgba(190, 194, 195, 0.2);
}
.amuse-conference .top .logo,
.amuse-conference .top .x-sign,
.amuse-conference .top .logo-amuse {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.amuse-conference .top .logo {
  width: 50px;
  height: 50px;
  left: 0;
  background-size: 50px 50px;
}
.amuse-conference .top .x-sign {
  content: '';
  width: 12px;
  height: 12px;
  left: 77px;
  background: url('/images/homepage/amuse-conference/icon-cross.svg') no-repeat;
}
.amuse-conference .top .logo-amuse {
  content: '';
  width: 30px;
  height: 30px;
  left: 115px;
  background: url('/images/homepage/amuse-conference/icon-amuse-logo-small-retina.png') no-repeat;
  background-size: 30px 30px;
}
.amuse-conference .main-info {
  padding: 65px 0 20px 0;
}
.amuse-conference .main-info .content-wrapper {
  display: flex;
}
.amuse-conference .main-info article {
  max-width: 550px;
}
.amuse-conference .main-info article h1 {
  margin-bottom: 18px;
  color: #2b3c49;
  font-size: 55px;
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 60px;
}
.amuse-conference .main-info article > p {
  margin-bottom: 27px;
  padding-right: 25px;
  color: #a6abaf;
  font-size: 18px;
  line-height: 27px;
}
.amuse-conference .main-info article > p > span {
  font-weight: 700;
}
.amuse-conference .main-info article .form-label {
  margin-bottom: 6px;
  color: #11abf5;
  font-size: 15px;
}
.amuse-conference .main-info figure {
  position: absolute;
  top: -255px;
  right: -303px;
}
.show-details.amuse-conference {
  overflow: visible;
}
.show-details.amuse-conference .overflow-helper {
  height: calc(100% + 100px);
  overflow: hidden;
}
.show-details.amuse-conference .about-uxpin .hide-on-init {
  display: block;
}
.show-details.amuse-conference .about-uxpin .learn-more > a:before {
  transform: rotate(-180deg);
  transition-delay: 0.7s;
}
.amuse-conference .about-uxpin {
  width: 100%;
  position: absolute;
  top: calc(100% - 84px);
  background-color: #f6f9fa;
  overflow-x: hidden;
}
.amuse-conference .about-uxpin .learn-more {
  display: flex;
  height: 84px;
  align-items: center;
}
.amuse-conference .about-uxpin .learn-more > a {
  color: #11abf5;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  position: relative;
}
.amuse-conference .about-uxpin .learn-more > a:after {
  border-bottom: 1px solid rgba(17, 171, 245, 0.3);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.amuse-conference .about-uxpin .learn-more > a:hover:after {
  opacity: 1;
}
.amuse-conference .about-uxpin .learn-more > a:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 11px;
  position: absolute;
  top: 5px;
  right: -21px;
  background: url('/images/homepage/amuse-conference/icon-arrow.svg') no-repeat;
  transition: transform 0.3s ease-out;
}
.amuse-conference .about-uxpin .hide-on-init {
  display: none;
}
.amuse-conference .about-uxpin h3,
.amuse-conference .about-uxpin p {
  color: #858585;
}
.amuse-conference .about-uxpin .about-uxpin-header {
  margin-top: 50px;
  text-align: center;
}
.amuse-conference .about-uxpin .about-uxpin-header h2 {
  margin: 7px 0 8px;
  color: #444444;
  font-size: 42px;
  font-weight: 300;
  letter-spacing: -1px;
}
.amuse-conference .about-uxpin .about-uxpin-header h3 {
  font-size: 17px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.amuse-conference .about-uxpin .about-uxpin-header p {
  margin-bottom: 27px;
  padding: 0 185px;
  font-weight: 16px;
}
.amuse-conference .about-uxpin .about-uxpin-header .btn {
  display: inline-block;
  padding: 4px 43px;
  border: 1px solid rgba(17, 171, 245, 0.3);
  border-radius: 1px;
  background-color: #fff;
  color: #11abf5;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
}
.amuse-conference .about-uxpin .about-uxpin-header .btn:hover {
  border-color: #11abf5;
  background-color: #11abf5;
  color: #fff;
}
.amuse-conference .about-uxpin .features-wrapper {
  display: flex;
  min-height: 688px;
  margin-top: 100px;
  position: relative;
}
.amuse-conference .about-uxpin .features-wrapper > article {
  display: flex;
  width: 460px;
  padding: 0 75px 0 50px;
  flex-direction: column;
}
.amuse-conference .about-uxpin .features-wrapper > article h2 {
  margin-bottom: 7px;
  font-size: 28px;
  color: #444444;
  text-align: left;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] {
  display: none;
  margin-top: 45px;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] ul li {
  margin-bottom: 38px;
  position: relative;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] ul li h3 {
  margin-bottom: 8px;
  color: #444444;
  font-size: 20px;
  line-height: 23px;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] ul li p {
  margin: 0;
  font-size: 15px;
  line-height: 23px;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] ul li figure {
  position: absolute;
  top: 3px;
  left: -50px;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"] ul li:last-of-type {
  margin-bottom: 0;
}
.amuse-conference .about-uxpin .features-wrapper > article > [class^="feature-"].show {
  display: block;
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav {
  margin: auto 0 153px 2px;
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav .tab-circle {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 20px;
  border-radius: 50%;
  position: relative;
  background-color: #b1c7d4;
  cursor: pointer;
  transition: transform 0.3s ease-out, background-color 0.3s ease-out;
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav .tab-circle:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -7px;
  left: -7px;
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav .tab-circle.active {
  background-color: #11abf5;
  transform: scale(2);
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav .tab-circle.active:after {
  transform: scale(0.5);
}
.amuse-conference .about-uxpin .features-wrapper > article .tab-nav .tab-circle.last-of-type {
  margin-right: 0;
}
.amuse-conference .about-uxpin .features-wrapper > figure {
  position: absolute;
  top: 8px;
  right: -481px;
}
.amuse-conference .about-uxpin .features-wrapper > figure .uxpin-editor {
  display: block;
  border-radius: 3px;
  position: relative;
  box-shadow: 0 0 60px rgba(86, 111, 140, 0.32);
}
.amuse-conference .about-uxpin .features-wrapper > figure .uxpin-editor-settings {
  border-radius: 8px;
  position: absolute;
  top: 296px;
  left: 482px;
  z-index: 1;
}
.amuse-conference .about-uxpin .features-wrapper > figure:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.06), transparent);
}
.amuse-conference .about-uxpin .offer-conditions {
  padding: 47px 0;
  text-align: center;
  background-color: #fff;
}
.amuse-conference .about-uxpin .offer-conditions p {
  margin-bottom: 33px;
  color: #444444;
  font-size: 18px;
  line-height: 28px;
}
.amuse-conference .about-uxpin .offer-conditions p span {
  font-weight: 700;
}
/*
	You Inspire Second LP
*/
.uxpin-redesigned .centering-block {
  width: 1180px;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .centering-block {
    width: 100%;
  }
}
@media screen and (max-width: 1100px) {
  .uxpin-redesigned .top-bar .logo {
    top: 35px;
    left: 60px;
    transform: none;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .uxpin-redesigned .top-bar .logo {
    left: 50%;
    transform: translateX(-50%);
  }
}
.uxpin-redesigned .share-buttons {
  position: absolute;
  top: 40px;
  right: 42px;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .share-buttons {
    display: none;
  }
}
.uxpin-redesigned .article-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .article-wrapper {
    padding: 0 25px;
  }
}
.uxpin-redesigned .article-wrapper h1 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 65px;
  font-weight: 600;
  letter-spacing: -2px;
  line-height: 68px;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .article-wrapper h1 {
    margin-top: 100px;
    font-size: 48px;
    line-height: 50px;
  }
}
.uxpin-redesigned .article-wrapper h2 {
  max-width: 670px;
  margin-bottom: 40px;
}
.uxpin-redesigned .article-wrapper p {
  width: 100%;
  max-width: 700px;
  margin: 4px auto 30px auto;
  color: #a7a7a7;
  font-size: 21px;
  font-weight: 300;
  line-height: 32px;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .article-wrapper p {
    font-size: 18px;
    line-height: 28px;
  }
}
.uxpin-redesigned .hero-wrapper {
  width: 100%;
  height: 770px;
  background: #121212 url('/images/homepage/youinspire/hero-background.jpg') no-repeat center;
  background-size: cover;
}
.uxpin-redesigned .features-boxes {
  padding: 77px 0 42px;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .features-boxes {
    padding: 60px 0;
  }
}
.uxpin-redesigned .features-boxes .features-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.uxpin-redesigned .features-boxes h1 {
  margin-bottom: 84px;
  color: #212121;
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -1.5px;
  line-height: 62px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .features-boxes h1 {
    font-size: 48px;
    line-height: 50px;
  }
}
.uxpin-redesigned .features-boxes .feature-list {
  display: flex;
  margin-bottom: 0;
  align-items: baseline;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .features-boxes .feature-list {
    flex-wrap: wrap;
  }
}
.uxpin-redesigned .features-boxes .feature-list li {
  width: 310px;
  border-radius: 4px;
  padding: 51px 35px 40px 35px;
  background-color: #fff;
  box-shadow: 0 80px 160px rgba(238, 238, 239, 0.85);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .features-boxes .feature-list li {
    width: 100%;
    margin-bottom: 0;
    padding: 40px 0 40px 0 !important;
    padding: 0;
    box-shadow: none !important;
  }
  .uxpin-redesigned .features-boxes .feature-list li:last-of-type {
    margin-bottom: 0;
  }
}
.uxpin-redesigned .features-boxes .feature-list li img {
  display: inline-block;
}
.uxpin-redesigned .features-boxes .feature-list li h3 {
  margin-bottom: 18px;
  color: #006cff;
  font-size: 32px;
  font-family: 'Playfair Display', serif;
  text-align: center;
  line-height: 42px;
}
.uxpin-redesigned .features-boxes .feature-list li p {
  margin-bottom: 0;
  color: #a7a7a7;
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.uxpin-redesigned .features-boxes .feature-list li:first-of-type {
  border-radius: 4px 0 0 4px;
}
.uxpin-redesigned .features-boxes .feature-list li:last-of-type {
  border-radius: 0 4px 4px 0;
}
.uxpin-redesigned .features-boxes .feature-list li:last-of-type img {
  position: relative;
  top: -12px;
}
.uxpin-redesigned .features-boxes .feature-list li:nth-of-type(2) {
  width: 380px;
  padding: 38px 35px 63px 35px;
  position: relative;
  top: -12px;
  z-index: 2;
  box-shadow: 0 100px 160px #eeeeef;
}
.uxpin-redesigned .features-boxes .feature-list li:nth-of-type(2) figure {
  margin-bottom: 10px;
}
.uxpin-redesigned .features-boxes .feature-list li:nth-of-type(2) h3 {
  margin-bottom: 21px;
  font-size: 36px;
}
.uxpin-redesigned .hero-footer {
  padding: 40px 0 125px;
}
.uxpin-redesigned .hero-footer .article-wrapper h3 {
  max-width: 670px;
  margin-bottom: 35px;
  position: relative;
  z-index: 2;
  color: #757575;
  font-size: 34px;
  font-weight: 300;
  line-height: 46px;
  letter-spacing: 0;
}
@media only screen and (max-width: 767px) {
  .uxpin-redesigned .hero-footer .article-wrapper h3 {
    margin-top: 20px;
  }
}
.uxpin-redesigned .hero-footer .article-wrapper .sign-up-form label {
  top: 2px;
}
.uxpin-redesigned .hero-footer .article-wrapper .sign-up-form input,
.uxpin-redesigned .hero-footer .article-wrapper .sign-up-form button {
  height: 50px;
  line-height: 50px;
}
.uxpin-redesigned .hero-footer .article-wrapper .sign-up-form .input-wrapper {
  width: 400px;
}
.uxpin-redesigned .hero-footer .article-wrapper .sign-up-form .input-wrapper input {
  box-shadow: 0 2px 6px rgba(199, 199, 199, 0.2);
}
/*
	UXPin is here - launch LP
*/
.launch-promo .share-buttons {
  position: absolute;
  top: 43px;
  right: 51%;
  transform: translateX(600px);
}
.launch-promo .share-buttons .share-button {
  opacity: 0.5;
}
.launch-promo .share-buttons .share-button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1310px) {
  .launch-promo .share-buttons {
    right: 50px;
    transform: none;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .share-buttons {
    top: auto;
    top: initial;
    right: 0;
    bottom: 20px;
    left: 0;
  }
  .launch-promo .share-buttons .share-button:first-of-type {
    margin-left: auto;
  }
  .launch-promo .share-buttons .share-button:last-of-type {
    margin-right: auto;
  }
}
.launch-promo .editor-preview {
  width: 988px;
  height: 534px;
  margin: 78px auto 0;
  border-radius: 0;
  background-image: url('/images/homepage/launch-promo/editor-big-@1x.jpg');
  background-size: 988px 534px;
}
@media (min-resolution: 192dpi) {
  .launch-promo .editor-preview {
    background-image: url('/images/homepage/launch-promo/editor-big-@2x.jpg');
  }
}
.launch-promo .editor-preview.bottom-gradient:before {
  background: linear-gradient(to top, #151515 50%, rgba(21, 21, 21, 0) 85%);
}
.launch-promo .editor-preview.with-chrome:after {
  content: '';
  width: 988px;
  height: 35px;
  position: absolute;
  top: -35px;
  left: 0;
  background-image: url('/images/homepage/launch-promo/chrome-top-dark-@2x.png');
  background-size: 988px 35px;
}
.launch-promo .hero-wrapper {
  display: flex;
  height: 855px;
  position: relative;
  align-items: flex-end;
  background-color: #151515;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper {
    height: 780px;
    padding-top: 180px;
    align-items: center;
  }
}
.launch-promo .hero-wrapper .logo {
  top: 35px;
}
@media screen and (max-width: 1310px) {
  .launch-promo .hero-wrapper .logo {
    left: 40px;
  }
}
.launch-promo .hero-wrapper .article-wrapper {
  display: flex;
  flex-direction: column;
}
.launch-promo .hero-wrapper .article-wrapper .centering-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}
.launch-promo .hero-wrapper .article-wrapper h1,
.launch-promo .hero-wrapper .article-wrapper h2 {
  max-width: 660px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper .article-wrapper h1 br,
  .launch-promo .hero-wrapper .article-wrapper h2 br {
    display: none;
  }
}
.launch-promo .hero-wrapper .article-wrapper h1 {
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper .article-wrapper h1 {
    margin-bottom: 20px;
  }
}
.launch-promo .hero-wrapper .article-wrapper h2 {
  max-width: 670px;
  margin-bottom: 77px;
  font-family: 'ProximaNova', sans-serif !important;
  font-size: 27px;
  line-height: 38px;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper .article-wrapper h2 {
    margin-bottom: 33px;
  }
}
.launch-promo .hero-wrapper .article-wrapper .sign-up-form {
  margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper .article-wrapper .sign-up-form {
    margin-bottom: 0;
  }
}
.launch-promo .hero-wrapper .article-wrapper .signup-info {
  color: #737373;
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (max-width: 767px) {
  .launch-promo .hero-wrapper .article-wrapper .signup-info {
    margin-bottom: 40px;
  }
}
.launch-promo .hero-wrapper .article-wrapper .editor-preview {
  margin-bottom: -215px;
}
.launch-promo .feature-section {
  display: flex;
  width: 960px;
  min-height: 700px;
  margin: 0 auto;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 1310px) {
  .launch-promo .feature-section {
    width: 100%;
  }
}
@media screen and (max-height: 720px) {
  .launch-promo .feature-section {
    min-height: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section {
    width: 100%;
    min-height: 0;
    flex-direction: column;
  }
}
.launch-promo .feature-section:after {
  content: '';
  width: 9999px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -4999.5px;
  background-color: #ededed;
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section:after {
    content: none;
  }
}
.launch-promo .feature-section.switched .description {
  order: 0;
}
.launch-promo .feature-section.switched .image-wrapper {
  order: 1;
  justify-content: flex-start;
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .description {
    order: 0;
  }
  .launch-promo .feature-section .image-wrapper {
    order: 1;
  }
}
.launch-promo .feature-section h3 {
  margin-bottom: 22px;
  font-size: 50px;
  line-height: 50px;
}
.launch-promo .feature-section p {
  padding-right: 20px;
  color: #818181;
  font-weight: normal;
}
.launch-promo .feature-section .btn-flat {
  margin-top: 28px;
  padding: 15px 31px;
  border-radius: 1px;
  background-color: #006cff;
  box-shadow: none;
  font-weight: 600;
}
.launch-promo .feature-section .btn-flat:hover {
  background-color: #0064ec !important;
}
.launch-promo .feature-section .image-wrapper,
.launch-promo .feature-section .description {
  display: flex;
  align-items: center;
  justify-content: center;
}
.launch-promo .feature-section .image-wrapper {
  display: flex;
  width: 40%;
  justify-content: flex-end;
}
.launch-promo .feature-section .image-wrapper.centered {
  justify-content: center;
}
@media screen and (max-height: 720px) {
  .launch-promo .feature-section .image-wrapper img {
    width: auto;
    max-height: 550px;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .image-wrapper img {
    max-width: 100%;
    height: auto;
    max-height: 400px;
  }
}
.launch-promo .feature-section .image-wrapper .feature-photo {
  display: flex;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .image-wrapper .feature-photo {
    display: block;
    width: 100%;
    flex-shrink: 1;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .image-wrapper .feature-photo.mobile-padding {
    padding: 0 35px;
  }
}
.launch-promo .feature-section .image-wrapper .feature-photo.with-shadow img {
  box-shadow: 0 15px 60px rgba(0, 0, 0, 0.35);
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .image-wrapper .feature-photo.with-shadow {
    text-align: center;
  }
  .launch-promo .feature-section .image-wrapper .feature-photo.with-shadow img {
    display: inline-block;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
  }
}
.launch-promo .feature-section .image-wrapper .feature-photo.perfect-projects img {
  max-height: none;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .launch-promo .feature-section .image-wrapper .feature-photo.perfect-projects {
    max-height: 680px;
  }
}
@media only screen and (min-width: 1025px) {
  .launch-promo .feature-section .image-wrapper .feature-photo.perfect-projects {
    max-height: 580px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .launch-promo .feature-section .image-wrapper .feature-photo.perfect-projects {
    overflow: hidden;
  }
  .launch-promo .feature-section .image-wrapper .feature-photo.perfect-projects img {
    position: relative;
    top: -16px;
    left: -180px;
  }
}
.launch-promo .feature-section .description {
  width: 60%;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .description {
    padding: 40px 25px;
  }
}
.launch-promo .feature-section .description .centering-wrapper {
  max-width: 455px;
  margin-top: -88px;
}
@media screen and (max-height: 720px) {
  .launch-promo .feature-section .description .centering-wrapper {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .description .centering-wrapper {
    max-width: 100%;
  }
}
.launch-promo .feature-section.switched-proportions .image-wrapper {
  width: 60%;
}
.launch-promo .feature-section.switched-proportions .description {
  width: 40%;
  justify-content: flex-start;
}
.launch-promo .feature-section.switched-proportions .description .centering-wrapper {
  min-width: 460px;
  margin-left: 60px;
}
@media screen and (max-width: 1310px) {
  .launch-promo .feature-section.switched-proportions .description .centering-wrapper {
    min-width: 0;
  }
}
@media screen and (max-width: 1310px) {
  .launch-promo .feature-section .image-wrapper,
  .launch-promo .feature-section.switched-proportions .image-wrapper,
  .launch-promo .feature-section .description,
  .launch-promo .feature-section.switched-proportions .description {
    width: 50%;
  }
  .launch-promo .feature-section .image-wrapper .centering-wrapper,
  .launch-promo .feature-section.switched-proportions .image-wrapper .centering-wrapper,
  .launch-promo .feature-section .description .centering-wrapper,
  .launch-promo .feature-section.switched-proportions .description .centering-wrapper {
    padding: 0 25px;
  }
}
@media only screen and (max-width: 767px) {
  .launch-promo .feature-section .image-wrapper,
  .launch-promo .feature-section.switched-proportions .image-wrapper,
  .launch-promo .feature-section .description,
  .launch-promo .feature-section.switched-proportions .description {
    width: 100%;
  }
  .launch-promo .feature-section .image-wrapper .centering-wrapper,
  .launch-promo .feature-section.switched-proportions .image-wrapper .centering-wrapper,
  .launch-promo .feature-section .description .centering-wrapper,
  .launch-promo .feature-section.switched-proportions .description .centering-wrapper {
    margin: 0;
  }
}
.launch-promo .feature-section + .companies-bar {
  border-top: none;
}
.launch-promo .companies-bar {
  padding: 115px 0 106px;
}
@media only screen and (max-width: 767px) {
  .launch-promo .companies-bar {
    padding: 40px 0 60px;
  }
}
.launch-promo .companies-bar h3 {
  margin-bottom: 56px;
}
@media only screen and (max-width: 767px) {
  .launch-promo .companies-bar h3 {
    margin-bottom: 30px;
  }
}
.launch-promo .companies-bar h3 span {
  display: none;
}
.launch-promo .companies-bar h3:before {
  content: 'These brands trust UXPin';
  color: #333333;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-transform: none;
}
@media only screen and (max-width: 767px) {
  .launch-promo .companies-bar h3:before {
    margin-bottom: 30px;
    font-size: 26px;
    line-height: 32px;
  }
}
.launch-promo .footer-hero-wrapper {
  display: flex;
  padding: 97px 0 373px;
  position: relative;
  align-items: center;
  flex-direction: column;
  background-color: #151515;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .launch-promo .footer-hero-wrapper {
    padding: 40px 25px 80px;
  }
}
.launch-promo .footer-hero-wrapper .centering-wrapper {
  display: flex;
  max-width: 730px;
  align-items: center;
  flex-direction: column;
}
.launch-promo .footer-hero-wrapper .centering-wrapper h1,
.launch-promo .footer-hero-wrapper .centering-wrapper p {
  text-align: center;
}
.launch-promo .footer-hero-wrapper .centering-wrapper h1 {
  margin-bottom: 25px;
  color: #a7a7a7;
  font-size: 27px;
  font-weight: 600;
  line-height: 130%;
}
@media only screen and (max-width: 767px) {
  .launch-promo .footer-hero-wrapper .centering-wrapper h1 br {
    display: none;
  }
}
.launch-promo .footer-hero-wrapper .centering-wrapper .cta {
  margin-bottom: 57px;
  color: #fff;
  font-size: 60px;
  font-weight: 600;
  line-height: 80%;
}
.launch-promo .footer-hero-wrapper .centering-wrapper .signup-info {
  margin-top: 10px;
  color: #737373;
  font-size: 16px;
}
.launch-promo .footer-hero-wrapper .editor-preview {
  position: absolute;
  bottom: -271px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .launch-promo .footer-hero-wrapper .editor-preview {
    display: none;
  }
}
.launch-promo.login .hero-wrapper {
  height: 925px;
}
.launch-promo.login .hero-wrapper h2 {
  margin-bottom: 42px;
}
.launch-promo.login .hero-wrapper .article-wrapper .editor-preview {
  margin-top: 89px;
  margin-bottom: -241px;
}
.launch-promo.login #login {
  height: auto;
  margin-top: 3px;
  background: transparent;
}
.launch-promo.login #login #login-form .field-group {
  max-width: 405px;
}
.launch-promo.login #login #login-form label {
  margin-bottom: 4px;
  color: #909090;
  letter-spacing: 0.01em;
}
.launch-promo.login #login #login-form input[type="text"] {
  margin-bottom: 18px;
}
.launch-promo.login #login #login-form footer {
  padding-top: 10px;
}
.launch-promo.login #login #login-form footer .other-links p {
  margin-bottom: 5px;
  font-size: 12px !important;
  text-align: left;
}
.launch-promo.login #login #login-form footer .other-links p a {
  cursor: pointer;
  position: relative;
  color: #909090;
}
.launch-promo.login #login #login-form footer .other-links p a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.launch-promo.login #login #login-form footer .other-links p a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
.launch-promo.login #login #login-form footer .other-links p a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.launch-promo.login #login #login-form footer .other-links p a:hover:after {
  opacity: 0;
}
.launch-promo.login #login #login-form footer .other-links p a:after {
  bottom: 0 !important;
}
.launch-promo.promo-code .hero-wrapper {
  height: 925px;
}
.launch-promo.promo-code .hero-wrapper h1 {
  line-height: 72px;
}
.launch-promo.promo-code .hero-wrapper h2 {
  margin-bottom: 42px;
}
.launch-promo.promo-code .hero-wrapper .article-wrapper .editor-preview {
  margin-top: 89px;
  margin-bottom: -241px;
}
.launch-promo.promo-code form {
  margin-bottom: 20px;
}
.launch-promo.promo-code form fieldset {
  max-width: 300px;
}
.launch-promo.promo-code form small {
  display: block;
  color: #fff;
}
.launch-promo.promo-code form label {
  margin-bottom: 4px;
  color: #909090;
  letter-spacing: 0.01em;
}
.launch-promo.promo-code form input[type="text"] {
  width: 100%;
  margin-top: 10px;
}
.launch-promo.promo-code form input[type="text"]::-webkit-input-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
.launch-promo.promo-code form input[type="text"]:-moz-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
.launch-promo.promo-code form input[type="text"]::-moz-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
.launch-promo.promo-code form input[type="text"]:-ms-input-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
.launch-promo.promo-code form input[type="text"],
.launch-promo.promo-code form input[type="text"]:focus {
  border: none;
}
.launch-promo.promo-code form .btn-flat {
  width: 100%;
  height: 50px;
  margin-top: 10px;
  padding: 0 20px;
  border-radius: 8px;
  background-color: #006cff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  font-weight: 600;
}
.launch-promo.promo-code form .btn-flat:hover {
  background-color: #2481ff !important;
}
.slack-integration {
  position: relative;
  background-color: #282828;
  overflow-y: hidden;
}
.slack-integration .centering-block {
  height: inherit;
  width: 1200px;
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
.slack-integration .top {
  width: 100%;
  height: 145px;
  padding-right: 50px;
  padding-left: 50px;
  position: relative;
  background-color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .slack-integration .top {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.slack-integration .integration {
  display: inline-block;
  position: relative;
  text-align: left;
}
.slack-integration .integration .logo,
.slack-integration .integration .plus,
.slack-integration .integration .logo-slack,
.slack-integration .integration .label {
  display: inline-block;
  position: relative;
  transform: translateY(-50%);
  vertical-align: middle;
}
.slack-integration .integration .logo {
  top: 82px;
  left: 0;
  width: 68px;
  height: 68px;
  background-size: 68px;
}
.slack-integration .integration .logo.white {
  opacity: 0.7;
}
@media only screen and (max-width: 767px) {
  .slack-integration .integration .logo {
    top: 65px;
    width: 48px;
    height: 48px;
    background-size: 48px;
  }
}
.slack-integration .integration .plus {
  margin-left: 28px;
  top: 61px;
  color: #c2c2c2;
  font-size: 35px;
  font-weight: 600;
  line-height: 69%;
}
@media only screen and (max-width: 767px) {
  .slack-integration .integration .plus {
    margin-left: 21px;
    top: 50px;
    font-size: 26px;
  }
}
.slack-integration .integration .logo-slack {
  content: '';
  margin-left: 27px;
  top: 83px;
  background: url('/images/homepage/slack-integration/icon-slack-logo-small-retina.png') no-repeat;
  width: 72px;
  height: 72px;
  background-size: 72px;
}
@media only screen and (max-width: 767px) {
  .slack-integration .integration .logo-slack {
    margin-left: 20px;
    top: 65px;
    width: 50px;
    height: 50px;
    background-size: 50px;
  }
}
.slack-integration .integration .label {
  position: absolute;
  top: 122px;
  left: 0;
  color: #333;
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .slack-integration .integration .label {
    display: none;
  }
}
.slack-integration .integration.center .logo {
  position: relative;
  top: 0;
  transform: none;
  vertical-align: middle;
  width: 41px;
  height: 41px;
  background-size: 41px;
}
.slack-integration .main {
  padding-right: 50px;
  padding-left: 50px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  .slack-integration .main {
    padding-right: 25px;
    padding-left: 25px;
  }
}
.slack-integration .main .centering-block {
  display: flex;
}
.slack-integration .main article {
  max-width: 750px;
  padding: 23px 0 68px;
  flex-basis: 75%;
  justify-content: space-around;
}
@media only screen and (max-width: 767px) {
  .slack-integration .main article {
    padding-bottom: 44px;
    flex-basis: 100%;
  }
}
.slack-integration .main article h1 {
  max-height: 224px;
  margin-bottom: 41px;
  position: relative;
  color: #333;
  font-size: 130px;
  letter-spacing: -0.019em;
  line-height: 86%;
}
@media (max-width: 1180px) {
  .slack-integration .main article h1 {
    font-size: 90px;
  }
}
@media (max-width: 850px) {
  .slack-integration .main article h1 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .slack-integration .main article h1 {
    margin-left: -6px;
  }
}
@media only screen and (max-width: 767px) {
  .slack-integration .main article h1 {
    max-height: 315px;
    margin-left: -3px;
    margin-bottom: 15px;
    font-size: 46px;
    letter-spacing: -0.025em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .slack-integration .main article h1 {
    max-height: 172px;
  }
}
.slack-integration .main article > p {
  max-height: 309px;
  margin-bottom: 45px;
  color: #727272;
  font-size: 19px;
  letter-spacing: 0.015em;
  line-height: 179%;
}
@media only screen and (max-width: 767px) {
  .slack-integration .main article > p {
    text-align: justify;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .slack-integration .main article > p {
    margin-bottom: 42px;
  }
  .slack-integration .main article > p br {
    display: none;
  }
}
@media (min-width: 1250px) {
  .slack-integration .main article > p {
    margin-left: 7px;
  }
}
.slack-integration .btn-blue {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #fff;
}
@media (max-width: 480px) {
  .slack-integration .btn-blue {
    width: 100%;
  }
}
@media (min-width: 1250px) {
  .slack-integration .btn-blue {
    margin-left: 7px;
  }
}
.slack-integration .btn-blue span {
  display: inline-block;
  width: 100%;
  padding: 11px 32px 13px;
  border-radius: 8px;
  position: relative;
  z-index: 2;
  background-color: #006cff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 165%;
  text-align: center;
  transition: background-color 0.2s ease-out;
}
.slack-integration .btn-blue:after {
  content: '';
  display: block;
  width: 88%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  z-index: -1;
  background-color: #66a7ff;
  filter: blur(10px);
  transition: background-color 0.2s ease-out;
}
.ie .slack-integration .btn-blue:after {
  display: none;
}
.slack-integration .btn-blue:hover:after,
.slack-integration .btn-blue:hover span {
  background-color: #333;
}
.slack-integration .features {
  padding: 94px 50px 65px;
  background-color: #006cff;
}
@media only screen and (max-width: 767px) {
  .slack-integration .features {
    padding: 36px 25px 0;
  }
}
.slack-integration .features h2 {
  color: #fff;
  font-size: 50px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 126%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .slack-integration .features h2 br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .slack-integration .features h2 {
    margin-bottom: 23px;
    font-size: 31px;
    line-height: 155%;
  }
}
.slack-integration .features > ul {
  display: flex;
  padding-top: 25px;
  flex-flow: row wrap;
  justify-content: space-around;
  text-align: center;
}
.slack-integration .features > ul li {
  display: inline-block;
  margin-bottom: 50px;
  flex-basis: 25%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .slack-integration .features > ul li {
    flex-basis: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .slack-integration .features > ul li {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .slack-integration .features > ul li:last-child {
    margin-bottom: 25px;
  }
}
.slack-integration .features > ul li figure {
  height: 116px;
  margin-bottom: 20px;
  vertical-align: bottom;
}
.slack-integration .features > ul li figure img {
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .slack-integration .features > ul li figure {
    margin-bottom: 5px;
  }
}
.slack-integration .features > ul li p {
  color: #ddf9f6;
  font-size: 20px;
  letter-spacing: 0.015em;
  line-height: 130%;
}
.slack-integration .flow {
  display: flex;
  padding: 81px 50px 100px;
  flex-flow: row wrap;
  align-content: space-around;
  justify-content: center;
  background-color: #f9f9f9;
}
@media (max-width: 834px) {
  .slack-integration .flow {
    padding: 102px 25px 12px;
  }
}
.slack-integration .flow .left {
  text-align: right;
}
.slack-integration .flow .left figure {
  margin-right: 19%;
}
@media (max-width: 920px) {
  .slack-integration .flow .left figure {
    margin-right: 7%;
  }
}
.slack-integration .flow .right {
  text-align: left;
}
.slack-integration .flow .right figure {
  margin-left: 19%;
}
@media (max-width: 920px) {
  .slack-integration .flow .right figure {
    margin-left: 7%;
  }
}
.slack-integration .flow .left,
.slack-integration .flow .right {
  width: 50%;
  min-width: 360px;
  flex-basis: 50%;
}
@media (max-width: 834px) {
  .slack-integration .flow .left,
  .slack-integration .flow .right {
    width: 100%;
    flex-basis: 100%;
    text-align: center;
  }
  .slack-integration .flow .left figure,
  .slack-integration .flow .right figure {
    margin: 0 auto;
  }
}
.slack-integration .flow .center {
  flex-basis: 100%;
  text-align: center;
}
.slack-integration .flow figure {
  display: inline-block;
  margin: 20px auto;
  position: relative;
}
.slack-integration .flow figure img {
  height: auto;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
  box-shadow: 0 15px 57px rgba(0, 0, 0, 0.08);
}
.slack-integration .flow figure img.step4-img-mobile {
  display: none;
}
@media (max-width: 834px) {
  .slack-integration .flow figure img {
    box-shadow: 0 15px 57px rgba(0, 0, 0, 0.06);
  }
  .slack-integration .flow figure img.step4-img {
    display: none;
  }
  .slack-integration .flow figure img.step4-img-mobile {
    display: inline-block;
  }
}
.slack-integration .flow figure .number {
  display: inline-block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  position: absolute;
  z-index: 3;
  background-image: linear-gradient(to top right, #006cff, #519bff);
  box-shadow: 0 5px 22px rgba(0, 108, 255, 0.35);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 45px;
  text-align: center;
}
@media (max-width: 834px) {
  .slack-integration .flow figure .number {
    top: -60px !important;
    left: calc(50% - 45px/2) !important;
  }
}
.slack-integration .flow figure.one .number {
  top: -22.5px;
  right: -18.75px;
}
.slack-integration .flow figure.two .number {
  top: 132px;
  left: -24px;
}
.slack-integration .flow figure.three {
  margin-top: 114px;
}
.slack-integration .flow figure.three .number {
  top: -22.5px;
  right: -18.75px;
}
.slack-integration .flow figure.four {
  margin-top: 81px;
}
.slack-integration .flow figure.four .number {
  top: -24px;
  right: 189px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .slack-integration .flow figure.four .number {
    right: 250px;
  }
}
@media (max-width: 834px) {
  .slack-integration .flow figure.two {
    top: 2px;
  }
  .slack-integration .flow figure.three {
    margin-top: 0;
    top: 601px;
  }
  .slack-integration .flow figure.four {
    margin-top: 275px;
  }
}
.slack-integration .flow .step-connect {
  display: none;
  opacity: 0;
  border-color: #caccc9;
  border-style: dashed none none none;
  border-width: 1px;
  position: absolute;
  z-index: 1;
  transition: opacity 0.4s linear;
}
.slack-integration .flow .step-connect.visible {
  display: inline-block;
  opacity: 1;
}
.slack-integration .sign-up {
  padding: 63px 50px 65px;
  background-color: #333;
  text-align: center;
}
.slack-integration .sign-up h2 {
  margin-bottom: 9px;
  color: #fefefe;
  font-size: 57px;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.slack-integration .sign-up > p {
  margin-bottom: 39px;
  color: #a7a7a7;
  font-size: 18px;
  letter-spacing: 0.015em;
  line-height: 172%;
}
@media (max-width: 480px) {
  .slack-integration .sign-up > p {
    margin-bottom: 15px;
  }
  .slack-integration .sign-up > p br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .slack-integration .sign-up {
    padding: 50px 25px 40px;
  }
  .slack-integration .sign-up h2 {
    font-size: 41px;
  }
}
.slack-integration .sign-up-form label {
  top: -1px;
  left: 6px;
  color: #909090;
  font-style: italic;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 1025px) {
  .slack-integration .sign-up-form .input-wrapper {
    width: 222px;
    margin-right: 10px;
  }
}
.slack-integration .sign-up-form .input-wrapper input {
  width: 100%;
  border: none;
  border-radius: 1px;
}
.slack-integration .sign-up-form .input-wrapper input:not(.with-value) + label {
  font-size: 14px;
}
.slack-integration .sign-up-form .error-tip span {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .slack-integration .sign-up-form {
    margin-bottom: 25px;
  }
  .slack-integration .sign-up-form .error-tip {
    margin-right: auto;
  }
  .slack-integration .sign-up-form .input-wrapper input {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.slack-integration .btn-sign-up,
.slack-integration .btn-form-submit {
  padding: 0 20px;
  border-radius: 1px;
  background-color: #006cff;
  box-shadow: none;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.slack-integration .btn-sign-up:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover,
.slack-integration .btn-form-submit:not(.inactive):not(.unavailable):not(.working):not([disabled]):hover {
  background-color: #0056cc;
}
@media screen and only screen and (max-width: 767px) {
  .slack-integration .btn-sign-up,
  .slack-integration .btn-form-submit {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.slack-integration .signup-legal-note {
  margin-bottom: 60px;
  color: #a6a6a6;
}
.slack-integration .signup-legal-note a {
  color: inherit;
  position: relative;
}
.slack-integration .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #a6a6a6;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
.slack-integration .signup-legal-note a:hover:after {
  opacity: 0;
}
#enterprise-onboarding.eux .btn-solid {
  border-radius: 8px;
  background-clip: padding-box;
  display: block;
  width: 100%;
  height: 50px;
  padding: 0 20px;
  background-color: #006cff;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: 50px;
  box-shadow: none;
  border: 0;
}
#enterprise-onboarding.eux .btn-solid:hover {
  background-color: #3389ff;
}
#enterprise-onboarding.eux .btn-solid.btn-inline {
  display: inline-block;
  width: auto;
}
#enterprise-onboarding.eux section:not(.main-header):not(.getting-started) p {
  font-size: 20px;
  line-height: 150%;
}
#enterprise-onboarding.eux .heading .title {
  margin-bottom: 22px;
}
#enterprise-onboarding.eux .heading .title.small {
  margin-top: 0;
  font-size: 32px;
  line-height: 164%;
}
#enterprise-onboarding.eux .heading .subtitle {
  color: #919191;
  font-size: 20px;
  font-weight: normal;
  line-height: 150%;
}
#enterprise-onboarding.eux .heading .subtitle.big {
  font-size: 22px;
}
#enterprise-onboarding.eux .main-header {
  display: flex;
  height: 510px;
  padding: 0;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #141414;
  overflow: hidden;
}
#enterprise-onboarding.eux .main-header:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  height: auto;
  background: url('/images/enterprise/hero-bg.jpg') no-repeat center;
  background-size: cover;
  z-index: 1;
}
#enterprise-onboarding.eux .main-header .content-wrapper {
  margin: auto;
}
@media screen and (max-height: 530px), screen and (max-width: 560px) {
  #enterprise-onboarding.eux .main-header .content-wrapper {
    transform: translateY(-15%);
  }
}
#enterprise-onboarding.eux .main-header .uxpin-logo-wrapper {
  margin-bottom: 68px;
}
#enterprise-onboarding.eux .main-header .uxpin-logo-wrapper h4 {
  margin-top: 12px;
  left: 4px;
  font-size: 12px;
  letter-spacing: 0.52em;
}
#enterprise-onboarding.eux .main-header .eux-logo {
  width: 100%;
  position: absolute;
  bottom: 27px;
  z-index: 3;
  text-align: center;
}
#enterprise-onboarding.eux .main-header .eux-logo figcaption {
  display: inline-block;
  height: 22px;
  margin: 0 auto 20px;
  padding: 2px 28px 0 28px;
  border: 1px solid #197aff;
  font-size: 22px;
  font-weight: normal;
  line-height: 21px;
}
#enterprise-onboarding.eux .main-header .eux-logo figcaption span {
  display: inline-block;
  height: 18px;
  padding: 0 2px 0 1px;
  position: relative;
  top: -1px;
  z-index: 2;
  background-color: #0038cc;
  color: #fff;
}
#enterprise-onboarding.eux .main-header .eux-logo figcaption span:before,
#enterprise-onboarding.eux .main-header .eux-logo figcaption span:after {
  content: '';
  display: inline-block;
  width: 4px;
  height: 15px;
  border-width: 1px;
  border-color: #fff;
  position: absolute;
  right: -3px;
  bottom: -7px;
}
#enterprise-onboarding.eux .main-header .eux-logo figcaption span:before {
  border-style: solid solid solid none;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
#enterprise-onboarding.eux .main-header .eux-logo figcaption span:after {
  border-style: solid none solid solid;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  transform: translateX(3px);
}
#enterprise-onboarding.eux .main-header .eux-logo img {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
#enterprise-onboarding.eux .swag {
  padding-top: 56px;
  padding-bottom: 76px;
  text-align: center;
}
#enterprise-onboarding.eux .swag > p {
  max-width: 960px;
  margin: 0 auto 11px;
  color: #131313;
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  letter-spacing: -0.2px;
}
#enterprise-onboarding.eux .swag .ebooks {
  display: flex;
  max-width: 960px;
  margin: 60px auto 0;
  align-content: center;
  flex-wrap: wrap;
  justify-content: space-around;
}
#enterprise-onboarding.eux .swag .ebooks .ebook {
  max-width: 242px;
  margin: 0 6px 13px;
  text-align: left;
}
#enterprise-onboarding.eux .swag .ebooks .ebook:first-child,
#enterprise-onboarding.eux .swag .ebooks .ebook:last-child {
  margin-right: 0;
  margin-left: 0;
}
#enterprise-onboarding.eux .swag .ebooks .ebook figure {
  margin-bottom: 20px;
  position: relative;
}
#enterprise-onboarding.eux .swag .ebooks .ebook figure img {
  box-shadow: 0 30px 30px -20px #aaa, 1px 1px 51px rgba(21, 21, 20, 0.05);
}
#enterprise-onboarding.eux .swag .ebooks .ebook figure figcaption {
  padding-top: 33px;
}
#enterprise-onboarding.eux .swag .ebooks .ebook h4 {
  margin-bottom: 7px;
  color: #131313;
  font-size: 18px;
  font-weight: normal;
  white-space: nowrap;
}
#enterprise-onboarding.eux .swag .ebooks .ebook a {
  font-size: 18px;
}
#enterprise-onboarding.eux .process {
  padding-top: 40px;
}
#enterprise-onboarding.eux .process h2 {
  margin-top: 57px;
}
#enterprise-onboarding.eux .process .flow-graph {
  margin-top: 89px;
}
#enterprise-onboarding.eux .process .process-flow {
  margin-bottom: 117px;
}
#enterprise-onboarding.eux .process .flow-step {
  margin-bottom: 200px;
  align-items: center;
}
@media screen and (max-width: 736px) {
  #enterprise-onboarding.eux .process .flow-step {
    margin-bottom: 50px;
  }
  #enterprise-onboarding.eux .process .flow-step .description {
    width: 100%;
    margin-bottom: 30px;
  }
}
#enterprise-onboarding.eux .process .flow-step:nth-child(even) {
  flex-direction: row-reverse;
}
#enterprise-onboarding.eux .process .flow-step:nth-child(even) .description {
  max-width: 42.6%;
}
#enterprise-onboarding.eux .process .flow-step:nth-child(even) figure {
  max-width: 43%;
}
#enterprise-onboarding.eux .process .flow-step:nth-child(even) figure img {
  float: right;
}
@media screen and (max-width: 736px) {
  #enterprise-onboarding.eux .process .flow-step:nth-child(even) {
    flex-direction: column;
  }
}
#enterprise-onboarding.eux .process .flow-step .step-name {
  margin-bottom: 27px;
}
#enterprise-onboarding.eux .process .flow-step .description {
  margin-bottom: 87px;
}
#enterprise-onboarding.eux .process .flow-step .description .list {
  padding-left: 20px;
}
#enterprise-onboarding.eux .process .flow-step .description .list li {
  font-size: 18px;
  color: #6a6a6a;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 11px;
  list-style: disc;
}
#enterprise-onboarding.eux .process .flow-step .description p {
  margin-bottom: 31px;
  font-size: 20px;
  line-height: 150%;
}
#enterprise-onboarding.eux .process .flow-step .description p:last-child {
  margin-bottom: 0;
}
#enterprise-onboarding.eux .process .flow-step figure {
  max-width: 42.5%;
}
@media screen and (min-width: 701px) {
  #enterprise-onboarding.eux .process .flow-step figure img {
    box-shadow: -1px 92px 99px -62px rgba(0, 0, 0, 0.26);
  }
}
#enterprise-onboarding.eux .getting-started {
  margin-top: 27px;
  padding-top: 23px;
  padding-bottom: 238px;
}
#enterprise-onboarding.eux .getting-started .feature {
  margin-top: 212px;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #enterprise-onboarding.eux .getting-started .feature {
    margin-top: 20px;
  }
}
@media screen and (max-width: 700px) {
  #enterprise-onboarding.eux .getting-started .feature {
    margin-top: 10px;
  }
}
#enterprise-onboarding.eux .getting-started .feature:first-of-type {
  margin-top: 137px;
}
#enterprise-onboarding.eux .getting-started .feature:nth-of-type(even) {
  max-width: 1210px;
}
#enterprise-onboarding.eux .getting-started .feature:nth-of-type(even) .description {
  max-width: 41.1%;
}
#enterprise-onboarding.eux .getting-started .feature:nth-of-type(even) figure {
  max-width: 51.4%;
}
#enterprise-onboarding.eux .getting-started .feature .description {
  max-width: 48.7%;
  margin-top: 0;
}
#enterprise-onboarding.eux .getting-started .feature .description .feature-name,
#enterprise-onboarding.eux .getting-started .feature .description p {
  margin-bottom: 27px;
}
#enterprise-onboarding.eux .getting-started .feature figure {
  max-width: 38.8%;
}
#enterprise-onboarding.eux .getting-started .feature figure img {
  top: auto !important;
  right: auto !important;
  left: auto !important;
}
@media screen and (min-width: 700px) {
  #enterprise-onboarding.eux .getting-started .feature figure img {
    box-shadow: -1px 92px 99px -62px rgba(0, 0, 0, 0.26);
  }
}
#enterprise-onboarding.eux .request-demo {
  padding: 109px 20px 91px;
}
#enterprise-onboarding.eux .request-demo .title {
  margin-top: 0;
}
#enterprise-onboarding.eux .request-demo > p {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  color: #464646;
  font-size: 22px;
  font-weight: 300;
  text-align: center;
}
#enterprise-onboarding.eux .request-demo .contact-info {
  display: block;
  margin-top: 23px;
  color: #a6a6a6;
  font-size: 12px;
  text-align: center;
}
#enterprise-onboarding.eux.form {
  padding: 94px 0 116px;
  background-color: #fff;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding.eux.form {
    padding: 40px 0 50px;
  }
}
#enterprise-onboarding.eux.form .logo {
  display: inline-block;
  margin-bottom: 44px;
}
#enterprise-onboarding.eux.form .logo.left {
  opacity: 0.35;
  position: absolute;
  top: 80px;
  left: 80px;
}
#enterprise-onboarding.eux.form .content-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#enterprise-onboarding.eux.form h2 {
  margin-bottom: 44px;
  color: #141414;
  font-weight: 800;
}
@media only screen and (max-width: 767px) {
  #enterprise-onboarding.eux.form h2 {
    margin-bottom: 20px;
  }
}
#enterprise-onboarding.eux.form p,
#enterprise-onboarding.eux.form ul {
  margin-bottom: 60px;
  color: #464646;
  font-size: 22px !important;
  font-weight: 300;
}
#enterprise-onboarding.eux.form .event-logo {
  margin-top: 158px;
  margin-bottom: 50px;
}
#enterprise-onboarding.eux.form .hbspt {
  width: 100%;
}
#enterprise-onboarding.eux.form .hs-form input[type='submit'] {
  color: #fff;
  font-weight: 600;
}
#enterprise-onboarding.eux.form .hs-form ul {
  margin-bottom: 0;
  font-weight: 400;
}
#enterprise-onboarding.eux.form .hs-form .hs-form-booleancheckbox {
  padding-left: 19px !important;
}
#enterprise-onboarding.eux.form .hs-form .hs-form-booleancheckbox input[type='checkbox']:only-of-type {
  left: 0;
}
#enterprise-onboarding.eux.form .hs-form .hs-error-msgs {
  margin-bottom: -24px;
  transform: translateY(-25px);
}
#enterprise-onboarding.eux.form .info-text:after {
  max-width: 415px;
}
#enterprise-onboarding.eux.form .submitted-message {
  margin-top: 0;
  margin-bottom: 30px;
}
#enterprise-onboarding.eux.form .submitted-message p {
  line-height: 24px !important;
}
#enterprise-onboarding footer {
  background-color: transparent;
}
#enterprise-onboarding footer .logo-wrapper {
  opacity: 0.2;
}
#enterprise-onboarding footer .logo-wrapper .logo {
  background: url('/images/homepage/uxpin-black.svg') no-repeat;
  background-position: center;
  background-size: 70px 70px;
  border-color: #000;
  border-color: #191919;
}
#enterprise-onboarding footer .logo-wrapper .logo-label {
  color: #000;
}
#material-icons {
  background: url('./images/homepage/material-icons/top-bg-icons.png') no-repeat center 61px, linear-gradient(to bottom, #6b26e8 50%, rgba(0, 0, 0, 0) 100%), #544add;
  background-size: 1394px 1110px, auto, auto;
}
#material-icons > section {
  padding-right: 20px;
  padding-left: 20px;
}
#material-icons .circle-button {
  display: inline-block;
  width: 42px;
  height: 42px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transition: border-color 0.3s ease-out;
}
#material-icons .circle-button:after {
  content: '';
  opacity: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
}
#material-icons .circle-button:hover:after {
  animation: hover-wave 0.8s ease forwards;
}
#material-icons .header {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 38px;
  font-weight: 400;
  text-align: center;
}
#material-icons .share-buttons {
  display: flex;
  padding-right: 20px;
  align-items: center;
  color: #fff;
}
#material-icons .share-buttons .share-button {
  margin-left: 17px;
  position: relative;
  color: transparent;
  font-size: 0;
  line-height: 100%;
}
#material-icons .share-buttons .share-button:before {
  position: absolute;
  top: 12px;
}
#material-icons .share-buttons .share-button.icon-20-twitter-full:before {
  content: "\e904";
  color: #fff;
  font-size: 14px;
  left: 9px;
}
#material-icons .share-buttons .share-button.icon-20-facebook-full:before {
  content: "\e905";
  color: #fff;
  font-size: 14px;
  left: 8px;
}
#material-icons .share-buttons .share-button.icon-20-linkedin-full:before {
  content: "\e903";
  color: #fff;
  font-size: 14px;
  left: 12px;
}
#material-icons .form-header {
  margin-bottom: 27px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
}
#material-icons .sign-up-form label {
  top: -1px;
  left: 4px;
  color: #6b26e8;
  font-size: 14px;
  font-weight: 600;
}
#material-icons .sign-up-form input {
  width: 270px;
  margin-right: 10px;
}
#material-icons .sign-up-form input:focus + label {
  color: #a2a2a2;
  font-size: 10px;
}
@media screen and (max-width: 768px) {
  #material-icons .sign-up-form {
    width: 100%;
  }
  #material-icons .sign-up-form .input-wrapper,
  #material-icons .sign-up-form button {
    width: 100%;
    max-width: 270px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
}
#material-icons .btn-form-submit,
#material-icons .btn-sign-up,
#material-icons .join-input-email {
  height: 42px;
  box-shadow: 12px 0 32px rgba(73, 15, 179, 0.28);
  font-size: 14px;
  line-height: 42px;
}
@media only screen and (max-width: 767px) {
  #material-icons .btn-form-submit,
  #material-icons .btn-sign-up,
  #material-icons .join-input-email {
    width: 100%;
  }
}
#material-icons .btn-form-submit,
#material-icons .btn-sign-up {
  padding-right: 37px;
  padding-left: 37px;
}
#material-icons .btn-sign-up {
  max-width: 270px;
  padding-top: 0;
}
#material-icons .signup-legal-note {
  margin-bottom: 26px;
  color: #a4a0ff;
}
#material-icons .signup-legal-note a {
  color: inherit;
  cursor: pointer;
  position: relative;
}
#material-icons .signup-legal-note a:after {
  border-bottom: 1px solid rgba(164, 160, 255, 0.7);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#material-icons .signup-legal-note a:hover:after {
  border-color: rgba(164, 160, 255, 0);
}
#material-icons .signup-legal-note a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(164, 160, 255, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#material-icons .signup-legal-note a:hover:after {
  opacity: 0;
}
#material-icons .signup-info {
  display: block;
}
#material-icons .signup-info,
#material-icons .signup-info a {
  color: #d9d3ff;
  font-size: 14px;
  font-weight: 400;
}
#material-icons .signup-info a {
  cursor: pointer;
  position: relative;
}
#material-icons .signup-info a:after {
  border-bottom: 1px solid rgba(217, 211, 255, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#material-icons .signup-info a:hover:after {
  border-color: rgba(217, 211, 255, 0);
}
#material-icons .signup-info a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(217, 211, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#material-icons .signup-info a:hover:after {
  opacity: 0;
}
#material-icons .info {
  position: relative;
  z-index: 1;
  color: #a4a0ff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
#material-icons .icon-sets {
  display: flex;
  margin-top: 94px;
  position: relative;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #material-icons .icon-sets {
    flex-direction: column;
  }
}
#material-icons .icon-sets li {
  margin-bottom: 100px;
}
#material-icons .icon-sets li figure {
  max-width: 300px;
  height: 230px;
  position: relative;
  flex-basis: 30%;
  text-align: center;
}
#material-icons .icon-sets li figure:after {
  content: '';
  width: 600px;
  height: 600px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  transform: translate(-50%, -50%);
  background: radial-gradient(#6156ff 0%, rgba(97, 86, 255, 0.7) 25%, rgba(97, 86, 255, 0.3) 44%, rgba(97, 86, 255, 0.1) 61%, rgba(97, 86, 255, 0) 84%);
}
#material-icons .icon-sets li figure img {
  display: inline-block;
}
#material-icons .icon-sets li figure img,
#material-icons .icon-sets li figure figcaption {
  position: relative;
  z-index: 1;
}
#material-icons .icon-sets li figure figcaption {
  margin-top: 42px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
#material-icons .top-bar {
  height: 153px;
  position: relative;
  line-height: 153px;
  text-align: left;
}
#material-icons .top-bar .logo {
  width: 63px;
  height: 63px;
  top: 45px !important;
  left: 60px !important;
  background-size: 63px;
}
@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #material-icons .top-bar .logo {
    top: 45px !important;
    left: 60px;
  }
}
@media (max-width: 400px) {
  #material-icons .top-bar .logo {
    margin: auto;
    right: 0;
    left: 0 !important;
    transform: translateX(0);
  }
}
#material-icons .top-bar .desc {
  position: absolute;
  left: 143px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 767px) {
  #material-icons .top-bar .desc {
    left: 120px;
  }
}
@media (max-width: 666px) {
  #material-icons .top-bar .desc {
    display: none;
  }
}
#material-icons .top-bar .share-buttons {
  justify-content: flex-end;
}
@media (max-width: 400px) {
  #material-icons .top-bar .share-buttons {
    display: none;
  }
}
@media (max-width: 460px) {
  #material-icons .top-bar .share-buttons span {
    opacity: 0;
    visibility: hidden;
  }
}
#material-icons .top-header {
  padding-bottom: 50px;
  position: relative;
  text-align: center;
}
#material-icons .top-header h1 {
  margin-top: 150px;
  margin-bottom: 19px;
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 55px;
  font-weight: 400;
  line-height: 120%;
}
#material-icons .top-header .tagline,
#material-icons .top-header .cta {
  display: block;
  position: relative;
  z-index: 2;
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
}
#material-icons .top-header .tagline,
#material-icons .top-header .tagline a {
  color: #fff;
}
#material-icons .top-header .tagline a {
  cursor: pointer;
  position: relative;
}
#material-icons .top-header .tagline a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#material-icons .top-header .tagline a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
#material-icons .top-header .tagline a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#material-icons .top-header .tagline a:hover:after {
  opacity: 0;
}
#material-icons .top-header .cta {
  margin-bottom: 57px;
  color: #a4a0ff;
}
#material-icons .top-header .number {
  margin: auto;
  position: absolute;
  top: 142px;
  right: 0;
  left: 0;
}
#material-icons .top-header .number svg {
  margin-left: -350px;
  position: absolute;
  left: 50%;
}
#material-icons .top-header .number text {
  font-family: 'ProximaNova', sans-serif;
  font-size: 313px;
  font-weight: 700;
}
#material-icons .top-header .scroll-down {
  display: inline-block;
  margin-top: 104px;
  position: relative;
  text-indent: -9999px;
}
#material-icons .top-header .scroll-down:before {
  content: '';
  width: 10px;
  position: absolute;
  top: 16px;
  left: 13px;
  border: 6px solid;
  border-color: #fff transparent transparent;
  border-radius: 1px;
}
#material-icons .top-header .btn-form-submit,
#material-icons .top-header .btn-sign-up {
  background-color: #88bc26;
}
#material-icons .top-header .btn-form-submit:hover,
#material-icons .top-header .btn-sign-up:hover {
  background-color: #7cab23;
}
@media (max-width: 700px) {
  #material-icons .top-header h1 {
    font-size: 45px;
  }
  #material-icons .top-header .number {
    top: 102px;
  }
  #material-icons .top-header .number svg {
    text-align: center;
  }
  #material-icons .top-header .number text {
    margin-right: auto;
    margin-left: auto;
    font-size: 213px;
  }
}
@media (max-width: 400px) {
  #material-icons .top-header h1 {
    margin-top: 30px;
  }
  #material-icons .top-header .number {
    top: -18px;
  }
  #material-icons .top-header .number text {
    font-size: 175px;
  }
}
#material-icons .icons {
  padding-top: 101px;
}
#material-icons .icons .header {
  margin-bottom: 28px;
}
#material-icons .material-icons-uxpin {
  padding-top: 52px;
}
#material-icons .material-icons-uxpin > .header {
  margin-bottom: 117px;
}
#material-icons .material-icons-uxpin section {
  display: flex;
  justify-content: space-around;
}
#material-icons .material-icons-uxpin section:nth-of-type(even) figure {
  order: 2;
}
#material-icons .material-icons-uxpin section:nth-of-type(even) figure img {
  float: left;
}
#material-icons .material-icons-uxpin section.libraries figure img {
  transform: translateX(42px);
}
#material-icons .material-icons-uxpin section.libraries .description {
  padding-top: 129px;
}
#material-icons .material-icons-uxpin section.no-coding {
  margin-top: -119px;
}
#material-icons .material-icons-uxpin section.no-coding figure img {
  transform: translateX(-50px);
}
#material-icons .material-icons-uxpin section.no-coding .description {
  padding-top: 144px;
  padding-left: 136px;
}
#material-icons .material-icons-uxpin section.no-coding .description p {
  max-width: 450px;
}
#material-icons .material-icons-uxpin section.styling {
  margin-top: -119px;
}
#material-icons .material-icons-uxpin section.styling figure img {
  transform: translateX(39px);
}
#material-icons .material-icons-uxpin section.styling .description {
  padding-top: 143px;
}
#material-icons .material-icons-uxpin section figure,
#material-icons .material-icons-uxpin section .description {
  max-width: 50%;
  flex-basis: 50%;
  padding-right: 20px;
  padding-left: 42px;
}
#material-icons .material-icons-uxpin section figure img {
  float: right;
}
#material-icons .material-icons-uxpin section .header {
  margin-bottom: 19px;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
}
#material-icons .material-icons-uxpin section p {
  max-width: 410px;
  color: #a4a0ff;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #material-icons .material-icons-uxpin section {
    margin-top: 0 !important;
    margin-bottom: 100px;
    flex-direction: column;
  }
  #material-icons .material-icons-uxpin section:nth-of-type(even) figure {
    order: 1;
  }
  #material-icons .material-icons-uxpin section:nth-of-type(even) figure img {
    float: none;
    transform: translateX(-3%) !important;
  }
  #material-icons .material-icons-uxpin section:nth-of-type(even) .description {
    order: 2;
  }
  #material-icons .material-icons-uxpin section figure,
  #material-icons .material-icons-uxpin section .description {
    max-width: 100%;
    flex: 1 0 auto;
  }
  #material-icons .material-icons-uxpin section figure {
    padding-right: 0;
    padding-left: 0;
  }
  #material-icons .material-icons-uxpin section figure img {
    width: 100%;
    height: auto;
    margin-bottom: -20%;
    float: none;
    transform: translateX(0) !important;
  }
  #material-icons .material-icons-uxpin section .description {
    padding: 20px calc(5px + 2%) !important;
  }
}
#material-icons .other-icons {
  margin-top: -45px;
  padding-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  #material-icons .other-icons {
    margin-top: 0;
  }
}
#material-icons .other-icons .header {
  margin-bottom: 28px;
}
#material-icons .other-icons .icon-sets li figure {
  width: 300px;
}
#material-icons .other-icons .icon-sets li figure figcaption {
  margin-top: 46px;
}
#material-icons .try-uxpin {
  height: 963px;
  margin-top: 45px;
  padding-top: 328px;
  position: relative;
  background: #1b1a26 url('./images/homepage/material-icons/footer-bg-icons.png') no-repeat center 11px;
  background-size: 1157px 872px;
  text-align: center;
}
#material-icons .try-uxpin .header {
  display: inline-block;
  max-width: 980px;
  margin-bottom: 55px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 55px;
  font-weight: 400;
  line-height: 120%;
}
#material-icons .try-uxpin .sign-up-form {
  margin-bottom: 30px;
}
#material-icons .try-uxpin .btn-form-submit,
#material-icons .try-uxpin .btn-sign-up {
  background-color: #544add;
}
#material-icons .try-uxpin .btn-form-submit:hover,
#material-icons .try-uxpin .btn-sign-up:hover {
  background-color: #4035d9;
}
#material-icons .try-uxpin .sign-up-info,
#material-icons .try-uxpin .sign-up-info a {
  color: #a4a0ff;
}
#material-icons .try-uxpin .sign-up-info a {
  cursor: pointer;
  position: relative;
}
#material-icons .try-uxpin .sign-up-info a:after {
  border-bottom: 1px solid rgba(164, 160, 255, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#material-icons .try-uxpin .sign-up-info a:hover:after {
  border-color: rgba(164, 160, 255, 0);
}
#material-icons .try-uxpin .sign-up-info a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(164, 160, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#material-icons .try-uxpin .sign-up-info a:hover:after {
  opacity: 0;
}
#material-icons .try-uxpin .share-buttons {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 0;
  bottom: 40px;
  left: 0;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  #material-icons .try-uxpin {
    padding-top: 280px;
  }
  #material-icons .try-uxpin .header {
    margin-bottom: 45px;
    font-size: 44px;
  }
  #material-icons .try-uxpin .share-buttons {
    opacity: 1;
    visibility: visible;
  }
  #material-icons .try-uxpin .sign-up-form {
    margin-bottom: 5px;
  }
  #material-icons .try-uxpin .sign-up-form input[type='text'] {
    margin-bottom: 0;
  }
}
@media (max-width: 490px) {
  #material-icons .try-uxpin .header {
    font-size: 38px;
  }
}
@media (max-width: 430px) {
  #material-icons .try-uxpin .header {
    font-size: 34px;
  }
}
@keyframes hover-wave {
  0% {
    opacity: 0;
    border-width: 2px;
    transform: scale(1);
  }
  10% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    border-width: 0;
    transform: scale(1.6);
  }
}
#dashboard .header,
#dashboard .clients-testimonials h3 {
  margin-bottom: 36px;
  color: #212121;
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  #dashboard .header,
  #dashboard .clients-testimonials h3 {
    font-size: 42px;
  }
}
#dashboard .lead {
  margin-bottom: 0;
  color: #666;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #dashboard .lead br {
    display: none;
  }
}
#dashboard .top-header {
  height: 100vh;
  min-height: 560px;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  background-color: #0e1b2c;
  text-align: center;
  overflow: hidden;
}
#dashboard .top-header .logo {
  display: inline-block;
  width: 63px;
  height: 63px;
  position: absolute;
  top: 45px !important;
  left: 60px !important;
  z-index: 1;
  background-size: 63px;
}
@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #dashboard .top-header .logo {
    top: 45px !important;
    left: 60px;
  }
}
@media (max-width: 400px) {
  #dashboard .top-header .logo {
    margin: auto;
    right: 0;
    left: 0 !important;
    transform: translateX(0);
  }
}
#dashboard .top-header .share-buttons {
  display: flex;
  position: absolute;
  top: 55px;
  right: 60px;
  z-index: 1;
  align-items: center;
  color: #fff;
}
#dashboard .top-header .share-buttons .share-button {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 17px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  position: relative;
  color: transparent;
  font-size: 0;
  line-height: 100%;
  transition: border-color 0.3s ease-out;
}
#dashboard .top-header .share-buttons .share-button:hover {
  border-color: rgba(255, 255, 255, 0.8);
}
#dashboard .top-header .share-buttons .share-button:before {
  position: absolute;
  top: 12px;
}
#dashboard .top-header .share-buttons .share-button.icon-20-twitter-full:before {
  content: "\e904";
  color: #fff;
  font-size: 14px;
  left: 9px;
}
#dashboard .top-header .share-buttons .share-button.icon-20-facebook-full:before {
  content: "\e905";
  color: #fff;
  font-size: 14px;
  left: 8px;
}
#dashboard .top-header .share-buttons .share-button.icon-20-linkedin-full:before {
  content: "\e903";
  color: #fff;
  font-size: 14px;
  left: 12px;
}
#dashboard .top-header .header-content {
  padding-top: 211px;
  position: relative;
  z-index: 1;
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear;
}
@media (min-height: 920px) {
  #dashboard .top-header .header-content {
    padding-top: 311px;
  }
}
@media (max-width: 1350px) {
  #dashboard .top-header .header-content .title {
    font-size: 59px;
  }
}
@media (max-width: 1150px) {
  #dashboard .top-header .header-content .title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #dashboard .top-header .header-content .title {
    font-size: 48px;
  }
  #dashboard .top-header .header-content .subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .top-header .header-content .title {
    font-size: 38px;
  }
  #dashboard .top-header .header-content .subtitle {
    font-size: 16px;
  }
}
#dashboard .top-header .title {
  margin-bottom: 12px;
  color: #fff;
  font-size: 66px;
  font-weight: 700;
  line-height: 127%;
}
#dashboard .top-header .subtitle {
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
#dashboard .top-header .form-header {
  margin-top: 60px;
}
#dashboard .top-header .play-stop-button {
  width: 100px;
  margin: auto;
  padding: 83px 0 0;
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  transform: translateY(-10%);
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
#dashboard .top-header .play-stop-button:before {
  transition: transform 0.5s linear;
}
#dashboard .top-header .play-stop-button:after {
  content: '';
  display: inline-block;
  width: 68px;
  height: 68px;
  margin: auto;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.2s ease-out;
}
#dashboard .top-header .play-stop-button.play {
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear;
}
#dashboard .top-header .play-stop-button.play:before {
  content: '';
  border-width: 10px 0 10px 15px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 34px;
  left: 52%;
  transform: translate(-50%, -50%);
}
#dashboard .top-header .play-stop-button.play:hover:after {
  background-color: rgba(255, 255, 255, 0.1);
}
#dashboard .top-header .play-stop-button.loading:after {
  border-color: #fff #fff #fff transparent;
  animation: 0.5s linear 0s infinite forwards spinner-button;
}
#dashboard .top-header .play-stop-button.stop {
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear 0.5s;
}
#dashboard .top-header .play-stop-button.stop:before {
  content: "\e906";
  color: #fff;
  font-size: 21px;
  position: absolute;
  top: 24px;
  right: 0;
  left: 0;
  transform: translateX(2px) rotate(-15deg);
}
#dashboard .top-header .sign-up-form {
  margin-top: 17px;
}
#dashboard .top-header .sign-up-form label {
  transform: translate(5px, 10px);
  font-size: 14px;
  font-weight: 600;
}
#dashboard .top-header .sign-up-form input.with-value,
#dashboard .top-header .sign-up-form input:focus {
  border-color: #e4e4e4 !important;
}
#dashboard .top-header .sign-up-form input.with-value + label,
#dashboard .top-header .sign-up-form input:focus + label {
  font-size: 10px;
  transform: translate(5px, -3px);
}
#dashboard .top-header .sign-up-form input,
#dashboard .top-header .sign-up-form button {
  height: 42px;
  font-size: 14px;
  line-height: 42px;
}
#dashboard .top-header .sign-up-form button {
  background-color: #006cff !important;
}
#dashboard .top-header .sign-up-form button:hover {
  background-color: #0061e6;
}
#dashboard .top-header .join-input-email,
#dashboard .top-header .btn-form-submit,
#dashboard .top-header .btn-sign-up {
  height: 42px;
  font-size: 14px;
  line-height: 42px;
}
#dashboard .top-header .btn-form-submit,
#dashboard .top-header .btn-sign-up {
  background-color: #006cff !important;
}
#dashboard .top-header .btn-form-submit:hover,
#dashboard .top-header .btn-sign-up:hover {
  background-color: #0061e6;
}
#dashboard .top-header .btn-sign-up {
  margin-top: 20px;
  padding-top: 0;
}
#dashboard .top-header .signup-legal-note {
  color: #a6a6a6;
}
#dashboard .top-header .signup-legal-note a {
  color: inherit;
  cursor: pointer;
  position: relative;
}
#dashboard .top-header .signup-legal-note a:after {
  border-bottom: 1px solid rgba(166, 166, 166, 0.6);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#dashboard .top-header .signup-legal-note a:hover:after {
  border-color: rgba(166, 166, 166, 0);
}
#dashboard .top-header .signup-legal-note a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(166, 166, 166, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#dashboard .top-header .signup-legal-note a:hover:after {
  opacity: 0;
}
#dashboard .top-header .log-in {
  margin-top: 9px;
}
#dashboard .top-header .log-in,
#dashboard .top-header .log-in a {
  color: #fff;
  font-size: 14px;
}
#dashboard .top-header .log-in a {
  cursor: pointer;
  position: relative;
}
#dashboard .top-header .log-in a:after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
#dashboard .top-header .log-in a:hover:after {
  border-color: rgba(255, 255, 255, 0);
}
#dashboard .top-header .log-in a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
#dashboard .top-header .log-in a:hover:after {
  opacity: 0;
}
#dashboard .top-header .video-container {
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
#dashboard .top-header .video-container .fake-poster,
#dashboard .top-header .video-container .main-video {
  width: auto;
  min-width: calc(100% + 2px);
  height: auto;
  min-height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#dashboard .top-header .video-container .fake-poster {
  opacity: 1;
  z-index: 1;
  transition: opacity 0.5s ease-out;
}
#dashboard .top-header .video-container .fake-poster.hide {
  opacity: 0;
}
#dashboard .top-header .video-container .main-video {
  z-index: 0;
}
#dashboard .top-header .video-container .main-video::-webkit-media-controls,
#dashboard .top-header .video-container .main-video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
  appearance: none;
}
#dashboard .top-header .progress-bar {
  width: 0;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: #fff;
  text-indent: -9999px;
  transition: bottom 0.3s ease-out, opacity 0.3s ease-out, width 0.5s linear;
}
@media only screen and (max-width: 767px) {
  #dashboard .top-header {
    min-height: 700px;
  }
  #dashboard .top-header .subtitle br {
    display: none;
  }
  #dashboard .top-header .progress-bar {
    position: fixed;
  }
}
@media screen and (max-width: 430px) {
  #dashboard .top-header {
    min-height: 750px;
  }
}
@media screen and (max-height: 740px) {
  #dashboard .top-header .header-content {
    padding-top: 165px;
  }
  #dashboard .top-header .form-header {
    margin-top: 37px;
  }
  #dashboard .top-header .play-stop-button {
    padding-top: 69px;
  }
  #dashboard .top-header .play-stop-button:after {
    width: 54px;
    height: 54px;
  }
  #dashboard .top-header .play-stop-button.play:before {
    border-width: 7px 0 7px 12px;
    top: 26px;
  }
  #dashboard .top-header .play-stop-button.stop:before {
    top: 19px;
    font-size: 17px;
  }
}
@media screen and (max-height: 590px) {
  #dashboard .top-header .header-content {
    padding-top: 145px;
  }
}
#dashboard .success-factors {
  padding: 100px 20px 16px;
}
#dashboard .success-factors .factors {
  display: flex;
  max-width: 1400px;
  margin-right: auto;
  margin-left: auto;
  flex-direction: column;
}
#dashboard .success-factors .factors .factor {
  display: flex;
  margin-bottom: 156px;
  align-items: center;
  justify-content: space-around;
}
#dashboard .success-factors .factors .factor:nth-of-type(odd) {
  flex-direction: row-reverse;
}
#dashboard .success-factors .factors .factor:last-of-type {
  margin-bottom: 73px;
}
#dashboard .success-factors .factors .factor figure {
  max-width: 558px;
  flex-basis: 40%;
  box-shadow: 0 90px 110px -45px rgba(0, 0, 0, 0.3);
}
#dashboard .success-factors .factors .factor figure img {
  max-width: 100%;
  border-right: 4px;
  box-shadow: 0 23px 40px rgba(0, 0, 0, 0.08);
}
#dashboard .success-factors .factors .factor .desc {
  max-width: 585px;
  padding-right: 5%;
  padding-left: 5%;
  flex-basis: 60%;
}
#dashboard .success-factors .factors .factor .desc,
#dashboard .success-factors .factors .factor .desc .header {
  text-align: left;
}
#dashboard .success-factors .factors .factor .desc .header {
  margin-bottom: 30px;
}
#dashboard .success-factors .factors .factor .desc p {
  color: #666;
  font-size: 20px;
  line-height: 150%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #dashboard .success-factors .factors .factor {
    flex-direction: column !important;
  }
  #dashboard .success-factors .factors .factor figure {
    margin-bottom: 90px;
  }
  #dashboard .success-factors .factors .factor figure,
  #dashboard .success-factors .factors .factor .desc {
    flex-basis: auto;
  }
}
#dashboard .improvements {
  padding: 25px 20px;
  text-align: center;
}
#dashboard .improvements ul {
  display: flex;
  margin-top: 75px;
  flex-wrap: wrap;
  justify-content: space-around;
}
#dashboard .improvements ul li {
  margin-bottom: 91px;
  position: relative;
  flex-basis: 31%;
}
@media screen and (max-width: 900px) {
  #dashboard .improvements ul li {
    flex-basis: 48%;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .improvements ul li {
    flex-basis: 95%;
  }
}
#dashboard .improvements figure {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  flex-direction: column;
}
#dashboard .improvements figure figcaption {
  min-height: 100px;
  line-height: 100px;
  text-align: center;
}
#dashboard .improvements figure figcaption p {
  display: inline-block;
  max-width: 270px;
  vertical-align: middle;
  color: #666;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
#dashboard .improvements figure img {
  max-width: 100%;
  box-shadow: 0 23px 70px rgba(0, 0, 0, 0.18);
}
#dashboard .improvements .btn-flat {
  height: 45px;
  padding: 0 30px;
  background-color: #006cff !important;
  font-size: 15px;
  letter-spacing: 0.01em;
  line-height: 45px;
}
#dashboard .improvements .btn-flat:hover {
  background-color: #0061e6 !important;
}
#dashboard .work-agile {
  padding: 69px 20px 102px;
}
#dashboard .work-agile .flow {
  display: flex;
  margin-top: 70px;
  align-items: flex-start;
  justify-content: space-around;
  color: #666;
  font-size: 16px;
  line-height: 150%;
}
#dashboard .work-agile .flow figure {
  margin-top: 16px;
  flex-basis: 55%;
  text-align: center;
}
#dashboard .work-agile .flow figure img {
  max-width: 100%;
  margin: 0 auto 44px;
}
#dashboard .work-agile .flow ol {
  margin-left: 60px;
  flex-basis: 42%;
}
#dashboard .work-agile .flow ol li {
  max-width: 330px;
  margin-bottom: 31px;
  padding-left: 3px;
}
@media only screen and (max-width: 767px) {
  #dashboard .work-agile .flow {
    flex-direction: column;
  }
  #dashboard .work-agile .flow figure,
  #dashboard .work-agile .flow ol {
    margin: 0 auto;
    flex-basis: auto;
  }
  #dashboard .work-agile .flow ol {
    margin-top: 100px;
  }
}
#dashboard .clients-testimonials h3 {
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  line-height: 113%;
  text-align: center;
}
#dashboard .clients-testimonials .logos-list {
  margin-top: 86px;
  margin-bottom: 0;
}
#dashboard .testimonials {
  margin-top: -80px;
  border: none;
}
#dashboard .testimonials h2 {
  display: none;
}
@media only screen and (max-width: 767px) {
  #dashboard .testimonials {
    margin-top: 0;
  }
}
#dashboard .join {
  margin-top: 66px;
  padding-top: 72px;
  padding-bottom: 85px;
  background-color: #f7f7f7;
}
#dashboard .join .btn-sign-up,
#dashboard .join button {
  background-color: #006cff !important;
}
#dashboard .join .btn-sign-up:hover,
#dashboard .join button:hover {
  background-color: #0061e6 !important;
}
#dashboard .main-footer {
  background-color: #171717;
}
.video-play#dashboard .top-header .header-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(7%);
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear 0.5s;
}
.video-play#dashboard .top-header .play-stop-button {
  transform: translateY(10%);
}
.video-play#dashboard .top-header .play-stop-button:hover:after {
  background-color: transparent !important;
}
.video-play#dashboard .top-header .progress-bar {
  bottom: 0;
}
.video-playing#dashboard .top-header .play-stop-button.play {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear 0.5s;
}
.video-playing#dashboard .top-header .play-stop-button.play:before {
  transform: translate(-50%, -50%) rotate(15deg);
}
.video-playing#dashboard .top-header .play-stop-button.stop {
  opacity: 0.3;
  visibility: visible;
  transition: opacity 0.25s linear, transform 0.5s ease-out, visibility 0s linear;
}
.video-playing#dashboard .top-header .play-stop-button.stop:hover {
  opacity: 0.7;
}
.video-playing#dashboard .top-header .play-stop-button.stop:before {
  transform: translateX(2px) rotate(0);
}
@keyframes spinner-button {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#typography {
  background-color: #fff;
}
#typography .logo-wrapper {
  display: flex;
  opacity: 0.4;
  max-width: 220px;
  position: absolute;
  z-index: 1;
  align-items: center;
  justify-content: flex-start;
  transform: translateZ(0);
  text-align: center;
  transition: opacity 0.2s ease-out;
}
#typography .logo-wrapper:hover {
  opacity: 0.7 !important;
}
#typography .logo-wrapper .logo {
  width: 63px;
  height: 63px;
  background-size: 63px;
  text-indent: -9999px;
}
#typography .logo-wrapper .logo-label {
  margin-top: 1px;
  margin-left: 21px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  #typography .logo-wrapper {
    flex-direction: column;
  }
  #typography .logo-wrapper .logo-label {
    margin-top: 1.1em;
    margin-left: 0;
  }
}
#typography .sign-up-form label {
  transform: translate(0, 13px);
  font-size: 14px;
  font-weight: 600;
}
#typography .sign-up-form input {
  width: 290px;
  margin-right: 10px;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  #typography .sign-up-form input {
    width: 100%;
  }
}
#typography .sign-up-form input.with-value,
#typography .sign-up-form input:focus {
  border-color: #e4e4e4 !important;
}
#typography .sign-up-form input.with-value + label,
#typography .sign-up-form input:focus + label {
  font-size: 10px;
  transform: translate(0, -1px);
}
#typography .sign-up-form .error-tip span {
  width: 290px;
}
#typography .join-input-email,
#typography .btn-form-submit,
#typography .btn-sign-up {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
}
#typography .btn-form-submit,
#typography .btn-sign-up {
  padding-right: 38px;
  padding-left: 38px;
  background-color: #006cff !important;
  box-shadow: none;
}
#typography .btn-form-submit:hover,
#typography .btn-sign-up:hover {
  background-color: #0061e6 !important;
}
#typography .btn-sign-up {
  margin-top: 20px;
  position: relative;
  z-index: 1;
}
#typography .signup-legal-note {
  position: relative;
  z-index: 1;
  color: #9b9b9b;
}
#typography .signup-info {
  display: block;
  margin-top: 6px;
  position: relative;
  z-index: 1;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 210%;
}
#typography .top-header {
  padding: 202px 20px 203px;
  position: relative;
  text-align: center;
}
@media screen and (max-height: 738px) and (min-width: 1025px) {
  #typography .top-header {
    padding-top: 204px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #typography .top-header {
    padding-top: 200px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: 2000px) {
  #typography .top-header {
    padding-bottom: 310px;
  }
}
#typography .top-header:after {
  content: '';
  width: 100%;
  height: 16.3vw;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 3;
  background: url('/images/homepage/typography/bg-top.svg') no-repeat 0 0;
  background-size: cover;
}
#typography .top-header .logo-wrapper {
  top: 47px;
  left: 47px;
}
@media only screen and (max-width: 767px) {
  #typography .top-header .logo-wrapper {
    left: 27px;
  }
}
@media screen and (max-width: 400px) {
  #typography .top-header .logo-wrapper .logo-label {
    display: none;
  }
}
#typography .top-header .share-buttons {
  display: flex;
  position: absolute;
  top: 55px;
  right: 60px;
  z-index: 1;
  align-items: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #typography .top-header .share-buttons {
    right: 40px;
  }
}
#typography .top-header .share-buttons .share-button {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 17px;
  border: 2px solid #e3e3e3;
  border-radius: 50%;
  position: relative;
  color: transparent;
  font-size: 0;
  line-height: 100%;
  transition: border-color 0.3s ease-out;
}
#typography .top-header .share-buttons .share-button:hover {
  border-color: #bdbdbd;
}
#typography .top-header .share-buttons .share-button:before {
  position: absolute;
  top: 12px;
}
#typography .top-header .share-buttons .share-button.icon-20-twitter-full:before {
  content: "\e904";
  color: #0c0c0c;
  font-size: 14px;
  left: 9px;
}
#typography .top-header .share-buttons .share-button.icon-20-facebook-full:before {
  content: "\e905";
  color: #0c0c0c;
  font-size: 14px;
  left: 8px;
}
#typography .top-header .share-buttons .share-button.icon-20-linkedin-full:before {
  content: "\e903";
  color: #0c0c0c;
  font-size: 14px;
  left: 12px;
}
#typography .top-header .title {
  margin-bottom: 29px;
  position: relative;
  z-index: 1;
  color: #242424;
  font-family: 'freight-big-pro', Georgia, serif;
  font-size: 160px;
  font-weight: 600;
  letter-spacing: -0.008em;
  line-height: 120px;
}
#typography .top-header .title small {
  display: block;
  margin-top: 10px;
  font-size: 70px;
  font-weight: 400;
}
@media screen and (max-height: 738px) and (min-width: 1025px) {
  #typography .top-header .title {
    margin-bottom: 119px;
    font-size: 127px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #typography .top-header .title {
    margin-bottom: 137px;
    font-size: 120px;
  }
}
@media only screen and (max-width: 767px) {
  #typography .top-header .title {
    font-size: 64px;
    line-height: 60px;
  }
  #typography .top-header .title small {
    font-size: 40px;
  }
}
@media screen and (max-width: 400px) {
  #typography .top-header .title {
    font-size: 50px;
  }
}
#typography .top-header > .subtitle {
  position: relative;
  z-index: 1;
  color: #383838;
  font-family: 'freight-big-pro', Georgia, serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 300;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  #typography .top-header > .subtitle {
    font-size: 30px;
    line-height: 120%;
  }
}
#typography .top-header .sign-up-form {
  margin-top: 34px;
  position: relative;
  z-index: 1;
}
@media screen and (max-height: 738px) and (min-width: 1025px) {
  #typography .top-header .sign-up-form {
    margin-top: 30px;
  }
}
#typography .top-header .letters {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  color: #f7f7f7;
  font-family: 'freight-big-pro', Georgia, serif;
  text-transform: uppercase;
}
#typography .top-header .letters .letter {
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #typography .top-header .letters .letter {
    display: none;
  }
}
#typography .top-header .letters .letter.letter1 {
  top: calc(50% + -562px);
  left: calc(50% + -850px);
}
#typography .top-header .letters .letter.letter2 {
  top: calc(50% + -176px);
  left: calc(50% + 433px);
}
#typography .top-header .scroll {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-top: 63px;
  border: 2px solid #e2e2e2;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  background: transparent;
  text-indent: -9999px;
  transition: border-color 0.2s ease-out;
}
#typography .top-header .scroll:before {
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: #242424 transparent transparent;
  border-radius: 8px;
  position: absolute;
  top: 17px;
  left: 13px;
}
#typography .top-header .scroll:hover {
  border-color: #afafaf;
}
#typography .font-sources {
  margin-top: 130px;
}
#typography .font-sources .subtitle {
  color: #242424;
  font-size: 20px;
  font-weight: 500;
}
#typography .font-sources ul {
  display: flex;
  max-width: 1170px;
  margin: 0 auto;
  justify-content: center;
}
#typography .font-sources ul li {
  min-width: 130px;
  margin-bottom: 11px;
  position: relative;
  flex: 0 1 130px;
  text-align: center;
}
#typography .font-sources ul li.google-fonts {
  min-width: 200px;
}
#typography .font-sources ul li:not(:last-of-type):after {
  content: '+';
  display: inline-block;
  opacity: 0.6;
  position: absolute;
  top: calc(50% - 30px/2);
  right: -7px;
  color: #152700;
  font-size: 30px;
  font-weight: 300;
  line-height: 100%;
}
#typography .font-sources ul li figure {
  height: 135px;
  position: relative;
  text-align: center;
}
#typography .font-sources ul li figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#typography .font-sources ul li figure figcaption {
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #typography .font-sources ul {
    flex-direction: column;
  }
  #typography .font-sources ul li {
    margin-bottom: 40px;
  }
  #typography .font-sources ul li:after {
    top: auto !important;
    top: initial !important;
    right: calc(50% - 7px) !important;
    bottom: -50px !important;
  }
}
#typography .features {
  padding: 165px 20px 0;
  position: relative;
  z-index: 2;
  background: #212121;
}
#typography .features ul {
  display: flex;
  max-width: 1790px;
  margin: 0 auto;
  flex-direction: column;
}
#typography .features ul li {
  display: flex;
  margin-bottom: 18px;
  position: relative;
  top: -62px;
  align-items: center;
  justify-content: space-around;
}
#typography .features ul li.typekit img,
#typography .features ul li.integration img,
#typography .features ul li.manage img {
  box-shadow: 0 80px 100px -80px #000;
}
#typography .features ul li.typekit {
  margin-bottom: 241px;
}
#typography .features ul li.typekit figure {
  padding-right: 3%;
}
#typography .features ul li.typekit .desc {
  padding-left: 3%;
  transform: translateY(0.4vw);
}
#typography .features ul li.typekit .desc .header,
#typography .features ul li.typekit .desc p {
  max-width: 490px;
}
#typography .features ul li.integration {
  margin-bottom: 294px;
}
#typography .features ul li.integration figure {
  padding-left: 3.2%;
}
#typography .features ul li.integration .desc {
  padding-right: 3.5%;
  transform: translateY(1vw);
}
#typography .features ul li.integration .desc .header,
#typography .features ul li.integration .desc p {
  max-width: 490px;
}
#typography .features ul li.upload {
  margin-bottom: 180px;
  top: 0;
}
#typography .features ul li.upload figure img {
  transform: translateX(7%) !important;
}
#typography .features ul li.upload .desc {
  padding-right: 3.1%;
  transform: translateY(-2.2vw);
}
#typography .features ul li.upload .desc .header,
#typography .features ul li.upload .desc p {
  max-width: 500px;
}
#typography .features ul li.manage {
  margin-bottom: 197px;
}
#typography .features ul li.manage figure {
  padding-right: 3%;
}
#typography .features ul li.manage .desc {
  padding-left: 3.2%;
  transform: translateY(0.8vw);
}
#typography .features ul li.manage .desc .header,
#typography .features ul li.manage .desc p {
  max-width: 505px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #typography .features ul li.manage figure {
    margin-bottom: 0;
  }
  #typography .features ul li.manage .desc {
    margin-bottom: 50px;
  }
}
#typography .features ul li.google-fonts {
  margin-bottom: 11px;
}
#typography .features ul li.google-fonts figure {
  padding-right: 1.7%;
}
#typography .features ul li.google-fonts .desc {
  padding-left: 3.2%;
  transform: translateY(-0.1vw);
}
#typography .features ul li.google-fonts .desc .header,
#typography .features ul li.google-fonts .desc p {
  max-width: 470px;
}
#typography .features ul li.weights {
  margin-bottom: 170px;
  top: 148px;
}
#typography .features ul li.weights figure {
  padding-left: 3.2%;
}
#typography .features ul li.weights .desc {
  padding-right: 2.5%;
  transform: translateY(-0.2vw);
}
#typography .features ul li.weights .desc .header,
#typography .features ul li.weights .desc p {
  max-width: 555px;
}
#typography .features ul li figure {
  flex-basis: 50%;
  text-align: right;
}
#typography .features ul li figure img {
  display: inline-block;
  max-width: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #typography .features ul li figure img {
    transform: none !important;
  }
}
#typography .features ul li .desc {
  flex-basis: 50%;
  text-align: left;
}
#typography .features ul li .desc .header,
#typography .features ul li .desc p {
  display: inline-block;
  width: 100%;
  text-align: left;
}
#typography .features ul li .desc .header {
  margin-bottom: 25px;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}
#typography .features ul li .desc .header.with-label {
  position: relative;
}
#typography .features ul li .desc .header.with-label:before {
  content: attr(data-label);
  display: inline-block;
  height: 31px;
  padding: 0 12px 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: absolute;
  top: -34px;
  left: 3px;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
}
@media (max-width: 1310px) {
  #typography .features ul li .desc .header.with-label:before {
    margin-left: 0;
    position: absolute;
    left: 0;
    top: -40px;
  }
}
#typography .features ul li .desc p {
  margin-bottom: 30px;
  color: #b8b8b8;
  font-size: 20px;
  line-height: 150%;
}
#typography .features ul li:nth-of-type(even) {
  flex-direction: row-reverse;
}
#typography .features ul li:nth-of-type(even) figure {
  text-align: left;
}
#typography .features ul li:nth-of-type(even) .desc {
  text-align: right;
}
@media screen and (max-width: 1480px) {
  #typography .features ul li.weights {
    margin-bottom: 194px;
    top: 196px !important;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #typography .features ul li {
    padding-top: 50px;
    flex-direction: column !important;
  }
  #typography .features ul li figure,
  #typography .features ul li .desc {
    flex-basis: auto;
    text-align: center !important;
  }
  #typography .features ul li figure {
    margin-bottom: 50px;
    padding: 0 !important;
  }
  #typography .features ul li .desc {
    padding: 20px !important;
    transform: none !important;
            transform: initial !important;
  }
}
@media only screen and (max-width: 767px) {
  #typography .features ul li .desc .header {
    font-size: 35px;
  }
  #typography .features ul li .desc p {
    font-size: 17px;
  }
}
#typography .join-now {
  padding-top: 17.6vw;
  padding-bottom: 145px;
  position: relative;
  color: #242424;
}
#typography .join-now:after {
  content: '';
  width: 100%;
  height: 16.3vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('/images/homepage/typography/bg-bottom.svg') no-repeat 0 0;
  background-size: cover;
}
#typography .join-now .join {
  position: relative;
  z-index: 1;
}
#typography .join-now .join .centering-block {
  margin-top: -5.85vw;
}
#typography .join-now .join h2 {
  max-width: 850px;
  margin: 0 auto 59px;
  font-size: 48px;
  font-weight: 300;
  line-height: 120%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #typography .join-now .join h2 {
    font-size: 38px;
  }
}
#typography .join-now .join .disclaimer {
  margin-top: 9px;
  color: #9b9b9b;
  font-size: 14px;
}
#typography .join-now .logo-wrapper {
  opacity: 0.6;
  width: 50px;
  margin: 9px auto 0;
  position: relative;
}
#typography .join-now .logo-wrapper:hover {
  opacity: 1;
}
#typography .join-now .logo-wrapper .logo {
  width: 50px;
  height: 50px;
  border-color: rgba(110, 110, 110, 0.5);
  background-size: 50px;
}
#jira {
  background-color: #fff;
}
#jira .logo-wrapper {
  display: flex;
  max-width: 220px;
  position: absolute;
  z-index: 1;
  transform: translateZ(0);
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  transition: opacity 0.2s ease-out;
}
#jira .logo-wrapper:hover {
  opacity: 0.7 !important;
}
#jira .logo-wrapper .logo {
  width: 63px;
  height: 63px;
  border-color: #b3b3b3;
  background-size: 63px;
  text-indent: -9999px;
}
#jira .logo-wrapper .logo-label {
  margin-top: 1px;
  margin-left: 21px;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
}
@media only screen and (max-width: 767px) {
  #jira .logo-wrapper {
    flex-direction: column;
  }
  #jira .logo-wrapper .logo-label {
    margin-top: 1.1em;
    margin-left: 0;
  }
}
#jira .sign-up-form label {
  transform: translate(0, 13px);
  font-size: 14px;
  font-weight: 600;
}
#jira .sign-up-form input {
  width: 290px;
  margin-right: 10px;
  padding-left: 15px;
}
@media only screen and (max-width: 767px) {
  #jira .sign-up-form input {
    width: 100%;
  }
}
#jira .sign-up-form input.with-value,
#jira .sign-up-form input:focus {
  border-color: #e4e4e4 !important;
}
#jira .sign-up-form input.with-value + label,
#jira .sign-up-form input:focus + label {
  transform: translate(0, -1px);
  font-size: 10px;
}
#jira .sign-up-form .error-tip span {
  width: 290px;
}
#jira .join-input-email,
#jira .btn-form-submit,
#jira .btn-sign-up {
  height: 50px;
  font-size: 14px;
  line-height: 50px;
}
#jira .btn-form-submit,
#jira .btn-sign-up {
  padding-right: 38px;
  padding-left: 38px;
  background-color: #006cff !important;
  box-shadow: none;
}
#jira .btn-form-submit:hover,
#jira .btn-sign-up:hover {
  background-color: #0061e6 !important;
}
#jira .signup-legal-note a {
  position: relative;
}
#jira .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #9b9b9b;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
#jira .signup-legal-note a:hover:after {
  opacity: 0;
}
#jira .signup-info {
  display: block;
  margin-top: 6px;
  position: relative;
  z-index: 1;
  color: #9b9b9b;
  font-size: 14px;
  line-height: 210%;
}
#jira .top-header {
  padding: 293px 20px 227px;
  position: relative;
  text-align: center;
}
@media screen and (max-height: 738px) and (min-width: 1025px) {
  #jira .top-header {
    padding-top: 204px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #jira .top-header {
    padding-top: 200px;
    padding-bottom: 250px;
  }
}
@media screen and (min-width: 2000px) {
  #jira .top-header {
    padding-bottom: 310px;
  }
}
#jira .top-header:after {
  content: '';
  width: 100%;
  height: 16.3vw;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 3;
  background: url('/images/homepage/jira/bg-top.svg') no-repeat 0 0;
  background-size: cover;
  pointer-events: none;
}
#jira .top-header .logo-wrapper {
  top: 40px;
  left: 111px;
}
@media screen and (max-width: 1024px) {
  #jira .top-header .logo-wrapper {
    left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #jira .top-header .logo-wrapper {
    left: 27px;
  }
}
@media screen and (max-width: 400px) {
  #jira .top-header .logo-wrapper .logo-label {
    display: none;
  }
}
#jira .top-header .share-buttons {
  display: flex;
  position: absolute;
  top: 69px;
  right: 114px;
  z-index: 1;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  #jira .top-header .share-buttons {
    top: 50px;
    right: 60px;
  }
}
@media only screen and (max-width: 767px) {
  #jira .top-header .share-buttons {
    right: 40px;
  }
}
#jira .top-header .share-buttons .share-button {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 17px;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  position: relative;
  color: transparent;
  font-size: 0;
  line-height: 100%;
  transition: border-color 0.3s ease-out;
}
#jira .top-header .share-buttons .share-button:hover {
  border-color: #cdcdcd;
}
#jira .top-header .share-buttons .share-button:before {
  position: absolute;
  top: 13px;
}
#jira .top-header .share-buttons .share-button.icon-20-twitter-full:before {
  content: "\e904";
  color: #0c0c0c;
  font-size: 14px;
  left: 10px;
}
#jira .top-header .share-buttons .share-button.icon-20-facebook-full:before {
  content: "\e905";
  color: #0c0c0c;
  font-size: 14px;
  left: 9px;
}
#jira .top-header .share-buttons .share-button.icon-20-linkedin-full:before {
  content: "\e903";
  color: #0c0c0c;
  font-size: 14px;
  left: 13px;
}
#jira .top-header .title {
  display: flex;
  margin-bottom: 34px;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  color: #848484;
  font-size: 48px;
  font-weight: 600;
  line-height: 34px;
}
@media screen and (max-width: 736px) {
  #jira .top-header .title {
    margin-bottom: 10px;
  }
}
#jira .top-header .title .uxpin {
  width: 118px;
  height: 118px;
  margin-right: 51px;
  background: url('/images/homepage/jira/uxpin.svg') no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}
@media screen and (max-width: 736px) {
  #jira .top-header .title .uxpin {
    margin-right: 20px;
  }
}
#jira .top-header .title .jira {
  width: 584px;
  height: 76px;
  margin-left: 51px;
  background: url('/images/homepage/jira/jira.svg') no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
}
@media screen and (max-width: 736px) {
  #jira .top-header .title .jira {
    margin-left: 20px;
  }
}
#jira .top-header > .subtitle {
  max-width: 585px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 1;
  color: #848484;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}
@media screen and (max-width: 736px) {
  #jira .top-header > .subtitle {
    font-size: 18px;
    line-height: 27px;
  }
}
#jira .top-header .sign-up-form {
  position: relative;
  z-index: 1;
}
@media screen and (max-height: 738px) and (min-width: 1025px) {
  #jira .top-header .sign-up-form {
    margin-top: 30px;
  }
}
#jira .top-header .sign-up-form,
#jira .top-header .btn-sign-up {
  margin-top: 63px;
}
#jira .top-header .scroll {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-top: 95px;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  position: relative;
  z-index: 4;
  background: transparent;
  text-indent: -9999px;
  transition: border-color 0.2s ease-out;
}
#jira .top-header .scroll:before {
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: #242424 transparent transparent;
  border-radius: 8px;
  position: absolute;
  top: 18px;
  left: 14px;
}
#jira .top-header .scroll:hover {
  border-color: #cdcdcd;
}
#jira .font-sources {
  margin-top: 130px;
}
#jira .font-sources .subtitle {
  color: #242424;
  font-size: 20px;
  font-weight: 500;
}
#jira .font-sources ul {
  display: flex;
  max-width: 1170px;
  margin: 0 auto;
  justify-content: center;
}
#jira .font-sources ul li {
  min-width: 130px;
  margin-bottom: 11px;
  position: relative;
  flex: 0 1 130px;
  text-align: center;
}
#jira .font-sources ul li.google-fonts {
  min-width: 200px;
}
#jira .font-sources ul li:not(:last-of-type):after {
  content: '+';
  display: inline-block;
  opacity: 0.6;
  position: absolute;
  top: calc(50% - 30px/2);
  right: -7px;
  color: #152700;
  font-size: 30px;
  font-weight: 300;
  line-height: 100%;
}
#jira .font-sources ul li figure {
  height: 135px;
  position: relative;
  text-align: center;
}
#jira .font-sources ul li figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#jira .font-sources ul li figure figcaption {
  width: 100%;
  position: absolute;
  bottom: 0;
  color: #9b9b9b;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #jira .font-sources ul {
    flex-direction: column;
  }
  #jira .font-sources ul li {
    margin-bottom: 40px;
  }
  #jira .font-sources ul li:after {
    top: auto !important;
    top: initial !important;
    right: calc(50% - 7px) !important;
    bottom: -50px !important;
  }
}
#jira .features {
  padding: 171px 20px 0;
  position: relative;
  z-index: 2;
  background: #0049b0;
}
#jira .features ul {
  display: flex;
  max-width: 1790px;
  margin: 0 auto;
  flex-direction: column;
}
#jira .features ul li {
  display: flex;
  margin-bottom: 18px;
  position: relative;
  top: -62px;
  align-items: center;
  justify-content: space-around;
}
#jira .features ul li.plugin img,
#jira .features ul li.painless-development img,
#jira .features ul li.multiple-prototypes img {
  box-shadow: 0 80px 100px -80px #000;
}
#jira .features ul li.plugin {
  margin-bottom: 193px;
}
#jira .features ul li.plugin figure {
  padding-right: 3%;
}
#jira .features ul li.plugin .desc {
  padding-left: 3%;
  transform: translateY(0.4vw);
}
#jira .features ul li.plugin .desc .header,
#jira .features ul li.plugin .desc p {
  max-width: 520px;
}
#jira .features ul li.painless-development {
  margin-bottom: 193px;
}
#jira .features ul li.painless-development figure {
  padding-left: 3.2%;
}
#jira .features ul li.painless-development .desc {
  padding-right: 5.5%;
  transform: translateY(0.5vw);
}
#jira .features ul li.painless-development .desc .header,
#jira .features ul li.painless-development .desc p {
  max-width: 490px;
}
#jira .features ul li.multiple-prototypes {
  margin-bottom: 221px;
}
#jira .features ul li.multiple-prototypes figure {
  padding-right: 3%;
}
#jira .features ul li.multiple-prototypes .desc {
  padding-left: 3.2%;
  transform: translateY(0.8vw);
}
#jira .features ul li.multiple-prototypes .desc .header,
#jira .features ul li.multiple-prototypes .desc p {
  max-width: 505px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #jira .features ul li.multiple-prototypes figure {
    margin-bottom: 0;
  }
  #jira .features ul li.multiple-prototypes .desc {
    margin-bottom: 50px;
  }
}
#jira .features ul li.full-control {
  margin-bottom: 193px;
  top: 0;
}
#jira .features ul li.full-control figure img {
  transform: translateX(1.5%) !important;
}
#jira .features ul li.full-control .desc {
  padding-right: 5%;
  transform: translateY(0.8vw);
}
#jira .features ul li.full-control .desc .header,
#jira .features ul li.full-control .desc p {
  max-width: 500px;
}
#jira .features ul li figure {
  flex-basis: 50%;
  text-align: right;
}
#jira .features ul li figure img {
  display: inline-block;
  max-width: 100%;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #jira .features ul li figure img {
    transform: none !important;
  }
}
#jira .features ul li .desc {
  flex-basis: 50%;
  text-align: left;
}
#jira .features ul li .desc .header,
#jira .features ul li .desc p {
  display: inline-block;
  width: 100%;
  text-align: left;
}
#jira .features ul li .desc .header {
  margin-bottom: 25px;
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  line-height: 120%;
}
#jira .features ul li .desc .header.with-label {
  position: relative;
}
#jira .features ul li .desc .header.with-label:before {
  content: attr(data-label);
  display: inline-block;
  height: 31px;
  padding: 0 12px 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  position: absolute;
  top: -34px;
  left: 3px;
  vertical-align: top;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 31px;
}
@media (max-width: 1310px) {
  #jira .features ul li .desc .header.with-label:before {
    margin-left: 0;
    position: absolute;
    top: -40px;
    left: 0;
  }
}
#jira .features ul li .desc p {
  margin-bottom: 30px;
  color: #c9e0ff;
  font-size: 20px;
  line-height: 150%;
}
#jira .features ul li:nth-of-type(even) {
  flex-direction: row-reverse;
}
#jira .features ul li:nth-of-type(even) figure {
  text-align: left;
}
#jira .features ul li:nth-of-type(even) .desc {
  text-align: right;
}
@media screen and (max-width: 1480px) {
  #jira .features ul li.weights {
    margin-bottom: 194px;
    top: 196px !important;
  }
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  #jira .features ul li {
    padding-top: 50px;
    flex-direction: column !important;
  }
  #jira .features ul li figure,
  #jira .features ul li .desc {
    flex-basis: auto;
    text-align: center !important;
  }
  #jira .features ul li figure {
    margin-bottom: 50px;
    padding: 0 !important;
  }
  #jira .features ul li .desc {
    padding: 20px !important;
    transform: none !important;
            transform: initial !important;
  }
}
@media only screen and (max-width: 767px) {
  #jira .features ul li .desc .header {
    font-size: 35px;
  }
  #jira .features ul li .desc p {
    font-size: 17px;
  }
}
#jira .join-now {
  padding-top: 19vw;
  padding-bottom: 145px;
  position: relative;
  color: #242424;
}
#jira .join-now:after {
  content: '';
  width: 100%;
  height: 16.3vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url('/images/homepage/jira/bg-bottom.svg') no-repeat 0 0;
  background-size: cover;
}
#jira .join-now .join {
  position: relative;
  z-index: 1;
}
#jira .join-now .join .centering-block {
  margin-top: -5.85vw;
}
#jira .join-now .join h2 {
  max-width: 850px;
  margin: 0 auto 59px;
  font-size: 48px;
  font-weight: 300;
  line-height: 120%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  #jira .join-now .join h2 {
    font-size: 38px;
  }
}
#jira .join-now .join .disclaimer {
  margin-top: 9px;
  color: #9b9b9b;
  font-size: 14px;
}
#jira .join-now .logo-wrapper {
  opacity: 0.6;
  width: 50px;
  margin: 9px auto 0;
  position: relative;
}
#jira .join-now .logo-wrapper:hover {
  opacity: 1;
}
#jira .join-now .logo-wrapper .logo {
  width: 50px;
  height: 50px;
  border-color: rgba(110, 110, 110, 0.5);
  background-size: 50px;
}
#spec-mode {
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
#spec-mode .logo {
  display: inline-block;
  transform: translateZ(0);
  text-indent: -9999px;
  transition: opacity 0.2s ease-out;
}
#spec-mode h2 {
  margin-bottom: 13px;
  color: #222;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}
#spec-mode p,
#spec-mode ul {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}
#spec-mode p {
  margin-bottom: 30px;
}
#spec-mode ul li {
  margin-bottom: 10px;
  padding-left: 41px;
  position: relative;
}
#spec-mode ul li:before {
  content: '';
  display: inline-block;
  width: 18px;
  border-bottom: 1px solid #cdcdcd;
  position: absolute;
  top: 14px;
  left: 0;
}
#spec-mode .visible {
  opacity: 1 !important;
}
#spec-mode .btn-sign-up {
  padding: 0 25px;
  line-height: 46px;
}
#spec-mode #top-header {
  padding-top: 100px;
  padding-bottom: 217px;
  position: relative;
  z-index: 4;
  text-align: center;
  overflow: hidden;
}
#spec-mode #top-header .logo {
  opacity: 0.5;
  width: 82px;
  height: 82px;
  margin: 0 auto 94px;
  background-size: 82px;
}
#spec-mode #top-header .logo:hover {
  opacity: 0.7;
}
#spec-mode #top-header .header {
  max-width: 600px;
  margin: 0 auto 37px;
  color: #222;
  font-size: 48px;
  font-weight: 700;
  line-height: 114%;
}
#spec-mode #top-header .tagline {
  max-width: 560px;
  margin: 0 auto 60px;
  color: #555;
  font-size: 24px;
  line-height: 150%;
}
#spec-mode #top-header .signup-legal-note a {
  position: relative;
}
#spec-mode #top-header .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #9b9b9b;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
#spec-mode #top-header .signup-legal-note a:hover:after {
  opacity: 0;
}
#spec-mode .img {
  border-radius: 4px;
  z-index: 1;
  overflow: hidden;
}
#spec-mode .img#img-sketch,
#spec-mode .img#img-code-editor {
  top: calc(50vh - 270px);
}
#spec-mode .img#img-code-editor {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: absolute;
  left: calc(50% + 400px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
#spec-mode .img#img-sketch {
  position: absolute;
  left: calc(50% - 400px - 864px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
}
#spec-mode .img#img-uxpin,
#spec-mode .img#img-uxpin-alt {
  opacity: 0;
  position: fixed;
  left: 0;
  transform: translateX(calc(50% - 212px));
}
#spec-mode .img#img-uxpin {
  transform: translateX(500px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
#spec-mode .img#img-import-loader {
  opacity: 0;
  position: fixed;
  top: 349px;
  left: calc(50% - 545px);
  box-shadow: 0 20px 48px rgba(0, 0, 0, 0.2);
  transition: opacity 0.25s ease-out;
}
#spec-mode .img#img-import-loader .loader {
  display: inline-block;
  width: 0;
  max-width: 310px;
  height: 4px;
  border-radius: 8px;
  position: absolute;
  top: 87px;
  left: 30px;
  z-index: 1;
  background-color: #fff;
  text-indent: -9999px;
}
#spec-mode .img#img-uxpin-preview {
  opacity: 0;
  position: fixed;
  left: 0;
  transform: translateX(20px);
}
#spec-mode .img #imported-project {
  opacity: 0;
  width: 193px;
  height: 343px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translate(1px, 32px);
  transition: opacity 0.4s ease-out;
}
#spec-mode section#sketch-import {
  padding-bottom: calc(4000px + 25vw);
}
@media (min-width: 1340px) {
  #spec-mode section#sketch-import {
    padding-bottom: calc(4000px + 50vw);
  }
}
#spec-mode section#sketch-import .desc {
  max-width: 640px;
  margin: auto;
  position: relative;
  right: 0;
  left: 0;
  z-index: 5;
  text-align: center;
}
#spec-mode section#sketch-import .desc h2 {
  max-width: 370px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
#spec-mode section.feature {
  opacity: 0;
  max-width: 330px;
  position: fixed;
  z-index: 0;
  text-align: left;
}
#spec-mode section.feature#feature1 {
  padding-right: 50px;
  right: 0;
}
#spec-mode section.feature#feature2 {
  padding-left: 50px;
  left: 0;
}
#spec-mode .comments {
  margin-top: 100px;
  padding-bottom: 178px;
  position: relative;
  z-index: 3;
}
#spec-mode .comments .desc {
  max-width: 380px;
  position: relative;
  left: 50%;
}
#spec-mode .comments .desc p {
  margin-bottom: 41px;
}
#spec-mode .comments .desc p,
#spec-mode .comments .desc ul {
  max-width: 320px;
}
#spec-mode .comment {
  display: inline-block;
  position: absolute;
}
#spec-mode .comment.thread {
  top: -92px;
  left: calc(50% - 433px);
}
#spec-mode .comment.thread .pin {
  top: -48px;
  left: 20px;
}
#spec-mode .comment.right {
  top: 76px;
  left: calc(50% + 470px);
}
#spec-mode .comment.right .pin {
  top: 20px;
  left: -48px;
}
#spec-mode .comment.left {
  top: 18px;
  left: calc(50% - 880px);
}
#spec-mode .comment.left .pin {
  top: -48px;
  right: 18px;
}
#spec-mode .comment img {
  border-radius: 8px;
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}
#spec-mode .comment .pin {
  width: 28px;
  height: 28px;
  border-radius: 28px;
  position: absolute;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}
#spec-mode .comment .pin.solved {
  background-color: #63ad0e;
}
#spec-mode .comment .pin.unsolved {
  background-color: #ff0038;
}
#spec-mode .comment .pin.pulse:after {
  content: '';
  border: 3px solid #e80042;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  z-index: -1;
  pointer-events: none;
  animation-fill-mode: both;
  animation: pulse 1.2s ease-out infinite normal;
}
#spec-mode .comment .pin.done {
  text-indent: -9999px;
}
#spec-mode .comment .pin.done:before {
  text-align: center;
  font-family: 'UXPin-Homepage-20';
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  color: #fff;
  font-size: 7px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: translateY(1px);
  font-weight: bold;
  line-height: inherit;
  text-indent: 0;
}
#spec-mode #try-spec-mode {
  padding-top: 89px;
  padding-bottom: 100px;
  position: relative;
  z-index: 2;
  background-color: #242424;
  text-align: center;
}
#spec-mode #try-spec-mode h2 {
  margin-bottom: 48px;
  color: #fff;
  font-size: 36px;
  font-weight: 300;
  line-height: 120%;
  text-align: center;
}
#spec-mode #try-spec-mode .join label {
  color: #4b4b4b;
  font-weight: 400;
}
#spec-mode #try-spec-mode .join .disclaimer {
  margin-top: 9px;
  color: #9b9b9b;
  font-size: 14px;
}
#spec-mode #try-spec-mode .join .signup-legal-note {
  color: #9b9b9b;
}
#spec-mode #try-spec-mode .join .signup-legal-note a {
  position: relative;
}
#spec-mode #try-spec-mode .join .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #9b9b9b;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
#spec-mode #try-spec-mode .join .signup-legal-note a:hover:after {
  opacity: 0;
}
#spec-mode #try-spec-mode .logo-wrapper {
  display: inline-block;
  opacity: 0.25;
  width: 200px;
  height: 43px;
  margin-top: 93px;
  line-height: 43px;
}
#spec-mode #try-spec-mode .logo-wrapper .logo {
  width: 43px;
  height: 43px;
  background-size: 43px;
}
#spec-mode #try-spec-mode .logo-wrapper .logo-label {
  margin-left: 10px;
  position: relative;
  top: -1px;
  color: #fff;
  font-size: 12px;
}
@keyframes pulse {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0;
    transform: scale(1.7);
  }
}
#promo-aux2017 .top-header {
  min-height: 600px;
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  background-color: #0e1b2c;
  text-align: center;
  overflow: hidden;
}
#promo-aux2017 .top-header,
#promo-aux2017 .top-header .header-content {
  height: 100vh;
  min-height: 740px;
}
@media screen and (max-width: 736px) {
  #promo-aux2017 .top-header,
  #promo-aux2017 .top-header .header-content {
    min-height: 635px;
  }
}
#promo-aux2017 .top-header .logo {
  width: 70px;
  height: 70px;
  margin-bottom: 25px;
  position: absolute;
  top: 40px;
  left: 90px;
  background-size: 70px;
}
@media screen and (max-width: 736px) {
  #promo-aux2017 .top-header .logo {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 10px;
    left: 0;
    background-size: 40px 40px;
  }
}
#promo-aux2017 .top-header .header-content {
  display: flex;
  padding-top: 18.5vh;
  padding-bottom: 14.2vh;
  position: relative;
  z-index: 2;
  flex-direction: column;
  justify-content: space-between;
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear;
}
@media screen and (max-height: 950px) {
  #promo-aux2017 .top-header .header-content {
    padding-top: 13.8vh;
    padding-bottom: 9.4vh;
  }
}
@media screen and (max-height: 850px) {
  #promo-aux2017 .top-header .header-content {
    padding-bottom: 6vh;
  }
}
@media screen and (max-width: 736px) {
  #promo-aux2017 .top-header .header-content {
    padding-top: 60px;
    padding-bottom: 20px;
  }
}
#promo-aux2017 .top-header .heading .title {
  margin-bottom: 2.2vh;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 130%;
}
@media screen and (max-width: 1280px), screen and (max-height: 790px) {
  #promo-aux2017 .top-header .heading .title {
    font-size: 48px;
    letter-spacing: -0.3px;
  }
}
@media screen and (max-width: 800px) {
  #promo-aux2017 .top-header .heading .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 736px) {
  #promo-aux2017 .top-header .heading .title {
    margin-bottom: 15px;
    font-size: 30px;
  }
}
#promo-aux2017 .top-header .heading .subtitle {
  margin-bottom: 0;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  line-height: 158%;
}
@media screen and (max-width: 1280px), screen and (max-height: 790px) {
  #promo-aux2017 .top-header .heading .subtitle {
    font-size: 19px;
  }
}
@media screen and (max-width: 1024px) {
  #promo-aux2017 .top-header .heading .subtitle br {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  #promo-aux2017 .top-header .heading .subtitle {
    font-size: 17px;
  }
}
#promo-aux2017 .top-header .heading .subtitle .badge {
  display: inline-block;
  padding: 4px 5px;
  border-radius: 8px;
  background: #ff8e54;
  line-height: 1;
}
#promo-aux2017 .top-header .user_signup {
  max-width: 315px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 35px;
  position: relative;
}
#promo-aux2017 .top-header .user_signup small {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
}
#promo-aux2017 .top-header .user_signup label {
  margin-bottom: 4px;
  color: #909090;
  letter-spacing: 0.01em;
}
#promo-aux2017 .top-header .user_signup input[type='text'] {
  width: 100%;
  height: 50px;
  margin-top: 10px;
}
#promo-aux2017 .top-header .user_signup input[type='text']::-webkit-input-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
#promo-aux2017 .top-header .user_signup input[type='text']:-moz-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
#promo-aux2017 .top-header .user_signup input[type='text']::-moz-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
#promo-aux2017 .top-header .user_signup input[type='text']:-ms-input-placeholder {
  color: #a1a1a1;
  font-size: 16px;
  font-style: italic;
  text-indent: 0;
}
#promo-aux2017 .top-header .user_signup input[type='text'],
#promo-aux2017 .top-header .user_signup input[type='text']:focus {
  border: none;
}
#promo-aux2017 .top-header .user_signup .btn-flat {
  width: 100%;
  height: 50px;
  margin-top: 20px;
  padding: 0 20px;
  border-radius: 8px;
  background-color: #006cff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  font-size: 16px;
  font-weight: 600;
}
#promo-aux2017 .top-header .user_signup .btn-flat:hover {
  background-color: #2481ff !important;
}
#promo-aux2017 .top-header .user_signup .signup-legal-note {
  display: block;
  margin-top: 15px;
  font-size: 12px;
  line-height: 16px;
}
#promo-aux2017 .top-header .user_signup .signup-legal-note a {
  color: inherit;
  position: relative;
}
#promo-aux2017 .top-header .user_signup .signup-legal-note a:after {
  content: '';
  border-bottom: 1px solid #a6a6a6;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  position: absolute;
  transition: opacity 0.1s ease-out;
  width: 100%;
}
#promo-aux2017 .top-header .user_signup .signup-legal-note a:hover:after {
  opacity: 0;
}
#promo-aux2017 .top-header .user_signup .signup-legal-note,
#promo-aux2017 .top-header .user_signup .signup-info {
  color: #a6a6a6;
}
#promo-aux2017 .top-header .play-stop-button {
  margin: auto;
  padding: 128px 0 0;
  position: absolute;
  top: 38.5%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0);
  box-shadow: none;
  color: #fff;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-height: 790px) {
  #promo-aux2017 .top-header .play-stop-button {
    font-size: 0;
  }
}
@media screen and (max-width: 736px) {
  #promo-aux2017 .top-header .play-stop-button {
    top: 240px;
  }
}
#promo-aux2017 .top-header .play-stop-button:before {
  transition: transform 0.5s linear;
}
#promo-aux2017 .top-header .play-stop-button:after {
  content: '';
  display: inline-block;
  width: 109px;
  height: 109px;
  margin-left: -54.5px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.2s ease-out;
}
#promo-aux2017 .top-header .play-stop-button.play {
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear;
}
#promo-aux2017 .top-header .play-stop-button.play:hover:after {
  background-color: rgba(255, 255, 255, 0.1);
}
#promo-aux2017 .top-header .play-stop-button.play:before {
  content: '';
  margin-left: 4px;
  border-width: 15px 0 15px 23px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 53px;
  left: 50%;
  transform: translate(-50%, -50%);
}
#promo-aux2017 .top-header .play-stop-button.play.video-playing #promo-aux2017 .top-header .play-stop-button.play {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear 0.5s;
}
#promo-aux2017 .top-header .play-stop-button.play.video-playing #promo-aux2017 .top-header .play-stop-button.play:before {
  transform: translate(-50%, -50%) rotate(15deg);
}
#promo-aux2017 .top-header .play-stop-button.loading:after {
  border-color: #fff #fff #fff transparent;
  animation: 0.5s linear 0s infinite forwards spinner-button;
}
#promo-aux2017 .top-header .play-stop-button.stop {
  opacity: 0;
  visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear 0.5s;
}
#promo-aux2017 .top-header .play-stop-button.stop:before {
  content: "\e906";
  color: #999;
  font-size: 21px;
  position: absolute;
  top: 43px;
  left: -12px;
  transform: translateX(2px) rotate(-15deg);
}
#promo-aux2017 .top-header .play-stop-button.stop:after {
  border-color: #999;
}
#promo-aux2017 .top-header .video-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}
#promo-aux2017 .top-header .video-container .fake-poster,
#promo-aux2017 .top-header .video-container .main-video {
  width: 100%;
  height: auto;
  min-height: calc(100% + 2px);
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#promo-aux2017 .top-header .video-container .fake-poster {
  opacity: 1;
  z-index: 1;
  transition: opacity 0.5s ease-out;
}
#promo-aux2017 .top-header .video-container .fake-poster.hide {
  opacity: 0;
}
#promo-aux2017 .top-header .video-container .main-video {
  z-index: 0;
  background: #fff;
}
#promo-aux2017 .top-header .video-container .main-video::-webkit-media-controls,
#promo-aux2017 .top-header .video-container .main-video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
          appearance: none;
}
#promo-aux2017 .top-header .progress-bar {
  width: 0;
  height: 3px;
  position: absolute;
  bottom: -3px;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  text-indent: -9999px;
  transition: bottom 0.3s ease-out, opacity 0.3s ease-out, width 0.5s linear;
}
.video-play#promo-aux2017 .top-header .header-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(7%);
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear 0.5s;
}
.video-play#promo-aux2017 .top-header .play-stop-button {
  top: calc(100% - 144px);
  transform: translateX(-50%) scale(0.5);
}
.video-play#promo-aux2017 .top-header .play-stop-button:hover:after {
  background-color: transparent !important;
}
.video-play#promo-aux2017 .top-header .progress-bar {
  bottom: 0;
}
.video-playing#promo-aux2017 .top-header .play-stop-button.play {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear 0.5s;
}
.video-playing#promo-aux2017 .top-header .play-stop-button.play:before {
  transform: translate(-50%, -50%) rotate(15deg);
}
.video-playing#promo-aux2017 .top-header .play-stop-button.stop {
  visibility: visible;
  opacity: 0.2;
  transform: translateX(-50%) scale(0.5);
  transition: opacity 0.25s linear, transform 0.5s ease-out, top 0.5s ease-out, visibility 0s linear;
}
.video-playing#promo-aux2017 .top-header .play-stop-button.stop:hover {
  opacity: 0.7;
}
.video-playing#promo-aux2017 .top-header .play-stop-button.stop:before {
  transform: translateX(2px) rotate(0);
}
@keyframes spinner-button {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.webinars .webinar-title .name {
  color: #0c0c0c;
  font-size: 42px;
  font-weight: 300;
  line-height: 100%;
}
.webinars .webinar-title .name.small {
  margin-top: 18px;
  margin-bottom: 6px;
  font-size: 32px;
}
.webinars .webinar-title .position {
  display: block;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  line-height: 163%;
}
.webinars .webinar-title .title {
  color: #0c0c0c;
  font-size: 42px;
  font-weight: 700;
  line-height: 124%;
  text-align: left;
}
.webinars .webinar-title .title.small {
  font-size: 32px;
}
@media (max-width: 470px) {
  .webinars .webinar-title .name,
  .webinars .webinar-title .title {
    font-size: 30px;
  }
}
.webinars .date-time time,
.webinars .webinar-author .author {
  display: block;
  padding-bottom: 9px;
  border-bottom-width: 10px;
  border-bottom-style: solid;
  color: #0c0c0c;
  font-size: 42px;
  font-weight: 300;
  line-height: 90%;
}
.webinars .date-time time.red,
.webinars .webinar-author .author.red {
  border-bottom-color: #ff8095;
}
.webinars .date-time time.blue,
.webinars .webinar-author .author.blue {
  border-bottom-color: #75c8e6;
}
.webinars .date-time time.uxpin-blue,
.webinars .webinar-author .author.uxpin-blue {
  border-bottom-color: #006cff;
}
.webinars .date-time time.orange,
.webinars .webinar-author .author.orange {
  border-bottom-color: #ffa680;
}
.webinars .date-time time.yellow,
.webinars .webinar-author .author.yellow {
  border-bottom-color: #e0df67;
}
.webinars .date-time time.brown,
.webinars .webinar-author .author.brown {
  border-bottom-color: #e5d3c3;
}
.webinars .date-time time.gray,
.webinars .webinar-author .author.gray {
  border-bottom-color: #767285;
}
.webinars .date-time time.pink,
.webinars .webinar-author .author.pink {
  border-bottom-color: #c78caa;
}
.webinars .date-time time.pink-light,
.webinars .webinar-author .author.pink-light {
  border-bottom-color: #ebb1c3;
}
.webinars .date-time time.violet-gray,
.webinars .webinar-author .author.violet-gray {
  border-bottom-color: #767285;
}
.webinars .date-time time.blue-gray,
.webinars .webinar-author .author.blue-gray {
  border-bottom-color: #4b6199;
}
.webinars .date-time time.turquoise-gray,
.webinars .webinar-author .author.turquoise-gray {
  border-bottom-color: #8bacb8;
}
.webinars .date-time time.blue-light,
.webinars .webinar-author .author.blue-light {
  border-bottom-color: #30d7fe;
}
.webinars .date-time time.blue-juicy,
.webinars .webinar-author .author.blue-juicy {
  border-bottom-color: #0024ff;
}
.webinars .date-time time.waikawa-gray,
.webinars .webinar-author .author.waikawa-gray {
  border-bottom-color: #5d71a3;
}
.webinars .date-time time.sinbad,
.webinars .webinar-author .author.sinbad {
  border-bottom-color: #aed8c8;
}
.webinars .date-time time.gold-sand,
.webinars .webinar-author .author.gold-sand {
  border-bottom-color: #e8bb87;
}
.webinars .date-time time.your-pink,
.webinars .webinar-author .author.your-pink {
  border-bottom-color: #ffc6c6;
}
.webinars .date-time time.sail,
.webinars .webinar-author .author.sail {
  border-bottom-color: #b0c2fb;
}
.webinars .date-time time.romantic,
.webinars .webinar-author .author.romantic {
  border-bottom-color: #ffd0c2;
}
.webinars .date-time time.feijoa,
.webinars .webinar-author .author.feijoa {
  border-bottom-color: #99d88d;
}
.webinars .date-time time.spindle,
.webinars .webinar-author .author.spindle {
  border-bottom-color: #bfdbee;
}
.webinars .date-time time.satin-linen,
.webinars .webinar-author .author.satin-linen {
  border-bottom-color: #e6e6d8;
}
.webinars .date-time time .hour,
.webinars .webinar-author .author .hour {
  display: block;
  color: #888;
  font-size: 36px;
  text-transform: uppercase;
}
.webinars .date-time time .hour sup,
.webinars .webinar-author .author .hour sup {
  padding-right: 4px;
  padding-left: 4px;
  position: relative;
  top: 1px;
  font-size: 18px;
  line-height: 100%;
}
.webinars .date-time time .name,
.webinars .webinar-author .author .name,
.webinars .date-time time .position,
.webinars .webinar-author .author .position {
  padding-right: 30px;
}
.webinars .date-time time .name,
.webinars .webinar-author .author .name {
  margin-bottom: 6px;
  color: #0c0c0c;
  font-size: 32px;
  font-weight: 300;
}
.webinars .date-time time .position,
.webinars .webinar-author .author .position {
  color: #888;
  font-size: 14px;
}
.webinars .date-time time .names .name,
.webinars .webinar-author .author .names .name {
  margin-bottom: 8px;
}
.webinars .date-time time .names .position,
.webinars .webinar-author .author .names .position {
  display: block;
}
.webinars .webinar-author .position {
  line-height: 100%;
  margin-bottom: 8px;
}
.webinars .date-time .more {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-top: 8px;
  color: #888;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
.webinars .date-time .more:after {
  border-bottom: 1px solid rgba(136, 136, 136, 0.5);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.webinars .date-time .more:hover:after {
  border-color: rgba(136, 136, 136, 0);
}
.webinars .date-time .more:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(136, 136, 136, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.webinars .date-time .more:hover:after {
  opacity: 0;
}
.webinars .names {
  display: block;
  min-width: 730px;
  margin-bottom: 6px;
}
.webinars .names li {
  display: inline-block;
  margin-right: 27px;
  vertical-align: top;
}
.webinars .names li .name {
  margin-bottom: 6px;
  padding-right: 28px;
  border-right: 1px solid #efefef;
  font-size: 36px;
}
.webinars .names li .position {
  font-size: 13px;
}
.webinars .names li:last-of-type {
  margin-right: 0;
}
.webinars .names li:last-of-type .name {
  border-right: none;
}
@media screen and (max-width: 1220px) {
  .webinars .names {
    min-width: auto;
  }
  .webinars .names li {
    margin-right: 17px;
  }
  .webinars .names li .name {
    margin-bottom: 2px;
    padding-right: 18px;
    font-size: 25px;
  }
  .webinars .names li .position {
    font-size: 12px;
  }
}
@media screen and (max-width: 1020px) {
  .webinars .names li {
    margin-right: 10px;
  }
  .webinars .names li .name {
    padding-right: 10px;
    font-size: 19px;
  }
  .webinars .names li .position {
    font-size: 11px;
  }
}
.webinars .top-header h1,
.webinars .top-header small,
.webinars .top-header .logo,
.webinars .top-header .tagline,
.webinars .top-header .btn-flat {
  position: relative;
  z-index: 1;
}
.webinars .top-header h1 {
  margin-bottom: 24px;
  color: #0c0c0c;
  font-size: 74px;
  font-weight: 700;
  line-height: 103%;
}
.webinars .top-header .tagline {
  max-width: 400px;
  margin: 0 auto 49px;
  color: #5a5a5a;
  font-size: 24px;
  font-weight: 400;
  line-height: 150%;
}
.webinars .top-header .btn-flat {
  height: 62px;
  margin-bottom: 3px;
  padding-right: 46px;
  padding-left: 46px;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 62px;
}
.webinars .top-header small {
  display: block;
  color: #797979;
  font-size: 14px;
  font-weight: 400;
  line-height: 214%;
}
.webinars .top-header .scroll {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-top: 182px;
  border: 2px solid #e3e3e3;
  border-radius: 50%;
  position: relative;
  background: transparent;
  text-indent: -9999px;
  transition: border-color 0.2s ease-out;
}
.webinars .top-header .scroll:before {
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: #0c0c0c transparent transparent;
  border-radius: 2px;
  position: absolute;
  top: 17px;
  left: 13px;
}
.webinars .top-header .scroll:hover {
  border-color: #b0b0b0;
}
@media (max-width: 1830px) {
  .webinars .top-header {
    padding-top: 265px;
  }
  .webinars .top-header .scroll {
    margin-top: 96px;
  }
}
@media (max-width: 1600px) {
  .webinars .top-header {
    padding-top: 210px;
  }
  .webinars .top-header h1 {
    font-size: 60px;
  }
  .webinars .top-header .scroll {
    margin-top: 69px;
  }
}
@media (max-width: 1400px) {
  .webinars .top-header {
    padding-top: 180px;
  }
  .webinars .top-header .share-buttons {
    right: 40px;
  }
  .webinars .top-header h1 {
    font-size: 55px;
  }
  .webinars .top-header .tagline {
    font-size: 21px;
  }
  .webinars .top-header .btn-flat {
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 1140px) {
  .webinars .top-header {
    padding-top: 165px;
  }
  .webinars .top-header h1 {
    font-size: 48px;
  }
  .webinars .top-header .tagline {
    margin-bottom: 29px;
  }
  .webinars .top-header .scroll {
    margin-top: 45px;
  }
}
@media (max-width: 1024px) {
  .webinars .top-header {
    height: 65vw;
  }
  .webinars .top-header .scroll {
    display: none;
  }
  .webinars .top-header .logo {
    top: 35px !important;
    right: auto !important;
    left: 35px !important;
  }
  .webinars .top-header .share-buttons {
    top: 40px;
    right: 10px;
  }
  .webinars .top-header .share-buttons .share-button {
    margin-left: 12px;
  }
}
@media (max-width: 830px) {
  .webinars .top-header {
    padding-top: 150px;
  }
  .webinars .top-header h1 {
    font-size: 42px !important;
  }
}
@media (max-width: 760px) {
  .webinars .top-header {
    height: auto !important;
    padding-bottom: 50px;
    border-bottom: 1px solid #efefef;
  }
  .webinars .top-header h1 {
    margin-bottom: 55px;
  }
  .webinars .top-header .tagline {
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) {
  .webinars:not(.ux-design-global-scale):not(.agile-ux-masterclass):not(.enterprise-ux-design):not(.agile-ux-masterclass-2) .top-header .background {
    opacity: 0.5;
  }
}
@media (max-width: 760px) {
  .webinars .background {
    display: none;
  }
}
.webinars .headline {
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  padding: 21px 20px 100px;
  position: relative;
  text-align: center;
}
.webinars .headline h2 {
  margin-bottom: 29px;
  color: #0c0c0c;
  font-size: 48px;
  font-weight: 700;
  line-height: 130%;
}
.webinars .headline .lead {
  color: #5a5a5a;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
@media only screen and (max-width: 767px) {
  .webinars .headline .lead br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (max-width: 767px) {
  .webinars .headline {
    padding-top: 60px;
  }
  .webinars .headline h2 {
    font-size: 38px;
  }
  .webinars .headline .lead {
    font-size: 18px;
  }
}
.webinars .webinar-schedule {
  padding-right: 20px;
  padding-left: 20px;
}
.webinars .webinar-schedule .header {
  margin-bottom: 76px;
  border-top: 1px solid #efefef;
  position: relative;
  color: #666;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
}
.webinars .webinar-schedule .header span {
  display: inline-block;
  padding: 5px 20px;
  position: relative;
  top: -11px;
  background-color: #fff;
}
.webinars .webinar-schedule .schedule {
  display: flex;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}
.webinars .webinar-schedule .schedule .webinar {
  display: flex;
  width: 100%;
  margin: 0 auto 119px;
  text-align: left;
}
.webinars .webinar-schedule .schedule .webinar .date-time,
.webinars .webinar-schedule .schedule .webinar .webinar-author {
  margin-top: 3px;
  margin-right: -20px;
  position: relative;
  flex: 290px 0;
  z-index: 2;
}
@media (max-width: 1100px) {
  .webinars .webinar-schedule .schedule .webinar .date-time,
  .webinars .webinar-schedule .schedule .webinar .webinar-author {
    flex-basis: 250px;
  }
}
.webinars .webinar-schedule .schedule .webinar .date-time time,
.webinars .webinar-schedule .schedule .webinar .webinar-author time {
  padding-right: 20px;
}
.webinars .webinar-schedule .schedule .webinar .date-time {
  margin-top: 41px;
}
.webinars .webinar-schedule .schedule .webinar figure {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: flex-start;
}
.webinars .webinar-schedule .schedule .webinar figure img {
  margin-top: 1px;
  flex: 170px 0;
}
.webinars .webinar-schedule .schedule .webinar figure.double,
.webinars .webinar-schedule .schedule .webinar figure.triple,
.webinars .webinar-schedule .schedule .webinar figure.quadruple {
  padding-left: 170px;
}
.webinars .webinar-schedule .schedule .webinar figure.double img,
.webinars .webinar-schedule .schedule .webinar figure.triple img,
.webinars .webinar-schedule .schedule .webinar figure.quadruple img {
  width: 106px;
  height: 106px;
  position: absolute;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 700px) {
  .webinars .webinar-schedule .schedule .webinar figure.double,
  .webinars .webinar-schedule .schedule .webinar figure.triple,
  .webinars .webinar-schedule .schedule .webinar figure.quadruple {
    padding-top: 200px;
    padding-left: 0 !important;
  }
  .webinars .webinar-schedule .schedule .webinar figure.double img,
  .webinars .webinar-schedule .schedule .webinar figure.triple img,
  .webinars .webinar-schedule .schedule .webinar figure.quadruple img {
    top: 70px;
    bottom: auto;
    bottom: initial;
  }
  .webinars .webinar-schedule .schedule .webinar figure.double .names li,
  .webinars .webinar-schedule .schedule .webinar figure.triple .names li,
  .webinars .webinar-schedule .schedule .webinar figure.quadruple .names li {
    margin-bottom: 10px;
  }
}
.webinars .webinar-schedule .schedule .webinar figure.double {
  transform: translateY(-20px);
}
.webinars .webinar-schedule .schedule .webinar figure.double img {
  bottom: 42px;
}
.webinars .webinar-schedule .schedule .webinar figure.double img:nth-of-type(2) {
  z-index: 0;
  transform: translate(64px, 29px);
}
.webinars .webinar-schedule .schedule .webinar figure.double .webinar-title {
  margin-top: 35px;
}
.webinars .webinar-schedule .schedule .webinar figure.double .webinar-title .position {
  font-size: 13px;
}
.webinars .webinar-schedule .schedule .webinar figure.triple img {
  bottom: 26px;
  left: calc(170px - 106px);
}
.webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(1) {
  transform: translate(-128px, -65px);
}
.webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(2) {
  transform: translate(-64px, -30px);
}
@media screen and (max-width: 1100px) {
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(1) {
    transform: translate(-98px, -65px);
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(2) {
    transform: translate(-44px, -30px);
  }
}
@media screen and (max-width: 900px) {
  .webinars .webinar-schedule .schedule .webinar figure.triple {
    padding-top: 40px;
    padding-left: 200px;
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(1) {
    transform: translate(-68px, -65px);
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(2) {
    transform: translate(-24px, -30px);
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(3) {
    transform: translateX(20px);
  }
}
@media screen and (max-width: 700px) {
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(1) {
    transform: translate(-68px, -65px);
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(2) {
    transform: translate(-24px, -30px);
  }
  .webinars .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(3) {
    transform: translateX(20px);
  }
}
.webinars .webinar-schedule .schedule .webinar figure.triple .webinar-title {
  transform: translateY(-16px);
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple {
  padding-left: 170px;
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple img {
  width: 80px;
  height: 80px;
  bottom: -23px;
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple img:nth-of-type(1) {
  transform: translate(0, -90px);
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple img:nth-of-type(2) {
  transform: translate(90px, -90px);
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple img:nth-of-type(4) {
  transform: translate(90px, 0);
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple .webinar-title {
  margin-top: 35px;
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple .webinar-title .names li {
  margin-right: 11px;
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple .webinar-title .name {
  font-size: 24px;
}
.webinars .webinar-schedule .schedule .webinar figure.quadruple .webinar-title .position {
  font-size: 12px;
}
.webinars .webinar-schedule .schedule .webinar figure .webinar-title {
  max-width: 695px;
  margin-left: 35px;
}
@media (max-width: 700px) {
  .webinars .webinar-schedule .schedule .webinar figure {
    align-items: flex-start;
    flex-direction: column;
  }
  .webinars .webinar-schedule .schedule .webinar figure .webinar-title {
    margin-top: 30px;
    margin-left: 0;
  }
}
@media (max-width: 900px) {
  .webinars .webinar-schedule .schedule .webinar {
    flex-wrap: wrap;
  }
  .webinars .webinar-schedule .schedule .webinar .date-time {
    margin-bottom: 30px;
  }
}
.webinars .webinar-info {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 134px;
  padding-bottom: 74px;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
.webinars .webinar-info.bottom-spacing {
  padding-bottom: 104px;
}
.webinars .webinar-info.gray {
  background-color: #f7f7f7;
}
.webinars .webinar-info .webinar {
  display: flex;
  padding-right: 20px;
  padding-left: 20px;
  align-content: flex-start;
  align-items: flex-start;
  flex: 870px 0;
  flex-direction: row;
  flex-wrap: wrap;
}
.webinars .webinar-info .webinar .webinar-title {
  flex-basis: 100%;
}
.webinars .webinar-info .webinar .webinar-title .name {
  margin-bottom: 5px;
}
.webinars .webinar-info .webinar .info {
  display: flex;
  padding-top: 6px;
  justify-content: space-between;
}
.webinars .webinar-info .webinar .info .date-time {
  margin-right: 20px;
  margin-left: 2px;
  flex: 190px 0;
}
.webinars .webinar-info .webinar .info .date-time time {
  text-indent: 0;
}
.webinars .webinar-info .webinar .info .description {
  flex: 600px 0;
  padding-right: 40px;
  line-height: 150%;
}
.webinars .webinar-info .webinar .info .description,
.webinars .webinar-info .webinar .info .description h4 {
  color: #0c0c0c;
  font-size: 20px;
}
.webinars .webinar-info .webinar .info .description p {
  margin-bottom: 0;
  padding-bottom: 30px;
}
.webinars .webinar-info .webinar .info .description h4 {
  margin-top: 27px;
  margin-bottom: 12px;
}
.webinars .webinar-info .webinar .info .description ul {
  margin-bottom: 38px;
}
.webinars .webinar-info .webinar .info .description ul li {
  margin-bottom: 6px;
  padding-left: 25px;
  position: relative;
  font-size: 18px;
}
.webinars .webinar-info .webinar .info .description ul li:before {
  content: "\e901";
  color: #006cff;
  font-size: 5px;
  position: absolute;
  top: 12px;
  left: 4.5px;
}
.webinars .webinar-info .webinar .info .description ul li:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 1px solid #b0b0b0;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 0;
}
.webinars .webinar-info .webinar .info .description .btn-flat {
  width: 300px;
}
.virtual-summit.webinars .webinar-info .webinar .info .description .btn-flat {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 50px;
}
.webinars .webinar-info .webinar .info .description .spam-info {
  display: block;
  margin-top: -50px;
  color: #888;
  font-size: 11px;
  line-height: 150%;
}
@media screen and (max-width: 890px) {
  .webinars .webinar-info .webinar .info .description .spam-info {
    text-align: center;
  }
}
.webinars .webinar-info .person,
.webinars .webinar-info .people {
  padding-right: 20px;
  padding-left: 20px;
  position: relative;
  top: -5px;
  flex: 300px 0;
  font-size: 14px;
  line-height: 24px;
}
.webinars .webinar-info .person .name,
.webinars .webinar-info .people .name,
.webinars .webinar-info .person .position,
.webinars .webinar-info .people .position {
  display: block;
  color: #0c0c0c;
}
.webinars .webinar-info .person .name,
.webinars .webinar-info .people .name {
  font-weight: 700;
}
.webinars .webinar-info .person .position,
.webinars .webinar-info .people .position {
  font-weight: 400;
}
.webinars .webinar-info .person .position a,
.webinars .webinar-info .people .position a {
  cursor: pointer;
  position: relative;
  color: #0c0c0c;
}
.webinars .webinar-info .person .position a:after,
.webinars .webinar-info .people .position a:after {
  border-bottom: 1px solid rgba(12, 12, 12, 0.25);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.webinars .webinar-info .person .position a:hover:after,
.webinars .webinar-info .people .position a:hover:after {
  border-color: rgba(12, 12, 12, 0);
}
.webinars .webinar-info .person .position a:after,
.webinars .webinar-info .people .position a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(12, 12, 12, 0.25);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.webinars .webinar-info .person .position a:hover:after,
.webinars .webinar-info .people .position a:hover:after {
  opacity: 0;
}
.webinars .webinar-info .person p,
.webinars .webinar-info .people p {
  margin-bottom: 24px;
  color: #888;
  font-weight: 400;
}
.webinars .webinar-info .person .photo.red img {
  box-shadow: 60px 60px 0 -50px #ff8095;
}
.webinars .webinar-info .person .photo.blue img {
  box-shadow: 60px 60px 0 -50px #75c8e6;
}
.webinars .webinar-info .person .photo.uxpin-blue img {
  box-shadow: 60px 60px 0 -50px #006cff;
}
.webinars .webinar-info .person .photo.orange img {
  box-shadow: 60px 60px 0 -50px #ffa680;
}
.webinars .webinar-info .person .photo.yellow img {
  box-shadow: 60px 60px 0 -50px #e0df67;
}
.webinars .webinar-info .person .photo.brown img {
  box-shadow: 60px 60px 0 -50px #e5d3c3;
}
.webinars .webinar-info .person .photo.gray img {
  box-shadow: 60px 60px 0 -50px #767285;
}
.webinars .webinar-info .person .photo.pink img {
  box-shadow: 60px 60px 0 -50px #c78caa;
}
.webinars .webinar-info .person .photo.pink-light img {
  box-shadow: 60px 60px 0 -50px #ebb1c3;
}
.webinars .webinar-info .person .photo.violet-gray img {
  box-shadow: 60px 60px 0 -50px #767285;
}
.webinars .webinar-info .person .photo.blue-gray img {
  box-shadow: 60px 60px 0 -50px #4b6199;
}
.webinars .webinar-info .person .photo.turquoise-gray img {
  box-shadow: 60px 60px 0 -50px #8bacb8;
}
.webinars .webinar-info .person .photo.blue-light img {
  box-shadow: 60px 60px 0 -50px #30d7fe;
}
.webinars .webinar-info .person .photo.blue-juicy img {
  box-shadow: 60px 60px 0 -50px #0024ff;
}
.webinars .webinar-info .person .photo.waikawa-gray img {
  box-shadow: 60px 60px 0 -50px #5d71a3;
}
.webinars .webinar-info .person .photo.sinbad img {
  box-shadow: 60px 60px 0 -50px #aed8c8;
}
.webinars .webinar-info .person .photo.gold-sand img {
  box-shadow: 60px 60px 0 -50px #e8bb87;
}
.webinars .webinar-info .person .photo.your-pink img {
  box-shadow: 60px 60px 0 -50px #ffc6c6;
}
.webinars .webinar-info .person .photo.sail img {
  box-shadow: 60px 60px 0 -50px #b0c2fb;
}
.webinars .webinar-info .person .photo.romantic img {
  box-shadow: 60px 60px 0 -50px #ffd0c2;
}
.webinars .webinar-info .person .photo.feijoa img {
  box-shadow: 60px 60px 0 -50px #99d88d;
}
.webinars .webinar-info .person .photo.spindle img {
  box-shadow: 60px 60px 0 -50px #bfdbee;
}
.webinars .webinar-info .person .photo.satin-linen img {
  box-shadow: 60px 60px 0 -50px #e6e6d8;
}
.webinars .webinar-info .person .photo figcaption {
  margin-top: 30px;
  margin-bottom: 24px;
}
.webinars .webinar-info .people {
  padding-left: 0;
}
.webinars .webinar-info .people li {
  margin-bottom: 26px;
}
.webinars .webinar-info .people li .photo img {
  width: 106px !important;
  margin-right: 19px;
  float: left;
}
.webinars .webinar-info .people li .photo .name {
  font-size: 14px;
  line-height: 24px;
}
.webinars .webinar-info .people li .photo .position {
  font-size: 13px;
  line-height: 20px;
}
.webinars .webinar-info .people article {
  padding-top: 20px;
}
.webinars .webinar-info .people p {
  font-size: 13px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .webinars .webinar-info {
    flex-wrap: wrap;
  }
  .webinars .webinar-info .people {
    padding-right: 20px;
    padding-left: 20px;
    flex-basis: 870px;
  }
  .webinars .webinar-info .people p {
    margin-bottom: 5px;
  }
  .webinars .webinar-info .person {
    margin-top: 80px;
    flex-basis: 870px;
    flex-direction: row;
  }
  .webinars .webinar-info .person .photo {
    margin-right: 30px;
  }
  .webinars .webinar-info .person .article {
    flex-basis: auto;
  }
}
@media (max-width: 890px) {
  .webinars .webinar-info,
  .webinars .webinar-info .webinar,
  .webinars .webinar-info .person,
  .webinars .webinar-info .people {
    width: 100%;
  }
  .webinars .webinar-info .webinar {
    flex-basis: 100%;
  }
  .webinars .webinar-info .webinar .webinar-title .title {
    margin-bottom: 25px;
  }
  .webinars .webinar-info .webinar .info {
    flex-direction: column;
  }
  .webinars .webinar-info .webinar .info .single-webinar {
    margin-left: auto;
  }
  .webinars .webinar-info .webinar .info .date-time,
  .webinars .webinar-info .webinar .info .description {
    flex-basis: auto !important;
  }
  .webinars .webinar-info .webinar .info .date-time {
    margin-bottom: 30px;
  }
  .webinars .webinar-info .person,
  .webinars .webinar-info .people {
    flex-basis: 100%;
  }
  .webinars .webinar-info .person .photo,
  .webinars .webinar-info .people .photo {
    text-align: center;
  }
  .webinars .webinar-info .person .photo img,
  .webinars .webinar-info .people .photo img {
    display: inline-block !important;
    margin: auto;
    float: none !important;
  }
  .webinars .webinar-info .people {
    margin-top: 30px;
  }
}
.webinars > footer {
  height: 241px;
  position: relative;
  background-color: #fff;
  text-align: center;
}
.webinars > footer .logo,
.webinars > footer .tagline {
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
}
.webinars > footer .logo {
  opacity: 0.2;
  top: 43px !important;
}
.webinars > footer .tagline {
  top: 118px;
  color: #cbcbcb;
  font-size: 12px;
  font-weight: 400;
}
.webinars .rewatch-webinar {
  height: 50px;
  padding: 0 30px;
  border-radius: 2px;
  background: #006cff;
  box-shadow: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
  text-decoration: none;
  transition: background 0.2s ease-out;
}
.webinars .rewatch-webinar:before {
  content: "\e90a";
  color: #fff;
  font-size: 18px;
  display: inline-block;
  margin-right: 15px;
  position: relative;
  top: 3px;
  font-weight: bold;
}
.webinars .rewatch-webinar:hover {
  background: #005ddb;
}
.webinars.new-headers .webinar-title .title {
  margin-bottom: 17px;
  line-height: 115%;
}
.webinars.new-headers .webinar-title .name {
  margin-bottom: 2px;
  font-size: 32px;
}
.webinars.new-headers .webinar-title .position {
  font-size: 14px;
}
.webinars.new-headers .date-time time {
  line-height: 85%;
}
.webinars.new-headers .date-time time .hour {
  font-size: 32px;
}
.webinars.new-headers .date-time time .hour.small {
  font-size: 30px;
}
.webinars.new-headers .webinar-schedule .schedule .webinar .date-time time {
  margin-top: 23px;
}
.webinars.new-headers .webinar-schedule .schedule .webinar figure.triple {
  transform: translateY(41px);
}
@media screen and (max-width: 900px) {
  .webinars.new-headers .webinar-schedule .schedule .webinar figure.triple {
    transform: none;
  }
}
.webinars.new-headers .webinar-schedule .schedule .webinar figure.triple .webinar-title {
  transform: translateY(-24px);
}
.webinars.new-headers .webinar-schedule .schedule .webinar figure.triple .webinar-title .title {
  margin-bottom: 15px;
}
.webinars.new-headers .webinar-info .webinar .webinar-title {
  transform: translateY(-11px);
}
.webinars.new-headers .webinar-info .webinar .info {
  padding-top: 45px;
}
.webinars.new-headers .webinar-info .webinar .info .date-time {
  margin-top: 4px;
}
.webinars.new-headers .webinar-info .webinar .info .date-time time {
  padding-bottom: 0;
  border-bottom: 0;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour {
  display: inline-block;
  padding-bottom: 9px;
  border-bottom-width: 10px;
  border-bottom-style: solid;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.blue-juicy {
  border-bottom-color: #0024ff;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.waikawa-gray {
  border-bottom-color: #5d71a3;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.sinbad {
  border-bottom-color: #aed8c8;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.gold-sand {
  border-bottom-color: #e8bb87;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.your-pink {
  border-bottom-color: #ffc6c6;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.sail {
  border-bottom-color: #b0c2fb;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.romantic {
  border-bottom-color: #ffd0c2;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.feijoa {
  border-bottom-color: #99d88d;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.spindle {
  border-bottom-color: #bfdbee;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.satin-linen {
  border-bottom-color: #e6e6d8;
}
.webinars.new-headers .webinar-info .webinar .info .date-time .hour.uxpin-blue {
  border-bottom-color: #006cff;
}
@media screen and (max-width: 890px) {
  .webinars.new-headers .webinar-info .webinar .info .date-time time {
    border-bottom-style: solid;
  }
  .webinars.new-headers .webinar-info .webinar .info .date-time .hour {
    display: block;
    border-bottom: 0;
  }
}
.webinars.new-headers .webinar-info .webinar .info .description h4 {
  margin-top: 15px;
}
.webinars.new-headers .webinar-info .people li {
  margin-bottom: 42px;
}
.webinars.new-headers .webinar-info .people p {
  margin-bottom: 16px;
}
.webinars.ux-design-global-scale .top-header h1:before,
.webinars.agile-ux-masterclass .top-header h1:before,
.webinars.ux-development-vm-1 .top-header h1:before,
.webinars.enterprise-ux-design .top-header h1:before {
  content: attr(data-note);
  position: absolute;
  top: -87px;
  right: 0;
  left: 0;
  color: #888;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.webinars.ux-design-global-scale .top-header .tagline,
.webinars.agile-ux-masterclass .top-header .tagline,
.webinars.ux-development-vm-1 .top-header .tagline,
.webinars.enterprise-ux-design .top-header .tagline {
  max-width: none;
}
@media (min-width: 761px) {
  .webinars.ux-design-global-scale .share-buttons .share-button:before,
  .webinars.agile-ux-masterclass .share-buttons .share-button:before,
  .webinars.enterprise-ux-design .share-buttons .share-button:before,
  .webinars.agile-ux-masterclass-2 .share-buttons .share-button:before {
    color: #fff !important;
  }
}
.webinars.ux-design-global-scale .share-buttons .share-button:hover,
.webinars.agile-ux-masterclass .share-buttons .share-button:hover,
.webinars.enterprise-ux-design .share-buttons .share-button:hover,
.webinars.agile-ux-masterclass-2 .share-buttons .share-button:hover {
  border-color: #e3e3e3;
}
.webinars.ux-design-global-scale .top-header .logo.black,
.webinars.agile-ux-masterclass .top-header .logo.black,
.webinars.enterprise-ux-design .top-header .logo.black,
.webinars.agile-ux-masterclass-2 .top-header .logo.black {
  display: none;
}
.webinars.ux-design-global-scale .top-header .logo.white,
.webinars.agile-ux-masterclass .top-header .logo.white,
.webinars.enterprise-ux-design .top-header .logo.white,
.webinars.agile-ux-masterclass-2 .top-header .logo.white {
  opacity: 1;
}
@media (max-width: 760px) {
  .webinars.ux-design-global-scale .top-header .logo.black,
  .webinars.agile-ux-masterclass .top-header .logo.black,
  .webinars.enterprise-ux-design .top-header .logo.black,
  .webinars.agile-ux-masterclass-2 .top-header .logo.black {
    display: inline-block;
  }
  .webinars.ux-design-global-scale .top-header .logo.white,
  .webinars.agile-ux-masterclass .top-header .logo.white,
  .webinars.enterprise-ux-design .top-header .logo.white,
  .webinars.agile-ux-masterclass-2 .top-header .logo.white {
    display: none;
  }
}
.webinars.ux-design-global-scale .top-header h1,
.webinars.agile-ux-masterclass .top-header h1,
.webinars.enterprise-ux-design .top-header h1,
.webinars.agile-ux-masterclass-2 .top-header h1 {
  color: #fff;
  font-size: 74px;
}
.webinars.ux-design-global-scale .top-header .scroll:before,
.webinars.agile-ux-masterclass .top-header .scroll:before,
.webinars.enterprise-ux-design .top-header .scroll:before,
.webinars.agile-ux-masterclass-2 .top-header .scroll:before {
  border-top-color: #fff;
}
.webinars.ux-design-global-scale .top-header .scroll:hover,
.webinars.agile-ux-masterclass .top-header .scroll:hover,
.webinars.enterprise-ux-design .top-header .scroll:hover,
.webinars.agile-ux-masterclass-2 .top-header .scroll:hover {
  border-color: #e3e3e3;
}
@media (max-width: 760px) {
  .webinars.ux-design-global-scale .top-header,
  .webinars.agile-ux-masterclass .top-header,
  .webinars.enterprise-ux-design .top-header,
  .webinars.agile-ux-masterclass-2 .top-header {
    padding-top: 170px;
  }
  .webinars.ux-design-global-scale .top-header h1,
  .webinars.agile-ux-masterclass .top-header h1,
  .webinars.enterprise-ux-design .top-header h1,
  .webinars.agile-ux-masterclass-2 .top-header h1 {
    color: #0c0c0c !important;
  }
  .webinars.ux-design-global-scale .top-header h1:before,
  .webinars.agile-ux-masterclass .top-header h1:before,
  .webinars.enterprise-ux-design .top-header h1:before,
  .webinars.agile-ux-masterclass-2 .top-header h1:before {
    top: -40px;
    color: #797979 !important;
  }
  .webinars.ux-design-global-scale .top-header .tagline,
  .webinars.agile-ux-masterclass .top-header .tagline,
  .webinars.enterprise-ux-design .top-header .tagline,
  .webinars.agile-ux-masterclass-2 .top-header .tagline {
    color: #5a5a5a !important;
  }
  .webinars.ux-design-global-scale .top-header small,
  .webinars.agile-ux-masterclass .top-header small,
  .webinars.enterprise-ux-design .top-header small,
  .webinars.agile-ux-masterclass-2 .top-header small {
    color: #797979 !important;
  }
}
@media (min-width: 761px) {
  .webinars.ux-design-global-scale .share-buttons .share-button {
    border-color: rgba(227, 227, 227, 0.2);
  }
}
.webinars.ux-design-global-scale .top-header .tagline {
  color: #cbcbcb;
}
.webinars.ux-design-global-scale .top-header .scroll {
  border-color: rgba(227, 227, 227, 0.2);
}
@media (max-width: 1140px) {
  .webinars.ux-design-global-scale .top-header .background {
    bottom: 0;
  }
  .webinars.ux-design-global-scale .top-header .background img {
    width: auto;
    height: 120%;
  }
}
@media (max-width: 480px) {
  .webinars.ux-design-global-scale .top-header .background img {
    margin-left: -50%;
  }
}
.webinars.agile-ux-masterclass .share-buttons .share-button {
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.agile-ux-masterclass .top-header h1:before {
  color: #fff;
}
.webinars.agile-ux-masterclass .top-header .tagline {
  color: #fff;
  font-size: 24px;
}
.webinars.agile-ux-masterclass .top-header small {
  color: #fff;
}
.webinars.agile-ux-masterclass .top-header .scroll {
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.agile-ux-masterclass .join {
  background: linear-gradient(to top, #fff, #fff 61px, #ef9b4e 61px, #ef9b4e);
}
.webinars.ux-development-vm-1 button[type="submit"],
.webinars.ux-development-vm-1 .btn-flat {
  box-shadow: 0 9px 18px rgba(0, 108, 255, 0.23);
}
.webinars.ux-development-vm-1 .top-header h1 {
  font-size: 70px;
}
@media screen and (max-width: 1450px) {
  .webinars.ux-development-vm-1 .top-header h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1200px) {
  .webinars.ux-development-vm-1 .top-header h1 {
    font-size: 45px;
  }
}
.webinars.ux-development-vm-1 .top-header h1:before {
  top: -85px;
}
@media (max-width: 760px) {
  .webinars.ux-development-vm-1 .top-header {
    padding-top: 170px;
  }
  .webinars.ux-development-vm-1 .top-header h1:before {
    top: -40px;
  }
}
.webinars.enterprise-ux-design button[type="submit"],
.webinars.enterprise-ux-design .btn-flat {
  box-shadow: 0 9px 18px rgba(0, 108, 255, 0.23);
}
.webinars.enterprise-ux-design .share-buttons .share-button {
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.enterprise-ux-design .top-header .logo.white {
  border-color: #8f8f8f;
}
.webinars.enterprise-ux-design .top-header h1 {
  font-size: 70px;
}
.webinars.enterprise-ux-design .top-header h1:before {
  color: #8f8f8f;
}
@media screen and (max-width: 1170px) {
  .webinars.enterprise-ux-design .top-header h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 1070px) {
  .webinars.enterprise-ux-design .top-header h1 {
    font-size: 49px;
  }
  .webinars.enterprise-ux-design .top-header h1:before {
    top: -67px;
  }
}
.webinars.enterprise-ux-design .top-header .tagline {
  max-width: 600px;
  color: #bbb;
  font-size: 24px;
}
.webinars.enterprise-ux-design .top-header small {
  color: #909090;
}
.webinars.enterprise-ux-design .top-header .scroll {
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.enterprise-ux-design .top-header .scroll:before {
  border-top-color: #fff;
}
.webinars.enterprise-ux-design .join {
  background: radial-gradient(circle, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 85%), linear-gradient(to top, #fff, #fff 61px, #0c0c0c 61px, #0c0c0c);
}
.webinars.enterprise-ux-design .names li .position {
  max-width: 210px;
}
.webinars.agile-ux-masterclass-2 .share-buttons .share-button {
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.agile-ux-masterclass-2 .logo-wrapper {
  display: flex;
  position: absolute;
  align-items: center;
}
@media only screen and (min-width: 1025px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .webinars.agile-ux-masterclass-2 .logo-wrapper {
    top: 45px !important;
    left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .webinars.agile-ux-masterclass-2 .logo-wrapper {
    display: none;
  }
}
.webinars.agile-ux-masterclass-2 .logo-wrapper .logo {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.webinars.agile-ux-masterclass-2 .logo-wrapper .logo-tagline {
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
  transition: color 0.2s ease-out;
}
@media (max-width: 760px) {
  .webinars.agile-ux-masterclass-2 .logo-wrapper .logo-tagline {
    color: #000;
  }
}
@media (max-width: 1200px) {
  .webinars.agile-ux-masterclass-2 .top-header h1 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .webinars.agile-ux-masterclass-2 .top-header h1 {
    padding-top: 140px;
  }
}
.webinars.agile-ux-masterclass-2 .top-header h1,
.webinars.agile-ux-masterclass-2 .top-header .tagline {
  transform: translateY(35px);
  color: #fff;
}
.webinars.agile-ux-masterclass-2 .top-header .tagline {
  max-width: none;
}
.webinars.agile-ux-masterclass-2 .top-header .scroll {
  margin-top: 310px;
  border-color: rgba(227, 227, 227, 0.5);
}
.webinars.agile-ux-masterclass-2 .top-header .scroll:before {
  border-top-color: #fff;
}
@media (max-width: 1860px) {
  .webinars.agile-ux-masterclass-2 .top-header .scroll {
    margin-top: 160px;
  }
}
@media (max-width: 1600px) {
  .webinars.agile-ux-masterclass-2 .top-header .scroll {
    margin-top: 115px;
  }
}
@media (max-width: 1140px) {
  .webinars.agile-ux-masterclass-2 .top-header .scroll {
    margin-top: 75px;
  }
}
.webinars.agile-ux-masterclass-2 .spam-info {
  max-width: 300px;
}
.webinars.agile-ux-masterclass-2 .webinar-info .webinar .info .date-time {
  flex-basis: 270px;
}
.webinars.agile-ux-masterclass-2 .webinar-info .webinar .info .date-time time {
  font-size: 32px;
}
@media only screen and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 1024px) {
  .webinars.agile-ux-masterclass-2 .webinar-info .webinar .info .date-time time .hour {
    font-size: 29px;
  }
}
.webinars.agile-ux-masterclass-2 .webinar-info .webinar .info .description {
  flex-basis: 530px;
}
.webinars.agile-ux-masterclass-2 .join {
  background: linear-gradient(to top, #fff, #fff 61px, #d3d9e0 61px, #d3d9e0);
}
.webinars.agile-ux-masterclass-2 footer {
  height: 100px;
  margin-top: 35px;
  color: rgba(18, 18, 18, 0.4);
  font-size: 13px;
  font-weight: 400;
}
.webinars.outdated .top-header {
  padding-top: 483px;
}
@media (max-width: 1830px) {
  .webinars.outdated .top-header {
    padding-top: 365px;
  }
}
@media (max-width: 1600px) {
  .webinars.outdated .top-header {
    padding-top: 310px;
  }
}
@media (max-width: 1400px) {
  .webinars.outdated .top-header {
    padding-top: 240px;
  }
}
@media (max-width: 1140px) {
  .webinars.outdated .top-header {
    padding-top: 225px;
  }
}
@media (max-width: 830px) {
  .webinars.outdated .top-header {
    padding-top: 150px;
  }
}
.webinars.outdated .date-time .hour {
  text-transform: none;
}
.webinars.outdated .names {
  min-width: 0;
}
.webinars.outdated .names li {
  line-height: 35%;
}
.webinars.outdated .names li:not(:last-of-type) {
  margin-bottom: 20px;
}
.webinars.outdated .names li .name {
  margin-bottom: 0;
  border: none;
  font-size: 26px;
}
.webinars.outdated .webinar-schedule .schedule .webinar figure.triple img {
  top: -15px;
  bottom: auto;
  bottom: initial;
}
.webinars.outdated .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(1) {
  transform: translateX(-128px);
}
.webinars.outdated .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(2) {
  transform: translate(-64px, 45px);
}
.webinars.outdated .webinar-schedule .schedule .webinar figure.triple img:nth-of-type(3) {
  transform: translateY(85px);
}
@media screen and (max-width: 900px) {
  .webinars.outdated .webinar-schedule .schedule .webinar figure.triple img {
    top: 10px;
    left: 128px;
  }
}
.webinars.outdated .webinar-info .webinar .info .date-time .hour {
  display: block;
}
.webinars.outdated .join.without-form article {
  padding-bottom: 70px;
}
.webinars.outdated .join.without-form .btn {
  margin-top: 60px;
}
.webinars .webinar-title .details,
.virtual-summit .webinar-title .details,
.webinars .person .details,
.virtual-summit .person .details {
  display: flex;
  margin-top: 17px;
  align-items: center;
}
.webinars .webinar-title .details .duration,
.virtual-summit .webinar-title .details .duration,
.webinars .person .details .duration,
.virtual-summit .person .details .duration {
  margin-right: 20px;
  color: #888;
  font-size: 14px;
}
.webinars .webinar-title .details .duration:before,
.virtual-summit .webinar-title .details .duration:before,
.webinars .person .details .duration:before,
.virtual-summit .person .details .duration:before {
  content: "\e90f";
  color: #c4c4c4;
  font-size: 14px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.webinars .webinar-title .details .btn-flat,
.virtual-summit .webinar-title .details .btn-flat,
.webinars .person .details .btn-flat,
.virtual-summit .person .details .btn-flat {
  padding: 0 30px;
}
.webinars .webinar-title .details .btn-flat.icon-20-repeat:before,
.virtual-summit .webinar-title .details .btn-flat.icon-20-repeat:before,
.webinars .person .details .btn-flat.icon-20-repeat:before,
.virtual-summit .person .details .btn-flat.icon-20-repeat:before {
  content: "\e90a";
  color: #fff;
  font-size: 18px;
  margin-right: 15px;
  position: relative;
  top: 3px;
  font-weight: 700;
}
.webinars .webinar-title .details .btn-flat.icon-20-play:before,
.virtual-summit .webinar-title .details .btn-flat.icon-20-play:before,
.webinars .person .details .btn-flat.icon-20-play:before,
.virtual-summit .person .details .btn-flat.icon-20-play:before {
  content: "\e90e";
  color: #fff;
  font-size: 24px;
}
.webinars .webinar-title .details .btn-flat:before,
.virtual-summit .webinar-title .details .btn-flat:before,
.webinars .person .details .btn-flat:before,
.virtual-summit .person .details .btn-flat:before {
  margin-right: 8px;
  position: relative;
  top: 6px;
}
.virtual-summit.webinars .webinar-title .details .btn-flat,
.virtual-summit.virtual-summit .webinar-title .details .btn-flat,
.virtual-summit.webinars .person .details .btn-flat,
.virtual-summit.virtual-summit .person .details .btn-flat {
  font-size: 14px;
  line-height: 50px;
}
.webinars .video-modal,
.virtual-summit .video-modal {
  opacity: 0;
  visibility: hidden;
  display: flex;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 1024px) {
  .webinars .video-modal,
  .virtual-summit .video-modal {
    display: none;
  }
}
.webinars .video-modal.visible,
.virtual-summit .video-modal.visible {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1024px) {
  .webinars .video-modal.visible,
  .virtual-summit .video-modal.visible {
    display: block;
  }
}
.webinars .video-modal .video-modal-content,
.virtual-summit .video-modal .video-modal-content {
  width: 560px;
  max-width: 100%;
  height: 315px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 130px rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 580px) {
  .webinars .video-modal .video-modal-content,
  .virtual-summit .video-modal .video-modal-content {
    height: auto;
  }
}
.webinars .video-modal .close-video-modal,
.virtual-summit .video-modal .close-video-modal {
  display: inline-block;
  opacity: 0.7;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  position: absolute;
  top: -35px;
  right: -35px;
  background: transparent;
  box-shadow: none;
  text-indent: -9999px;
  transition: opacity 0.2s ease-out;
}
@media screen and (max-width: 645px) {
  .webinars .video-modal .close-video-modal,
  .virtual-summit .video-modal .close-video-modal {
    top: -45px;
    right: 0;
  }
}
.webinars .video-modal .close-video-modal:before,
.virtual-summit .video-modal .close-video-modal:before {
  content: "\e906";
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  line-height: 36px;
  text-indent: 1px;
}
.webinars .video-modal .close-video-modal:hover,
.virtual-summit .video-modal .close-video-modal:hover {
  opacity: 1;
}
.webinars .video-modal .video,
.virtual-summit .video-modal .video {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.webinars .video-modal .video iframe,
.virtual-summit .video-modal .video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}
.webinars .form-container,
.virtual-summit .form-container {
  width: 430px;
}
.virtual-summit > section {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 736px) {
  .virtual-summit .centering-block {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.virtual-summit p {
  color: #5a5a5a;
  font-size: 20px;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .virtual-summit p {
    font-size: 16px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit p {
    font-size: 14px;
  }
}
.virtual-summit .logo {
  display: inline-block;
  width: 64px;
  height: 64px;
  transform: translateZ(0);
  background-size: 64px;
  text-indent: -9999px;
  transition: width 0.1s ease-out, height 0.1s ease-out, border-color 0.2s ease-out;
}
.virtual-summit .header {
  color: #0c0c0c;
  text-align: center;
}
.virtual-summit .header.thin {
  font-size: 36px;
  font-weight: 300;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .header.thin {
    font-size: 29px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .header.thin {
    font-size: 25px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .header.thin {
    font-size: 20px;
  }
}
.virtual-summit .header.bold {
  font-size: 48px;
  font-weight: 700;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .header.bold {
    font-size: 38px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .header.bold {
    font-size: 34px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .header.bold {
    font-size: 26px;
  }
}
.virtual-summit .header.line {
  position: relative;
  color: #0c0c0c;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 225%;
  text-transform: uppercase;
}
@media screen and (max-width: 736px) {
  .virtual-summit .header.line {
    font-size: 12px;
  }
}
.virtual-summit .header.line.link span {
  font-size: 12px;
  letter-spacing: 0.08em;
}
.virtual-summit .header.line.link span:after {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-left: 8px;
  transform: rotate(45deg) translateY(-1px);
  background-image: linear-gradient(to left, #006cff 0, #006cff 2px, rgba(0, 108, 255, 0) 2px, rgba(0, 108, 255, 0) 100%), linear-gradient(to bottom, #006cff 0, #006cff 2px, rgba(0, 108, 255, 0) 2px, rgba(0, 108, 255, 0) 100%);
  background-repeat: no-repeat;
  background-position: 0 0;
}
.virtual-summit .header.line span {
  padding: 0 20px;
  position: relative;
  z-index: 1;
  background-color: #fff;
}
.virtual-summit .header.line a {
  color: #006cff;
  cursor: pointer;
  position: relative;
}
.virtual-summit .header.line a:after {
  border-bottom: 1px solid rgba(0, 108, 255, 0.4);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.virtual-summit .header.line a:hover:after {
  opacity: 1;
}
.virtual-summit .header.line a:after {
  bottom: 0;
}
.virtual-summit .header.line:after {
  content: '';
  width: 100%;
  border-top: 1px solid #efefef;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
}
.virtual-summit #top-header {
  height: 100vh;
  min-height: 800px;
  padding: 18.3vw 20px 0;
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .virtual-summit #top-header {
    min-height: 768px;
  }
}
@media screen and (max-width: 736px) and (orientation: portrait) {
  .virtual-summit #top-header {
    height: 100vh;
    min-height: 0;
    max-height: 615px;
  }
}
@media screen and (max-width: 736px) and (orientation: landscape) {
  .virtual-summit #top-header {
    min-height: 700px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #top-header {
    padding-top: 180px !important;
  }
}
.enterprise.virtual-summit #top-header {
  background: url('./images/homepage/eux-virtual-summit-2017/header-bg.jpg') no-repeat center center;
  background-size: cover;
}
.agile.virtual-summit #top-header {
  background: url('./images/homepage/aux-virtual-summit-2017/header-bg.jpg') no-repeat center center;
  background-size: cover;
}
.virtual-summit #top-header .logo-wrapper {
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px;
  left: 40px;
}
.enterprise.virtual-summit #top-header .logo-wrapper:hover .logo {
  border-color: #8692a1;
}
.enterprise.virtual-summit #top-header .logo-wrapper:hover .logo-tagline {
  color: #8994a3;
}
.enterprise.virtual-summit #top-header .logo-wrapper .logo {
  border-color: #545f6d;
}
.enterprise.virtual-summit #top-header .logo-wrapper .logo-tagline {
  color: #6d7a8c;
}
.agile.virtual-summit #top-header .logo-wrapper:hover .logo {
  border-color: #acaabd;
}
.agile.virtual-summit #top-header .logo-wrapper:hover .logo-tagline {
  color: #908ea6;
}
.agile.virtual-summit #top-header .logo-wrapper .logo {
  opacity: 1;
  border-color: #747190;
}
.agile.virtual-summit #top-header .logo-wrapper .logo-tagline {
  color: #747190;
}
.virtual-summit #top-header .logo-wrapper .logo {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
}
.virtual-summit #top-header .logo-wrapper .logo-tagline {
  margin-left: 24px;
  font-size: 12px;
  transition: color 0.2s ease-out;
}
.virtual-summit #top-header .nav-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 80px;
  top: 29px;
}
.virtual-summit #top-header .nav-menu ul {
  display: flex;
  max-width: 222px;
  margin: auto;
  position: absolute;
  top: 29px;
  right: 0;
  left: 0;
  justify-content: space-between;
}
.virtual-summit #top-header .nav-menu a {
  border-bottom: 3px solid transparent;
  color: #fff;
  font-size: 18px;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
.virtual-summit #top-header .nav-menu a:hover,
.virtual-summit #top-header .nav-menu a.active {
  color: #abb4bf;
}
.virtual-summit #top-header .nav-menu a.active {
  border-color: #abb4bf;
}
.virtual-summit #top-header .nav-menu a.register {
  font-weight: 700;
}
.virtual-summit #top-header .nav-menu a.disabled {
  color: #747190;
  pointer-events: none;
}
.virtual-summit #top-header .nav-menu a:hover,
.virtual-summit #top-header .nav-menu.sticky a:hover,
.virtual-summit #top-header .nav-menu a.active,
.virtual-summit #top-header .nav-menu.sticky a.active {
  color: #abb4bf;
}
.virtual-summit #top-header .nav-menu a.active,
.virtual-summit #top-header .nav-menu.sticky a.active {
  border-color: #abb4bf;
}
.virtual-summit #top-header .nav-menu.sticky {
  position: fixed;
  top: -80px;
  z-index: 4;
  background: #fff;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.08);
  transition: top 0.2s ease-out;
}
@media screen and (max-width: 736px) {
  .virtual-summit #top-header .nav-menu.sticky {
    height: 50px;
    top: -50px;
  }
  .virtual-summit #top-header .nav-menu.sticky ul {
    max-width: 285px !important;
    top: 13px;
  }
}
.virtual-summit #top-header .nav-menu.sticky.visible {
  top: 0;
}
.virtual-summit #top-header .nav-menu.sticky a {
  color: #333;
}
.virtual-summit #top-header .nav-menu.sticky a.register {
  color: #006cff;
}
.virtual-summit #top-header .nav-menu.sticky a.register:hover {
  color: #66a7ff;
}
.virtual-summit #top-header .nav-menu.sticky a.disabled {
  color: #868686;
}
.virtual-summit #top-header .nav-menu.sticky .logo-wrapper {
  top: 13px;
}
.virtual-summit #top-header .nav-menu.sticky .logo-wrapper .logo {
  opacity: 1;
  width: 54px;
  height: 54px;
  border-color: #d5d5d5;
  background-size: 54px;
}
.virtual-summit #top-header .nav-menu.sticky .logo-wrapper .logo-tagline {
  color: #868686;
}
.virtual-summit #top-header .nav-menu.sticky .logo-wrapper:hover .logo {
  border-color: #e2e2e2;
}
.virtual-summit #top-header .nav-menu.sticky .logo-wrapper:hover .logo-tagline {
  color: #a0a0a0;
}
.virtual-summit #top-header .share-buttons {
  display: flex;
  position: absolute;
  top: 50px;
  right: 60px;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #top-header .share-buttons {
    right: 40px;
  }
}
.virtual-summit #top-header .share-buttons .share-button {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-left: 17px;
  border-radius: 50%;
  position: relative;
  color: transparent;
  font-size: 0;
  line-height: 100%;
  transition: border-color 0.3s ease-out;
}
.enterprise.virtual-summit #top-header .share-buttons .share-button {
  border: 2px solid rgba(227, 227, 227, 0.2);
}
.enterprise.virtual-summit #top-header .share-buttons .share-button:hover {
  border-color: rgba(227, 227, 227, 0.5);
}
.agile.virtual-summit #top-header .share-buttons .share-button {
  border: 2px solid rgba(116, 113, 144, 0.5);
}
.agile.virtual-summit #top-header .share-buttons .share-button:hover {
  border-color: rgba(116, 113, 144, 0.9);
}
.virtual-summit #top-header .share-buttons .share-button:before {
  position: absolute;
  top: 12px;
}
.virtual-summit #top-header .share-buttons .share-button.icon-20-twitter-full:before {
  content: "\e904";
  color: #fff;
  font-size: 14px;
  left: 9px;
}
.virtual-summit #top-header .share-buttons .share-button.icon-20-facebook-full:before {
  content: "\e905";
  color: #fff;
  font-size: 14px;
  left: 9px;
}
.virtual-summit #top-header .share-buttons .share-button.icon-20-linkedin-full:before {
  content: "\e903";
  color: #fff;
  font-size: 14px;
  left: 12px;
}
.virtual-summit #top-header .title {
  margin-bottom: 133px;
  position: relative;
  color: #fff;
  font-size: 70px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 110%;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #top-header .title {
    font-size: 56px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit #top-header .title {
    font-size: 49px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #top-header .title {
    margin-bottom: 60px !important;
    font-size: 39px;
  }
}
.virtual-summit #top-header .title span {
  position: relative;
  z-index: 1;
}
.virtual-summit #top-header .title:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 254px;
  height: 254px;
  margin: auto;
  z-index: 0;
  transform: translateY(-2px);
}
@media screen and (max-width: 1280px) {
  .virtual-summit #top-header .title:after {
    width: 203px;
    height: 203px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit #top-header .title:after {
    width: 178px;
    height: 178px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #top-header .title:after {
    width: 152px;
    height: 152px;
  }
}
.enterprise.virtual-summit #top-header .title:after {
  border-left: 6px solid #ffdfba;
  border-right: 6px solid #7a6853;
  background-image: linear-gradient(90deg, #ffdfba, #7a6853), linear-gradient(90deg, #ffdfba, #7a6853);
  background-size: 100% 6px;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
}
.agile.virtual-summit #top-header .title:after {
  border: 6px solid;
  -o-border-image: linear-gradient(135deg, #5ee7df 27%, #b490ca 100%) 1;
     border-image: linear-gradient(135deg, #5ee7df 27%, #b490ca 100%) 1;
}
.virtual-summit #top-header .title.small-square:after {
  width: 132px;
  height: 132px;
}
.virtual-summit #top-header .tagline {
  margin-bottom: 48px;
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 225%;
  text-transform: uppercase;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #top-header .tagline {
    font-size: 13px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #top-header .tagline {
    margin-bottom: 25px;
    font-size: 11px;
  }
}
.virtual-summit #top-header .btn-flat {
  height: 62px;
  padding: 0 40px;
  position: relative;
  letter-spacing: 0.05em;
  line-height: 62px;
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.agile.virtual-summit #top-header .btn-flat {
  box-shadow: 0 13px 27px 0 rgba(0, 108, 255, 0.18);
}
.agile.virtual-summit #top-header .btn-flat:hover {
  box-shadow: 0 8px 27px 0 rgba(0, 108, 255, 0.18);
}
.virtual-summit #top-header .scroll {
  display: inline-block;
  width: 42px;
  height: 42px;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
  border: 2px solid;
  border-radius: 50%;
  background: transparent;
  text-indent: -9999px;
  transition: border-color 0.2s ease-out;
}
@media screen and (max-width: 800px) {
  .virtual-summit #top-header .scroll {
    margin-top: 0;
    margin-right: -24px;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
  }
}
.enterprise.virtual-summit #top-header .scroll {
  border-color: rgba(214, 214, 214, 0.2);
}
.enterprise.virtual-summit #top-header .scroll:hover {
  border-color: rgba(214, 214, 214, 0.5);
}
.agile.virtual-summit #top-header .scroll {
  border-color: rgba(116, 113, 144, 0.5);
}
.agile.virtual-summit #top-header .scroll:hover {
  border-color: rgba(116, 113, 144, 0.9);
}
.virtual-summit #top-header .scroll:before {
  content: '';
  border-width: 6px;
  border-style: solid;
  border-color: #fff transparent transparent;
  border-radius: 2px;
  position: absolute;
  top: 16px;
  left: 13px;
}
@media screen and (max-width: 1410px) {
  .virtual-summit #top-header {
    padding-top: 250px;
  }
  .virtual-summit #top-header .title {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 1120px) {
  .virtual-summit #top-header .nav-menu a {
    font-size: 16px;
  }
}
@media screen and (max-width: 980px) {
  .virtual-summit #top-header .logo-wrapper .logo-tagline {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .agile.virtual-summit #top-header .nav-menu ul {
    max-width: 342px;
  }
  .virtual-summit #top-header .share-buttons {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .virtual-summit #top-header .logo-wrapper {
    right: 20px;
    left: 20px;
    justify-content: center;
  }
  .virtual-summit #top-header .logo-wrapper .logo {
    width: 40px;
    height: 40px;
    margin: 0;
    background-size: 40px;
  }
  .virtual-summit #top-header .logo-wrapper .logo-tagline {
    display: inline-block;
    margin-left: 15px;
    font-size: 10px;
  }
  .virtual-summit #top-header .nav-menu.sticky .logo-wrapper {
    display: none;
  }
  .virtual-summit #top-header .nav-menu:not(.sticky) {
    top: 15px;
  }
  .virtual-summit #top-header .nav-menu:not(.sticky) ul {
    top: 72px;
  }
  .virtual-summit #top-header .nav-menu ul {
    max-width: 80%;
    transform: none;
    justify-content: space-around;
  }
  .virtual-summit #top-header .nav-menu ul a {
    font-size: 15px;
  }
}
.virtual-summit #details {
  max-width: 1170px;
  padding-top: 121px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #details {
    padding-top: 97px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit #details {
    padding-top: 85px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #details {
    padding-top: 30px;
  }
}
.virtual-summit #details .header.thin {
  margin-bottom: 17px;
  letter-spacing: -0.2px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #details .header.thin {
    margin-bottom: 14px;
  }
}
.virtual-summit #details .header.line {
  margin-top: 109px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit #details .header.line {
    margin-top: 87px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit #details .header.line {
    margin-top: 76px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit #details .header.line {
    margin-top: 30px;
  }
}
.virtual-summit #details .header.link {
  margin-top: 10px;
}
@media screen and (max-width: 736px) {
  .virtual-summit #details .header.link {
    margin-top: -20px !important;
  }
}
.agile.virtual-summit #details .header.link {
  margin-top: 60px;
}
@media screen and (max-width: 800px) {
  .agile.virtual-summit #details .header.link {
    margin-top: 42px;
  }
}
.virtual-summit .speakers {
  display: flex;
  width: 100%;
  margin-top: 23px;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
}
@media screen and (max-width: 1170px) {
  .virtual-summit .speakers {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .speakers {
    margin-top: 16px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .speakers {
    width: calc(100% + 20px);
    margin-left: -10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.virtual-summit .speakers .person {
  max-width: 269px;
  margin-top: 30px;
  margin-bottom: 44px;
}
@media screen and (max-width: 1170px) {
  .virtual-summit .speakers .person {
    display: flex;
    width: calc(33.3% - 20px);
    max-width: calc(33.3% - 20px);
    margin-right: 10px;
    margin-left: 10px;
    justify-content: center;
  }
  .virtual-summit .speakers .person figure {
    max-width: 269px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .speakers .person {
    margin-top: 21px;
    margin-bottom: 35px;
  }
  .agile.virtual-summit .speakers .person {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .speakers .person {
    width: 170px;
    flex-shrink: 0;
    max-width: 100%;
    margin: 0 5px;
  }
  .virtual-summit .speakers .person:first-child {
    margin-left: 10px;
  }
}
.agile.virtual-summit .speakers .person {
  margin-bottom: 14px;
}
.virtual-summit .speakers figure .photo {
  display: inline-block;
  margin-bottom: 9px;
  position: relative;
}
.virtual-summit .speakers figure .photo img {
  width: 100%;
  position: relative;
  z-index: 0;
}
.virtual-summit .speakers figure .photo:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  opacity: 0;
  z-index: 1;
  background-color: #006cff;
  mix-blend-mode: screen;
  transition: opacity 0.1s ease-out;
}
.virtual-summit .speakers figure .photo:hover:after {
  opacity: 1;
}
.virtual-summit .speakers figure figcaption .name {
  margin-bottom: 2px;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.virtual-summit .speakers figure figcaption .name a {
  color: #0c0c0c;
  cursor: pointer;
  position: relative;
}
.virtual-summit .speakers figure figcaption .name a:after {
  border-bottom: 1px solid rgba(12, 12, 12, 0.5);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.virtual-summit .speakers figure figcaption .name a:hover:after {
  opacity: 1;
}
.virtual-summit .speakers figure figcaption .position {
  display: block;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 175%;
}
.virtual-summit .why-join {
  padding-top: 183px;
  padding-bottom: 118px;
  background: url('./images/homepage/eux-virtual-summit-2017/why-join-bg.jpg') no-repeat -4px 122px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .why-join {
    padding-top: 146px;
    background-size: contain;
    background-position: 0 center;
  }
}
@media screen and (max-width: 1024px) {
  .virtual-summit .why-join {
    padding-top: 58px;
    padding-bottom: 58px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .why-join {
    padding-top: 37px;
    padding-bottom: 37px;
  }
}
.virtual-summit .why-join .centering-block {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .why-join .centering-block {
    width: 100%;
    max-width: 1210px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .why-join .centering-block {
    padding-right: 10px;
    padding-left: 10px;
    flex-direction: column;
  }
}
.virtual-summit .why-join .centering-block .header {
  margin-top: 21px;
  text-align: left;
  flex-basis: 265px;
}
@media screen and (max-width: 736px) {
  .virtual-summit .why-join .centering-block .header {
    margin-top: 0;
    margin-bottom: 33px;
    flex-basis: 0;
  }
}
.virtual-summit .why-join .centering-block .desc {
  flex: 0 1 632px;
}
@media screen and (max-width: 736px) {
  .virtual-summit .why-join .centering-block .desc {
    flex: 0 1;
  }
}
.virtual-summit .why-join .centering-block .desc p {
  margin-bottom: 30px;
  padding-right: 47px;
  padding-left: 47px;
}
@media screen and (max-width: 736px) {
  .virtual-summit .why-join .centering-block .desc p {
    padding-right: 0;
    padding-left: 0;
  }
  .virtual-summit .why-join .centering-block .desc p:last-child {
    margin-bottom: 0;
  }
}
.virtual-summit .why-join .centering-block .desc p.lead {
  margin-bottom: 43px;
  padding: 27px 40px;
  border: 7px solid;
  color: #0c0c0c;
  font-size: 36px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -0.27px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .why-join .centering-block .desc p.lead {
    font-size: 29px;
    padding: 22px 32px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .why-join .centering-block .desc p.lead {
    font-size: 25px;
    padding: 19px 28px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .why-join .centering-block .desc p.lead {
    margin-bottom: 24px;
    padding: 10px;
    border-width: 4px;
    font-size: 18px;
  }
}
.enterprise.virtual-summit .why-join .centering-block .desc p.lead {
  border-color: #006cff;
}
.agile.virtual-summit .why-join .centering-block .desc p.lead {
  -o-border-image: linear-gradient(135deg, #5ee7df 23%, #b490ca 100%) 1;
     border-image: linear-gradient(135deg, #5ee7df 23%, #b490ca 100%) 1;
}
.virtual-summit .join:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
  display: block;
  bottom: 60px;
  z-index: 0;
  background-image: radial-gradient(circle at center, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
}
.virtual-summit .join article {
  padding-top: 51px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 736px) {
  .virtual-summit .join article {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.virtual-summit .join article h2 {
  margin-bottom: 9px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .join article h2 {
    font-size: 38px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .join article h2 {
    font-size: 34px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .join article h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1280px) {
  .virtual-summit .join article p {
    font-size: 18px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .join article p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1280px) {
  .virtual-summit .join article form {
    margin-top: 63px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .join article form {
    margin-top: 55px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .join article form {
    margin-top: 25px;
  }
}
.virtual-summit .companies-bar {
  margin-top: 50px;
  padding-top: 66px;
  padding-bottom: 13px;
  border-top: none;
  background-color: #f7f7f7;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .companies-bar {
    margin-top: 40px;
    padding-top: 53px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .companies-bar {
    margin-top: 35px;
    padding-top: 46px;
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .companies-bar {
    margin-top: 25px;
    padding-top: 25px;
    padding-bottom: 9px;
  }
}
.virtual-summit .companies-bar h3 {
  margin-bottom: 23px;
  color: #bababa;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .companies-bar h3 {
    margin-bottom: 18px;
    font-size: 13px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .companies-bar h3 {
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .companies-bar h3 {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit .companies-bar .logos-wrapper figure {
    margin-right: 10px;
    margin-left: 10px;
  }
  .virtual-summit .companies-bar .logos-wrapper figure img {
    max-height: 68px;
  }
}
.virtual-summit .companies-bar .logos-wrapper figure.userzoom {
  transform: translateY(-11%);
}
.virtual-summit .copyright {
  padding: 30px 20px;
  background-color: #f7f7f7;
  color: #bababa;
  font-size: 13px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .virtual-summit .copyright {
    padding: 24px 16px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit .copyright {
    padding: 15px;
  }
}
.virtual-summit [id^='irene-au'] .photo img,
.virtual-summit [id^='au-ramachandran'] .photo img {
  box-shadow: 57px 57px 0 -50px #0024ff;
}
.virtual-summit [id^='irene-au'] .desc .name:after,
.virtual-summit [id^='au-ramachandran'] .desc .name:after {
  border-color: #0024ff;
}
.virtual-summit [id^='irene-au'] .webinar-author:after,
.virtual-summit [id^='au-ramachandran'] .webinar-author:after {
  border-bottom-color: #0024ff;
}
.virtual-summit [id^='irene-au'] .date-time time,
.virtual-summit [id^='au-ramachandran'] .date-time time {
  border-bottom-color: #0024ff;
}
.virtual-summit [id^='jeff-veen'] .photo img {
  box-shadow: 57px 57px 0 -50px #72ccdb;
}
.virtual-summit [id^='jeff-veen'] .desc .name:after {
  border-color: #72ccdb;
}
.virtual-summit [id^='jeff-veen'] .webinar-author:after {
  border-bottom-color: #72ccdb;
}
.virtual-summit [id^='jeff-veen'] .date-time time {
  border-bottom-color: #72ccdb;
}
.virtual-summit [id^='lou-rosenfeld'] .photo img {
  box-shadow: 57px 57px 0 -50px #a6b8a8;
}
.virtual-summit [id^='lou-rosenfeld'] .desc .name:after {
  border-color: #a6b8a8;
}
.virtual-summit [id^='lou-rosenfeld'] .webinar-author:after {
  border-bottom-color: #a6b8a8;
}
.virtual-summit [id^='lou-rosenfeld'] .date-time time {
  border-bottom-color: #a6b8a8;
}
.virtual-summit [id^='leslie-witt'] .photo img {
  box-shadow: 57px 57px 0 -50px #d3b9a0;
}
.virtual-summit [id^='leslie-witt'] .desc .name:after {
  border-color: #d3b9a0;
}
.virtual-summit [id^='leslie-witt'] .webinar-author:after {
  border-bottom-color: #d3b9a0;
}
.virtual-summit [id^='leslie-witt'] .date-time time {
  border-bottom-color: #d3b9a0;
}
.virtual-summit [id^='satish-ramachandran'] .photo img {
  box-shadow: 57px 57px 0 -50px #e7b070;
}
.virtual-summit [id^='satish-ramachandran'] .desc .name:after {
  border-color: #e7b070;
}
.virtual-summit [id^='satish-ramachandran'] .webinar-author:after {
  border-bottom-color: #e7b070;
}
.virtual-summit [id^='satish-ramachandran'] .date-time time {
  border-bottom-color: #e7b070;
}
.virtual-summit [id^='rian-van-der-merwe'] .photo img {
  box-shadow: 57px 57px 0 -50px #00aee1;
}
.virtual-summit [id^='rian-van-der-merwe'] .desc .name:after {
  border-color: #00aee1;
}
.virtual-summit [id^='rian-van-der-merwe'] .webinar-author:after {
  border-bottom-color: #00aee1;
}
.virtual-summit [id^='rian-van-der-merwe'] .date-time time {
  border-bottom-color: #00aee1;
}
.virtual-summit [id^='andrew-sandler'] .photo img {
  box-shadow: 57px 57px 0 -50px #7b7b9d;
}
.virtual-summit [id^='andrew-sandler'] .desc .name:after {
  border-color: #7b7b9d;
}
.virtual-summit [id^='andrew-sandler'] .webinar-author:after {
  border-bottom-color: #7b7b9d;
}
.virtual-summit [id^='andrew-sandler'] .date-time time {
  border-bottom-color: #7b7b9d;
}
.virtual-summit [id^='julia-zorzanello-byron'] .photo img,
.virtual-summit [id^='byron-chandgadkar'] .photo img {
  box-shadow: 57px 57px 0 -50px #ffa971;
}
.virtual-summit [id^='julia-zorzanello-byron'] .desc .name:after,
.virtual-summit [id^='byron-chandgadkar'] .desc .name:after {
  border-color: #ffa971;
}
.virtual-summit [id^='julia-zorzanello-byron'] .webinar-author:after,
.virtual-summit [id^='byron-chandgadkar'] .webinar-author:after {
  border-bottom-color: #ffa971;
}
.virtual-summit [id^='julia-zorzanello-byron'] .date-time time,
.virtual-summit [id^='byron-chandgadkar'] .date-time time {
  border-bottom-color: #ffa971;
}
.virtual-summit [id^='omkar-chandgadkar'] .photo img {
  box-shadow: 57px 57px 0 -50px #c2cd9a;
}
.virtual-summit [id^='omkar-chandgadkar'] .desc .name:after {
  border-color: #c2cd9a;
}
.virtual-summit [id^='omkar-chandgadkar'] .webinar-author:after {
  border-bottom-color: #c2cd9a;
}
.virtual-summit [id^='omkar-chandgadkar'] .date-time time {
  border-bottom-color: #c2cd9a;
}
.virtual-summit [id^='amanda-linden'] .photo img {
  box-shadow: 57px 57px 0 -50px #00a8ff;
}
.virtual-summit [id^='amanda-linden'] .desc .name:after {
  border-color: #00a8ff;
}
.virtual-summit [id^='amanda-linden'] .webinar-author:after {
  border-bottom-color: #00a8ff;
}
.virtual-summit [id^='amanda-linden'] .date-time time {
  border-bottom-color: #00a8ff;
}
.virtual-summit [id^='ben-judy'] .photo img {
  box-shadow: 57px 57px 0 -50px #ff8b7e;
}
.virtual-summit [id^='ben-judy'] .desc .name:after {
  border-color: #ff8b7e;
}
.virtual-summit [id^='ben-judy'] .webinar-author:after {
  border-bottom-color: #ff8b7e;
}
.virtual-summit [id^='ben-judy'] .date-time time {
  border-bottom-color: #ff8b7e;
}
.virtual-summit [id^='brian-mclaughlin'] .photo img {
  box-shadow: 57px 57px 0 -50px #adc8e4;
}
.virtual-summit [id^='brian-mclaughlin'] .desc .name:after {
  border-color: #adc8e4;
}
.virtual-summit [id^='brian-mclaughlin'] .webinar-author:after {
  border-bottom-color: #adc8e4;
}
.virtual-summit [id^='brian-mclaughlin'] .date-time time {
  border-bottom-color: #adc8e4;
}
.virtual-summit [id^='mark-figueiredo'] .photo img {
  box-shadow: 57px 57px 0 -50px #aea4df;
}
.virtual-summit [id^='mark-figueiredo'] .desc .name:after {
  border-color: #aea4df;
}
.virtual-summit [id^='mark-figueiredo'] .webinar-author:after {
  border-bottom-color: #aea4df;
}
.virtual-summit [id^='mark-figueiredo'] .date-time time {
  border-bottom-color: #aea4df;
}
.virtual-summit [id^='chris-rivard'] .photo img {
  box-shadow: 57px 57px 0 -50px #a0d2b9;
}
.virtual-summit [id^='chris-rivard'] .desc .name:after {
  border-color: #a0d2b9;
}
.virtual-summit [id^='chris-rivard'] .webinar-author:after {
  border-bottom-color: #a0d2b9;
}
.virtual-summit [id^='chris-rivard'] .date-time time {
  border-bottom-color: #a0d2b9;
}
.virtual-summit [id^='dylan-wilbanks'] .photo img {
  box-shadow: 57px 57px 0 -50px #84cdff;
}
.virtual-summit [id^='dylan-wilbanks'] .desc .name:after {
  border-color: #84cdff;
}
.virtual-summit [id^='dylan-wilbanks'] .webinar-author:after {
  border-bottom-color: #84cdff;
}
.virtual-summit [id^='dylan-wilbanks'] .date-time time {
  border-bottom-color: #84cdff;
}
.virtual-summit [id^='rana-chakrabarti'] .photo img {
  box-shadow: 57px 57px 0 -50px #a6d07a;
}
.virtual-summit [id^='rana-chakrabarti'] .desc .name:after {
  border-color: #a6d07a;
}
.virtual-summit [id^='rana-chakrabarti'] .webinar-author:after {
  border-bottom-color: #a6d07a;
}
.virtual-summit [id^='rana-chakrabarti'] .date-time time {
  border-bottom-color: #a6d07a;
}
.virtual-summit [id^='louis-elfman'] .photo img {
  box-shadow: 57px 57px 0 -50px #736f83;
}
.virtual-summit [id^='louis-elfman'] .desc .name:after {
  border-color: #736f83;
}
.virtual-summit [id^='louis-elfman'] .webinar-author:after {
  border-bottom-color: #736f83;
}
.virtual-summit [id^='louis-elfman'] .date-time time {
  border-bottom-color: #736f83;
}
.virtual-summit [id^='sunita-reddy'] .photo img {
  box-shadow: 57px 57px 0 -50px #0074e0;
}
.virtual-summit [id^='sunita-reddy'] .desc .name:after {
  border-color: #0074e0;
}
.virtual-summit [id^='sunita-reddy'] .webinar-author:after {
  border-bottom-color: #0074e0;
}
.virtual-summit [id^='sunita-reddy'] .date-time time {
  border-bottom-color: #0074e0;
}
.virtual-summit [id^='marcin-treder'] .photo img,
.virtual-summit [id^='veen-rosenfeld-treder-reddy'] .photo img {
  box-shadow: 57px 57px 0 -50px #006cff;
}
.virtual-summit [id^='marcin-treder'] .desc .name:after,
.virtual-summit [id^='veen-rosenfeld-treder-reddy'] .desc .name:after {
  border-color: #006cff;
}
.virtual-summit [id^='marcin-treder'] .webinar-author:after,
.virtual-summit [id^='veen-rosenfeld-treder-reddy'] .webinar-author:after {
  border-bottom-color: #006cff;
}
.virtual-summit [id^='marcin-treder'] .date-time time,
.virtual-summit [id^='veen-rosenfeld-treder-reddy'] .date-time time {
  border-bottom-color: #006cff;
}
.virtual-summit [id^='jack-moffett'] .photo img {
  box-shadow: 57px 57px 0 -50px #a9c0cf;
}
.virtual-summit [id^='jack-moffett'] .desc .name:after {
  border-color: #a9c0cf;
}
.virtual-summit [id^='jack-moffett'] .webinar-author:after {
  border-bottom-color: #a9c0cf;
}
.virtual-summit [id^='jack-moffett'] .date-time time {
  border-bottom-color: #a9c0cf;
}
.virtual-summit [id^='lindsey-meredith'] .photo img {
  box-shadow: 57px 57px 0 -50px #ffcfc2;
}
.virtual-summit [id^='lindsey-meredith'] .desc .name:after {
  border-color: #ffcfc2;
}
.virtual-summit [id^='lindsey-meredith'] .webinar-author:after {
  border-bottom-color: #ffcfc2;
}
.virtual-summit [id^='lindsey-meredith'] .date-time time {
  border-bottom-color: #ffcfc2;
}
.virtual-summit [id^='ben-gremillion'] .photo img {
  box-shadow: 57px 57px 0 -50px #7ac8f0;
}
.virtual-summit [id^='ben-gremillion'] .desc .name:after {
  border-color: #7ac8f0;
}
.virtual-summit [id^='ben-gremillion'] .webinar-author:after {
  border-bottom-color: #7ac8f0;
}
.virtual-summit [id^='ben-gremillion'] .date-time time {
  border-bottom-color: #7ac8f0;
}
.virtual-summit [id^='john-zeratsky'] .photo img {
  box-shadow: 57px 57px 0 -50px #cbe0dc;
}
.virtual-summit [id^='john-zeratsky'] .desc .name:after {
  border-color: #cbe0dc;
}
.virtual-summit [id^='john-zeratsky'] .webinar-author:after {
  border-bottom-color: #cbe0dc;
}
.virtual-summit [id^='john-zeratsky'] .date-time time {
  border-bottom-color: #cbe0dc;
}
.virtual-summit [id^='indi-young'] .photo img {
  box-shadow: 57px 57px 0 -50px #eb81b9;
}
.virtual-summit [id^='indi-young'] .desc .name:after {
  border-color: #eb81b9;
}
.virtual-summit [id^='indi-young'] .webinar-author:after {
  border-bottom-color: #eb81b9;
}
.virtual-summit [id^='indi-young'] .date-time time {
  border-bottom-color: #eb81b9;
}
.virtual-summit [id^='peter-merholz'] .photo img,
.virtual-summit [id^='merholz-reddy-treder'] .photo img {
  box-shadow: 57px 57px 0 -50px #ffc6ce;
}
.virtual-summit [id^='peter-merholz'] .desc .name:after,
.virtual-summit [id^='merholz-reddy-treder'] .desc .name:after {
  border-color: #ffc6ce;
}
.virtual-summit [id^='peter-merholz'] .webinar-author:after,
.virtual-summit [id^='merholz-reddy-treder'] .webinar-author:after {
  border-bottom-color: #ffc6ce;
}
.virtual-summit [id^='peter-merholz'] .date-time time,
.virtual-summit [id^='merholz-reddy-treder'] .date-time time {
  border-bottom-color: #ffc6ce;
}
.virtual-summit [id^='carol-smith'] .photo img {
  box-shadow: 57px 57px 0 -50px #b3d3ef;
}
.virtual-summit [id^='carol-smith'] .desc .name:after {
  border-color: #b3d3ef;
}
.virtual-summit [id^='carol-smith'] .webinar-author:after {
  border-bottom-color: #b3d3ef;
}
.virtual-summit [id^='carol-smith'] .date-time time {
  border-bottom-color: #b3d3ef;
}
.virtual-summit [id^='erin-muntzert'] .photo img,
.virtual-summit [id^='sherwin-muntzert'] .photo img {
  box-shadow: 57px 57px 0 -50px #b7dfc0;
}
.virtual-summit [id^='erin-muntzert'] .desc .name:after,
.virtual-summit [id^='sherwin-muntzert'] .desc .name:after {
  border-color: #b7dfc0;
}
.virtual-summit [id^='erin-muntzert'] .webinar-author:after,
.virtual-summit [id^='sherwin-muntzert'] .webinar-author:after {
  border-bottom-color: #b7dfc0;
}
.virtual-summit [id^='erin-muntzert'] .date-time time,
.virtual-summit [id^='sherwin-muntzert'] .date-time time {
  border-bottom-color: #b7dfc0;
}
.virtual-summit [id^='josh-seiden'] .photo img {
  box-shadow: 57px 57px 0 -50px #e9d8a5;
}
.virtual-summit [id^='josh-seiden'] .desc .name:after {
  border-color: #e9d8a5;
}
.virtual-summit [id^='josh-seiden'] .webinar-author:after {
  border-bottom-color: #e9d8a5;
}
.virtual-summit [id^='josh-seiden'] .date-time time {
  border-bottom-color: #e9d8a5;
}
.virtual-summit [id^='david-sherwin'] .photo img {
  box-shadow: 57px 57px 0 -50px #4a89c7;
}
.virtual-summit [id^='david-sherwin'] .desc .name:after {
  border-color: #4a89c7;
}
.virtual-summit [id^='david-sherwin'] .webinar-author:after {
  border-bottom-color: #4a89c7;
}
.virtual-summit [id^='david-sherwin'] .date-time time {
  border-bottom-color: #4a89c7;
}
.virtual-summit [id^='essi-salonen'] .photo img {
  box-shadow: 57px 57px 0 -50px #ccc8dd;
}
.virtual-summit [id^='essi-salonen'] .desc .name:after {
  border-color: #ccc8dd;
}
.virtual-summit [id^='essi-salonen'] .webinar-author:after {
  border-bottom-color: #ccc8dd;
}
.virtual-summit [id^='essi-salonen'] .date-time time {
  border-bottom-color: #ccc8dd;
}
.virtual-summit [id^='vera-rhoads'] .photo img {
  box-shadow: 57px 57px 0 -50px #c0cee5;
}
.virtual-summit [id^='vera-rhoads'] .desc .name:after {
  border-color: #c0cee5;
}
.virtual-summit [id^='vera-rhoads'] .webinar-author:after {
  border-bottom-color: #c0cee5;
}
.virtual-summit [id^='vera-rhoads'] .date-time time {
  border-bottom-color: #c0cee5;
}
.virtual-summit [id^='todd-lombardo'] .photo img {
  box-shadow: 57px 57px 0 -50px #e2b683;
}
.virtual-summit [id^='todd-lombardo'] .desc .name:after {
  border-color: #e2b683;
}
.virtual-summit [id^='todd-lombardo'] .webinar-author:after {
  border-bottom-color: #e2b683;
}
.virtual-summit [id^='todd-lombardo'] .date-time time {
  border-bottom-color: #e2b683;
}
.virtual-summit [id^='damon-dimmick'] .photo img {
  box-shadow: 57px 57px 0 -50px #bbd7e7;
}
.virtual-summit [id^='damon-dimmick'] .desc .name:after {
  border-color: #bbd7e7;
}
.virtual-summit [id^='damon-dimmick'] .webinar-author:after {
  border-bottom-color: #bbd7e7;
}
.virtual-summit [id^='damon-dimmick'] .date-time time {
  border-bottom-color: #bbd7e7;
}
.virtual-summit [id^='kelley-howell'] .photo img {
  box-shadow: 57px 57px 0 -50px #f3f0d6;
}
.virtual-summit [id^='kelley-howell'] .desc .name:after {
  border-color: #f3f0d6;
}
.virtual-summit [id^='kelley-howell'] .webinar-author:after {
  border-bottom-color: #f3f0d6;
}
.virtual-summit [id^='kelley-howell'] .date-time time {
  border-bottom-color: #f3f0d6;
}
.virtual-summit [id^='nate-ginesi'] .photo img {
  box-shadow: 57px 57px 0 -50px #b3d6df;
}
.virtual-summit [id^='nate-ginesi'] .desc .name:after {
  border-color: #b3d6df;
}
.virtual-summit [id^='nate-ginesi'] .webinar-author:after {
  border-bottom-color: #b3d6df;
}
.virtual-summit [id^='nate-ginesi'] .date-time time {
  border-bottom-color: #b3d6df;
}
.virtual-summit [id^='anthony-viviano'] .photo img {
  box-shadow: 57px 57px 0 -50px #c3cec3;
}
.virtual-summit [id^='anthony-viviano'] .desc .name:after {
  border-color: #c3cec3;
}
.virtual-summit [id^='anthony-viviano'] .webinar-author:after {
  border-bottom-color: #c3cec3;
}
.virtual-summit [id^='anthony-viviano'] .date-time time {
  border-bottom-color: #c3cec3;
}
.virtual-summit [id^='austin-knight'] .photo img {
  box-shadow: 57px 57px 0 -50px #9cabec;
}
.virtual-summit [id^='austin-knight'] .desc .name:after {
  border-color: #9cabec;
}
.virtual-summit [id^='austin-knight'] .webinar-author:after {
  border-bottom-color: #9cabec;
}
.virtual-summit [id^='austin-knight'] .date-time time {
  border-bottom-color: #9cabec;
}
.virtual-summit.speakers #top-header,
.virtual-summit.schedule #top-header {
  height: 26.5vw;
  min-height: 508px;
  padding-top: 205px;
  background-position: center 0;
  background-size: auto auto;
  background-size: initial;
}
@media (min-width: 1930px) {
  .virtual-summit.speakers #top-header,
  .virtual-summit.schedule #top-header {
    background-size: 100%;
    background-repeat: center center;
  }
}
.virtual-summit.speakers #top-header .title,
.virtual-summit.schedule #top-header .title {
  margin-bottom: 59px;
}
.virtual-summit.speakers #top-header .title:after,
.virtual-summit.schedule #top-header .title:after {
  width: 158px;
  height: 158px;
  transform: translateY(4px);
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers #top-header .title:after,
  .virtual-summit.schedule #top-header .title:after {
    width: 126px;
    height: 126px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers #top-header .title:after,
  .virtual-summit.schedule #top-header .title:after {
    width: 110px;
    height: 110px;
  }
}
.virtual-summit.speakers #top-header .tagline,
.virtual-summit.schedule #top-header .tagline {
  max-width: 560px;
  margin-right: auto;
  margin-left: auto;
  color: #abb4bf;
  font-size: 18px;
  letter-spacing: normal;
  letter-spacing: initial;
  line-height: 167%;
  text-transform: none;
}
.agile.virtual-summit.speakers #top-header .tagline,
.agile.virtual-summit.schedule #top-header .tagline {
  max-width: 100%;
  padding-top: 26px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2.1px;
}
@media screen and (max-width: 1280px) {
  .agile.virtual-summit.speakers #top-header .tagline,
  .agile.virtual-summit.schedule #top-header .tagline {
    padding-top: 21px;
  }
}
@media screen and (max-width: 800px) {
  .agile.virtual-summit.speakers #top-header .tagline,
  .agile.virtual-summit.schedule #top-header .tagline {
    padding-top: 15px;
  }
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers #top-header .tagline,
  .virtual-summit.schedule #top-header .tagline {
    font-size: 15px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers #top-header .tagline,
  .virtual-summit.schedule #top-header .tagline {
    font-size: 13px;
  }
}
.virtual-summit.speakers .speakers-list {
  padding-top: 7px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .centering-block {
    width: 100%;
    max-width: 1210px;
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .centering-block {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.virtual-summit.speakers .speakers-list .person {
  padding-top: 101px;
  padding-bottom: 89px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person {
    padding-top: 86px;
    padding-bottom: 71px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person {
    padding-top: 70px;
    padding-bottom: 62px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person {
    padding-top: 25px;
    padding-bottom: 25px;
  }
}
.virtual-summit.speakers .speakers-list .person:first-of-type {
  padding-top: 91px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person:first-of-type {
    padding-top: 73px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person:first-of-type {
    padding-top: 63px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person:first-of-type {
    padding-top: 25px;
  }
}
.virtual-summit.speakers .speakers-list .person:nth-child(even) {
  background-color: #f7f7f7;
}
.virtual-summit.speakers .speakers-list .person:last-of-type {
  padding-bottom: 150px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person:last-of-type {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person:last-of-type {
    padding-bottom: 105px;
  }
}
.virtual-summit.speakers .speakers-list .person .centering-block {
  display: flex;
  justify-content: space-between;
}
.virtual-summit.speakers .speakers-list .person .photo {
  width: 100%;
  max-width: 300px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .photo {
    max-width: 240px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .photo {
    max-width: 155px;
  }
}
.virtual-summit.speakers .speakers-list .person .photo img {
  max-width: 100%;
}
.virtual-summit.speakers .speakers-list .person .social-links {
  margin-top: 25px;
}
.virtual-summit.speakers .speakers-list .person .social-links li {
  margin-bottom: 6px;
}
.virtual-summit.speakers .speakers-list .person .social-links li:before {
  position: relative;
}
.virtual-summit.speakers .speakers-list .person .social-links li.icon-20-twitter-full:before {
  content: "\e904";
  color: #000;
  font-size: 20px;
  top: 4px;
  left: -6px;
}
.virtual-summit.speakers .speakers-list .person .social-links li.icon-20-linkedin-full:before {
  content: "\e903";
  color: #000;
  font-size: 16px;
  margin-right: 14px;
  top: 2px;
}
.virtual-summit.speakers .speakers-list .person .social-links li a {
  color: #868686;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  position: relative;
}
.virtual-summit.speakers .speakers-list .person .social-links li a:after {
  border-bottom: 1px solid #868686;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.virtual-summit.speakers .speakers-list .person .social-links li a:hover:after {
  opacity: 1;
}
.virtual-summit.speakers .speakers-list .person .social-links li a:hover {
  color: #6d6d6d;
}
.virtual-summit.speakers .speakers-list .person .desc {
  width: calc(100% - 325px);
  max-width: 770px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc {
    width: calc(100% - 265px);
    max-width: 830px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .desc {
    width: calc(100% - 180px);
    max-width: 830px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .name {
  margin-bottom: 44px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc .name {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .desc .name {
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person .desc .name {
    margin-bottom: 20px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .name:after {
  content: '';
  display: block;
  width: 69px;
  margin-top: 15px;
  margin-left: 2px;
  border-bottom-width: 7px;
  border-bottom-style: solid;
}
.virtual-summit.speakers .speakers-list .person .desc .header.bold {
  margin-top: -10px;
  margin-bottom: 0;
  font-size: 42px;
  line-height: 120%;
  text-align: left;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc .header.bold {
    font-size: 34px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .desc .header.bold {
    font-size: 29px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person .desc .header.bold {
    font-size: 23px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .position {
  color: #5a5a5a;
  font-size: 20px;
  line-height: 180%;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc .position {
    font-size: 18px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .bio {
  margin-bottom: 32px;
}
.virtual-summit.speakers .speakers-list .person .desc .bio p {
  margin-bottom: 24px;
  color: #5a5a5a;
  font-size: 16px;
  line-height: 150%;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc .bio p {
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .desc .bio p {
    margin-bottom: 17px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person .desc .bio p {
    margin-bottom: 8px;
    font-size: 14px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .bio p a {
  color: #006cff;
  cursor: pointer;
  position: relative;
}
.virtual-summit.speakers .speakers-list .person .desc .bio p a:after {
  border-bottom: 1px solid rgba(0, 108, 255, 0.3);
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 1;
  position: absolute;
  width: 100%;
  transition: border-color 0.3s ease;
}
.virtual-summit.speakers .speakers-list .person .desc .bio p a:hover:after {
  border-color: rgba(0, 108, 255, 0);
}
.virtual-summit.speakers .speakers-list .person .desc .bio p a:after {
  content: '';
  opacity: 0.3;
  width: 100%;
  border-bottom: 1px solid rgba(0, 108, 255, 0.3);
  position: absolute;
  bottom: 0;
  left: 0;
  transition: opacity 0.1s ease-out;
}
.virtual-summit.speakers .speakers-list .person .desc .bio p a:hover:after {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .virtual-summit.speakers .speakers-list .person .desc .bio p a:after {
    display: none;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .presentations li {
  margin-bottom: 20px;
}
.virtual-summit.speakers .speakers-list .person .desc .presentation-date {
  display: block;
  margin-bottom: 10px;
  color: #5a5a5a;
  font-size: 20px;
}
.virtual-summit.speakers .speakers-list .person .desc .presentation-date sup {
  font-size: 10px;
  text-transform: uppercase;
}
.virtual-summit.speakers .speakers-list .person .desc .presentation-title {
  color: #0c0c0c;
  font-size: 32px;
  font-weight: 300;
  line-height: 132%;
}
@media screen and (max-width: 1280px) {
  .virtual-summit.speakers .speakers-list .person .desc .presentation-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 800px) {
  .virtual-summit.speakers .speakers-list .person .desc .presentation-title {
    font-size: 23px;
  }
}
@media screen and (max-width: 736px) {
  .virtual-summit.speakers .speakers-list .person .desc .presentation-title {
    font-size: 18px;
  }
}
.virtual-summit.speakers .speakers-list .person .desc .presentation-title:before {
  content: 'Presentation:';
  display: block;
  color: #656565;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
@media screen and (max-width: 740px) {
  .virtual-summit.speakers .speakers-list .person .centering-block {
    flex-direction: column;
  }
  .virtual-summit.speakers .speakers-list .person .photo {
    margin-bottom: 20px;
  }
  .virtual-summit.speakers .speakers-list .person .desc {
    width: 100%;
    max-width: auto;
  }
  .virtual-summit.speakers .speakers-list .person .desc .position {
    line-height: 130%;
  }
}
.virtual-summit.schedule input[type='radio'] {
  display: none;
}
.virtual-summit.schedule input[type='radio']#date-14-february:checked ~ .date-tabs ul li label[for='date-14-february'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-14-february:checked ~ .schedule-14-february {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-15-february:checked ~ .date-tabs ul li label[for='date-15-february'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-15-february:checked ~ .schedule-15-february {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-16-february:checked ~ .date-tabs ul li label[for='date-16-february'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-16-february:checked ~ .schedule-16-february {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-17-february:checked ~ .date-tabs ul li label[for='date-17-february'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-17-february:checked ~ .schedule-17-february {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-13-june:checked ~ .date-tabs ul li label[for='date-13-june'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-13-june:checked ~ .schedule-13-june {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-14-june:checked ~ .date-tabs ul li label[for='date-14-june'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-14-june:checked ~ .schedule-14-june {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-15-june:checked ~ .date-tabs ul li label[for='date-15-june'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-15-june:checked ~ .schedule-15-june {
  display: block;
}
.virtual-summit.schedule input[type='radio']#date-16-june:checked ~ .date-tabs ul li label[for='date-16-june'] {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule input[type='radio']#date-16-june:checked ~ .schedule-16-june {
  display: block;
}
.virtual-summit.schedule .date-tabs {
  width: 100%;
  height: 86px;
  border-bottom: 1px solid #ededed;
  position: relative;
  text-align: center;
}
.virtual-summit.schedule .date-tabs ul {
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  height: 100%;
  margin-right: auto;
}
.virtual-summit.schedule .date-tabs ul li {
  display: inline-block;
  width: 25%;
  height: 100%;
}
.virtual-summit.schedule .date-tabs ul li label {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding-top: 19px;
  border-bottom: 2px solid transparent;
  position: relative;
  top: 1px;
  color: #666;
  cursor: pointer;
  transition: border-color 0.2s ease-out, color 0.2s ease-out;
}
.virtual-summit.schedule .date-tabs ul li label:hover {
  border-color: #006cff;
  color: #006cff;
}
.virtual-summit.schedule .date-tabs ul .date {
  display: inline-block;
  font-size: 32px;
  font-weight: 700;
}
.virtual-summit.schedule .date-tabs ul .date .month {
  display: block;
  margin-top: 4px;
  font-size: 20px;
  font-weight: 400;
}
@media screen and (max-width: 650px) {
  .virtual-summit.schedule .date-tabs ul .date {
    font-size: 26px;
  }
  .virtual-summit.schedule .date-tabs ul .date .month {
    margin-top: 2px;
    font-size: 16px;
  }
}
.virtual-summit.schedule .date-time time {
  border-bottom-width: 7px;
  color: #888;
  font-size: 24px;
}
.virtual-summit.schedule .date-time time.duration {
  border-bottom: 0;
}
.virtual-summit.schedule .date-time time.icon-20-time:before {
  content: "\e90f";
  color: #c4c4c4;
  font-size: 14px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}
.virtual-summit.schedule .date-time time .hour {
  margin-top: 6px;
  color: #0c0c0c;
  font-size: 32px;
}
.virtual-summit.schedule .date-time time .hour sup {
  padding-right: 0;
  padding-left: 0;
  top: -1px;
  font-size: 14px;
}
.virtual-summit.schedule .date-time time .hour sup:last-of-type {
  padding-right: 8px;
}
.virtual-summit.schedule .webinar-schedule {
  display: none;
  padding-right: 0;
  padding-left: 0;
}
.virtual-summit.schedule .webinar-schedule .webinar-title .title {
  line-height: 116%;
}
.virtual-summit.schedule .webinar-schedule .webinar-title .title.small {
  font-size: 32px;
  line-height: 120%;
}
.virtual-summit.schedule .webinar-schedule .schedule {
  padding-top: 115px;
  padding-bottom: 44px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar {
  margin-bottom: 127px;
  align-items: flex-start;
}
@media (max-width: 700px) {
  .virtual-summit.schedule .webinar-schedule .schedule .webinar {
    margin-bottom: 75px;
  }
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author {
  margin-top: -12px;
  margin-right: -18px;
  align-self: center;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple {
  margin-top: 0;
  align-self: flex-start;
}
@media (min-width: 701px) and (max-width: 1120px) {
  .virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple {
    margin-bottom: -20px;
  }
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple:after {
  display: none;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple .names {
  margin-top: -6px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple .names li:not(:last-child) {
  margin-bottom: 12px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple .name {
  margin-bottom: 0;
  font-size: 21px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author.quadruple .position {
  font-size: 11px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author:after {
  content: '';
  width: 100%;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  position: absolute;
  bottom: -16px;
  left: 0px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author > .position {
  margin-bottom: 7px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .names {
  min-width: 0;
  margin-top: -2px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .names.small .name {
  font-size: 24px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .names.small .position {
  font-size: 12px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .names li {
  display: block;
  margin-right: 0;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .names li:not(:last-child) {
  margin-bottom: 25px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .name {
  margin-bottom: 5px;
  border-right: 0;
  color: #0c0c0c;
  font-size: 26px;
  font-weight: normal;
  letter-spacing: -0.4px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author .position {
  display: block;
  color: #888;
  font-size: 14px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar figure:not(.double) {
  margin-top: 3px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar figure.double.small img {
  top: 26px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar figure.double img {
  top: 36px;
  bottom: auto;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar figure.double img:first-of-type {
  transform: translate(64px, 0);
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar figure.double img:nth-of-type(2) {
  transform: translate(0, 64px);
}
@media (max-width: 700px) {
  .virtual-summit.schedule .webinar-schedule .schedule .webinar figure.quadruple {
    padding-top: 145px;
  }
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title {
  margin-left: 37px;
  align-self: center;
}
@media (max-width: 700px) {
  .virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title {
    margin-left: 0;
  }
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .title {
  letter-spacing: -0.4px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .title:not(.small) {
  margin-bottom: -4px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .title.small {
  letter-spacing: -0.2px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .details {
  margin-top: 19px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .details .duration {
  min-width: 54px;
}
.virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-title .details .duration:before {
  margin-right: 8px;
  top: 1px;
}
@media screen and (max-width: 1190px) {
  .virtual-summit.schedule .webinar-schedule .schedule {
    padding-right: 20px;
    padding-left: 20px;
  }
  .virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author {
    flex-basis: 260px !important;
  }
}
@media screen and (max-width: 1120px) {
  .virtual-summit.schedule .webinar-schedule .schedule .webinar {
    flex-wrap: wrap;
  }
  .virtual-summit.schedule .webinar-schedule .schedule .webinar .webinar-author {
    margin-bottom: 30px;
  }
}
.virtual-summit.schedule .webinar-info {
  padding-top: 94px;
  padding-bottom: 87px;
}
.virtual-summit.schedule .webinar-info:nth-child(even) {
  background-color: #f7f7f7;
}
.virtual-summit.schedule .webinar-info .webinar .webinar-title {
  margin-bottom: 46px;
}
.virtual-summit.schedule .webinar-info .webinar .webinar-title .title {
  margin-bottom: 17px;
  letter-spacing: -0.37px;
}
.virtual-summit.schedule .webinar-info .webinar .webinar-title .names.small .name {
  font-size: 24px;
}
.virtual-summit.schedule .webinar-info .webinar .webinar-title .name {
  border-right: 0;
  font-size: 32px;
  letter-spacing: -0.2px;
}
.virtual-summit.schedule .webinar-info .webinar .info .date-time {
  padding-top: 5px;
  flex-basis: 202px;
}
.virtual-summit.schedule .webinar-info .webinar .info .date-time.wide {
  flex-basis: 236px;
}
.virtual-summit.schedule .webinar-info .webinar .info .date-time time {
  display: inline-block;
}
.virtual-summit.schedule .webinar-info .webinar .info .description {
  padding-right: 110px;
  flex-basis: 605px;
}
.virtual-summit.schedule .webinar-info .webinar .info .description h4 {
  margin-top: 0;
  margin-bottom: 19px;
  color: #888;
  font-size: 24px;
  font-weight: 300;
}
.virtual-summit.schedule .webinar-info .webinar .info .description ul {
  margin-bottom: 28px;
}
.virtual-summit.schedule .webinar-info .webinar .info .description ul li {
  margin-bottom: 12px;
  padding-left: 27px;
}
.virtual-summit.schedule .webinar-info .webinar .info .description .btn-flat {
  display: block;
  width: 249px;
}
@media (max-width: 1200px) {
  .virtual-summit.schedule .webinar-info .people {
    margin-top: 50px;
  }
}
.virtual-summit.schedule .webinar-info .people li .photo img {
  width: auto;
  box-shadow: none;
}
.virtual-summit.schedule .webinar-info .people li p {
  margin-bottom: 20px;
  font-size: 12px;
  line-height: 19px;
}
.virtual-summit.schedule .webinar-info .person {
  padding-top: 13px;
}
.virtual-summit.schedule .webinar-info .person p {
  font-size: 14px;
  line-height: 175%;
}
.virtual-summit.schedule .webinar-info .person p:last-child {
  margin-bottom: 0;
}
.ie .virtual-summit .speakers figure .photo:after {
  mix-blend-mode: initial;
}
.ie .virtual-summit .speakers figure .photo:hover:after {
  opacity: 0.4;
}
/* Mobile styles */
@media only screen and (max-width: 767px) {
  .main-header .page-description,
  .cancel-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sign-up-form {
    margin-left: 0;
  }
  .sign-up-form .input-wrapper {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .sign-up-form .input-wrapper:first-of-type {
    margin-right: 30px;
  }
  .sign-up-form .input-wrapper input {
    width: 100%;
  }
  .sign-up-form button {
    display: block;
    float: none;
    width: 50%;
    margin: 15px auto;
  }
  .testimonials .flex-wrapper {
    flex-flow: column;
  }
  .testimonials figcaption {
    width: calc(100% - 180px);
  }
  .testimonials figcaption blockquote {
    text-indent: 0;
  }
  .testimonials .slide footer {
    padding-left: 0;
  }
  .testimonials .half-width {
    width: 100%;
  }
  .testimonials .half-width:last-of-type {
    margin: 80px 0 0 0;
  }
  .testimonials .testimonials-nav {
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .companies-bar .logos-wrapper figure {
    margin-right: 15px;
  }
  .companies-bar .logos-wrapper figure:last-of-type {
    margin-right: 0;
  }
  /* Features Page */
  .page-features .feature-detail {
    width: calc(50% - 15px);
  }
  .page-features .feature-detail:nth-of-type(2n) {
    margin-right: 0;
  }
  .homepage .learn-more .flex-wrapper {
    display: block;
  }
  .homepage .feature-desc {
    margin-bottom: 50px;
    width: 100%;
  }
  .homepage .feature-desc p {
    padding: 0 20%;
  }
}
@media screen and (max-width: 1100px) {
  .top-bar:not(.new) .logo {
    top: 80px !important;
    left: 50%;
    transform: translateX(-50%);
  }
  .top-bar:not(.new) .main-nav {
    max-width: 100%;
    margin: 0 !important;
    float: none;
    text-align: center;
  }
  .top-bar:not(.new) .main-nav > ul {
    display: inline-block;
    margin-top: 15px;
  }
  .top-bar:not(.new) .main-nav > ul > li {
    display: inline-block;
    margin: 0 !important;
    float: none;
    font-size: 11px;
  }
  .top-bar:not(.new) .main-nav > ul > li[data-show-node='cloud']:not(:last-child) {
    margin-right: 10px;
  }
  .top-bar:not(.new) .main-nav > ul > li[data-show-node='cloud'] > span:before,
  .top-bar:not(.new) .main-nav > ul > li[data-show-node='cloud'] > span:after {
    right: -2px;
  }
  .top-bar:not(.new) .main-nav > ul > li > a,
  .top-bar:not(.new) .main-nav > ul > li > span {
    padding: 15px 11px;
  }
  #site-layer {
    padding-top: 180px !important;
  }
}
/* iPhone 6 width - 375px */
/* For everything smaller than iPad vertically */
@media screen and (max-width: 767px) {
  .show-on-mobile {
    display: block;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .btn-ghost {
    letter-spacing: normal;
    line-height: 1.5em;
    padding: 20px 30px;
  }
  .btn-ghost .overlay {
    padding: 20px 30px;
  }
  .main-header {
    padding-bottom: 120px;
  }
  .main-header h1 {
    font-size: 45px;
  }
  .main-header .font-baskerville {
    font-size: 45px;
  }
  .main-header .page-description {
    margin-top: 35px;
  }
  .homepage .main-header .page-description {
    margin-top: 80px;
  }
  .main-header .cta-container {
    margin: 70px 0 0 0;
    position: static;
    width: 100%;
  }
  .see-video-wrapper {
    display: none;
  }
  .sign-up-form {
    margin-left: 0;
  }
  .sign-up-form .input-wrapper,
  .sign-up-form button {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .sections-nav {
    display: none;
  }
  /* Homepage */
  .homepage .learn-more .home-features-slider {
    flex-flow: column;
  }
  .homepage .learn-more .home-features-slider figure {
    margin-bottom: 50px;
    width: 100%;
  }
  .testimonials figcaption {
    width: 100%;
  }
  .testimonials figcaption blockquote {
    padding-right: 0;
  }
  .testimonials .logos-wrapper img {
    max-width: 80%;
  }
  .testimonials .logos-wrapper figure {
    margin-bottom: 40px;
  }
  .testimonials .logos-wrapper figure:nth-last-of-type(-n+3) {
    margin-bottom: 0;
  }
  .testimonials .slide footer:before {
    display: none;
  }
  .mobile-image-wrapper {
    margin: 32px auto;
    max-width: 320px;
  }
  .page-signup .mobile-image-wrapper {
    display: block;
  }
  .mobile-image-wrapper .mobile-image {
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 32px;
    padding-bottom: 80%;
  }
  #wireframe .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/01.jpg');
  }
  #mockup .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/02.jpg');
  }
  #prototype .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/03.jpg');
  }
  #usability-testing .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/04.png');
  }
  #collaborate .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/05.png');
  }
  #managing .mobile-image-wrapper .mobile-image {
    background-image: url('/images/homepage/tour/mobile/06.png');
  }
  /* Integrations partial */
  .integrations .btn-ghost {
    height: auto;
    line-height: 1.66em;
    padding: 20px 30px;
  }
  /* Mockups & prototyping pages */
  .mockups-and-prototyping-page .flex-wrapper {
    flex-flow: column;
  }
  .mockups-and-prototyping-page .feature-desc,
  .mockups-and-prototyping-page .feature-details {
    margin-bottom: 50px;
    margin-right: 0;
    width: 100%;
  }
  .mockups-and-prototyping-page .feature-desc:last-of-type,
  .mockups-and-prototyping-page .feature-details:last-of-type {
    margin-bottom: 0;
  }
  /* Features page */
  .page-features .features-teaser {
    padding-bottom: 0;
  }
  .page-features .main-features {
    flex-flow: column;
  }
  .page-features .main-features .feature-wrapper {
    margin-bottom: 50px;
    width: 100%;
  }
  .page-features .main-features .feature-wrapper figure {
    text-align: center;
  }
  .page-features .text-section .centering-block {
    flex-flow: column;
  }
  .page-features .text-section .teaser-column {
    margin-bottom: 30px;
  }
  .page-features .text-section .testimonial-element {
    margin-top: 30px;
  }
  .page-features .teaser-column {
    margin-right: 0;
    width: 100%;
  }
  .page-features .feature-detail {
    margin: 0 0 30px 0;
    text-align: center;
    width: 100%;
  }
  .page-features .feature-detail h4,
  .page-features .feature-detail p {
    text-align: left;
  }
  .page-features .teaser-box {
    height: auto;
    padding: 50px 30px;
  }
  /* Main footer */
  .main-footer nav {
    flex-wrap: wrap;
  }
  .main-footer .column {
    flex: inherit;
    margin: 0 0 30px;
    width: 50%;
  }
  .main-footer .column:first-child {
    margin-bottom: 50px;
    width: 100%;
  }
  .main-footer .column:first-child figure {
    margin: 0 auto;
  }
  /* TODO - Using display:block to fix styles on mobile */
  .page-customers .flex-wrapper {
    display: block;
  }
  .page-customers .testimonial .full-testimonial p {
    font-size: 16px;
  }
  .page-customers .testimonial .full-testimonial .testimonial-content {
    font-size: 12px;
  }
  .tweets-section .tweet-content {
    font-size: 24px;
  }
  .page-pricing .flex-wrapper {
    display: block;
  }
  .page-pricing .flex-wrapper .pricing-column {
    display: block;
    flex: auto;
    margin: 0 0 50px;
  }
  .page-pricing .faq .centering-block {
    display: block;
  }
  .page-pricing .faq article.faq-column {
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .centering-block {
    padding-left: 25px;
    padding-right: 25px;
  }
  .content-wrapper .centering-block {
    padding: 0;
  }
}
@media screen and (max-width: 375px) {
  .homepage .feature-desc p {
    padding: 0;
  }
}
.top-bar.new {
  height: 100px;
  padding-top: 0;
  position: fixed;
  z-index: 1000;
  background-color: #fff;
  transition: height 0.2s ease-out, box-shadow 0.2s ease-out;
}
.top-bar.new ~ .cookies-info {
  position: fixed;
}
.with-cookies-bar .top-bar.new {
  transform: translateY(30px);
}
.top-bar.new .centering-wrapper {
  width: 1170px;
  height: inherit;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 1300px) {
  .top-bar.new .centering-wrapper {
    width: 100%;
    padding: 0 15px;
  }
}
.top-bar.new .logo {
  width: 68px;
  height: 68px;
  border-color: #d5d5d5;
  position: absolute;
  top: 50% !important;
  left: 0;
  transform: translateY(-50%);
  background: url('/images/homepage/uxpin-black.svg') no-repeat;
  transition: top 0.2s ease-out, height 0.2s ease-out, width 0.2s ease-out;
}
@media screen and (max-width: 1300px) {
  .top-bar.new .logo {
    width: 55px;
    height: 55px;
    left: 15px;
  }
}
.top-bar.new .menu-mobile {
  display: none;
  padding: 20px 0;
  position: absolute;
  top: 8px;
  right: 18px;
  align-items: center;
}
.top-bar.new .menu-mobile img {
  display: block;
  margin-right: 10px;
}
.top-bar.new .menu-mobile span {
  color: #333;
  font-size: 16px;
}
@media screen and (max-width: 1060px) {
  .top-bar.new .menu-mobile {
    display: flex;
  }
}
.top-bar.new .main-nav {
  display: flex;
  margin: 0 0 0 104px;
  padding-top: 37px;
  float: none;
  justify-content: space-between;
  transition: padding 0.2s ease-out;
}
.top-bar.new .main-nav li {
  margin-right: 49px;
  margin-left: 0;
}
.top-bar.new .main-nav li:last-of-type {
  margin-right: 0;
}
.top-bar.new .main-nav li a {
  cursor: pointer;
  position: relative;
  color: #333;
}
.top-bar.new .main-nav li a:after {
  border-bottom: 1px solid #acacac;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.top-bar.new .main-nav li a:hover:after {
  opacity: 1;
}
.top-bar.new .main-nav li.selected a {
  color: #acacac;
}
.top-bar.new .main-nav li.log-in-link a,
.top-bar.new .main-nav li.sign-up-link-home a {
  cursor: pointer;
  position: relative;
  color: #006cff;
  font-weight: 600;
}
.top-bar.new .main-nav li.log-in-link a:after,
.top-bar.new .main-nav li.sign-up-link-home a:after {
  border-bottom: 1px solid #99c4ff;
  bottom: 2px;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  width: 100%;
  transition: opacity 0.3s ease;
}
.top-bar.new .main-nav li.log-in-link a:hover:after,
.top-bar.new .main-nav li.sign-up-link-home a:hover:after {
  opacity: 1;
}
@media screen and (min-width: 1061px) {
  .top-bar.new .main-nav li.sign-up-link-home {
    margin-right: 27px;
  }
}
.homepage-original .top-bar.new .main-nav li.sign-up-link {
  display: block;
}
.top-bar.new .main-nav li.sign-up-link:before,
.top-bar.new .main-nav li.sign-up-link a {
  display: inline-block;
  height: 46px;
  padding: 0 27px;
  border-radius: 8px;
  position: relative;
  top: -10px;
  background-color: #006cff;
  color: #fff;
  font-weight: 600;
  line-height: 46px;
  transition: background-color 0.2s ease-out, top 0.2s ease-out;
}
.top-bar.new .main-nav li.sign-up-link a:after {
  display: none;
}
.top-bar.new .main-nav li.sign-up-link a:hover {
  background-color: #3389ff;
}
.top-bar.new .main-nav li.sign-up-link:after {
  display: none;
}
@media screen and (max-width: 1060px) {
  .top-bar.new .main-nav {
    display: none;
    margin: 0;
    padding: 15px;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    flex-direction: column;
    background-color: #fff;
  }
  .top-bar.new .main-nav .primary-actions {
    margin-top: 40px;
  }
  .top-bar.new .main-nav.visible {
    display: flex;
  }
  .top-bar.new .main-nav li {
    width: 50%;
    margin-right: 0;
    text-align: center;
  }
  .top-bar.new .main-nav li:nth-of-type(-n + 4) {
    margin-bottom: 30px;
  }
  .top-bar.new .main-nav li a {
    padding: 20px 0;
  }
  .top-bar.new .main-nav li a:after {
    display: none;
  }
}
.top-bar.new.small {
  height: 80px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.top-bar.new.small .main-nav {
  padding-top: 28px;
}
.top-bar.new.small .logo {
  width: 54px;
  height: 54px;
}
.top-bar.new.small .main-nav {
  padding-top: 27px;
}
.top-bar.new.small .main-nav li.sign-up-link:before,
.top-bar.new.small .main-nav li.sign-up-link a {
  top: -9px;
}
@media screen and (max-width: 1300px) {
  .top-bar.new {
    height: 80px;
  }
  .top-bar.new .main-nav {
    padding-top: 28px;
  }
  .top-bar.new .logo {
    width: 54px;
    height: 54px;
  }
  .top-bar.new .main-nav {
    padding-top: 27px;
  }
  .top-bar.new .main-nav li.sign-up-link:before,
  .top-bar.new .main-nav li.sign-up-link a {
    top: -9px;
  }
}
#homepage-fullscreen.input-focus #site-layer {
  background: rgba(0, 0, 0, 0.95);
}
#homepage-fullscreen.input-focus #site-layer h1,
#homepage-fullscreen.input-focus #site-layer h2 {
  opacity: 0.3;
}
#homepage-fullscreen.input-focus #site-layer .input-wrapper input {
  box-shadow: 0 0 30px 8px rgba(0, 108, 255, 0.55);
}