@font-face {
	font-family: 'swiper-icons';
	src: url(/assets/fonts/swiper-icons.woff) format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: auto;
}.bg-white-300 {
  background: rgba(255, 255, 255, 0.3) !important;
}

.rounded-bottom-left {
  border-radius: 0;
  border-bottom-left-radius: .25rem!important;
}

.rounded-bottom-right {
  border-radius: 0;
  border-bottom-right-radius: .25rem!important;
}

.button-white:hover {
  background-color: #eb0028;
  border-color: #eb0028;
  color: #fff;
}

.bs-icon {
  --bs-icon-size: .75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--bs-primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--bs-white);
  background: var(--bs-primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--bs-primary);
  background: rgba(var(--bs-primary-rgb), .2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--bs-primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

/* ! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */

html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

button, input, select, textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

img, embed, iframe, object, video {
  max-width: 100%;
}

audio {
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
  text-align: left;
}

html {
  overflow-x: hidden !important;
}

body {
  position: relative;
  overflow-x: hidden !important;
}

a {
  text-decoration: none;
  color: #7b85a0;
}

@media (max-width: 767.98px) {
  .section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (min-width:880px) {
  .section {
    padding: 5rem 0;
  }
}

.section {
  padding-top: 1.15rem;
  padding-bottom: 1.25rem;
}

@media (min-width:880px) {
  .section--home-intro {
    padding: 10rem 0 20rem;
  }
}

.section--home-intro::before, .section--home-intro::after {
  content: '';
  position: absolute;
  z-index: -1;
}

.section--home-intro::before {
  /*background-color: #f2f3f9;*/
  width: 200%;
  height: 200px;
  left: 0;
  bottom: -20px;
}

@media (min-width:880px) {
  .section--home-intro::before {
    height: 400px;
  }
}

.section--home-intro::after {
  height: 200px;
  width: 100%;
  bottom: -100px;
  left: 0;
  /*background-color: #4364af;*/
}

.section--logos {
  position: relative;
  padding: 2rem 0;
}

@media (min-width:880px) {
  .section--logos {
    padding: 10rem 0;
  }
}

.section--logos::before, .section--logos::after {
  content: '';
  position: absolute;
}

.section--logos::before {
  height: 52px;
  width: 100%;
  /*background-color: #202024;*/
  left: 0;
  top: -30px;
}

@media (min-width:880px) {
  .section--logos::before {
    height: 100px;
  }
}

.section--logos::after {
  height: 53px;
  width: 100%;
  background-color: #fff;
  left: 0;
  bottom: -30px;
}

@media (min-width:880px) {
  .section--logos::after {
    height: 100px;
  }
}

.section--product-tabs {
  position: relative;
  padding: 2rem 0;
}

@media (min-width:880px) {
  .section--product-tabs {
    padding: 10rem 0;
  }
}

.section--product-tabs::before, .section--product-tabs::after {
  content: '';
  position: absolute;
}

.section--product-tabs::before {
  height: 52px;
  width: 100%;
  background-color: #202024;
  left: 0;
  top: -30px;
}

@media (min-width:880px) {
  .section--product-tabs::before {
    height: 100px;
  }
}

.section--product-tabs::after {
  height: 53px;
  width: 100%;
  background-color: #202024;
  left: 0;
  bottom: -30px;
}

@media (min-width:880px) {
  .section--product-tabs::after {
    height: 100px;
  }
}

.section--dark {
  background-color: #202024;
  color: #fff;
}

.section--blue {
  background-color: #3A4C59;
  color: #fff;
}

.section--dark h1, .section--dark h2, .section--dark h3, .section--dark h4, .section--dark h5, .section--dark h6 {
  color: #fff;
}

.section--gray {
  background-color: #fafcfd;
}

.section--home-integrations {
  padding: 8rem 0 20rem;
}

@media (min-width:880px) {
  .section--home-integrations {
    padding: 15rem 0 24rem;
  }
}

.section--home-logos {
  padding: 8rem 0 3rem;
}

@media (min-width:880px) {
  .section--home-logos {
    padding: 15rem 0 3rem;
  }
}

.section--home-testimonial {
  position: relative;
  background-color: #fafcfd;
  padding: 4rem 0 20rem;
}

@media (min-width:880px) {
  .section--home-testimonial {
    padding: 8rem 0 20rem;
  }
}

.section--home-testimonial::before {
  content: '';
  position: absolute;
  height: 100px;
  width: 100%;
  background-color: #fafcfd;
  left: 0;
  top: -40px;
}

.section--book-testimonial {
  background-color: #fafcfd;
  position: relative;
}

.section--book-testimonial::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: -35px;
  left: 0;
  background-color: #fafcfd;
}

.section--book-cta {
  padding: 4rem 0;
}

@media (min-width:800px) {
  .section--book-cta {
    padding: 8rem 0;
  }
}

.section--more-books {
  position: relative;
  padding: 6rem 0 5rem;
}

@media (min-width:800px) {
  .section--more-books {
    padding: 12rem 0 10rem;
  }
}

.section--more-books::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: -35px;
  left: 0;
  background-color: #fafcfd;
}

.section--bottom-cta {
  position: relative;
  z-index: 1;
  padding: 3rem 0;
}

@media (min-width:880px) {
  .section--bottom-cta {
    padding: 10rem 0;
  }
}

.section--bottom-cta::before, .section--bottom-cta::after {
  content: '';
  position: absolute;
}

.section--bottom-cta::before {
  height: 60px;
  width: 100%;
  /*background-color: #202024;*/
  opacity: .9;
  left: 0;
  top: -40px;
}

@media (min-width:880px) {
  .section--bottom-cta::before {
    height: 100px;
  }
}

.section--bottom-cta::after {
  height: 50px;
  width: 100%;
  /*background-color: #4364af;*/
  left: 0;
  top: -60px;
  z-index: -1;
}

@media (min-width:880px) {
  .section--bottom-cta::after {
    height: 100px;
  }
}

.section--bottom-cta-subscribe {
  padding-top: 24rem;
}

@media (min-width:540px) {
  .section--bottom-cta-subscribe {
    padding-top: 18rem;
  }
}

@media (min-width:880px) {
  .section--bottom-cta-subscribe {
    padding-top: 30rem;
  }
}

.section--pricing-faq {
  padding-bottom: 6rem;
}

@media (min-width:880px) {
  .section--pricing-faq {
    padding-bottom: 12rem;
  }
}

.section--last {
  padding-bottom: 6rem;
}

@media (min-width:880px) {
  .section--last {
    padding-bottom: 15rem;
  }
}

.section--disclosures {
  padding-top: 0;
}

.section--lg-padding {
  padding: 5rem 0;
}

@media (min-width:880px) {
  .section--lg-padding {
    padding: 10rem 0;
  }
}

.section--lg-padding-top {
  padding-top: 5rem;
}

@media (min-width:880px) {
  .section--lg-padding-top {
    padding-top: 10rem;
  }
}

.section--lg-padding-bottom {
  padding-bottom: 5rem;
}

@media (min-width:880px) {
  .section--lg-padding-bottom {
    padding-bottom: 10rem;
  }
}

.section--xl-padding {
  padding: 5rem 0;
}

@media (min-width:880px) {
  .section--xl-padding {
    padding: 14rem 0;
  }
}

.section--xl-padding-top {
  padding-top: 5rem;
}

@media (min-width:880px) {
  .section--xl-padding-top {
    padding-top: 14rem;
  }
}

.section--no-padding-bottom {
  padding-bottom: 0;
}

.section--book-intro {
  position: relative;
  overflow-y: hidden;
  padding: 4rem 0 4rem;
}

@media (min-width:800px) {
  .section--book-intro {
    padding-top: 8rem;
  }
}

.section--book-intro::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 120px;
  top: -40px;
  left: 0;
  background-color: #fff;
}

.section--book-intro::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 70px;
  bottom: -35px;
  left: 0;
  background-color: #fafcfd;
}

.section--bundle-top {
  position: relative;
  padding-bottom: 8rem;
}

@media (min-width:800px) {
  .section--bundle-top {
    padding-bottom: 10rem;
  }
}

.section--bundle-top::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 90px;
  bottom: -40px;
  left: 0;
  background-color: #fafcfd;
  z-index: -1;
}

.section--seo-with-sidebar {
  position: relative;
  overflow: visible;
}

.section--seo-with-sidebar .container {
  display: flex;
}

.section--seo-with-sidebar .seo-page__content {
  align-self: flex-end;
  width: 100%;
}

@media (min-width:800px) {
  .section--seo-with-sidebar .seo-page__content {
    width: 75%;
    padding-right: 4rem;
  }
}

@media (min-width:1200px) {
  .section--seo-with-sidebar .seo-page__content {
    width: 75%;
    padding-right: 6rem;
  }
}

.section--slant-bottom::before {
  content: "";
  position: absolute;
  width: 140%;
  height: 160px;
  background-color: #fafcfd;
  bottom: -10px;
  z-index: -1;
}

@media (min-width:460px) {
  .section--slant-bottom::before {
    bottom: -18px;
  }
}

@media (min-width:800px) {
  .section--slant-bottom::before {
    bottom: -30px;
  }
}

@media (min-width:1240px) {
  .section--slant-bottom::before {
    bottom: -40px;
  }
}

.section--slant-top::after {
  content: "";
  position: absolute;
  width: 140%;
  height: 140px;
  background-color: #fafcfd;
  top: -24px;
  z-index: -1;
}

@media (min-width:460px) {
  .section--slant-top::after {
    top: -40px;
  }
}

@media (min-width:800px) {
  .section--slant-top::after {
    top: -62px;
  }
}

@media (min-width:1240px) {
  .section--slant-top::after {
    top: -94px;
  }
}

.section__intro {
  width: 820px;
  max-width: 100%;
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .section__intro {
    margin-bottom: 5rem;
  }
}

.section__intro--wide {
  width: 1008px;
}

.section__intro--narrow {
  width: 680px;
}

.section__intro--center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.section__intro--product-hero {
  margin-bottom: 3rem;
}

@media (min-width:880px) {
  .section__intro--product-hero {
    margin-bottom: 6rem;
  }
}

.section__intro--subscribe {
  margin-bottom: 3rem;
}

.screenshot {
  border-top: 1px solid #fff;
}

.screenshot--home-hero {
  width: 100%;
  border-radius: 8px;
  margin-top: 4rem;
  box-shadow: 0 8px 32px rgba(47,50,58,0.3);
}

@media (min-width:880px) {
  .screenshot--home-hero {
    position: absolute;
    left: 55%;
    top: 50px;
    width: 1030px;
    margin-top: 0;
    box-shadow: 24px 16px 72px #9ba2bd;
  }
}

.screenshot--product-hero {
  width: 1030px;
  box-shadow: 0 8px 36px rgba(155,162,189,0.5);
  border-radius: 8px;
}

@media (min-width:880px) {
  .screenshot--product-hero {
    box-shadow: 0 16px 72px #9ba2bd;
  }
}

.screenshot--wide {
  display: block;
  width: 880px;
  max-width: 100%;
  box-shadow: 0 8px 32px rgba(51,62,77,0.2);
  border-radius: 8px;
  margin: 0 auto;
}

.home__integrations {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 3rem;
}

.home__integration {
  width: 50%;
  height: 96px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width:880px) {
  .home__integration {
    height: 168px;
  }
}

@media (min-width:480px) {
  .home__integration {
    width: 33.3333%;
  }
}

@media (min-width:640px) {
  .home__integration {
    width: 25%;
  }
}

@media (min-width:940px) {
  .home__integration {
    width: 16.6666%;
  }
}

.tabs__menu {
  display: none;
}

@media (min-width:880px) {
  .tabs__menu {
    display: flex;
    margin-bottom: 5rem;
  }
}

.tabs__menu-item {
  flex-grow: 1;
  /*border-bottom: 3px solid #c8c8c8;*/
  text-align: center;
  font-size: 1.25rem;
  font-weight: 600;
  /*padding: 2rem 0;*/
  cursor: pointer;
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  width: 20%;
  opacity: .6;
  transition: opacity .3s ease;
}

.tabs__menu-item:hover {
  opacity: 1;
}

.tabs__menu-item.active {
  border-color: #53BF21;
  opacity: 1;
}

.tabs__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .tabs__content {
    display: none;
    margin-bottom: 0;
  }
}

.tabs__content.active {
  display: flex;
}

.tabs__content--left, .tabs__content--right {
  width: 100%;
}

@media (min-width:880px) {
  .tabs__content--left, .tabs__content--right {
    width: 50%;
  }
}

.tabs__content--left {
  display: none;
}

@media (min-width:880px) {
  .tabs__content--left {
    display: block;
  }
}

.tabs__text {
  background-color: #26262b;
  padding: 2rem;
  border-radius: 8px;
}

@media (min-width:880px) {
  .tabs__text {
    padding: 0 0 0 80px;
    background: none;
    border-radius: 0;
  }
}

.tabs__title {
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .tabs__title {
    margin-bottom: 2rem;
  }
}

.tabs__icon {
  margin-right: 1rem;
}

.tabs__icon--mobile {
  display: inline-block;
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .tabs__icon--mobile {
    display: none;
  }
}

.tabs__name {
  line-height: 1;
}

.tabs__list {
  display: none;
  margin-bottom: 3rem;
}

@media (min-width:880px) {
  .tabs__list {
    display: block;
  }
}

.tabs__list-item {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
}

.tabs__list-icon {
  margin-right: 1rem;
}

.tabs__screenshot {
  border-radius: 8px;
  border: 3px solid #05C7F2;
  1px solid #fff;: #fff;
}

.testimonial {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}

.testimonial__quotation-mark {
  width: 80px;
  height: auto;
  margin-bottom: 3rem;
}

.testimonial__text {
  font-size: 1.25rem;
  line-height: 1.5;
  color: #3e444e;
  margin-bottom: 3rem;
}

@media (min-width:880px) {
  .testimonial__text {
    font-size: 2rem;
  }
}

.testimonial__photo {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  margin-bottom: 1rem;
  background-color: #ecedf4;
  overflow: hidden;
}

.testimonial__name {
  font-weight: 600;
}

@media (min-width:880px) {
  .plans-overview {
    display: flex;
  }
}

.plans-overview .plan__price.annual {
  display: none;
}

.plans-overview .plan__price.monthly {
  display: block;
}

.plans-overview.annually .plan__price.annual {
  display: block;
}

.plans-overview.annually .plan__price.monthly {
  display: none;
}

.plan {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  text-align: center;
  margin-bottom: 3rem;
}

@media (min-width:880px) {
  .plan {
    width: 33.3333%;
    margin-bottom: 0;
    margin-right: 2rem;
  }
}

.plan:last-child {
  margin: 0;
}

.plan__name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 1rem;
}

.plan__title {
  font-weight: 600;
  line-height: 2rem;
  color: #3e444e;
  margin-bottom: .5rem;
}

.plan__description {
  margin-bottom: 2rem;
}

.plan__price {
  margin-bottom: 2rem;
}

.plan__amount {
  font-weight: 600;
  color: #3e444e;
  font-size: 3rem;
  line-height: 1;
}

.plan__billing {
  font-size: .875rem;
}

.table {
  line-height: 1.25;
  font-size: .8125rem;
}

@media (min-width:880px) {
  .table {
    font-size: .875rem;
  }
}

.table th {
  font-weight: 600;
  color: #3e444e;
}

.table th, .table td {
  padding: .5rem;
}

@media (min-width:880px) {
  .table th, .table td {
    padding: 1rem;
  }
}

.table thead tr {
  border-bottom: 3px solid #ebeef2;
  padding: 15px;
}

.table tr {
  border-bottom: 1px solid #ebeef2;
}

.table--centered {
  margin: 0 auto;
}

.table--full-width {
  width: 100%;
  margin-bottom: 2rem;
}

.table--scrollable {
  overflow-x: auto;
  display: block;
}

.table--pricing {
  max-width: 100%;
  margin-bottom: 3rem;
}

@media (min-width:880px) {
  .table--pricing {
    width: 800px;
  }
}

.table--pricing th, .table--pricing td {
  font-size: .75rem;
  padding: .5rem .15rem;
}

@media (min-width:560px) {
  .table--pricing th, .table--pricing td {
    padding: 1rem;
    font-size: .875rem;
  }
}

.table--pricing th[scope=row] {
  font-weight: normal;
  width: 50%;
  color: #7b85a0;
}

.scope_row {
  font-weight: normal;
  width: 50%;
  color: #7b85a0;
}

.table--pricing td {
  text-align: center;
}

@media (min-width:640px) {
  .table--pricing td {
    white-space: nowrap;
  }
}

.faq {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

.faq__item {
  padding: 1.5rem 0;
}

.faq__item:last-child {
  padding-bottom: 0;
}

.faq__question {
  font-size: 1rem;
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 1rem;
}

.cta-legend {
  margin-top: 1rem;
  opacity: .75;
}

.subscribe-box {
  background-color: #fff;
  color: #7b85a0;
  border-top: 12px solid #4364af;
  padding: 3rem 1rem;
  width: 848px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: -200px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 8px;
  box-shadow: 0 -2px 40px rgba(51,62,77,0.1),1px 1px 5px rgba(51,62,77,0.1),0 62px 124px rgba(51,62,77,0.5),0 38px 74px rgba(51,62,77,0.6);
}

@media (min-width:880px) {
  .subscribe-box {
    padding: 5rem 3rem;
  }
}

.subscribe-box__intro {
  margin-bottom: 1.5rem;
}

@media (min-width:880px) {
  .subscribe-box__intro {
    margin-bottom: 3rem;
  }
}

.subscribe-box__heading {
  font-size: 1.25rem;
  line-height: 1.25;
  color: #3e444e !important;
}

@media (min-width:880px) {
  .subscribe-box__heading {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.subscribe-box__subheading {
  color: #7b85a0;
  margin-bottom: 3rem;
}

.subscribe-wrapper {
  padding: .5rem;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}

@media (min-width:540px) {
  .subscribe-wrapper {
    display: flex;
    box-shadow: 0 8px 24px rgba(33,44,62,0.1);
  }
}

input, button {
  font-family: "Metropolis",sans-serif;
}

.subscribe-email {
  height: 3.5rem;
  flex-grow: 1;
  font-size: 1rem;
  border: 0;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(33,44,62,0.1);
  width: 100%;
  margin: 0 0 1rem 0;
  padding: 1rem;
}

@media (min-width:540px) {
  .subscribe-email {
    box-shadow: none;
    width: auto;
    margin: 0 1rem 0 0;
    padding: 0 0 0 1rem;
  }
}

.subscribe-email::placeholder {
  color: #b9bfc9;
  font-weight: normal;
}

.subscribe-button {
  font-size: 1rem;
  border: 0;
  cursor: pointer;
  width: 100%;
}

@media (min-width:540px) {
  .subscribe-button {
    width: auto;
  }
}

.pricing-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3rem auto 3rem;
}

@media (min-width:880px) {
  .pricing-switch {
    margin: 5rem auto 3rem;
  }
}

.pricing-toggle {
  height: 24px;
  width: 42px;
  background-color: #dee2ec;
  border-radius: 20px;
  position: relative;
  cursor: pointer;
}

.pricing-toggle__knob {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  top: 3px;
  left: 4px;
}

.pricing-toggle.annually {
  background-color: #4364af;
}

.pricing-toggle.annually .pricing-toggle__knob {
  right: 4px;
  left: auto;
}

.pricing-monthly, .pricing-annual {
  font-size: .8125rem;
  line-height: 1;
  cursor: pointer;
}

.pricing-monthly {
  text-align: right;
  margin-right: 1rem;
}

.pricing-annual {
  text-align: left;
  margin-left: 1rem;
}

.pricing__term {
  font-weight: 600;
  color: #3e444e;
  margin-bottom: .25rem;
}

@media (min-width:880px) {
  .addons-overview {
    display: flex;
    justify-content: center;
  }
}

@media (min-width:880px) {
  .industries-overview {
    display: flex;
    justify-content: center;
  }
}

.pricing-startup-padding {
  padding-top: 50px;
}

.industries {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  text-align: center;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}

@media (min-width:880px) {
  .industries {
    width: 33.3333%;
    margin-right: 2rem;
  }
}

.industries__icon {
  margin-bottom: 2rem;
}

.industries__name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 1rem;
}

.industries__description {
  margin-bottom: 2rem;
  flex-grow: 1;
}

.industries__price {
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 2rem;
}

.industries:hover {
  box-shadow: 0 12px 40px rgba(51,62,77,0.35);
}

.addon {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  text-align: center;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
}

@media (min-width:880px) {
  .addon {
    width: 33.3333%;
    margin-right: 2rem;
  }
}

.addon__icon {
  margin-bottom: 2rem;
}

.addon__name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 1rem;
}

.addon__description {
  margin-bottom: 2rem;
  flex-grow: 1;
}

.addon__price {
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .feature-block {
    display: flex;
  }
}

.feature-block--bpadded {
  padding-bottom: 6rem;
}

@media (min-width:880px) {
  .feature-block__left, .feature-block__right {
    width: 50%;
    display: flex;
    align-items: center;
  }
}

.feature-block__left--padded, .feature-block__right--padded {
  display: block;
}

@media (min-width:880px) {
  .feature-block__left--padded, .feature-block__right--padded {
    padding: 0 3rem;
  }
}

.feature-block__left {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .feature-block__left {
    margin-bottom: 0;
  }
}

@media (min-width:880px) {
  .feature-block__left--narrow {
    padding-right: 5rem;
  }
}

.feature-block__screenshot {
  border-radius: 8px;
  border-top: 1px solid #fff;
  box-shadow: 0 4px 16px rgba(51,62,77,0.1);
}

@media (min-width:880px) {
  .feature-block__screenshot {
    box-shadow: 0 8px 32px rgba(51,62,77,0.2);
  }
}

.feature-block__heading {
  font-size: 1.25rem;
}

@media (min-width:880px) {
  .feature-block__heading {
    font-size: 1.75rem;
  }
}

@media (min-width:880px) {
  .feature-block__text {
    padding-left: 5rem;
  }
}

.feature-block__small-heading {
  color: #4364af;
  margin-bottom: 1rem;
}

.feature-block__text-group {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .feature-block__text-group {
    margin-bottom: 4rem;
  }
}

.feature-block__text-group:last-child {
  margin-bottom: 0;
}

.feature-block__text-group p {
  margin-bottom: 1rem;
}

.feature-block__text-group p:last-child {
  margin-bottom: 0;
}

.more-features {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .more-features {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5rem;
  }
}

.more-features__item {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .more-features__item {
    width: 45%;
    margin-bottom: 3rem;
  }
}

.more-features__top {
  display: flex;
  align-items: center;
}

.more-features__top h3 {
  margin: 0 0 0 1rem;
}

.more-features__icon {
  flex-shrink: 0;
}

.more-features__description {
  padding-left: 4rem;
}

.gradient-background--top {
  position: absolute;
  background-color: tomato;
  width: 200%;
  height: 1600px;
  z-index: -1;
  top: 500px;
  background: #f2f3f9;
  background: linear-gradient(0deg, #fff 0, #f2f3f9 100%);
}

@media (min-width:880px) {
  .gradient-background--top {
    top: 800px;
  }
}

.integrations {
  margin-bottom: 4rem;
}

@media (min-width:880px) {
  .integrations {
    display: flex;
    align-items: flex-start;
  }
}

.integrations__sidebar {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .integrations__sidebar {
    width: 25%;
    margin-bottom: 0;
  }
}

.integrations__menu {
  text-align: center;
}

@media (min-width:880px) {
  .integrations__menu {
    text-align: left;
  }
}

.integrations__menu-item {
  margin-bottom: .5rem;
  font-size: .8125rem;
  display: inline-block;
}

@media (min-width:880px) {
  .integrations__menu-item {
    font-size: 1rem;
    display: block;
    margin-bottom: 1rem;
  }
}

.integrations__category {
  display: inline-block;
  padding: .5rem 1rem;
  border-radius: 24px;
  cursor: pointer;
}

.integrations__category.active {
  background-color: #4364af;
  color: #fff;
  font-weight: 600;
}

@media (min-width:600px) {
  .integrations__list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width:880px) {
  .integrations__list {
    width: 75%;
  }
}

.integrations__item {
  padding: 2rem;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  margin: 0 1rem 2rem;
  border-radius: 8px;
}

@media (min-width:600px) {
  .integrations__item {
    width: calc((100% / 2) - 2rem);
  }
}

@media (min-width:880px) {
  .integrations__item {
    width: calc((100% / 3) - 2rem);
  }
}

.integrations__item.shown {
  display: block;
}

.integrations__item.hidden {
  display: none;
}

.integration__name {
  margin-bottom: 1rem;
}

.integration__logo {
  margin: 1rem 0 2rem;
}

.tooltip {
  display: inline-block;
  position: relative;
  cursor: pointer;
}

.tooltip__icon {
  vertical-align: -2px;
  opacity: .5;
}

@media (min-width:880px) {
  .tooltip__icon {
    width: 16px;
    height: 16px;
    margin-left: .25rem;
    vertical-align: -3px;
  }
}

.tooltip__text {
  position: absolute;
  background-color: #3e444e;
  padding: .5rem 1rem;
  color: #fff;
  border-radius: 4px;
  left: calc(100% + 1rem);
  top: 50%;
  font-size: .8125rem;
  line-height: 1.5;
  width: 200px;
  visibility: hidden;
}

.tooltip__text::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #3e444e transparent transparent;
}

.tooltip:hover .tooltip__text {
  visibility: visible;
}

.team {
  display: flex;
  margin-top: 3rem;
}

.team-member {
  width: 33.3333%;
  margin-right: 1rem;
}

@media (min-width:600px) {
  .team-member {
    margin-right: 2rem;
  }
}

.team-member:last-child {
  margin-right: 0;
}

.team-member__photo {
  margin-bottom: 1rem;
  border-radius: 8px;
}

.team-member__name {
  font-size: .875rem;
  font-weight: 600;
  color: #3e444e;
  line-height: 1.25;
}

@media (min-width:600px) {
  .team-member__name {
    font-size: 1rem;
  }
}

.team-member__position {
  font-size: .875rem;
}

@media (min-width:600px) {
  .team-member__position {
    font-size: 1rem;
  }
}

.about__perks {
  margin: 2rem 0;
}

.perks__icon {
  vertical-align: -3px;
  margin-right: 4px;
}

.disclosures-body {
  color: #3e444e;
}

.disclosures-body > ol > li {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25 !important;
  margin-bottom: 2rem;
}

@media (min-width:600px) {
  .disclosures-body > ol > li {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
}

.disclosures-body > ol > li > :first-child {
  margin-bottom: 1rem;
}

@media (min-width:600px) {
  .disclosures-body > ol > li > :first-child {
    margin-bottom: 2rem;
  }
}

.disclosures-body > ol > li > :not(:first-child) {
  font-size: .875rem;
  font-weight: normal;
  line-height: 2;
}

@media (min-width:600px) {
  .disclosures-body > ol > li > :not(:first-child) {
    font-size: 1rem;
  }
}

.disclosures-body > ol > li > ol {
  list-style-type: upper-alpha;
}

.disclosures-body > ol > li > ol > li {
  font-size: .875rem;
  font-weight: normal;
  line-height: 2;
  margin-bottom: 1.5rem;
}

@media (min-width:600px) {
  .disclosures-body > ol > li > ol > li {
    font-size: 1rem;
  }
}

.disclosures-body a {
  color: #4364af;
}

.legal__text-group {
  color: #3e444e;
  margin-bottom: 4rem;
  line-height: 2;
}

@media (min-width:880px) {
  .legal__text-group {
    padding-right: 2rem;
  }
}

.legal__list {
  margin: 2rem 0;
  list-style-type: disc;
  padding-left: 1rem;
}

.legal__list li {
  margin-bottom: 1rem;
}

.card {
  border-radius: 8px;
  background-color: #fbfbfc;
  padding: 2rem;
  /*margin-bottom: 2rem;*/
}

.card-partners {
  /*border-radius: 8px;*/
  /*background-color: #fbfbfc;*/
  padding: 2rem;
  margin-bottom: 2rem;
  width: 17rem;
}

.card .card__div {
  margin-bottom: 1rem;
}

.event-list {
  background-color: #fff;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  border-top: 3px solid #ebeef2;
}

.event {
  padding: 1rem;
  border-bottom: 1px solid #ebeef2;
}

@media (min-width:600px) {
  .event {
    display: flex;
    align-items: center;
  }
}

.event__date {
  color: #4364af;
}

@media (min-width:600px) {
  .event__date {
    text-align: center;
    width: 10%;
  }
}

.event__month, .event__day {
  display: inline-block;
}

@media (min-width:600px) {
  .event__month, .event__day {
    display: block;
  }
}

.event__name {
  color: #3e444e;
  font-size: 1rem;
  font-weight: 600;
}

.event__details {
  margin: 0 0 1rem;
}

@media (min-width:600px) {
  .event__details {
    flex-grow: 1;
    margin: 0 0 0 3rem;
  }
}

@media (min-width:600px) {
  .event__more {
    padding-left: 1rem;
  }
}

.event__more .link {
  margin-right: 2rem;
}

.event__more .link:last-child {
  margin: 0;
}

.date-separator {
  display: inline-block;
}

.year-control {
  margin-bottom: 3rem;
}

.year-control .year-selector {
  cursor: pointer;
  padding: .5rem 1rem;
  border-radius: 1rem;
  margin-right: .5rem;
}

.year-control .year-selector.active {
  background-color: #4364af;
  color: #fff;
  font-weight: 600;
}

.changelog-list {
  background-color: #fff;
  width: 100%;
  padding: 1rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width:768px) {
  .changelog-list {
    padding: 50px 0;
  }
}

.changelog-item {
  margin-bottom: 2rem;
}

@media only screen and (min-width:768px) {
  .changelog-item {
    display: flex;
    margin-bottom: 0;
  }
}

.changelog-item:last-of-type {
  margin-bottom: 0;
}

@media only screen and (min-width:768px) {
  .changelog-item:last-of-type .changelog-item__details {
    border-left: none;
    padding-bottom: 0;
  }
}

.changelog-item__date {
  position: relative;
  font-size: .75rem;
  white-space: nowrap;
  display: none;
  text-transform: uppercase;
}

@media only screen and (min-width:768px) {
  .changelog-item__date {
    flex: 0 0 158px;
    text-align: center;
    top: 9px;
    display: block;
  }
}

.changelog-item__date--mobile {
  display: block;
}

@media only screen and (min-width:768px) {
  .changelog-item__date--mobile {
    display: none;
  }
}

.changelog-item__details {
  position: relative;
}

@media only screen and (min-width:768px) {
  .changelog-item__details {
    padding: 0 50px 40px;
    border-left: 1px solid #e9e9e9;
  }
}

.changelog-item__item-info {
  display: inline-block;
  line-height: 16px;
  margin-left: 4px;
}

@media only screen and (min-width:768px) {
  .changelog-item__item-info {
    position: relative;
    margin-left: 0;
    top: -6px;
  }
}

.changelog-item__icon {
  top: 2px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  vertical-align: -3px;
}

@media only screen and (min-width:768px) {
  .changelog-item__icon {
    width: 38px;
    height: 38px;
    position: absolute;
    left: -19px;
    top: 0;
    border: 4px solid #fff;
  }
}

.changelog-item__label {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.changelog-item__title {
  display: block;
  font-weight: 600;
  color: #3e444e;
  font-size: 16px;
  margin-top: 10px;
}

.changelog-item__title:hover .changelog-item__arrow {
  left: 2px;
}

@media only screen and (min-width:768px) {
  .changelog-item__title {
    margin-top: -8px;
  }
}

.changelog-item__arrow {
  position: relative;
  left: 0;
  transition: left .1s;
}

.changelog-item__description {
  margin-top: 4px;
}

.changelog-item__description img {
  width: 450px;
  max-width: 100%;
  margin: 1rem 0;
}

@media (min-width:640px) {
  .changelog-item__description img {
    margin: 2rem 0;
  }
}

.changelog-item__description ul {
  list-style: disc;
}

.changelog-item__read-more {
  display: block;
  font-weight: 600;
  margin-top: 8px;
}

.changelog-item--new-feature .changelog-item__label, .changelog-item--new-feature .changelog-item__read-more, .changelog-item--new-feature .changelog-item__description a {
  color: #47bb7f;
}

.changelog-item--improvement .changelog-item__label, .changelog-item--improvement .changelog-item__read-more, .changelog-item--improvement .changelog-item__description a {
  color: #57b7df;
}

.changelog-item--bugfix .changelog-item__label, .changelog-item--bugfix .changelog-item__read-more, .changelog-item--bugfix .changelog-item__description a {
  color: #e86666;
}

.changelog-item--integration .changelog-item__label, .changelog-item--integration .changelog-item__read-more, .changelog-item--integration .changelog-item__description a {
  color: #9471e2;
}

@media only screen and (min-width:768px) {
  .changelog-item--featured .changelog-item__item-info {
    top: -3px;
  }
}

@media only screen and (min-width:768px) {
  .changelog-item--featured .changelog-item__date {
    top: 12px;
  }
}

@media only screen and (min-width:768px) {
  .changelog-item--featured .changelog-item__icon {
    top: 0;
    width: 48px;
    height: 48px;
    left: -24px;
  }
}

@media only screen and (min-width:768px) {
  .changelog-item--featured .changelog-item__description {
    margin-top: 10px;
  }
}

@media only screen and (min-width:768px) {
  .changelog-item--featured .changelog-item__title {
    font-size: 20px;
    margin-top: -4px;
  }
}

.changelog-item__featured-image {
  width: 450px;
  max-width: 100%;
  margin: 1rem 0;
}

@media (min-width:640px) {
  .changelog-item__featured-image {
    margin: 2rem 0;
  }
}

.changelog-item__featured-image--full-width {
  width: 100%;
}

.changelog-pagination {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
}

.changelog-pagination__page-number {
  margin: 0 30px;
  opacity: .8;
}

.changelog-pagination__button {
  padding: 17px 20px;
}

.changelog-pagination__button:hover .changelog-pagination__arrow--enabled.previous {
  left: -2px;
}

.changelog-pagination__button:hover .changelog-pagination__arrow--enabled.next {
  right: -2px;
}

.changelog-pagination__arrow {
  position: relative;
  vertical-align: -1px;
}

.changelog-pagination__arrow.previous {
  transform: rotate(180deg);
}

.changelog-pagination__arrow--disabled {
  opacity: .3;
}

.changelog-pagination__arrow--enabled.next {
  right: 0;
  transition: right .3s ease;
}

.changelog-pagination__arrow--enabled.previous {
  left: 0;
  transition: left .3s ease;
}

.brand-assets {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
}

.brand-asset {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  width: 50%;
  margin-right: 2rem;
}

.brand-asset:last-child {
  margin-right: 0;
}

.brand-asset__image {
  margin-bottom: 1rem;
}

.brand-asset__contents {
  margin-bottom: 1rem;
}

.do-dont {
  padding-left: 1rem;
  list-style-type: disc;
  margin-bottom: 3rem !important;
}

.do-dont li {
  margin-bottom: 1rem;
}

.form--narrow {
  width: 540px;
  max-width: 100%;
}

.form__consent {
  margin-top: 2rem;
  display: flex;
  position: relative;
}

.form__consent-label {
  margin-left: 2rem;
  line-height: 1.1;
  cursor: pointer;
}

.form__consent-label a {
  color: #202024;
}

.form__consent-checkbox {
  height: auto;
  position: absolute;
  left: 3px;
  top: 3px;
  opacity: 1;
  cursor: pointer;
}

.form__consent-checkbox:checked ~ .form__consent-checkmark--primary {
  background-color: #4364af;
  border-color: #4364af;
}

.form__consent-checkbox:checked ~ .form__consent-checkmark--secondary {
  background-color: #1c1c1f;
  border-color: #1c1c1f;
}

.form__consent-checkbox:checked ~ .form__consent-checkmark::after {
  display: block;
}

.form__consent-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  border: 1px solid #ebeef2;
  border-radius: 2px;
  background-color: #fff;
}

.form__consent-checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 3px;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.form--newsletter {
  position: relative;
}

.form--newsletter .gdpr-tooltip {
  display: inline-block;
  position: absolute;
  left: 50%;
  bottom: -32px;
  transform: translateX(-50%);
  padding: 0 4px;
  cursor: pointer;
}

.form--newsletter .gdpr-tooltip__icon {
  vertical-align: -3px;
  opacity: .5;
}

.form--newsletter .gdpr-tooltip__text {
  position: absolute;
  background-color: #3e444e;
  padding: .5rem 1rem;
  color: #fff;
  border-radius: 4px;
  bottom: 24px;
  left: -108px;
  font-size: .7rem;
  line-height: 1.25;
  width: 240px;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s ease;
}

@media only screen and (min-width:540px) {
  .form--newsletter .gdpr-tooltip__text {
    bottom: 25px;
    right: -13px;
    left: auto;
  }
}

.form--newsletter .gdpr-tooltip__text::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #3e444e;
  bottom: -3px;
  left: 116px;
  transform: rotate(45deg);
}

@media only screen and (min-width:540px) {
  .form--newsletter .gdpr-tooltip__text::after {
    bottom: -4px;
    right: 21px;
    left: auto;
  }
}

.form--newsletter .gdpr-tooltip__text a {
  color: inherit;
  text-decoration: underline;
}

.form--newsletter .gdpr-tooltip:hover .gdpr-tooltip__text {
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width:540px) {
  .form--newsletter .gdpr-tooltip {
    left: auto;
    transform: none;
    right: 12px;
    bottom: -32px;
  }
}

@media only screen and (min-width:880px) {
  .form--newsletter .gdpr-tooltip {
    right: -28px;
    bottom: 24px;
  }
}

#subscribe-message {
  display: none;
  color: #47bb7f;
  margin-top: 2rem;
}

.heading--small {
  margin-bottom: 1rem;
  font-weight: 600;
}

.marketing-offer {
  padding: 2rem;
  border-radius: 8px;
  background-color: #fbfbfc;
  width: 680px;
  max-width: 100%;
  margin: 3rem auto 0;
}

.marketing-offer--plain {
  background: transparent;
  padding: 0 !important;
  margin: 0 !important;
}

@media only screen and (min-width:880px) {
  .marketing-offer {
    margin: 6rem auto 0;
    padding: 4rem;
  }
}

.marketing-offer__list {
  margin-top: 2rem;
}

.marketing-offer__list li {
  margin-bottom: .5rem;
  padding-left: 1.5rem;
  position: relative;
}

@media only screen and (min-width:880px) {
  .marketing-offer__list li {
    margin-bottom: 1rem;
    padding-left: 2.5rem;
  }
}

.marketing-offer__list li:last-child {
  margin-bottom: 0;
}

.marketing-offer__list--small {
  margin-top: 1rem;
}

@media only screen and (min-width:880px) {
  .marketing-offer__list--small {
    margin-top: 2rem;
  }
}

@media only screen and (min-width:880px) {
  .marketing-offer__list--small li {
    padding-left: 1.5rem;
  }
}

.marketing-offer__bullet {
  position: absolute;
  left: 0;
  top: 4px;
  width: 16px;
  height: 16px;
}

@media only screen and (min-width:880px) {
  .marketing-offer__bullet {
    top: 2px;
    width: 24px;
    height: 24px;
  }
}

@media only screen and (min-width:880px) {
  .marketing-offer__bullet--small {
    top: 2px;
    width: 16px;
    height: 16px;
  }
}

.follow_up_book .section--book-intro {
  background-color: #f47866;
}

.follow_up_book .button--book-cta {
  background-color: #f47866;
}

.follow_up_book .book-share::before {
  background-color: #e4604d;
}

.objection-management .section--book-intro {
  background-color: #f2f1e8;
}

.objection-management .button--book-cta {
  background-color: #f47866;
}

.objection-management .book-share::before {
  background-color: #e4e2dd;
}

.sales-onboarding .section--book-intro {
  background-color: #6eadf8;
}

.sales-onboarding .button--book-cta {
  background-color: #f47866;
}

.sales-onboarding .book-share::before {
  background-color: #3879c4;
}

.growth_hacks_arent_working .section--book-intro {
  background-color: #6eadf8;
}

.growth_hacks_arent_working .button--book-cta {
  background-color: #6eadf8;
}

.growth_hacks_arent_working .book-share::before {
  background-color: #3879c4;
}

.churn-calculator .section--book-intro {
  background-color: #6eadf8;
}

.churn-calculator .button--book-cta {
  background-color: #6eadf8;
}

.churn-calculator .book-share::before {
  background-color: #3879c4;
}

.call-review-checklist .section--book-intro {
  background-color: #6eadf8;
}

.call-review-checklist .button--book-cta {
  background-color: #6eadf8;
}

.call-review-checklist .book-share::before {
  background-color: #3879c4;
}

.crm-email-templates .section--book-intro {
  background-color: #6eadf8;
}

.crm-email-templates .button--book-cta {
  background-color: #6eadf8;
}

.crm-email-templates .book-share::before {
  background-color: #3879c4;
}

.product_demos_that_sell .section--book-intro {
  background-color: #ffd64f;
}

.product_demos_that_sell .button--book-cta {
  background-color: #ffbb52;
}

.product_demos_that_sell .book-share::before {
  background-color: #ffbb52;
}

.sales_negotiation_book .section--book-intro {
  background-color: #c5d0e0;
}

.sales_negotiation_book .button--book-cta {
  background-color: #90a1b9;
}

.sales_negotiation_book .book-share::before {
  background-color: #90a1b9;
}

.sales-hiring-email-template .section--book-intro {
  background-color: #ebf0f4;
}

.sales-hiring-email-template .button--book-cta {
  background-color: #1c1c1f;
}

.sales-hiring-email-template .book-share::before {
  background-color: #dee1e5;
}

.meeting-calculator .section--book-intro {
  background-color: #c5d0e0;
}

.meeting-calculator .button--book-cta {
  background-color: #90a1b9;
}

.meeting-calculator .book-share::before {
  background-color: #90a1b9;
}

.sales-interview-questions .section--book-intro {
  background-color: #9bd6c7;
}

.sales-interview-questions .button--book-cta {
  background-color: #90a1b9;
}

.sales-interview-questions .book-share::before {
  background-color: #8ac1b7;
}

.b2b-qualifying-questions .section--book-intro {
  background-color: #f2f1e8;
}

.b2b-qualifying-questions .button--book-cta {
  background-color: #90a1b9;
}

.b2b-qualifying-questions .book-share::before {
  background-color: #e4e2dd;
}

.cold-calling-course .section--book-intro {
  background-color: #f9b25b;
}

.cold-calling-course .button--book-cta {
  background-color: #80d1f3;
}

.cold-calling-course .book-share::before {
  background-color: #fbb56c;
}

.talk-to-your-customers .section--book-intro {
  background-color: #e2745e;
}

.talk-to-your-customers .button--book-cta {
  background-color: #80d1f3;
}

.talk-to-your-customers .book-share::before {
  background-color: #f18069;
}

.zero_to_thousands .section--book-intro {
  background-color: #80d1f3;
}

.zero_to_thousands .button--book-cta {
  background-color: #80d1f3;
}

.zero_to_thousands .book-share::before {
  background-color: #65bce0;
}

.sales-management-toolkit .section--book-intro {
  background-color: #bccada;
}

.sales-management-toolkit .button--book-cta {
  background-color: #80d1f3;
}

.sales-management-toolkit .book-share::before {
  background-color: #8397af;
}

.saas-sales-book .section--book-intro {
  background-color: #80d1f3;
}

.saas-sales-book .button--book-cta {
  background-color: #80d1f3;
}

.saas-sales-book .book-share::before {
  background-color: #65bce0;
}

.enterprise-sales-startups .section--book-intro {
  background-color: #80d1f3;
}

.enterprise-sales-startups .button--book-cta {
  background-color: #80d1f3;
}

.enterprise-sales-startups .book-share::before {
  background-color: #65bce0;
}

.product-demo-checklist .section--book-intro {
  background-color: #80d1f3;
}

.product-demo-checklist .button--book-cta {
  background-color: #80d1f3;
}

.product-demo-checklist .book-share::before {
  background-color: #65bce0;
}

.cold-email-hacks .section--book-intro {
  background-color: #80d1f3;
}

.cold-email-hacks .button--book-cta {
  background-color: #80d1f3;
}

.cold-email-hacks .book-share::before {
  background-color: #65bce0;
}

.the_sales_hiring_playbook .section--book-intro {
  background-color: #83c37a;
}

.the_sales_hiring_playbook .button--book-cta {
  background-color: #6fbd65;
}

.the_sales_hiring_playbook .book-share::before {
  background-color: #b4eba5;
}

.sales-hiring-checklist .section--book-intro {
  background-color: #83c37a;
}

.sales-hiring-checklist .button--book-cta {
  background-color: #6fbd65;
}

.sales-hiring-checklist .book-share::before {
  background-color: #b4eba5;
}

.sales-script .section--book-intro {
  background-color: #bdc9dc;
}

.sales-script .button--book-cta {
  background-color: #222931;
}

.sales-script .book-share::before {
  background-color: #8597b0;
}

@media only screen and (min-width:800px) {
  .book-top {
    display: flex;
    align-content: center;
  }
}

.book-cover {
  width: 40%;
  margin: 0 auto;
}

@media (min-width:800px) {
  .book-cover {
    width: 60%;
  }
}

.book-cover img {
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.2);
  position: relative;
  top: -40px;
  z-index: 2;
  width: 100%;
}

@media (min-width:800px) {
  .book-cover img {
    top: -80px;
  }
}

@media only screen and (min-width:800px) {
  .book-cover {
    margin: 0;
    width: 35%;
  }
}

.book-info {
  color: #1c1c1f;
  margin-bottom: 5rem;
}

@media only screen and (min-width:800px) {
  .book-info {
    width: 65%;
    padding-left: 6rem;
    margin-bottom: 0;
  }
}

.book-info__title {
  color: #1c1c1f;
  font-size: 1.25rem;
}

@media (min-width:800px) {
  .book-info__title {
    font-size: 2rem;
  }
}

.book-info__description {
  margin-bottom: 3rem;
}

.book-info .heading--small {
  color: #fff;
}

.book-info #subscribe-message {
  color: #1c1c1f;
}

.list--book {
  margin: 1rem 0;
}

.list--book li {
  margin-bottom: 1rem;
  position: relative;
  padding-left: 1.5rem;
}

.list--book li img {
  position: absolute;
  top: 2px;
  left: 0;
}

.more-books {
  display: flex;
  flex-wrap: wrap;
  width: 880px;
  max-width: 100%;
  margin: 0 auto;
}

.more-books__item {
  width: 50%;
  padding: 1rem;
  margin-bottom: 2rem;
}

@media only screen and (min-width:480px) {
  .more-books__item {
    width: 25%;
  }
}

.more-books__cover {
  margin-bottom: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(51,62,77,0.1);
  width: auto;
  height: auto;
}

.more-books__title {
  font-size: .8125rem;
  color: #202024;
  text-align: center;
}

@media only screen and (min-width:480px) {
  .more-books__title {
    font-size: .875rem;
  }
}

#startup-logos:hover {
  opacity: .5;
}

.book-share {
  padding: 2rem 0 .5rem;
  position: relative;
  line-height: 1;
}

.book-share::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 260px;
  top: 0;
  left: 0;
}

@media only screen and (min-width:800px) {
  .book-share::before {
    left: -200px;
    height: 260px;
  }
}

.book-share__links {
  position: relative;
  z-index: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media only screen and (min-width:520px) {
  .book-share__links {
    width: 35%;
  }
}

.book-share__link {
  margin-left: 1rem;
  display: flex;
}

.book-video {
  display: flex;
  flex-wrap: wrap-reverse;
  margin-bottom: 4rem;
}

@media only screen and (min-width:800px) {
  .book-video {
    margin-bottom: 8rem;
  }
}

.book-video__description {
  width: 100%;
}

@media only screen and (min-width:800px) {
  .book-video__description {
    width: 35%;
  }
}

.book-video__video {
  width: 100%;
  margin-bottom: 3rem;
}

@media only screen and (min-width:800px) {
  .book-video__video {
    width: 65%;
    padding-left: 6rem;
    margin-bottom: 0;
  }
}

.book-story {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
}

.book-story p {
  margin-bottom: 1rem;
}

.book-story ul {
  padding-left: 1.5rem;
  list-style-type: disc;
}

.book-story ul li {
  margin-bottom: .5rem;
}

.person-quote {
  display: flex;
  align-items: center;
  margin-top: 3rem;
}

.person-quote__image {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-right: 1rem;
}

.bundle-image {
  position: absolute;
  display: none;
}

@media (min-width:800px) {
  .bundle-image {
    display: block;
    top: -340px;
    right: -420px;
    transform: scale(.5) rotate(-2deg);
  }
}

@media (min-width:980px) {
  .bundle-image {
    top: -420px;
    right: -440px;
    transform: scale(.5) rotate(-2deg);
  }
}

@media (min-width:1180px) {
  .bundle-image {
    top: -520px;
    right: -440px;
  }
}

@media (min-width:1400px) {
  .bundle-image {
    top: -520px;
    right: -380px;
  }
}

@media (min-width:1600px) {
  .bundle-image {
    right: -250px;
  }
}

@media (min-width:1800px) {
  .bundle-image {
    right: -200px;
  }
}

@media (min-width:1800px) {
  .bundle-image {
    right: -160px;
  }
}

.seo-page__course {
  padding: 1.5rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  margin: 2rem 0;
}

@media (min-width:1200px) {
  .seo-page__course {
    padding: 2rem;
  }
}

.seo-page__course h3 {
  margin: 0 !important;
}

.seo-page__course p {
  font-size: 1rem !important;
}

.seo-page__course-heading {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1rem;
}

@media (min-width:880px) {
  .seo-page__course-heading {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.seo-page__course-heading h3 {
  margin: 0 !important;
  font-size: 1.25rem !important;
}

.seo-page__course-number {
  background-color: #4364af;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  margin-right: 1rem;
  border-radius: 4px;
}

@media (min-width:880px) {
  .seo-page__course-number {
    width: 40px;
    height: 40px;
    font-size: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width:880px) {
  .seo-page__course-description {
    margin-left: 4rem;
  }
}

.seo-page__course-description p:last-child {
  margin-bottom: 0;
}

.seo-page__course-details {
  font-size: .875rem;
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .seo-page__course-details {
    margin-left: 4rem;
  }
}

.seo-page__course-details div {
  margin-bottom: .25rem;
}

.seo-page__intro {
  background-color: #4364af;
  color: #fff;
  position: relative;
  padding-top: 6rem;
}

.seo-page__intro--dark {
  background-color: #202024;
}

@media (min-width:440px) {
  .seo-page__intro {
    padding-top: 8rem;
  }
}

.seo-page__intro::before, .seo-page__intro::after {
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  left: 0;
  background-color: #fff;
}

.seo-page__intro::before {
  top: -30px;
}

.seo-page__intro::after {
  bottom: -30px;
}

.seo-page__intro h1 {
  color: #fff;
}

.seo-page__intro p {
  color: #fff;
}

.seo-page__intro a {
  color: #fff;
  text-decoration: underline;
}

.seo-page__heading {
  margin-bottom: 2rem;
}

@media (min-width:440px) {
  .seo-page__heading {
    margin-bottom: 4rem;
  }
}

.seo-page__content {
  width: 740px;
  color: #3e444e;
}

.seo-page__content p {
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .seo-page__content p {
    font-size: 1.25rem;
  }
}

.seo-page__content h3 {
  font-size: 1.25rem;
  margin-top: 2rem;
  line-height: 1.25;
}

@media (min-width:880px) {
  .seo-page__content h3 {
    font-size: 1.5rem;
    margin-top: 3rem;
  }
}

.seo-page__content img {
  margin: 1.5rem 0;
}

@media (min-width:880px) {
  .seo-page__content img {
    margin: 3rem 0;
  }
}

.seo-page__chunk {
  margin-bottom: 4rem;
}

.seo-page__toc {
  background-color: #3e5ca5;
  padding: 2rem;
  border-radius: 8px;
  margin-bottom: 4rem;
}

.seo-page__toc li {
  margin-bottom: 1rem;
}

.seo-page__toc li:last-child {
  margin-bottom: 0;
}

.seo-page__toc a {
  color: #fff;
  text-decoration: none;
}

.seo-page__sidebar {
  width: 25%;
  display: none;
}

@media (min-width:800px) {
  .seo-page__sidebar {
    display: block;
  }
}

.seo-page__side-toc {
  position: -webkit-sticky;
  position: sticky;
  top: 4rem;
  font-size: .875rem;
  margin-bottom: 4rem;
}

.seo-page__side-toc h4 {
  margin: 0 0 1rem .5rem;
}

.seo-page__side-toc li a {
  transition: color .3s ease,background-color .3s ease;
  display: block;
  padding: .5rem;
}

.seo-page__side-toc li a:hover {
  color: #4364af;
}

.seo-page__side-toc li a.active {
  background-color: #4364af;
  color: #fff;
  border-radius: .25rem;
  font-weight: 600;
}

@media (min-width:800px) {
  .seo-page__toc-section {
    padding-top: 2rem;
  }
}

.seo-page__cta {
  padding: 1rem 1rem 2.5rem;
  border-radius: 8px;
  background-color: #f1f5ff;
}

@media (min-width:440px) {
  .seo-page__cta {
    padding: 2rem 4rem 3rem;
  }
}

.seo-page__cta h3 {
  margin-bottom: 2rem;
}

.seo-page__breadcrumbs {
  margin-bottom: 2rem;
  color: #fff;
}

.seo-page__breadcrumb {
  text-decoration: none !important;
  margin-right: 16px;
  position: relative;
}

.seo-page__breadcrumb::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 5px;
  right: -10px;
  opacity: .3;
}

.seo-page__image-box {
  margin: 2rem 0;
  border-radius: 4px;
  padding: 1rem;
  background-color: #f2f3f9;
  text-align: center;
}

@media (min-width:880px) {
  .seo-page__image-box {
    margin: 3rem 0;
    padding: 2rem;
  }
}

.seo-page__image {
  border-radius: 8px;
  border-top: 1px solid #fff;
  box-shadow: 0 8px 32px rgba(51,62,77,0.2);
  margin: 0 !important;
}

.seo-page__image--narrow {
  width: 440px;
}

.seo-page__table-logo {
  margin: 0 !important;
}

.seo-page__quote {
  position: relative;
  padding: 1rem 0 2rem 3rem;
}

@media (min-width:880px) {
  .seo-page__quote {
    padding: 3rem 0 2rem 6rem;
  }
}

.seo-page__quote p {
  font-weight: 600;
}

.seo-page__quote-mark {
  position: absolute;
  font-weight: 600;
  font-size: 4rem;
  color: #4364af;
  top: -10px;
  left: 0;
}

@media (min-width:880px) {
  .seo-page__quote-mark {
    font-size: 8rem;
  }
}

.new-label {
  font-size: .625rem;
  font-weight: 600;
  line-height: 1;
  padding: 3px 3px 2px;
  border-radius: 2px;
  background-color: #4364af;
  text-transform: uppercase;
  color: #fff;
  vertical-align: 1px;
}

.box-quote {
  background-color: #fbfbfc;
  border-radius: 8px;
  padding: 2rem;
  margin: 1.5rem 0;
}

@media (min-width:880px) {
  .box-quote {
    padding: 4rem;
    margin: 3rem 0;
  }
}

.box-quote__quote {
  font-size: 1rem;
  font-weight: 600;
  color: #3e444e;
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .box-quote__quote {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.startups__offer {
  display: flex;
  flex-wrap: wrap;
}

.startups__criteria, .startups__avail {
  width: 100%;
}

@media (min-width:880px) {
  .startups__criteria, .startups__avail {
    width: 50%;
    padding: 0 2rem;
  }
}

.startups__criteria {
  margin-bottom: 1.5rem;
}

@media (min-width:880px) {
  .startups__criteria {
    margin-bottom: 0;
  }
}

.startups ul, .startups ol {
  padding-left: 1rem;
  margin: 1rem 0;
}

@media (min-width:880px) {
  .startups ul, .startups ol {
    margin: 2rem 0;
  }
}

.startups ul li, .startups ol li {
  margin-bottom: .5rem;
}

@media (min-width:880px) {
  .startups ul li, .startups ol li {
    margin-bottom: 1rem;
  }
}

.startups ul {
  list-style-type: disc;
}

.startups .ratings {
  margin-bottom: 0;
}

.content--narrow {
  width: 840px;
  max-width: 100%;
  margin: 0 auto;
}

.ratings {
  display: flex;
  margin: 2.5rem 0;
  flex-wrap: wrap;
}

@media only screen and (min-width:400px) {
  .ratings {
    margin: 5rem 0;
  }
}

.ratings__left, .ratings__right {
  display: flex;
  flex: 1 1 100%;
  justify-content: space-between;
}

.ratings__left {
  flex-wrap: wrap;
}

@media only screen and (min-width:340px) {
  .ratings__left {
    flex: 1 1 50%;
  }
}

.ratings__right {
  flex-wrap: wrap-reverse;
}

@media only screen and (min-width:340px) {
  .ratings__right {
    flex: 1 1 50%;
  }
}

.ratings__item {
  flex: 1 1 100%;
  margin-bottom: 2rem;
}

@media only screen and (min-width:992px) {
  .ratings__item {
    flex: 1 0 50%;
    margin-bottom: 0;
  }
}

.ratings__logo {
  height: 30px;
}

.ratings__score {
  font-weight: 700;
  margin: 1rem auto .5rem;
}

.ratings__main-number {
  color: #3e444e;
  font-size: 2rem;
}

.ratings__out-of {
  color: #a5acb7;
}

.ratings__stars {
  margin-bottom: 2rem;
  height: 16px;
}

.ratings__star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/static/img/icons/misc/ratings-star.svg") no-repeat;
}

.list--ul {
  padding-left: 1rem;
  list-style-type: disc;
  margin: 1rem 0 2rem;
}

@media (min-width:880px) {
  .feature-card-container {
    display: flex;
    justify-content: center;
  }
}

.feature-card {
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  text-align: center;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  color: #7b85a0;
}

.feature-card--align-left {
  text-align: left;
}

.feature-card:last-child {
  margin-bottom: 0;
}

@media (min-width:880px) {
  .feature-card {
    margin: 0 1rem;
  }
}

.feature-card__icon {
  margin-bottom: .5rem;
  width: 2.5rem;
  height: 2.5rem;
}

@media (min-width:880px) {
  .feature-card__icon {
    margin-bottom: 2rem;
    width: 5rem;
    height: 5rem;
  }
}

.feature-card__title {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 600;
  color: #3e444e !important;
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .feature-card__title {
    font-size: 1.25rem;
  }
}

.feature-card--plain {
  background-color: transparent;
  box-shadow: none;
  display: block;
  padding: 0 1rem;
}

.logo-grid {
  display: flex;
  flex-wrap: wrap;
}

.logo-grid__item {
  display: flex;
  width: 50%;
  padding: 1.25rem 0;
  justify-content: center;
  align-items: center;
}

@media (min-width:800px) {
  .logo-grid__item {
    width: 25%;
    padding: 2rem 0;
  }
}

@media (min-width:800px) {
  .logo-grid__item--3 {
    width: 33.3333%;
  }
}

.content-group {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .content-group {
    margin-bottom: 4rem;
  }
}

.content-group:last-child {
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .content-group:last-child {
    margin-bottom: 0;
  }
}

.content-group--medium {
  margin-bottom: 2rem;
}

.content-group--small {
  margin-bottom: 1rem;
}

.button-group .button {
  margin: 0 0 1rem;
}

@media (min-width:370px) {
  .button-group .button {
    margin: 0 1rem 0 0;
  }
}

.starter .section--home-intro::after {
  background-color: #fafcfd;
}

.starter__funnel-illustration {
  max-width: 80%;
  margin-bottom: 2rem;
}

@media (min-width:370px) {
  .starter__funnel-illustration {
    max-width: 60%;
  }
}

@media (min-width:800px) {
  .starter__funnel-illustration {
    max-width: 40%;
  }
}

@media (min-width:880px) {
  .starter__funnel-illustration {
    max-width: 70%;
  }
}

.webinars__icon-background {
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: tomato;
  margin: 0 auto 1rem;
  background-color: #fafbfc;
  transition: background-color 3s ease;
}

@media only screen and (min-width:880px) {
  .webinars__icon-background {
    width: 96px;
    height: 96px;
    margin-bottom: 2rem;
  }
}

.webinars__icon-background.submitted {
  background-color: #47bb7f;
}

.webinars__icon-checkmark {
  position: absolute;
  width: 19px;
  height: 14px;
  top: 17px;
  left: 14px;
  transform: scale(0);
}

@media only screen and (min-width:880px) {
  .webinars__icon-checkmark {
    top: 35px;
    left: 29px;
    width: 38px;
    height: 28px;
  }
}

.webinars__icon-checkmark.submitted {
  animation: animate-checkmark 1.2s ease-in-out forwards;
}

@keyframes animate-checkmark {
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.webinar-list {
  display: flex;
  flex-wrap: wrap;
}

.webinar-list__item {
  width: 100%;
  margin: 0 0 1rem;
}

@media (min-width:880px) {
  .webinar-list__item {
    width: 50%;
    padding: 2rem;
    margin-bottom: 0;
  }
}

.webinar-type-icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
}

@media (min-width:880px) {
  .webinar-type-icon {
    width: 96px;
    height: 96px;
  }
}

.webinar {
  background-color: #fff;
  box-shadow: 0 12px 40px rgba(51,62,77,0.15);
  border-radius: 8px;
}

@media (min-width:880px) {
  .webinar {
    border-radius: 16px;
  }
}

@media (min-width:960px) {
  .webinar {
    display: flex;
    flex-direction: column;
  }
}

.webinar--upcoming {
  flex-direction: row;
  padding: 2rem 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width:880px) {
  .webinar--upcoming {
    padding: 3rem;
    margin-bottom: 4rem;
  }
}

.webinar--past {
  padding: 2rem 1.5rem;
  height: 100%;
  flex-direction: column;
}

@media (min-width:880px) {
  .webinar--past {
    padding: 3rem;
  }
}

.webinar__info {
  display: flex;
  flex-direction: column;
  margin: 0 0 3rem 0;
}

@media (min-width:960px) {
  .webinar__info {
    margin: 0 4rem 0 0;
  }
}

@media (min-width:960px) {
  .webinar__hosts {
    flex: 0 0 340px;
  }
}

.webinar__host {
  display: flex;
  margin-top: 1.25rem;
  align-items: center;
}

.webinar__headshot {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 1rem;
}

.webinar__date {
  color: #4364af;
  margin-bottom: 1rem;
}

.webinar__description {
  margin-bottom: 2rem;
  flex: 1 0 auto;
}

.webinar__title {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

@media (min-width:880px) {
  .webinar__title {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
  }
}

.webinar__top, .webinar__bottom {
  padding: 2rem 1.5rem;
}

@media (min-width:880px) {
  .webinar__top, .webinar__bottom {
    padding: 3rem;
  }
}

.webinar__top {
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  color: #fff;
  height: 200px;
  position: relative;
}

@media (min-width:880px) {
  .webinar__top {
    border-radius: 16px 16px 0 0;
    height: 300px;
  }
}

.webinar__top::before, .webinar__top::after {
  content: "";
  position: absolute;
}

.webinar__top::before {
  background: url('/static/img/misc/closeio-webinar-pattern.svg');
  background-size: 35%;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  z-index: 0;
  transform: rotate(-15deg);
  opacity: .05;
}

.webinar__top::after {
  background: url('/static/img/misc/closeio-webinar-curve.svg');
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  left: -4px;
  bottom: -4px;
  width: 105%;
  height: 120px;
}

.webinar__top--close-admin {
  background: linear-gradient(135deg, #4A9EE7 0, #2B6190 100%);
}

.webinar__top--close-salespeople {
  background: linear-gradient(135deg, #5AE19B 0, #47BB7F 100%);
}

.webinar__icon--close {
  position: absolute;
  bottom: 40px;
  height: 48px;
}

@media only screen and (min-width:480px) {
  .webinar__icon--close {
    height: auto;
  }
}

.webinar__decorative-shape {
  position: absolute;
  opacity: 1;
  transform: rotate(-30deg);
  border-radius: 100px;
}

.webinar__decorative-shape--one {
  width: 266px;
  height: 444px;
  top: -100px;
  right: -260px;
}

@media only screen and (min-width:480px) {
  .webinar__decorative-shape--one {
    right: -200px;
  }
}

.webinar__decorative-shape--two {
  width: 366px;
  height: 444px;
  top: 40px;
  right: -300px;
}

@media only screen and (min-width:480px) {
  .webinar__decorative-shape--two {
    top: 100px;
    right: -260px;
  }
}

.webinar__decorative-shape--darker-blue {
  background: #2B6190;
}

.webinar__decorative-shape--lighter-blue {
  background: #4A9EE7;
}

.webinar__decorative-shape--darker-green {
  background: #47BB7F;
}

.webinar__decorative-shape--lighter-green {
  background: #5AE19B;
}

.webinar__recording-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.webinar__recording-link {
  font-weight: 600;
}

.webinar__recording-link--admin {
  color: #2b6190;
}

.webinar__recording-link--salespeople {
  color: #47bb7f;
}

.webinar__recording-link--past {
  color: #fcba63;
}

.webinar__recording-length {
  opacity: .6;
}

.webinar__play-icon {
  margin-right: 12px;
  vertical-align: -2px;
}

.webinar__headshots {
  margin-bottom: 1.5rem;
}

.webinar__headshot {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  display: inline-block;
  margin-right: .5rem;
}

.video-modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  justify-content: center;
  align-items: center;
  padding: 0 5%;
  opacity: 0;
  visibility: hidden;
  display: none;
}

@media (min-width:1200px) {
  .video-modal {
    padding: 0 15%;
  }
}

.video-modal--show {
  opacity: 1;
  visibility: visible;
  display: flex;
}

.video-modal__wrapper {
  position: relative;
  height: 0;
  width: 100%;
  top: 0;
  padding-top: 56.25%;
}

.video-modal iframe {
  box-shadow: 0 16px 72px #3e444e;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 8px;
}

.video-modal__bg {
  background-color: #3e444e;
  opacity: .8;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: -1;
}

.video-modal__close-button {
  width: 16px;
  height: 16px;
  opacity: .4;
  position: absolute;
  top: -24px;
  right: 0;
  transition: opacity .3s ease;
  cursor: pointer;
}

@media (min-width:800px) {
  .video-modal__close-button {
    top: 0;
    right: -24px;
  }
}

.video-modal__close-button:hover {
  opacity: 1;
}

.video-modal__close-button::before, .video-modal__close-button::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 0;
  width: 2px;
  height: 16px;
  background-color: #fff;
  border-radius: 2px;
}

.video-modal__close-button::before {
  transform: rotate(45deg);
}

.video-modal__close-button::after {
  transform: rotate(-45deg);
}

.sales-resources__container {
  display: flex;
  flex-wrap: wrap;
}

.sales-resources__item {
  width: 100%;
  padding: .5rem;
}

@media (min-width:720px) {
  .sales-resources__item {
    width: 50%;
  }
}

@media (min-width:880px) {
  .sales-resources__item {
    padding: 1rem;
  }
}

.sales-resources__item--featured {
  width: 100%;
}

.sales-resource {
  background-color: tomato;
  padding: 2rem;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

@media (min-width:720px) {
  .sales-resource {
    height: 100%;
    min-height: 316px;
  }
}

@media (min-width:880px) {
  .sales-resource {
    display: flex;
    align-items: center;
  }
}

.sales-resource::after {
  content: "";
  position: absolute;
  bottom: -32px;
  left: 0;
  height: 100px;
  width: 100%;
  background-color: tomato;
}

.sales-resource__info {
  z-index: 1;
  position: relative;
}

@media (min-width:880px) {
  .sales-resource__info--non-book {
    width: 55%;
  }
}

.sales-resource__info--bottom-right {
  align-self: flex-end;
  margin-left: auto;
}

.sales-resource__info--bottom-left {
  align-self: flex-end;
  margin-right: auto;
}

.sales-resource__info--top-left {
  margin-bottom: auto;
}

.sales-resource__info--center-right {
  margin-left: auto;
}

.sales-resource__featured-label {
  display: inline-block;
  padding: .5rem;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  font-size: .75rem;
  line-height: 1;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.sales-resource__title {
  font-size: 1.25rem;
  line-height: 1.25;
  margin-bottom: .5rem;
  color: #000;
}

.sales-resource__title--white {
  color: #fff;
}

.sales-resource__title--featured {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

@media (min-width:720px) {
  .sales-resource__title--featured {
    font-size: 2rem;
  }
}

.sales-resource__description {
  font-size: .875rem;
  line-height: 1.25;
  color: #fff;
}

.sales-resource__description--black {
  color: #000;
}

.sales-resource__description--featured {
  font-size: .875rem;
}

@media (min-width:720px) {
  .sales-resource__description--featured {
    font-size: 1.25rem;
  }
}

.sales-resource__book-cover {
  width: 80px;
  height: 120px;
  background-color: #fff;
  flex-shrink: 0;
  margin-right: 2rem;
  z-index: 1;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

@media (min-width:880px) {
  .sales-resource__book-cover {
    width: 120px;
    height: 180px;
    margin-bottom: 0;
  }
}

@media (min-width:1080px) {
  .sales-resource__book-cover {
    width: 168px;
    height: 252px;
  }
}

.sales-resource__book-cover--featured {
  width: 120px;
  height: 180px;
}

@media (min-width:720px) {
  .sales-resource__book-cover--featured {
    width: 220px;
    height: 330px;
    margin-right: 7rem;
  }
}

.sales-resource__illustration {
  z-index: 2;
  position: relative;
}

@media (min-width:880px) {
  .sales-resource__illustration {
    position: absolute;
  }
}

.sales-resource--featured {
  padding: 2rem;
}

@media (min-width:720px) {
  .sales-resource--featured {
    padding: 3rem 5rem;
  }
}

.sales-resource--featured::after {
  height: 140px;
  bottom: -60px;
}

.sales-resource--zero-to-thousands {
  background-color: #80d1f3;
}

.sales-resource--zero-to-thousands::after {
  background-color: #65bce0;
}

.sales-resource--sales-hiring-playbook {
  background-color: #83c37a;
}

.sales-resource--sales-hiring-playbook::after {
  background-color: #b4eba5;
}

.sales-resource--your-growth-hacks-arent-working {
  background-color: #6eadf8;
}

.sales-resource--your-growth-hacks-arent-working::after {
  background-color: #4d8dd9;
}

.sales-resource--saas-sales-book {
  background-color: #80d1f3;
}

.sales-resource--saas-sales-book::after {
  background-color: #65bce0;
}

.sales-resource--follow-up-formula {
  background-color: #f47866;
}

.sales-resource--follow-up-formula::after {
  background-color: #e4604d;
}

.sales-resource--talk-to-your-customers {
  background-color: #e2745e;
}

.sales-resource--talk-to-your-customers::after {
  background-color: #f18069;
}

.sales-resource--sales-management-toolkit {
  background-color: #bccada;
}

.sales-resource--sales-management-toolkit::after {
  background-color: #8397af;
}

.sales-resource--product-demos-that-sell {
  background-color: #ffd64f;
}

.sales-resource--product-demos-that-sell::after {
  background-color: #ffbb52;
}

.sales-resource--sales-negotiation {
  background-color: #bccada;
}

.sales-resource--sales-negotiation::after {
  background-color: #8397af;
}

.sales-resource--enterprise-sales-for-startups {
  background-color: #80d1f3;
}

.sales-resource--enterprise-sales-for-startups::after {
  background-color: #65bce0;
}

.sales-resource--startup-sales-course {
  background-color: #47bb7f;
}

.sales-resource--startup-sales-course::after {
  background-color: #3fa771;
  display: none;
}

.sales-resource--startup-sales-course .sales-resource__illustration {
  left: -20px;
  bottom: -40px;
  width: 200px;
}

@media (min-width:720px) {
  .sales-resource--startup-sales-course .sales-resource__illustration {
    left: -20px;
    bottom: -64px;
    width: 240px;
  }
}

@media (min-width:880px) {
  .sales-resource--startup-sales-course .sales-resource__illustration {
    left: -40px;
    bottom: 0;
    width: 340px;
  }
}

@media (min-width:1080px) {
  .sales-resource--startup-sales-course .sales-resource__illustration {
    left: -20px;
  }
}

.sales-resource--cold-calling-course {
  background-color: #4991e3;
}

.sales-resource--cold-calling-course::after {
  background-color: #3672b7;
}

.sales-resource--cold-calling-course .sales-resource__illustration {
  width: 140px;
  top: 10px;
}

@media (min-width:880px) {
  .sales-resource--cold-calling-course .sales-resource__illustration {
    width: 160px;
    top: 20px;
    left: 20px;
  }
}

@media (min-width:1080px) {
  .sales-resource--cold-calling-course .sales-resource__illustration {
    width: 200px;
  }
}

.sales-resource--cold-email-hacks {
  background-color: #80d1f3;
}

.sales-resource--cold-email-hacks::after {
  background-color: #65bce0;
}

.sales-resource--sales-script-template {
  background-color: #2a3441;
}

.sales-resource--sales-script-template::after {
  background-color: #343f4d;
}

.sales-resource--sales-script-template .sales-resource__illustration {
  width: 80px;
  top: 10px;
  transform: rotate(-10deg);
}

@media (min-width:720px) {
  .sales-resource--sales-script-template .sales-resource__illustration {
    width: 120px;
    top: 20px;
  }
}

@media (min-width:880px) {
  .sales-resource--sales-script-template .sales-resource__illustration {
    width: 120px;
    left: 60px;
    top: 75px;
  }
}

.sales-resource--crm-email-templates {
  background-color: #6eadf8;
}

.sales-resource--crm-email-templates::after {
  background-color: #4d8dd9;
}

.sales-resource--objection-management {
  background-color: #e6e4d9;
}

.sales-resource--objection-management::after {
  background-color: #babab2;
  display: none;
}

.sales-resource--objection-management .sales-resource__illustration {
  left: 0;
  bottom: -40px;
  width: 100%;
}

.sales-resource--sales-onboarding {
  background-color: #4e8ccc;
}

.sales-resource--sales-onboarding::after {
  background-color: #fdba57;
  transform: rotate(0deg);
  bottom: -34px;
}

@media (min-width:720px) {
  .sales-resource--sales-onboarding::after {
    bottom: -22px;
  }
}

@media (min-width:880px) {
  .sales-resource--sales-onboarding::after {
    bottom: -40px;
  }
}

.sales-resource--sales-onboarding .sales-resource__illustration {
  width: 160px;
  top: 20px;
}

@media (min-width:720px) {
  .sales-resource--sales-onboarding .sales-resource__illustration {
    width: 200px;
    top: 20px;
    right: -4px;
  }
}

@media (min-width:880px) {
  .sales-resource--sales-onboarding .sales-resource__illustration {
    width: 200px;
    top: auto;
    bottom: 0;
    right: -4px;
  }
}

@media (min-width:1080px) {
  .sales-resource--sales-onboarding .sales-resource__illustration {
    width: 260px;
    top: 80px;
    right: -4px;
  }
}

.sales-resource--b2b-qualifying-questions {
  background-color: #9dd7b6;
}

.sales-resource--b2b-qualifying-questions::after {
  background-color: #4e9c6b;
  display: none;
}

.sales-resource--b2b-qualifying-questions .sales-resource__illustration {
  bottom: -40px;
  width: 140px;
}

@media (min-width:720px) {
  .sales-resource--b2b-qualifying-questions .sales-resource__illustration {
    left: 20px;
    bottom: 0;
    width: 180px;
  }
}

@media (min-width:880px) {
  .sales-resource--b2b-qualifying-questions .sales-resource__illustration {
    left: -20px;
  }
}

@media (min-width:1080px) {
  .sales-resource--b2b-qualifying-questions .sales-resource__illustration {
    left: 20px;
  }
}

.sales-resource--call-review-checklist {
  background-color: #f3f3f7;
}

.sales-resource--call-review-checklist::after {
  background-color: #dadae0;
}

.sales-resource--call-review-checklist .sales-resource__illustration {
  width: 140px;
  top: 20px;
}

@media (min-width:720px) {
  .sales-resource--call-review-checklist .sales-resource__illustration {
    width: 160px;
  }
}

@media (min-width:980px) {
  .sales-resource--call-review-checklist .sales-resource__illustration {
    width: 160px;
    top: auto;
  }
}

.sales-resource--churn-calculator {
  background-color: #f3f3f7;
}

.sales-resource--churn-calculator::after {
  background-color: #dadae0;
}

.sales-resource--churn-calculator .sales-resource__illustration {
  width: 160px;
  bottom: -40px;
}

@media (min-width:720px) {
  .sales-resource--churn-calculator .sales-resource__illustration {
    width: 200px;
    left: 0;
  }
}

@media (min-width:880px) {
  .sales-resource--churn-calculator .sales-resource__illustration {
    width: 180px;
    left: auto;
    bottom: 20px;
    right: -40px;
  }
}

@media (min-width:1080px) {
  .sales-resource--churn-calculator .sales-resource__illustration {
    width: 220px;
  }
}

.sales-resource--meeting-calculator {
  background-color: #f3f3f7;
}

.sales-resource--meeting-calculator::after {
  background-color: #dadae0;
}

.sales-resource--meeting-calculator .sales-resource__illustration {
  width: 200px;
  top: 40px;
}

@media (min-width:720px) {
  .sales-resource--meeting-calculator .sales-resource__illustration {
    width: 260px;
  }
}

@media (min-width:880px) {
  .sales-resource--meeting-calculator .sales-resource__illustration {
    left: 40px;
  }
}

.sales-resource--product-demo-checklist {
  background-color: #687E90;
}

.sales-resource--product-demo-checklist::after {
  background-color: #7f99af;
  display: none;
}

.sales-resource--product-demo-checklist .sales-resource__illustration {
  width: 180px;
  right: -110px;
  top: 40px;
}

@media (min-width:720px) {
  .sales-resource--product-demo-checklist .sales-resource__illustration {
    width: 480px;
    right: -100px;
    top: 40px;
  }
}

@media (min-width:880px) {
  .sales-resource--product-demo-checklist .sales-resource__illustration {
    right: -220px;
  }
}

.sales-resource--sales-hiring-checklist {
  background-color: #2a6141;
}

.sales-resource--sales-hiring-checklist::after {
  background-color: #4f784b;
  display: none;
}

.sales-resource--sales-hiring-checklist .sales-resource__illustration {
  transform: rotate(-10deg);
  width: 120px;
}

@media (min-width:720px) {
  .sales-resource--sales-hiring-checklist .sales-resource__illustration {
    top: 40px;
    width: 180px;
  }
}

@media (min-width:880px) {
  .sales-resource--sales-hiring-checklist .sales-resource__illustration {
    top: 40px;
    left: 50px;
    width: 180px;
  }
}

.sales-resource--sales-interview-questions {
  background-color: #fff2f2;
}

.sales-resource--sales-interview-questions::after {
  background-color: #fdd2d2;
}

.sales-resource--sales-interview-questions .sales-resource__illustration {
  width: 140px;
  left: 0;
}

@media (min-width:720px) {
  .sales-resource--sales-interview-questions .sales-resource__illustration {
    width: 160px;
    left: 0;
  }
}

@media (min-width:880px) {
  .sales-resource--sales-interview-questions .sales-resource__illustration {
    left: auto;
    right: 40px;
  }
}

.sales-resource--sales-hiring-email-template {
  background-color: #e7c785;
}

.sales-resource--sales-hiring-email-template::after {
  background-color: #c6a96f;
  display: none;
}

.sales-resource--sales-hiring-email-template .sales-resource__illustration {
  left: -32px;
  bottom: -42px;
  width: 120px;
}

@media (min-width:460px) {
  .sales-resource--sales-hiring-email-template .sales-resource__illustration {
    width: 160px;
  }
}

@media (min-width:720px) {
  .sales-resource--sales-hiring-email-template .sales-resource__illustration {
    left: -32px;
    bottom: -42px;
    width: 200px;
  }
}

@media (min-width:720px) {
  .sales-resource--sales-hiring-email-template .sales-resource__illustration {
    width: 180px;
  }
}

@media (min-width:1080px) {
  .sales-resource--sales-hiring-email-template .sales-resource__illustration {
    width: 200px;
    left: 0;
  }
}

.sales-resource--startup-sales-guide {
  background-color: #80d1f3;
}

.sales-resource--startup-sales-guide::after {
  background-color: #65bce0;
}

.sales-resource--startup-sales-playbook {
  background-color: #668eca;
}

.sales-resource--startup-sales-playbook::after {
  background-color: #2a477e;
}

.sales-resource--startup-sales-playbook .sales-resource__featured-label {
  background-color: #fcba63;
}

.additional-service-list__item {
  margin-bottom: 2rem;
}

@media (min-width:640px) {
  .additional-service-list__item {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
  }
}

.additional-service-list__icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-right: 30px;
  flex-shrink: 0;
  margin-bottom: 1rem;
}

@media (min-width:640px) {
  .additional-service-list__icon {
    margin-bottom: 0;
  }
}

.additional-service-list__title {
  font-weight: 600;
  margin-right: 30px;
}

@media (min-width:640px) {
  .additional-service-list__title {
    width: 25%;
    flex-shrink: 0;
  }
}

@media (min-width:640px) {
  .additional-service-list__description {
    margin-right: 45px;
    flex-grow: 1;
  }
}

.additional-service-list__link {
  font-weight: 600;
  flex-shrink: 0;
}

.detailed-plan {
  background-color: #fff;
  padding: 2rem 1rem;
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(68,83,159,0.1);
  margin-bottom: 2rem;
}

@media (min-width:480px) {
  .detailed-plan {
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 4rem;
  }
}

@media (min-width:880px) {
  .detailed-plan {
    padding: 4rem;
  }
}

.detailed-plan__top {
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 2.5rem;
}

@media (min-width:640px) {
  .detailed-plan__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.detailed-plan__title {
  margin: 0 0 2rem 0;
}

@media (min-width:640px) {
  .detailed-plan__title {
    margin: 0 2rem 0 0;
  }
}

.detailed-plan__pricing {
  background-color: #202024;
  border-radius: 4px;
  padding: .5rem 1rem;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.detailed-plan__monthly, .detailed-plan__annually {
  display: inline-block;
}

.detailed-plan__price {
  font-weight: 600;
}

.detailed-plan__billing {
  font-size: .75rem;
  opacity: .75;
}

.detailed-plan__pricing-info {
  font-size: .625rem;
  opacity: .75;
  width: 100%;
}

.detailed-plan__description {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

.detailed-plan__left {
  width: 100%;
}

@media (min-width:720px) {
  .detailed-plan__left {
    width: 50%;
  }
}

.detailed-plan__right {
  width: 100%;
  display: flex;
}

@media (min-width:720px) {
  .detailed-plan__right {
    width: 50%;
  }
}

.detailed-plan__testimonial {
  align-self: center;
}

@media (min-width:720px) {
  .detailed-plan__testimonial {
    padding-left: 2rem;
  }
}

@media (min-width:880px) {
  .detailed-plan__testimonial {
    padding-left: 8rem;
  }
}

.detailed-plan__quote {
  margin-bottom: 1rem;
}

@media (min-width:720px) {
  .detailed-plan__quote {
    margin-bottom: 2.5rem;
  }
}

.detailed-plan__quotee {
  display: flex;
  align-content: center;
}

.detailed-plan__photo {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-right: 16px;
  background-color: #fafcfd;
  flex-shrink: 0;
  overflow: hidden;
}

.detailed-plan__quotee-info {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.detailed-plan__quotee-name {
  font-weight: 600;
  width: 100%;
}

.detailed-plan__quotee-position {
  font-size: .875rem;
  width: 100%;
}

.detailed-plan__list {
  margin: 1rem 0;
}

.detailed-plan__list:last-child {
  margin-bottom: 0;
}

.detailed-plan__list li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1rem;
}

.detailed-plan__list li img {
  position: absolute;
  left: 0;
}

.additional-service {
  background-color: #fff;
  padding: 1rem;
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(68,83,159,0.1);
  margin-bottom: 2rem;
}

@media (min-width:480px) {
  .additional-service {
    padding: 2rem;
    border-radius: 16px;
    margin-bottom: 4rem;
  }
}

@media (min-width:880px) {
  .additional-service {
    padding: 4rem;
  }
}

.additional-service__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid #f2f2f2;
  align-items: center;
  margin-bottom: 2.5rem;
}

.additional-service__title h3 {
  margin-bottom: 0;
}

.additional-service__pricing {
  background-color: #202024;
  border-radius: 4px;
  padding: .5rem 1rem;
  color: #fff;
}

.additional-service__price {
  font-size: .875rem;
  font-weight: 600;
}

.additional-service__price-info {
  font-size: .625rem;
  opacity: .75;
}

.additional-service__description {
  display: flex;
  flex-wrap: wrap;
}

.additional-service__features {
  width: 100%;
  margin-bottom: 2rem;
}

@media (min-width:720px) {
  .additional-service__features {
    width: 50%;
    margin-bottom: 0;
  }
}

.additional-service__illustration {
  width: 100%;
  display: flex;
}

@media (min-width:720px) {
  .additional-service__illustration {
    width: 50%;
  }
}

.additional-service__illustration img {
  width: 75%;
  align-self: center;
  margin: 0 auto;
}

@media (min-width:720px) {
  .additional-service__illustration img {
    margin: 0 0 0 auto;
  }
}

.additional-service__intro {
  margin-bottom: 2rem;
}

.additional-service__list {
  margin: 2rem 0;
}

.additional-service__list:last-child {
  margin-bottom: 0;
}

.additional-service__list li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1.5rem;
}

.additional-service__list li img {
  position: absolute;
  left: 0;
}

.startups-special-offer {
  padding: 2.5rem 2rem;
  background-color: #202024;
  color: #fff;
  display: flex;
  align-content: center;
  overflow: hidden;
  border-radius: 16px;
  flex-wrap: wrap;
}

@media (min-width:1000px) {
  .startups-special-offer {
    padding: 5rem 4rem;
  }
}

.startups-special-offer__left {
  width: 100%;
  margin-bottom: 6rem;
}

@media (min-width:1000px) {
  .startups-special-offer__left {
    width: 50%;
    margin-bottom: 0;
  }
}

.startups-special-offer__right {
  display: flex;
  position: relative;
  width: 100%;
}

@media (min-width:1000px) {
  .startups-special-offer__right {
    width: 50%;
  }
}

.startups-special-offer__label {
  background-color: #fcba63;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  border-radius: 4px;
  font-size: .875rem;
}

@media (min-width:480px) {
  .startups-special-offer__label {
    font-size: 1rem;
  }
}

@media (min-width:1000px) {
  .startups-special-offer__label {
    margin-bottom: 2rem;
  }
}

.startups-special-offer__title {
  color: #fff;
  font-size: 1.5rem;
}

@media (min-width:480px) {
  .startups-special-offer__title {
    font-size: 2.5rem;
  }
}

.startups-special-offer__plans {
  display: flex;
  margin: 2rem 0;
}

@media (min-width:1000px) {
  .startups-special-offer__plans {
    margin: 4rem 0;
  }
}

.startups-special-offer__plan {
  width: 96px;
  height: 96px;
  background-color: #2d2d31;
  margin-right: 1rem;
  text-align: center;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  border-radius: 8px;
}

@media (min-width:640px) {
  .startups-special-offer__plan {
    width: 136px;
    height: 136px;
  }
}

@media (min-width:880px) {
  .startups-special-offer__plan {
    margin-right: 2rem;
  }
}

.startups-special-offer__plan:last-child {
  margin-right: 0;
}

.startups-special-offer__plan-name {
  width: 100%;
  font-size: 1rem;
  font-weight: 600;
}

.startups-special-offer__plan-price {
  width: 100%;
  font-size: 1.5rem;
  font-weight: 600;
}

.startups-special-offer__list {
  margin: 2rem 0;
}

.startups-special-offer__list:last-child {
  margin-bottom: 0;
}

.startups-special-offer__list li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1.5rem;
}

.startups-special-offer__list li img {
  position: absolute;
  left: 0;
}

.startups-special-offer__testimonial {
  align-self: center;
  z-index: 1;
}

@media (min-width:1000px) {
  .startups-special-offer__testimonial {
    width: 60%;
    margin-left: auto;
  }
}

.startups-special-offer__quote {
  margin-bottom: 2.5rem;
}

.startups-special-offer__quotee {
  display: flex;
  align-content: center;
}

.startups-special-offer__photo {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-right: 16px;
  background-color: #fff;
  flex-shrink: 0;
  overflow: hidden;
}

.startups-special-offer__quotee-info {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

.startups-special-offer__quotee-name {
  font-weight: 600;
  width: 100%;
}

.startups-special-offer__quotee-position {
  font-size: .875rem;
  width: 100%;
}

.startups-special-offer__testimonial-background {
  position: absolute;
  background-color: #4364af;
  width: 140%;
  height: 170%;
  top: -60px;
  left: -48px;
  border-top-left-radius: 16px;
  transform: rotate(-5deg);
}

@media (min-width:480px) {
  .startups-special-offer__testimonial-background {
    height: 200%;
    top: -80px;
  }
}

@media (min-width:1000px) {
  .startups-special-offer__testimonial-background {
    width: 120%;
    height: 120%;
    top: 0;
    left: 120px;
  }
}

.plans-and-services__mini-heading {
  margin-bottom: 2rem;
}

.plans-and-services__plans {
  margin-bottom: 4rem;
}

@media (min-width:880px) {
  .plans-and-services__plans {
    margin-bottom: 8rem;
  }
}

.plans-and-services__plan {
  position: relative;
  overflow: hidden;
}

.plans-and-services__plan::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 32px;
  bottom: -16px;
  left: 0;
}

.plans-and-services__plan--starter a {
  color: #fcba63;
}

.plans-and-services__plan--starter::after {
  background-color: #fcba63;
}

.plans-and-services__plan--basic a {
  color: #47bb7f;
}

.plans-and-services__plan--basic::after {
  background-color: #47bb7f;
}

.plans-and-services__plan--professional a {
  color: #57b7df;
}

.plans-and-services__plan--professional::after {
  background-color: #57b7df;
}

.plans-and-services__plan--business a {
  color: #2b6190;
}

.plans-and-services__plan--business::after {
  background-color: #2b6190;
}

input[type="submit"], input[type="email"] {
  -webkit-appearance: none;
}

body.crm-training {
  overflow-x: visible !important;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 3rem;
}

.container {
  /*margin: 0 auto;*/
  max-width: 1170px;
  /*padding: 0 1.25rem;*/
  width: 100%;
}

.row {
  display: flex;
  padding: 0;
  /*width: 100%;*/
}

.row.row-wrap {
  flex-wrap: wrap;
}

.row--inner {
  margin: 0 -1rem;
}

.column {
  display: block;
  flex: 1 1 auto;
  max-width: 100%;
  width: 100%;
  padding: 0 1rem;
}

@media (min-width:880px) {
  .container {
    padding: 0 2rem;
  }
}

@media (min-width:880px) {
  .column {
    margin-bottom: inherit;
    padding: 0 1rem;
  }
}

@media (min-width:880px) {
  .column--1 {
    flex: 0 0 8.333%;
    max-width: 8.333%;
  }
}

@media (min-width:880px) {
  .column--2 {
    flex: 0 0 16.666%;
    max-width: 16.666%;
  }
}

@media (min-width:880px) {
  .column--3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width:880px) {
  .column--4 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

@media (min-width:880px) {
  .column--5 {
    flex: 0 0 41.666%;
    max-width: 41.666%;
  }
}

@media (min-width:880px) {
  .column--6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width:880px) {
  .column--7 {
    flex: 0 0 58.33333%;
    max-width: 58.3333%;
  }
}

@media (min-width:880px) {
  .column--8 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%;
  }
}

@media (min-width:880px) {
  .column--9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
}

@media (min-width:880px) {
  .column--10 {
    flex: 0 0 83.3333%;
    max-width: 83.3333%;
  }
}

@media (min-width:880px) {
  .column--11 {
    flex: 0 0 91.6666%;
    max-width: 91.6666%;
  }
}

@media (min-width:880px) {
  .column--12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#lektor-edit-link {
  display: none !important;
}

.no-scroll {
  overflow: hidden;
  height: 100vh !important;
}

.invisible {
  display: none !important;
}

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

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

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

.text--strikethrough {
  text-decoration: line-through;
}

.margin--t2 {
  margin-top: 1rem;
}

@media (min-width:880px) {
  .margin--t2 {
    margin-top: 2rem;
  }
}

.align--center {
  margin: 0 auto;
}

.pos--rel {
  position: relative;
}

.hide--mobile {
  display: none;
}

@media (min-width:880px) {
  .hide--mobile {
    display: block;
  }
}

html {
  font-size: 16px;
  line-height: 1.5;
}

body {
  font-family: 'Inter';
  color: #383843;
}

h1 {
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  letter-spacing: 0px;
}

@media (min-width:880px) {
  h1 {
    font-size: 3.5rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
  }
}

h1.h1--large {
  font-size: 2.5rem;
  line-height: 1.1;
}

@media (min-width:880px) {
  h1.h1--large {
    font-size: 4.5rem;
    line-height: 1.1;
  }
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 1rem;
  letter-spacing: -1px;
}

h2.smaller {
  font-size: 1rem;
  line-height: 1.25;
}

@media (min-width:880px) {
  h2.smaller {
    font-size: 2rem;
  }
}

@media (min-width:880px) {
  h2 {
    font-size: 1.5rem;
    line-height: 3.5rem;
    margin-bottom: 1.5rem;
  }
}

p {
  margin-bottom: .5rem;
  color: #383843;
  font-size: 16px;
}

.text--xlarge {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-bottom: .5rem;
}

@media (min-width:880px) {
  .text--xlarge {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}

.text--large {
  font-size: 1rem;
  margin-bottom: .5rem;
}

@media (min-width:880px) {
  .text--large {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.text--small {
  font-size: .875rem;
}

.text--xsmall {
  font-size: .8125rem;
}

.text--dark {
  color: #3e444e;
}

.text--blue {
  color: #4364af;
}

.text--underline {
  text-decoration: underline;
}

.text--semibold {
  font-weight: 600;
}

.announcement-banner {
  background-color: #202024;
  padding: 1rem 0;
  margin-top: 56px;
  font-size: .8125rem;
  text-align: center;
  color: #fff;
}

.announcement-banner a {
  color: #fff;
  text-decoration: underline;
}

.announcement-banner__message {
  display: block;
}

@media (min-width:550px) {
  .announcement-banner__message {
    display: inline;
  }
}

.header {
  position: relative;
  z-index: 2;
  background-color: #fff;
  padding: 1.5rem 0;
}

.header__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header .row {
  justify-content: space-between;
}

.navigation--primary {
  display: none;
  margin-left: 2.5rem;
  flex-grow: 1;
  position: relative;
}

.navigation--secondary {
  /*display: none;*/
  align-self: flex-end;
}

.navigation--mobile {
  display: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  padding: 2rem 2rem 3rem;
  overflow-y: scroll !important;
}

.navigation--mobile .link-group {
  margin-bottom: 2rem;
}

.navigation--mobile .dropdown__icon {
  width: 24px;
  height: 24px;
}

@media (min-width:480px) {
  .navigation--mobile .dropdown__icon {
    width: 40px;
    height: 40px;
  }
}

.navigation--mobile .dropdown__item {
  padding: .5rem 0;
  margin: .5rem 0;
}

.navigation--mobile .dropdown__description {
  display: none;
}

@media (min-width:480px) {
  .navigation--mobile .dropdown__description {
    display: block;
  }
}

.navigation--mobile .button {
  width: 100%;
  margin: 0 0 1rem 0;
}

@media (min-width:320px) {
  .navigation--mobile .button {
    width: auto;
    margin: 0 1rem 0 0;
  }
}

.navigation--mobile.on {
  display: block;
}

.navigation__link {
  display: inline-block;
  /*padding: 1rem .5rem;*/
  /*margin-right: 1.5rem;*/
  color: #3e444e;
  line-height: 1.5rem;
}

.navigation__basic-link {
  display: block;
  color: #3e444e;
  padding: .5rem 0;
  margin: .5rem 0;
}

.mobile-nav-trigger {
  width: 26px;
  height: 56px;
  border-radius: 4px;
  position: relative;
}

.mobile-nav-trigger::before {
  content: '';
  position: absolute;
  top: 22px;
  left: 0;
  width: 26px;
  height: 3px;
  background-color: #3e444e;
  border-radius: 2px;
}

.mobile-nav-trigger::after {
  content: '';
  position: absolute;
  top: 32px;
  left: 0;
  width: 20px;
  height: 3px;
  background-color: #3e444e;
  border-radius: 2px;
}

.mobile-nav-close {
  width: 26px;
  height: 56px;
  border-radius: 4px;
  position: absolute;
  right: 16px;
  top: 16px;
}

.mobile-nav-close::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 11px;
  width: 3px;
  height: 24px;
  background-color: #3e444e;
  border-radius: 2px;
  transform: rotate(45deg);
}

.mobile-nav-close::after {
  content: '';
  position: absolute;
  top: 16px;
  left: 11px;
  width: 3px;
  height: 24px;
  background-color: #3e444e;
  border-radius: 2px;
  transform: rotate(-45deg);
}

.dropdown {
  /*position: absolute;*/
  /*z-index: 9999;*/
  /*background-color: #fff;*/
  /*border-radius: 4px;*/
  /*box-shadow: 0 -2px 40px rgba(51,67,77,0.1),1px 1px 5px rgba(51,67,77,0.1),0 62px 124px rgba(51,67,77,0.2),0 38px 74px rgba(51,67,77,0.2);*/
  /*top: 56px;*/
}

.dropdown::before {
  content: '';
  position: absolute;
  background-color: tomato;
  background-color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transform: rotate(45deg);
  top: -8px;
  left: 100px;
  z-index: -1;
}

.dropdown__left, .dropdown__right {
  width: 50%;
  padding: 1rem 0;
}

.dropdown__right {
  border-left: 1px solid #ebebf2;
}

.dropdown__item {
  display: flex;
  padding: .5rem 2rem;
  cursor: pointer;
  /*transition: background .2s ease;*/
}

.dropdown__item:hover {
  background-color: #f5f5f8;
}

.dropdown__item:hover .product-menu__icon {
  background-color: #4364af;
}

.dropdown__item:hover + .dropdown__submenu {
  display: block;
}

.dropdown__icon {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 1rem;
}

.dropdown__title {
  font-weight: 600;
  color: #3e444e;
}

.dropdown__category {
  font-size: .625rem;
  color: #4364af;
  font-weight: 600;
  text-transform: uppercase;
}

.dropdown__description {
  font-size: .785rem;
}

.dropdown__submenu {
  display: none;
  height: 100%;
  position: absolute;
  left: 50%;
  width: 50%;
  top: 0;
  padding: 1rem 0;
  border-left: 1px solid #ebebf2;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
}

.dropdown__submenu:hover, .dropdown__submenu--default {
  display: block;
}

.dropdown--product {
  /*display: flex;*/
  display: none;
  width: 880px;
  left: -76px;
  /*height: 880px;*/
}

.dropdown--product.active {
  display: flex;
}

.dropdown--resources {
  display: flex;
  display: none;
  width: 670px;
  left: 230px;
}

.dropdown--resources .product-dropdown__right {
  border: 0;
}

.dropdown--resources.active {
  display: flex;
}

.dropdown--news {
  display: none;
  width: 330px;
  left: 365px;
  padding: 1rem 0;
}

.dropdown--news.active {
  display: block;
}

@media (min-width:920px) {
  .navigation--primary, .navigation--secondary {
    display: flex;
  }
}

@media (min-width:920px) {
  .navigation--mobile {
    display: none;
  }
}

@media (min-width:768px) {
  .mobile-nav-trigger {
    display: none;
  }
}

@media (min-width:1024px) {
  .navigation--primary {
    margin-left: 5rem;
  }
}

@media (min-width:1024px) {
  .navigation__link {
    margin-right: 2rem;
  }
}

.footer {
  position: relative;
  background-color: #1c1c1f;
  color: #fff;
  font-size: .9375rem;
}

.footer__top {
  padding: 2rem 0;
}

.footer__menus {
  width: 100%;
}

.footer__menu {
  max-width: 100%;
  margin-bottom: 2rem;
}

.footer__menu:last-child {
  margin-bottom: 0;
}

.footer__heading {
  color: #fff;
  margin-bottom: 1rem;
}

.footer__link {
  display: block;
  color: #fff;
  margin-bottom: .5rem;
  line-height: 1.5rem;
  opacity: .75;
  transition: opacity .5s;
}

.footer__link:hover {
  opacity: 1;
}

.footer__copyright {
  font-size: .6875rem;
  color: #becde7;
  color: #fff;
  opacity: .75;
  padding-left: 32px;
}

.footer__bottom {
  text-align: right;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.footer__bottom::after {
  content: '';
  position: absolute;
  background-color: #0d0d0e;
  width: 100%;
  height: 200%;
  top: 10px;
  right: 0;
  z-index: -1;
}

@media (min-width:880px) {
  .footer__bottom::after {
    top: 30px;
  }
}

.footer__social {
  z-index: 1000;
  padding: 2rem 0 1rem;
}

.footer__social-link {
  margin-left: 1rem;
  opacity: .75;
  transition: opacity .5;
}

.footer__social-link:hover {
  opacity: 1;
}

.footer::before {
  content: '';
  position: absolute;
  height: 50px;
  width: 100%;
  background-color: tomato;
  top: -24px;
  left: 0;
  z-index: 4;
  background-color: #1c1c1f;
}

@media (min-width:880px) {
  .footer::before {
    height: 80px;
    top: -50px;
  }
}

@media (min-width:28rem) {
  .footer__top {
    padding: 4rem 0;
  }
}

@media (min-width:28rem) {
  .footer__menus {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width:28rem) {
  .footer__menu {
    width: 50%;
  }
}

@media (min-width:28rem) {
  .footer__menu--company {
    width: 100%;
  }
}

@media (min-width:56rem) {
  .footer__menus {
    justify-content: space-between;
  }
}

@media (min-width:56rem) {
  .footer__menu {
    width: auto;
    max-width: 220px;
    margin-bottom: 0;
  }
}

@media (min-width:56rem) {
  .footer__menu--company {
    position: relative;
    top: -8px;
  }
}

@media (min-width:56rem) {
  .footer__heading {
    margin-bottom: 1.5rem;
  }
}

@media (min-width:56rem) {
  .footer__link {
    margin-bottom: 1rem;
  }
}

@media (min-width:56rem) {
  .footer__copyright {
    text-align: right;
    padding: 0;
  }
}

.button {
  position: relative;
  font-weight: 600;
  display: inline-block;
  border-radius: 4px;
  line-height: 1;
  transition: transform .3s ease-out;
  text-align: center;
  cursor: pointer;
}

.button:hover {
  transform: translate(0, 2px);
  color: white;
}

.button--regular {
  padding: 1.25rem;
}

.button--large {
  padding: 1.5rem;
}

.button--small {
  padding: 1rem;
  font-size: .875rem;
}

.button--primary {
  color: #fff;
  background-color: #4364af;
}

.button--secondary {
  color: #fff;
  background-color: #1c1c1f;
}

.button--white {
  color: #4364af;
  background-color: #fff;
  box-shadow: 0 8px 16px rgba(51,62,77,0.15);
}

.button--blkonwht {
  color: #3e444e;
}

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

.button--margin-top {
  margin-top: 2rem;
}

.button__icon--left {
  margin-right: .75rem;
  vertical-align: -3px;
}

.link--large {
  font-weight: 600;
  border-bottom: 4px solid;
  border-radius: 0;
  padding: .5rem 0;
  font-size: 1rem;
}

@media (min-width:880px) {
  .link--large {
    font-size: 1.25rem;
  }
}

.link--primary {
  color: #3e444e;
  border-color: #53BF21;
}

.link--light {
  color: #fff;
}

.link--dark {
  color: #3e444e;
  font-weight: 600;
}

.link--blue {
  color: #4364af;
}

.link--bold {
  font-weight: 600;
}

.link--inactive {
  color: #7b85a0;
  opacity: .5;
  cursor: default;
}

a:hover {
  color: #e62b1e;
  text-decoration: none;
}

.table--pricing .table td, .table th[scope=row] {
  font-weight: normal;
  width: 50%;
  color: #7b85a0;
}

.speaker_picture {
  text-align: center;
  border-radius: 12px;
}

@media (min-width: 576px) {
  .speaker_picture {
    text-align: right;
    /*width: 240px;*/
    /*border-radius: 12px;*/
    /*height: auto;*/
  }
}

.based-on-text {
  display: inline-block;
}

@media (min-width: 576px) {
  .speaker_tag_left {
    color: #e62b1e;
    font-size: 12px;
    font-family: 'Open Sans';
    padding: 3px;
    font-weight: 600;
  }
}

@media (min-width: 576px) {
  .speaker_tag_heading {
    background-color: #e62b1e;
    color: white;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 3px;
  }
}

.speaker_tag_left {
  color: #eb0028;
  font-size: 16px;
  padding: 3px;
  font-weight: 600;
  text-transform: uppercase;
}

.edition_tag_heading {
  background-color: #eb0028;
  color: white;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  padding: 1px;
  margin-top: 20px;
  margin-left: 5px;
  border-radius: 2px;
}

.speaker_tag_heading {
  background-color: #eb0028;
  color: white;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  padding: 3px;
  margin-top: 20px;
}

@media (min-width: 300px) {
  .speaker_job {
    color: white;
    margin-top: 20px;
  }
}

@media (min-width: 300px) {
  .speaker_job {
    color: white;
    margin-top: -25px;
  }
}

@media (min-width: 300px) {
  .speaker_speach_title {
    color: white;
    margin-top: 0px;
  }
}

.speaker_speach_title {
  color: white;
  font-size: 37px;
  margin-top: 14px;
  text-align: left!important;
  font-weight: 300!important;
}

.speaker_links_icons {
  margin-right: 7px;
  color: white;
}

.speaker_links {
  color: white;
  font-size: 12px;
  margin-right: 10px;
}

logo_partners {
  width: 150px;
}

.page-footer {
  background-color: #f3f3f2;
  padding-top: 50px;
  padding-bottom: 10px;
}

.page-footer h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}

.page-footer p {
  color: #888;
  font-size: 12px;
}

.page-footer .footer-links {
  list-style: none;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 45px;
  word-break: break-all;
}

.page-footer .footer-links a {
  color: #555;
  font-size: 16px;
  font-weight: 200;
}

.page-footer .footer-links li {
  margin-bottom: 5px;
  line-height: 1.3;
}

.page-footer .footer-legal .copyright {
  margin-right: 60px;
}

.page-footer .footer-legal .legal-links .item {
  padding-right: 11px;
  border-right: 1px solid #ccc;
  margin: 0;
  margin-right: 13px;
  font-weight: 600;
  color: #3e444e;
  font-size: 11px;
}

.page-footer .footer-legal .legal-links .item:last-child {
  border-right: none;
}

.page-footer .footer-legal .legal-links .item h5 {
  font-size: 11px;
  margin-top: 0;
  margin-bottom: 0;
}

.page-footer .region {
  margin-bottom: 20px;
}

.page-footer .region a {
  color: #555;
  font-size: 11px;
}

#Region {
}

.page-footer .region img {
  margin-right: 7px;
}

@media (min-width: 768px) {
  .page-footer .region {
    margin-bottom: 0;
  }
}

.page-footer.dark {
  color: #fff;
  background-color: black;
  /*opacity: 0.9;*/
}

.page-footer.dark a {
  color: #a1a1a6;
}

.navbar.navbar-dark.navbar-expand-md.fixed-top.bg-dark {
  background-color: #000!important;
  opacity: 0.8;
}

.table td, .table th {
}

.link--green {
  color: #53BF21;
}

.button--taschi {
  background-color: #172f41;
  color: white;
  border: 1px solid #007bff;
}

.hr_tag_left {
  border-top: 1px dashed #e62b1e;
}

.speaker_description {
}

.volunteer_profile {
  color: #333;
  font-family: Roboto Slab;
  /*font-style: italic;*/
  font-weight: 300;
  font-size: 1.375rem;
}

.vertical-tab {
  font-family: 'Noto Sans', sans-serif;
  display: table;
}

.social-icons {
  color: #313437;
  background-color: #fff;
  text-align: center;
  padding: 70px 0;
}

@media (max-width:767px) {
  .social-icons {
    padding: 50px 0;
  }
}

.social-icons i {
  font-size: 32px;
  display: inline-block;
  color: #757980;
  margin: 0 10px;
  width: 60px;
  height: 60px;
  border: 1px solid #c8ced7;
  text-align: center;
  border-radius: 50%;
  line-height: 60px;
}

.navigation-clean-button {
  background: #fff;
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #333;
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
}

@media (min-width:768px) {
  .navigation-clean-button {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.navigation-clean-button .navbar-brand {
  font-weight: bold;
  color: inherit;
}

.navigation-clean-button .navbar-brand:hover {
  color: #222;
}

.navigation-clean-button.navbar-dark .navbar-brand:hover {
  color: #f0f0f0;
}

.navigation-clean-button .navbar-brand img {
  height: 100%;
  display: inline-block;
  margin-right: 10px;
  width: auto;
}

.navigation-clean-button .navbar-toggler {
  border-color: #ddd;
}

.navigation-clean-button .navbar-toggler:hover, .navigation-clean-button .navbar-toggler:focus {
  background: none;
}

.navigation-clean-button.navbar-dark .navbar-toggler {
  border-color: #eb0026;
}

.navigation-clean-button .navbar-toggler {
  color: #888;
}

.navigation-clean-button.navbar-dark .navbar-toggler {
  color: #eb0026;
}

.navigation-clean-button.navbar-dark .navbar-collapse, .navigation-clean-button.navbar-dark .form-inline {
  border-top-color: #333;
}

.navigation-clean-button .navbar-nav a.active, .navigation-clean-button .navbar-nav > .show > a {
  background: none;
  box-shadow: none;
}

.navigation-clean-button.navbar-light .navbar-nav a.active, .navigation-clean-button.navbar-light .navbar-nav a.active:focus, .navigation-clean-button.navbar-light .navbar-nav a.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean-button.navbar .navbar-nav .nav-link {
  padding-left: 18px;
  padding-right: 18px;
}

.navigation-clean-button.navbar-light .navbar-nav .nav-link {
  color: #465765;
}

.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-light .navbar-nav .nav-link:hover {
  color: #e62b1e !important;
  background-color: transparent;
}

.navigation-clean-button .navbar-nav > li > .dropdown-menu {
  margin-top: -5px;
  box-shadow: 0 4px 8px rgba(0,0,0,.1);
  background-color: #fff;
  border-radius: 2px;
}

.navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item {
  line-height: 2;
  font-size: 14px;
  color: #37434d;
}

.navigation-clean-button .dropdown-menu .dropdown-item:focus, .navigation-clean-button .dropdown-menu .dropdown-item:hover {
  background: #eee;
  color: inherit;
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .show .dropdown-menu {
    box-shadow: none;
  }
}

@media (max-width:767px) {
  .navigation-clean-button .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #37434d;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 1;
  }
}

.navigation-clean-button.navbar-dark {
  background-color: #1f2021;
  color: #fff;
}

.navigation-clean-button.navbar-dark .navbar-nav a.active, .navigation-clean-button.navbar-dark .navbar-nav a.active:focus, .navigation-clean-button.navbar-dark .navbar-nav a.active:hover {
  color: #8f8f8f;
  box-shadow: none;
  background: none;
  pointer-events: none;
}

.navigation-clean-button.navbar-dark .navbar-nav .nav-link {
  color: #dfe8ee;
}

.navigation-clean-button.navbar-dark .navbar-nav .nav-link:focus, .navigation-clean-button.navbar-dark .navbar-nav .nav-link:hover {
  color: #fff !important;
  background-color: transparent;
}

.navigation-clean-button.navbar-dark .navbar-nav > li > .dropdown-menu {
  background-color: #1f2021;
}

.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item {
  color: #f2f5f8;
}

.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus, .navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:hover {
  background: #363739;
}

@media (max-width:767px) {
  .navigation-clean-button.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #fff;
  }
}

.navigation-clean-button .actions .login {
  margin-right: 1rem;
  text-decoration: none;
  color: #465765;
}

.navigation-clean-button.navbar-dark .actions .login {
  color: #dfe8ee;
}

.navigation-clean-button.navbar-dark .actions .login:hover {
  color: #fff;
}

.navigation-clean-button .navbar-text .action-button, .navigation-clean-button .navbar-text .action-button:active, .navigation-clean-button .navbar-text .action-button:hover {
  background: #56c6c6;
  border-radius: 20px;
  font-size: inherit;
  color: #fff;
  box-shadow: none;
  border: none;
  text-shadow: none;
  padding: .5rem 1rem;
  /*transition: background-color 0.25s;*/
  font-size: inherit;
}

.navigation-clean-button .navbar-text .action-button:hover {
  background: #66d7d7;
  transform: translate(0, 2px);
  color: white;
}

.navigation-clean-button.navbar-dark .action-button, .navigation-clean-button.navbar-dark .action-button:active {
  background: #208f8f;
}

.navigation-clean-button.navbar-dark .action-button:hover {
  background: #269d9d;
}

.dropdown > .dropdown-menu {
  top: 200%;
  /*transition: 0.3s all ease-in-out;*/
}

.dropdown:hover > .dropdown-menu {
  display: block;
  top: 100%;
}

.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}

#myCookieConsent {
  z-index: 999;
  min-height: 20px;
  font-family: OpenSans, arial, "sans-serif";
  padding: 10px 20px;
  background: rgba(0,0,0,0.6);
  overflow: hidden;
  position: fixed;
  color: #FFF;
  bottom: 0px;
  right: 10px;
  display: none;
  left: 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

#myCookieConsent div {
  padding: 5px 0 0;
}

#myCookieConsent a {
  color: #ffba55;
  display: inline-block;
  padding: 0 10px;
}

#myCookieConsent a:hover {
  color: #fda016;
}

#myCookieConsent a#cookieButton {
  display: inline-block;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 500;
  color: #000000;
  font-size: 0.875rem;
  background: #ffba55;
  text-decoration: none;
  cursor: pointer;
  padding: 2px 20px;
  float: right;
  border-radius: 20px;
}

#myCookieConsent a#cookieButton:hover {
  background: #fda016;
  color: #000;
}

*, *:before, *:after {
  box-sizing: inherit;
}

a {
  text-decoration: none;
  color: #7b85a0;
}

a:hover {
  /*color: #fff;*/
  /*text-decoration: none;*/
}

.section.background-edition {
  background-image: url(home/websitebackground.png);
  /*height: 100%;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.intro-discurs {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 27px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.icons-oferta {
  width: 20px;
  height: 20px;
}

.dark .navbar-toggler-icon {
  color: #ccc234;
}

.section__intro--left {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

.lista-voluntari {
  margin-top: 7px;
  margin-left: 7px;
  font-weight: 500;
  color: #3e444e;
  font-size: 16px;
}

heading_agenda .h1, h1 {
  size: 24;
}

.agenda-img {
  width: 114px;
  border-radius: 50%;
}

.agenda-time {
  font-size: 14px;
  font-family: Jura, sans-serif;
  color: #eb0028;
}

agenda-title {
  font-family: 'Open Sans', sans-serif;
  margin-top: 2px;
}

.agenda-title .h3, h3 {
  font-family: 'Open Sans', sans-serif;
  margin-top: 2px;
}

.agenda-text {
  font-family: 'Open Sans Condensed', sans-serif;
}

.agenda-sesion .h2, {
  font-size: 30px;
  font-family: Jura, sans-serif;
  color: #eb0028;
}

.editii-anterioare-img {
  height: 255px;
}

.zoom-img-speaker {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  position: absolute;
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  width: calc(100% - 0px);
}

@media (min-width: 576px) {
  .zoom-img-speaker {
    width: 100%;
    height: 100%;
    position: absolute;
  }
}

@media (max-width: 575.98px) {
  .home-img {
    width: 100%;
    height: auto;
    max-width: none;
  }
}

.home-img {
  width: 100%;
  max-width: 423px;
  height: 564px;
  overflow: hidden;
  position: relative;
  top: 0;
  /*right: 50%;*/
  transform: translate(0%, 0);
}

.zoom-img {
  width: 173px;
  height: 300px;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.landingpage-title {
  margin-top: 20px;
  text-align: left!important;
}

@media (max-width: 767.98px) {
  .landingpage-title {
    margin-top: 22px;
    text-align: center!important;
  }
}

.button-white {
  color: #000;
  border-style: solid;
  border-color: var(--bs-emphasis-color);
  border-radius: 28px;
  background-color: var(--bs-body-bg);
}

.button-white:hover {
  background-color: #eb0028;
  border-color: #eb0028;
  color: #fff;
}

.button-white {
  color: #000;
  border-style: solid;
  border-color: var(--bs-emphasis-color);
  border-radius: 28px;
  background-color: var(--bs-body-bg);
}

.zoom-img-circle {
  width: 298px;
  height: 114px;
  padding: 3px 3px 3px 3px;
  border-radius: 23px;
  overflow: hidden;
  position: relative;
  top: 39%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.zoom-img-circle-edition {
  width: 100%;
  height: 100%;
  position: absolute;
}

.circle-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-container img {
  /*position: absolute;*/
  /*top: 0;*/
  /*left: 0;*/
  /*width: 100%;*/
  /*height: 100%;*/
  /*object-fit: contain;*/
  /*display: block;*/
}

.image-container {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: 13px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.landingpage-button:hover {
  color: #e62b1e;
  transform: scale(1.05);
}

.list-group-item span {
  margin-right: 10px;
  color: #333;
}

.list-group-item a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #e8e8e8;
  color: #333;
  border-radius: 5px;
}

.team-without-images {
  text-align: center;
  margin-top: 40px;
  flex-wrap: wrap;
}

.names-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}

@media (max-width: 768px) {
  .names-wrapper {
    flex-direction: column;
    align-items: flex-start;
    font-size: 0.8rem;
    text-align: center;
  }
}

.navbar-collapse.show {
  background-color: #282830 !important;
  opacity: 1 !important;
  z-index: 1050 !important;
  position: absolute !important;
  top: 62px;
  left: 0;
  width: 100%;
  height: auto;
  overflow-y: auto;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.navbar-collapse {
  transition: none !important;
}

/* Elimină rombul alb */

.nav-item.dropdown::before, .nav-item.dropdown::after {
  display: none !important;
}

/* Personalizează săgeata pentru a o păstra */

.nav-item.dropdown .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  color: #fff;
}

.navbar-text.actions .btn {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
}

.navbar-nav .dropdown-item {
  color: #fff !important;
  background-color: #282830 !important;
}

.navbar-nav .dropdown-menu {
  background-color: #282830 !important;
  color: #fff !important;
  z-index: 1051;
}

.navbar-nav .nav-item {
  width: 100%;
  padding-left: 20px;
}

.navbar-nav .nav-item .nav-link {
  color: #fff !important;
  background-color: #282830 !important;
  opacity: 1 !important;
  padding: 10px 15px;
  text-align: left;
}

.laws {
  padding-top: 7px;
}

/* Stilul implicit pentru dispozitive mobile */

#speaker {
  background: black;
  opacity: 0.95;
}

.speaker {
  background: linear-gradient(to bottom, black 20%, #d6d6d6);
  opacity: 0.95;
}

/* Stilul pentru dispozitive desktop */

@media (min-width: 576px) {
  .speaker {
    background: linear-gradient(to right, black 40%, #d6d6d6);
    opacity: 0.95;
  }
}

.icon-circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: white;
}

.icon {
  color: #eb0028;
  width: 16px;
  height: 16px;
}

.icon-text {
  display: flex;
  align-items: center;
}

.icon-text p {
  margin: 0;
  margin-left: 0.5rem;
  color: #fff;
}

.landingpage.title {
  color: #000;
  font-size: 37px;
  font-weight: 300!important;
  margin-top: 50px;
}

/* Title */

.title {
  font-size: 6rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 400;
  color: #282830;
}

@media (max-width: 767.98px) {
  .title {
    font-size: 4rem;
  }
}

/* Header 1 */

.h1, .display-1 {
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 700;
}

@media (max-width: 767.98px) {
  .h1, .display-1 {
    font-size: 3rem;
  }
}

/* Header 2 */

.h2, .display-2 {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .h2, .display-2 {
    font-size: 2.5rem;
  }
}

/* Header 3 */

.h3, .display-3 {
  font-size: 2.25rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .h3, .display-3 {
    font-size: 2rem;
  }
}

/* Header 4 */

.h4, .display-4 {
  font-size: 2rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 400;
  color: #282830;
}

@media (max-width: 767.98px) {
  .h4, .display-4 {
    font-size: 1.75rem;
  }
}

/* Header 5 */

.h5 {
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 400;
  color: #282830;
}

@media (max-width: 767.98px) {
  .h5 {
    font-size: 1.25rem;
  }
}

/* Header 6 */

.h6 {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 600;
  color: #282830;
}

@media (max-width: 767.98px) {
  .h6 {
    font-size: 1rem;
  }
}

/* Quote */

.quote {
  font-size: 3.75rem;
  line-height: 1;
  letter-spacing: -0.055em;
  font-weight: 600;
}

@media (max-width: 767.98px) {
  .quote {
    font-size: 3rem;
  }
}

/* Body */

.body, body {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  color: #383843;
}

@media (max-width: 767.98px) {
  .body, body {
    font-size: 0.875rem;
  }
}

/* Button - red */

.button-red {
  color: #fff;
  background-color: #eb0028;
  border-color: #eb0028;
  border-radius: 28px;
}

.button-red:hover {
  color: #fff;
  background-color: #B81B00;
  border-color: #B81B00;
}

/* Subtitle 1 */

.subtitle1 {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0.088em;
  font-weight: 500;
  color: #282830;
}

@media (max-width: 767.98px) {
  .subtitle1 {
    font-size: 0.875rem;
  }
}

/* Subtitle 2 */

.subtitle2 {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: -0.022em;
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .subtitle2 {
    font-size: 0.75rem;
  }
}

/* Button */

.button, .btn {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 500;
  padding: 0.9375rem 1.875rem;
}

@media (max-width: 767.98px) {
  .button, .btn {
    font-size: 0.75rem;
  }
}

.pt-40-pb-40 .section {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.button-footer {
  color: var(--bs-body-bg);
  border-color: var(--bs-body-bg);
  border-radius: 28px;
}

.button-footer:hover {
  background-color: #B81B00;
  border-color: #B81B00;
  color: white;
}

.card-ticket {
  border-radius: 1rem;
  overflow: hidden;
  text-align: center;
  position: relative;
  background-color: #fff;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.card-ticket-info {
  overflow: hidden;
  position: relative;
  background-color: #fff;
  /*border: 1px solid #eb0028;*/
  margin-top: initial;
}

.card-header {
  padding: 1rem;
}

.card-content {
  padding: 1.3rem 2rem;
  flex: 1;
}

.card-footer {
  padding: 1rem;
  border-top: 1px solid #eb0028;
}

.btn-ticket {
  color: #fff;
  border-radius: 2rem;
  padding: 0.5rem 2rem;
  font-weight: bold;
}

.btn-standard {
  background-color: #fff;
  color: #000;
  border: 2px solid #eb0028;
}

.btn-standard:hover {
  background-color: #eb0028;
  color: #fff;
  border-color: #eb0028;
}

.btn-group {
  background-color: #eb0028;
  border-color: #eb0028;
}

.btn-vip {
  background-color: #5555ff;
  border-color: #5555ff;
}

.header-standard {
  color: #eb0028;
  text-align: left;
}

.header-group {
  color: #eb0028;
}

.header-vip {
  color: #5555ff;
}

.black-dot {
  width: 20px;
  height: 20px;
  background-color: #000;
  border-radius: 50%;
}

.speaker-img {
  width: 100%;
  border-radius: 50%;
}

.speaker-title {
  margin: 0;
  margin-left: 13px;
  font-size: 1rem;
  font-weight: bold;
}

@media (max-width: 400px) {
  .speaker-title {
    display: none;
  }
}

.speaker-hr {
  border: 0;
  height: 2px;
  background: linear-gradient(to right, #eb0028 45%, rgba(255, 255, 255, 0) 0%);
  background-size: 20px 2px;
  margin: 0;
  width: 100%;
}

.shuffle-container {
  padding: 20px 0;
}

.shuffle-item {
  padding: 0 15px;
  margin-bottom: 15px;
}

.shuffle-img-wrapper {
  overflow: hidden;
  border-radius: 10px;
}

.shuffle-img {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  transition: transform 0.3s ease;
}

.shuffle-img:hover {
  transform: scale(1.1);
}

.shuffle-info {
  margin-top: 11px;
  text-align: center;
}

.image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

@media (min-width: 768px) {
  .col-md-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  /*background: #fff;*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next {
  color: #999;
}

.swiper-button-prev {
  color: #999;
}

.swiper-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.swiper-container, .swiper-pagination {
  position: relative;
}

.swiper-pagination-bullet-active {
  background-color: #eb0026;
}

.navigation-container {
  position: relative;
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
}