@charset "UTF-8";
img,
select {
  max-width: 100%;
}
pre,
textarea {
  overflow: auto;
}
blockquote,
hr {
  margin: 1.4em 0;
}
address,
fieldset {
  margin: 0 0 0.7em;
}
address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
input,
main,
menu,
nav,
section,
select,
summary {
  display: block;
}
.btn-flow::after,
td,
th,
tr {
  vertical-align: middle;
}
a:active,
a:hover,
input {
  outline: 0;
}
html {
  /*font-family: sans-serif;*/
  font-family: nunito, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
optgroup,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
  margin: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
  border: none;
  border-bottom: 1px solid #c4c4c4;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
body,
h1,
h2,
h4,
h5 {
  font-weight: 300;
  color: #444;
  margin: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
  /*font-family: Tofino,sans-serif*/
  font-family: nunito, sans-serif;
  /*font-family: sans-serif*/
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
*,
::after,
::before {
  box-sizing: inherit;
}
body {
  font-size: 1em;
  line-height: 1.4em;
}
h3,
h6 {
  color: #444;
  margin: 0;
}
.home .home-hero-heading,
.main-page-heading,
h1 {
  font-size: 2.625em;
  line-height: 52px;
}
@media screen and (max-width: 39.9375em) {
  .home .home-hero-heading,
  .main-page-heading,
  h1 {
    font-size: 36px;
  }
}
.section-heading,
.support-home-wrapper .category-name,
h2 {
  font-size: 2.125em;
  line-height: 45px;
}
@media screen and (max-width: 39.9375em) {
  .section-heading,
  .support-home-wrapper .category-name,
  h2 {
    font-size: 28px;
  }
  .app-status-widget .app-status-description,
  .landing-page-alternate-container .landing-page-alternate-hero-heading,
  .pricing-column-section .pricing-column .pricing-column-type,
  .sub-section-heading,
  h3 {
    font-size: 1.25em;
  }
}
.app-status-widget .app-status-description,
.landing-page-alternate-container .landing-page-alternate-hero-heading,
.pricing-column-section .pricing-column .pricing-column-type,
.sub-section-heading,
h3 {
  font-size: 1.25em;
  line-height: 30px;
}
.home .home-hero-subheading,
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body,
.main-subheading,
.testimonial-offset-block .testimonial-offset-block-copy .block-subheading,
h4 {
  font-size: 1.375em;
  line-height: 38px;
}
@media screen and (max-width: 39.9375em) {
  .home .home-hero-subheading,
  .landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body,
  .main-subheading,
  .testimonial-offset-block .testimonial-offset-block-copy .block-subheading,
  h4 {
    font-size: 1.125em;
  }
}
.features-carousel-alternative-mobile .features-control-text-wrapper h5,
.features-integration-feature h3,
.home-feature-block-section .home-feature-block-section-title .home-feature-block-title,
.icon-features-heading h4,
.icon-features-mobile-collapsible .icon-features-mobile-collapsible-features-heading,
.image-wrapper-text h5,
.section-subheading,
.signup-cta-container .signup-cta-heading h3,
.text-wrapper-item-text h3,
h5 {
  font-size: 1.125em;
  line-height: 30px;
}
.btn,
.large-btn-text,
.pagination button,
button,
h6,
input[type=submit] {
  font-size: 1em;
  font-weight: 400;
}
.article-feedback .article-feedback-positive h4,
.article-feedback .article-feedback-wrapper .article-feedback-prompt h4,
.body-text,
.ebook-hero-info,
.landing-icon-feature p,
.landing-image-feature-text p,
.pricing-faq-section .pricing-faq-text-block .pricing-faq-text .pricing-faq-text-subheading,
.support-container .support-article-wrapper,
.testimonial-card-quote {
  font-size: 1.125em;
  line-height: 30px;
}
.app-status-widget .app-status-cta,
.body-text-small,
.continue-to-flow .continue-to-flow-logout,
.featured-article-wrapper .featured-article-text p,
.features-controls-item p,
.home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-text,
.pricing-column-section .pricing-column .pricing-column-description,
.sidebar .sidebar-nav,
.testimonial-hero-attribute,
.testimonial-offset-block .testimonial-offset-card .testimonial-card-quote,
.testimonial-quote,
section.roadmap .roadmap-item .roadmap-date,
section.roadmap .roadmap-item .roadmap-item-description-wrapper {
  font-size: 1em;
  line-height: 26px;
}
/*.article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper,.body-text-xs,.features-carousel-alternative-mobile .features-control-text-wrapper p,.features-integration-feature p,.icon-features-subheading p,.image-wrapper-text p,.nav-links,.support-success-text,.text-wrapper-item-text p {*/
.article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper,
.body-text-xs,
.features-carousel-alternative-mobile .features-control-text-wrapper p,
.image-wrapper-text p,
.nav-links,
.support-success-text,
.text-wrapper-item-text p {
  font-size: 0.875em;
}
.attribution-small,
.btn-small,
.copyright-column,
.footer-links,
.icon-features-mobile-collapsible .icon-features-mobile-collapsible-features-subheading,
.site-footer .footer-nav-item a,
.small-btn-text,
.testimonial-card-attribution .testimonial-card-author,
.testimonial-offset-block .testimonial-offset-card .testimonial-card-author {
  font-size: 0.8125em;
}
.feature-heading,
.home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-heading {
  font-size: 30px;
}
@media screen and (max-width: 39.9375em) {
  .feature-heading,
  .home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-heading {
    font-size: 26px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .feature-heading,
  .home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-heading {
    font-size: 22px;
  }
}
.cta-heading {
  font-size: 36px;
}
@media screen and (max-width: 39.9375em) {
  .cta-heading {
    font-size: 28px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .cta-heading {
    font-size: 32px;
  }
}
.cta-block h5,
.cta-subheading {
  font-size: 20px;
  line-height: 40px;
}
.features-header-title-wrapper,
.features-mobile-nav-heading,
.features-navigation-heading,
.uppercase-title-small {
  letter-spacing: .8px;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}
@media screen and (max-width: 61.1875em) {
  .features-header-title-wrapper,
  .features-mobile-nav-heading,
  .features-navigation-heading,
  .uppercase-title-small {
    font-size: 16px;
  }
}
.blog-body,
.blog-entry-wrapper p,
.blog-entry-wrapper ul li {
  font-size: 18px;
  line-height: 30px;
}
.blog-entry-wrapper .blog-body-quote,
.blog-entry-wrapper .blog-body-quote p,
.blog-entry-wrapper blockquote,
.blog-entry-wrapper blockquote p,
.blog-quote {
  font-size: 22px;
  line-height: 33px;
}
.blog-attribute,
.blog-entry-wrapper .blog-body-quote .blog-body-quote-author,
.blog-entry-wrapper blockquote .blog-body-quote-author {
  font-size: 14px;
  line-height: 30px;
  color: #656565;
}
p {
  margin: 0;
}
a {
  background-color: transparent;
  color: #444;
}
a:hover {
  color: #6a6a6a;
  text-decoration: none;
}
strong {
  font-weight: 500;
}
.email-capture-form-wrapper ::-webkit-input-placeholder {
  font-weight: 200;
}
.article-feedback label,
.blog-cta-section h5,
.pricing-company-section h3,
.pricing-hero-heading h4,
.signup-cta-container .signup-cta-heading h3,
.support-container .support-article-wrapper .post-brief,
.support-container .support-article-wrapper .post-read-time,
.support-container .support-article-wrapper .post-total-steps {
  font-weight: 300;
}
.article-list-container h4,
.blog-entry-wrapper .blog-entry-heading,
.commands-list .command-item .command-label,
.continue-to-flow .continue-to-flow-user,
.cta-block h2,
.cta-popup-wrapper .cta-popup-text-wrapper .cta-popup-heading,
.featured-article-wrapper .featured-article-text h4,
.features-carousel-alternative-mobile .features-control-text-wrapper h5,
.features-controls-item h5,
.features-heading-container .features-heading-wrapper .features-heading,
.features-hero h1,
.features-list h1,
.guides-content-item-content h1,
.guides-content-item-content h2,
.guides-content-item-heading,
.heading-text h1,
.home .home-hero-heading,
.icon-features-heading h4,
.icon-features-mobile-collapsible .icon-features-mobile-collapsible-features-heading,
.image-wrapper-text a,
.image-wrapper-text h2 p,
.landing-hero-text h1,
.new-features-hero-container .new-features-hero-heading h1,
.new-features-hero-container .new-features-hero-heading h4,
.new-features-image-heading-wrapper .new-features-image-text-block h2,
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item,
.pricing-column-section .pricing-column .pricing-column-custom,
.pricing-column-section .pricing-column .pricing-column-type,
.signup-cta-container .signup-cta-heading h3 strong,
.signup-cta-container .signup-cta-heading p strong,
.slack-commands-heading h2,
.slack-header h1,
.support-container .support-article-wrapper .post-title,
.support-container .support-article-wrapper .post-wrapper h3,
.support-container .support-article-wrapper .post-wrapper h4,
.support-container .support-article-wrapper .support-text-block h3,
.support-container .support-article-wrapper .support-text-block h4,
.support-featured-videos-container a.support-featured-video-card .support-featured-video-card-heading,
.support-featured-videos-container h4,
.support-related-articles-container .support-recent-articles-heading,
.support-related-articles-container .support-related-articles-heading,
.text-wrapper-heading h2,
body.landingPage h2,
h3,
section.slack-connect h1 {
  font-weight: 400;
}
.blog-entry-wrapper .blog-body-quote .blog-body-quote-author,
.blog-entry-wrapper blockquote .blog-body-quote-author,
.bold,
.home-feature-block-section .home-feature-block-section-title .home-feature-block-title,
.home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-heading,
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .landing-page-alternate-body-subheading,
.support-container .support-article-wrapper .post-wrapper h5 > .post-wrapper,
.support-container .support-article-wrapper .support-text-block h5 > .post-wrapper {
  font-weight: 500;
}
.black,
.contact .support-section .contact-support-section a,
.enterprise .support-section .contact-support-section a {
  font-weight: 600;
}
.p18px {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}
dl dt,
label,
th {
  font-weight: 700;
}
.container-404 a,
.container-404 h1,
.container-404 h5 {
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}
blockquote,
del {
  color: #6a6a6a;
}
.ebook-hero-headings h1 span,
.ebook-hero-headings h2 span,
.ebook-hero-headings p,
.ebook-hero-info,
.ebook-hero-signup h4,
.ebook-hero-signup input,
.ebook-hero-signup select,
.guides-content-item-content h4,
.guides-content-item-heading,
.guides-header-nav li,
.guides-header-title h1,
.guides-header-title h2,
.guides-intro-features,
.guides-intro-heading span,
.guides-navigation-item-count span,
.guides-navigation-item-text,
.guides-success h3 {
  -moz-osx-font-smoothing: grayscale;
  -moz-font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
svg {
  fill: currentColor;
}
abbr,
acronym {
  border-bottom: 1px dotted #c4c4c4;
  cursor: help;
}
hgroup {
  margin-bottom: 0.7em;
}
blockquote {
  border-left: 2px solid #c4c4c4;
  padding-left: 0.7em;
}
cite {
  color: #848484;
  font-style: italic;
}
cite:before {
  content: '\2014 \00A0';
}
code,
pre {
  background: #f0f0f0;
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 5px 10px;
  color:navy;
}
pre > code {
  border: none;
  background: none;
}
fieldset {
  border: 1px solid #c4c4c4;
  padding: 1.4em;
}
input,
select {
  font-size: 1em;
}
input.half-width-field,
select.half-width-field {
  width: 49%;
  display: inline;
}
label {
  cursor: pointer;
  margin-bottom: 0.35em;
}
label.required:after {
  content: " *";
}
input,
select[multiple=multiple],
textarea {
  transition: all 0.2s ease-in;
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  border-radius: 4px;
  margin-bottom: .7em;
  padding: .46667em;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
input:hover,
select[multiple=multiple]:hover,
textarea:hover {
  border: 1px solid rgba(0, 0, 0, 0.4);
}
input:focus,
select[multiple=multiple]:focus,
textarea:focus {
  border: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  display: inline;
  margin-right: .35em;
  width: auto;
}
input[type=file] {
  margin-bottom: .7em;
  padding-bottom: .46667em;
  width: 100%;
}
select {
  margin-bottom: 1.4em;
  width: auto;
}
.inline-form {
  display: -ms-flexbox;
  display: flex;
}
.inline-form .btn,
.inline-form input {
  margin-bottom: 0;
  margin-right: 1rem;
}
.inline-form input {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.inline-form .btn {
  -ms-flex: none;
  flex: none;
}
.pagination ul,
nav ul,
ol.unstyled,
ul.unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
dl,
ol,
ul {
  margin-bottom: 0.7em;
}
td,
th {
  padding: 0.7em 0;
}
ol,
ul {
  padding-left: 1.4em;
}
dl {
  line-height: 1.4em;
}
dl dt {
  margin-top: 0.7em;
}
dl dd {
  margin: 0;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: .7em 0;
  table-layout: fixed;
  width: 100%;
}
th {
  border-bottom: 1px solid #9d9d9d;
  text-align: left;
}
.banner-visible .no-script,
.btn-flow,
.container-404 a,
.container-404 h1,
.container-404 h5,
.cta-block,
.cta-block h2,
.cta-block h5,
.no-js .no-script,
.pagination ul,
.site-footer .site-description-column {
  text-align: center;
}
td {
  border-bottom: 1px solid #c4c4c4;
}
body,
html {
  height: 100%;
}
main {
  background-color: #FFF;
  padding-bottom: 30px;
}
.container,
.resources-content-wrapper {
  max-width: 69.44444em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
  position: relative;
}
.container::after,
.resources-content-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (max-width: 39.9375em) {
  .container,
  .resources-content-wrapper {
    padding: 15px 30px;
  }
  .top-banner-arrow {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ebook-hero-signup form:after,
.ebook-hero-signup form:before,
.testimonial-offset-block .testimonial-offset-block-testimonials:after,
.testimonial-offset-block .testimonial-offset-block-testimonials:before {
  content: " ";
  display: block;
}
.ebook-hero-signup form:after,
.testimonial-offset-block .testimonial-offset-block-testimonials:after {
  clear: both;
}
.old-browser-warning {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  min-height: 100px;
  background: #ffffe0;
  display: none;
  z-index: 1000;
  z-index: 10000;
}
.old-browser-warning p {
  max-width: 1000px;
  margin: 13px auto;
  font-size: 15px;
}
body.old-browser .old-browser-warning {
  display: block !important;
}
body.old-browser .old-browser-warning a {
  color: #26A6F3;
}
body.old-browser .signup-form {
  display: none !important;
}
.ebook-hero .flow-logo,
.site-footer .site-description-column .flow-logo,
.site-header .flow-logo,
.site-header .transparent-header .flow-logo,
.site-header.transparent-over-white .transparent-header .flow-logo {
  height: 30px;
  width: 100px;
  position: relative;
}
.ebook-hero .flow-logo a,
.site-footer .site-description-column .flow-logo a,
.site-header .flow-logo a,
.site-header .transparent-header .flow-logo a,
.site-header.transparent-over-white .transparent-header .flow-logo a {
  text-indent: -9999px;
  font-size: 0;
  height: 100%;
}
.ebook-hero .flow-logo a::before,
.site-footer .site-description-column .flow-logo a::before,
.site-header .flow-logo a::before,
.site-header .transparent-header .flow-logo a::before,
.site-header.transparent-over-white .transparent-header .flow-logo a::before {
  display: block;
  height: 26px;
  width: 95px;
  background-image: url(/images/teleme_logo_dark_text.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
.site-footer .site-description-column .flow-logo a::before,
.site-header .flow-logo a::before,
.site-header.transparent-over-white .transparent-header .flow-logo a::before {
  background-image: url(/images/teleme_logo_dark_text.svg);
}
.ebook-hero .flow-logo a::before,
.site-header .transparent-header .flow-logo a::before {
  background-image: url(/images/teleme_logo_white_text.svg);
}
.home-kv-section {
  background-color: #0F8AD1;
  background-image: url(/images/bg_keyvisual.png);
  background-size: cover;
  background-position: bottom;
}
@keyframes spinner-spin {
  from {
    -ms-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.app-status[data-app-status=loading] .app-status-indicator::before,
.spinner,
form.signup-form a.google-signup-btn::after {
  animation: spinner-spin 0.75s infinite normal linear;
  background-repeat: no-repeat;
  background-position: center center;
  opacity: 0.3;
}
.fade-in,
.fade-out {
  animation-duration: 150ms;
  animation-timing-function: ease-in;
  animation-fill-mode: forwards;
}
.spinner-20,
form.signup-form .login-link .spinner {
  width: 20px!important;
  height: 20px!important;
  background-size: 20px !important;
}
.app-status[data-app-status=loading] .app-status-indicator::before,
.spinner-20,
.spinner-24,
form.signup-form .login-link .spinner,
form.signup-form a.google-signup-btn::after {
  width: 25px;
  height: 25px;
  background-size: 24px;
  background-image: url(../images/spinners/spinner-24.png);
}
.app-status[data-app-status=loading] .white.app-status-indicator::before,
.spinner-24.white,
.white.spinner-20,
form.signup-form .login-link .white.spinner,
form.signup-form a.google-signup-btn::after {
  background-image: url(../images/spinners/spinner-white-24.png);
}
.spinner-48 {
  width: 48px;
  height: 48px;
  background-size: 48px;
  background-image: url(../images/spinners/spinner-48.png);
}
.with-loading-spinner .spinner,
.with-loading-spinner.loading .log-out-btn,
.with-loading-spinner.loading .login-btn {
  display: none;
}
.with-loading-spinner.loading .spinner {
  display: block;
}
@keyframes dialogAppear {
  from {
    opacity: 0;
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  40% {
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  60% {
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}
.top-banner,
.top-banner-arrow {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: #FFE0A5;
  color: #CC9835;
  background-image: url(/images/background-icons-orange.svg);
  background-position: top;
}
.top-banner a,
.top-banner h1,
.top-banner h2,
.top-banner h3,
.top-banner h4,
.top-banner h5,
.top-banner h6,
.top-banner p,
.top-banner-arrow a,
.top-banner-arrow h1,
.top-banner-arrow h2,
.top-banner-arrow h3,
.top-banner-arrow h4,
.top-banner-arrow h5,
.top-banner-arrow h6,
.top-banner-arrow p {
  color: #CC9835;
}
.banner-visible body,
.no-js body {
  margin-top: 60px;
}
.banner-visible .site-header,
.no-js .site-header {
  top: 60px;
}
.banner-visible .no-script,
.no-js .no-script {
  margin-top: 200px;
}
.banner-visible .no-script h2,
.banner-visible .no-script h3,
.no-js .no-script h2,
.no-js .no-script h3 {
  margin: 10px 0;
}
.banner-visible .no-script a,
.no-js .no-script a {
  color: #26A6F3;
}
.banner-visible main,
.no-js main {
  padding-top: 20px;
}
.banner-visible .mobile-nav.open,
.no-js .mobile-nav.open {
  margin-top: 60px;
}
.top-banner-arrow {
  cursor: pointer;
}
.top-banner-arrow:after {
  background-image: url(../images/button-arrow-orange.svg) !important;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99998;
}
.overlay .close-overlay {
  position: absolute;
  display: block;
  top: 20px;
  left: 20px;
  height: 30px;
  width: 30px;
  cursor: pointer;
  z-index: 99999;
}
.overlay .close-overlay::before {
  content: "";
  height: 30px;
  width: 30px;
  display: block;
  background-image: url(../images/close.svg);
  background-repeat: no-repeat;
}
.btn-flow::after,
.btn-google-blue:before,
.btn-play::after {
  content: '';
}
.btn,
.pagination button,
button,
input[type=submit] {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  line-height: 42px;
  height: 42px;
  padding: 0 35px;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  transition: all .1s linear;
  outline: 0;
  box-sizing: content-box !important;
}
.app-status-banner .app-status .app-status-cta:hover,
.container-404 a,
.success-stat-item a {
  text-decoration: underline;
}
.btn,
button,
input[type=submit] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-color: #8D8D8D;
  color: #fff;
  border: 2px solid #8D8D8D;
  transition: background-color 0.2s ease-in, color 0.3s ease-in;
}
.btn:hover,
button:hover,
input[type=submit]:hover {
  opacity: 1!important;
  border: 2px solid gray;
  background-color: gray;
  color: #fff;
}
.btn.btn-blue,
button.btn-blue,
input[type=submit].btn-blue {
  background-color: #26A6F3;
  color: #fff;
  font-weight: 700;
  border: 2px solid #26A6F3;
}
.btn.btn-blue:hover,
button.btn-blue:hover,
input[type=submit].btn-blue:hover {
  color: #26A6F3;
  background-color: #eee;
}
.btn.btn-blue-dark,
button.btn-blue-dark,
input[type=submit].btn-blue-dark {
  background-color: #103248;
  font-weight: 700;
  color: #fff;
  border: 2px solid #103248;
}
.btn.btn-blue-dark:hover,
button.btn-blue-dark:hover,
input[type=submit].btn-blue-dark:hover {
  /*border: 2px solid #0b2433;*/
  background-color: #eee;
  color: #0b2433;
}
.btn.btn-green,
button.btn-green,
input[type=submit].btn-green {
  background-color: #32D17F;
  color: #fff;
  border: 2px solid #32D17F;
}
.btn.btn-green:hover,
button.btn-green:hover,
input[type=submit].btn-green:hover {
  border: 2px solid #2bbf72;
  background-color: #2bbf72;
  color: #fff;
}
.btn.btn-white,
button.btn-white,
input[type=submit].btn-white {
  color: #8D8D8D!important;
  background-color: #FFF;
  border: 2px solid #FFF;
}
.btn.btn-white:hover,
button.btn-white:hover,
input[type=submit].btn-white:hover {
  border: 2px solid #f2f2f2;
  background-color: #f2f2f2;
  color: #fff;
}
.btn.btn-orange,
button.btn-orange,
input[type=submit].btn-orange {
  background-color: #7CC231;
  color: #fff !important;
  font-weight: 700;
  border: 2px solid #7CC231;
}
.btn.btn-orange:hover,
button.btn-orange:hover,
input[type=submit].btn-orange:hover {
  background-color: #eee;
  color: #7CC231 !important;
}
.btn.btn-red,
button.btn-red,
input[type=submit].btn-red {
  background-color: #E96676;
  color: #fff;
  border: 2px solid #E96676;
}
.btn.btn-red:hover,
button.btn-red:hover,
input[type=submit].btn-red:hover {
  border: 2px solid #e65062;
  background-color: #e65062;
  color: #fff;
}
.btn.btn-colored:hover,
button.btn-colored:hover,
input[type=submit].btn-colored:hover {
  color: #FFF;
}
.btn-large {
  padding: 0 55px;
  height: 44px;
  line-height: 44px;
}
.btn-small {
  padding: 0 15px;
  max-height: 30px;
  line-height: 30px;
  font-weight: 500;
}
.btn-outline,
.pagination button,
.site-header .static-header .header-nav-login a.btn {
  background-color: transparent;
  color: #8D8D8D;
  border: 2px solid #ddd;
}
.btn-outline:hover,
.pagination button:hover,
.site-header .static-header .header-nav-login a.btn:hover {
  border: 2px solid #c3c3c3;
  background-color: transparent;
  color: #8D8D8D;
}
.btn-outline-white,
.site-header .header-nav-login a.btn {
  background-color: transparent;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.52);
}
.btn-outline-white:hover,
.site-header .header-nav-login a.btn:hover {
  border: 2px solid #fafafa;
  background-color: transparent;
  color: #fff;
}
.btn-outline-blue,
.btn-outline-blue:hover {
  background-color: transparent;
  color: #0D90EC;
}
.btn-outline-blue {
  border: 2px solid #38a6f4;
}
.btn-outline-blue:hover {
  border: 2px solid #0d90ec;
}
.btn-google-blue {
  background-color: #4285f4;
  border-color: #4285f4;
  color: #fff!important;
  width: 300px;
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.37);
  border-radius: 2px;
}
.btn-google-blue > span.text {
  padding-left: 35px;
}
.btn-google-blue:before {
  position: absolute;
  background: url(../images/icon-google-logo-transparent.svg) center no-repeat #fff;
  background-size: 20px;
  height: 46px;
  width: 46px;
  border-radius: 1px;
  left: 0;
}
.btn-google-blue:hover {
  background-color: #1266f1;
  border-color: #1266f1;
}
.btn-flow {
  display: block;
}
.btn-flow::after {
  height: 25px;
  width: 100px;
  display: inline-block;
  background: url(../images/flow-logo-mono.svg) center no-repeat;
}
.btn-arrow-blue::after,
.btn-arrow-white::after,
.btn-arrow::after,
.support-container .post-container .top-banner::after,
.top-banner-arrow::after {
  opacity: .8;
  height: 9px;
  width: 18px;
  margin-left: 10px;
  content: '';
  display: inline-block;
  background-image: url(../images/button-arrow.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.btn-arrow-blue:hover:after,
.btn-arrow-white:hover:after,
.btn-arrow:hover:after,
.support-container .post-container .top-banner:hover:after,
.top-banner-arrow:hover:after {
  opacity: 1;
}
.btn-arrow-white::after,
.support-container .post-container .top-banner::after,
.top-banner-arrow::after {
  background-image: url(../images/button-arrow-white.svg);
}
.btn-arrow-blue::after {
  background-image: url(../images/arrow-blue.svg);
}
.btn-play {
  position: relative;
  color: #26A6F3;
  padding-right: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 40px;
  font-size: 22px;
}
.btn-play::after {
  position: absolute;
  height: 46px;
  width: 50px;
  margin-top: -2px;
  background: url(/images/play-button.svg) center no-repeat;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-next,
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-previous,
.btn-caret-left,
.btn-caret-right {
  position: relative;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-next::before,
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-previous::before,
.btn-caret-left::before,
.btn-caret-right::before {
  position: absolute;
  display: inline-block;
  content: "";
  background: url(/images/caret.svg) no-repeat;
  height: 15px;
  width: 10px;
  top: 16px;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-next,
.btn-caret-right {
  padding-right: 45px;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-next::before,
.btn-caret-right::before {
  right: 25px;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-previous,
.btn-caret-left {
  padding-left: 45px;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-previous::before,
.btn-caret-left::before {
  left: 25px;
  top: 12px;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.pagination {
  clear: both;
  margin: 4rem auto 2rem;
}
.pagination button {
  background-color: #fff;
  color: #656565;
  margin: 0 10px;
}
.pagination button:hover {
  background-color: #fff !important;
}
.pagination li {
  display: inline;
}
.full-width-background {
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.full-width-background h1,
.full-width-background h5 {
  color: #fff;
}
.full-width-background .full-width-image-caption {
  position: absolute;
  bottom: 50px;
}
.container-404 {
  background-image: url(../images/hero-ted.jpg);
  height: 100vh;
}
.container-404 a {
  padding: 10px;
}
.container-404 a:hover {
  color: #ccc;
}
.dropdown-menu {
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  transition: opacity 0.2s ease-in-out;
  display: block;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
}
.dropdown-open .dropdown-menu {
  opacity: 1;
  pointer-events: all;
}
.dropdown-icon {
  content: "";
  height: 50px;
  width: 50px;
  margin: 0 auto;
}
@media screen and (min-width: 61.25em) {
  .with-transparent-header:not(.scrolling) .dropdown-menu {
    background: #444;
  }
  .with-transparent-header:not(.scrolling) .dropdown-menu h6,
  .with-transparent-header:not(.scrolling) .dropdown-menu p {
    color: #fff;
  }
  .dropdown-open.with-transparent-header:not(.scrolling) .dropdown-icon svg * {
    stroke: #fff;
  }
}
@media screen and (max-width: 39.9375em) {
  .dropdown-icon {
    height: 30px;
    width: 30px;
    margin-bottom: 22px;
  }
}
progress {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  background-color: transparent;
  height: 2px;
  color: #26A6F3;
}
progress[value] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}
progress[value]::-webkit-progress-bar {
  background-color: #fff;
}
progress::-moz-progress-bar {
  background: #26A6F3;
}
progress::-webkit-progress-value {
  background: #26A6F3;
}
.selectable-list li.focused,
.selectable-list li:hover,
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item.active,
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item:hover {
  background-color: #E9F3FD;
}
.selectable-list li.selected,
.selectable-list li:active {
  background-color: #E9F3FD;
  box-shadow: inset 0 0 1px 0;
}
@media screen and (min-width: 40em) {
  .sidebar .sidebar-nav {
    width: 230px;
  }
}
.sidebar .sidebar-nav ol,
.sidebar .sidebar-nav ul {
  list-style: none;
}
.sidebar .sidebar-spacer.with-divider {
  padding-right: 10px;
}
.sidebar .sidebar-spacer.with-divider hr {
  border: 0;
  height: 0;
  margin: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.sidebar .sidebar-spacer {
  height: 20px;
}
.sidebar .sidebar-nav-section {
  margin: 0 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
}
.sidebar .sidebar-nav-section .sidebar-nav-item:not(.with-icon):not(.sidebar-dropdown),
.sidebar .sidebar-nav-section .sidebar-sub-section {
  padding-left: 20px;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item a {
  line-height: 2em;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item a:hover {
  color: #1B1E1F;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item .sidebar-pro-feature-badge:after {
  background-size: 24px!important;
  width: 24px !important;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item {
  border-radius: 4px;
  margin-right: 50px;
  margin-left: -16px;
  padding: 4px 10px 4px 20px;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item a {
  color: #8D8D8D;
  line-height: 1.625em;
  transition: color 0s ease-in;
  display: block;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item.active a,
.sidebar .sidebar-nav-section li.sidebar-nav-item li.sidebar-sub-section-item:hover a {
  color: #000;
}
.sidebar .sidebar-nav-section .sidebar-dropdown > ul {
  display: none;
  font-size: 14px;
}
.sidebar .sidebar-nav-section .sidebar-dropdown.expanded > ul {
  display: block;
}
.sidebar .sidebar-nav-section .sidebar-icon {
  height: 18px;
  width: 18px;
  margin-bottom: -3px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  cursor: pointer;
}
.sidebar .sidebar-nav-section .sidebar-caret {
  background-image: url(../images/caret.svg);
  height: 12px;
  width: 20px;
  padding: 0 8px;
  transition: transform 0.2s ease-in;
  margin-bottom: 0;
}
.sidebar .sidebar-nav-section .expanded .sidebar-caret {
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media screen and (max-width: 61.1875em) {
  .app-status-banner-container {
    padding: 0;
  }
}
.app-status-banner {
  margin-bottom: 40px;
}
.app-status-banner .app-status {
  border-radius: 3px;
  padding: 30px 20px;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 300;
  background: #FAFAFA;
  display: none;
}
.app-status-banner .app-status[data-app-incidents=true] {
  display: -ms-flexbox;
  display: flex;
}
.app-status-banner .app-status .app-status-cta,
.app-status-banner .app-status .app-status-message,
.app-status-banner .app-status .app-status-time,
.app-status-banner .app-status h5 {
  color: #343434;
}
.app-status-banner .app-status[data-app-status=critical] {
  background: #E96676;
}
.app-status-banner .app-status[data-app-status=critical] .app-status-message {
  color: #891422;
}
.app-status-banner .app-status[data-app-status=major] {
  background: #FFAE68;
}
.app-status-banner .app-status[data-app-status=major] .app-status-message {
  color: #b55400;
}
.app-status-banner .app-status[data-app-status=minor] {
  background: #FFCA66;
}
.app-status-banner .app-status[data-app-status=minor] .app-status-message {
  color: #b37500;
}
.app-status-banner .app-status .app-status-cta,
.app-status-banner .app-status .app-status-time {
  color: #FFF;
}
.app-status-banner .app-status h5 {
  font-weight: 300;
  color: #FFF;
  margin-bottom: 5px;
}
.app-status-banner .app-status[data-app-status=none] .app-status-cta,
.app-status-banner .app-status[data-app-status=none] .app-status-time,
.app-status-banner .app-status[data-app-status=none] h5 {
  color: #000;
}
@media screen and (max-width: 61.1875em) {
  .app-status-banner .app-status {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.app-status-banner > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
}
.app-status-banner .app-status-message {
  max-width: 700px;
  margin-right: auto;
}
.app-status-widget {
  margin-bottom: 30px;
}
.app-status-widget .app-status-indicator::before {
  content: "•";
  font-family: Helvetica, sans-serif;
  font-size: 1.6em;
  color: #32D17F;
}
.app-status-widget .app-status-description {
  margin-left: 34px;
}
.app-status-widget .app-status-cta {
  padding-left: 54px;
  color: #AFB9C4;
}
.app-status {
  display: -ms-flexbox;
  display: flex;
  padding-left: 8px;
}
.app-status[data-app-status=standby] .app-status-indicator:before {
  color: #FFAE68;
}
.app-status[data-app-status=major] .app-status-indicator:before {
  color: #E96676;
}
.app-status[data-app-status=loading] .app-status-description {
  margin-left: 23px;
}
.app-status[data-app-status=loading] .app-status-indicator::before {
  content: "";
}
[data-action=zoom] {
  cursor: zoom-in;
  position: relative;
}
.zoom-overlay,
[data-action=zoom].zoomed {
  cursor: zoom-out;
}
[data-action=zoom].zooming {
  z-index: 8887;
}
[data-action=zoom].zoomed {
  z-index: 9999;
}
.media-placeholder {
  position: relative;
  width: 100%;
}
.media-placeholder .media-fill {
  display: none;
}
.media-placeholder .media-fill .zoomed,
.media-placeholder .media-fill .zooming {
  display: block;
}
.media-placeholder .media-image {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 250ms ease, width 0.1s ease, background-image 250ms ease;
}
.zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #fff;
  opacity: 1;
  z-index: 8888;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-in {
  opacity: 0;
  animation-name: fadeIn;
}
.fade-out {
  opacity: 1;
  animation-name: fadeOut;
}
.secondary-section {
  background-color: #FAFAFA;
  padding-top: 60px;
  padding-bottom: 60px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.cta-popup-container {
  position: fixed;
  z-index: 2000;
  bottom: 10px;
  left: 10px;
  display: none;
  padding: 20px 22px;
  width: 440px;
  border-radius: 4px;
  box-shadow: 0 0 7px rgba(181, 179, 179, 0.28);
  background-color: #fff;
}
.cta-popup-wrapper {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.cta-popup-wrapper .cta-popup-image-wrapper {
  height: 110px;
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
@media screen and (max-width: 39.9375em) {
  .cta-popup-container {
    width: 260px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 18px;
  }
  .cta-popup-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .cta-popup-wrapper .cta-popup-image-wrapper {
    max-width: 100%;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 40em) {
  .cta-popup-wrapper .cta-popup-image-wrapper {
    min-width: 150px;
    max-width: 150px;
  }
}
.cta-popup-wrapper .cta-popup-text-wrapper {
  margin-left: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cta-popup-wrapper .cta-popup-text-wrapper .cta-popup-heading {
  font-size: 16px;
  line-height: 1.62;
  padding-bottom: 10px;
}
.cta-popup-wrapper a.cta-popup-close {
  position: absolute;
  top: 5px;
  right: 3px;
  cursor: pointer;
  padding: 5px;
}
.cta-popup-wrapper a.cta-popup-close:after {
  content: '';
  display: block;
  background: url(../images/icon-close-gray.svg) no-repeat;
  height: 14px;
  width: 14px;
}
.horizontal-list-wrapper ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.cta-block {
  background-position: center 25px;
  background-repeat: no-repeat;
  padding-top: 80px;
  padding-bottom: 90px;
}
.cta-block.dark-hero h2 p,
.cta-block.dark-hero h5 p {
  color: #fff !important;
}
.cta-block .container,
.cta-block .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cta-block .container figure,
.cta-block .resources-content-wrapper figure {
  margin-bottom: 20px;
}
.cta-block h2 > p {
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  .cta-popup-wrapper .cta-popup-text-wrapper {
    margin-left: 0;
  }
  .cta-popup-wrapper a.cta-popup-close {
    top: 1px;
    right: -3px;
  }
  .cta-block .container,
  .cta-block .resources-content-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .cta-block .container figure,
  .cta-block .resources-content-wrapper figure {
    margin-left: 0;
  }
  .cta-block h2,
  .cta-block h5 {
    text-align: left;
  }
}
.cta-block h2 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.cta-block h5 {
  color: #AFB9C4;
  max-width: 800px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 10px 0 30px;
}
.site-header.dropdown-open .static-header .header-nav-dropdown,
.site-header.scrolling .static-header .header-nav-dropdown,
.site-header.with-transparent-header .static-header .header-nav-dropdown {
  margin-top: 30px;
}
.site-header {
  margin-bottom: 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 90px;
  width: 100%;
  z-index: 8888;
  transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.site-header .header-wrapper {
  transition: transform 0.2s cubic-bezier(0.15, 0.6, 0.42, 0.91), opacity 0.1s ease-in;
}
.site-header .static-header {
  position: relative;
  background: #FFF;
  z-index: 9999;
}
.site-header .static-header .header-nav-item-children {
  display: none;
}
.site-header.with-static-header {
  position: static;
  margin-bottom: 0;
}
.site-header.with-static-header ul {
  margin-right: 0;
}
.site-header.dropdown-open .static-header,
.site-header.scrolling .static-header {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.site-header .header-nav-item.visible .head-main-nav-dropdown-wrapper:before {
  content: '';
  position: absolute;
  height: 30px;
  width: 300px;
  left: 90px;
}
.site-header.scrolling-down,
.site-header.search-header {
  top: calc(-100px);
}
.site-header.transparent-over-white .transparent-header a {
  color: #444;
}
.site-header .transparent-header {
  display: none;
  position: relative;
  background: 0 0;
  z-index: 9991;
}
.site-header .transparent-header .head-main-nav-item-title,
.site-header .transparent-header a {
  color: #fff;
}
.site-header .transparent-header .head-main-nav-item-title:hover,
.site-header .transparent-header a:hover {
  color: rgba(250, 250, 250, 0.84);
}
.site-header.with-transparent-header .transparent-header {
  display: block;
  transform: translate3d(0, -90px, 0);
}
.site-header.with-transparent-header .static-header {
  transform: translate3d(0, -90px, 0);
}
.site-header.with-transparent-header.scrolling .transparent-header {
  transform: translate3d(0, calc(-180px), 0);
}
.site-header.with-transparent-header.scrolling .static-header {
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 61.25em) {
  .site-header.with-transparent-header .static-header {
    opacity: 0;
  }
  .site-header.with-transparent-header.scrolling .static-header {
    opacity: 1;
  }
}
.site-header .flex-header {
  display: none;
}
@media (min-width: 910px) {
  .site-header .flex-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
  }
}
.site-header .flow-logo {
  overflow: hidden;
  top: 30px;
  margin-right: 16px;
}
.site-header .header-nav-right {
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.site-header .head-main-nav-item-title,
.site-header a {
  display: block;
  height: 90px;
  line-height: 90px;
  text-decoration: none;
}
.site-header .head-main-nav-item-title:hover,
.site-header a:hover {
  color: #9F9F9F;
}
.site-header .head-main-nav-item-title {
  cursor: pointer;
  position: relative;
}
.site-header a.btn {
  line-height: 30px;
}
.site-header .header-nav-dropdown {
  position: absolute;
  z-index: 500;
  background-color: #fff;
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
}
.site-header .header-nav-dropdown::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -12px;
  box-sizing: border-box;
  border: 12px solid #000;
  margin-left: -12px;
  left: calc(38%);
  border-color: transparent transparent #fff #fff;
  box-shadow: -2px 2px 2px 0 rgba(0, 0, 0, 0.05);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.site-header ul .header-nav-dropdown {
  display: none;
  margin-left: -90px;
  width: 300px;
}
.site-header ul .header-nav-dropdown .header-nav-item:nth-child(2) {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  margin-top: 10px;
}
.site-header ul .header-nav-dropdown .header-nav-item:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-top: 10px;
  height: 80px;
}
.site-header ul .header-nav-dropdown .header-nav-item.feature-item {
  background-color: #FAFBFC;
  border-top: 1px solid #f0f0f0;
}
.site-header ul .header-nav-dropdown .header-nav-item {
  transition: all .2s;
  padding-left: 10px;
  height: 58px;
  width: 100%;
}
.site-header ul .header-nav-dropdown a {
  color: #656565;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.site-header ul .header-nav-dropdown img {
  height: 36px;
  width: 36px;
  margin-right: 15px;
}
.site-header li {
  display: inline-block;
}
.site-header li.header-nav-dropdown a {
  cursor: default;
}
.site-header li .head-main-nav-item-title,
.site-header li div.head-nav-item-title {
  padding-left: 14px;
  padding-right: 14px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 910px) {
  .site-header li .head-main-nav-item-title,
  .site-header li div.head-nav-item-title {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (min-width: 910px) and (max-width: 61.25em) {
  .site-header li .head-main-nav-item-title,
  .site-header li div.head-nav-item-title {
    padding-left: 7px;
    padding-right: 7px;
  }
}
.site-header .header-signup-nav {
  display: none;
}
@media (min-width: 910px) {
  .site-header .header-signup-nav {
    display: block;
  }
}
.site-header .header-signup-nav .with-loading-spinner {
  position: relative;
}
.site-header .header-signup-nav .loading .login-btn {
  display: block;
  visibility: hidden;
}
.site-header .header-signup-nav .spinner {
  position: absolute;
  top: 2px;
  left: 30px;
}
.site-header .header-nav-login a.btn {
  height: 40px;
  line-height: 30px;
  /*padding-left: 24px;*/
  /*padding-right: 24px;*/
  margin-right: 20px;
}
.site-header .user-avatar-wrap {
  position: relative;
}
.site-header .user-avatar-wrap > a {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
}
.site-header .user-avatar-wrap > a::after {
  content: "▾";
  position: absolute;
  display: block;
  color: #656565;
  font-family: arial, sans-serif;
  right: -6px;
  font-size: 0.75em;
}
.site-header.header-transparent:not(.fixed) .site-header .user-avatar-wrap > a::after {
  color: #FFF;
}
.site-header .user-avatar-wrap .spinner {
  position: absolute;
  top: 33px;
  opacity: 1;
  left: 22px;
}
.site-header .user-avatar-wrap.loading img {
  opacity: 0.5;
}
.site-header .header-user-avatar {
  border-radius: 50%;
  height: 36px;
  width: 36px;
  position: relative;
  cursor: pointer;
  display: block;
}
.site-header .mobile-continue-to-flow,
[data-logged-in=true] .site-header .header-signup-nav,
[data-logged-in=true] .site-header .mobile-login {
  display: none;
}
.site-header.header-transparent:not(.fixed) .site-header .header-user-avatar {
  border: 2px solid #FFF;
  background: #FFF;
}
.site-header.dropdown-open .mobile-header {
  box-shadow: none;
}
[data-logged-in=true] .site-header .mobile-continue-to-flow {
  display: block;
}
.site-header .mobile-header {
  display: block;
  height: 100%;
  background: #fff;
  z-index: 9990;
  overflow-y: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.site-header .mobile-header .mobile-header-wrapper {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 910px) {
  .site-header .mobile-header {
    display: none;
  }
}
.site-header .mobile-header .flow-logo {
  margin-right: auto;
}
.site-header .mobile-header .mobile-search-button {
  text-indent: -9999px;
  font-size: 0;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 30px;
  height: 60px;
  display: none;
}
.site-header .mobile-header .mobile-menu-button {
  padding-top: 43px;
  padding-bottom: 15px;
  width: 25px;
  height: 25px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .site-header .mobile-header .flow-logo {
    top: 18px;
  }
  .site-header .mobile-header .mobile-search-button {
    display: block;
    margin-right: 15px;
  }
  .site-header .mobile-header .mobile-menu-button {
    padding-top: 28px;
  }
}
.site-header .mobile-header .mobile-menu-button span,
.site-header .mobile-header .mobile-menu-button span:after,
.site-header .mobile-header .mobile-menu-button span:before {
  border-radius: 1px;
  height: 4px;
  width: 25px;
  background: #000;
  position: absolute;
  display: block;
  content: '';
  transition: all 0.2s ease-in-out;
}
.site-header .mobile-header .mobile-menu-button span:before {
  top: -10px;
}
.site-header .mobile-header .mobile-menu-button span:after {
  bottom: -10px;
}
.site-header .mobile-header .mobile-menu-button.active span {
  background-color: transparent;
}
.site-header .mobile-header .mobile-menu-button.active span:after,
.site-header .mobile-header .mobile-menu-button.active span:before {
  top: 0;
}
.site-header .mobile-header .mobile-menu-button.active span:before {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.site-header .mobile-header .mobile-menu-button.active span:after {
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.site-header .mobile-nav {
  display: none;
  position: fixed;
  overflow-y: scroll;
  top: 90px;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  width: 100%;
  padding: 0;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
}
.site-header .mobile-nav-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 0;
  width: 100%;
}
.site-header .mobile-nav-items li {
  width: 100%;
}
.site-header .mobile-nav-items .mobile-nav-column-container li {
  width: 50%;
}
.site-header .mobile-nav-items .header-nav-subheading {
  font-size: 14px;
}
.site-header .mobile-nav-items .header-nav-subheading li {
  display: flex;
}
.site-header .mobile-nav-items .header-nav-subheading li a {
  flex: 1;
}
.site-header .mobile-nav-items .header-nav-subheading:first-child {
  text-transform: uppercase;
  color: #8596A7;
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin-bottom: 10px;
  margin-top: 20px;
}
.site-header .mobile-nav-items .header-nav-subheading .mobile-nav-item {
  height: 50px;
  line-height: 50px;
}
.site-header .mobile-nav-items .header-nav-subheading .mobile-nav-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.site-header .mobile-nav-items .mobile-nav-column-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  background-color: #FAFAFA;
  border-top: 1px solid #f0f0f0;
  margin-top: 10px;
  padding: 10px 30px 0;
}
.site-header .mobile-nav-items .mobile-nav-column-container:first-child {
  display: none;
}
.site-header .mobile-nav-items .mobile-nav-column-container.mobile-login {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
.site-header .mobile-nav-items .mobile-nav-column-container.mobile-signup {
  margin-top: 0;
  border-top: none;
  width: 100%;
}
.site-header .mobile-nav-items .mobile-nav-column-container.mobile-signup a {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}
.site-header .mobile-nav-items .mobile-nav-column-container a {
  padding-left: 0;
  padding-right: 0;
}
.site-header .mobile-nav-items a,
.site-header .mobile-nav-items div {
  height: 40px;
  line-height: 40px;
  padding-left: 30px;
  padding-right: 30px;
}
.site-header .mobile-nav-items a img,
.site-header .mobile-nav-items div img {
  height: 32px;
  width: 32px;
  margin-right: 15px;
}
.site-header .mobile-nav-items a .head-nav-item-title {
  padding-left: 0;
}
.header-navbar-nav-logged-in {
  margin-left: auto;
  display: none;
}
.header-navbar-nav-logged-in .header-navbar-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.header-navbar-nav-logged-in a.header-navbar-login {
  display: inline-block;
  margin-right: 0;
  padding: 0;
}
body[data-logged-in=true] .header-navbar-nav-logged-in {
  display: block;
}
.site-header .header-nav-dropdown.user-menu {
  margin-top: 22px;
}
.site-header .header-nav-dropdown.user-menu {
  margin-left: -56px;
  width: 250px;
}
.site-header .header-nav-dropdown.user-menu::before {
  left: 83px;
}
@media (max-width: 1240px) {
  .site-header .header-nav-dropdown.user-menu {
    margin-left: -70px;
    margin-top: -5px;
  }
  .site-header .header-nav-dropdown.user-menu::before {
    display: none;
  }
}
.mobile-nav-item .log-out-link.with-loading-spinner .spinner,
.mobile-nav-item .login-link.with-loading-spinner .spinner,
.site-header .header-nav-dropdown.user-menu > li:first-child {
  margin-top: 10px;
}
.site-header .header-nav-dropdown.user-menu > li {
  display: block;
  display: flex;
  justify-content: space-between;
  padding: 2px 10px;
}
.site-header .header-nav-dropdown.user-menu > li:last-child {
  margin-bottom: 10px;
}
.site-header .header-nav-dropdown.user-menu > li > a:hover {
  background-color: #EBF6FF;
}
.site-header .header-nav-dropdown.user-menu > li > a {
  flex: 1;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #656565;
  padding: 0 .75em;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.site-header .header-nav-dropdown.user-menu.visible {
  display: block;
}
.mobile-nav-item .continue-to-flow-button,
.mobile-nav-item .log-out-link,
body[data-logged-in=true] .mobile-nav .mobile-nav-item.mobile-login a.login-link {
  display: none;
}
.mobile-nav-item .login-link,
.mobile-nav-item .mobile-continue-to-flow {
  margin-bottom: 10px;
  color: #444;
}
body[data-logged-in=true] .mobile-nav .mobile-nav-item.mobile-login a.log-out-link {
  display: block;
}
body[data-logged-in=true] .mobile-nav .mobile-nav-item.mobile-signup .btn.mobile-signup-button {
  display: none;
}
body[data-logged-in=true] .mobile-nav .mobile-nav-item.mobile-signup .continue-to-flow-button {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
body[data-logged-in=true] .mobile-nav .mobile-nav-item.mobile-signup .continue-to-flow-button span.continue-to-flow-logo {
  display: block;
  width: 90px;
  height: 25px;
  margin-left: 5px;
  background-image: url(../images/flow-logo-mono.svg);
  background-position: right center;
  background-repeat: no-repeat;
}
footer {
  background-color: #fff;
}
@media screen and (max-width: 39.9375em) {
  .site-header .mobile-nav {
    bottom: 0;
  }
  html[data-useragent*="rv:11.0"] .site-description {
    max-width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  html[data-useragent*="rv:11.0"] .site-description {
    max-width: 500px;
  }
}
.site-footer {
  padding: 30px 0 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .site-footer {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 61.25em) {
  html[data-useragent*="rv:11.0"] .site-description {
    max-width: 380px;
  }
  .site-footer {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.site-footer .footer-column {
  /*width: 100%;*/
  margin: 20px 0;
}
@media screen and (min-width: 40em) {
  .site-footer .nav-column {
    padding: 0 25px;
    margin-left: 20px;
  }
}
.site-footer .site-description-column {
  /*max-width: 400px;*/
  color: #8D8D8D;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .site-footer .site-description-column {
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .site-footer .footer-nav-column {
    min-width: 170px;
  }
}
@media screen and (min-width: 61.25em) {
  .site-footer .site-description-column {
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.site-footer .site-description-column p {
  margin: 0;
  line-height: 25px;
}
.site-footer .site-description-column .flow-logo {
  width: 120px;
  height: 50px;
  margin-top: 5px;
}
.site-footer .site-description-column .flow-logo a::before {
  height: 60px;
  width: 200px;
  background-size: 60%;
}
.site-footer .site-description-column .site-description {
  padding-right: 20px;
}
.site-footer .footer-nav-column {
  margin-bottom: 30px;
}
@media (min-width: 500px) and (max-width: 640px) {
  .site-footer .footer-nav-column:first-child {
    min-width: 130px;
  }
}
@media screen and (min-width: 40em) {
  .site-footer .footer-nav-column {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
  }
}
@media screen and (min-width: 61.25em) {
  .site-footer .footer-nav-column {
    margin-bottom: 0;
  }
}
.site-footer .footer-nav-column h6 {
  margin-bottom: 5px;
  color: #656565;
}
.site-footer .footer-nav {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 18px;
}
@media screen and (max-width: 39.9375em) {
  .site-footer .footer-nav {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.site-footer .footer-nav-item {
  padding: 5px 0;
}
@media screen and (min-width: 40em) {
  .site-footer .footer-nav {
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: left;
    font-size: initial;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .site-footer .footer-nav-item {
    padding: 0;
  }
}
.site-footer .footer-nav-item a {
  color: #8D8D8D;
}
.site-footer .footer-nav-item a:hover {
  color: #5a5a5a;
}
.footer-social-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -ms-flex-pack: center;
  justify-content: center;
}
.footer-social-wrapper .facebook-cta,
.footer-social-wrapper .twitter-cta {
  width: 20px;
}
.footer-social-wrapper .facebook-cta {
  margin-right: 15px;
}
.footer-social-wrapper .footer-social-icon {
  width: 20px;
  height: 20px;
}
.copyright-column {
  margin: 0 0 60px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 61.1875em) {
  .site-footer .site-description-column {
    max-width: 400px;
  }
  .copyright-column {
    -ms-flex-align: center;
    align-items: center;
  }
}
.footer-masthead {
  margin-bottom: 5px;
  text-align: center;
}
.footer-masthead a {
  color: #656565;
  font-weight: 400;
}
.footer-masthead p {
  margin: 0;
  color: #8D8D8D;
}
.copyright {
  color: #8D8D8D;
}
.resources {
  padding-top: 72px;
  padding-bottom: 60px;
  background-color: #26A6F3;
}
.resources-header {
  max-width: 880px;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-bottom: 62px;
  margin-left: auto;
  text-align: center;
}
.resources-header h2 {
  color: #FFF;
}
.resources-content-wrapper ul {
  padding-left: 0;
  margin: 0 -15px;
  list-style: none;
  font-size: 0;
}
.solutions-ebook-content,
.solutions-ebook-content > .solutions-article-content {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 61.25em) {
  .resources-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .resources-content-wrapper ul {
    display: -ms-flexbox;
    display: flex;
  }
  .solutions-ebook-content,
  .solutions-ebook-content > .solutions-article-content {
    width: 50%;
    max-width: none;
  }
}
.solutions-article-content {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.resources-item {
  display: inline-block;
  width: 100%;
  padding-right: 7px;
  padding-left: 7px;
  margin-bottom: 30px;
}
@media screen and (min-width: 61.25em) {
  .resources-item {
    margin-bottom: 10px;
  }
}
.solutions-ebook-content .resources-item {
  height: 100%;
}
.resources-item-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: 100%;
  height: calc(84%);
}
@media screen and (min-width: 40em) {
  .resources-item-content {
    display: table;
  }
  .resources-item-image,
  .resources-item-info {
    display: table-cell;
    vertical-align: top;
  }
}
.resources-item-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin: 0;
}
.resources-item-image::before {
  display: block;
  width: 100%;
  padding-top: 41.4%;
  content: "";
}
.resources-item-image img {
  display: none;
}
@media screen and (min-width: 40em) {
  .resources-item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    width: 180px;
  }
  .resources-item-image::before {
    display: block;
    width: 100%;
    padding-top: 100%;
    content: "";
  }
  .resources-item-image img {
    display: none;
  }
}
.resources-item-image a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.resources-item-info {
  position: relative;
  width: auto;
  padding: 25px 30px;
  background-color: #FFF;
  font-size: 16px;
}
.resources-item-info h3 {
  margin-bottom: 12px;
}
@media screen and (min-width: 40em) {
  .solutions-ebook-content .resources-item-info {
    width: 50%;
  }
  .resources-item-info .btn {
    position: absolute;
    bottom: 30px;
  }
}
body[data-logged-in=true].signup form.signup-form {
  display: none;
}
form.signup-form {
  position: relative;
  margin: 2em auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  max-width: 370px;
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}
form.signup-form a {
  color: #26A6F3;
}
form.signup-form .signup-form-input-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 61.1875em) {
  form.signup-form .signup-form-input-wrapper {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
form.signup-form.checking-email-provider .input-wrap .spinner {
  display: block;
}
@media screen and (max-width: 39.9375em) {
  form.signup-form {
    margin-top: 1em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  form.signup-form .signup-form-input-wrapper {
    width: 100%;
  }
  form.signup-form .input-wrap {
    min-width: 100%;
  }
}
form.signup-form a.btn,
form.signup-form input {
  height: 50px;
  line-height: 20px;
}
form.signup-form a.google-signup-btn {
  color: #757575;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  height: 46px;
}
form.signup-form a.google-signup-btn::after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
form.signup-form a.google-signup-btn.loading span.text {
  opacity: 0;
}
form.signup-form a.google-signup-btn.loading::after {
  display: block;
}
form.signup-form .google-message-wrapper span.google-auth-message,
form.signup-form .google-message-wrapper span.google-login-message {
  height: 50px;
  text-align: center;
  display: none;
}
form.signup-form .input-wrap {
  position: relative;
  margin-bottom: 25px;
}
form.signup-form .input-wrap .spinner {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  display: none;
  pointer-events: none;
}
form.signup-form.error-message-visible.google-login-error .google-message-wrapper span.google-login-message,
form.signup-form.success .input-icon.success:after {
  display: block;
}
form.signup-form .input-wrap input.text-input {
  outline-color: transparent;
  outline-style: none;
  -webkit-appearance: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 370px;
  border: 1px solid #d7d9dc;
  border-radius: 6px;
  padding-left: 45px;
}
form.signup-form .input-wrap input.text-input::-webkit-input-placeholder {
  color: #d7d9dc;
}
form.signup-form .input-wrap input.text-input:-ms-input-placeholder {
  color: #d7d9dc;
}
form.signup-form .input-wrap input.text-input::placeholder {
  color: #d7d9dc;
}
@media screen and (max-width: 39.9375em) {
  form.signup-form .input-wrap input.text-input {
    width: 100%;
  }
}
form.signup-form .input-wrap .message-wrapper {
  position: absolute;
  font-size: 12px;
  right: 0;
  padding-right: 3px;
  color: #ED911A;
  margin-top: -2px;
}
form.signup-form input.form-field.success {
  border: 2px solid #32D17F;
}
form.signup-form.success .input-icon.login:before {
  background-image: url(../images/signup-form-email-icon-green.svg);
}
form.signup-form.error-message-visible input.error {
  border: 2px solid #FFCA66 !important;
}
form.signup-form.error-message-visible.google-login-error .google-signup-btn {
  display: none;
}
form.signup-form.error-message-visible.google-auth-error .google-message-wrapper span.google-auth-message {
  display: block;
}
form.signup-form.error-message-visible.google-auth-error .google-signup-btn {
  display: none;
}
form.signup-form .input-icon {
  position: absolute;
  height: 100%;
  top: 0;
}
form.signup-form .input-icon:after,
form.signup-form .input-icon:before {
  position: absolute;
  display: block;
  content: '';
  height: 100%;
  width: 25px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 20px;
}
form.signup-form .input-icon:before {
  margin-left: 15px;
}
form.signup-form .input-icon:after {
  background-position: right;
  background-position-x: right;
  right: -360px;
  display: none;
}
form.signup-form .input-icon.login:before {
  background-image: url(../images/signup-form-email-icon.svg);
}
form.signup-form .input-icon.success:after {
  background-image: url(../images/signup-form-success.svg);
}
form.signup-form .input-icon.password:before {
  background-image: url(../images/signup-form-password-icon.svg);
}
form.signup-form .input-icon.error:after {
  background-image: url(../images/signup-form-error-sign.svg);
}
form.signup-form.error-message-visible.email .input-icon.success:after {
  display: block;
  background-image: url(../images/signup-form-error-sign.svg);
}
form.signup-form.error-message-visible.email .input-icon.login:before {
  background-image: url(../images/signup-form-email-error.svg);
}
form.signup-form.error-message-visible.password .input-icon.password:before {
  display: none;
}
form.signup-form.error-message-visible.password .input-icon.error:before {
  background-image: url(../images/signup-form-password-icon-error.svg);
}
form.signup-form a.btn span.text {
  font-size: 1.125em;
}
form.signup-form a.btn.disabled {
  opacity: .8;
  pointer-events: none;
}
form.signup-form .email-signup {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: flex;
}
form.signup-form .form-submit {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  form.signup-form .email-signup {
    width: 100%;
  }
  form.signup-form .form-submit {
    margin-top: 10px;
    min-width: 100%;
  }
}
form.signup-form .form-submit input[type=submit] {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 0;
  opacity: 0;
}
form.signup-form .form-submit .btn {
  position: relative;
  z-index: 10;
  width: initial;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  overflow: hidden;
  height: 46px;
}
form.signup-form .form-submit .spinner {
  background-size: 12px;
  opacity: 1;
  display: none;
  position: absolute;
  width: 12px;
  height: 100%;
  top: 0;
  left: 0;
}
form.signup-form .form-submit span.loading {
  display: none;
}
form.signup-form .form-submit.loading .btn {
  box-shadow: none;
  text-shadow: none;
  cursor: default;
  pointer-events: none;
  opacity: 0.8;
}
form.signup-form .form-submit.loading .btn span {
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
  display: none;
}
form.signup-form .form-submit.loading .btn span .loading-text,
form.signup-form .form-submit.loading .btn span.loading {
  display: inline-block !important;
}
form.signup-form .form-submit.loading .spinner {
  display: inline;
}
form.signup-form .login-link {
  color: #26A6F3;
  position: relative;
  opacity: 1;
}
form.signup-form .login-link:hover {
  color: #26A6F3;
  opacity: 0.8;
}
form.signup-form .login-link img {
  margin-bottom: 1px;
  margin-left: 2px;
  -webkit-backface-visibility: hidden;
}
form.signup-form .login-link .spinner {
  position: absolute;
  top: 5px;
  left: 30px;
}
form.signup-form .login-link.loading .login-btn,
form.signup-form .login-link.loading img {
  visibility: hidden;
}
form.signup-form .signup-cta-login-option .spinner {
  top: 0;
  left: 60px;
}
form.signup-form.sign-in .login-link img {
  animation: bounce 2s infinite;
}
.continue-to-flow {
  display: none;
  text-align: center;
  margin: 3em 0 1em;
  min-height: 90px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
body[data-logged-in=true] .continue-to-flow {
  display: -ms-flexbox;
  display: flex;
}
.continue-to-flow .header-user-avatar {
  width: 70px;
  margin-bottom: 20px;
}
.continue-to-flow .continue-to-flow-user {
  font-size: 18px;
  margin-bottom: 40px;
}
.continue-to-flow .btn.continue-to-flow-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  text-transform: none;
  height: 50px;
  background-color: #26A6F3;
  border-color: #26A6F3;
  border-radius: 6px;
}
@media screen and (min-width: 40em) {
  .continue-to-flow .btn.continue-to-flow-button {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.continue-to-flow .btn.continue-to-flow-button:hover {
  background-color: #0e9cf2;
  border-color: #0e9cf2;
}
.continue-to-flow .continue-to-flow-logout {
  color: #8596A7;
  margin-top: 20px;
}
section.signup-container {
  min-height: 350px;
  background-size: cover;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2em 0;
}
section.signup-container h2 {
  max-width: 600px;
  text-align: center;
  padding: 20px 40px;
}
[data-logged-in=true] section.signup-container h2 {
  display: none;
}
section.signup-container .signup-form-wrap {
  margin-bottom: 0;
}
.social-share a {
  margin-right: 5px;
  opacity: .75;
  display: inline-block;
}
.social-share a::before {
  display: inline-block;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  content: "";
}
.social-share a:hover {
  opacity: 1;
}
.social-share span {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  color: #fff;
}
.social-share .facebook-share::before {
  background-image: url(../images/icon-facebook.svg);
}
.social-share .twitter-share::before {
  background-image: url(../images/icon-twitter.svg);
}
.social-share .linkedin-share::before {
  background-image: url(../images/icon-linkedin.svg);
}
.social-share .email-share::before {
  background-image: url(../images/icon-email.svg);
}
.features-list {
  margin-top: 20px;
}
.features-list .feature-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 25px;
}
.features-list .feature-item img {
  margin-right: 20px;
}
.features-list .feature-item-title {
  font-size: 20px;
  margin-bottom: 15px;
}
.features-list .feature-item-text {
  font-size: 18px;
  line-height: 24px;
  color: #AFB9C4;
}
.page-heading-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
  padding-bottom: 80px;
}
.heading-icon img {
  height: 100px;
  max-width: 150px;
}
.heading-text {
  padding-top: 10px;
}
.heading-text h1,
.heading-text h4 {
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .page-heading-container {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .heading-text h1,
  .heading-text h4 {
    text-align: left;
  }
}
.heading-text h1 {
  padding-bottom: 20px;
}
.heading-text h4 {
  color: #8596A7;
  max-width: 800px;
}
.partial-company-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 39.9375em) {
  .partial-company-logos {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .partial-company-logos {
    margin-top: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.partial-company-logos img {
  display: block;
  max-height: 30px;
  height: auto;
  width: auto;
}
@media screen and (max-width: 39.9375em) {
  .partial-company-logos img {
    margin: 15px 20px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .partial-company-logos img {
    margin: 20px 30px;
  }
}
.partial-company-loved-by {
  color: #8596A7;
  width: 150px;
  margin-bottom: 40px;
}
@media screen and (max-width: 61.1875em) {
  .partial-company-loved-by {
    display: none;
  }
}
.partial-company-company {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 61.1875em) {
  .partial-company-company {
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 61.25em) {
  .features-list {
    background-color: transparent !important;
  }
  .partial-company-company {
    width: 800px;
  }
}
.company-section-border {
  margin-bottom: 10px;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
}
.article-feedback .article-feedback-negative .feedback-input-wrapper textarea:focus,
.email-capture-form-wrapper input:focus {
  box-shadow: none;
}
.company-section-bottom-border {
  border-bottom: 1px solid #f0f0f0;
}
.email-capture-form-wrapper {
  min-height: 60px;
}
@media screen and (max-width: 39.9375em) {
  .email-capture-form-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .email-capture-form-wrapper {
    width: 500px;
  }
}
.email-capture-form-wrapper.success .email-form-success-container {
  display: -ms-flexbox;
  display: flex;
}
.email-capture-form-wrapper.success .email-capture-form {
  display: none;
}
.email-capture-form-wrapper form.email-capture-form {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -ms-flex-direction: column;
  flex-direction: column;
}
.email-capture-form-wrapper ::-webkit-input-placeholder {
  color: #C3C3C3;
}
.email-capture-form-wrapper input.email-capture-email-field {
  border: 1px solid #e1e1e1;
  color: #FAFAFA;
  box-sizing: border-box;
  height: 46px;
}
.email-capture-form-wrapper input#fieldEmail.email-capture-email-field {
  color: #9F9F9F;
  padding-left: 15px;
}
@media screen and (max-width: 39.9375em) {
  .email-capture-form-wrapper .btn {
    width: inherit;
  }
}
@media screen and (min-width: 40em) {
  .email-capture-form-wrapper form.email-capture-form {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .email-capture-form-wrapper input.email-capture-email-field {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
  }
  .email-capture-form-wrapper .btn.btn-orange {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .email-capture-form-wrapper .btn {
    margin: 0;
    width: initial;
  }
  .testimonial-offset-block .testimonial-offset-block-testimonials-column {
    float: left;
  }
}
.email-capture-form-wrapper .email-form-success-container {
  display: none;
  font-size: 18px;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  max-width: 400px;
}
.email-capture-form-wrapper .email-form-success-container img {
  max-width: 30px;
  max-height: 30px;
  margin-right: 15px;
}
.testimonial-block {
  display: block;
}
.testimonial-card-quote-image .testimonial-card-wrapper {
  background: url(../images/quote.svg) 15px 15px no-repeat #fff;
}
.testimonial-card-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 300px;
  background-color: #FFF;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 20px 25px;
  margin-left: 20px;
}
@media screen and (max-width: 39.9375em) {
  .testimonial-card-wrapper {
    max-width: 290px;
    margin-left: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .testimonial-card-wrapper .testimonial-card-quote {
    font-size: 16px;
  }
  .testimonial-card-wrapper .testimonial-card-attribution {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
  }
  .testimonial-card-wrapper .testimonial-card-attribution .testimonial-card-author .testimonial-card-author-company,
  .testimonial-card-wrapper .testimonial-card-attribution .testimonial-card-author .testimonial-card-author-name {
    font-size: 13px;
  }
}
.testimonial-card-quote {
  margin-top: 10px;
}
.testimonial-card-attribution {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
}
.testimonial-card-attribution .testimonial-card-author-image {
  height: 50px;
  width: 50px;
  margin-right: 15px;
}
.testimonial-card-attribution .testimonial-card-author {
  color: #9F9F9F;
}
.testimonial-card-attribution .testimonial-card-author .testimonial-card-author-name {
  line-height: 18px;
}
.testimonial-hero-container {
  background: 20% 0 no-repeat;
}
.image-and-testimonial,
.testimonial-hero-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
.image-and-testimonial img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 444px;
  max-width: 494px;
}
@media screen and (max-width: 61.1875em) {
  .image-and-testimonial {
    display: none;
  }
}
.testimonial-hero-text-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 95px;
}
.testimonial-hero-text-container.dark-hero {
  color: #FFF;
}
.testimonial-hero-image {
  max-height: 444px;
}
.testimonial-hero-company-logo {
  max-height: 45px;
  max-width: 90px;
}
@media screen and (max-width: 61.1875em) {
  .testimonial-hero-text-container {
    padding: 75px 0 60px;
    text-align: center;
    margin: 0 auto;
  }
  .testimonial-hero-company-logo {
    margin: 0 auto;
  }
}
.testimonial-hero-author-image {
  height: 50px;
  width: 50px;
}
.testimonial-hero-quote {
  padding: 15px 0 35px;
  font-size: 30px;
  line-height: 45px;
  max-width: 700px;
}
.testimonial-hero-attribute {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 61.1875em) {
  .testimonial-hero-quote {
    padding: 35px 0;
    font-size: 24px;
    line-height: 38px;
  }
  .testimonial-hero-attribute {
    max-width: 250px;
    margin: 0 auto;
    text-align: left;
  }
  .testimonial-hero-attribution-wrapper .testimonial-hero-attribute-author {
    text-align: left;
  }
}
.testimonial-hero-attribution-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  padding: 5px 10px;
}
.testimonial-hero-attribution-wrapper .testimonial-hero-attribute-author {
  max-width: 140px;
  vertical-align: center;
}
.testimonial-no-image-container {
  padding: 75px 0 60px;
  text-align: center;
  margin: 0 auto;
}
.testimonial-no-image-container .testimonial-hero-company-logo {
  margin: 0 auto 15px;
}
.testimonial-no-image-container .testimonial-hero-attribute {
  margin: 0 auto;
  text-align: left;
}
.article-feedback {
  margin-top: 80px;
  margin-bottom: 60px;
  max-width: 770px;
}
.article-feedback .article-feedback-wrapper {
  min-height: 75px;
}
.article-feedback .article-feedback-wrapper .article-feedback-prompt {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #FAFBFC;
  padding: 20px;
  border-radius: 6px;
}
@media screen and (max-width: 61.1875em) {
  .article-feedback {
    width: 100%;
  }
  .article-feedback .article-feedback-wrapper .article-feedback-prompt {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
  }
  .article-feedback .article-feedback-wrapper .article-feedback-prompt h4 {
    padding-bottom: 15px;
    line-height: 30px;
    font-size: 20px;
  }
}
.article-feedback .article-feedback-wrapper .article-feedback-prompt .article-feedback-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (max-width: 320px) {
  .article-feedback .article-feedback-wrapper .article-feedback-prompt .article-feedback-options {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 320px) {
  .article-feedback .article-feedback-wrapper .article-feedback-prompt .article-feedback-options .btn:first-child {
    margin-right: 15px;
  }
}
.article-feedback label {
  cursor: default;
}
.article-feedback .article-feedback-positive {
  background-color: #32D17F;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-radius: 6px;
  background-image: url(/images/background-icons-transparent.svg);
  background-size: contain;
}
@media screen and (max-width: 39.9375em) {
  .article-feedback .article-feedback-wrapper .btn {
    margin-top: 10px;
  }
  .article-feedback .article-feedback-positive {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.article-feedback .article-feedback-positive h4 {
  color: #fff;
}
.article-feedback .article-feedback-error,
.article-feedback .article-feedback-negative,
.article-feedback .article-feedback-positive {
  display: none;
}
.article-feedback .article-feedback-negative {
  background-color: #FAFBFC;
  padding: 20px;
  border-radius: 6px;
}
.article-feedback .article-feedback-negative .feedback-input {
  margin-top: 10px;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper textarea {
  resize: none;
  outline: 0;
  border: 1px solid #e1e1e1;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper textarea::-webkit-input-placeholder {
  color: #C3C3C3;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper textarea:-ms-input-placeholder {
  color: #C3C3C3;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper textarea::placeholder {
  color: #C3C3C3;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper a {
  color: #26A6F3;
}
.article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper input.btn {
  height: 32px;
  line-height: 14px;
  padding-left: 30px;
  padding-right: 30px;
  width: auto;
}
.testimonial-offset-block {
  background-position: 50% 30%;
  background-repeat: no-repeat;
  padding: 100px 0 70px;
  overflow: hidden;
}
.testimonial-offset-block .container,
.testimonial-offset-block .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 61.1875em) {
  .article-feedback .article-feedback-negative .feedback-input-wrapper {
    text-align: left;
  }
  .article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .article-feedback .article-feedback-negative .feedback-input-wrapper .feedback-submit-wrapper input.btn {
    margin-top: 10px;
  }
  .testimonial-offset-block .container,
  .testimonial-offset-block .resources-content-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.testimonial-offset-block .testimonial-offset-block-copy {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .testimonial-offset-block {
    background-repeat: repeat;
  }
  .testimonial-offset-block .testimonial-offset-block-copy {
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 50px;
    display: block;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .testimonial-offset-block .testimonial-offset-block-copy {
    margin-bottom: 75px;
  }
}
@media screen and (min-width: 61.25em) {
  .testimonial-offset-block .testimonial-offset-block-copy {
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 50px;
    max-width: calc(-440%);
  }
  .testimonial-offset-block .testimonial-offset-block-copy .block-subheading {
    text-align: left;
  }
}
.testimonial-offset-block .testimonial-offset-block-copy img.home-block-icon {
  height: 60px;
  width: 65px;
  margin-bottom: 30px;
}
.testimonial-offset-block .testimonial-offset-block-copy img.block-icon {
  margin-bottom: 30px;
  max-width: 65px;
}
.testimonial-offset-block .testimonial-offset-block-copy h5 {
  max-width: 500px;
  padding: 0 20px;
  color: #fff;
}
@media screen and (max-width: 39.9375em) {
  .testimonial-offset-block .testimonial-offset-block-copy h5 {
    padding: 0;
  }
  .testimonial-offset-block .testimonial-offset-block-testimonials {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.testimonial-offset-block .testimonial-offset-block-copy a {
  margin-top: 50px;
  padding: 0 13px;
  display: block;
}
@media only screen and (max-width: 360px) {
  .testimonial-offset-block .testimonial-offset-block-copy a::after {
    display: none;
  }
}
.testimonial-offset-block .testimonial-offset-block-copy .block-subheading {
  padding-left: 0;
  padding-right: 0;
}
.testimonial-offset-block .testimonial-offset-block-testimonials {
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}
.testimonial-offset-block .testimonial-offset-block-testimonials p {
  color: #444;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .testimonial-offset-block .testimonial-offset-block-testimonials {
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
  }
  .testimonial-offset-block .testimonial-offset-card {
    margin-left: 20px;
  }
}
@media screen and (min-width: 61.25em) {
  .testimonial-offset-block .testimonial-offset-block-testimonials {
    width: 580px;
  }
  .testimonial-offset-block .testimonial-offset-block-testimonials-column:last-child {
    margin-top: -40px;
  }
  .testimonial-offset-block .testimonial-offset-card:nth-child(3n) {
    margin-top: -20px;
  }
}
.testimonial-offset-block .testimonial-offset-card .testimonial-card-wrapper {
  width: 290px;
}
@media screen and (max-width: 39.9375em) {
  .testimonial-offset-block .testimonial-offset-card .testimonial-card-wrapper {
    margin-bottom: 30px;
  }
}
.testimonial-offset-block .testimonial-offset-card .testimonial-card-attribution {
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
}
@media screen and (max-width: 61.1875em) {
  .features-navigation-container {
    display: none;
  }
}
.features-navigation-container.sticky {
  position: fixed;
  margin-top: 90px;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
}
.features-navigation-container.sticky .features-navigation-items {
  padding-top: 10px;
  padding-bottom: 10px;
}
.features-navigation-container.sticky .features-navigation-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 55px;
  padding-bottom: 0;
}
.features-navigation-container.sticky .features-navigation-item img {
  height: 0;
}
.features-navigation-container.sticky .features-navigation-heading {
  padding-top: 0;
}
.features-navigation-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 54px;
  transition: padding 0.4s ease-in-out;
}
.features-navigation-items a.active {
  border-radius: 6px;
  color: #fff;
}
.features-navigation-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  min-height: 80px;
  min-width: 130px;
}
.features-navigation-item img {
  transition: height 0.4s ease-in-out;
  max-width: 40px;
  margin: 0 auto;
  height: 40px;
}
.features-navigation-heading {
  transition: padding 0.5s ease-in-out;
  padding-top: 10px;
  display: block;
  text-align: center;
  max-width: 110px;
}
.features-carousel-container {
  padding-top: 20px;
  padding-bottom: 70px;
  overflow: hidden;
}
.features-carousel-container :focus {
  outline: 0;
}
.features-carousel-container .main-carousel {
  position: relative;
  margin-top: 30px /*margin-top: 40px*/;
}
.features-carousel-container .main-carousel .features-carousel-cell-desktop,
.features-carousel-container .main-carousel .flickity-slider,
.features-carousel-container .main-carousel .flickity-viewport {
  /*height: 650px*/
  height: 600px;
}
.flickity-slider {
  /*transition: transform 1s ease-in;*/
  -webkit-transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.features-carousel-container .main-carousel .features-carousel-cell-desktop,
.features-carousel-container .main-carousel .features-control-mobile-image {
  transition: opacity .5s linear;
  opacity: .4;
  cursor: pointer;
}
.features-carousel-container .main-carousel .features-carousel-cell-desktop:hover,
.features-carousel-container .main-carousel .features-control-mobile-image:hover {
  opacity: 0.8;
}
.features-carousel-container .main-carousel .features-carousel-cell-desktop.is-selected,
.features-carousel-container .main-carousel .features-control-mobile-image.is-selected {
  opacity: 1;
  cursor: default;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .features-carousel-container .main-carousel .features-carousel-cell-desktop {
    height: 400px;
  }
}
.features-carousel-container .main-carousel .features-control-mobile-image {
  max-width: 330px;
  margin-right: 20px;
}
@media screen and (min-width: 61.25em) {
  .features-carousel-container .main-carousel .features-control-mobile-image {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .features-carousel-container .main-carousel.features-carousel-desktop {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  .features-carousel-container .main-carousel.features-carousel-mobile {
    display: none;
  }
  .features-controls ul {
    display: table-cell;
  }
}
.cta-block h2.heading-badge:after,
.sidebar .sidebar-nav-section li.sidebar-nav-item .sidebar-pro-feature-badge:after,
.support .support-card-info .support-card-description h6 span.pro-feature-badge,
.support-container .support-article-wrapper .pro-feature-badge:after,
.support-home-wrapper .category-name.pro-feature-badge:after,
main.new .heading-coming-soon:before,
main.new .heading-enterprise-badge:after,
main.new .heading-pro-badge-shadow:after,
main.new .heading-pro-badge:after,
main.whatsNew .heading-coming-soon:before,
main.whatsNew .heading-enterprise-badge:after,
main.whatsNew .heading-pro-badge-shadow:after,
main.whatsNew .heading-pro-badge:after {
  content: '';
  display: inline-block;
  height: 25px;
  width: 45px;
  margin-left: 15px;
  margin-top: 20px;
}
@media screen and (max-width: 39.9375em) {
  .cta-block h2.heading-badge:after,
  .sidebar .sidebar-nav-section li.sidebar-nav-item .sidebar-pro-feature-badge:after,
  .support .support-card-info .support-card-description h6 span.pro-feature-badge,
  .support-container .support-article-wrapper .pro-feature-badge:after,
  .support-home-wrapper .category-name.pro-feature-badge:after,
  main.new .heading-coming-soon:before,
  main.new .heading-enterprise-badge:after,
  main.new .heading-pro-badge-shadow:after,
  main.new .heading-pro-badge:after,
  main.whatsNew .heading-coming-soon:before,
  main.whatsNew .heading-enterprise-badge:after,
  main.whatsNew .heading-pro-badge-shadow:after,
  main.whatsNew .heading-pro-badge:after {
    margin-left: 5px;
  }
}
.cta-block h2.heading-badge:after,
.sidebar .sidebar-nav-section li.sidebar-nav-item .sidebar-pro-feature-badge:after,
.support .support-card-info .support-card-description h6 span.pro-feature-badge,
.support-container .support-article-wrapper .pro-feature-badge:after,
.support-home-wrapper .category-name.pro-feature-badge:after,
main.new .heading-pro-badge:after,
main.whatsNew .heading-pro-badge:after {
  background: url(/images/badge-pro.svg) no-repeat;
  width: 45px;
  height: 22px;
}
.sidebar .sidebar-nav-section li.sidebar-nav-item .sidebar-pro-feature-badge:after,
.support .support-card-info .support-card-description h6 span.pro-feature-badge {
  background-size: 30px;
  height: 14px;
  width: 30px;
  margin-top: 0;
  margin-left: 0;
  background-position: bottom left;
}
main.new .heading-pro-badge-shadow:after,
main.whatsNew .heading-pro-badge-shadow:after {
  background: url(/images/badge-pro-shadow.svg) no-repeat;
  height: 19px;
  width: 50px;
  padding-top: 10px;
}
main.new .heading-enterprise-badge:after,
main.whatsNew .heading-enterprise-badge:after {
  background: url(/images/badge-enterprise.svg) no-repeat;
  height: 22px;
  width: 90px;
}
main.new .heading-coming-soon:before,
main.whatsNew .heading-coming-soon:before {
  background: url(/images/badge-coming-soon.svg) no-repeat;
  width: 100px;
  margin-left: 0;
}
.scrolling-social-share-wrapper {
  position: absolute;
  width: 50px;
  height: 100%;
  left: -80px;
  top: -75px;
}
@media screen and (max-width: 61.1875em) {
  .scrolling-social-share-wrapper {
    display: none;
  }
}
.blog-entry-wrapper {
  /*max-width: 700px;*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 40px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #9F9F9F;
  border-bottom: 1px solid #f0f0f0;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation {
  cursor: pointer;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-back-button {
  content: '';
  background: url(../images/button-arrow.svg) no-repeat;
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  height: 11px;
  width: 18px;
  left: 0px;
  top: 7px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-back-button:hover {
  opacity: 0.6;
}
@media screen and (max-width: 61.1875em) {
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation {
    display: -ms-flexbox;
    display: flex;
  }
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-back-button {
    margin-top: 5px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 61.25em) {
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation {
    position: relative;
    padding-bottom: 12px;
  }
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-back-button {
    position: absolute;
  }
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-category {
    margin-left: 25px;
  }
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-category {
  font-size: 11px;
  border-radius: 30px;
  border: 1px solid #f2f2f2;
  color: #8D8D8D;
  padding: 1px 7px;
  margin-bottom: 10px;
  line-height: 18px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-navigation .blog-entry-category:hover {
  background-color: #C3C3C3;
  border-color: #C3C3C3;
  color: #fff;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0px;
}
@media screen and (max-width: 61.1875em) {
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes {
    padding-bottom: 15px;
  }
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes .blog-entry-post-author-image {
  padding-right: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes .blog-entry-post-author-image img {
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes .blog-entry-author {
  font-size: 13px;
  font-weight: 400;
  color: #656565;
  padding-right: 10px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-author-attributes .blog-entry-date {
  padding-top: 2px;
  font-size: 11px;
}
.blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-twitter-button {
  padding-top: 4px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .blog-entry-wrapper .blog-entry-attributes-wrapper .blog-entry-post-attributes .blog-entry-twitter-button {
    padding-top: 4px;
    margin-top: -35px;
  }
}
.blog-entry-wrapper .blog-entry-heading {
  font-size: 30px;
  line-height: 1.33;
  padding-top: 25px;
}
.blog-entry-social-share {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px;
}
.blog-entry-social-share .blog-entry-date {
  font-size: 11px;
  color: #8D8D8D;
}
.blog-entry-wrapper .blog-entry-subheading {
  font-size: 22px;
  line-height: 1.6;
  color: #9F9F9F;
  padding-top: 15px;
  padding-bottom: 50px;
}
.blog-entry-wrapper .blog-entry-body {
  position: relative;
}
.blog-entry-body ol li{
}
.blog-entry-body ol li img{
  margin: 10px auto;
  display: inherit;
}
.blog-entry-wrapper iframe {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: 400px;
}
@media screen and (max-width: 39.9375em) {
  .blog-entry-wrapper iframe {
    height: 230px;
  }
}
.blog-entry-wrapper .video-container {
  margin-top: 75px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 61.25em) {
  .blog-entry-wrapper .video-container iframe {
    width: 100%!important;
    height: 600px !important;
  }
}
.blog-entry-wrapper p {
  padding-bottom: 25px;
}

.blog-entry-wrapper p img {
  margin: 0 auto;
  display: block;
  max-width : 588px;
}

@media screen and (max-width: 39.9375em) {
  .blog-entry-wrapper p img {
    margin: 0 auto;
    display: block;
    max-width : 88%;
  }
}


.blog-entry-wrapper .blog-body-quote,
.blog-entry-wrapper blockquote {
  color: #9F9F9F;
  border-left: none;
  padding-left: 50px;
  position: relative;
  margin-bottom: 60px;
  margin-top: 60px;
}
.blog-entry-wrapper .blog-body-quote::before,
.blog-entry-wrapper blockquote::before {
  content: '';
  background: url(/images/quotes-blog.svg) no-repeat;
  position: absolute;
  height: 20px;
  width: 30px;
  top: 0;
  left: 0;
}
.blog-entry-wrapper .blog-body-quote em,
.blog-entry-wrapper blockquote em {
  font-style: normal !important;
}
/*.blog-entry-wrapper .blog-body-quote p,*/
/*.blog-entry-wrapper blockquote p {*/
  /*max-width: 600px;*/
/*}*/
.blog-entry-wrapper .blog-body-quote .blog-body-quote-author,
.blog-entry-wrapper .blog-body-quote strong,
.blog-entry-wrapper blockquote .blog-body-quote-author,
.blog-entry-wrapper blockquote strong {
  font-size: 14px;
  margin-top: -10px;
}
.blog-entry-wrapper .blog-body-quote .blog-body-quote-author,
.blog-entry-wrapper blockquote .blog-body-quote-author {
  padding-top: 15px;
  color: #656565;
}
.blog-entry-wrapper .text-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog-entry-wrapper ul {
  margin-top: 0;
  margin-bottom: 20px;
}
.blog-entry-wrapper ul li {
  line-height: 30px;
}
.blog-entry-wrapper blockquote + p {
  margin-top: 50px;
}
.blog-entry-wrapper a {
  color: #26A6F3;
}
.blog-entry-wrapper h1 {
  font-size: 34px;
  padding-bottom: 25px;
}
.blog-entry-wrapper h2 {
  font-size: 24px;
  font-weight: 400;
  padding-bottom: 5px;
}
.blog-entry-wrapper h2 + blockquote {
  padding-bottom: 0;
}
.blog-entry-wrapper h3 {
  font-size: 22px;
  padding-bottom: 10px;
}
.blog-entry-wrapper h3 + p {
  padding-bottom: 25px;
}
.blog-entry-wrapper h4 {
  font-size: 20px;
}
.blog-entry-wrapper h5 {
  font-size: 18px;
}
.blog-entry-wrapper h6 {
  font-size: 16px;
  color: #8D8D8D;
  padding-left: 50px;
}
.blog-entry-wrapper .full-width,
.blog-entry-wrapper figure.full-width {
  margin: 0;
  padding-bottom: 30px;
}
.blog-entry-wrapper .blog-body-wrapper .cta-block {
  padding-top: 30px;
  padding-bottom: 70px;
}
.blog-entry-wrapper .blog-body-wrapper .cta-block h2 {
  padding-bottom: 0;
}
.blog-entry-wrapper .blog-body-wrapper .blog-body-image-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 60px;
}

.blog-entry-wrapper .blog-body-wrapper .blog-body-image-section.fullscreen,
.blog-entry-wrapper .blog-body-wrapper .blog-body-image-section.fullscreen img {
  width: 100%;
}

.blog-entry-wrapper .blog-body-wrapper strong{
  color: #000;
  font-weight: 700;
}

.blog-card-wrapper .blog-card-image {
  height: 220px;
  position: relative;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.blog-card-wrapper .blog-card-image .blog-category {
  border-radius: 30px;
  position: absolute;
  bottom: 10px;
  left: 20px;
  padding: 0 10px;
  color: #fff;
  background-color: rgba(94, 94, 94, 0.79);
  display: inline-block;
  font-size: 11px;
}
.blog-card-wrapper .blog-card-content {
  height: 230px;
  padding: 15px 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 61.1875em) {
  .blog-card-wrapper .blog-card-content {
    padding-right: 15px;
    padding-bottom: 15px;
  }
}
.blog-card-wrapper .blog-card-content .blog-card-featured-category {
  display: none;
}
.blog-card-wrapper .blog-card-content .blog-card-heading {
  font-size: 18px;
  line-height: 1.4;
  padding-bottom: 10px;
}
.blog-card-wrapper .blog-card-content .blog-card-subheading {
  font-size: 12px;
  line-height: 1.5em;
  color: #9F9F9F;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes {
  color: #9F9F9F;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-post-author-image {
  display: -ms-flexbox;
  display: flex;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-post-author-image img {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-author-and-date-wrapper {
  padding-left: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 17px;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-author-and-date-wrapper .blog-card-post-author {
  font-size: 13px;
  font-weight: 400;
  color: #656565;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-author-and-date-wrapper .blog-card-date-wrapper {
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
}
.blog-card-wrapper .blog-card-content .blog-card-post-attributes .blog-card-author-and-date-wrapper .blog-card-date-wrapper .blog-card-read-time {
  padding-left: 8px;
}
.blog-card-wrapper.blog-card {
  padding-top: 30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (min-width: 1064px) {
  .blog-card-wrapper.blog-card:after {
    content: '';
    width: 330px;
    height: 1px;
  }
}
@media only screen and (max-width: 1064px) {
  .blog-card-wrapper.blog-card {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper {
    max-width: 690px;
  }
}
.blog-card-wrapper.blog-card .blog-card-layout {
  border: 1px solid #ededed;
  border-radius: 8px;
  width: 330px;
  max-height: 450px;
  height: 450px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
@media screen and (max-width: 61.1875em) {
  .blog-card-wrapper.blog-card .blog-card-layout {
    width: 320px;
  }
}
@media only screen and (min-width: 340px) and (max-width: 1064px) {
  .blog-card-wrapper.blog-card .blog-card-layout {
    margin: 15px;
  }
}
@media only screen and (max-width: 340px) {
  .blog-card-wrapper.blog-card .blog-card-layout {
    margin-left: 5px;
  }
}
.blog-card-wrapper.blog-card .blog-card-layout:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.blog-card-wrapper.blog-card .blog-card-layout.list {
  -ms-flex-direction: row;
  flex-direction: row;
  width: none;
  max-height: 240px;
}
@media only screen and (max-width: 980px) {
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 760px) {
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper,
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a {
    width: 100%;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .blog-card-layout {
    margin-left: 0;
    margin-right: 0;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post {
    width: 100%;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 270px;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-image {
    height: 100%;
    width: 330px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-image .blog-category {
    display: none;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content {
    height: 100%;
    padding: 20px 35px;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content .blog-card-featured-category {
    display: inline-block;
    border-radius: 30px;
    bottom: 10px;
    left: 20px;
    padding: 0 10px;
    border: 1px solid #ededed;
    font-size: 11px;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content .blog-card-heading,
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content .blog-card-subheading {
    line-height: 1.5em;
    max-width: 540px;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content .blog-card-heading {
    font-size: 24px;
    padding-top: 5px;
  }
  .blog-card-wrapper.blog-card .featured-blog-post-wrapper a .featured-blog-post .blog-card-content .blog-card-subheading {
    font-size: 14px;
  }
}
.blog-card-wrapper.blog-list a {
  width: 100%;
}
.blog-card-wrapper.blog-list a .blog-card-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 50px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 50px;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-image {
  height: 200px;
  width: 250px;
  border-radius: 8px;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-image .blog-category {
  display: none;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-content {
  max-width: 550px;
  height: 150px;
  padding: 0;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-content .blog-card-featured-category {
  display: inline-block;
  border-radius: 30px;
  bottom: 10px;
  left: 20px;
  padding: 0 5px;
  border: 1px solid #ededed;
  font-size: 11px;
  margin-bottom: 10px;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-content .blog-card-heading {
  font-size: 20px;
}
.blog-card-wrapper.blog-list a .blog-card-layout .blog-card-content .blog-card-subheading {
  font-size: 12px;
  padding-right: 35px;
  padding-bottom: 35px;
}
.blog-card-wrapper.blog-list a .blog-card-layout.featured-blog-post .blog-card-image {
  height: 300px;
  width: 370px;
}
.blog-card-wrapper.blog-list a .blog-card-layout.featured-blog-post .blog-card-image .blog-category {
  display: none;
}
.blog-card-wrapper.blog-list a .blog-card-layout.featured-blog-post .blog-card-content {
  height: 270px;
}
.blog-card-wrapper.blog-list a .blog-card-layout.featured-blog-post .blog-card-content .blog-card-heading {
  font-size: 24px;
}
.blog-card-wrapper.blog-list a .blog-card-layout.featured-blog-post .blog-card-content .blog-card-subheading {
  font-size: 14px;
  padding-top: 20px;
}
.blog-index-pagination-wrapper {
  padding-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog-index-pagination-wrapper .blog-index-pagination {
  width: 300px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-outline {
  border: 1px solid #ededed;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-previous {
  border-radius: 30px;
  margin-right: 30px;
}
.blog-index-pagination-wrapper .blog-index-pagination .btn-blog-next {
  border-radius: 30px;
}
.loading-state-animation {
  animation: placeHolderShimmer 2s linear infinite forwards;
  background: #FAFAFA!important;
  background: linear-gradient(to right, #FAFAFA 8%, #f2f2f2 20%, #FAFAFA 33%) !important;
}
.blog-card-wrapper.blog-card-loading-state.blog-card-layout .blog-card-image {
  background-image: url(../images/blog/loading-state-background.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.blog-card-loading-state-attribute-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.blog-card-loading-state-attribute-wrapper .blog-card-author-image {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #f2f2f2;
}
.blog-card-loading-state-attribute-wrapper .blog-card-attributes {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 8px;
}
.blog-card-loading-state-attribute-wrapper .blog-card-attributes .blog-card-author-attributes {
  height: 14px;
  width: 150px;
  background-color: #f2f2f2;
}
.blog-card-loading-state-attribute-wrapper .blog-card-attributes .blog-card-author-attributes:first-child {
  margin-bottom: 5px;
  width: 120px;
}
.blog-card-wrapper.blog-card .blog-card-loading-state {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (min-width: 1065px) {
  .blog-card-wrapper.blog-card .blog-card-loading-state {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.blog-card-wrapper.blog-card .blog-card-loading-state .blog-card-layout .blog-card-image {
  background-color: #f2f2f2;
  background-image: url(../images/blog/loading-state-background.svg);
}
.blog-card-wrapper.blog-card .blog-card-loading-state .blog-card-content {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.blog-card-wrapper.blog-card .blog-card-loading-state .blog-card-heading {
  height: 20px;
}
.blog-card-wrapper.blog-card .blog-card-loading-state .blog-card-loading-state-subheading-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 10px;
  padding-bottom: 50px;
  height: 110px;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.blog-card-wrapper.blog-card .blog-card-loading-state .blog-card-loading-state-subheading-wrapper .blog-card-subheading {
  height: 15px;
}
@media screen and (min-width: 40em) {
  .blog-card-wrapper.blog-card .blog-card-loading-state,
  .blog-card-wrapper.blog-card .blog-card-loading-state .featured-blog-post-wrapper {
    width: 100%;
  }
  .blog-card-wrapper.blog-card .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 270px;
    margin-left: 0;
    margin-right: 0;
  }
  .blog-card-wrapper.blog-card .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-image {
    width: 330px;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-right-radius: 8px;
    background-image: url(../images/blog/loading-state-background.svg);
  }
  .blog-card-wrapper.blog-card .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content {
    padding-left: 35px;
    width: 550px;
    height: 100%;
  }
  .blog-card-wrapper.blog-card .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content .blog-card-category {
    background: #f2f2f2;
    padding-top: 10px;
    width: 70px;
    min-height: 24px;
    height: 17px;
    border-radius: 30px;
    margin-bottom: 15px;
  }
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 50px 0 20px;
  border-bottom: 1px solid #f0f0f0;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-image {
  background-color: #f2f2f2;
  background-image: url(../images/blog/loading-state-background.svg);
  height: 200px;
  width: 250px;
  border-radius: 6px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-content {
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 230px;
  width: 50%;
  padding: 0;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-content .blog-card-category {
  background-color: #f2f2f2;
  height: 24px;
  width: 60px;
  border-radius: 30px;
  margin-bottom: 25px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-content .blog-card-heading {
  height: 30px;
  margin-bottom: 25px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-content .blog-card-loading-state-subheading-wrapper {
  margin-bottom: 25px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .blog-card-layout .blog-card-content .blog-card-loading-state-subheading-wrapper .blog-card-subheading {
  height: 15px;
  width: 50%;
  margin-bottom: 5px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout {
  padding: 45px 0 55px;
  border-bottom: 1px solid #f0f0f0;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-image {
  height: 300px;
  width: 370px;
  border-radius: 8px;
  background-image: url(../images/blog/loading-state-background.svg);
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content {
  height: 270px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content .blog-card-category {
  background: #f2f2f2;
  width: 55px;
  height: 24px;
  border-radius: 30px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content .blog-card-heading {
  margin-bottom: 40px;
}
.blog-card-wrapper.blog-list .blog-card-loading-state .featured-blog-post-wrapper .blog-card-layout .blog-card-content .blog-card-loading-state-subheading-wrapper {
  margin-bottom: 85px;
}
.blog-entry-loading-state {
  min-height: 100vw;
}
.blog-entry-loading-state .blog-entry-loading-attributes {
  height: 15px;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 150px;
}
.blog-entry-loading-state .blog-entry-loading-attributes-border {
  border-bottom: 1px solid #f0f0f0;
}
.blog-entry-loading-state .blog-entry-loading-heading {
  margin-top: 35px;
  margin-bottom: 10px;
  height: 40px;
  width: 500px;
}
.blog-entry-loading-state .blog-entry-loading-subheading {
  height: 28px;
  margin-bottom: 80px;
  width: 500px;
}
.blog-entry-loading-state .blog-entry-loading-content {
  height: 15px;
  margin: 15px 0;
}
.blog-category-navigation-wrapper {
  border-bottom: 2px solid #ededed;
  display: -ms-flexbox;
  display: flex;
}
.blog-category-navigation-wrapper .blog-navigation {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .blog-category-navigation-wrapper .blog-navigation {
    padding-top: 40px;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .blog-category-navigation-wrapper .blog-navigation .category-navigation {
    display: -ms-flexbox;
    display: flex;
  }
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first {
  white-space: nowrap;
}
@media screen and (max-width: 39.9375em) {
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first {
    padding: 10px 20px;
    position: relative;
    z-index: 100;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -50px;
  }
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first #blog-navigation-mobile-current-item {
  color: #26A6F3;
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first .category-navigation-item-first-caret {
  opacity: .8;
  height: 15px;
  width: 15px;
  content: '';
  background-image: url(../images/blog/mobile-navigation.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first .category-navigation-item-first-caret.active-nav {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 40em) {
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first a {
    padding-bottom: 11px;
  }
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first #blog-navigation-mobile-current-item,
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item-first .category-navigation-item-first-caret {
    display: none;
  }
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-items {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 20px;
    padding-bottom: 10px;
    position: absolute;
    background-color: #fff;
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 99;
    width: 100%;
    padding-left: 30px;
    margin-left: -10px;
  }
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-items.active-nav {
    border-bottom: 1px solid #f0f0f0;
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item {
  padding-bottom: 10px;
  pointer: cursor;
  padding-left: 10px;
  padding-right: 10px;
  cursor: pointer;
  color: #656565;
}
@media screen and (min-width: 40em) {
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-items {
    width: 500px;
  }
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item.active {
    border-bottom: 2px solid #26A6F3;
  }
}
.blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item.active {
  color: #26A6F3;
  margin-bottom: -2px;
}
.blog-category-navigation-wrapper .blog-navigation .list-style {
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 39.9375em) {
  .blog-category-navigation-wrapper .blog-navigation .category-navigation .category-navigation-item {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .blog-category-navigation-wrapper .blog-navigation .list-style {
    display: none;
  }
}
.blog-category-navigation-wrapper .blog-navigation .list-style .card-view,
.blog-category-navigation-wrapper .blog-navigation .list-style .list-view {
  cursor: pointer;
  opacity: 0.5;
}
.blog-category-navigation-wrapper .blog-navigation .list-style .card-view::after,
.blog-category-navigation-wrapper .blog-navigation .list-style .list-view::after {
  height: 25px;
  width: 21px;
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: right center;
}
.blog-category-navigation-wrapper .blog-navigation .list-style .card-view.active,
.blog-category-navigation-wrapper .blog-navigation .list-style .list-view.active {
  opacity: 1;
}
.blog-category-navigation-wrapper .blog-navigation .list-style .card-view {
  padding-right: 15px;
}
.blog-category-navigation-wrapper .blog-navigation .list-style .card-view::after {
  background-image: url(../images/blog/grid-view.svg);
}
.blog-category-navigation-wrapper .blog-navigation .list-style .list-view:after {
  background-image: url(../images/blog/list-view.svg);
}
@media screen and (min-width: 61.25em) {
  .blog-entry-mobile-social-share {
    display: none;
  }
}
.blog-entry-social-icon-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.blog-entry-social-icon-wrapper .preloaded-css-element-container {
  display: none;
}
@media screen and (max-width: 61.1875em) {
  .blog-entry-social-icon-wrapper {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .blog-entry-social-icon-wrapper a {
    margin-right: 10px;
  }
}
@media screen and (min-width: 61.25em) {
  .blog-entry-social-icon-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
    justify-content: flex-start;
  }
  .blog-entry-social-icon-wrapper a {
    margin-right: 10px;
  }
}
.blog-entry-social-icon-wrapper .blog-entry-email,
.blog-entry-social-icon-wrapper .blog-entry-facebook,
.blog-entry-social-icon-wrapper .blog-entry-linkedin,
.blog-entry-social-icon-wrapper .blog-entry-twitter,
.blog-entry-social-icon-wrapper .blog-entry-telegram {
  height: 30px;
  width: 30px;
  content: '';
  background-repeat: no-repeat;
  cursor: pointer;
}
.blog-entry-social-icon-wrapper .blog-entry-twitter {
  background-image: url(/images/icon-twitter-gray.svg);
}
.blog-entry-social-icon-wrapper .blog-entry-twitter:hover {
  background-image: url(/images/icon-twitter-blue-circle.svg);
}
@media screen and (max-width: 61.1875em) {
  .blog-entry-social-icon-wrapper .blog-entry-twitter {
    background-image: url(/images/icon-twitter-blue-circle.svg);
  }
}
.blog-entry-social-icon-wrapper .blog-entry-telegram {
  background-image: url(/images/icon-telegram-gray.svg);
}
.blog-entry-social-icon-wrapper .blog-entry-telegram:hover {
  background-image: url(/images/icon-telegram-blue-circle.svg);
}
@media screen and (max-width: 61.1875em) {
  .blog-entry-social-icon-wrapper .blog-entry-telegram {
    background-image: url(/images/icon-telegram-blue-circle.svg);
  }
}
.blog-cta-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding-top: 40px;
  background: url(../images/blog/cta-block-background.svg) top no-repeat;
  min-height: 350px;
}
.blog-cta-section h2,
.blog-cta-section h5 {
  padding: 10px 0;
  margin: auto;
}
.blog-cta-section h5 {
  max-width: 600px;
}
.blog-cta-section .email-capture-form-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
}
.blog-cta-section .email-capture-form-wrapper .email-form-success-container {
  -ms-flex-pack: center;
  justify-content: center;
}
.react-layout {
  min-height: 100vw;
}
.blog-entry-related-posts {
  border-top: 1px solid #f0f0f0;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 30px;
}
header.with-transparent-header + .home .hero-section,
header.with-transparent-header + .landing-page .hero-section {
  padding-top: 90px;
}
html[data-useragent*="rv:11.0"] .home-hero-image-chrome {
  height: 100%;
}
.home .hero-section {
  background-position: center 70px;
  padding: 100px 0 0;
}
@media screen and (max-width: 39.9375em) {
  .home .hero-section {
    background-repeat: repeat;
    padding-bottom: 1px;
    overflow: visible;
  }
}
@media screen and (min-width: 61.25em) {
  .home .hero-section {
    margin-bottom: 50px;
  }
}
.home .hero-section .container,
.home .hero-section .resources-content-wrapper {
  padding: 15px 3%;
}
@media screen and (min-width: 40em) {
  .blog-cta-section .email-capture-form-wrapper {
    width: 400px;
  }
  .home .hero-section .signup-form {
    margin-top: 20px;
    margin-bottom: 0;
  }
}
.home .home-hero-subheading {
  padding-top: 15px;
}
.home .hero-section-copy {
  margin-top: 50px;
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.home .hero-section-copy a.btn {
  margin-top: 40px;
  margin-bottom: 20px;
}
.home figure {
  display: block;
  position: relative;
}
.home .home-hero-video {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .home .home-hero-video.has-mobile {
    display: none;
  }
}
.home .home-hero-video video {
  z-index: 200;
  position: absolute;
  margin-top: 10%;
  width: 73.9%;
  margin-left: 13.1%;
  margin-right: 13.1%;
}
.home .hero-button-group {
  display: none;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2em 100px;
  min-height: 90px;
}
.home .hero-button-group .show-signup-button {
  height: 48px;
  line-height: 32px;
  margin-right: 20px;
}
.home .signup-wrapper {
  display: block;
  min-height: 90px;
  margin-top: 30px;
}
.home .home-hero-image-chrome {
  position: relative;
  display: block;
  margin-bottom: -130px;
  pointer-events: none;
}
.home .home-hero-image-screen {
  position: absolute;
  padding: 32px 115px;
}
.home .home-hero-mobile {
  position: relative;
  display: none;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: -150px;
}
@media screen and (max-width: 39.9375em) {
  .home .home-hero-mobile {
    display: block;
  }
}
.home .home-hero-mobile .home-hero-mobile-frame {
  position: relative;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 40px;
}
.home .home-hero-mobile .home-hero-mobile-image,
.home .home-hero-mobile video {
  position: absolute;
  border-radius: 20px;
  top: 1.2%;
  width: calc(76%);
  left: 12.8%;
}
[data-logged-in=true] .hero-button-group {
  display: none;
}
[data-logged-in=true] .signup-wrapper {
  display: block !important;
}
.home-feature-block-section {
  padding-top: 70px;
  padding-bottom: 60px;
}
.home-feature-block-section.background-color-true {
  background-color: #F7F9FA;
}
.home-feature-block-section .home-feature-block-section-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 40px;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 39.9375em) {
  .home-feature-block-section {
    padding-top: 25px;
    padding-bottom: 0;
  }
  .home-feature-block-section.background-color-true {
    padding-bottom: 0;
  }
  .home-feature-block-section .home-feature-block-container.container,
  .home-feature-block-section .home-feature-block-container.resources-content-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  .home-feature-block-section .home-feature-block-section-title {
    margin-bottom: 30px;
  }
}
.home-feature-block-section .home-feature-block-section-title img {
  width: 35px;
  height: 35px;
}
.home-feature-block-section .home-feature-block-section-title .home-feature-block-title {
  text-transform: uppercase;
  padding-left: 12px;
  padding-top: 2px;
}
.home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-heading {
  line-height: 35px;
  color: #444;
  margin-bottom: 20px;
}
.home-feature-block-section .home-feature-block-text-wrapper .home-feature-block-text {
  color: #8596A7;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media screen and (max-width: 39.9375em) {
  .home-feature-block-section .home-feature-block-heading-wrapper {
    padding: 15px 30px;
  }
  .home-feature-block-section .home-feature-block-image-wrapper {
    max-height: 550px;
    overflow-y: hidden;
    margin-left: 10px;
    margin-right: 10px;
  }
  .home-feature-block-section .home-feature-block-desktop-image {
    display: none !important;
  }
  .home-feature-block-section .home-feature-block-mobile-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
  }
  .home-feature-block-section .home-feature-block-mobile-image img {
    width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper {
    width: 50%;
  }
}
@media screen and (min-width: 40em) {
  .home .home-hero-image-chrome {
    margin-top: -50px;
  }
  .home-feature-block-section .home-feature-block-mobile-image {
    display: none;
  }
  .home-feature-block-section.center .home-feature-block-section-title {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .home-feature-block-section.center .home-feature-block-section-title,
  .home-feature-block-section.center .home-feature-block-text-wrapper {
    text-align: center;
  }
  .home-feature-block-section.left .home-feature-block-container,
  .home-feature-block-section.right .home-feature-block-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper {
    margin-top: 80px;
  }
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper {
    margin-right: 40px;
  }
}
.home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper,
.home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 460px;
  width: 100%;
}
@media screen and (min-width: 61.25em) {
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper {
    width: 460px;
  }
}
.home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper .home-feature-block-text,
.home-feature-block-section.right .home-feature-block-container .home-feature-block-heading-wrapper .home-feature-block-text-wrapper .home-feature-block-text {
  max-width: 380px;
  margin-left: 0;
}
.home-feature-block-section.left .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image,
.home-feature-block-section.right .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-image-wrapper,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-image-wrapper {
    width: 50%;
  }
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image img,
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-image-wrapper .home-feature-block-desktop-image img {
    max-width: 430px;
  }
  .home-feature-block-section.right .home-feature-block-container .home-feature-block-desktop-image {
    -ms-flex-pack: start!important;
    justify-content: flex-start !important;
  }
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper {
    margin-left: 40px;
  }
}
.home-feature-block-section.left .home-feature-block-container {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (min-width: 61.25em) {
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-heading-wrapper {
    margin-left: 50px;
  }
}
.home-feature-block-section.left .home-feature-block-container .home-feature-block-desktop-image {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .home-feature-block-section.left .home-feature-block-container .home-feature-block-desktop-image {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.home-feature-block-section.image-over-flow.left .home-feature-block-image-wrapper .home-feature-block-desktop-image,
.home-feature-block-section.image-over-flow.right .home-feature-block-image-wrapper .home-feature-block-desktop-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.home-feature-block-section.image-over-flow.left .home-feature-block-image-wrapper .home-feature-block-desktop-image img,
.home-feature-block-section.image-over-flow.right .home-feature-block-image-wrapper .home-feature-block-desktop-image img {
  height: 100%;
  max-width: none;
}
.home-feature-block-section.image-over-flow-mobile .home-feature-block-mobile-image {
  overflow: hidden;
  margin-bottom: 30px;
}
.home-feature-block-section.image-over-flow-mobile .home-feature-block-mobile-image img {
  max-width: none;
  width: auto;
  max-height: 400px;
}
.home-feature-block-section.image-over-flow.center {
  margin-bottom: 150px;
}
@media screen and (max-width: 39.9375em) {
  .home-feature-block-section.image-over-flow-mobile .home-feature-block-image-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .home-feature-block-section.image-over-flow.center {
    margin-bottom: 10px;
  }
}
.home-feature-block-section.image-over-flow.center .home-feature-block-desktop-image {
  margin-bottom: -170px;
}
.home section h1,
.home section h2,
.home section h5 {
  color: #fff;
  text-align: center;
}
.home section .home-block-text {
  max-width: 700px;
}
.home section.light-mode h1,
.home section.light-mode h2,
.home section.light-mode p {
  color: #444;
}
.home section.light-mode .home-block-text p {
  color: #8D8D8D;
}
.home section {
  background-repeat: no-repeat;
  /*background-position: center 50px*/
}
.home .home-sections {
  padding-top: 30px;
  overflow: hidden;
}
.home .home-sections:empty {
  height: 100px;
}
@media screen and (min-width: 40em) {
  .hero-section-copy .signup-wrapper {
    height: 150px;
  }
  .features-carousel-alternative-mobile {
    display: none;
  }
}
.features-hero-container {
  position: relative;
  z-index: 1000;
}
@media screen and (min-width: 61.25em) {
  .features-hero-container.header-visible {
    margin-bottom: 90px;
  }
}
.features-hero {
  text-align: center;
  padding-top: 162px;
  padding-bottom: 110px;
}
.features-hero h1 {
  font-size: 36px;
  margin: 0 auto;
  color: #FFF;
}
.features-hero h4 {
  max-width: 770px;
  margin: 0 auto;
  padding-top: 15px;
  color: rgba(250, 250, 250, 0.75);
}
.features-hero .btn {
  margin-top: 45px;
}
.features-hero a.btn-play {
  color: #26A6F3 !important;
}
@media screen and (max-width: 39.9375em) {
  .hero-section-copy .signup-wrapper {
    height: 220px;
  }
  .features-hero {
    padding-bottom: 60px;
  }
  .features-control-image {
    display: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .features-hero {
    max-width: 90%;
  }
  h1 {
    margin: 0 auto;
    padding-bottom: 20px;
  }
}
.features-carousel-alternative-mobile {
  margin-top: 30px;
}
.features-carousel-alternative-mobile .features-control-text-wrapper {
  max-width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
.features-carousel-alternative-mobile .features-control-text-wrapper h5 {
  margin-bottom: 15px;
}
.features-carousel-alternative-mobile .features-control-text-wrapper p {
  color: #AFB9C4;
  padding-bottom: 10px;
}
.features-control-image {
  margin-top: 0;
}
.features-control-text-wrapper p,
.features-control-text-wrapper h5 {
  transition: color 0.3s ease-in;
}
@media screen and (min-width: 40em) {
  .features-control-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
  }
}
.features-control-image a:last-child {
  margin-top: -10px;
}
.features-control-image img {
  display: block;
  margin: 0 auto;
  transition: opacity .2s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  padding-top: 30px;
  max-width: 600px;
}
.features-control-image img.hidden {
  opacity: 0;
}
@media screen and (min-width: 61.25em) {
  .features-control-image img {
    max-width: 900px;
  }
}
.feature-controls-container {
  /*margin-top: 60px*/
  margin-top: 30px;
}
.features-controls {
  margin: 0 auto;
}
.features-controls ul {
  list-style: none;
}
.features-controls ul::after {
  content: '';
  width: 50px;
}
.features-controls-item {
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .feature-controls-container {
    display: none;
  }
  .features-controls-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent!important;
    border-radius: 6px;
    max-width: 350px;
    width: 100%;
    margin-right: 25px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .features-controls-item.active:before {
    display: none;
  }
  .features-controls-item:last-child {
    margin-right: 40px;
  }
  .features-controls-item:last-child::after {
    content: '';
    width: 50px;
  }
  .features-controls-item .features-control-text-wrapper {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    padding: 25px 20px;
  }
}
.features-controls-item h5 {
  color: #8D8D8D;
  padding-bottom: 5px;
}
@media screen and (max-width: 39.9375em) {
  .features-controls-item h5 {
    padding-bottom: 15px;
  }
}
.features-controls-item p {
  color: #AFB9C4;
  margin: 0 auto;
}
.features-controls-item.active {
  border-radius: 6px;
}
@media screen and (min-width: 40em) {
  .features-controls-item {
    display: table-cell;
    width: calc(33.33333333%);
    padding: 30px 25px;
    cursor: pointer;
  }
  .features-controls-item.active h5,
  .features-controls-item.active p {
    color: #fff;
  }
}
.features-integration-feature p,
.text-wrapper-heading h5,
.text-wrapper-item-text p {
  color: #AFB9C4;
}
.features-controls-item.active::before {
  position: absolute;
  top: -12px;
  left: calc(38%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  content: "";
}
.text-wrapper-section {
  overflow: hidden;
}
.text-wrapper-heading {
  padding-top: 70px;
  padding-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-heading {
    padding: 40px 0;
  }
}
.text-wrapper-heading h2 {
  padding-top: 20px;
  padding-bottom: 15px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .text-wrapper-heading h2 {
    max-width: 700px;
    margin: 0 auto;
  }
  .text-wrapper-heading h5 {
    max-width: 600px;
    margin: 0 auto;
    padding-bottom: 40px;
  }
}
.text-wrapper-section .feature-block-highlight .text-wrapper-image {
  border-right: none;
}
.text-wrapper-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.text-wrapper-container .text-wrapper-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.text-wrapper-container .text-wrapper-image img.wrapper-image {
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-section .container,
  .text-wrapper-section .resources-content-wrapper {
    padding-bottom: 0;
  }
  .text-wrapper-container .text-wrapper-image {
    display: inline;
  }
  .text-wrapper-container .text-wrapper-image img.wrapper-image {
    max-width: 100%;
    display: none;
  }
  .text-wrapper-container.align-left,
  .text-wrapper-container.align-right {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    margin: 0;
  }
}
@media screen and (min-width: 40em) {
  .text-wrapper-container .text-wrapper-image {
    border-right: 1px solid #f0f0f0;
  }
  .text-wrapper-container .text-wrapper-image img.wrapper-image-mobile {
    display: none;
  }
}
.text-wrapper-container.align-right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.text-wrapper-container.align-right .text-wrapper-image {
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 40px;
}
.text-wrapper-container.align-right .text-wrapper-text {
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 50px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .text-wrapper-container.align-right .text-wrapper-image {
    padding-left: 0;
  }
  .text-wrapper-container.align-right .text-wrapper-text {
    padding-right: 0;
    margin-right: 20px;
    margin-left: 20px;
  }
}
.text-wrapper-container.align-left .text-wrapper-image {
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 60px;
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-container.align-right .text-wrapper-image {
    padding-left: 0;
  }
  .text-wrapper-container.align-left .text-wrapper-image {
    padding-right: 0;
  }
  .text-wrapper-image {
    max-height: 500px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .text-wrapper-container.align-left .text-wrapper-image {
    padding-right: 20px;
  }
  .text-wrapper-container.align-left .text-wrapper-text {
    padding-left: 20px;
    margin-right: 40px;
  }
}
@media screen and (min-width: 61.25em) {
  .text-wrapper-container.align-left .text-wrapper-text {
    padding-left: 40px;
  }
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-image,
  .text-wrapper-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-top: 40px;
    padding: 0 !important;
  }
}
@media screen and (min-width: 40em) {
  .text-wrapper-image,
  .text-wrapper-text {
    width: 50%;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.text-wrapper-image img,
.text-wrapper-text img {
  max-height: 700px;
}
.text-wrapper-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .text-wrapper-text:after {
    content: '';
    width: 340px;
  }
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-text {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: 0 auto;
    width: 100%;
    padding: 50px 25px 55px;
  }
}
@media (max-width: 320px) {
  .text-wrapper-text {
    padding: 50px 0 55px;
  }
}
.text-wrapper-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  padding: 15px 10px;
}
.text-wrapper-item img {
  min-width: 35px;
  margin-right: 30px;
}
@media (max-width: 320px) {
  .text-wrapper-item {
    padding-left: 0;
  }
  .text-wrapper-item img {
    margin-right: 15px;
  }
}
@media screen and (max-width: 39.9375em) {
  .text-wrapper-item img {
    max-width: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .text-wrapper-item-text {
    max-width: 270px;
  }
}
.text-wrapper-item-text h3 {
  padding-bottom: 10px;
}
.icon-features-mobile-collapsible {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  padding: 25px 30px;
  height: 125px;
  transition: height 0.3s ease-in-out;
}
.icon-features-mobile-collapsible [data-icon-features-toggle-features=hide],
.icon-features-mobile-collapsible.active [data-icon-features-toggle-features=show] {
  display: none;
}
.icon-features-mobile-collapsible.active [data-icon-features-toggle-features=hide] {
  display: block;
}
@media screen and (min-width: 40em) {
  .text-wrapper-item-text p {
    max-width: 360px;
  }
  .icon-features-mobile-collapsible {
    display: none;
  }
  .image-wrapper-image-container {
    position: relative;
    overflow: hidden;
  }
}
.icon-features-mobile-collapsible .icon-features-mobile-collapsible-features-heading {
  padding-bottom: 15px;
  margin-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}
.icon-features-mobile-collapsible.hide-features {
  display: none;
}
.icon-features-mobile-collapsible.hide-features svg {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-features-container {
  padding-top: 70px;
  padding-bottom: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.icon-features-container:after {
  content: '';
  width: 300px;
}
@media screen and (max-width: 39.9375em) {
  .icon-features-container {
    display: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .icon-feature {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1010px) {
  .icon-features-container {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .icon-features-container {
    padding-bottom: 70px;
  }
}
.icon-feature {
  padding: 35px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  max-width: 350px;
}
.icon-features-icon {
  height: 45px;
}
.icon-features-icon img {
  max-width: 35px;
}
@media (max-width: 1010px) {
  .icon-feature {
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 25px 0;
    text-align: left;
  }
  .icon-features-icon {
    padding-top: 5px;
  }
  .icon-features-text {
    text-align: left;
    margin-left: 20px;
  }
}
.icon-features-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.icon-features-heading {
  padding: 6px 0;
}
@media (max-width: 1010px) {
  .icon-features-heading {
    padding: 0;
  }
}
.icon-features-subheading {
  width: 310px;
  color: #AFB9C4;
  padding: 0 15px;
}
@media (max-width: 1010px) {
  .icon-features-subheading {
    padding: 0;
    width: 100%;
  }
}
.features-integration-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
@media screen and (max-width: 39.9375em) {
  .features-integration-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 50px;
  }
}
.features-integration-container .features-integration-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .features-integration-container .features-integration-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.features-integrations-logos {
  padding-top: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 120px;
}
.features-integrations-logo {
  max-height: 70px;
  height: 100%;
  margin-right: 15px;
}
.features-integration-features {
  padding-bottom: 60px;
}
@media screen and (max-width: 39.9375em) {
  .features-integration-features {
    padding-bottom: 0;
  }
}
.features-integration-feature {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: left;
  max-width: 275px;
}
.features-integration-feature h3 {
  padding-bottom: 10px;
}
.image-wrapper-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0 60px;
}
.image-wrapper-container img {
  max-width: 400px;
  max-height: 400px;
}
@media screen and (max-width: 39.9375em) {
  .image-wrapper-container img {
    max-width: 250px;
  }
  .image-wrapper-container {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}
.image-wrapper-container.left {
  -ms-flex-direction: row;
  flex-direction: row;
}
.image-wrapper-container.left .image-wrapper-image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.image-wrapper-container.right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.image-wrapper-text {
  max-width: 490px;
  margin-top: 80px;
  margin-right: 50px;
}
@media screen and (max-width: 39.9375em) {
  .image-wrapper-text {
    text-align: left;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .image-wrapper-text {
    margin-left: 40px;
  }
}
.image-wrapper-text a {
  color: #26A6F3;
}
.image-wrapper-text h2 p {
  color: #444;
}
.image-wrapper-text h5 {
  color: #AFB9C4;
  padding-top: 15px;
  padding-bottom: 30px;
}
.image-wrapper-text p {
  line-height: 28px;
  color: #AFB9C4;
}
.features-app-section {
  padding-bottom: 100px;
}
@media screen and (max-width: 39.9375em) {
  .image-wrapper-text {
    margin: 20px 10px 0;
  }
  .features-app-section {
    padding-bottom: 20px;
  }
}
.features-app-container {
  background-position-y: 50px;
  padding-top: 50px;
}
.app-block-app-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 40px;
}
@media (min-width: 845px) and (max-width: 1065px) {
  .app-block-app-icons {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
}
.app-block-app-icons img {
  max-height: 218px;
  box-shadow: 0 0 7px rgba(181, 179, 179, 0.28);
}
@media (max-width: 1065px) {
  .app-block-app-icons img {
    border-radius: 8px;
    margin-bottom: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }
}
.app-block-app-icon {
  transition: 0.2s ease-in-out;
}
.app-block-app-icon:hover {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
.support-success-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
  flex-flow: row;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 35px;
  padding-bottom: 35px;
}
.support-success-wrapper .image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
}
.support-success-wrapper .image-wrapper img {
  max-height: 400px;
}
@media screen and (max-width: 61.1875em) {
  .support-success-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .support-success-wrapper img {
    margin: 0 auto;
    max-width: 260px;
  }
}
.support-success-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  max-width: 600px;
  padding: 15px 5px 80px;
}
.support-success-text-wrapper a {
  color: #26A6F3;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .support-success-text-wrapper {
    padding: 40px 0;
    margin: 0 auto;
  }
}
@media screen and (max-width: 39.9375em) {
  .support-success-text-wrapper {
    max-width: 300px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: left;
  }
}
.support-success-text {
  line-height: 28px;
  padding: 0 50px 40px;
  color: #AFB9C4;
}
@media screen and (max-width: 39.9375em) {
  .support-success-text {
    padding: 0 20px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .support-success-text {
    padding: 15px 0;
  }
}
@media (max-width: 640px) {
  .support-success-text {
    max-width: 450px;
    padding-bottom: 20px;
  }
}
.support-success-text h3 {
  padding-bottom: 5px;
}
@media screen and (max-width: 39.9375em) {
  .support-success-text h3 {
    padding-top: 20px;
    padding-bottom: 15px;
  }
  .features-heading-container {
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
  }
}
.features-heading-container {
  padding-top: 40px;
}
.features-heading-container .features-heading-icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.features-heading-container .features-heading-icon img {
  max-width: 50px;
  max-height: 50px;
}
.features-heading-container .features-heading-wrapper {
  text-align: center;
}
.features-heading-container .features-heading-wrapper .features-heading {
  font-size: 30px;
  /*margin-top: 20px;*/
  margin-top: 10px;
  /*margin-bottom: 20px*/
  margin-bottom: 10px;
}
@media screen and (max-width: 39.9375em) {
  .features-heading-container .features-heading-icon {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .features-heading-container .features-heading-icon img {
    max-height: 40px;
    max-width: 40px;
  }
  .features-heading-container .features-heading-wrapper {
    text-align: left;
  }
  .features-heading-container .features-heading-wrapper .features-heading {
    font-size: 26px;
  }
  .features-header-title-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.features-heading-container .features-heading-wrapper .features-subheading {
  color: #AFB9C4;
  max-width: 688px;
  margin: 0 auto;
}
@media screen and (max-width: 61.1875em) {
  .features-heading-container .features-heading-wrapper .features-subheading {
    max-width: 700px;
    padding-top: 10px;
  }
}
.features-header-title-wrapper {
  position: relative;
  z-index: 100;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding-left: 40px;
}
@media screen and (min-width: 61.25em) {
  .features-header-title-wrapper {
    display: none;
  }
}
.features-mobile-nav-caret {
  vertical-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 40px;
  pointer: cursor;
}
.features-mobile-nav-caret.caret-down {
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.features-mobile-nav-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row no-wrap;
  flex-flow: row no-wrap;
  margin: 20px 0;
}
@media screen and (max-width: 39.9375em) {
  .features-mobile-nav-caret {
    max-width: 25px;
  }
  .features-mobile-nav-heading {
    padding-left: 5px;
  }
  .features-header-nav-wrapper {
    padding-left: 40px;
  }
}
.features-header-nav-wrapper {
  position: absolute;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 40px;
  width: 100%;
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 99;
}
.features-header-nav-wrapper.active {
  border-bottom: 1px solid #f0f0f0;
  -ms-transform: translateY(0);
  transform: translateY(0);
}
@media screen and (min-width: 61.25em) {
  .features-header-nav-wrapper.active {
    display: none;
  }
}
.features-header-nav-wrapper .features-header-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
.features-header-nav-wrapper .features-header-nav:last-child {
  padding-bottom: 10px;
}
@media screen and (min-width: 61.25em) {
  .features-header-nav-wrapper .features-header-nav {
    display: none;
  }
}
.features-mobile-nav-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0;
}
@media screen and (max-width: 61.1875em) {
  .features-mobile-nav-item {
    padding: 15px 0;
  }
}
.features-mobile-nav-item img {
  padding: 0 30px;
}
@media screen and (max-width: 61.1875em) {
  .features-mobile-nav-item img {
    padding: 0;
    margin-right: 20px;
    max-width: 40px;
    max-height: 40px;
  }
}
@media screen and (max-width: 39.9375em) {
  .features-mobile-nav-item {
    padding: 0;
  }
}
main.features section.feature-block-highlight {
  background-color: #F7F9FA;
}
main.features.header-visible .features-content {
  margin-top: -10px;
}
main.features.header-visible .features-content .features-heading-container {
  padding-top: 80px;
}
body.slack section h5 {
  color: #AEB2B9;
}
.btn-slack {
  margin-top: 30px;
  color: #444;
  position: relative;
  padding-left: 55px;
  width: 90px;
  background-color: #fff;
}
.btn-slack:before {
  position: absolute;
  width: 145px;
  height: 42px;
  left: 15px;
  content: '';
  background: url(../images/slack/add-to-slack.svg) center no-repeat;
  background-size: 100%;
}
section.slack-hero {
  margin-top: 90px;
  overflow: hidden;
}
section.slack-hero:before {
  content: "";
  background: url(../images/slack/bg-left.svg) no-repeat;
  background-size: 85%;
  height: 602px;
  width: 500px;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.6;
}
@media screen and (max-width: 61.1875em) {
  section.slack-hero:before {
    top: initial;
    left: initial;
    opacity: 1;
    width: 200px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  section.slack-hero:before {
    width: 300px;
  }
}
@media screen and (min-width: 61.25em) {
  section.slack-hero:before {
    top: 0;
    left: 0;
    background-size: 100%;
  }
}
section.slack-hero:after {
  content: "";
  background: url(../images/slack/bg-right.svg) no-repeat;
  background-size: 85%;
  height: 602px;
  width: 500px;
  position: absolute;
  z-index: 0;
  right: -133px;
  bottom: -340px;
  opacity: 0.6;
}
@media screen and (max-width: 61.1875em) {
  section.slack-hero:after {
    top: 95px;
    right: 0;
    opacity: 1;
    width: 200px;
    background-position: top right;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  section.slack-hero:after {
    width: 300px;
  }
}
.slack-header .container,
.slack-header .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 10;
  padding: 50px 50px 150px;
  text-align: center;
}
@media screen and (min-width: 61.25em) {
  section.slack-hero:after {
    top: 0;
    right: 0;
    background-size: 100%;
  }
  .slack-header .container,
  .slack-header .resources-content-wrapper {
    padding: 100px 50px;
  }
}
.slack-header .flow-loves-slack {
  margin: 10px 0;
}
.slack-header h1 {
  padding-bottom: 20px;
}
.slack-header h4 {
  color: #AEB2B9;
  max-width: 800px;
}
section.slack-features-section {
  position: relative;
  padding: 100px 0 0;
  overflow: hidden;
}
section.slack-features-section.dark-hero h1,
section.slack-features-section.dark-hero h6 {
  color: #fff;
}
section.slack-features-section.dark-hero p {
  color: rgba(250, 250, 250, 0.84);
}
section.slack-features-section h1 {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media screen and (min-width: 61.25em) {
  section.slack-features-section h1 {
    margin-bottom: 40px;
  }
  section.slack-features-section {
    padding: 100px 0;
  }
}
.slack-features {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.inverse .slack-features {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media screen and (max-width: 61.1875em) {
  .slack-features-wrapper {
    padding: 0;
  }
  .slack-features {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
}
.slack-features .features-list {
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
@media screen and (max-width: 61.1875em) {
  .slack-features .features-list {
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }
}
@media screen and (max-width: 39.9375em) {
  .slack-features .features-list {
    padding: 0 30px 0 60px;
  }
}
.slack-features .feature-item {
  max-width: 375px;
}
.slack-features-image {
  margin: 0;
  display: inline-block;
  float: right;
}
.slack-features-image .slack-screenshot-desktop {
  display: none;
}
@media screen and (min-width: 61.25em) {
  .slack-features-image {
    width: 60%;
  }
  .slack-features-image .slack-screenshot-desktop {
    display: block;
    max-width: none;
    width: 1024px;
  }
  .slack-features-image .slack-screenshot-desktop img,
  .slack-features-image .slack-screenshot-desktop video {
    max-width: 800px;
  }
  .inverse .slack-features-image .slack-screenshot-desktop img,
  .inverse .slack-features-image .slack-screenshot-desktop video {
    margin-left: -30%;
  }
  .slack-features-image .slack-screenshot-desktop video {
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 7px 30px -6px;
    width: 100%;
  }
  .slack-features-image .slack-screenshot-mobile {
    display: none;
  }
}
.slack-features-image .slack-screenshot-mobile {
  width: 70%;
  margin: 0 auto -200px;
}
@media screen and (min-width: 40em) {
  .slack-features-image .slack-screenshot-mobile {
    width: 50%;
    margin: 0 auto -240px;
  }
}
section.slack-commands-section {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (min-width: 61.25em) {
  section.slack-commands-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.slack-commands-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
}
.slack-commands {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.slack-commands-heading {
  text-align: center;
  margin: 0 auto 50px;
  max-width: 800px;
}
.slack-commands-heading h2 {
  margin-bottom: 20px;
}
.slack-commands-heading h5 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.slack-commands-image {
  display: none;
}
@media screen and (min-width: 61.25em) {
  .slack-commands-wrapper {
    padding: 0 40px;
  }
  .slack-commands-image {
    display: block;
    width: 410px;
  }
}
.commands-list {
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .slack-commands-heading {
    padding-bottom: 20px;
    font-size: 14px;
  }
  .commands-list {
    font-size: 14px;
    padding: 0 20px;
  }
}
.commands-list .command-item {
  margin-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 61.1875em) {
  .commands-list .command-item {
    width: 100%;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.commands-list .command-item .command-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.commands-list .command-item .command-label {
  font-size: 1.25em;
}
.commands-list .command-item .command-label > p {
  margin-bottom: 10px;
}
.commands-list .command-item .command-label > p:after {
  content: "";
  background: url(../images/arrow-right.svg) no-repeat;
  display: inline-block;
  height: 13px;
  width: 22px;
  margin-left: 9px;
}
.commands-list .command-item .command-text {
  background-color: #FFF;
  padding: 11px 30px 8px 50px;
  border: 2px solid #AFB9C4;
  color: #1174D9;
  border-radius: 6px;
  position: relative;
  width: 475px;
}
@media screen and (max-width: 61.1875em) {
  .commands-list .command-item .command-text {
    font-size: 14px;
    width: 100%;
  }
}
.commands-list .command-item .command-text:before {
  content: "";
  background: url(../images/icon-plus.svg) center no-repeat;
  background-size: 14px;
  border: 2px solid #AFB9C4;
  position: absolute;
  height: calc(104%);
  width: 45px;
  top: -2px;
  left: -2px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.commands-list .command-item .command-text:after {
  content: "";
  background: url(../images/slack/smiley.svg) no-repeat;
  height: 17px;
  width: 17px;
  position: absolute;
  right: 10px;
  top: 12px;
}
.slack-command-cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}
section.slack-connect {
  padding: 100px 0;
  position: relative;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-position-y: 20px;
}
section.slack-connect.dark-hero h1 {
  color: #fff;
}
section.slack-connect.dark-hero h4 {
  color: rgba(250, 250, 250, 0.84);
}
section.slack-connect .slack-connect-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
section.slack-connect h1 {
  margin-bottom: 20px;
}
section.slack-connect h4 {
  color: #8596A7;
  max-width: 800px;
}
.ebook-hero-wrapper {
  margin-bottom: 75px;
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero-wrapper {
    margin-bottom: 0;
  }
  .ebook-hero {
    padding-bottom: 25px;
    background-size: cover;
  }
}
.ebook-hero {
  padding-top: 50px;
  background-repeat: repeat-x;
  width: 100%;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero {
    padding-top: 80px;
    margin-bottom: 80px;
  }
}
.ebook-hero .flow-logo.mobile {
  display: none;
  margin-bottom: 10px;
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero .flow-logo.mobile {
    display: block;
  }
  .ebook-hero-container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.ebook-hero .flow-logo.mobile a::before {
  width: 136px;
  height: 38px;
  background-size: 136px 38px;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero .ebook-hero-image-wrapper {
    margin-bottom: -60px;
    margin-top: 60px;
  }
}
.ebook-hero .ebook-hero-headings .flow-logo {
  display: none;
  margin-bottom: 20px;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero .ebook-hero-headings .flow-logo {
    display: block;
  }
}
.ebook-share {
  padding-top: 40px;
  padding-bottom: 20px;
}
.ebook-share a::before {
  height: 50px;
  width: 50px;
}
.ebook-share .facebook-share::before {
  background-image: url(../images/icon-facebook-blue.svg);
}
.ebook-share .twitter-share::before {
  background-image: url(../images/icon-twitter-light-blue.svg);
}
.ebook-share .linkedin-share::before {
  background-image: url(../images/icon-linkedin-blue.svg);
}
.ebook-share .email-share::before {
  background-image: url(../images/icon-email-blue.svg);
}
.ebook-hero-container {
  display: -ms-flexbox;
  display: flex;
}
.ebook-hero-headings {
  margin-top: 30px;
  text-align: center;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero-headings,
  .ebook-hero-image-wrapper {
    display: inline-block;
    vertical-align: top;
  }
  .ebook-hero-headings {
    width: 50%;
    padding-top: 50px;
    padding-right: 35px;
    margin-top: 0;
    text-align: left;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .ebook-hero-headings h1,
  .ebook-hero-headings h2 {
    display: block;
    background-color: #7ED0FE;
    text-align: left;
  }
}
.ebook-hero-headings h1 span,
.ebook-hero-headings h2 span {
  display: block;
  background-color: #7ED0FE;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero-headings h1 span,
  .ebook-hero-headings h2 span {
    display: inline-block;
    padding: 12px 30px 8px 20px;
  }
  .ebook-hero-image-wrapper {
    width: 50%;
  }
}
.ebook-hero-headings h1 span {
  font-weight: 400;
}
.ebook-hero-headings p {
  margin-top: 20px;
  color: #FFF;
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero-headings h1 span,
  .ebook-hero-headings h2 span {
    max-width: 500px;
    padding: 25px 20px;
    margin-right: auto;
    margin-left: auto;
  }
  .ebook-hero-headings h1 span {
    padding-bottom: 12px;
  }
  .ebook-hero-headings h2 span {
    padding-top: 0;
  }
  .ebook-hero-headings p {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}
.ebook-hero-image-wrapper figure {
  margin: 0;
}
.ebook-hero-image-wrapper img {
  display: block;
  margin-right: auto;
  margin-left: auto;
  max-height: 530px;
}
.ebook-testimonials {
  background-color: #EBF6FF;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
}
.ebook-testimonials .ebook-testimonial-wrapper {
  padding-top: 60px;
  padding-bottom: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero-signup {
    width: 50%;
    padding-bottom: 50px;
  }
  .ebook-hero-signup h4 {
    position: relative;
  }
  .ebook-hero-signup h4::after {
    position: absolute;
    right: -65px;
    bottom: 5px;
    width: 45px;
    height: 28px;
    background-image: url(/images/arrow-pro-con.svg);
    background-size: 45px 28px;
    -ms-transform: rotate(70deg);
    transform: rotate(70deg);
    content: "";
  }
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero-signup {
    padding: 40px 60px 50px;
    background-color: #FAFAFA;
  }
}
@media screen and (max-width: 39.9375em) {
  .ebook-hero-signup {
    padding-right: 30px;
    padding-left: 30px;
  }
}
.ebook-hero-signup h4 {
  max-width: 340px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero-signup h4 {
    max-width: 475px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
  }
}
.ebook-hero-signup form {
  padding: 25px 25px 30px;
  margin-top: 15px;
  border-radius: 8px;
  background-color: #FAFAFA;
  text-align: center;
}
@media screen and (max-width: 61.1875em) {
  .ebook-hero-signup form {
    padding: 0;
  }
}
.ebook-hero-signup input,
.ebook-hero-signup select {
  height: 50px;
  border-color: #C3C3C3;
  text-align: left;
  outline: 0;
  margin: 10px auto 15px;
}
.ebook-hero-signup select {
  background-image: linear-gradient(white 0, #f3f3f3 100%);
  width: 100%;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 4px;
  border: 1px solid #C3C3C3;
  padding-left: 10px;
}
.ebook-hero-signup input.btn {
  box-sizing: border-box !important;
  text-align: center;
}
.ebook-hero-signup .cta-success-container {
  display: none;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  margin: 30px;
}
.ebook-hero-signup .cta-success-container img {
  width: 50px;
  padding-bottom: 15px;
}
.ebook-hero-signup.success .cta-success-container {
  display: -ms-flexbox;
  display: flex;
}
.ebook-hero-signup.success form {
  display: none;
}
.ebook-info-section {
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 40px;
}
@media screen and (max-width: 61.1875em) {
  .ebook-info-section {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .ebook-info-section.container,
  .ebook-info-section.resources-content-wrapper {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .ebook-hero-info {
    padding-top: 35px;
  }
}
@media screen and (max-width: 39.9375em) {
  .ebook-hero-info {
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .ebook-hero-info {
    padding-right: 60px;
    padding-left: 60px;
  }
}
.ebook-hero-info .ebook-hero-description {
  margin-bottom: 25px;
}
@media screen and (min-width: 61.25em) {
  .ebook-hero-info {
    width: 50%;
    padding-right: 35px;
    margin-top: -25px;
  }
  .ebook-hero-info .ebook-hero-description {
    margin-bottom: 30px;
  }
}
.ebook-hero-info .ebook-description-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ebook-hero-info .ebook-description-wrapper .ebook-decription-item {
  padding-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ebook-hero-info .ebook-description-wrapper .ebook-decription-item img {
  padding-top: 8px;
  padding-right: 10px;
}
.books p {
  font-size: 1.2em;
  line-height: 1.2em;
}
.apps .app-links .platforms {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 50px;
}
@media screen and (max-width: 61.1875em) {
  .apps .app-links .platforms {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .apps .app-links .platforms .platforms-card {
    margin: 5px;
  }
}
.apps .app-links .platforms .platforms-card:hover {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}
section.apps-section {
  overflow: hidden;
  padding-bottom: 60px;
  position: relative;
  color: #333;
}
@media screen and (max-width: 39.9375em) {
  section.apps-section {
    padding: 80px 10px;
  }
}
section.apps-section .content {
  margin: 0 auto;
  max-width: 1150px;
}
section.apps-section .masthead-image {
  padding: 0 20px;
  margin-bottom: 40px;
  display: inline-block;
}
section.apps-section .masthead-container {
  margin: 65px auto;
  max-width: 800px;
}
section.apps-section h1 {
  margin-bottom: 35px;
}
section.apps-section h4,
section.roadmap .roadmap-title-wrapper {
  margin-bottom: 40px;
}
section.apps-section .inner {
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  section.apps-section h1 {
    padding-top: 0;
    margin-top: 0;
    display: block;
  }
  section.apps-section h4 {
    margin-left: 0;
    margin-right: 0;
  }
  section.apps-section {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
  }
}
section.roadmap .content {
  max-width: 90%;
  padding: 50px 0;
}
section.roadmap .roadmap-section-wrapper h1 {
  display: inline-block;
}
section.roadmap .roadmap-section-wrapper .roadmap-section-big-dot::before {
  margin-right: 26px;
  margin-left: 2px;
  font-size: 3.5em;
}
section.roadmap .roadmap-section-wrapper ul {
  width: 100%;
  padding-left: 0;
  list-style: none;
}
section.roadmap .roadmap-section-wrapper .roadmap-date,
section.roadmap .roadmap-section-wrapper .roadmap-item-description-wrapper,
section.roadmap .roadmap-section-wrapper a {
  color: #AFB9C4;
}
section.roadmap .roadmap-section-wrapper a:hover {
  color: #748699;
}
section.roadmap .roadmap-item-wrapper,
section.roadmap .roadmap-section-postscript {
  display: -ms-flexbox;
  display: flex;
  padding-left: 12px;
}
section.roadmap .roadmap-item-wrapper h2 {
  display: inline-block;
  margin-bottom: 20px;
}
section.roadmap .roadmap-section-postscript {
  margin-top: -10px;
  color: #AFB9C4;
}
section.roadmap .roadmap-section-postscript p {
  margin-bottom: 20px;
}
section.roadmap .roadmap-section-postscript a {
  color: #26A6F3;
}
section.roadmap .roadmap-section-postscript a:hover {
  color: #096daa;
}
section.roadmap .roadmap-border-left {
  border-left-style: solid;
  border-left-width: 6px;
  border-radius: 10px;
  margin-right: 38px;
}
section.roadmap .roadmap-item {
  margin-bottom: 30px;
}
section.roadmap .roadmap-item .roadmap-item-description-wrapper {
  margin-top: 5px;
}
section.roadmap .roadmap-item .roadmap-item-title-date-wrapper,
section.roadmap .roadmap-item .roadmap-item-title-dot-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.roadmap .roadmap-item .roadmap-date {
  display: block;
  margin-left: auto;
}
section.roadmap .roadmap-section-big-dot::before {
  content: '•';
  font-family: sans-serif;
}
section.roadmap .roadmap-section-small-dot,
section.roadmap .roadmap-section-year-dot {
  width: 10px;
  height: 10px;
  margin-left: -46px;
  margin-right: 35px;
  border-radius: 50%;
}
section.roadmap .roadmap-section-year-dot {
  border: 2px solid #fff;
  width: 17px;
  height: 17px;
  margin-left: -49px;
  display: inline-block;
}
.support.banner-visible .support-article-wrapper-neo .support-text-section {
  padding-top: 30px;
}
.support .support-container {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media screen and (max-width: 39.9375em) {
  .support .support-container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.support ul {
  list-style: none;
  padding: 0;
}
.support .support-container .post-container a {
  color: #26A6F3;
}
.support .support-container .post-container a:hover {
  color: #87cef8;
}
.support .support-card {
  min-height: 327px;
  display: block;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 150ms ease-in;
}
.support .support-card:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 750px) {
  .support .support-card {
    width: 49%;
  }
}
@media screen and (min-width: 61.25em) {
  .support .support-card {
    width: 32%;
  }
}
.support .support-card-info {
  padding: 16px 20px;
  height: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.support .support-card-info p {
  line-height: 1.125em;
}
.support .support-card-info .support-card-description p {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.375em;
  color: #8D8D8D;
}
.support .support-card-info .support-card-link {
  color: #26A6F3;
  font-size: 12px;
  text-transform: uppercase;
}
.support .post-read-time,
.support .post-total-steps {
  font-size: 12px;
  color: #AFB9C4;
}
.support .support-card-thumbnail {
  height: 162px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #f0f0f0;
}
.support .post-read-time:before,
.support .post-total-steps:before {
  display: inline-block;
  background-size: 100%;
  content: '';
  background-repeat: no-repeat;
}
.support .post-read-time:before {
  background-image: url(../images/support/icon-book.svg);
  height: 10px;
  width: 14px;
  margin-right: 3px;
}
.support .post-total-steps {
  margin-left: 15px;
}
.support .post-total-steps:before {
  background-image: url(../images/support/icon-steps.svg);
  height: 9px;
  width: 10px;
  margin-right: 5px;
}
.support-home-wrapper {
  width: calc(-130%);
}
@media screen and (max-width: 39.9375em) {
  .support-home-wrapper {
    width: 100%;
  }
}
.support-home-wrapper section {
  margin-bottom: 20px;
}
.support-home-wrapper p {
  font-size: .875em;
  line-height: 1.375em;
  color: #8D8D8D;
  margin: 5px 0;
}
.popular-article-container h6,
.support-home-wrapper .category-name {
  margin-bottom: 20px;
}
.category-list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.category-list-container:after {
  content: '';
  width: 32%;
}
.popular-article-container .popular-article-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.popular-article-container .popular-article-wrapper article {
  width: 50%;
  margin-bottom: 25px;
  padding-right: 25px;
}
.popular-article-container .popular-article-wrapper article a {
  color: #26A6F3;
}
.popular-article-container .popular-article-wrapper article p {
  max-width: 370px;
}
@media screen and (max-width: 39.9375em) {
  .popular-article-container .popular-article-wrapper article {
    width: 100%;
  }
  .article-list-container {
    display: none;
  }
}
.article-list-container h4 {
  font-size: 1.25em;
  margin-bottom: 25px;
}
.article-list-container .article-list-wrapper {
  column-count: 3;
  column-gap: 25px;
}
.article-list-container .category-wrapper {
  display: inline-block;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .article-list-container .article-list-wrapper {
    column-count: 1;
  }
  .article-list-container .category-wrapper {
    width: 45%;
  }
}
.article-list-container h6 {
  font-weight: 400;
}
.article-list-container ul {
  margin-top: 5px;
  margin-bottom: 25px;
}
.article-list-container li {
  margin-bottom: 5px;
  width: 100%;
  padding-right: 20px;
}
.article-list-container li a {
  font-size: 14px;
  color: #8D8D8D;
}
.article-list-container li a:hover {
  color: #5a5a5a;
}
.banner-visible .search-container {
  margin-top: 60px;
}
.search-container {
  margin-bottom: 40px;
}
@media screen and (max-width: 39.9375em) {
  .search-container {
    margin-bottom: 40px;
    position: fixed;
    width: 100%;
    z-index: 8880;
    padding: 0;
    top: 0;
    transition: all 0.6s ease-in-out;
  }
}
.search-container .search-form.searching .search-results-close-button {
  display: none;
}
.search-container .inline-form input {
  position: relative;
  margin: 0;
  padding: 27px 0 27px 80px;
  color: #444;
  font-size: 1.625em;
  border: 1px solid #f0f0f0;
  border-radius: 100px;
  outline: 0;
  box-shadow: none;
}
.search-container .inline-form input::-webkit-input-placeholder {
  color: #444;
}
.search-container .inline-form input:-ms-input-placeholder {
  color: #444;
}
.search-container .inline-form input::placeholder {
  color: #444;
}
.search-container .inline-form input input:focus {
  box-shadow: none;
}
.search-container .search-form-icon {
  position: absolute;
  left: 60px;
  height: 93px;
  width: 36px;
  z-index: 1;
}
.search-container .submit {
  text-indent: -9999px;
  font-size: 0;
  background-image: url(../images/icon-search.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 39.9375em) {
  .search-container .inline-form input {
    padding-left: 15px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #f0f0f0;
  }
  .search-container .search-form-icon {
    right: 20px;
    left: initial;
  }
  .search-container .submit {
    display: none;
  }
}
.search-container .search-results-close-button {
  background-image: url(../images/icon-close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .search-container .search-results-close-button {
    display: none;
  }
  .featured-article-wrapper {
    height: 340px;
  }
}
.search-container.search-results-shown .search-form:not(.searching) .search-results-close-button {
  display: block;
}
.search-container .inline-form.searching .submit,
.search-container.search-results-shown .submit {
  display: none;
}
.search-container .inline-form.searching .spinner {
  display: block;
}
.search-container .spinner {
  display: none;
}
.results-popover {
  position: absolute;
  background-color: #fff;
  display: block;
  z-index: 999;
  width: 100%;
  box-shadow: 0 4px 7px rgba(0, 0, 0, 0.08);
  left: 0;
  right: 0;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .results-popover h4 {
    padding-left: 50px;
  }
}
.popover-search-results-list {
  padding: 10px 15px!important;
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .popover-search-results-list {
    padding: 10px 15px !important;
  }
  .site-header.search-header + .support .search-container {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  }
}
.search-result {
  padding: 10px 20px;
  border-radius: 4px;
  transition: background-color 0.1s ease-in;
}
.search-result h4 {
  line-height: 50px;
  font-weight: 400;
}
.search-result a,
.search-result span {
  display: block;
  line-height: 1em;
}
.search-result span.search-result-brief {
  font-size: 17px;
  color: #AFB9C4;
  margin-top: 5px;
}
.site-header.scrolling-down + .support .search-container {
  top: calc(-100px);
  transition: top 0.2s;
}
.featured-article-container {
  display: none;
}
@media screen and (max-width: 61.1875em) {
  .featured-article-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.featured-article-container.left .featured-article-text-wrapper {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.featured-article-container.right .featured-article-text-wrapper {
  -ms-flex-direction: row;
  flex-direction: row;
}
.featured-article-container.left .featured-article-wrapper,
.featured-article-container.right .featured-article-wrapper {
  -ms-flex-pack: center;
  justify-content: center;
}
.featured-article-container.left .featured-article-image,
.featured-article-container.left .featured-article-text,
.featured-article-container.right .featured-article-image,
.featured-article-container.right .featured-article-text {
  width: 50%;
}
.featured-article-container.left .featured-article-text,
.featured-article-container.right .featured-article-text {
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 30px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .featured-article-container.left .featured-article-text,
  .featured-article-container.right .featured-article-text {
    padding-right: 20px;
  }
}
.featured-article-container.left .featured-article-text h4,
.featured-article-container.left .featured-article-text p,
.featured-article-container.right .featured-article-text h4,
.featured-article-container.right .featured-article-text p {
  padding: 0;
  text-align: left;
}
@media screen and (max-width: 39.9375em) {
  .featured-article-container.left .featured-article-image,
  .featured-article-container.left .featured-article-text,
  .featured-article-container.right .featured-article-image,
  .featured-article-container.right .featured-article-text {
    width: 100%;
  }
  .featured-article-container.left .featured-article-text,
  .featured-article-container.right .featured-article-text {
    padding-left: 0;
    -ms-flex-align: center;
    align-items: center;
  }
  .featured-article-container.left .featured-article-text h4,
  .featured-article-container.left .featured-article-text p,
  .featured-article-container.right .featured-article-text h4,
  .featured-article-container.right .featured-article-text p {
    text-align: center;
  }
  .featured-article-container.left .featured-article-text-wrapper,
  .featured-article-container.right .featured-article-text-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.featured-article-container.left .featured-article-text-wrapper,
.featured-article-container.right .featured-article-text-wrapper {
  padding: 30px;
}
@media screen and (min-width: 61.25em) {
  .results-popover {
    max-width: 1052px;
    left: initial;
    right: initial;
  }
  .featured-article-container.left .featured-article-text-wrapper,
  .featured-article-container.right .featured-article-text-wrapper {
    padding-top: 10px;
  }
}
.featured-article-container.left .featured-article-image img,
.featured-article-container.right .featured-article-image img {
  max-height: none;
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .featured-article-container.left .featured-article-image img,
  .featured-article-container.right .featured-article-image img {
    width: 100%;
    margin-top: 20px;
  }
}
.featured-article-container.center .featured-article-image {
  max-height: 150px;
}
.featured-article-wrapper {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 30px 0 0;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 61.1875em) {
  .featured-article-wrapper {
    padding: 0;
  }
}
.featured-article-wrapper .btn {
  margin-top: 15px;
}
.featured-article-wrapper .close-feature-article {
  position: absolute;
  display: block;
  right: 15px;
  top: 15px;
  height: 14px;
  width: 14px;
  cursor: pointer;
}
.featured-article-wrapper .close-feature-article:after {
  content: '';
  background-image: url(../images/support/close-icon.svg);
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
}
.featured-article-wrapper .featured-article-text,
.featured-article-wrapper .featured-article-text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.featured-article-wrapper .featured-article-text h4,
.featured-article-wrapper .featured-article-text p {
  color: #fff;
  margin-bottom: 15px;
  padding: 0 30px;
  text-align: center;
  max-width: 600px;
}
@media screen and (max-width: 39.9375em) {
  .featured-article-wrapper .featured-article-text {
    margin-top: 20px;
  }
}
.support-container .post-container {
  padding-bottom: 0;
  background-color: #fff;
}
@media screen and (min-width: 40em) {
  .support-container .post-container {
    width: calc(-130%);
  }
}
.support-container .post-container .top-banner {
  background-image: url(/images/background-icons-orange.svg);
  background-position: top;
  background-repeat: no-repeat;
  color: #C9942F;
  cursor: pointer;
}
.enterprise-bg,
.enterprise-cta,
.enterprise-hero-bg,
.enterprise-hero-bg::before {
  background-position: center;
}
.support-container .post-container .top-banner:after {
  background-image: url(../images/button-arrow-orange.svg);
}
.support-container .support-article-wrapper {
  max-width: 770px;
  margin-bottom: 50px;
}
.support-container .support-article-wrapper .post-heading {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
}
.support-container .support-article-wrapper .pro-feature-badge:after {
  margin-left: 5px;
  margin-right: 5px;
  background-size: 50px;
  width: 50px;
  height: 25px;
}
.support-container .support-article-wrapper .post-title {
  font-size: 42px;
  margin-bottom: 10px;
  line-height: 1.25;
}
.support-container .support-article-wrapper .post-brief {
  font-size: 22px;
  margin-bottom: 0;
}
.support-container .support-article-wrapper .post-brief > p {
  margin-bottom: 0;
}
.support-container .support-article-wrapper .post-wrapper h1,
.support-container .support-article-wrapper .support-text-block h1 {
  margin-bottom: 10px;
  font-size: 36px;
}
.support-container .support-article-wrapper .post-wrapper h2,
.support-container .support-article-wrapper .support-text-block h2 {
  margin-bottom: 10px;
  font-size: 28px;
}
.support-container .support-article-wrapper .post-wrapper h3,
.support-container .support-article-wrapper .support-text-block h3 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 30px;
  border-top: 1px solid #f0f0f0;
}
.support-container .support-article-wrapper .post-wrapper h4,
.support-container .support-article-wrapper .support-text-block h4 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 5px;
}
.support-container .support-article-wrapper .post-wrapper h5 > .post-wrapper,
.support-container .support-article-wrapper .support-text-block h5 > .post-wrapper {
  font-size: 18px;
  margin-bottom: 18px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.support-container .support-article-wrapper .post-wrapper p,
.support-container .support-article-wrapper .support-text-block p {
  padding-bottom: 15px;
}
.support-container .support-article-wrapper .post-wrapper blockquote,
.support-container .support-article-wrapper .support-text-block blockquote {
  padding: .7em 1.4em .85em;
  border-left-color: #656565;
  border-left-width: 3px;
  color: #656565;
  background-color: rgba(175, 185, 196, 0.1);
}
.support-container .support-article-wrapper .post-media {
  margin: 30px auto;
  display: table;
  padding: 15px;
  background-color: rgba(175, 185, 196, 0.1);
}
.support-container .support-article-wrapper .post-media.fullscreen img {
  width: 100%;
}
.support-container .support-article-wrapper .post-read-time,
.support-container .support-article-wrapper .post-total-steps {
  font-size: 14px;
  color: #C3C3C3;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 39.9375em) {
  .support-container .support-article-wrapper .post-read-time,
  .support-container .support-article-wrapper .post-total-steps {
    margin-left: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 15px;
    padding-bottom: 3px;
  }
}
.support-container .support-article-wrapper .post-read-time::before,
.support-container .support-article-wrapper .post-total-steps::before {
  display: none;
}
.support-container .support-article-image {
  height: initial;
  width: initial;
}
.support-container .article-end-graphic img {
  display: block;
  margin: 50px auto;
}
.support-container .support-text-block-video {
  margin-top: 40px;
  margin-bottom: 40px;
}
.support-article-wrapper .walkthrough-preamble,
.support-article-wrapper .walkthrough-step,
.support-article-wrapper .walkthrough-step-text {
  margin-bottom: 30px;
}
.support-article-wrapper .walkthrough-step {
  padding-left: 25px;
  position: relative;
}
.support-article-wrapper .walkthrough-step-text {
  padding-left: 20px;
}
.support-article-wrapper .walkthrough-step-number {
  position: absolute;
  font-weight: 400;
}
.support-article-wrapper .walkthrough-step-number[data-count="1"] {
  top: 5px;
}
.support-article-wrapper .walkthrough-step-number + .walkthrough-step-text h3:first-child {
  padding-top: 0;
  border-top: 0;
}
.support-related-articles-container {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  padding: 18px;
  max-width: 770px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (min-width: 61.25em) {
  .support-related-articles-container .support-recent-articles-wrapper,
  .support-related-articles-container .support-related-articles-wrapper {
    width: 50%;
  }
}
.support-related-articles-container .support-recent-articles-heading,
.support-related-articles-container .support-related-articles-heading {
  font-size: 16px;
  padding-bottom: 10px;
}
@media screen and (max-width: 61.1875em) {
  .support-related-articles-container {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
  }
  .support-related-articles-container .support-recent-articles-heading,
  .support-related-articles-container .support-related-articles-heading {
    font-size: 18px;
  }
}
.support-related-articles-container .support-recent-article,
.support-related-articles-container .support-related-article {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.support-related-articles-container .support-recent-article a,
.support-related-articles-container .support-related-article a {
  font-size: 14px;
  color: #9F9F9F;
  line-height: 26.6px;
}
.support-related-articles-container .support-recent-article a:hover,
.support-related-articles-container .support-related-article a:hover {
  color: #444;
}
@media screen and (max-width: 61.1875em) {
  .support-related-articles-container .support-recent-article a,
  .support-related-articles-container .support-related-article a {
    font-size: 16px;
    line-height: 30.4px;
  }
  .support-related-articles-container .support-related-articles-wrapper {
    margin-bottom: 20px;
  }
}
.support-callout-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
  background-repeat: no-repeat;
  background-position-y: 30px;
}
.support-callout-section .support-callout-icon {
  padding-bottom: 15px;
}
.support-callout-section .support-callout-heading {
  padding-bottom: 5px;
}
.support-post-cta-section .cta-block {
  background-color: #fff !important;
}
.support-featured-videos-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 30px;
  margin-bottom: 20px;
}
.support-featured-videos-container h4 {
  padding-bottom: 20px;
}
.support-featured-videos-container .support-featured-videos-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .support-post-cta-section .container,
  .support-post-cta-section .resources-content-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .support-featured-videos-container .support-featured-videos-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.support-featured-videos-container a.support-featured-video-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  width: 330px;
  height: 215px;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .support-featured-videos-container a.support-featured-video-card {
    width: 100%;
  }
  .support-featured-videos-container a.support-featured-video-card:nth-child(2) {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 40em) {
  .support-featured-videos-container a.support-featured-video-card:nth-child(2) {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.support-featured-videos-container a.support-featured-video-card:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.support-featured-videos-container a.support-featured-video-card .support-featured-video-card-thumbnail {
  transition: all .2s;
  height: 100%;
  background-size: contain;
  background-position: center;
  position: relative;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
  opacity: 1;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.support-featured-videos-container a.support-featured-video-card .support-featured-video-card-thumbnail:hover {
  opacity: 0.9;
}
.support-featured-videos-container a.support-featured-video-card .support-featured-video-card-heading {
  height: 60px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f0f0f0;
  padding-left: 20px;
}
.support-featured-videos-container::after {
  display: none;
}
.guides-content-item-wrapper,
.guides-header-info,
.guides-intro,
.guides-navigation-wrapper .guides-navigation,
.guides-success {
  max-width: 66.25em;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}
.guides-cta-section .cta-block {
  margin-top: 100px;
}
.guides-header-title-wrapper {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  padding: 50px 30px;
}
.guides-header-title {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: 83px;
  padding-left: 125px;
  background-image: url(../images/icon-guides-header.svg);
  background-repeat: no-repeat;
}
.guides-header-title h1,
.guides-header-title h2 {
  font-weight: 400;
}
.guides-header-title h2 {
  font-size: 1.25em;
  color: rgba(255, 255, 255, 0.5);
}
.guides-header-title h1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.75em;
  color: #FFF;
}
.guides-header-info {
  max-width: calc(49.6875em);
  padding-top: 50px;
  padding-bottom: 60px;
  text-align: center;
}
.guides-header-info h3 {
  color: #8D8D8D;
  font-size: 23px;
}
.guides-header-info h3 p {
  margin-bottom: 0;
}
.guides-header-dropdown-toggle {
  padding: 0;
  margin-left: 10px;
  border: 0;
  outline: 0;
  background-color: transparent;
}
.guides-header-dropdown-toggle:hover {
  background-color: transparent;
}
.guides-header-dropdown-toggle svg {
  display: block;
  opacity: 0.5;
}
.guides-header-nav-wrapper {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 45px;
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: transform 0.2s ease;
}
.guides-header-nav-wrapper.active {
  box-shadow: 0 1px 12px 0 rgba(99, 99, 99, 0.86);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.guides-header-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.guides-header-nav li {
  margin-right: 20px;
  margin-left: 20px;
  font-size: 1.25em;
}
@media screen and (max-width: 61.1875em) {
  .guides-header-nav {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .guides-header-nav li {
    margin-bottom: 20px;
  }
  .guides-header-nav li:last-child {
    margin-bottom: 0;
  }
}
.guides-header-nav li a,
.guides-header-nav li span {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #FFF;
}
.guides-header-nav li a:hover img,
.guides-header-nav li span:hover img {
  opacity: 1;
}
.guides-header-nav li img {
  position: relative;
  top: -1px;
  margin-right: 10px;
  opacity: .5;
  transition: opacity 0.2s ease;
}
.guides-header-nav li span {
  opacity: 0.5;
}
.guides-header-nav li span img {
  opacity: 1;
}
.guides-header-title-wrapper {
  margin-bottom: 0;
}
.guides-header-title-wrapper.header-visible {
  margin-bottom: 72px;
}
.guides-navigation-wrapper {
  z-index: 100;
  width: 100%;
  background-color: #FFF;
  transition: all 0.4s ease;
}
.guides-navigation-wrapper.sticky {
  position: fixed;
  top: 0;
}
.guides-navigation-wrapper.sticky .guides-navigation {
  max-width: initial;
  padding: 0;
}
.guides-navigation-wrapper ul {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transition: all .1s ease;
  transition-delay: .1s;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 920px;
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  .guides-navigation-wrapper ul {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.guides-navigation-wrapper:not(.sticky) ul {
  border-color: #FAFAFA;
}
.guides-navigation-wrapper.sticky ul {
  border-color: transparent;
  max-width: none;
}
.guides-navigation-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  transition: background-color 0.2s ease;
  height: 70px;
  font-weight: 400;
}
@media screen and (max-width: 61.1875em) {
  .guides-navigation-wrapper ul {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .guides-navigation-item {
    margin-bottom: 20px;
    min-width: 225px;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 39.9375em) {
  .guides-navigation-item {
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 200px;
  }
}
.guides-navigation-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 15px;
  padding-left: 15px;
  font-size: .8125em;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 61.1875em) {
  .guides-navigation-item a {
    padding-right: 0;
    padding-left: 0;
  }
}
.guides-navigation-item-count span,
.guides-navigation-item-text {
  transition: color 0.2s ease;
}
.guides-navigation-item-count {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  font-size: .75em;
  text-align: center;
  background-color: #FAFAFA;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.guides-navigation-item-count span {
  color: #fff;
  line-height: 23px;
  font-size: 13px;
  padding-left: 1px;
  font-weight: 400;
}
.guides-navigation-item.active .guides-navigation-item-count {
  background-color: #FFF!important;
  color: #FFF !important;
}
.guides-navigation-item-text {
  margin-top: 2px;
  margin-left: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.guides-navigation-wrapper.sticky .guides-navigation-item .guides-navigation-item-text {
  color: #FFF;
}
.guides-intro {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 28px;
  padding-bottom: 28px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .guides-intro {
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 61.25em) {
  .guides-intro {
    max-width: calc(55.20833333em);
  }
}
.guides-intro-heading {
  max-width: calc(50%);
  padding-right: 30px;
  font-size: 1.25em;
  line-height: 1.4;
}
@media screen and (max-width: 39.9375em) {
  .guides-intro {
    display: block;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .guides-intro-heading {
    max-width: none;
    padding-right: 0;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 61.25em) {
  .guides-intro-heading {
    padding-top: 22px;
    padding-left: calc(84.16666667px);
  }
}
.guides-intro-heading span {
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
.guides-intro-features {
  width: 100%;
  padding: 30px 40px;
  border-radius: 6px;
}
@media screen and (max-width: 39.9375em) {
  .guides-intro-features {
    padding: 25px 25px 30px;
  }
}
.guides-intro-features ul {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  font-weight: 300;
}
.guides-intro-features li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}
.guides-intro-features li:last-child {
  margin-bottom: 0;
}
.guides-intro-features li span {
  margin-top: 2px;
  width: calc(65%);
}
.guides-content a:not(.btn) {
  color: #26A6F3;
}
.guides-content a:not(.btn):active,
.guides-content a:not(.btn):focus,
.guides-content a:not(.btn):hover {
  color: #87cef8;
}
.guides-content-item-wrapper {
  padding: 30px 0 0;
}
.guides-content-item {
  position: relative;
  line-height: 30px;
}
.guides-content-item p {
  padding-bottom: 25px;
}
.guides-content-item p + h2 {
  padding-top: 10px;
  padding-bottom: 5px;
}
.guides-content-item div + p {
  padding-bottom: 20px;
  padding-top: 20px;
}
.guides-content-item ul li {
  line-height: 30px;
}
.guides-content-item-banner {
  position: absolute;
  top: 5px;
  left: calc(-12.5%);
  display: block;
  max-width: calc(12.5%);
  width: 100%;
}
.guides-content-item-banner svg {
  display: block;
  width: 12px;
  height: 17px;
  margin-right: auto;
  margin-left: auto;
}
.guides-content-item-heading {
  position: relative;
  font-size: 34px;
  max-width: calc(70.83333333%);
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
.guides-content-item-heading svg {
  position: absolute;
  top: 5px;
  left: -52px;
  width: 12px;
  height: 17px;
}
@media screen and (max-width: 39.9375em) {
  .guides-content-item-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
  .guides-content-item-heading {
    max-width: 100%;
  }
  .guides-content-item-heading svg {
    left: 0;
  }
}
.guides-content-item-content h1 {
  font-size: 32px;
}
.guides-content-item-content h2 {
  font-size: 26px;
  padding-bottom: 5px;
}
.guides-content-item-content .full-screen,
.guides-content-item-content p.full-screen {
  max-width: none;
}
.guides-content-item-content.has-columns {
  max-width: calc(70.83333333%);
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 39.9375em) {
  .guides-content-item-content.has-columns {
    max-width: 100%;
  }
}
.guides-content-item-content.has-columns > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: calc(140%);
  margin-right: -20px;
  margin-left: -20px;
}
.guides-content-item-content.has-columns > div.columns-2 > div {
  width: 50%;
}
.guides-content-item-content.has-columns > div.columns-3 > div {
  width: 33.333%;
}
.guides-content-item-content.has-columns > div > div {
  padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 61.1875em) {
  .guides-content-item-content.has-columns > div {
    display: block;
  }
  .guides-content-item-content.has-columns > div.columns-2 > div,
  .guides-content-item-content.has-columns > div.columns-3 > div {
    width: 100%;
  }
  .guides-content-item-content.has-columns > div > div {
    margin-bottom: 40px;
  }
  .guides-content-item-content.has-columns > div > div:last-child {
    margin-bottom: 0;
  }
}
.guides-content-item-content.has-columns > div > div > :first-child {
  margin-top: 0;
}
.guides-content-item-content > * {
  max-width: calc(70.83333333%);
  margin-right: auto;
  margin-left: auto;
}
.guides-content-item-content h4 {
  margin-top: 35px;
  margin-bottom: 10px;
  font-weight: 500;
}
.guides-content-item-content .guides-image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 20px;
}
.guides-content-item-content .guides-image-wrapper.full-width img {
  width: 100%;
}
.guides-content-item-content .transparent-background .image-wrapper {
  background-color: transparent;
  padding: 0;
}
.guides-content-item-content .image-wrapper {
  display: table;
  margin: 30px auto;
  padding: 15px;
  background-color: rgba(175, 185, 196, 0.1);
}
.guides-content-item-content .image-wrapper.transparent-background {
  background-color: transparent;
}
.guides-content-item-content .image {
  margin-bottom: 0;
}
.guides-content-item-content .image.full-width {
  left: auto;
  -ms-transform: none;
  transform: none;
}
.guides-content-item-content .image.full-width img {
  display: block;
  height: auto !important;
}
.guides-content-item-content .guides-video-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}
.guides-content-item-content .columns-even {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -35px;
  margin-bottom: 35px;
}
.guides-content-item-content .columns-even > * {
  width: 50%;
  padding-right: 40px;
}
@media screen and (max-width: 39.9375em) {
  .guides-content-item-content > * {
    max-width: 100%;
  }
  .guides-content-item-content .columns-even {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }
  .guides-content-item-content .columns-even > * {
    width: 100%;
    padding-right: 20px;
  }
  .guides-content-item-content .columns-offset {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.guides-content-item-content .columns-offset {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 35px;
}
.guides-content-item-content .columns-offset > :first-child {
  width: calc(62.5%);
  padding-right: 40px;
}
.guides-content-item-content .columns-offset > * > img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.arrow-curved-left-bottom,
.arrow-curved-left-top,
.arrow-curved-right-bottom,
.arrow-curved-right-top,
.arrow-straight-left-bottom,
.arrow-straight-left-top,
.arrow-straight-right-bottom,
.arrow-straight-right-top {
  position: relative;
}
.guides-icon {
  position: absolute;
}
@media screen and (max-width: 39.9375em) {
  .guides-content-item-content .columns-offset > :first-child {
    width: 100%;
    padding-right: 0;
  }
  .guides-icon {
    display: none;
  }
}
.guides-icon.top {
  top: 0;
}
.guides-icon.bottom {
  bottom: 0;
}
.guides-icon.arrow-curved-right {
  left: -68px;
}
.guides-icon.arrow-curved-left {
  right: -68px;
}
.guides-icon.arrow-curved-left,
.guides-icon.arrow-curved-right {
  width: 28px;
  height: 78px;
}
.guides-icon.arrow-straight-right {
  left: -81px;
}
.guides-icon.arrow-straight-left {
  right: -81px;
}
.guides-icon.arrow-straight-left,
.guides-icon.arrow-straight-right {
  width: 40px;
  height: 70px;
}
.guides-content .cta-block {
  margin-top: 80px;
}
.guides-success-wrapper {
  padding: 60px 30px;
  margin-bottom: 60px;
  margin-top: 100px;
}
.guides-success {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 830px;
  padding: 50px 0 60px;
  background-color: #FFF;
}
.guides-success h3 {
  font-size: 1.5em;
  font-weight: 400;
}
.guides-success-content-wrapper {
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.guides-success-content-wrapper h3 {
  position: relative;
}
.guides-success-content-wrapper h3 svg {
  position: absolute;
  top: 5px;
  left: -52px;
  width: 12px;
  height: 17px;
}
@media screen and (max-width: 61.1875em) {
  .guides-success-content-wrapper h3 svg {
    display: none;
  }
}
.guides-success-content {
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.guides-success-content img {
  display: block;
}
.guides-success-content-text {
  width: calc(62.5%);
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 39.9375em) {
  .guides-success-content {
    display: block;
  }
  .guides-success-content-text {
    width: 100%;
  }
}
.guides-success-content-text p {
  margin-bottom: 0;
}
.guides-success-content-logo {
  width: calc(37.5%);
  padding-left: 40px;
}
.guides-success-content-logo img {
  margin-bottom: 25px;
}
@media screen and (max-width: 39.9375em) {
  .guides-success-content-logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    max-width: 200px;
    padding-left: 0;
    margin-top: 20px;
  }
  .guides-success-content-logo img {
    margin-bottom: 0;
  }
}
.guides-success-content-logo .btn {
  border: none;
}
.contact,
.enterprise {
  border-bottom: 1px solid #f0f0f0;
}
.contact .wrapper,
.enterprise .wrapper {
  margin: 90px auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (max-width: 39.9375em) {
  .contact .wrapper,
  .enterprise .wrapper {
    margin: 0 auto;
  }
}
.contact .contact-text,
.enterprise .contact-text {
  margin: 65px auto;
  text-align: center;
  max-width: 800px;
}
.contact .contact-text h1,
.enterprise .contact-text h1 {
  margin-bottom: 10px;
}
.contact .contact-text h4,
.enterprise .contact-text h4 {
  color: #9F9F9F;
  max-width: 600px;
  margin: 0 auto;
}
.contact .contact-form-container,
.enterprise .contact-form-container {
  position: relative;
  max-width: 660px;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.contact .contact-form .contact-form-field-wrapper,
.enterprise .contact-form .contact-form-field-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact .contact-form .contact-field,
.enterprise .contact-form .contact-field {
  height: 50px;
  outline: 0;
}
.contact .contact-form ::-webkit-input-placeholder,
.enterprise .contact-form ::-webkit-input-placeholder {
  color: #9F9F9F;
}
.contact .contact-form .contact-submit,
.enterprise .contact-form .contact-submit {
  width: auto;
  margin-left: auto;
}
@media screen and (max-width: 39.9375em) {
  .contact .contact-form .contact-submit,
  .enterprise .contact-form .contact-submit {
    width: 100%;
  }
}
.contact .contact-form .contact-field-half-width,
.enterprise .contact-form .contact-field-half-width {
  width: 49%;
}
.contact .contact-form select,
.enterprise .contact-form select {
  margin-bottom: .7em;
  background-color: #fff;
  color: #9F9F9F;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.features-icon-container,
.vulnerability-cta {
  background-color: #FAFAFA;
}
.contact .contact-form .contact-field-message,
.enterprise .contact-form .contact-field-message {
  min-height: 150px;
}
.contact .contact-form[data-state=success],
.enterprise .contact-form[data-state=success] {
  visibility: hidden;
  pointer-events: none;
}
.contact .contact-form-error,
.enterprise .contact-form-error {
  margin-top: 10px;
  display: none;
}
.contact .contact-form-success-state,
.enterprise .contact-form-success-state {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  display: none;
}
.contact .contact-form-success-state img,
.enterprise .contact-form-success-state img {
  margin-bottom: 20px;
}
.contact .contact-form-success-state h5,
.enterprise .contact-form-success-state h5 {
  color: #32D17F;
}
.contact [data-state=error] ~ .contact-form-error,
.enterprise [data-state=error] ~ .contact-form-error {
  display: block;
}
.contact [data-state=success] ~ .contact-form-success-state,
.enterprise [data-state=success] ~ .contact-form-success-state {
  display: -ms-flexbox;
  display: flex;
}
.contact .support-section,
.enterprise .support-section {
  padding: 30px 0 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .contact .contact-form .contact-field-half-width,
  .contact .contact-form .contact-field-number-of-employees-company,
  .contact .contact-form .contact-field-number-of-employees-team,
  .enterprise .contact-form .contact-field-half-width,
  .enterprise .contact-form .contact-field-number-of-employees-company,
  .enterprise .contact-form .contact-field-number-of-employees-team {
    width: 100%;
  }
  .contact .support-section,
  .enterprise .support-section {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.contact .support-section .contact-support-section,
.enterprise .support-section .contact-support-section {
  width: 400px;
  padding: 25px 50px;
}
.contact .support-section .contact-support-section p,
.enterprise .support-section .contact-support-section p {
  color: #656565;
}
.contact .support-section .contact-support-section a,
.enterprise .support-section .contact-support-section a {
  color: #26A6F3;
  font-size: .75em;
  letter-spacing: 1px;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .contact .support-section .contact-support-section:not(:last-child),
  .enterprise .support-section .contact-support-section:not(:last-child) {
    border-right: 1px solid #FAFAFA;
    padding: 0 40px 0 0;
  }
  .contact .support-section .contact-support-section:last-child,
  .enterprise .support-section .contact-support-section:last-child {
    padding: 0 0 0 40px;
  }
}
.terms-wrapper {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}
.terms-wrapper h1,
.terms-wrapper h2,
.terms-wrapper h3,
.terms-wrapper h4,
.terms-wrapper h5 {
  margin-top: 25px;
}
.terms-wrapper p {
  line-height: 26px;
  margin-bottom: 10px;
}
.terms-wrapper a {
  color: #26A6F3;
}
.terms-wrapper a:hover {
  color: #87cef8;
}
main.enterprise {
  padding-bottom: 0;
}
.enterprise-content .heading {
  font-weight: 300;
}
.enterprise-bg {
  background-repeat: no-repeat;
}
@media only screen and (min-width: 50rem) {
  .enterprise-hero .container,
  .enterprise-hero .resources-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 530px;
  }
  .enterprise-hero-text {
    width: 50%;
  }
}
.enterprise-hero-bg {
  position: relative;
  min-height: 730px;
  padding-top: 100px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 61.25em) {
  .enterprise-hero-bg {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.enterprise-hero-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  content: "";
}
.enterprise-hero-text {
  position: relative;
  z-index: 1;
}
.enterprise-hero-text .heading {
  margin-bottom: 7px;
  font-size: 2.625rem;
}
.enterprise-hero-text .text {
  margin-bottom: 24px;
  font-size: 1.375rem;
  line-height: 1.45;
}
.enterprise-alternating .container,
.enterprise-alternating .resources-content-wrapper {
  max-width: calc(-98.55556em);
}
.enterprise-alternating-header {
  margin-bottom: 70px;
  text-align: center;
}
@media only screen and (min-width: 50rem) {
  .enterprise-alternating-header {
    margin-bottom: 100px;
  }
}
.enterprise-alternating-header .heading {
  margin-bottom: 20px;
  font-size: 2.25rem;
}
@media only screen and (max-width: 49.9375rem) {
  .enterprise-hero-bg {
    min-height: 0;
    padding-top: 150px;
    padding-bottom: 90px;
  }
  .enterprise-hero-bg::before {
    opacity: 0.3;
  }
  .enterprise-hero-text {
    text-align: center;
  }
  .enterprise-alternating-header .heading {
    font-size: 1.75rem;
  }
}
.enterprise-alternating-header .text {
  max-width: calc(-98.55556em) -100px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.375rem;
  line-height: 1.45;
}
.enterprise-alternating-feature {
  position: relative;
  margin-bottom: 70px;
  font-size: 1.125rem;
  line-height: 1.55;
}
@media only screen and (min-width: 50rem) {
  .enterprise-alternating-feature .container,
  .enterprise-alternating-feature .resources-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px;
  }
}
.enterprise-alternating-feature:nth-child(even) .container,
.enterprise-alternating-feature:nth-child(even) .resources-content-wrapper {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.enterprise-alternating-feature-image {
  margin: 0;
}
.enterprise-alternating-feature-image img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 49.9375rem) {
  .enterprise-alternating-feature-image {
    max-width: 100px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }
  .enterprise-alternating-feature-text {
    margin-top: 30px;
    text-align: center;
  }
}
@media only screen and (min-width: 50rem) {
  .enterprise-alternating-feature-image {
    width: 45%;
  }
  .enterprise-alternating-feature:nth-child(odd) .enterprise-alternating-feature-image {
    padding-right: 30px;
  }
  .enterprise-alternating-feature:nth-child(even) .enterprise-alternating-feature-image {
    padding-left: 30px;
  }
  .enterprise-alternating-feature-text {
    width: 55%;
  }
}
.enterprise-alternating-feature-text .heading {
  margin-bottom: 20px;
  font-size: 1.75rem;
}
.enterprise-alternating-feature-text .text p {
  margin-bottom: 1em;
}
.enterprise-alternating-feature-text .text ul {
  text-align: left;
}
.enterprise-alternating-feature-text .text li {
  margin-bottom: 0.375rem;
}
.enterprise-alternating-feature-text .text [class*=pill]::after {
  position: relative;
  top: -3px;
  margin-left: 5px;
  padding: 3px 10px;
  border: 1px solid currentColor;
  border-radius: 21px;
  opacity: .5;
  font-size: .5625rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .05em;
  content: "";
}
.enterprise-alternating-feature-text .text .pill-coming-soon::after {
  content: "coming soon";
}
.enterprise-alternating-feature-text .text .pill-new::after {
  content: "new";
}
.enterprise-alternating-feature-text .link {
  color: #26A6F3;
  font-weight: 400;
}
.enterprise-alternating-feature-text .link:hover {
  color: #87cef8;
}
.enterprise-testimonial {
  padding-bottom: 160px;
}
.enterprise-testimonial .heading {
  max-width: 50.625rem;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-size: 2.25rem;
  text-align: center;
}
.enterprise-testimonial-image {
  margin: 0 0 30px;
}
.enterprise-testimonial-image img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.enterprise-testimonial-quote {
  position: relative;
  max-width: 50.625rem;
  margin: 0 auto;
  padding-left: 0;
  border-left: 0;
  text-align: center;
  font-size: 22px;
  line-height: 1.45;
}
.enterprise-testimonial-quote::after,
.enterprise-testimonial-quote::before {
  position: absolute;
  top: 0;
  display: block;
  height: 50px;
  width: 50px;
  content: "";
  background-repeat: no-repeat;
}
.enterprise-testimonial-quote::before {
  left: -75px;
  background-image: url(../images/enterprise-quote-left.svg);
}
.enterprise-testimonial-quote::after {
  right: -75px;
  background-image: url(../images/enterprise-quote-right.svg);
}
@media only screen and (max-width: 63.6875rem) {
  .enterprise-testimonial-quote::before {
    left: -50px;
    display: none;
  }
  .enterprise-testimonial-quote::after {
    right: -50px;
    display: none;
  }
}
.enterprise-testimonial-quote cite {
  display: block;
  margin-top: 20px;
  font-style: normal;
}
.enterprise-testimonial-quote cite::before {
  display: none;
}
.enterprise-testimonial-quote cite .author {
  display: block;
  margin-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.enterprise-testimonial-quote cite .author-position {
  display: block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.enterprise-cta {
  padding-top: 100px;
  padding-bottom: 100px;
  background-repeat: no-repeat;
}
.securtiy-hero .container,
.securtiy-hero .resources-content-wrapper {
  margin-top: 90px;
}
@media screen and (max-width: 39.9375em) {
  .securtiy-hero .container,
  .securtiy-hero .resources-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    min-height: 530px;
  }
}
.security-hero-bg {
  background-image: radial-gradient(ellipse farthest-side at center center, #0f3248 0, #0f3248 20%, #051520 100%);
  min-height: 375px;
}
.security-hero-text {
  z-index: 1;
  padding-top: 210px;
  padding-bottom: 100px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
.security-hero-text .heading {
  font-size: 2.625rem;
  padding-bottom: 10px;
  font-weight: 300;
  color: #FAFAFA;
}
.security-hero-text .subheading {
  font-weight: 300;
  color: #FAFAFA;
  font-size: 1.375rem;
  line-height: 28px;
  max-width: 80%;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .security-hero-bg {
    min-height: 500px;
  }
  .security-hero-text .heading {
    text-align: center;
    padding-top: 40px;
  }
  .security-hero-text .subheading {
    max-width: 100%;
  }
  .features-matrix {
    width: 100%;
  }
}
.features-matrix-container {
  padding-top: 70px;
  padding-bottom: 15px;
}
.features-matrix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 75px;
}
.features-matrix-icon {
  padding-bottom: 25px;
  width: 45px;
  margin-left: auto;
  margin-right: auto;
}
.features-matrix-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.features-matrix-text .heading {
  padding-bottom: 30px;
  font-size: 1.5rem;
}
@media screen and (max-width: 39.9375em) {
  .features-matrix-text .heading {
    width: 90%;
    text-align: center;
  }
}
.features-matrix-text .subheading {
  width: 70%;
  font-size: 1em;
  line-height: 28px;
}
.features-matrix-text .subheading a {
  color: #26A6F3;
}
.features-icon-container {
  padding-top: 80px;
  padding-bottom: 50px;
}
.features-icon-matrix {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 6%;
  padding-right: 6%;
}
@media screen and (max-width: 39.9375em) {
  .features-matrix-text .subheading {
    width: 90%;
    text-align: center;
  }
  .features-icon-matrix {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.features-icon-unit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  padding-bottom: 35px;
  width: 50%;
  padding-left: 35px;
}
@media screen and (max-width: 39.9375em) {
  .features-icon-unit {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
  }
}
@media only screen and (max-width: 850px) {
  .features-icon-unit {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.features-icon-icon {
  max-width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 850px) {
  .features-icon-icon {
    padding-left: 20px;
    padding-bottom: 10px;
    max-width: 60px;
  }
}
@media screen and (max-width: 39.9375em) {
  .features-icon-icon {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 25px;
  }
}
.features-icon-text {
  padding-left: 20px;
  line-height: 1.4em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.features-icon-text .security-icons-heading {
  font-size: 1.125rem;
  padding-bottom: 10px;
}
.vulnerability-cta-text {
  color: #8D8D8D;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.vulnerability-cta-text a {
  color: #26A6F3;
}
@media screen and (max-width: 39.9375em) {
  .features-icon-text .security-icons-heading {
    text-align: center;
    margin-left: -20px;
    font-size: 1.375rem;
  }
  .vulnerability-cta-text {
    width: 90%;
  }
}
.pricing-hero-section {
  background: top no-repeat;
  background-position-y: 80px;
}
@media screen and (max-width: 61.1875em) {
  .pricing-hero-section {
    background-size: contain;
    background-position-y: 170px;
  }
}
.pricing-hero-heading {
  text-align: center;
  padding-top: 140px;
  padding-bottom: 120px;
}
.pricing-hero-heading h1 {
  padding-bottom: 15px;
}
.pricing-term-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.pricing-term-container .pricing-terms [data-plan-term=monthly] {
  color: #26A6F3;
  cursor: default;
}
.pricing-term-container .pricing-terms [data-plan-term=annual] {
  cursor: pointer;
}
.pricing-term-container .pricing-terms.annual-visible [data-plan-term=annual] {
  color: #26A6F3;
  cursor: default;
}
.pricing-term-container .pricing-terms.annual-visible [data-plan-term=monthly] {
  color: #656565;
  cursor: pointer;
}
.pricing-term-container .pricing-terms .pricing-term {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 55px;
  margin-bottom: 30px;
  width: auto;
  font-size: 20px;
}
.pricing-term-container .pricing-terms .pricing-term input.pricing-term-switch {
  height: 0;
  width: 0;
  visibility: hidden;
}
.pricing-term-container .pricing-terms .pricing-term label.pricing-term-switch-toggle {
  cursor: pointer;
  width: 50px;
  height: 24px;
  background: #26A6F3;
  display: block;
  border-radius: 100px;
  position: relative;
  margin-left: 14px;
  margin-right: 20px;
}
.pricing-term-container .pricing-terms .pricing-term label.pricing-term-switch-toggle:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #FFF;
  border-radius: 50%;
  transition: 0.4s;
}
.pricing-term-container .pricing-terms .pricing-term input:checked + label.pricing-term-switch-toggle:after {
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transform: translateX(25px);
}
.pricing-term-container .pricing-terms .pricing-term .pricing-term-annual-wrapper .pricing-term-annual-discount {
  position: absolute;
  right: -60px;
  top: -35px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 13px;
  text-transform: uppercase;
}
.pricing-term-container .pricing-terms .pricing-term .pricing-term-annual-wrapper .pricing-term-annual-discount svg {
  margin-left: 15px;
}
@media screen and (max-width: 420px) {
  .pricing-term-container .pricing-terms .pricing-term .pricing-term-annual-wrapper .pricing-term-annual-discount {
    right: -25px;
    top: -50px;
  }
}
.pricing-column-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 100px;
  position: relative;
}
@media screen and (max-width: 61.1875em) {
  .pricing-column-section {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
  }
}
.pricing-column-section .pricing-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 370px;
}
@media screen and (max-width: 61.1875em) {
  .pricing-column-section .pricing-column {
    max-width: 360px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}
@media screen and (min-width: 61.25em) and (max-width: 1120px) {
  .pricing-column-section .pricing-column {
    max-width: 34% !important;
  }
  .pricing-column-section .pricing-column .pricing-column-description {
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media screen and (min-width: 61.25em) {
  .pricing-column-section .pricing-column:first-child:nth-last-child(2),
  .pricing-column-section .pricing-column:first-child:nth-last-child(2) ~ .pricing-column {
    width: 100%;
    border-radius: 8px;
    height: 100%;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(2) .pricing-column-type,
  .pricing-column-section .pricing-column:first-child:nth-last-child(2) ~ .pricing-column .pricing-column-type {
    padding-top: 24px;
    padding-bottom: 22px;
    font-size: 24px;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(2):first-child,
  .pricing-column-section .pricing-column:first-child:nth-last-child(2) ~ .pricing-column:first-child {
    margin-left: auto;
    margin-right: 10px;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(2):last-child,
  .pricing-column-section .pricing-column:first-child:nth-last-child(2) ~ .pricing-column:last-child {
    margin-right: auto;
    margin-left: 10px;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(3),
  .pricing-column-section .pricing-column:first-child:nth-last-child(3) ~ .pricing-column {
    border-radius: 10px;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(3):nth-child(odd),
  .pricing-column-section .pricing-column:first-child:nth-last-child(3) ~ .pricing-column:nth-child(odd) {
    margin-top: 10px;
    max-width: 350px;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(3):nth-child(even),
  .pricing-column-section .pricing-column:first-child:nth-last-child(3) ~ .pricing-column:nth-child(even) {
    box-shadow: 0 0 30px rgba(181, 179, 179, 0.28);
    position: absolute;
    z-index: 1000;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .pricing-column-section .pricing-column:first-child:nth-last-child(3):last-child .pricing-column-type,
  .pricing-column-section .pricing-column:first-child:nth-last-child(3):nth-child(even) .pricing-column-type,
  .pricing-column-section .pricing-column:first-child:nth-last-child(3) ~ .pricing-column:last-child .pricing-column-type,
  .pricing-column-section .pricing-column:first-child:nth-last-child(3) ~ .pricing-column:nth-child(even) .pricing-column-type {
    border-color: transparent;
  }
  .pricing-column-section .pricing-column:nth-child(2) .pricing-column-type {
    padding-top: 27px;
    padding-bottom: 19px;
    font-size: 22px;
  }
}
.pricing-column-section .pricing-column .pricing-column-type {
  padding-top: 18px;
  padding-bottom: 18px;
  border: 1px solid #ebebeb;
  border-bottom: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.pricing-column-section .pricing-column .pricing-column-pricing {
  border: 1px solid #ebebeb;
  border-bottom: none;
  background-color: #fff;
  /*height: 190px*/
}
@media screen and (max-width: 39.9375em) {
  /*.pricing-column-section .pricing-column .pricing-column-pricing {*/
  /*height:190px*/
  /*}*/
  .pricing-column-section .pricing-column .pricing-column-description {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 61.25em) and (max-width: 1120px) {
  .pricing-column-section .pricing-column .pricing-column-pricing {
    height: 205px;
  }
}
.pricing-column-section .pricing-column .pricing-column-description {
  color: #8D8D8D;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.pricing-column-section .pricing-column .pricing-column-wrapper {
  position: relative;
}
.pricing-column-section .pricing-column .pricing-column-price {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.pricing-column-section .pricing-column .pricing-column-price .pricing-column-dollar {
  font-size: 36px;
  position: absolute;
  left: -25px;
  top: 20px;
}
.pricing-column-section .pricing-column .pricing-column-price .pricing-column-term-price {
  font-size: 80px;
  padding-top: 30px;
  padding-bottom: 30px;
  min-width: 55px;
}
.pricing-column-section .pricing-column .pricing-column-price .pricing-column-term-price.deactivated {
  display: none;
}
.pricing-column-section .pricing-column .pricing-column-custom {
  font-size: 48px;
  line-height: 60px;
  padding-bottom: 10px;
}
.pricing-column-section .pricing-column .pricing-column-price-description {
  color: #9F9F9F;
  font-size: 13px;
}
.pricing-column-section .pricing-column .pricing-column-price-description .pricing-column-monthly-description {
  padding-left: 10px;
  text-align: left;
  max-width: 50px;
  line-height: 18px;
  position: absolute;
  right: -45px;
  bottom: 7px;
}
.pricing-column-section .pricing-column .pricing-column-custom-wrapper {
  padding-bottom: 15px;
}
.pricing-column-section .pricing-column .pricing-column-cta {
  border: 1px solid #ebebeb;
  border-top: none;
  background-color: #fff;
  padding-bottom: 25px;
  padding-left: 60px;
  padding-right: 60px;
}
.pricing-column-section .pricing-column .pricing-column-cta .btn {
  display: block;
}
@media screen and (max-width: 39.9375em) {
  .pricing-column-section .pricing-column .pricing-column-cta {
    padding: 20px;
  }
}
.pricing-column-section .pricing-column .column-features-section .column-features-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 15px 25px;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  background-color: #fdfdfd;
  text-align: start;
}
@media screen and (max-width: 39.9375em) {
  .pricing-column-section .pricing-column .column-features-section .column-features-item {
    padding: 15px 20px;
  }
}
.pricing-column-section .pricing-column .column-features-section .column-features-item:first-child {
  padding-top: 25px;
}
.pricing-column-section .pricing-column .column-features-section .column-features-item:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 25px;
}
.pricing-column-section .pricing-column .column-features-section .column-features-item.coming-soon-feature {
  background-color: #FAFAFA;
  border-top: 1px solid #ebebeb;
}
.pricing-column-section .pricing-column .column-features-section .column-features-item.coming-soon-feature:last-child {
  padding-bottom: 15px;
}
.pricing-column-section .pricing-column .column-features-section .column-features-item .column-features-arrow {
  margin-right: 10px;
  margin-left: 10px;
}
.pricing-column-section .pricing-column .column-features-section .column-features-item .coming-soon-label {
  margin-left: 10px;
  border: 1px solid;
  border-radius: 20px;
  padding: 0 10px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-size: 9px;
}
.pricing-column-section .pricing-column .column-features-section .coming-soon-feature + .coming-soon-feature {
  border-top: none;
}
.pricing-company-section h3 {
  color: #9F9F9F;
  text-align: center;
}
.pricing-company-section .partial-company-company {
  /*max-width: 550px;*/
  -ms-flex-pack: center;
  justify-content: center;
}
.pricing-company-section .partial-company-company .partial-company-logo {
  margin-right: 50px;
  margin-bottom: 40px;
}
.pricing-company-section .partial-company-company .partial-company-logo img {
  max-height: 50px;
}
.pricing-testimonials-section {
  background: top no-repeat;
  background-position-y: 80px;
}
.pricing-testimonials-section .pricing-testimonials-heading {
  padding-top: 80px;
  padding-bottom: 60px;
  text-align: center;
}
.pricing-testimonials-section .pricing-testimonials-heading h2 {
  color: #fff;
}
.pricing-testimonials-section .pricing-testimonials {
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 80px;
}
@media screen and (max-width: 39.9375em) {
  .pricing-testimonials-section .pricing-testimonials {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .pricing-testimonials-section .pricing-testimonials {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pricing-testimonials-section .pricing-testimonials .pricing-testimonial-card-offset:first-child {
    margin-right: 20px;
  }
}
.pricing-testimonials-section .pricing-testimonials .testimonial-card-wrapper {
  margin-left: 0;
}
@media screen and (max-width: 61.1875em) {
  .pricing-testimonials-section {
    background-size: contain;
  }
  .pricing-testimonials-section .pricing-testimonials .pricing-testimonial-card-offset:last-child {
    display: none;
  }
}
@media screen and (min-width: 61.25em) {
  .pricing-testimonials-section .pricing-testimonials {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .pricing-testimonials-section .pricing-testimonials .pricing-testimonial-card-offset:nth-child(odd) {
    margin-top: 50px;
  }
  .pricing-testimonials-section .pricing-testimonials .pricing-testimonial-card-offset:nth-child(even) {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.pricing-faq-section {
  border-bottom: 1px solid #f0f0f0;
  padding-top: 20px;
  padding-bottom: 40px;
}
.success-heading-image,
.success-page-heading,
.success-stats,
.success-story-cta {
  border-bottom: 1px solid #FAFAFA;
}
.pricing-faq-section .pricing-faq-heading {
  margin: 80px auto;
  text-align: center;
}
.pricing-faq-section .pricing-faq-text-block {
  column-count: 2;
  column-gap: 0.1em;
}
@media screen and (max-width: 39.9375em) {
  .pricing-faq-section {
    padding-top: 0;
  }
  .pricing-faq-section .pricing-faq-heading {
    font-size: 22px;
  }
  .pricing-faq-section .pricing-faq-text-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.pricing-faq-section .pricing-faq-text-block .pricing-faq-text {
  margin: 0 0 1em;
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 40em) {
  .pricing-faq-section .pricing-faq-text-block .pricing-faq-text {
    padding: 0 10px 40px 20px;
  }
}
.pricing-faq-section .pricing-faq-text-block .pricing-faq-text .pricing-faq-text-heading {
  padding-bottom: 10px;
}
@media screen and (max-width: 39.9375em) {
  .pricing-faq-section .pricing-faq-text-block .pricing-faq-text {
    text-align: left;
    margin-bottom: 30px;
  }
  .pricing-faq-section .pricing-faq-text-block .pricing-faq-text .pricing-faq-text-heading {
    font-size: 20px;
  }
}
.pricing-faq-section .pricing-faq-text-block .pricing-faq-text .pricing-faq-text-subheading {
  color: #9F9F9F;
}
.success-subheading {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 15px;
}
.success-heading {
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .success-heading {
    padding-bottom: 0;
  }
}
.success-heading-image {
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: 100%;
  text-align: center;
}
.success-heading-image img {
  width: 90%;
}
@media screen and (max-width: 39.9375em) {
  .success-heading-image {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .success-heading-image img {
    width: 100%;
  }
  .success-stat-item {
    width: 70%;
  }
}
.success-stats .container,
.success-stats .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 15px;
}
.success-stat-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .success-stat-item {
    width: 40%;
  }
}
.success-stat-image {
  height: 65px;
  max-width: 190px;
}
.success-stats-text {
  padding-top: 10px;
}
.success-stories-container {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 50px;
}
.story-quote::before,
.success-preview-text::before {
  margin: 0;
  width: 30px;
  height: 30px;
  content: '';
}
@media screen and (max-width: 39.9375em) {
  .success-stories-container {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .success-stories-container {
    max-width: 60%;
  }
}
.body-text p {
  padding-bottom: 25px;
}
.story-image {
  padding-top: 20px;
  padding-bottom: 20px;
}
.story-quote::before {
  padding-left: 41px;
  background: url(../images/purple-quotes.png) no-repeat;
  background-size: 29px;
  position: absolute;
}
.story-quote {
  padding: 40px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.story-quote .quote {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  line-height: 30px;
  padding-left: 40px;
  padding-top: 6px;
}
.story-quote .author {
  color: #8D8D8D;
  padding: 5px 0 0 40px;
}
.success-story-cta {
  text-align: center;
  padding-bottom: 40px;
}
.preview-paragraph {
  color: #777;
  padding: 20px 0 30px;
}
.preview-quote {
  padding-left: 40px;
  padding-right: 20px;
}
.preview-author {
  padding: 10px 0 0 40px;
}
.success-preview-text {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0 5px 5px 0;
  padding: 40px 10px 0 20px;
  color: #FFF;
  transition: opacity 0.5s;
}
.success-preview-text:hover {
  opacity: 0.8;
}
.success-preview-text::before {
  background: url(../images/quotes-transparent.svg) no-repeat;
  background-size: 29px;
  position: absolute;
}
.post-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 43px;
  border: 1px solid #ededed;
  border-radius: 5px;
  min-height: 300px;
  overflow: hidden;
  background: #fff;
}
.post-card .post-card-left {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  padding: 42px 30px 30px;
}
.post-card .post-card-left h2 {
  font-size: 26px;
}
.post-card .post-card-left .post-meta {
  font-size: 13px;
  font-weight: 400;
}
.post-card .post-card-right {
  width: 100%;
  height: 300px;
}
@media screen and (min-width: 40em) {
  .post-card {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .post-card .post-card-left {
    border-radius: 5px 0 0 5px;
  }
  .post-card .post-card-right {
    min-height: 100%;
    min-width: 260px;
    height: initial;
  }
}
@media screen and (min-width: 61.25em) {
  .post-card .post-card-left {
    padding: 40px 70px 30px 40px;
  }
  .post-card .post-card-right {
    min-width: 350px;
    width: 350px;
  }
}
.post-card .post-card-image {
  border-radius: 5px 5px 0 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
}
.post-card .post-preview {
  color: #8D8D8D;
  margin-bottom: 1.5em;
  font-size: 15px;
}
@media screen and (min-width: 40em) {
  .post-card .post-card-image {
    border-radius: 0 5px 5px 0;
  }
  .post-card .post-preview,
  .post-card .post-title {
    padding-right: 35px;
  }
  .landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-one:first-child,
  .landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-two:first-child {
    margin-right: 50px;
  }
}
.success-stories-list {
  max-width: 850px;
}
.landing-hero-container {
  background: center no-repeat;
  overflow: hidden;
  min-height: 550px;
}
.landing-hero-signup-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.landing-hero-text {
  text-align: left;
}
.landing-hero-text h1 {
  padding: 15px 0;
}
@media screen and (max-width: 61.1875em) {
  .landing-hero-text {
    text-align: center;
    max-width: 600px;
  }
}
.landing-hero-text a.btn {
  margin-top: 40px;
  margin-bottom: 40px;
}
html[data-useragent*="rv:11.0"] .landing-page-alternate-logo-one img,
html[data-useragent*="rv:11.0"] .landing-page-alternate-logo-two img {
  max-width: 150px;
}
.landing-page-alternate-container {
  background: center no-repeat fixed;
  height: 100vh;
}
@media screen and (max-width: 61.1875em) {
  .landing-page-alternate-container {
    background: center;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-page-alternate-container {
    background-size: contain;
  }
}
.landing-page-alternate-container .landing-page-alternate-hero,
.landing-page-alternate-container .landing-page-alternate-hero-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100vh;
}
.landing-page-alternate-container .landing-page-alternate-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-container {
    margin-bottom: 50px;
  }
  .landing-page-alternate-container .landing-page-alternate-logos {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-one,
.landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-two {
  max-width: 155px;
  max-height: 40px;
  margin-bottom: 15px;
}
.landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-one {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3px;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-container .landing-page-alternate-logos .landing-page-alternate-logo-one {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.landing-page-alternate-container .landing-page-alternate-logos .image-seperator::after {
  content: '';
  background: url(../images/cross.svg) left no-repeat;
  width: 20px;
  height: 20px;
  margin-left: 15px;
  margin-top: 8px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.landing-page-alternate-container .landing-page-alternate-hero-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page-alternate-container .landing-page-alternate-hero-heading .landing-hero-text {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page-alternate-container .landing-page-alternate-hero-heading .landing-hero-text h1 {
  font-size: 72px;
  font-weight: 400;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-container .landing-page-alternate-logos .image-seperator::after {
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .landing-page-alternate-container .landing-page-alternate-hero-heading .landing-hero-text h1 {
    font-size: 36px;
  }
}
.landing-page-alternate-container .landing-page-alternate-hero-heading .landing-hero-text h4 {
  max-width: 460px;
  font-size: 20px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-container .landing-page-alternate-hero-heading .landing-hero-text h4 {
    font-size: 18px;
    margin-top: 0;
  }
  .landing-page-alternate-container .landing-page-alternate-arrow {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 39.9375em) and (orientation: landscape) {
  .landing-page-alternate-container .landing-page-alternate-arrow {
    display: none;
  }
}
@media screen and (min-width: 40em) {
  .landing-page-alternate-container .landing-page-alternate-arrow {
    margin-bottom: 60px;
  }
}
.landing-hero-video-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 150px;
}
.landing-hero-video-container .landing-hero-video {
  max-width: 1000px;
  margin: 0 auto;
}
.landing-hero-video-container .landing-hero-video.landing-hero-video-frame {
  position: relative;
}
.landing-hero-video-container .landing-hero-video.landing-hero-video-frame video {
  position: absolute;
  margin-top: 10%;
  width: 71.9%;
  margin-left: 14.1%;
  margin-right: 14.1%;
}
@media screen and (max-width: 61.1875em) {
  .landing-hero-video-container .landing-hero-video,
  .landing-hero-video-container .landing-hero-video.landing-hero-video-frame video {
    display: none;
  }
  .landing-hero-video-container .landing-hero-video .landing-hero-text {
    width: 100%;
  }
}
.landing-hero-video-container .landing-hero-video.landing-hero-video-frame .landing-hero-image-chrome {
  display: block;
}
.landing-hero-video-container.left .landing-hero-video,
.landing-hero-video-container.right .landing-hero-video {
  max-width: 600px;
}
.landing-hero-video-container.left .landing-hero-text,
.landing-hero-video-container.right .landing-hero-text {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.landing-hero-video-container.left {
  -ms-flex-direction: row;
  flex-direction: row;
}
.landing-hero-video-container.left .landing-hero-text {
  padding-left: 35px;
}
@media screen and (max-width: 61.1875em) {
  .landing-hero-video-container.left .landing-hero-video.landing-hero-video-frame video,
  .landing-hero-video-container.right .landing-hero-video.landing-hero-video-frame video {
    margin-top: -0.5%;
  }
  .landing-hero-video-container.left {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .landing-hero-video-container.left .landing-hero-text {
    padding-left: 0;
    padding-bottom: 15px;
  }
}
.landing-hero-video-container.right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.landing-hero-video-container.right .landing-hero-text {
  margin-right: 20px;
}
@media screen and (max-width: 61.1875em) {
  .landing-hero-video-container.right {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .landing-hero-video-container.right .landing-hero-text {
    margin-right: 0;
  }
}
.landing-hero-video-container.center {
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.landing-hero-video-container.center .landing-hero-text {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 40px;
}
.landing-hero-video-container.center .landing-hero-video.landing-hero-video-frame video {
  margin-top: 3.8%;
}
@media screen and (max-width: 61.1875em) {
  .landing-hero-video-container.center .landing-hero-video.landing-hero-video-frame video {
    margin-top: -0.9%;
  }
}
.landing-hero-image-chrome {
  display: none;
}
.landing-hero-mobile-video {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}
.landing-hero-mobile-video video {
  position: absolute;
  margin-top: 20.6%;
  height: 75.7%;
  margin-left: 0;
  margin-right: 14.1%;
}
@media screen and (min-width: 61.25em) {
  .landing-hero-video-container.left .landing-hero-text,
  .landing-hero-video-container.right .landing-hero-text {
    padding-right: 15px;
    width: 40%;
  }
  .landing-hero-mobile-video {
    display: none;
  }
  .landing-image-asset-container .landing-image-asset-image {
    padding-right: 50px;
    width: 50%;
  }
}
.landing-image-asset-container {
  margin-top: 140px;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 61.1875em) {
  .landing-image-asset-container {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 0;
  }
}
.landing-image-asset-container .landing-image-asset-image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media screen and (max-width: 61.1875em) {
  .landing-image-asset-container .landing-image-asset-image {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-image-asset-container .landing-image-asset-image {
    max-height: 350px;
  }
  .landing-image-asset-container .landing-image-asset-image .landing-hero-product-asset {
    width: 100%;
  }
}
@media screen and (max-width: 39.9375em) {
  .landing-image-asset-container .landing-image-asset-image.has-mobile .landing-hero-product-asset {
    display: none;
  }
  .landing-image-asset-container .landing-hero-signup-container .landing-hero-text {
    text-align: left;
  }
}
.landing-image-asset-container .landing-image-asset-image.has-mobile .landing-hero-product-mobile-asset.over-flow {
  max-width: none;
  max-height: 400px;
}
@media screen and (min-width: 40em) {
  .landing-image-asset-container .landing-image-asset-image .landing-hero-product-asset {
    max-width: none;
    height: 100%;
  }
  .landing-image-asset-container .landing-image-asset-image.has-mobile .landing-hero-product-mobile-asset {
    display: none;
  }
}
.landing-image-asset-container .landing-hero-signup-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-hero-fullscreen-container {
  background-size: 155%;
  background-position: left top;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-image-asset-container .landing-hero-signup-container .landing-hero-text {
    max-width: 100%;
  }
  .landing-image-asset-container .landing-hero-signup-container form.signup-form {
    -ms-flex-align: center;
    align-items: center;
  }
  .landing-image-asset-container .landing-hero-signup-container form.signup-form .override-options {
    left: 120px !important;
  }
  .landing-image-asset-container .landing-hero-signup-container form.signup-form .override-options .override-option {
    right: 0;
  }
  .landing-hero-fullscreen-container {
    background-repeat: no-repeat;
  }
}
.landing-full-screen-container {
  padding-top: 250px;
  padding-bottom: 200px;
}
@media screen and (max-width: 39.9375em) {
  .landing-image-asset-container .landing-hero-signup-container form.signup-form {
    margin-left: 0;
  }
  .landing-hero-fullscreen-container {
    background-position: 20% top;
    background-size: 300%;
    background-repeat: no-repeat;
  }
  .landing-full-screen-container {
    padding-bottom: 100px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 160px;
  }
}
.landing-full-screen-container .landing-hero-signup-container {
  background-color: rgba(0, 0, 0, 0.78);
}
@media screen and (min-width: 61.25em) {
  .landing-image-asset-container .landing-hero-signup-container {
    width: 50%;
  }
  .landing-full-screen-container .landing-hero-signup-container {
    max-width: 900px;
  }
}
@media screen and (max-width: 61.1875em) {
  .landing-full-screen-container .landing-hero-signup-container {
    max-width: 600px;
    padding: 20px;
  }
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container {
    margin: 0 auto;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-title h1 {
    padding-top: 50px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-title h1 {
    padding: 15px 25px;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container {
    padding-bottom: 15px;
  }
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container h4 {
    padding: 30px 40px 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container h4 {
    padding: 0 30px;
  }
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container .signup-form-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container .signup-form-wrap {
    padding: 0 40px 15px;
  }
}
.landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container .signup-form-wrap .signup-form {
  min-height: 130px;
}
.landing-icon-features {
  background: center no-repeat;
  background-position-y: 40px;
}
.landing-icon-features-heading {
  padding-top: 100px;
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .landing-full-screen-container .landing-hero-signup-container .landing-hero-signup-heading-container .signup-form-wrap .signup-form {
    margin-left: 0;
    margin-top: 10px;
  }
  .landing-icon-features-heading {
    text-align: left;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-icon-features-heading {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
  }
}
.landing-icon-features-heading h5 {
  color: #9F9F9F;
}
.landing-icon-features-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-bottom: 60px;
  margin-top: 30px;
}
.landing-icon-features-section.left {
  text-align: left;
}
.landing-icon-features-section.center {
  text-align: center;
}
@media screen and (max-width: 61.1875em) {
  .landing-icon-features-heading {
    padding-top: 50px;
  }
  .landing-icon-features-section {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }
}
.landing-icon-feature {
  max-width: 320px;
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 39.9375em) {
  .landing-icon-feature {
    margin: 0;
    max-width: none;
  }
  .landing-page-image-feature-container .container,
  .landing-page-image-feature-container .resources-content-wrapper {
    padding-bottom: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-icon-feature {
    max-width: 550px;
    margin: 25px 10px;
  }
}
.landing-icon-feature img {
  width: 50px;
  height: 50px;
}
.landing-icon-feature p {
  margin-bottom: 10px;
  color: #9F9F9F;
}
.landing-image-feature-heading h2,
.landing-image-feature-heading h5,
.landing-image-feature-text.font-light h3,
.landing-image-feature-text.font-light p {
  color: #fff;
}
.landing-image-feature-heading {
  padding-top: 100px;
  padding-bottom: 50px;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  .landing-image-feature-heading {
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: left;
  }
}
.landing-image-feature-image-section {
  padding-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 61.1875em) {
  .landing-image-feature-image {
    display: none;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-image-feature-mobile-image {
    display: none;
  }
}
.landing-image-feature-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 60px;
}
.landing-image-feature {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 15px;
}
@media screen and (max-width: 61.1875em) {
  .landing-image-feature {
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px;
    margin-bottom: 10px;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .landing-image-feature img {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-image-feature {
    max-width: 550px;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-image-feature {
    max-width: 460px;
  }
}
.landing-image-feature img {
  margin-top: 5px;
  margin-right: 20px;
}
.landing-image-feature-text {
  text-align: left;
  display: inline-block;
}
.landing-image-feature-text h3 {
  padding-bottom: 5px;
  padding-top: 0;
  margin-top: 0;
}
.landing-image-feature-text.font-dark p {
  color: #9F9F9F;
}
.landing-image-feature-cta-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
.landing-image-feature-cta-container .landing-image-feature-cta {
  margin-top: 60px;
  margin-bottom: 60px;
}
html[data-useragent*="rv:11.0"] .landing-comparison-chart-image img {
  height: 25px;
  width: 30px;
}
html[data-useragent*="rv:11.0"] .testimonial-hero-company-logo {
  width: 100%;
}
.landing-comparison-container {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 39.9375em) {
  .landing-image-feature-cta-container {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .landing-comparison-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.landing-comparison-heading {
  text-align: center;
  margin-bottom: 100px;
}
.landing-comparison-heading h5 {
  color: #C3C3C3;
  max-width: 800px;
  margin: auto;
}
.landing-comparison-feature-list-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
@media screen and (max-width: 39.9375em) {
  .landing-comparison-feature-list-container {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.landing-comparison-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 20px;
  border: 1px solid #F0F0F0;
  border-radius: 8px;
}
.landing-comparison-section .landing-comparison-logo {
  margin-top: -30px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
}
.landing-comparison-section .landing-comparison-logo img {
  min-height: 50px;
  max-height: 50px;
}
@media screen and (max-width: 39.9375em) {
  .landing-comparison-section .landing-comparison-logo {
    margin-top: -20px;
  }
  .landing-comparison-section .landing-comparison-logo img {
    max-height: 40px;
    min-height: 40px;
  }
}
.landing-comparison-section .landing-comparison-features {
  margin-left: 30px;
  margin-right: 30px;
}
@media screen and (min-width: 61.25em) {
  .landing-comparison-section {
    width: 50%;
  }
  .landing-comparison-section .landing-comparison-features {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.landing-comparison-list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
}
.landing-comparison-list-item .landing-comparison-chart-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.landing-comparison-list-item .landing-comparison-chart-image img {
  padding-right: 10px;
  margin-top: 5px;
  width: 100%;
}
.landing-comparison-divider {
  padding: 0 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  color: #C3C3C3;
}
.landing-comparison-divider:nth-child(4) {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .landing-comparison-divider {
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets {
    max-height: 770px;
  }
}
.landing-page-alternate-form-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 61.1875em) {
  .landing-page-alternate-form-section {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-body-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 61.25em) {
  .landing-page-alternate-form-section {
    padding-top: 100px;
    height: 750px;
    background: linear-gradient(to bottom, #fff 70%, #FAFAFA 100%);
  }
  .landing-page-alternate-form-section .landing-page-alternate-body-container {
    width: 50%;
  }
  .landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .landing-page-alternate-body-subheading {
    max-width: 450px;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #9F9F9F;
  padding-bottom: 20px;
}
.new-features-hero-container .new-features-hero-heading h1,
.new-features-hero-container .new-features-hero-heading h4,
.new-features-hero-container .new-features-hero-heading h5,
.new-features-image-section.dark-hero .new-features-image-heading-wrapper h5 p {
  color: #fff;
}
@media screen and (max-width: 61.1875em) {
  .landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body {
    padding-top: 30px;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .landing-page-alternate-body-logo {
  width: 175px;
  height: 46px;
  margin-bottom: 40px;
}
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .landing-page-alternate-hero-body {
  padding-top: 20px;
  padding-bottom: 40px;
  max-width: 700px;
}
.landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .email-capture-form-wrapper {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets {
  overflow: hidden;
}
@media screen and (min-width: 61.25em) {
  .landing-page-alternate-form-section .landing-page-alternate-body-container .landing-page-alternate-body .landing-page-alternate-hero-body {
    max-width: 430px;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets {
    position: relative;
    width: 50%;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-assets img {
  max-width: 1400px;
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-assets .landing-page-alternate-asset-one {
  padding-top: 40px;
  margin-left: 240px;
  margin-top: -40px;
  position: absolute;
  z-index: 100;
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-assets .landing-page-alternate-asset-two {
  margin-top: 60px;
}
@media screen and (max-width: 61.1875em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-assets {
    display: none;
    margin-top: -15px;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets {
    border-bottom: 1px solid #f0f0f0;
  }
}
@media screen and (min-width: 61.25em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-assets {
    display: block;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 50px;
  overflow: hidden;
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-one,
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-one img,
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-two img {
  max-width: 600px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets {
    max-height: 400px;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-one,
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-two {
    width: 50%;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-one {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-background .landing-page-alternate-mobile-two {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-bubbles {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-bubbles {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: -10px;
  }
}
.landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-bubbles img {
  max-width: 290px;
  max-height: 290px;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-bubbles img {
    max-width: 340px;
    max-height: 340px;
    height: 100%;
    width: 100%;
  }
  .landing-page-alternate-form-section .landing-page-alternate-image-assets .landing-page-alternate-mobile-assets .landing-page-alternate-mobile-assets-bubbles img:first-child {
    margin-bottom: 20px;
  }
  .landing-page-alternate-company-section {
    padding-top: 20px;
  }
}
.landing-page-alternate-company-section .partial-company-logos {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.landing-page-alternate-company-section .used-by-text {
  margin-right: 0;
  width: 140px;
}
.landing-page-alternate-company-section .used-by-text:before {
  display: none;
}
.landing-page-alternate-company-section .partial-company-company {
  max-width: 800px;
  margin-top: 30px;
}
.landing-page-alternate-company-section .partial-company-company .partial-company-logo {
  margin-bottom: 20px;
}
@media screen and (max-width: 39.9375em) {
  .landing-page-alternate-company-section .partial-company-company {
    max-width: 350px;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .landing-page-alternate-company-section .partial-company-company img {
    margin: 0;
  }
  .landing-page-alternate-company-section .partial-company-company .partial-company-logo {
    margin-right: 5px;
  }
  .landing-page-testimonial-section .testimonial-hero-container .testimonial-hero-attribute,
  .landing-page-testimonial-section .testimonial-hero-container .testimonial-hero-company-logo {
    margin-left: 0;
  }
  .landing-page-testimonial-section .testimonial-hero-container {
    padding-left: 10px;
  }
  .landing-page-testimonial-section .testimonial-hero-container .testimonial-hero-text-container {
    text-align: left;
  }
}
.landing-page-company-section .partial-company-logos {
  margin-top: 0;
}
@keyframes feature-slide-left {
  0% {
    transform: translate3d(20vw, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
[data-animation] [data-animation-item] {
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  animation-fill-mode: forwards;
}
[data-animation=landing-image-slide-left] [data-animation-item] {
  animation-delay: .15s;
  transform: translate3d(20vw, 0, 0);
}
[data-animation=landing-image-slide-left] [data-animation-item]:first-child {
  animation-delay: 0.3s;
}
[data-animation=landing-image-slide-left].animated [data-animation-item] {
  animation-name: feature-slide-left;
}
.landing-hero-flow-logo img {
  height: 40px;
}
body.landingPage h2,
body.landingPage h5 {
  padding-bottom: 15px;
}
@media screen and (max-width: 61.1875em) {
  body.landingPage h5 {
    font-size: 20px;
  }
  .new-features-video-wrapper video {
    width: 100%;
  }
}
body.landingPage h3,
body.landingPage p + p {
  padding-bottom: 10px;
}
.new-features-section-wrapper .new-features-image-text-block h5 p {
  text-align: center;
  padding-bottom: 40px;
}
.new-features-video-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .new-features-image-text-block h2 p {
    font-size: 30px;
  }
  .new-features-section-wrapper .new-features-image-text-block h5 p {
    text-align: left;
  }
  .new-features-video-wrapper.has-mobile img {
    max-width: none;
  }
  .new-features-video-wrapper.has-mobile video {
    display: none;
  }
}
.new-features-video-wrapper video {
  max-height: 600px;
}
.feature-section-image-container .desktop-image {
  margin-top: 10px;
}
.feature-section-image-container .mobile-image,
.feature-section-image-container:not(.full) .desktop-image {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .new-features-video-wrapper.has-mobile .mobile-image {
    display: none;
  }
  .feature-section-image-container.center {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.feature-section-image-container.cut-off {
  padding-bottom: 0 !important;
}
.feature-section-image-container.mobile-over-flow img.mobile-image {
  max-width: none;
  width: auto;
  max-height: 300px;
}
.new-features-image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media screen and (max-width: 39.9375em) {
  .new-features-image-wrapper.has-mobile .desktop-image {
    display: none;
  }
  .new-features-image-wrapper.has-mobile .mobile-image {
    display: block;
  }
  .new-features-image-wrapper img {
    max-width: none;
  }
}
@media screen and (min-width: 40em) {
  .new-features-image-wrapper.has-mobile .mobile-image {
    display: none;
  }
  .new-features-image-wrapper.has-mobile .desktop-image {
    display: block;
  }
}
.new-features-image-wrapper img {
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper:first-child {
    margin-top: 30px;
  }
}
.new-features-section-wrapper .feature-section-image-wrapper-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 40px;
}
.new-features-section-wrapper .feature-section-image-wrapper-container h3 {
  padding-bottom: 15px;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-image-wrapper-container {
    margin-top: 0;
  }
  .new-features-section-wrapper .feature-section-image-wrapper-container.left,
  .new-features-section-wrapper .feature-section-image-wrapper-container.right {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
    padding-bottom: 0;
  }
}
.new-features-section-wrapper .feature-section-image-wrapper-container .feature-section-image-wrapper-image {
  width: 50%;
  -ms-flex-align: end;
  align-items: flex-end;
}
.new-features-section-wrapper .feature-section-image-wrapper-container.left .new-features-image-wrapper,
.new-features-section-wrapper .feature-section-image-wrapper-container.left .new-features-video-wrapper {
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.new-features-section-wrapper .feature-section-image-wrapper-container.left .feature-section-image-wrapper-text-wrapper {
  margin-left: 60px;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-image-wrapper-container.left .new-features-image-wrapper,
  .new-features-section-wrapper .feature-section-image-wrapper-container.left .new-features-video-wrapper {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .new-features-section-wrapper .feature-section-image-wrapper-container.left .feature-section-image-wrapper-text-wrapper {
    margin-left: 0;
  }
  .new-features-section-wrapper .feature-section-image-wrapper-container.over-flow {
    padding-right: 0;
  }
}
.new-features-section-wrapper .feature-section-image-wrapper-container.right {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -ms-flex-align: end;
  align-items: flex-end;
}
.new-features-section-wrapper .feature-section-image-wrapper-container.right .feature-section-image-wrapper-image {
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.new-features-section-wrapper .feature-section-image-wrapper-text-wrapper {
  width: 50%;
  margin-top: 40px;
  margin-bottom: 60px;
  margin-right: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.new-features-section-wrapper .feature-section-image-wrapper-text-wrapper .feature-section-image-wrapper-text-block {
  padding-bottom: 10px;
  max-width: 400px;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-image-wrapper-text-wrapper {
    margin: 0;
  }
  .new-features-section-wrapper .feature-section-image-wrapper-image,
  .new-features-section-wrapper .feature-section-image-wrapper-text-wrapper {
    width: 100% !important;
  }
}
.new-features-section-wrapper .feature-section-image-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 60px;
}
.new-features-section-wrapper .feature-section-image-container video {
  border-radius: 6px;
}
.new-features-section-wrapper .feature-section-text-block-container:last-child {
  padding-bottom: 40px;
}
.new-features-section-wrapper .feature-section-text-block-container .icon {
  margin-top: 40px;
  display: block;
  height: 50px;
  width: 50px;
}
.new-features-section-wrapper .feature-section-text-block-container.center {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.new-features-section-wrapper .feature-section-text-block-container.center .icon {
  margin-left: auto;
  margin-right: auto;
}
.new-features-section-wrapper .feature-section-text-block-container.center .feature-section-text-block {
  -ms-flex-pack: center;
  justify-content: center;
}
.new-features-section-wrapper .feature-section-text-block-container + .feature-section-text-block-container .feature-section-text-block {
  padding-top: 0;
}
.new-features-section-wrapper .feature-section-text-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .new-features-section-wrapper .feature-section-text-block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.new-features-section-wrapper .feature-section-text-block h5 {
  max-width: 800px;
}
.new-features-section-wrapper .feature-section-text-block h5 p {
  padding-bottom: 20px;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-text-block-container.center .icon {
    margin-left: 0;
  }
  .new-features-section-wrapper .feature-section-text-block {
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
  }
  .new-features-section-wrapper .feature-section-text-block h5 {
    padding-bottom: 10px;
  }
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(1) h3,
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(1) ~ .feature-section-text-block-wrapper h3 {
    font-size: 30px;
    padding-bottom: 15px;
  }
  .new-features-image-section .container,
  .new-features-image-section .resources-content-wrapper {
    text-align: left;
  }
}
@media screen and (min-width: 40em) {
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(1) h3,
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(1) ~ .feature-section-text-block-wrapper h3 {
    font-size: 30px;
    padding-bottom: 30px;
  }
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(2),
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(2) ~ .feature-section-text-block-wrapper {
    width: 48%;
  }
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(3),
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(3) ~ .feature-section-text-block-wrapper {
    width: 30%;
  }
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(4),
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(4) ~ .feature-section-text-block-wrapper {
    width: 23%;
  }
}
@media screen and (min-width: 40em) and (min-width: 40em) and (max-width: 61.1875em) {
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(4),
  .new-features-section-wrapper .feature-section-text-block .feature-section-text-block-wrapper:first-child:nth-last-child(4) ~ .feature-section-text-block-wrapper {
    width: 48%;
    padding-bottom: 10px;
  }
}
.new-features-image-section h2.heading-badge {
  position: relative;
}
.new-features-image-section h2.heading-badge:after {
  right: -60px;
  position: absolute;
  bottom: 5px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.new-features-image-text-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-features-image-section .container,
.new-features-image-section .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 60px;
  padding-top: 60px;
}
.new-features-image-section .new-features-image-image-wrapper {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.new-features-image-section .new-features-image-image-wrapper img.new-features-image-desktop-image {
  max-width: none;
}
@media screen and (max-width: 39.9375em) {
  .new-features-image-section h2 p {
    font-size: 30px;
  }
  .new-features-image-section .new-features-image-image-wrapper.has-mobile .new-features-image-desktop-image {
    display: none;
  }
  .new-features-image-section .new-features-image-image-wrapper.has-mobile .new-features-image-mobile-image {
    display: block;
  }
  .new-features-image-section.right .container,
  .new-features-image-section.right .resources-content-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
@media screen and (min-width: 40em) {
  .new-features-image-section .new-features-image-image-wrapper.has-mobile .new-features-image-mobile-image {
    display: none;
  }
  .new-features-image-section.right .container .new-features-image-heading-wrapper,
  .new-features-image-section.right .container .new-features-image-image-wrapper,
  .new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper,
  .new-features-image-section.right .resources-content-wrapper .new-features-image-image-wrapper {
    width: 50%;
  }
}
.new-features-image-section.right .container .new-features-image-heading-wrapper,
.new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 61.25em) {
  .new-features-image-section.right .container .new-features-image-heading-wrapper,
  .new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper {
    margin-top: -70px;
  }
}
.new-features-image-section.right .container .new-features-image-heading-wrapper .new-features-image-text-block,
.new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper .new-features-image-text-block {
  -ms-flex-align: start;
  align-items: flex-start;
}
.new-features-image-section.right .container .new-features-image-heading-wrapper h5,
.new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper h5 {
  max-width: 400px;
}
@media screen and (max-width: 61.1875em) {
  .new-features-image-section.right .container .new-features-image-heading-wrapper .heading-badge p,
  .new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper .heading-badge p {
    max-width: 330px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
  .new-features-image-section.center .container .new-features-image-image-wrapper:not(.has-mobile),
  .new-features-image-section.center .resources-content-wrapper .new-features-image-image-wrapper:not(.has-mobile) {
    width: 100%;
  }
}
.new-features-image-section.right .container.overflow .new-features-image-mobile-image,
.new-features-image-section.right .overflow.resources-content-wrapper .new-features-image-mobile-image {
  max-width: none;
}
.new-features-image-section.center .container,
.new-features-image-section.center .resources-content-wrapper {
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
}
.new-features-image-section.center .container .new-features-image-heading-wrapper,
.new-features-image-section.center .resources-content-wrapper .new-features-image-heading-wrapper {
  text-align: center;
  margin-bottom: 40px;
}
.new-features-image-section.center .container .new-features-image-heading-wrapper .new-features-image-text-block,
.new-features-image-section.center .resources-content-wrapper .new-features-image-heading-wrapper .new-features-image-text-block {
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.new-features-image-section.center .container .new-features-image-image-wrapper:not(.has-mobile) img.new-features-image-desktop-image,
.new-features-image-section.center .resources-content-wrapper .new-features-image-image-wrapper:not(.has-mobile) img.new-features-image-desktop-image {
  max-width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .new-features-image-section.right .container .new-features-image-heading-wrapper,
  .new-features-image-section.right .resources-content-wrapper .new-features-image-heading-wrapper {
    margin-bottom: 40px;
  }
  .new-features-image-section.center .container .new-features-image-heading-wrapper .new-features-image-text-block,
  .new-features-image-section.center .resources-content-wrapper .new-features-image-heading-wrapper .new-features-image-text-block {
    text-align: left;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .new-features-image-section.center .container .new-features-image-heading-wrapper h2.heading-badge,
  .new-features-image-section.center .resources-content-wrapper .new-features-image-heading-wrapper h2.heading-badge {
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0;
  }
  .new-features-image-section.center .container .new-features-image-image-wrapper:not(.has-mobile) img.new-features-image-desktop-image,
  .new-features-image-section.center .resources-content-wrapper .new-features-image-image-wrapper:not(.has-mobile) img.new-features-image-desktop-image {
    max-width: none;
  }
}
.new-features-image-section.center .container .new-features-image-image-wrapper.has-mobile img.new-features-image-mobile-image,
.new-features-image-section.center .resources-content-wrapper .new-features-image-image-wrapper.has-mobile img.new-features-image-mobile-image,
html[data-useragent*="rv:11.0"] .site-description .new-features-hero-image-wrapper img {
  max-width: 100%;
}
body.new.whatsNew .new-features-image-section .container,
body.new.whatsNew .new-features-image-section .resources-content-wrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.new-features-hero-container .new-features-hero-heading h1,
.new-features-hero-container .new-features-hero-heading h4,
.new-features-hero-container .new-features-hero-heading p {
  padding-bottom: 20px;
}
@media screen and (max-width: 61.1875em) {
  body.new.whatsNew .new-features-image-section .container .new-features-image-heading-wrapper,
  body.new.whatsNew .new-features-image-section .resources-content-wrapper .new-features-image-heading-wrapper {
    margin-top: 60px;
    margin-bottom: 0;
  }
  .new-features-hero-container {
    position: relative;
  }
}
@media screen and (min-width: 61.25em) {
  body.new.whatsNew .new-features-image-section .container .new-features-image-heading-wrapper,
  body.new.whatsNew .new-features-image-section .resources-content-wrapper .new-features-image-heading-wrapper {
    margin-top: 0;
  }
  .new-features-hero-container .new-features-hero-image-wrapper {
    position: relative;
  }
}
body.new.whatsNew .new-features-image-section .container .new-features-image-image-wrapper img,
body.new.whatsNew .new-features-image-section .resources-content-wrapper .new-features-image-image-wrapper img {
  height: 100%;
}
html[data-useragent*="rv:11.0"] .new-features-hero-container .container,
html[data-useragent*="rv:11.0"] .new-features-hero-container .resources-content-wrapper {
  width: 100%;
}
.new-features-hero-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-features-hero-container .new-features-hero-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 200px;
  text-align: center;
}
.new-features-hero-container .new-features-hero-heading h4 {
  font-size: 30px;
}
.new-features-hero-container .new-features-hero-heading h5 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: #AEB2B9;
}
@inlcude media($small-screen-only) {
  .new-features-hero-container .new-features-hero-heading h5 {
    color: #fff;
  }
}
.new-features-hero-container .new-features-hero-heading a.btn {
  margin-top: 20px;
  margin-bottom: 20px;
}
.new-features-hero-container a.new-features-hero-link,
.new-features-hero-container span.new-features-hero-signup-link {
  margin-top: 20px;
  margin-bottom: 40px;
}
.new-features-hero-container .new-features-hero-image-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  z-index: 500;
}
.new-features-hero-container .new-features-hero-image-wrapper img {
  max-width: none;
}
@media screen and (max-width: 61.1875em) {
  .new-features-hero-container .new-features-hero-image-wrapper {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .new-features-hero-container .new-features-hero-image-wrapper img {
    max-width: 1200px;
  }
  .new-features-hero-container .new-features-hero-video-container {
    z-index: 500;
  }
}
.new-features-hero-container .new-features-hero-video-container {
  position: absolute;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .new-features-hero-container .new-features-hero-heading {
    padding-top: 100px;
  }
  .new-features-hero-container .new-features-hero-heading h4 {
    font-size: 24px;
  }
  .new-features-hero-container .new-features-hero-image-wrapper {
    padding-top: 30px;
    max-height: 375px;
  }
  .new-features-hero-container .new-features-hero-video-container {
    padding-top: 80px;
  }
}
.new-features-hero-container .new-features-hero-video-container .play-button {
  background-color: rgba(94, 94, 94, 0.79);
  height: 140px;
  width: 140px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  transition: background-color 0.2s;
  position: relative;
}
.new-features-hero-container .new-features-hero-video-container .play-button img {
  display: none !important;
}
.new-features-hero-container .new-features-hero-video-container .play-button span {
  width: 130px!important;
  height: 130px!important;
  border-radius: 50%!important;
  margin-left: -65px;
  margin-top: -25px;
  opacity: 0 !important;
}
.new-features-hero-container .new-features-hero-video-container .play-button:before {
  content: '';
  display: block;
  width: 60px;
  height: 70px;
  background: url(/images/play-button-white.svg) no-repeat;
  position: absolute;
  top: 30%;
  left: 35%;
}
.new-features-hero-container .new-features-hero-video-container .play-button:hover {
  background-color: rgba(69, 69, 69, 0.79);
}
.new-features-hero-container .features-navigation-container {
  margin-top: -120px;
  width: 100%;
  background-color: rgba(19, 21, 22, 0.84);
  z-index: 900;
}
.new-features-hero-container .features-navigation-container.sticky {
  margin-top: 90px;
}
.new-features-hero-container .features-navigation-container a .features-navigation-heading {
  color: #C3C3C3;
}
.new-features-hero-container .features-navigation-container a.active .features-navigation-heading {
  color: #fff;
}
.new-features-section-wrapper.dark-hero .features-controls-item.active {
  color: #fff !important;
}
.new-features-section-wrapper .feature-section-carousel-container {
  padding-bottom: 60px;
  padding-top: 0;
}
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .container,
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .resources-content-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .container,
  .new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .resources-content-wrapper {
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 20px;
    padding-right: 20px;
  }
  .new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .container:after,
  .new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .resources-content-wrapper:after {
    display: none;
  }
}
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item {
  font-size: 16px;
  width: auto;
  padding: 15px 5px;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 25px;
  color: #8596A7;
  cursor: pointer;
}
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item:first-child:nth-last-child(2),
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item:first-child:nth-last-child(2) ~ .features-controls-item {
  margin-left: 20px;
  margin-right: 20px;
}
.new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item.active {
  color: #444;
  border-bottom: 3px solid;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper .feature-section-carousel-container .feature-section-carousel-controls .features-controls-item {
    margin-left: 0;
    margin-right: 0;
    max-width: 110px;
    text-align: center;
    margin-bottom: 2px;
  }
}
main.new,
main.whatsNew {
  overflow: hidden;
}
main.new.header-visible section:first-child,
main.whatsNew.header-visible section:first-child {
  transition: margin 0.5s ease-in-out;
  position: relative;
  margin-top: -35px;
  z-index: 500;
}
main.new .dark-hero h1,
main.new .dark-hero h2,
main.new .dark-hero h3,
main.whatsNew .dark-hero h1,
main.whatsNew .dark-hero h2,
main.whatsNew .dark-hero h3 {
  color: #fff;
}
main.new .dark-hero .feature-section-carousel-controls .features-controls-item,
main.new .dark-hero h5 p,
main.whatsNew .dark-hero .feature-section-carousel-controls .features-controls-item,
main.whatsNew .dark-hero h5 p {
  color: #AEB2B9;
}
main.new .features-header-nav-wrapper,
main.new .features-header-title-wrapper,
main.whatsNew .features-header-nav-wrapper,
main.whatsNew .features-header-title-wrapper {
  background-color: #1B1E1F;
  padding-left: 30px;
}
main.new .features-header-nav-wrapper a,
main.new .features-header-title-wrapper a,
main.whatsNew .features-header-nav-wrapper a,
main.whatsNew .features-header-title-wrapper a {
  color: #fff;
}
.new-features-image-heading-wrapper .new-features-image-text-block h5,
h5 {
  color: #8596A7;
}
main.new .cta-block .heading-badge:after,
main.whatsNew .cta-block .heading-badge:after {
  margin-top: 10px;
  margin-left: 15px;
}
.new-features-image-heading-wrapper {
  -ms-flex-pack: center;
  justify-content: center;
}
.new-features-image-heading-wrapper .new-features-image-text-block {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  padding-top: 40px;
}
.new-features-image-heading-wrapper .new-features-image-text-block h2 {
  position: relative;
  font-size: 30px;
}
.new-features-image-heading-wrapper .new-features-image-text-block img {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}
.new-features-image-heading-wrapper .new-features-image-text-block h2,
.new-features-image-heading-wrapper .new-features-image-text-block h5 {
  max-width: 800px;
}
@media screen and (max-width: 39.9375em) {
  .new-features-section-wrapper:first-child {
    margin-top: 20px;
  }
  .new-features-image-heading-wrapper .new-features-image-text-block {
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .new-features-image-heading-wrapper .new-features-image-text-block h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
}
.new-features-image-heading-wrapper .new-features-image-text-block h5 p {
  padding-top: 20px;
}
h3 {
  margin-top: 10px;
  padding-bottom: 10px;
}
body.overlay-visible .signup-cta-container,
body.signup .signup-cta-container {
  width: 550px;
}
.signup-cta-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  overflow-y: scroll;
}
@media screen and (min-width: 355px) and (max-width: 380px) {
  .signup-cta-container {
    padding: 15px 30px !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .signup-cta-container {
    margin-top: 60px;
  }
}
@media screen and (min-width: 61.25em) {
  .signup-cta-container {
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 100px;
  }
}
.signup-cta-container .signup-cta-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}
.signup-cta-container .signup-cta-heading a {
  color: #26A6F3;
}
.signup-cta-container .signup-cta-heading a.link-arrow {
  opacity: 1;
}
.signup-cta-container .signup-cta-heading a.link-arrow:hover {
  opacity: 0.9;
}
.signup-cta-container .signup-cta-heading a.link-arrow:after {
  content: '';
  width: 20px;
  height: 15px;
  display: inline-block;
  margin-left: 5px;
  background-image: url(../images/arrow-blue.svg);
  background-repeat: no-repeat;
  background-position: right center;
}
.signup-cta-container .signup-cta-heading img {
  margin-bottom: 30px;
}
.signup-cta-container .signup-cta-heading h3 {
  color: #8596A7;
  padding-bottom: 15px;
}
.signup-cta-container .signup-cta-heading h3,
.signup-cta-container .signup-cta-heading p {
  text-align: center;
}
.signup-cta-container .signup-page-form-wrapper {
  width: 100%;
}
.signup-cta-container .signup-page-form-wrapper .signup-cta-options {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  color: #8596A7;
  width: 100%;
}
.signup-cta-container .signup-page-form-wrapper .signup-cta-options .or-text {
  padding: 10px 0;
}
.signup-cta-container .signup-page-form-wrapper .signup-cta-options .login-link img {
  height: 10px;
}
.signup-cta-container .signup-page-form-wrapper img.divider {
  padding-top: 40px;
  padding-bottom: 20px;
}
.signup-cta-image-container {
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: bottom;
}
.signup-cta-image-container.left {
  background-position-x: left;
}
.signup-cta-image-container.right {
  background-position-x: right;
}
.signup-cta-image-container.center {
  background-position-x: center;
  background-position-y: center;
}
body[data-logged-in=true] .referralSignup .continue-to-flow {
  display: none;
}
@media screen and (max-width: 39.9375em) {
  h5 {
    font-size: 18px;
  }
  .signup-cta-container .signup-cta-heading {
    margin-top: 40px;
  }
  .referralSignup .btn-large {
    padding: 0;
    width: 100%;
  }
}
@media screen and (min-width: 61.25em) {
  .signup-cta-image-container {
    width: 100%;
  }
  .referralSignup .btn-large {
    max-width: 250px;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .signup-cta-image-container {
    display: none;
  }
  .referralSignup .btn-large {
    max-width: 300px;
    width: 100%;
  }
}
.referralSignup .btn {
  display: block;
  text-align: center;
}
.referralSignup .signup-cta-section.current-flow-user h3.default-text,
.referralSignup .signup-cta-section.signup-form-visible .signup-cta-login-option {
  display: none;
}
.referralSignup .btn:last-child {
  margin-top: 25px;
}
@media screen and (min-width: 61.25em) {
  .referralSignup .btn {
    padding: 0;
    max-width: none;
  }
  .referralSignup .signup-cta-container {
    min-width: 430px;
  }
}
@media screen and (max-width: 61.1875em) {
  .referralSignup .btn.btn-google-blue {
    width: auto;
  }
}
.referralSignup .btn-flow:after {
  margin-top: -3px;
}
.referralSignup .signup-cta-section {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top right;
}
[data-useragent*='rv:11.0'] .referralSignup .signup-cta-section {
  background-image: none !important;
}
@media (min-width: 1025px) {
  .referralSignup .signup-cta-section {
    background-image: none !important;
  }
}
.referralSignup .signup-cta-section.signup-form-visible .signup-cta-heading {
  min-height: unset;
}
.referralSignup .signup-cta-section.signup-form-visible .signup-form-wrap {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.referralSignup .signup-cta-section.signup-form-visible .referral-signup-options-wrapper {
  margin-top: 50px;
}
.referralSignup .signup-cta-section.current-flow-user .referral-signup-options-wrapper,
.referralSignup .signup-cta-section.current-flow-user .signup-form-wrap,
.referralSignup .signup-cta-section.signup-form-visible .referral-signup-current-user-options,
.referralSignup .signup-cta-section.signup-form-visible .referral-signup-options-wrapper {
  opacity: 0;
  pointer-events: none;
}
.referralSignup .signup-cta-section.current-flow-user .referral-signup-current-user-options {
  opacity: 1;
  pointer-events: all;
}
.referralSignup .signup-cta-section.current-flow-user h3.current-user-text {
  display: block;
}
.referralSignup .signup-form-wrap {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.referralSignup .signup-form {
  margin: 2em 0;
}
.referralSignup .signup-cta-container {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .referralSignup .btn {
    max-width: none;
  }
  .referralSignup .signup-cta-section {
    background-image: none !important;
  }
  .referralSignup .signup-cta-container {
    margin-top: 40px !important;
  }
}
@media (max-width: 1024px) {
  .referralSignup .signup-cta-container {
    padding-top: 200px;
    width: 100%;
  }
}
[data-useragent*='rv:11.0'] .referralSignup .signup-cta-container .signup-cta-signup-wrapper {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .referralSignup .signup-cta-container .signup-cta-signup-wrapper {
    max-width: 450px;
  }
  .referral-signup-container {
    width: 400px;
  }
}
.referralSignup .signup-cta-heading {
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 300px;
}
.referralSignup .signup-cta-heading h3.current-user-text {
  display: none;
}
.referralSignup .signup-cta-heading h3 p {
  text-align: left;
  padding-bottom: 10px;
}
[data-useragent*='rv:11.0'] .referralSignup .signup-cta-heading h3 p {
  max-width: 450px;
}
@media screen and (max-width: 39.9375em) {
  .referralSignup .signup-cta-heading h3 p,
  [data-useragent*='rv:11.0'] .referralSignup .signup-cta-heading h3 p {
    max-width: 350px;
  }
}
.referral-signup-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
.referral-signup-container .referral-signup-options-wrapper {
  transition: opacity 0.3s ease-in-out;
  margin-top: 25px;
  width: 100%;
  position: absolute;
  opacity: 1;
  pointer-events: all;
}
.referral-signup-container .referral-signup-current-user-options {
  transition: opacity 0.3s ease-in-out;
  margin-top: 25px;
  opacity: 0;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
a,
a:after {
  transition: all 150ms ease-in;
}
.referral-signup-container .referral-signup-current-user-options .loading-spinnner.loading span.desktop,
.referral-signup-container .referral-signup-current-user-options .loading-spinnner.loading span.mobile {
  display: none;
}
.referral-signup-container .referral-signup-current-user-options .loading-spinnner.loading .spinner {
  position: absolute;
  left: 50%;
  top: 12px;
}
@media screen and (max-width: 39.9375em) {
  .referral-signup-container .referral-signup-current-user-options a.has-mobile-text .desktop {
    display: none;
  }
  .referral-signup-container .referral-signup-current-user-options a.has-mobile-text .mobile {
    display: block;
  }
}
@media screen and (min-width: 40em) {
  .referralSignup .signup-cta-section:not(.signup-form-visible) .signup-cta-container {
    overflow-y: hidden;
  }
  .referralSignup .signup-cta-heading h3 p {
    max-width: 400px;
  }
  .referral-signup-container .referral-signup-current-user-options a.has-mobile-text .desktop {
    display: block;
  }
  .referral-signup-container .referral-signup-current-user-options a.has-mobile-text .mobile {
    display: none;
  }
}
body.overlay-visible[data-logged-in=true] .signup-form,
body.referralSignup footer,
body.signup footer,
html[data-useragent*="rv:11.0"] .signup-cta-image-container {
  display: none;
}
html[data-useragent*="rv:11.0"] .signup-cta-container.container,
html[data-useragent*="rv:11.0"] .signup-cta-container.resources-content-wrapper {
  width: 100%;
  max-width: none;
}
html[data-useragent*="rv:11.0"] .signup-form-input-wrapper {
  width: 100%;
}
html[data-useragent*="rv:11.0"] .btn-google-blue:before {
  top: 0;
}
body.referralSignup main,
body.signup main {
  padding: 0;
  margin: 0;
}
body.overlay-visible .btn.btn-google-blue,
body.signup .btn.btn-google-blue {
  width: auto;
}
.signup-cta-section {
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}
@media screen and (max-width: 39.9375em) {
  .signup-cta-section .signup-cta-container.container,
  .signup-cta-section .signup-cta-container.resources-content-wrapper {
    padding: 15px 20px;
  }
  .signup-cta-section .signup-cta-container .signup-cta-signup-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 40em) and (max-width: 61.1875em) {
  .signup-cta-section .signup-cta-container.container,
  .signup-cta-section .signup-cta-container.resources-content-wrapper {
    width: 100%;
  }
  .signup-cta-section .signup-cta-container .signup-cta-signup-wrapper {
    padding-top: 20px;
  }
}
a {
  text-decoration: none;
}
body.overlay-visible {
  overflow: hidden;
}
body.overlay-visible #intercom-container {
  display: none !important;
}
body.no-header .site-header {
  display: none;
}
body.no-header main {
  margin-top: 0;
}
main {
  margin-top: 90px;
}
.static-header + main,
.with-transparent-header + main,
main.with-no-header {
  margin-top: 0;
}
@media screen and (max-width: 39.9375em) {
  main {
    margin-top: 120px;
  }
}
.top-banner {
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #FFE0A5;
}
.top-banner a,
.top-banner h1,
.top-banner h2,
.top-banner h3,
.top-banner h4,
.top-banner h5,
.top-banner h6,
.top-banner p {
  color: #CC9835;
}
.no-js body {
  margin-top: 60px;
}
.no-js .site-header {
  top: 60px;
  position: absolute;
}
.no-js .no-script {
  margin-top: 200px;
  text-align: center;
}
.no-js .no-script h2,
.no-js .no-script h3 {
  margin: 10px 0;
}
.no-js .no-script a {
  color: #26A6F3;
}
.blog-card a {
  text-decoration: none;
}