body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #f5f5f5;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}

p {
  margin-bottom: 10px;
}

a {
  text-decoration: none;
}

.logo {
  float: left;
}

.body {
  border: 0 #fff;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  overflow: visible;
}

.body.formwrap {
  width: 1200px;
}

.navbar {
  width: 100%;
  height: 138px;
  background-color: rgba(0, 0, 0, 0);
  border-width: 1px;
  border-color: rgba(0, 0, 0, .1);
  border-bottom-style: solid;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-left: 41px;
  padding-right: 32px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.nav-link {
  float: none;
  color: #274b5e;
  text-align: center;
  text-transform: capitalize;
  border-left: 0 #525659;
  border-right: 0 #525659;
  flex: 0 auto;
  align-self: stretch;
  padding: 0;
  font-size: 20px;
  transition: color .5s;
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
}

.nav-link:hover {
  text-decoration: none;
  transform: translate(0);
}

.nav-link.w--current {
  color: #d76c3b;
}

.hero-section {
  display: none;
  position: static;
}

.header {
  height: 100%;
  border-top: 1px solid rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  align-items: center;
  display: flex;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.brand {
  flex: 1;
  align-items: stretch;
  margin-left: 30px;
  display: flex;
}

.brand:hover {
  text-decoration: none;
}

.all-h3-headings {
  float: none;
  color: #274b5e;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 24px;
  padding-left: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.apiantbutton {
  width: 100%;
  height: 50px;
  float: none;
  clear: left;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  background-color: #43aa8b;
  border: 0 rgba(51, 51, 51, .16);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  padding: 9px 15px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
  transition: background-color .5s;
  display: block;
  position: static;
  bottom: 0;
  right: 0;
  box-shadow: inset 0 0 1px 1px rgba(255, 250, 250, .34);
}

.apiantbutton:hover {
  box-shadow: none;
  background-image: linear-gradient(8deg, #d56b3a, #fc986b);
}

.apiantbutton.w--current {
  font-weight: 400;
}

.apiantbutton.trial-nav-bar {
  height: 34px;
  float: right;
  box-shadow: none;
  border: 1px solid rgba(51, 51, 51, .16);
  margin-top: 13px;
  margin-left: 12px;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 300;
}

.apiantbutton.trial-nav-bar:hover {
  background-color: #274b5e;
}

.apiantbutton.trial-nav-bar.w--current {
  background-color: #3c6e89;
  padding-top: 8px;
}

.apiantbutton.trial-nav-bar.w--current:hover {
  background-color: #274b5e;
}

.apiantbutton.plan-button {
  float: none;
  flex-direction: column;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.apiantbutton.plan-button:hover {
  color: #fff;
  background-color: #286090;
  background-image: none;
}

.apiantbutton.plan-button.planid-11000.button-type-current {
  cursor: not-allowed;
  background-color: #db504a;
}

.apiantbutton.plan-button.planid-11000.button-type-upgrade {
  background-color: #337ab7;
}

.apiantbutton.plan-button.planid-12000.button-type-current {
  cursor: not-allowed;
  background-color: #db504a;
}

.apiantbutton.plan-button.planid-13000.button-type-current {
  cursor: not-allowed;
  background-color: #db504a;
  background-image: none;
}

.apiantbutton.plan-button.planid-10010.button-type-current {
  cursor: not-allowed;
}

.apiantbutton.plan-button.planid-11010.button-type-current, .apiantbutton.plan-button.planid-12010.button-type-current, .apiantbutton.plan-button.planid-13010.button-type-current {
  cursor: not-allowed;
  background-color: #db504a;
}

.apiantbutton.plan-button.button-type-downgrade {
  box-shadow: none;
  color: #fff;
  text-shadow: none;
  background-color: #76797b;
}

.apiantbutton.plan-button.button-type-downgrade:hover, .apiantbutton.plan-button.button-type-downgrade.planid-10000.checkout {
  background-image: none;
}

.apiantbutton.plan-button.button-type-current {
  background-color: #44af69;
}

.apiantbutton.plan-button.button-type-current.planid-10000 {
  cursor: not-allowed;
}

.apiantbutton.plan-button.button-type-current.planid-14000 {
  cursor: not-allowed;
  background-color: #db504a;
}

.apiantbutton.plan-button.button-type-current.planid-15000, .apiantbutton.plan-button.button-type-current.planid-16000, .apiantbutton.plan-button.button-type-current.planid-17000 {
  cursor: not-allowed;
}

.apiantbutton.plan-button.button-type-current.planid-14010 {
  cursor: not-allowed;
  background-color: #db504a;
}

.apiantbutton.plan-button.button-type-current.planid-15010, .apiantbutton.plan-button.button-type-current.planid-16010, .apiantbutton.plan-button.button-type-current.planid-17010, .apiantbutton.plan-button.button-type-current.planid-20000, .apiantbutton.plan-button.button-type-current.planid-21000, .apiantbutton.plan-button.button-type-current.planid-22000, .apiantbutton.plan-button.button-type-current.planid-20010, .apiantbutton.plan-button.button-type-current.planid-21010, .apiantbutton.plan-button.button-type-current.planid-22010 {
  cursor: not-allowed;
}

.apiantbutton.plan-button.button-type-upgrade, .apiantbutton.plan-button.button-type-switch-billing {
  background-color: #337ab7;
}

.apiantbutton.plan-button.button-type-switch-billing:hover {
  background-color: #286090;
}

.apiantbutton.plan-button.button-type-switch-billing.planid-20000.checkout, .apiantbutton.plan-button.button-type-switch-billing.planid-21000.checkout, .apiantbutton.plan-button.button-type-switch-billing.planid-22000.checkout {
  display: block;
}

.apiantbutton.plan-button.button-type-switch-billing.planid-14100.checkout, .apiantbutton.plan-button.button-type-subscribe {
  background-color: #337ab7;
}

.apiantbutton.plan-button.button-type-subscribe:hover {
  background-color: #2b699e;
}

.apiantbutton.plan-button.signup {
  max-width: 380px;
  background-color: #d0021b;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.apiantbutton.plan-button.signup:hover {
  color: #fffdfd;
  background-color: #df001b;
  text-decoration: none;
}

.apiantbutton.plan-button.signup:focus {
  color: #fdfcfc;
}

.apiantbutton.plan-button.signup:visited {
  color: #fff;
}

.apiantbutton.contactus {
  height: 50px;
  color: #fff;
  background-color: #337ab7;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 18px;
  display: flex;
}

.apiantbutton.contactus:hover {
  background-color: #2b699e;
  background-image: none;
  text-decoration: none;
}

.apiantbutton.contactus.biggerbutton {
  width: 450px;
  min-width: 450px;
}

.nav-menu {
  height: 60px;
  float: right;
  text-align: left;
  flex-flow: row-reverse;
  align-content: center;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.pricing-section {
  height: auto;
  min-height: auto;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  font-weight: 100;
  display: flex;
}

.pricing-hero-section {
  height: 450px;
  background-image: linear-gradient(#fff, #e9edef);
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: static;
  top: -39px;
}

.pricing-hero-section.pricing-hero-manager {
  height: 450px;
  background-color: #e9edef;
  background-image: none;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  top: -39px;
}

.pricing-hero-section.jobs-hero-section {
  position: static;
}

.pricing-header-wrapper {
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 5px auto 12px;
  padding-top: 0;
  display: flex;
}

.h1-pricing-header {
  color: #000;
  margin: 8px auto 1px;
  padding-top: 11px;
  font-size: 32px;
  font-weight: 100;
  display: block;
}

.h1-pricing-header.devteam-header {
  width: 322px;
  padding-top: 0;
}

.plan-name {
  float: none;
  color: #fff1f1;
  text-align: center;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 32px;
  font-weight: 400;
}

.plan-name.plan-name-small {
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.plan-name.dedicated {
  font-size: 20px;
  font-weight: 300;
}

.plan-price {
  float: none;
  color: #525659;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 400;
  display: inline-block;
}

.plan-price.small-price {
  float: none;
  margin-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.plan-price.small-price.dollarsign {
  display: block;
}

.per-month {
  float: none;
  clear: left;
  color: #525659;
  text-align: center;
  margin-right: 7px;
  padding-left: 4px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: inline-block;
}

.per-month.small-per-month {
  float: none;
  margin-left: 4px;
  margin-right: 2px;
  padding-left: 0;
  font-size: 11px;
  font-weight: 400;
}

.plan-frame {
  width: 400px;
  height: 820px;
  min-height: auto;
  float: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 0;
  margin: 8px 2px;
  padding: 0;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 12px 16px -8px rgba(0, 0, 0, .2);
}

.plan-frame:hover {
  border-color: #d76c3b;
}

.plan-frame.plan-popular {
  float: none;
  background-color: #fff;
  margin-bottom: 50px;
}

.plan-frame.plan-popular:hover {
  background-color: rgba(215, 108, 59, .25);
  transform: translate(0);
}

.plan-frame.plan-frame-manager {
  width: 300px;
  height: auto;
}

.plan-header {
  height: 130px;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 100;
  display: flex;
}

.plan-header:hover {
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 100;
}

.plan-header.templates {
  text-align: center;
  background-color: rgba(81, 108, 121, .18);
  align-items: flex-start;
  margin: 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.plan-header.custom {
  background-color: rgba(218, 106, 61, .18);
}

.plan-header.tempplans {
  background-color: rgba(58, 101, 122, .25);
}

.plan-header.powerplan {
  background-color: #d0021b;
}

.plan-price-area {
  height: 270px;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 20px 10px;
  display: flex;
}

.plan-feature {
  float: left;
  clear: left;
  text-align: center;
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 300;
}

.planfeatures {
  height: 150px;
  color: #525659;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 20px;
  font-family: Roboto, sans-serif;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.feature-bold {
  float: none;
  font-weight: 600;
  display: inline;
}

.plan-footer {
  background-color: #fff;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: proxima-nova, sans-serif;
  display: block;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.separator-left {
  width: 100%;
  height: 1px;
  float: none;
  clear: none;
  text-align: left;
  background-image: radial-gradient(circle at 100% 100%, rgba(39, 75, 94, .54), #fff);
  margin: 80px 16px 80px auto;
  display: block;
}

.most-popular-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.separator-wrapper {
  background-color: #e9edef;
}

.next-plans-link {
  float: right;
  color: #274b5e;
  text-align: right;
  flex: 1;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.next-plans-link:hover {
  color: #d76c3b;
  border-bottom-color: #d76c3b;
  text-decoration: none;
}

.next-plans-link.w--current {
  float: none;
  color: #274b5e;
  text-decoration: none;
  display: block;
}

.previous-plans-link {
  float: left;
  color: #274b5e;
  border-bottom: 1px #c3c5c7;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  display: none;
}

.previous-plans-link:hover {
  color: #d76c3b;
  border-bottom-color: #d76c3b;
  text-decoration: none;
  display: none;
}

.previous-plans-link.w--current {
  float: none;
  color: #274b5e;
  text-decoration: none;
  display: block;
}

.plans-instructions {
  height: 30px;
  color: #274b5e;
  text-align: center;
  margin: 20px auto 25px;
  padding-left: 19px;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: block;
}

.templateplans {
  width: 1100px;
  max-width: 1100px;
  min-width: 1100px;
  float: none;
  text-align: center;
  border: 0 #000;
  margin: 9px auto;
  padding-left: 3px;
  padding-right: 3px;
  display: none;
  overflow: visible;
}

.customintegrationplans {
  width: 1100px;
  max-width: 1100px;
  min-width: 1100px;
  text-align: center;
  margin: 10px auto;
  display: none;
}

.plan-wrapper {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 21px;
  padding-bottom: 21px;
  display: block;
}

.column {
  text-align: center;
  border: 0 rgba(51, 51, 51, .23);
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.emphasis {
  color: #d76c3b;
  font-weight: 400;
}

.pricing-table-section {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 60px;
}

.pricing-table-section.dev-team-pricing-table-section {
  background-color: rgba(0, 0, 0, 0);
  margin-top: -41px;
  padding-top: 42px;
}

.pricing-table-wrapper {
  flex-direction: column;
  align-items: center;
  margin-bottom: 33px;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 35px;
  display: block;
}

.pricing-table-wrapper.dev-team-pricing-table {
  padding-top: 0;
}

.pricing-table-header-row {
  height: 72px;
  align-items: center;
  display: flex;
}

.pricing-table-header-row.automator-header-row {
  height: auto;
}

.pricing-table-header-row.integrator-table-header-row {
  width: 100%;
  height: 122px;
  justify-content: center;
  display: flex;
}

.pricing-table-header-row.manager-table-header-row {
  height: auto;
}

.table-header-wrapper {
  height: auto;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 19px 8px;
  display: flex;
}

.table-header-wrapper.templates {
  background-color: rgba(58, 101, 122, .18);
  border: 1px solid #fff;
}

.table-header-wrapper.custom {
  background-color: rgba(218, 106, 61, .18);
  border: 1px solid #fff;
}

.table-header-wrapper.notproduction {
  background-color: #efb8b7;
  border: 1px solid #fff;
}

.table-header-wrapper.production {
  height: auto;
  background-color: rgba(67, 170, 139, .56);
  border: 1px solid #fff;
}

.table-header-wrapper.tempplans {
  background-color: rgba(58, 101, 122, .25);
  border: 1px solid #fff;
}

.price-wrapper {
  width: 100%;
  text-align: center;
  padding-left: 11px;
  padding-right: 11px;
}

.price-row {
  width: 100%;
}

.price-row.hide-row {
  display: none;
}

.price-row.darkrow {
  background-color: #e2e2e2;
}

.price-row.orangerow {
  color: #fff;
  background-color: #da6a3d;
  border: 1px solid #fff;
}

.table-column {
  height: 60px;
  text-align: center;
  border-right: 1px solid #fff;
  justify-content: center;
  align-items: center;
  padding-top: 19px;
  padding-bottom: 14px;
  padding-right: 13px;
  display: flex;
}

.table-column.column-dark {
  height: 60px;
  text-align: left;
  column-count: 1;
  background-color: #e2e2e2;
  border: 1px solid #fbf0eb;
  padding: 19px 10px 14px;
  position: relative;
}

.table-column.column-dark.center-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-column.table-column-header {
  height: 114px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.table-column.column-freq {
  height: auto;
  text-align: center;
  padding-top: 0;
  padding-bottom: 0;
}

.table-column.center-cell {
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-column.notavailable {
  border-style: none none none solid;
  border-width: 1px;
  border-left-color: #fff;
  padding-left: 10px;
}

.table-column.production {
  background-color: #98cfbe;
}

.table-column.noproduction {
  background-color: #eeb8b8;
}

.table-column.grey {
  background-color: #e2e2e2;
}

.table-column.orangerow {
  border-style: none solid none none;
  border-width: 1px;
  border-top-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
  padding-left: 14px;
}

.table-column.spacer {
  display: block;
}

.table-feature {
  color: #274b5e;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.table-feature.table-feature-plan {
  margin-left: 38px;
}

.table-feature.plan-bold {
  font-weight: 600;
}

.table-feature.white {
  color: #fff;
}

.table-data {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 300;
  position: static;
}

.table-data.allrows {
  text-align: center;
}

.question-mark {
  float: none;
  clear: none;
  opacity: .4;
  color: #274b5e;
  padding: 4px 10px;
  font-family: Apiant;
  font-size: 15px;
  display: block;
  position: absolute;
  top: 17px;
  bottom: 0;
  right: 12px;
}

.table-cell {
  text-align: left;
  flex: 1;
}

.table-cell.price {
  display: none;
}

.link {
  float: none;
  clear: right;
  color: #274b5e;
  text-align: left;
  border-bottom: 1px solid #c3c5c7;
  margin-left: 17px;
  margin-right: 17px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.link:hover {
  border-bottom-color: #d76c3b;
  text-decoration: none;
}

.qa-section {
  height: auto;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 60px;
  display: none;
}

.next-plans-table {
  width: 100%;
  margin-top: 28px;
  display: block;
}

.cloud-plans-comparison-table {
  width: 100%;
  max-width: 1500px;
  margin-top: 28px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cloud-plans-comparison-table.dedicated {
  width: auto;
  min-width: 940px;
  margin: 23px auto 95px;
  padding-left: 24px;
  padding-right: 24px;
  display: block;
}

.section-heading-h3 {
  text-align: center;
  margin-bottom: 39px;
  font-weight: 400;
}

.faq-tabs-menu {
  text-align: left;
  padding-left: 40%;
}

.faq-tab-link {
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: -2px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 11px 0;
  font-size: 18px;
  display: inline-block;
  position: static;
}

.faq-tab-link.w--current {
  color: #d76c3b;
  background-color: rgba(0, 0, 0, 0);
  border-style: none none solid;
  border-bottom-width: 2px;
  border-bottom-color: #d76c3b;
  margin: 0 20px -2px;
  padding: 11px 0;
  display: inline-block;
  position: static;
}

.faq-tab-pane {
  border-top: 1px solid rgba(0, 0, 0, .12);
}

.separating-column {
  height: 1px;
  display: block;
  position: static;
}

.faq-question {
  font-size: 17px;
  font-weight: 700;
  display: inline-block;
}

.faq-question-column {
  margin-top: 43px;
}

.faq-question-div {
  padding-left: 43px;
}

.faq-answer {
  text-align: left;
  padding-right: 44px;
  font-size: 16px;
  font-weight: 300;
}

.hero {
  height: 100vh;
  min-height: 740px;
  flex-flow: column;
  align-content: space-between;
  justify-content: flex-start;
  align-items: stretch;
  font-family: proxima-nova, sans-serif;
  display: flex;
  position: relative;
}

.hero-flex-container {
  flex-flow: column wrap;
  flex: 1;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-flex-container.home-hero-flex {
  flex-wrap: nowrap;
  display: flex;
}

.hero-headline {
  color: #345;
  text-align: center;
  margin-top: 32px;
  margin-bottom: 14px;
  font-size: 30px;
  font-weight: 300;
}

.email-field {
  width: 100%;
  height: 45px;
  float: left;
  clear: none;
  background-color: #f1f4f5;
  border: 1px solid #274b5e;
  border-radius: 9px;
  flex: none;
  align-self: center;
  margin-top: 2px;
  padding-bottom: 9px;
  font-size: 20px;
  font-weight: 100;
  display: block;
}

.email-field:focus {
  border-color: #d76c3b;
}

.email-field.bottom-field {
  max-width: 600px;
}

.thank-you {
  color: #d76c3b;
  background-color: rgba(0, 0, 0, 0);
  font-size: 17px;
  font-weight: 300;
}

.hero-form {
  width: 560px;
  float: none;
  text-align: left;
  flex-flow: column;
  flex: 0 auto;
  align-content: space-around;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.hero-form.automatorfreetrial {
  width: 500px;
  text-align: center;
}

.hero-form.bottom-form-wrapper {
  width: 500px;
}

.form-wrapper {
  width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
}

.no-credit-card {
  color: rgba(39, 75, 94, .76);
  text-align: center;
  flex: 0 auto;
  align-self: center;
  font-size: 14px;
  font-style: italic;
  font-weight: 100;
  position: relative;
  top: -41px;
}

.no-credit-card.credit-card-light {
  color: rgba(178, 186, 192, .72);
}

.plan-box {
  width: 204px;
  height: 320px;
  background-color: #fff;
  border: 1px solid rgba(39, 75, 94, .64);
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
  transition: background-color .2s;
  display: flex;
  box-shadow: 2px 2px 9px rgba(51, 51, 51, .21);
}

.plan-box:hover {
  background-color: #fff;
}

.product-name-apiant {
  color: rgba(0, 0, 0, .73);
  margin-top: 13px;
  font-size: 17px;
  font-weight: 400;
}

.product-name {
  color: #d76c3b;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.product-users {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  background-image: linear-gradient(to top, #d76c3b, #fdb696);
  align-self: stretch;
  margin-top: 7px;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  font-weight: 400;
  transition: background-color .2s;
  box-shadow: inset 0 0 1px 1px rgba(255, 250, 250, .34);
}

.product-description {
  height: 60px;
  text-align: center;
  margin-top: 12px;
  margin-left: 18px;
  margin-right: 18px;
  font-size: 14px;
  font-weight: 300;
}

.starts-at {
  color: #274b5e;
  align-self: center;
  margin-top: 28px;
  margin-bottom: 6px;
  font-size: 18px;
  font-weight: 100;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-price {
  font-size: 30px;
}

.arrow-down {
  opacity: .7;
  text-align: left;
  flex: 0 auto;
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero-div {
  width: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(233, 237, 239, .56), rgba(233, 237, 239, .56)), url('../images/Apiant-Rainbow.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.connected-apps-flex-wrapper {
  flex-flow: wrap;
  align-content: space-around;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.subtitle {
  color: #525659;
  text-align: center;
  order: -1;
  align-self: stretch;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 300;
  display: block;
}

.app-icon {
  width: 80px;
  height: 80px;
  float: right;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  margin: auto 6px;
  text-decoration: none;
}

.more-apps-text {
  color: #525659;
  padding-right: 15px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.product-section {
  background-color: #fdf9f7;
}

.product-section.manager-section {
  background-color: #f1f4f5;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.product-section.manager-section.coming-soon {
  display: none;
}

.product-section.automator-section {
  background-color: #fff;
  flex-flow: column;
  align-content: space-between;
  align-items: stretch;
  padding-top: 20px;
  display: block;
}

.product-section.integrator-section {
  background-color: #ededed;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.product-section.apiant-ops-section {
  background-color: #f1f4f5;
}

.product-section.tos-section {
  background-color: #fff;
  padding-top: 46px;
}

.product-title-flex {
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 0;
  display: flex;
}

.product-logo {
  margin-top: 22px;
  margin-bottom: 22px;
}

.footer {
  width: 100%;
  height: 400px;
  background-color: #dae0e4;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: auto;
  padding-top: 90px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
}

.product-name-big {
  color: #274b5e;
  font-size: 36px;
  font-weight: 300;
}

.product-title-big {
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 36px;
  font-weight: 100;
}

.product-title-big.tos-title {
  color: #525659;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 600;
}

.product-subtitle {
  color: #274b5e;
  text-align: center;
  flex: 0 auto;
  margin-top: 21px;
  margin-bottom: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.product-subtitle.subinbox {
  float: none;
  text-align: center;
  flex: 0 auto;
  align-self: stretch;
  margin-top: 9px;
  font-size: 14px;
}

.product-subtitle.product-page {
  margin-top: 0;
  font-size: 20px;
}

.product-slogan {
  width: 100%;
  color: #525659;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 28px;
  font-size: 24px;
  font-weight: 700;
}

.link-plan-box {
  color: #525659;
  flex: 0 auto;
  margin: 22px 14px;
  text-decoration: none;
  transition: top .3s, right .3s;
}

.link-plan-box:hover {
  transform: translate(2px, -2px);
}

.link-plan-box.coming-soon {
  display: none;
}

.section-headline {
  max-width: 580px;
  color: #274b5e;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 37px;
}

.section-headline.or {
  margin-bottom: 0;
  padding-top: 0;
}

.product-page-content-1 {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-end;
  display: block;
}

.homepage-button {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  background-image: linear-gradient(to top, #d76c3b, #fdc1a5);
  border: 1px solid rgba(95, 47, 25, .67);
  border-radius: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px 20px 10px;
  font-size: 18px;
  font-weight: 300;
  transition: background-color .5s;
  box-shadow: inset 0 0 1px 1px rgba(255, 250, 250, .34);
}

.homepage-button:hover {
  background-color: #274b5e;
  background-image: linear-gradient(to top, #d56b3a, #fc986b);
}

.homepage-button.button-type-upgrade {
  margin-bottom: 32px;
}

.homepage-button.button-type-downgrade {
  background-color: #727578;
}

.homepage-button.button-type-current {
  background-color: #d76c3b;
}

.homepage-button.button-type-current.planid-30000, .homepage-button.button-type-current.planid-30010 {
  cursor: not-allowed;
}

.homepage-button.button-type-switch-billing.planid-30000.checkout {
  display: inline-block;
}

.homepage-button.button-type-trial {
  background-color: #3c6e89;
  background-image: linear-gradient(to top, #d76c3b, #fdc1a5);
  border-width: 1px;
  border-color: rgba(51, 51, 51, .16);
  margin-bottom: 32px;
  font-weight: 400;
}

.homepage-button.button-type-trial:hover {
  background-color: #274b5e;
  background-image: linear-gradient(to top, #d56b3a, #fc986b);
}

.homepage-button.button-type-subscribe {
  margin-bottom: 32px;
}

.homepage-button.button-type-subscribe.planid-10000 {
  margin-top: auto;
  margin-bottom: 15px;
  display: inline-block;
}

.homepage-button.back-button {
  width: 85px;
  box-shadow: 0 7px 18px -5px #525659, 0 7px 18px -5px #525659;
}

.plan-price-starts {
  float: right;
  text-align: right;
  text-indent: 0;
  border-style: none;
  border-top-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  font-size: 20px;
  line-height: 23px;
  display: inline-block;
}

.plan-price-starts:hover {
  text-indent: 0;
  font-weight: 300;
  text-decoration: none;
}

.plan-starts-price {
  font-size: 36px;
  text-decoration: none;
}

.product-plan-description {
  width: 100%;
  max-width: 640px;
  color: #525659;
  text-align: left;
  align-self: flex-end;
  margin-top: 16px;
  margin-bottom: 44px;
  font-size: 15px;
  font-weight: 300;
  line-height: 28px;
}

.product-plan-description.description-left {
  max-width: 480px;
  align-self: flex-start;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.product-plan-description.description-right {
  text-align: right;
}

.screen-grab-right {
  max-width: 902px;
  float: left;
  margin-bottom: 9px;
  overflow: hidden;
}

.column-right {
  text-align: right;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 2px;
  display: flex;
  overflow: hidden;
}

.column-right.graphic-column {
  align-items: center;
  padding-top: 43px;
}

.testimonial-block {
  width: 281px;
  text-align: center;
  background-color: #eaedef;
  background-image: url('../images/openquotes_2openquotes.png');
  background-position: 50% 37px;
  background-repeat: no-repeat;
  background-size: 50px;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  margin-left: 50px;
  padding: 0 20px;
  display: flex;
}

.testimonial-block.right-block {
  float: right;
  background-color: #dce0e1;
  margin-right: 50px;
}

.testimonial-block.gibson-testimonial {
  background-color: #dcd8d8;
}

.testimonial-block.orange-block {
  background-color: #eaedef;
  background-image: url('../images/openquotes_2openquotes.png');
  background-position: 50% 37px;
  background-repeat: no-repeat;
  background-size: 50px;
}

.quotation-mark {
  color: #d76c3b;
  text-align: center;
  font-family: IM Fell French Canon;
  font-size: 135px;
  font-weight: 400;
}

.testimonial-paragraph {
  color: #525659;
  text-align: left;
  margin-top: 66px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.testimonial-name {
  color: #525659;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.testimonial-company {
  color: #525659;
  text-align: center;
  margin-bottom: 19px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 100;
}

.testimonial-arrow-left {
  position: relative;
  top: -35px;
  right: -43px;
}

.testimonial-arrow-left.testimonial-right-arrow {
  top: -34px;
  right: -144px;
}

.testimonial-flex-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: -42px;
  left: 0;
  right: 0;
}

.section-heading {
  color: #274b5e;
  text-align: center;
  flex-direction: row;
  flex: 0 auto;
  align-self: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: 40px;
  padding-left: 6px;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 400;
  display: inline-block;
}

.features-flex-wrapper {
  max-width: 1200px;
  flex-flow: wrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-bottom: 120px;
  display: flex;
}

.features-flex-wrapper.manager-features {
  max-width: 1152px;
  align-items: flex-start;
}

.column-text {
  padding-left: 100px;
  padding-right: 50px;
  overflow: hidden;
}

.feature-block {
  min-height: 250px;
  cursor: default;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin: 40px 24px;
  text-decoration: none;
  display: flex;
}

.feature-block:hover {
  text-decoration: none;
}

.feature-block.only-block {
  height: 250px;
  flex-basis: 100%;
  align-self: flex-start;
}

.feature-name {
  max-width: 190px;
  color: #274b5e;
  text-align: center;
  flex: 0 auto;
  align-self: flex-start;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}

.feature-description {
  width: 250px;
  color: #525659;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
}

.feature-image-wrapper {
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  min-width: 150px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.annotation {
  font-size: 11px;
}

.feature-name-wrapper {
  min-height: 48px;
  flex-flow: row;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 6px;
  display: flex;
}

.column-left-screen-grab {
  padding-top: 50px;
  padding-right: 1px;
  overflow: hidden;
}

.column-right-text {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 10px;
  padding-right: 100px;
  display: block;
  position: static;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.testimonial-photo {
  padding-top: 12px;
  padding-bottom: 12px;
}

.more-features {
  color: #274b5e;
  text-align: center;
  flex-shrink: 1;
  flex-basis: 100%;
  padding-top: 49px;
  padding-bottom: 49px;
  font-size: 20px;
  font-weight: 300;
}

.try-apiant-section {
  height: 426px;
  background-color: #274b5e;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.try-apiant-wrapper {
  margin-top: auto;
  margin-bottom: auto;
}

.try-apiant-wrapper.form-bottom {
  width: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.try-apiant-free {
  color: #e9edef;
  text-align: center;
  padding-bottom: 14px;
  font-size: 32px;
  font-weight: 100;
}

.company-info {
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-style: normal;
  line-height: 19px;
  display: flex;
}

.footer-category {
  color: #525659;
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}

.footer-link {
  color: #274b5e;
  border-bottom: 0 solid #c3c5c7;
  padding-bottom: 2px;
  font-weight: 300;
  text-decoration: none;
  transition: color .5s;
}

.footer-link:hover {
  color: #d76c3b;
  border-style: none;
  border-bottom-color: #d76c3b;
}

.footer-link.coming-soon, .footer-link.hidethis {
  display: none;
}

.footer-list-flex {
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.endpoints-row {
  max-width: 2400px;
  align-self: stretch;
  margin: 0 auto 24px;
  display: block;
  position: static;
  overflow: hidden;
}

.endpoints-row.available-endpoints, .endpoints-row.request-endpoints {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.main-menu-drop-down-list {
  float: left;
}

.main-menu-drop-down-list.w--open {
  color: #fff;
  background-color: #274b5e;
  margin-top: 60px;
  margin-bottom: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-link-sub {
  color: #e9edef;
  background-color: rgba(0, 0, 0, 0);
  font-size: 13px;
  transition: color .5s;
  display: block;
}

.nav-link-sub:hover {
  color: #d76c3b;
}

.nav-link-sub.w--current {
  color: #d76c3b;
  display: none;
}

.nav-link-sub.coming-soon, .nav-link-sub.coming-soon.w--current {
  display: none;
}

.nav-scroll {
  z-index: 9999;
  background-color: #f5f5f5;
  border: 0 solid rgba(0, 0, 0, .3);
  border-bottom-width: 1px;
  padding-right: 32px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.medium-link {
  color: #274b5e;
  border-bottom: 1px solid #c3c5c7;
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  text-decoration: none;
  transition: color .5s;
  display: flex;
}

.medium-link:hover {
  border-bottom-style: solid;
  border-bottom-color: #d76c3b;
}

.small-button {
  width: 100%;
  height: auto;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  background-color: #337ab7;
  border: 1px rgba(51, 51, 51, .16);
  justify-content: center;
  align-items: center;
  margin: 16px auto;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .5s;
  display: block;
  box-shadow: inset 0 0 1px 1px rgba(255, 250, 250, .34);
}

.small-button:hover {
  color: #fff;
  background-color: #286090;
  text-decoration: none;
}

.small-button.button-type-downgrade {
  color: #525659;
  background-color: #c3c9cd;
}

.small-button.button-type-downgrade.planid-13010 {
  display: inline-block;
}

.small-button.button-type-current {
  background-color: #44af69;
}

.small-button.button-type-current.planid-10000 {
  cursor: not-allowed;
  background-color: #44af69;
}

.small-button.button-type-current.planid-11000, .small-button.button-type-current.planid-12000, .small-button.button-type-current.planid-13000, .small-button.button-type-current.planid-14000, .small-button.button-type-current.planid-15000, .small-button.button-type-current.planid-16000, .small-button.button-type-current.planid-17000, .small-button.button-type-current.planid-10010, .small-button.button-type-current.planid-11010, .small-button.button-type-current.planid-12010, .small-button.button-type-current.planid-13010, .small-button.button-type-current.planid-14010, .small-button.button-type-current.planid-15010, .small-button.button-type-current.planid-16010, .small-button.button-type-current.planid-17010, .small-button.button-type-current.planid-21000, .small-button.button-type-current.planid-22000, .small-button.button-type-current.planid-20010, .small-button.button-type-current.planid-21010, .small-button.button-type-current.planid-22010, .small-button.button-type-current.planid-20000 {
  cursor: not-allowed;
}

.small-button.button-type-switch-billing.planid-10000.checkout {
  display: block;
}

.small-button.button-type-switch-billing.planid-20000.checkout, .small-button.button-type-switch-billing.planid-21000.checkout, .small-button.button-type-switch-billing.planid-22000.checkout {
  display: none;
}

.small-button.planid-11000.checkout:hover {
  color: #fff;
}

.small-button.signup {
  background-color: #cd5334;
  margin-top: 16px;
  margin-bottom: 16px;
  text-decoration: none;
}

.small-button.signup:hover {
  color: #fff;
}

.app_icon {
  float: right;
  opacity: 1;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s, width .2s, height .2s;
  position: static;
}

.app_icon:hover {
  opacity: 1;
  transform: scale(1.1);
}

.app_icon.hero-app-icon {
  height: 60px;
}

.connected-apps-div {
  height: 143px;
  background-color: #e9edef;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  padding: 6px 24px 4px;
  display: block;
}

.product-list-section {
  background-color: #f5f5f5;
  flex-flow: column;
  align-content: space-around;
  justify-content: center;
  align-items: center;
  padding: 44px 38px;
  display: flex;
}

.scroll-arrow {
  align-self: center;
  margin-bottom: 4px;
  padding-bottom: 0;
  display: block;
  position: relative;
  top: -28px;
}

.product-list-title-text {
  width: 100%;
  color: #525659;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 37px;
  font-size: 26px;
  font-weight: 100;
  line-height: 28px;
}

.mngr-infographic {
  max-width: 673px;
  float: right;
}

.assemblyeditor-screen-grab {
  max-width: 890px;
  float: right;
  overflow: hidden;
}

.devteam-graphic {
  max-width: 856px;
  float: right;
}

.right-column-text-content-wrapper {
  max-width: 648px;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.left-column-text-content-wrapper {
  float: right;
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.apiant-hero-icon {
  flex: 0 auto;
  margin-top: 4px;
  margin-bottom: 20px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.testimonials-slider {
  height: 210px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 2px;
  display: block;
}

.testimonial-text {
  max-width: 900px;
  color: #284e63;
  text-align: center;
  background-color: rgba(251, 240, 235, .4);
  background-image: url('../images/openquotes_1.png');
  background-position: 9px 9px;
  background-repeat: no-repeat;
  background-size: 86px;
  background-attachment: scroll;
  border-radius: 18px;
  margin: auto;
  padding: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 100;
  line-height: 31px;
  display: block;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.customer {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.apiant {
  color: #0b161b;
  font-weight: 100;
}

.div-buffer {
  height: 225px;
  display: none;
}

.slides {
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 2px auto;
  display: inline-block;
  position: static;
  overflow: hidden;
}

.slide-nav {
  opacity: .58;
  display: inline;
}

.apps-section {
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

.products-div {
  width: 100%;
  max-width: 1209px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: space-around;
  align-self: center;
  display: flex;
}

.customer-link {
  color: #274b5e;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
}

.customer-link:hover {
  color: #d76c3b;
  text-decoration: none;
}

.products-navbar {
  z-index: 1;
  width: auto;
  background-color: rgba(0, 0, 0, 0);
  display: block;
}

.product-navlink {
  opacity: .7;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, .16);
  background-image: linear-gradient(to top, rgba(39, 75, 94, .66), rgba(39, 75, 94, .26));
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-right: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  transition: background-color .5s, color .5s;
  box-shadow: inset 0 0 1px 1px rgba(255, 250, 250, .34);
}

.product-navlink:hover {
  color: #e9edef;
  background-image: linear-gradient(to top, #d56b3a, #fc986b);
}

.product-navlink:active {
  color: #d76c3b;
}

.product-navlink.w--current {
  opacity: 1;
  color: #e9edef;
  background-image: linear-gradient(to top, #d76c3b, #fdb696);
  border-radius: 0 0 5px 5px;
  margin-left: 2px;
  margin-right: 2px;
  bottom: 0;
}

.product-navlink.coming-soon {
  display: none;
}

.product-nav-div {
  text-align: left;
  justify-content: center;
  display: flex;
}

.product-navbar-scroll {
  background-color: rgba(0, 0, 0, 0);
  display: block;
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
}

.pricing-hero-div1 {
  height: 83%;
  display: block;
  position: relative;
  top: -395px;
}

.pricing-hero-div2 {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.pricing-hero-div2.hero-pricing-manager {
  height: 100%;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  display: block;
}

.pricing-hero-div2.hero-catalog {
  justify-content: space-between;
  align-items: center;
  margin-top: -36px;
}

.pricing-hero-div2.devteam-hero {
  justify-content: flex-start;
  padding-top: 56px;
  padding-bottom: 56px;
}

.product-pricing-slogan {
  color: #274b5e;
  text-align: center;
  align-self: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
}

.product-pricing-slogan.catalog-slogan {
  margin-top: 14px;
}

.product-pricing-slogan.slogan-dev {
  margin-top: 12px;
}

.pricing-product-name {
  color: #274b5e;
  font-weight: 300;
}

.product-pricing-logo {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.product-icon-link {
  align-self: center;
  margin: 10px auto;
}

.product-icon-link.pricing-product-icon-dev-team {
  opacity: .79;
}

.manager-plans {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.manager-plan-users {
  text-align: center;
  margin-top: 12px;
  font-size: 17px;
  font-weight: 300;
  display: block;
}

.users-bold {
  font-weight: 400;
}

.table-header-plan-users {
  text-align: center;
}

.bold {
  font-weight: 600;
}

.per-columns {
  height: 100%;
}

.per-row {
  height: 0;
}

.per-header-label {
  color: #525659;
  text-align: center;
  margin-top: 13px;
  font-weight: 600;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.data-row {
  margin-top: auto;
  margin-bottom: auto;
}

.product-link {
  color: #274b5e;
  font-weight: 300;
  text-decoration: none;
  transition: color .3s;
}

.product-link:hover {
  color: #d76c3b;
}

.hero-background-automator {
  height: 450px;
  background-image: linear-gradient(rgba(233, 237, 239, .56), rgba(233, 237, 239, .56)), url('../images/czvthlrnlnq-will-van-wingerden.jpg');
  background-position: 0 0, 50% 64%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex: 1;
  align-items: flex-end;
  display: block;
}

.hero-background-automator.catalog-background {
  background-image: linear-gradient(rgba(233, 237, 239, .56), rgba(233, 237, 239, .56)), url('../images/Clouds-Web.jpg');
  background-position: 0 0, 50% 64%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  margin-top: 38px;
}

.hero-background-manager {
  height: 450px;
  background-image: linear-gradient(rgba(233, 237, 239, .53), rgba(233, 237, 239, .53)), url('../images/gy5pgc6v278-ben-duchac-web.jpg');
  background-position: 0 0, 50% 88%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-background-integrator {
  height: 450px;
  background-image: linear-gradient(rgba(233, 237, 239, .56), rgba(233, 237, 239, .56)), url('../images/ixp4yhckzki-steve-carter-web.jpg');
  background-position: 0 0, 50% 95%;
  background-size: auto, cover;
}

.hero-background-dev-team {
  height: 450px;
  background-image: linear-gradient(rgba(233, 237, 239, .81), rgba(233, 237, 239, .81)), url('../images/90fzfxfeejo-tim-gouw.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.pricing-product-icon, .pricing-product-icon.apiantcube {
  opacity: 1;
}

.integrator-price {
  color: #525659;
  text-align: center;
  font-size: 42px;
  font-weight: 100;
}

.integrator-cost {
  text-align: center;
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 300;
}

.dev-tem-link-small {
  color: #274b5e;
  text-decoration: none;
}

.dev-tem-link-small:hover {
  color: #d76c3b;
}

.signup-integrator-button-wrapper {
  text-align: center;
  margin-bottom: 44px;
  margin-left: auto;
  margin-right: auto;
}

.cost-of-plan-client-link {
  color: #274b5e;
  text-decoration: none;
  transition: color .2s;
}

.cost-of-plan-client-link:hover {
  color: #d76c3b;
}

.integrator-cost-div {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.dev-team-pricing-table {
  width: 500px;
  border: 0 solid #525659;
  margin-left: auto;
  margin-right: auto;
}

.plus {
  margin-left: 4px;
  margin-right: 4px;
  font-size: 22px;
  display: inline-block;
}

.dev-team-plan-cost {
  margin-left: 14px;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
}

.dev-team-header-column {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.subheading {
  font-size: 14px;
}

.manager-plans-table {
  width: 100%;
}

.contact-us-button-wrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.plan-link-wrapper {
  justify-content: space-between;
  display: flex;
}

.new-visitor {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1px;
  display: flex;
  position: static;
  top: 31px;
  bottom: 0;
  right: 0;
}

.trial-visitor {
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 1px;
  display: none;
}

.subscribed-visitor {
  align-self: stretch;
  margin-top: 1px;
  display: none;
}

.yearlyplans {
  height: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.monthlyplans {
  display: none;
}

.header-column {
  text-align: center;
  flex: 0 auto;
  align-self: flex-start;
}

.billing-cycle-button-wrapper {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: 25px;
  margin-bottom: 0;
  display: flex;
}

.monthly-plan-button {
  width: 200px;
  height: 50px;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #333;
  flex-direction: column;
  justify-content: center;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 300;
  display: flex;
}

.button-subheading {
  color: #274b5e;
  margin-top: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.yearly-plan-button {
  width: 192px;
  height: 50px;
  color: #333;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #333;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 300;
  display: flex;
}

.yearly-plan-link, .monthly-plan-link {
  height: 72px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
}

.payment-freq {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 300;
}

.cloud-plans {
  flex-direction: column;
  align-items: center;
  margin-top: 17px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.form-error {
  color: #f5f5f5;
  background-color: #274b5e;
}

.form-submit-button {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/happy_submit.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 27px;
  align-self: flex-end;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: -51px;
  left: 0;
}

.form-submit-button.hero-button-app-search {
  right: 5px;
}

.highlight-text {
  color: #d76c3b;
}

.thank-you-message {
  color: #274b5e;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 35px;
  display: flex;
}

.thank-you-text {
  flex: none;
  margin-top: 15%;
  margin-bottom: 50%;
  font-size: 22px;
}

.terrific {
  font-size: 32px;
  font-weight: 400;
}

.note {
  padding-left: 4px;
  padding-right: 7px;
  font-size: 15px;
  position: relative;
  top: -6px;
}

.small-link {
  color: #274b5e;
  text-decoration: underline;
}

.innerbutton-subheading {
  line-height: 33px;
}

.full-page {
  height: 100vh;
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.full-page.verified {
  background-image: url('../images/marvin-tolentino-680075-unsplash.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  top: 95%;
}

.inspirational-quote {
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  margin-left: 22px;
  margin-right: 22px;
  font-family: proxima-nova, sans-serif;
  font-size: 23px;
  font-weight: 100;
}

.author {
  float: right;
  font-size: 19px;
  line-height: 40px;
}

.background {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/Desert_Web.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.nav-backgound {
  height: 64px;
  background-image: linear-gradient(rgba(233, 237, 239, .56), rgba(233, 237, 239, .56));
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.apiant-logo {
  margin-bottom: 34px;
}

.question-mark {
  z-index: 999;
  position: absolute;
}

.question {
  z-index: 99999;
  opacity: .18;
  color: #57615d;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 6px;
  margin-left: 10px;
  margin-right: 6px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.check {
  opacity: .7;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: static;
}

.cross {
  opacity: .4;
}

.connections-catalog-section {
  background-color: rgba(0, 0, 0, 0);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 46px 22px 0;
  display: flex;
  position: static;
}

.catalog-row {
  width: 800px;
  max-width: 800px;
  flex-direction: row;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.catalog-app-name {
  color: #274b5e;
  border-bottom-style: none;
  border-bottom-width: 0;
  margin-top: -3px;
  margin-bottom: 0;
  font-size: 23px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
  display: inline-block;
}

.catalog-app-name:hover {
  color: #d76c3b;
  border-bottom: 0 #000;
  text-decoration: none;
}

.catalog-app-name.font {
  color: #274b5e;
  border-style: none;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  transition: color .2s;
}

.catalog-app-name.font:hover {
  color: #d76c3b;
  border-color: #d76c3b;
  text-decoration: none;
}

.catalog-app-description {
  color: #525659;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.custom-code {
  display: block;
}

.app-icon-wrapper {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: 43px;
  margin-bottom: 3px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.connection-header-icon {
  height: 100px;
  max-height: 100px;
  opacity: .9;
  margin-left: 10px;
  margin-right: 10px;
  transform: scale(.9);
}

.connection-header-icon:hover {
  opacity: 1;
  transform: scale(1);
}

.connection-header-title {
  color: #525659;
  text-align: center;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 13px;
  font-size: 28px;
  font-weight: 400;
  line-height: 59px;
  text-decoration: none;
}

.app-name-title {
  color: #274b5e;
  font-size: 36px;
  font-weight: 300;
  text-decoration: none;
}

.connection-header-description {
  max-width: 650px;
  color: #525659;
  text-align: center;
  margin-bottom: 18px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  display: inline-block;
}

.connection-features-wrapper {
  flex-flow: column wrap;
  flex: 0 auto;
  align-content: center;
  align-self: center;
  align-items: center;
  margin-top: 16px;
  margin-bottom: 16px;
  display: flex;
}

.features-row {
  width: 600px;
  margin-top: 28px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.feature-column-title {
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 600;
}

.connection-feature-cell {
  height: 100%;
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.connection-feature-cell.icon-cell {
  height: 100%;
  align-items: center;
}

.connection-feature {
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 300;
}

.button-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 8px 20px;
  display: flex;
}

.connect-app-list-wrapper {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  padding-top: 33px;
  display: flex;
}

.divider {
  width: 100%;
  height: 1px;
  max-width: 800px;
  opacity: .3;
  color: #274b5e;
  background-color: #525659;
  margin-top: 5px;
  margin-bottom: 5px;
}

.divider.template-divider {
  margin-top: 12px;
  margin-bottom: 12px;
}

.divider-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: center;
  margin: 20px auto;
  display: flex;
}

.connect-apps-list-row {
  width: 600px;
  margin-top: 11px;
  margin-bottom: 11px;
}

.connect-app-list-cell {
  height: 96px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.connect-app-list-cell.icon-cell {
  align-items: flex-end;
}

.connect-app-link {
  color: #274b5e;
  text-decoration: none;
  transition: color .2s;
}

.connect-app-link:hover {
  color: #d76c3b;
}

.catalog-cell-text {
  flex-direction: column;
  display: flex;
}

.linkicon {
  float: left;
  text-align: left;
  margin-left: 17px;
  margin-right: 17px;
  display: inline-block;
}

.connect-description-wrapper {
  max-width: 850px;
  color: #525659;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin: 2px auto 4px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 100;
  line-height: 24px;
  display: block;
}

.connect-description-wrapper.appdescription {
  max-width: 600px;
  text-align: left;
  font-size: 16px;
  font-weight: 400;
}

.connect-app-name {
  color: #d76c3b;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: 300;
}

.connect-app-name:hover {
  text-decoration: underline;
}

.connection-header-description-wrapper {
  max-width: 820px;
  justify-content: center;
  align-self: center;
  margin: 20px 12px;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.listing {
  flex-wrap: wrap;
  align-content: flex-start;
  display: block;
}

.app-link {
  width: 120px;
  height: 120px;
  max-height: 120px;
  max-width: 120%;
  min-height: 120px;
  min-width: 120px;
  color: #525659;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  text-decoration: none;
  transition: color .2s;
}

.app-link:hover {
  color: #d76c3b;
}

.widget-wrapper {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.app-name-link {
  color: #274b5e;
  border-style: none;
  border-bottom-width: 0;
  border-bottom-color: #d76c3b;
  margin-bottom: 6px;
  text-decoration: none;
  transition: color .2s;
}

.app-name-link:hover {
  text-decoration: underline;
}

.app-tile {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 22px;
  margin-right: 22px;
  text-decoration: none;
  display: inline-block;
}

.integrator-hero-wrapper {
  flex-direction: column;
  display: flex;
}

.modal-wrapper {
  z-index: 9999;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(45deg, #274b5e, rgba(58, 101, 122, .59));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-wrapper.aip {
  display: block;
}

.sign-up-wrapper {
  width: 650px;
  background-color: #f5f5f5;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: block;
}

.close-link {
  float: none;
  color: #dfdbdb;
  text-align: right;
  margin-bottom: 67px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: color .2s;
  display: block;
  position: static;
  top: -27px;
  right: -19px;
}

.close-link:hover {
  color: #999796;
}

.popup-wrapper-manager, .popup-wrapper-intergrator {
  z-index: 9999;
  height: 100%;
  background-color: rgba(82, 86, 89, .5);
  padding-top: 266px;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.slogan-box {
  width: 400px;
  height: 110px;
  color: #c26034;
  text-align: left;
  flex-direction: column;
  flex: none;
  align-self: flex-start;
  align-items: flex-start;
  margin: 12px auto 2px;
  padding-left: 77px;
  font-family: Share Tech Mono;
  font-size: 18px;
  font-weight: 400;
  line-height: 16px;
  display: block;
}

.hero-dynamic-content {
  flex-flow: column wrap;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.terminal-line {
  color: #d76c3b;
  text-align: left;
  text-shadow: 0 1px #525659;
  font-family: Share Tech Mono;
  font-size: 20px;
  line-height: 16px;
  display: inline-block;
}

.terminal-line.hideme {
  display: none;
}

.terminal-line-last {
  color: #d76c3b;
  text-shadow: 0 1px #525659;
  font-family: Share Tech Mono;
  font-size: 22px;
}

.terminal-line-last.hideme {
  color: #d76c3b;
  display: none;
}

.slogan-lines, .termfx {
  display: block;
}

.testimonial-div {
  height: 325px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-end;
  margin: 21px 50px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
  overflow: visible;
}

.all-visitors {
  display: block;
}

.hidethis {
  display: none;
}

.jobs-hero-background {
  height: 450px;
  background-image: linear-gradient(rgba(255, 255, 255, .57), rgba(255, 255, 255, .57)), url('../images/APIANT_Wave.jpg');
  background-position: 0 0, 0 43%;
  background-size: auto, 1597px;
}

.tos-text {
  color: #525659;
  text-align: justify;
  padding-bottom: 54px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 300;
}

.tos-container {
  color: #525659;
  text-align: justify;
  background-color: #e9edef;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 20px 10px;
  display: block;
}

.tos-wrapper {
  height: auto;
  background-color: #e9edef;
  padding: 34px;
}

.suggest-link {
  color: #274b5e;
  font-weight: 300;
  text-decoration: none;
  transition: color .2s;
}

.suggest-link:hover {
  color: #d76c3b;
  text-decoration: underline;
}

.editor-link {
  color: #274b5e;
  border-bottom-style: none;
  border-bottom-width: 0;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 300;
  text-decoration: none;
}

.editor-link:hover {
  color: #d76c3b;
  border-bottom-style: none;
  text-decoration: none;
}

.editor-link.suggest-link {
  opacity: .5;
  border-bottom-style: none;
}

.app-icon {
  opacity: .85;
  flex-direction: column;
  align-self: center;
  display: flex;
}

.app-icon:hover {
  opacity: 1;
}

.app-link {
  width: auto;
  height: auto;
  max-height: auto;
  max-width: 350%;
  min-height: auto;
  color: #274b5e;
  margin-bottom: 14px;
  font-size: 18px;
  font-weight: 300;
  display: block;
}

.app-link:hover {
  text-decoration: underline;
}

.app-name-med-link {
  color: #274b5e;
  text-decoration: none;
}

.app-name-med-link:hover {
  color: #d76c3b;
}

.instructions {
  color: #d76c3b;
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 300;
}

.dot {
  color: #d76c3b;
  font-size: 18px;
}

.dot.big-dot {
  font-size: 22px;
}

.product-title-wrap {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 36px;
  display: none;
}

.connect-app-name {
  color: #274b5e;
  margin-top: 5px;
}

.product-list-space {
  margin-top: 18px;
  display: block;
}

.in-app {
  width: 100px;
  height: 100px;
  float: none;
  opacity: .85;
  color: rgba(39, 75, 94, .8);
  text-align: center;
  background-image: url('../images/APIANT_dot-02.svg');
  background-position: 50% 46%;
  background-repeat: no-repeat;
  background-size: 45px;
  border: 1px solid rgba(39, 75, 94, .67);
  flex-flow: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 70px 0 0;
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
}

.in-app:hover {
  opacity: 1;
}

.in-app.payapp {
  opacity: .43;
  background-color: rgba(138, 157, 168, .2);
}

.embedded-code {
  display: none;
}

.iconswrap {
  height: auto;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.list {
  width: auto;
  flex-flow: wrap;
  flex: 1;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: auto;
  padding-bottom: auto;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: static;
  overflow: auto;
}

.sample-list {
  display: block;
}

.hiding {
  width: 140px;
  height: 110px;
  color: #525659;
  text-align: center;
  background-image: url('../images/logo_gmail_128px_1logo_gmail_128px.png');
  background-position: 50% 24%;
  background-repeat: no-repeat;
  background-size: 50px;
  flex-direction: row;
  justify-content: center;
  margin: 5px 9px;
  padding-top: 69px;
  padding-bottom: 0;
  font-size: 13px;
  display: block;
}

.noresults {
  width: 150px;
  height: 50px;
  opacity: 0;
  color: #c32814;
  text-align: center;
  background-image: url('../images/logo_gmail_128px_1logo_gmail_128px.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50px;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 55px;
  font-size: 15px;
  transition: all .2s;
  display: inline-block;
}

.noresults:hover {
  transform: scale(1.1);
}

.imported-apps {
  display: block;
}

.modal-body-sample {
  width: 100%;
  max-width: 598px;
  text-align: center;
  background-color: #fff;
  border-radius: 14px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 15px;
  display: block;
}

.modal-body-sample.tryapp {
  width: 625px;
  background-color: #f5f5f5;
  margin: 20px 263px;
  padding: 50px 10px;
  position: fixed;
  top: 6px;
  left: 0;
  right: 0;
}

.modal-body-sample.tryapp.cat-crm {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.app-detail-icon {
  height: 80px;
  margin: 20px auto;
  display: block;
}

.app-detail-name {
  float: none;
  clear: none;
  justify-content: center;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.app-detail-description {
  color: #525659;
  text-align: center;
  margin: 14px 30px 26px;
  font-size: 16px;
  font-weight: 400;
}

.app-detail-endpoints-row {
  width: 100%;
  text-align: left;
  flex-direction: column;
  margin-top: 12px;
  display: block;
}

.app-detail-endpoints-header {
  color: rgba(82, 86, 89, .73);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.app-detail-endpoint {
  text-align: left;
  background-image: url('../images/checkmark_1checkmark.png');
  background-position: 0 3px;
  background-repeat: no-repeat;
  background-size: 15px;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 13px;
}

.app-detail-endpoint.tryendpoint {
  align-self: flex-start;
  display: block;
}

.app-detail-endpoint.buyendpoint {
  float: none;
  clear: none;
  color: rgba(215, 108, 59, .7);
  align-self: flex-start;
  display: block;
}

.app-detail-endpoint.avail {
  color: #274b5e;
  background-image: none;
  padding-left: 0;
}

.app-detail-endpoint.order {
  background-image: none;
  padding-left: 0;
}

.app-detail-endpoint.noneyet {
  color: rgba(215, 108, 59, .8);
  background-image: none;
  padding-left: 5px;
}

.app-detail-endpoint.custom-entry {
  background-image: none;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.app-detail-endpoint.custom-entry:focus {
  background-color: #fff;
  border: 1px solid #d76c3b;
}

.app-detail-endpoints-column {
  flex-direction: column;
  display: block;
}

.app-detail-separator {
  width: 100%;
  height: 1px;
  background-color: rgba(82, 86, 89, .51);
  align-self: center;
  margin-top: 9px;
  margin-bottom: 2px;
}

.app-detail-popup {
  flex-direction: column;
  justify-content: center;
  display: block;
}

.sample-popup {
  display: none;
}

.list-app-description {
  padding-top: 7px;
  padding-bottom: 22px;
  display: none;
}

.tryendpoint {
  color: #274b5e;
  text-decoration: none;
}

.modal-title {
  font-size: 26px;
  font-weight: 700;
}

.modal-header-sample {
  width: 100%;
}

.app-detail-card {
  text-align: center;
}

.panel-body {
  color: rgba(82, 86, 89, .8);
  font-size: 13px;
}

.modal-background {
  height: 100%;
  background-color: rgba(82, 86, 89, .32);
  justify-content: center;
  align-items: center;
  font-style: normal;
  display: flex;
}

.app-detail-row-wrapper {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding-left: 2%;
  padding-right: 2%;
  display: block;
}

.orderlink {
  color: #274b5e;
  text-decoration: none;
}

.orderlink:hover {
  color: #d76c3b;
}

.nocc {
  color: rgba(39, 75, 94, .86);
  font-size: 12px;
  font-weight: 400;
  display: block;
  position: relative;
  top: 0;
}

.custom-entry-box:focus {
  background-color: #fff;
  border: 1px solid #d76c3b;
}

.custom-entry-box.custom-trigger, .custom-entry-box.custom-action {
  margin-bottom: auto;
}

.press-enter {
  color: rgba(39, 75, 94, .8);
  text-align: right;
  font-size: 10px;
  display: none;
  position: static;
  top: 0;
  left: 0;
  right: 0;
}

.enter {
  font-weight: 700;
}

.carthelptexttop {
  color: rgba(0, 0, 0, .39);
  text-align: justify;
  margin: 15px 27px;
  font-size: 13px;
}

.itemrow {
  margin: 12px 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  overflow: hidden;
}

.item-thumb {
  width: 30px;
}

.item-name {
  width: 150px;
  color: #274b5e;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
}

.item-quotetext {
  width: 108px;
  color: rgba(82, 86, 89, .41);
  text-align: left;
  font-size: 11px;
  font-weight: 300;
}

.item-price {
  width: 50px;
  color: #d76c3b;
  font-size: 12px;
}

.item-remove {
  width: 40px;
  color: rgba(82, 86, 89, .41);
  font-size: 11px;
  text-decoration: none;
}

.order-summary {
  text-align: right;
}

.orderestimate {
  color: #274b5e;
  margin-right: 2px;
  font-size: 12px;
  display: inline-block;
}

.simplecart_total {
  color: #d76c3b;
  font-size: 13px;
  font-weight: 600;
  display: inline-block;
}

.logo-slogan {
  color: #8a9da8;
  align-self: center;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-size: 12px;
  font-weight: 100;
  display: none;
  position: absolute;
  top: 59px;
}

.newnavbar {
  height: 110px;
  background-color: rgba(0, 0, 0, 0);
}

.menu-item {
  width: 200px;
  height: 100%;
  max-width: 200px;
  color: #274b5e;
  text-align: center;
  border-top: 1px rgba(0, 0, 0, .15);
  border-left: 1px solid rgba(0, 0, 0, .15);
  justify-content: center;
  align-items: center;
  font-family: proxima-nova, sans-serif;
  font-size: 18px;
  display: flex;
}

.menu-item:hover {
  border-bottom: 4px #d76c3b;
  text-decoration: underline;
}

.menu-item.w--current {
  color: #274b5e;
  text-decoration: none;
}

.menu {
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.appsearch {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex-flow: row;
  flex: 1;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 58px;
  padding-right: 20px;
  display: flex;
  position: static;
  top: -78px;
}

.callout {
  color: #fff;
  text-align: left;
  justify-content: center;
  align-self: stretch;
  margin: 0;
  padding-top: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
  display: block;
}

.callout.appscallout {
  color: #525659;
  text-align: center;
  margin-top: 23px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.logo-spearator {
  color: rgba(82, 86, 89, .5);
  margin-left: 9px;
  margin-right: 9px;
  font-size: 23px;
}

.app-search-field {
  width: 736px;
  height: 50px;
  border-radius: 6px;
  margin-top: 30px;
  margin-right: 20px;
  font-size: 20px;
}

.filter-button {
  background-color: rgba(82, 86, 89, .5);
  border-radius: 5px;
  align-self: center;
  margin-top: 10px;
  margin-right: 6px;
  padding: 6px 8px;
  font-family: proxima-nova, sans-serif;
}

.filter-button:hover {
  color: #fff;
  background-color: #337ab7;
  text-decoration: none;
}

.filter-button.filter-activated {
  background-color: #d76c3b;
  align-self: center;
  margin-right: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.form {
  align-items: center;
  display: flex;
}

.signup-for-free-button {
  width: 250px;
  height: 50px;
  text-align: center;
  text-transform: uppercase;
  background-color: #cd5334;
  border-radius: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: auto;
  padding-bottom: auto;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.signup-for-free-button:hover {
  color: #fff;
  background-color: #286090;
  text-decoration: none;
}

.signup-for-free-button.xlbutton {
  width: 289px;
  height: 68px;
  border-radius: 7px;
  flex: 0 auto;
  font-size: 26px;
}

.signup-for-free-button.signup {
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
}

.signup-for-free-button.signup:hover {
  background-color: #ca401d;
}

.signup-for-free-button.signup:active, .signup-for-free-button.signup:focus {
  color: #fff;
  text-decoration: none;
}

.signup-for-free-button.signup:visited {
  color: #fff;
}

.signup-for-free-button.learn-more-button {
  width: 250px;
  flex: 0 auto;
  align-self: center;
  margin: 50px auto;
  display: flex;
}

.signup-for-free-button.schedulecall {
  width: auto;
  background-color: #43aa8b;
  font-size: 18px;
}

.signup-for-free-button.schedulecall:hover {
  background-color: #399378;
}

.signup-for-free-button.open_intercom {
  color: #fff;
  text-transform: none;
  background-color: #337ab7;
  margin-bottom: 0;
}

.signup-for-free-button.open_intercom:hover {
  color: #fff;
  background-color: #2b699e;
}

.signup-for-free-button.open_intercom:visited {
  color: #fff;
}

.catalogwrap {
  width: 100%;
  height: 100%;
  max-width: 1600px;
  text-align: center;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto auto;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
  overflow: hidden;
}

.product-acronym {
  color: #d76c3b;
  font-size: 63px;
  display: inline-block;
  position: relative;
  top: 26px;
}

.product-acronym.small-acronym {
  align-self: flex-start;
  font-size: 33px;
  position: static;
  top: 11px;
}

.orange {
  color: #d76c3b;
  text-shadow: none;
  font-weight: 600;
}

.screen-title {
  color: #274b5e;
  text-align: center;
  margin-top: 46px;
  margin-bottom: 20px;
  font-family: proxima-nova, sans-serif;
  font-size: 24px;
  font-weight: 100;
}

.legend {
  color: #525659;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  font-size: 15px;
}

.submenu {
  flex-direction: column;
  display: block;
  position: static;
  top: 0;
  bottom: 0;
  left: 0;
}

.product-links {
  z-index: 99999;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: static;
  top: 402px;
  left: 0;
  right: 0;
}

.product-box {
  height: 130px;
  max-height: 130px;
  min-height: 130px;
  opacity: 1;
  text-align: center;
  border: 1px rgba(0, 0, 0, .15);
  border-style: solid none none solid;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 0;
  text-decoration: none;
  display: flex;
}

.product-box:hover {
  background-color: rgba(39, 75, 94, .1);
  text-decoration: none;
}

.product-box.lastbox {
  border-bottom-style: solid;
}

.product-box.active {
  opacity: 1;
  background-image: linear-gradient(#fff, rgba(248, 227, 218, .52) 50%, #d76c3b);
  padding-top: 0;
}

.product-oneliner {
  color: rgba(39, 75, 94, .9);
  text-align: center;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
}

.product_logo {
  width: 143px;
  text-align: left;
  background-color: #eaedef;
  border-top: 1px solid rgba(82, 86, 89, .34);
  border-bottom: 1px rgba(0, 0, 0, .15);
  border-left: 1px solid rgba(0, 0, 0, .15);
  border-right: 1px rgba(82, 86, 89, .34);
  border-top-left-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  padding: 16px 6px 16px 12px;
  display: flex;
  position: static;
  bottom: 0;
  right: 0;
}

.product_logo.selected-logo {
  background-color: #fff;
  border-top-left-radius: 8px;
  flex: 0 auto;
}

.flex-wrapper {
  flex-wrap: wrap;
  justify-content: space-between;
  display: block;
}

.side-bar {
  width: 50px;
  color: #333;
  background-color: #d76c3b;
  border-right: 1px solid rgba(82, 86, 89, .3);
  flex-direction: column;
  padding-top: 49px;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.main-content {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.logo-container {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 30px;
  text-decoration: none;
  display: flex;
}

.logo-container.w--current {
  float: none;
  margin-bottom: 0;
  display: inline-block;
}

.logo-container.w--current:hover {
  text-decoration: none;
}

.product-selector {
  width: 100%;
  height: 3px;
  opacity: 0;
  background-color: #d76c3b;
  flex: 0 auto;
  align-self: flex-end;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.product-selector.product-selected {
  height: 3px;
  opacity: 1;
  display: block;
}

.list-controls {
  width: 800px;
  max-width: 800px;
  border-top: 1px rgba(0, 0, 0, .28);
  border-bottom: 1px rgba(0, 0, 0, .28);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.arrowdown {
  width: 100%;
  height: 40px;
  max-height: 40px;
  min-height: 40px;
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, .15);
  flex: 0 auto;
  order: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  margin-top: 13px;
  padding-bottom: 2px;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.arrowdown.w--current {
  position: static;
}

.tinytriangle {
  z-index: 99999;
  width: 12px;
  position: absolute;
  top: 672px;
  bottom: 0;
  right: 2px;
}

.number-bullet {
  font-size: 52px;
  font-weight: 600;
}

.logos {
  height: 191px;
  background-color: rgba(234, 237, 239, .62);
  border-top: 1px solid rgba(0, 0, 0, .15);
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
}

.copyright {
  color: rgba(51, 51, 51, .59);
  margin-top: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
}

.homepage-separator {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.separator-right {
  width: 100%;
  height: 1px;
  background-image: radial-gradient(circle at 0 0, rgba(39, 75, 94, .54), #fff);
  margin-left: 16px;
}

.customerlogo {
  height: 4vw;
  float: left;
  opacity: .37;
  margin-left: 9px;
  margin-right: 9px;
  display: block;
}

.navigation {
  z-index: 900;
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  background-image: linear-gradient(rgba(245, 245, 245, .7), rgba(245, 245, 245, .7));
  border: 1px rgba(0, 0, 0, .15);
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.navigation.mobile {
  display: none;
}

.navigation.shopconnect {
  z-index: 900;
  background-color: #fbf7ed;
  background-image: none;
  padding-left: 30px;
  padding-right: 30px;
}

.navigation.zoomconnect, .navigation.crmconnect {
  z-index: 900;
  background-color: #f6f7f9;
  background-image: none;
  padding-left: 30px;
  padding-right: 30px;
}

.menuitem {
  color: #525659;
  background-color: rgba(0, 0, 0, 0);
  margin: 2px 1px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.menuitem:hover {
  color: #337ab7;
  background-color: rgba(39, 75, 94, .15);
  text-decoration: none;
}

.menuitem:focus {
  text-decoration: none;
}

.menuitem.w--current {
  color: #fff;
  background-color: #3a657a;
  border-radius: 4px;
  font-weight: 400;
}

.menuitem.dashboard {
  height: 50px;
  max-height: 50px;
  color: #fff;
  background-color: #44af69;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.menuitem.dashboard:hover {
  background-color: #379457;
}

.menuitem.tryfree {
  color: #fff;
  background-color: #cd5334;
  border-radius: 6px;
}

.menuitem.tryfree:hover {
  background-color: #b83f21;
}

.menuitem.tryfree.signup {
  background-color: #d0021b;
  border-radius: 0;
  font-weight: 400;
}

.menuitem.tryfree.signup:hover {
  background-color: #e0001b;
  border-radius: 0;
}

.menuitem.dropped {
  margin-top: 0;
  margin-bottom: 0;
}

.separator {
  width: 100%;
  height: 1px;
  background-image: radial-gradient(circle, rgba(39, 75, 94, .54), #fff);
  margin-top: 80px;
  margin-bottom: 80px;
  display: none;
}

.separator.menuseparator {
  margin-top: 0;
  margin-bottom: 12px;
}

.product-brand {
  flex: 1;
  align-items: center;
  display: flex;
}

.nav-wrapper {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  align-items: center;
  display: flex;
}

.nav-wrapper.fixnav {
  z-index: 900;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  border-left: 1px solid rgba(0, 0, 0, .15);
  border-bottom-left-radius: 6px;
  padding: 18px 23px;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
}

.nav-wrapper.mainnav {
  float: none;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
  display: inline-block;
}

.brand-subtitle {
  color: #274b5e;
  align-self: center;
  margin-top: 8px;
  margin-left: 13px;
  font-family: proxima-nova, sans-serif;
  font-size: 20px;
}

.brand-subtitle-product-name {
  color: #d76c3b;
}

.product-nav {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  display: block;
}

.section-header {
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.demo-link {
  color: #274b5e;
  cursor: context-menu;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.demo-link:hover {
  color: #d76c3b;
  font-weight: 400;
  text-decoration: none;
}

.subscribe-link {
  color: #337ab7;
  text-decoration: none;
}

.fullpage {
  height: 100vh;
  min-height: 600px;
  text-align: center;
  background-image: radial-gradient(circle, #f5f5f5, #dfe4e7 99%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.fullpage.nonhomepage {
  background-image: none;
}

.appsearchheader {
  text-align: center;
  flex-flow: row;
  align-content: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.headerrow {
  height: 70px;
  display: flex;
}

.buttoncolumn {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-subheader {
  color: rgba(51, 122, 183, .72);
  font-family: proxima-nova, sans-serif;
  font-style: italic;
  position: relative;
  top: -8px;
}

.description {
  padding-top: 20px;
  padding-bottom: 20px;
}

.features {
  flex-direction: column;
  padding-top: 50px;
  padding-bottom: 20px;
  display: flex;
}

.pricing {
  background-image: url('../images/APIANTDiagram2449.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-size: cover;
  background-attachment: scroll;
  padding-top: 10px;
  padding-bottom: 366px;
}

.request-info-form {
  width: 100%;
  max-width: 592px;
  margin-bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}

.hero-text {
  max-width: 1200px;
  margin-right: 37px;
  font-size: 18px;
}

.hero-product-name {
  color: #274b5e;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 3px;
  margin-left: 5px;
  padding-top: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 42px;
  font-weight: 600;
  display: flex;
}

.applistnav {
  max-width: 900px;
  text-align: left;
  background-color: #fff;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: hidden;
}

.searchwrapper {
  max-width: 940px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  align-self: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  position: relative;
}

.pills {
  float: left;
  align-items: flex-start;
  display: block;
}

.apps-filter {
  z-index: 9;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
  overflow: visible;
}

.filters-wrapper {
  z-index: 9999;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.heroproduct {
  opacity: 1;
  background-image: linear-gradient(rgba(255, 255, 255, .38), rgba(255, 255, 255, .38)), url('../images/AIP_backgrd.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-flow: column;
  flex: 1;
  align-content: space-between;
  justify-content: flex-start;
  display: flex;
}

.heroproduct.heroaen {
  background-image: linear-gradient(83deg, #fff, rgba(218, 224, 228, .74) 37%, rgba(255, 255, 255, 0)), url('../images/AEN-backgrd.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.heroproduct.heroasa {
  background-image: linear-gradient(81deg, #fff, rgba(233, 237, 239, .51) 43%, rgba(255, 255, 255, 0)), url('../images/Asa-backgrd.jpg');
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-wrap: nowrap;
  padding-right: 0;
}

.heroproduct.heroama {
  background-image: linear-gradient(85deg, #fff, rgba(218, 224, 228, .6) 53%, rgba(255, 255, 255, 0)), url('../images/AMA_backgrd.jpg');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-wrap: wrap;
  align-self: stretch;
}

.heroproduct.heroaip {
  background-image: linear-gradient(93deg, #fff, rgba(218, 224, 228, .72) 50%, rgba(255, 255, 255, 0)), url('../images/AIP_backgrd.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-right: 0;
}

.hero-subheading {
  flex: 0 auto;
  align-self: flex-start;
  margin-top: 9px;
  margin-left: 30px;
}

.hero-subheading-text {
  z-index: 3;
  max-width: 850px;
  color: #274b5e;
  text-shadow: 0 1px #fff;
  margin-top: 5px;
  font-family: proxima-nova, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 53px;
  display: flex;
  position: relative;
}

.product-contact-form-wrapper {
  width: 350px;
  background-color: rgba(255, 255, 255, .8);
  border: 1px solid rgba(82, 86, 89, .54);
  border-radius: 10px;
  order: 1;
  margin-bottom: 20px;
  margin-left: 6px;
  margin-right: 20px;
  padding-top: 47px;
  padding-bottom: 47px;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.product-contact-form-wrapper.acicontact {
  z-index: 500;
  width: auto;
  height: auto;
  max-width: 1300px;
  background-color: #fff;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 21px 28px 51px;
  display: block;
  position: static;
}

.form-header {
  color: #337ab7;
  margin-bottom: 22px;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
}

.formtextarea {
  min-height: 125px;
}

.bullet-points {
  width: 100%;
  flex-flow: column wrap;
  flex: 1;
  align-content: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 27px;
  padding-top: 25px;
  padding-bottom: 28px;
  padding-left: 29px;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.bullet-point {
  float: none;
  color: #274b5e;
  letter-spacing: .4px;
  text-transform: capitalize;
  background-image: url('../images/checkmark_1checkmark.png');
  background-position: 2px 32%;
  background-repeat: no-repeat;
  background-size: 20px;
  background-attachment: scroll;
  border: 1px rgba(39, 75, 94, .5);
  border-radius: 17px;
  margin: 7px 12px -10px;
  padding: 8px 13px 8px 26px;
  font-family: proxima-nova, sans-serif;
  font-size: 17px;
  font-weight: 400;
  list-style-type: square;
  display: inline-block;
}

.bullets {
  flex-flow: column wrap;
  flex: 0 auto;
  align-content: flex-start;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  overflow: visible;
}

.beta {
  width: 79px;
  color: #fff;
  text-align: center;
  background-color: #274b5e;
  border: 1px solid rgba(39, 75, 94, .45);
  border-radius: 21px;
  align-self: center;
  margin-left: 13px;
  padding: 4px 7px;
  font-size: 23px;
  font-weight: 300;
  line-height: 19px;
}

.learnmore-column {
  height: 100%;
  flex-flow: column;
  align-content: center;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.product-desc-footer {
  min-height: 250px;
  background-color: #fff;
  flex: 0 auto;
  display: flex;
}

.description-column {
  z-index: 900;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, .15);
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
}

.product-explanation {
  color: rgba(39, 75, 94, .9);
  margin-top: 7px;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
}

.paragraph-heading {
  color: #274b5e;
  margin-top: 30px;
  font-family: proxima-nova, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.apps_catalog_link {
  width: 37px;
  height: 37px;
  color: #274b5e;
  background-image: url('../images/Apps_catalog_1Apps_catalog.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 37px 37px;
  align-self: flex-end;
  margin-top: 15px;
  margin-right: 15px;
  padding-top: 19px;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  top: 0;
  right: 0;
}

.apps_catalog_link:hover {
  color: #d76c3b;
  background-image: url('../images/Apps_catalog_orange_1Apps_catalog_orange.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 37px;
  text-decoration: none;
}

.apps-catalog-link-text {
  text-align: center;
  margin-top: 18px;
}

.learnmore-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.pagination-wrapper {
  height: 80px;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, .15);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  padding-left: 20px;
  display: block;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.next-arrow {
  text-align: center;
  align-self: stretch;
  display: none;
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}

.fixnav {
  z-index: 900;
  background-color: #f5f5f5;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  border-left: 1px solid rgba(0, 0, 0, .15);
  padding: 18px 23px;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
}

._3ways {
  color: #274b5e;
  text-align: center;
  margin-top: 36px;
  margin-bottom: 36px;
  font-family: proxima-nova, sans-serif;
  font-size: 32px;
  font-weight: 400;
  display: inline-block;
}

._3wayswrapper {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.mobile-message {
  display: block;
}

.brandlogo {
  width: 180px;
}

.brandlogo.w--current {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.brandlogo.w--current:hover {
  text-decoration: none;
}

.subcallout {
  color: #f5f5f5;
  text-align: left;
  letter-spacing: 2px;
  text-transform: none;
  align-self: center;
  margin-top: 13px;
  margin-bottom: 8px;
  font-family: proxima-nova, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.mobile-callout {
  display: none;
}

.dropdownmenu.w--open {
  background-color: #fff;
  margin-top: 4px;
  display: block;
  top: 60px;
  left: 0;
}

.productlogo {
  width: 100px;
  align-self: center;
  margin: 14px 15px;
}

.heroproductnamewrapper {
  margin-top: 20px;
  margin-left: 30px;
  display: flex;
}

.tour-button {
  width: 30%;
  text-align: left;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: block;
  position: static;
}

.category-wrapper {
  z-index: 9999;
  flex: 0 auto;
  display: none;
}

.searchfield-wrapper {
  width: 100%;
  margin-top: 1px;
  margin-bottom: 0;
  padding-right: 17px;
  position: relative;
}

.subcallout-wrapper {
  width: 550px;
  max-width: 550px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin: 1px 9px 5px;
  padding-left: 4px;
  padding-right: 4px;
  display: block;
}

.search {
  width: 200px;
  color: #d76c3b;
  font-size: 22px;
  font-weight: 400;
}

.billed-annually {
  color: #525659;
  margin-top: 4px;
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.billed-annually.alert {
  color: #d0021b;
  padding-left: 30px;
  padding-right: 30px;
  font-weight: 400;
}

.trigger-button {
  background-color: #d76c3b;
}

.appiconheader {
  width: 60px;
  height: 54px;
}

.btn.btn-primary.btn-lg {
  width: 250px;
  height: 50px;
  color: #f5f5f5;
  background-color: #cd5334;
  border: 0 solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.btn.btn-primary.btn-lg:hover {
  background-color: #ca401d;
  border-radius: 0;
}

.btn.btn-primary.btn-lg.trigger-button {
  background-color: #d76c3b;
  border: 1px solid #d76c3b;
  margin: 20px 10px;
}

.hideme {
  display: none;
}

.instructions-note {
  color: #d76c3b;
  font-size: 16px;
  font-weight: 400;
}

.headerappicon {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.headerappicon.hideme {
  display: none;
}

.buttons {
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 25px;
  margin-bottom: 25px;
  display: flex;
}

.buttons.hideme {
  display: none;
}

.appiconpageheader {
  height: 100px;
  max-width: 250px;
  margin-bottom: 4px;
}

.css-to-homepage-empty, .css-app-homepage-empty {
  display: none;
}

.badge {
  width: 25px;
  height: 36px;
  opacity: .46;
  display: inline-block;
  position: relative;
  top: -111px;
  right: -55px;
}

.iconwrapleft {
  width: 250px;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.iconwrapright {
  width: 250px;
  align-items: center;
  display: flex;
}

.linktoapp {
  margin-left: 6px;
  margin-right: 6px;
}

.icon {
  font-weight: 400;
}

.premiumtext {
  width: 100%;
  color: #fff;
  background-color: rgba(39, 75, 94, .69);
  padding: 40px 5px 2px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  display: inline-block;
  position: relative;
  top: -136px;
  bottom: 0;
  left: 0;
  right: 0;
}

.cardappname {
  width: 100%;
  height: 100%;
  max-height: 49px;
  padding-top: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  line-height: 12px;
  overflow: hidden;
}

.posts {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 1px;
  display: flex;
}

.posticon {
  align-items: center;
  margin: 2px 3px;
  display: flex;
}

.blogdiv {
  background-color: #fff;
  justify-content: center;
  padding-bottom: 35px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  display: block;
}

.blogpost {
  width: 720px;
  max-width: 800px;
  min-height: 600px;
  color: #333;
  text-align: justify;
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 45px 4px;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 30px;
  display: block;
  position: relative;
}

.logodiv {
  align-items: center;
  display: flex;
}

.bloglink {
  color: #274b5e;
  margin-left: 6px;
  padding-top: 3px;
  font-family: proxima-nova, sans-serif;
  font-size: 26px;
  font-weight: 100;
  position: static;
  top: 1px;
}

.bloghero {
  height: 550px;
  background-color: #274b5e;
  background-image: radial-gradient(circle, rgba(233, 237, 239, .77), #274b5e);
  flex-flow: column;
  align-content: center;
  padding-top: 50px;
  display: flex;
}

.bloghero.categoryhero, .bloghero.taghero {
  height: 220px;
  padding-top: 75px;
}

.bloghero.searchhero {
  background-image: radial-gradient(circle, rgba(233, 237, 239, .77), #274b5e);
  padding-top: 0;
}

.blogtitle {
  color: #f5f5f5;
  text-align: center;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
}

.blog-title {
  color: #f5f5f5;
  letter-spacing: 1.5px;
  text-shadow: 0 -1px #333;
  margin-top: 2px;
  margin-bottom: 21px;
  font-size: 40px;
  font-weight: 700;
}

.blogsummary {
  text-align: left;
  flex: 1;
  justify-content: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.blog-summary {
  max-width: 650px;
  color: #f5f5f5;
  text-align: center;
  letter-spacing: .5px;
  font-family: proxima-nova, sans-serif;
  font-size: 19px;
  font-weight: 100;
}

.blogtags {
  text-align: left;
  flex-flow: wrap;
  flex: 0 auto;
  align-content: flex-end;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding-top: 18px;
  padding-bottom: 4px;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-tag {
  color: #f5f5f5;
  background-color: rgba(215, 108, 59, .89);
  border: 1px solid #d76c3b;
  border-radius: 8px;
  margin: 5px;
  padding: 5px 9px;
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
  transition: background-color .2s, border .2s;
}

.blog-tag:hover {
  color: #f5f5f5;
  background-color: #274b5e;
  border-color: #274b5e;
  text-decoration: none;
}

.blogcategories {
  justify-content: center;
  align-items: center;
  display: flex;
}

.blog-category {
  color: #525659;
  text-align: center;
  text-transform: uppercase;
  flex: 0 auto;
  margin-right: 10px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  display: inline-block;
}

.blog-date {
  color: #525659;
  text-transform: uppercase;
  margin-left: 10px;
  font-family: proxima-nova, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.blog-separator {
  color: rgba(82, 86, 89, .55);
  font-family: proxima-nova, sans-serif;
  font-size: 22px;
}

.blogsubscribe {
  height: 220px;
  background-color: rgba(215, 108, 59, .9);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex;
}

.text-field {
  width: 300px;
  height: 45px;
  border-radius: 0;
  flex: 0 auto;
  margin-bottom: 0;
  margin-right: 4px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.form-2 {
  text-align: center;
  flex-flow: row;
  flex: 1;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  display: flex;
}

.submit-button {
  width: 300px;
  height: 45px;
  background-color: #337ab7;
  border-radius: 0;
  margin-left: 4px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.submit-button:hover {
  background-color: #2b699e;
}

.newsletter_callout {
  color: #f5f5f5;
  letter-spacing: .5px;
  flex: 0 auto;
  margin-bottom: 21px;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.newslette_form {
  flex-flow: column wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.addthis-inlineicons {
  width: 720px;
  max-width: 800px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 13px;
  padding-left: 45px;
  display: flex;
}

.conversation-div {
  width: 720px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blogposts {
  width: auto;
  max-width: 1400px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin: 22px auto 15px;
  padding: 25px 16px 10px;
  display: none;
  overflow: hidden;
}

.blog-post {
  width: 390px;
  height: 450px;
  flex-flow: wrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: center;
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.blogimage {
  width: 350px;
  height: 190px;
  min-width: 350px;
  background-image: url('../images/AutomationGoodAPIANT.jpg');
  background-position: 50%;
  background-size: cover;
  flex: 0 auto;
  margin-bottom: 20px;
}

.bcategory {
  color: #d76c3b;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.text-block {
  float: none;
  color: #a3a6b0;
  text-transform: uppercase;
  flex: 0 auto;
  margin-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 13px;
}

.bsummary {
  font-family: Roboto, sans-serif;
}

.btitle {
  width: 350px;
  color: #333;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.div-block-2 {
  text-align: center;
}

.category-list {
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.categoryblock {
  padding: 13px 14px;
  font-family: proxima-nova, sans-serif;
  font-size: 13px;
}

.articles {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: flex;
}

.search-wrapper {
  width: 450px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.herodiv {
  flex: 1;
  justify-content: center;
  display: flex;
}

.pagination-button {
  width: 60px;
  height: 34px;
  float: left;
  color: rgba(51, 51, 51, .83);
  text-align: center;
  background-color: #f1f1f1;
  border: 1px solid rgba(51, 51, 51, .13);
  border-radius: 6px;
  flex: 0 auto;
  margin: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-family: proxima-nova, sans-serif;
  transition: background-color .2s;
  display: block;
}

.pagination-button:hover {
  background-color: rgba(241, 241, 241, .32);
}

.pagination {
  text-align: left;
  flex-flow: row;
  flex: 1;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.blogpagebuttons {
  justify-content: center;
  align-items: center;
  display: block;
}

.div-block-3 {
  flex: 1;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 13px;
  display: flex;
}

.video-link {
  opacity: .85;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-left: 20px;
  display: flex;
}

.video-link:hover {
  text-decoration: none;
}

.videocallout {
  color: #e9edef;
  margin-left: 7px;
  font-family: proxima-nova, sans-serif;
  font-size: 26px;
  font-weight: 400;
}

.videocallout:hover {
  text-decoration: none;
}

.videoicon {
  max-width: 50%;
}

.videoicon:hover {
  transform: scale(1.1);
}

.disquscode {
  display: none;
}

.input-lg {
  height: 100px;
}

.input-search {
  padding: 2px 5px;
}

.heading-3 {
  text-align: center;
}

.template-box {
  width: 400px;
  height: 200px;
  max-width: 400px;
  float: left;
  background-image: url('../images/APIANT_dot-02.svg'), url('../images/two-way-sync-curved-arrow_1two-way-sync-curved-arrow.png'), url('../images/APIANT_dot-02.svg');
  background-position: 84px 85%, 50% 82%, 77% 85%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 60px, auto, 60px;
  border: 1px solid rgba(39, 75, 94, .77);
  margin: 6px 5px;
  padding: 0 0 7px;
  transition: transform .3s;
}

.template-box:hover {
  transform: translate(2px, -2px);
}

.template-box.collection {
  color: #f5f5f5;
  background-color: #fbf2ee;
  background-image: url('../images/APIANT_dot-02.svg'), url('../images/two-way-sync-curved-arrow_1two-way-sync-curved-arrow.png'), url('../images/APIANT_dot-02.svg');
  background-position: 84px 85%, 50% 82%, 77% 85%;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size: 60px, auto, 60px;
  background-attachment: scroll, scroll, scroll;
  border-width: 2px;
  border-color: rgba(39, 75, 94, .77);
  flex: 0 auto;
  position: static;
  box-shadow: 3px 3px 8px -1px rgba(0, 0, 0, .34);
}

.template-box.open_intercom {
  text-align: center;
  cursor: pointer;
  background-image: url('../images/intercom-chat-icon_1intercom-chat-icon.png');
  background-position: 50% 76%;
  background-size: 60px;
  padding-top: 23px;
  padding-bottom: 23px;
  font-weight: 400;
}

.templatename {
  color: rgba(39, 75, 94, .8);
  text-align: center;
  margin: 7px 36px 6px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}

.template-list-wrapper {
  height: 100%;
  flex-flow: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: hidden;
}

.template-list {
  text-align: left;
  flex-flow: wrap;
  flex: 0 auto;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  overflow: auto;
}

.shareicon {
  width: 40px;
  margin: 5px 14px;
  font-size: 30px;
  position: static;
  top: 0;
  left: 0;
}

.modal-footer {
  margin-top: 30px;
}

.collection-automation-name {
  max-width: 420px;
  color: #555;
  text-align: left;
  margin-top: 1px;
  margin-bottom: 10px;
  margin-right: 42px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.collection-automation-desc {
  color: #555;
  text-align: left;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.collection-automation-box {
  width: 500px;
  text-align: left;
  background-image: url('../images/rightCurvedArrow.svg');
  background-position: 98% 8px;
  background-repeat: no-repeat;
  background-size: 35px;
  border: 1px solid rgba(39, 75, 94, .37);
  border-radius: 3px;
  margin: 10px auto;
  padding: 11px 50px 11px 16px;
  display: block;
  box-shadow: 2px 2px 9px -3px rgba(0, 0, 0, .72);
}

.heading-4 {
  text-align: center;
}

.page-item, .li {
  margin-left: 0;
  margin-right: 0;
}

.heading-5 {
  text-align: center;
}

.slides-wrapper {
  width: 100%;
  height: 70%;
  align-items: flex-end;
  display: flex;
  position: static;
}

.heading-6 {
  color: #3e5763;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 39px;
  font-weight: 300;
}

.heading-7 {
  color: #cc6844;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  font-family: Roboto, sans-serif;
  font-size: 23px;
  font-weight: 400;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.image-3 {
  width: 450px;
  max-width: 450px;
  min-width: 100px;
  opacity: .33;
  margin-top: 40px;
  margin-right: auto;
  display: block;
  position: relative;
  top: -24px;
  bottom: 0;
  right: 17px;
}

.row {
  width: 100%;
  max-width: 1200px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-2 {
  text-align: left;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  display: block;
}

.hero-buttons {
  float: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.column-3 {
  flex-direction: column;
  justify-content: space-between;
  display: block;
  position: relative;
}

.nav-button {
  width: 330px;
  height: 60px;
  max-height: 60px;
  max-width: 330px;
  min-height: 60px;
  min-width: 330px;
  color: #fff;
  background-color: #db8b6b;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 14px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  display: flex;
}

.nav-button.herobutton {
  width: 350px;
  height: 80px;
  max-height: 80px;
  max-width: 400px;
  min-height: 80px;
  letter-spacing: 1px;
  background-color: rgba(55, 123, 181, .8);
  align-items: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
  transition: background-color .275s;
  display: flex;
}

.nav-button.herobutton:hover {
  color: #f5f5f5;
  background-color: #2c679a;
}

.nav-button.herobutton:visited {
  color: #fff;
}

.nav-button.herobutton.signup {
  max-width: 350px;
  min-width: 350px;
  background-color: #d0021b;
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 25px;
}

.nav-button.herobutton.signup:hover {
  background-color: #db001b;
}

.nav-button.herobutton.signup:visited {
  color: #fff;
}

.nav-button.herobutton.videolink {
  width: 350px;
  max-width: 350px;
  min-width: 350px;
  background-color: #43aa8b;
  padding-left: 63px;
}

.nav-button.herobutton.videolink:hover {
  opacity: .99;
  background-color: #348f74;
}

.nav-button.herobutton.videolink:active {
  background-color: #333;
}

.nav-button.cloud {
  background-color: #d0021b;
  border-radius: 4px;
  flex-wrap: nowrap;
  font-weight: 400;
  text-decoration: none;
}

.nav-button.cloud:hover {
  color: #f5f5f5;
  background-color: #df001b;
  text-decoration: none;
}

.nav-button.dedicated {
  color: #fff;
  background-color: #274b5e;
  border-radius: 4px;
  font-weight: 400;
}

.nav-button.dedicated:hover {
  color: #f5f5f5;
  background-color: #31627c;
  text-decoration: none;
}

.nav-button.videolink {
  width: auto;
  text-align: left;
  background-color: rgba(205, 83, 52, .7);
  background-image: url('../images/videoicon.svg');
  background-position: 21px 22px;
  background-repeat: no-repeat;
  background-size: 25px;
  justify-content: flex-start;
  margin-right: 6px;
  padding-left: 66px;
  font-size: 18px;
  text-decoration: none;
  display: block;
}

.nav-button.videolink:hover {
  color: #fff;
  background-color: #ca401d;
  text-decoration: none;
}

.nav-button.videolink.small {
  width: auto;
  height: 35px;
  max-height: 35px;
  max-width: none;
  min-height: 35px;
  min-width: auto;
  background-color: rgba(205, 83, 52, .9);
  background-position: 12px 11px;
  background-size: 20px;
  margin-top: -5px;
  margin-bottom: -5px;
  padding-top: 7px;
  padding-left: 42px;
  padding-right: 16px;
  font-size: 14px;
  display: none;
}

.nav-button.videolink.small:hover {
  color: #fff;
  background-color: #ca401d;
  text-decoration: none;
}

.nav-button.videolink {
  width: auto;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  text-align: left;
  background-color: #3a657a;
  background-image: url('../images/videoicon.svg');
  background-position: 20px;
  background-repeat: no-repeat;
  background-size: 25px;
  justify-content: flex-start;
  margin: 20px 25px;
  padding-left: 66px;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.nav-button.videolink:hover {
  color: #fff;
  background-color: #2a4c5c;
  text-decoration: none;
}

.nav-button.videolink.small {
  width: auto;
  height: 35px;
  max-height: 35px;
  max-width: none;
  min-height: 35px;
  min-width: auto;
  background-color: rgba(205, 83, 52, .9);
  background-position: 12px 11px;
  background-size: 20px;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 7px;
  padding-left: 42px;
  padding-right: 16px;
  font-size: 14px;
  display: inline-block;
}

.nav-button.videolink.small:hover {
  color: #fff;
  background-color: #ca401d;
  text-decoration: none;
}

.nav-button.small.videolink {
  width: 180px;
  max-height: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #43aa8b;
  background-position: 10px 12px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin: 0 10px 10px;
  padding-top: 0;
  font-weight: 400;
  display: flex;
}

.nav-button.small.videolink:hover {
  background-color: #348f74;
}

.paragraph {
  width: auto;
  color: #525659;
  margin-top: 17px;
  margin-bottom: 17px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
}

.paragraph.herotext {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 24px;
}

.hero-pitch {
  max-width: 500px;
  float: right;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.slide-nav-2 {
  flex: 0 auto;
  margin-top: 26px;
  margin-bottom: 0;
  position: static;
}

.input-search {
  border-radius: 0;
}

.button-wrapper {
  margin: 10px;
}

.button-subtext {
  color: #525252;
  text-align: center;
  flex: 0 auto;
  margin-top: 11px;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.featured-blog-section {
  height: 600px;
  display: block;
}

.featuredtemplateslider {
  height: 100%;
  display: block;
}

.html-embed-3 {
  display: none;
}

.slide-1 {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.clicktext {
  color: #da6a3d;
  cursor: pointer;
}

.hero-slide-backup {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fullscreen-slideshow {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.slideshow {
  padding-left: 12px;
  padding-right: 12px;
}

.slideshow.slidecollaborate {
  background-image: linear-gradient(rgba(218, 106, 61, .25), rgba(218, 106, 61, .25)), url('../images/samuel-zeller-4138-unsplash.jpg');
  background-position: 0 0, 50% -66px;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slideshow.slidecare {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .09)), linear-gradient(rgba(218, 106, 61, .21), rgba(218, 106, 61, .21)), url('../images/nathan-anderson-384356-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 14%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 2500px;
}

.slideshow.slidelaugh {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .11)), linear-gradient(rgba(218, 106, 61, .2), rgba(218, 106, 61, .2)), url('../images/k-s21-eye-0169.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slide4 {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, .15)), linear-gradient(rgba(218, 106, 61, .15), rgba(218, 106, 61, .15)), url('../images/alex-radelich-318997-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.slideshow.slide5 {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) -2%, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, .37)), linear-gradient(rgba(218, 106, 61, .28), rgba(218, 106, 61, .28)), url('../images/oscar-sutton-254861-unsplash.jpg');
  background-position: 0 0, 0 0, 0 100%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slide6 {
  background-image: linear-gradient(rgba(218, 106, 61, .12), rgba(218, 106, 61, .12)), url('../images/andrew-draper-291560-unsplash.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.slideshow.slidethink {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(218, 106, 61, .04), rgba(218, 106, 61, .04)), url('../images/sean-patrick-murphy-551711-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  overflow: hidden;
}

.slideshow.slidecare {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .07)), linear-gradient(rgba(218, 106, 61, .16), rgba(218, 106, 61, .16)), url('../images/madi-robson-113926-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  overflow: hidden;
}

.slideshow.slidelive {
  background-image: linear-gradient(rgba(218, 106, 61, .17), rgba(218, 106, 61, .17)), url('../images/natalya-zaritskaya-144626-unsplash.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slideshow.slideconnect {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .12)), linear-gradient(rgba(218, 106, 61, .23), rgba(218, 106, 61, .23)), url('../images/rawpixel-com-351765-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-size: auto, auto, cover;
}

.slideshow.slidewin {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .52)), linear-gradient(rgba(218, 106, 61, .31), rgba(218, 106, 61, .31)), url('../images/rawpixel-com-250087-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, 3200px;
}

.slideshow.slideteach {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .13)), linear-gradient(rgba(218, 106, 61, .21), rgba(218, 106, 61, .21)), url('../images/antenna-503044-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.slideshow.slidecreate {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), url('../images/vinicius-amano-137272-unsplash.jpg');
  background-position: 0 0, 100% 100%;
  background-size: auto, cover;
}

.slideshow.slidelook {
  background-image: linear-gradient(rgba(218, 106, 61, .25), rgba(218, 106, 61, .25)), url('../images/jack-cain-326611-unsplash.jpg');
  background-position: 0 0, 50% 100%;
  background-size: auto, cover;
}

.slideshow.slidebreathe {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .13)), linear-gradient(rgba(218, 106, 61, .11), rgba(218, 106, 61, .11)), url('../images/joshua-earle-117661-unsplash.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slidedare {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .35)), linear-gradient(rgba(218, 106, 61, .2), rgba(218, 106, 61, .2)), url('../images/jackson-hendry-440574-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slidebreathe {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, .11)), linear-gradient(rgba(218, 106, 61, .2), rgba(218, 106, 61, .2)), url('../images/henri-pham-372064-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slideadmire {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .13)), linear-gradient(rgba(218, 106, 61, .11), rgba(218, 106, 61, .11)), url('../images/joshua-earle-117661-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slidelove {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(218, 106, 61, .29), rgba(218, 106, 61, .29)), url('../images/cindy-baffour-322723-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.slideshow.slidegive {
  background-image: linear-gradient(rgba(218, 106, 61, .12), rgba(218, 106, 61, .12)), url('../images/nathan-anderson-384356-unsplash.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.slideshow.slidefirst {
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(218, 106, 61, .04), rgba(218, 106, 61, .04)), url('../images/craig-garner-202-unsplash.jpg');
  background-position: 0 0, 0 0, 50% 0;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  overflow: hidden;
}

.left-arrow-3, .right-arrow-3 {
  display: none;
}

.photocredit {
  color: rgba(245, 245, 245, .63);
  letter-spacing: 1px;
  margin-bottom: 4px;
  padding: 8px 16px 8px 8px;
  font-size: 10px;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  right: 0;
}

.slide-nav-3 {
  opacity: .34;
  margin-bottom: 27px;
  display: block;
}

.slogan {
  z-index: 9;
  color: #d76c3b;
  letter-spacing: 32px;
  text-transform: none;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0%;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
  position: relative;
  overflow: hidden;
}

.slogan.second {
  height: auto;
  color: #333;
  letter-spacing: 6px;
  margin-left: 31px;
  margin-right: 31px;
  font-size: 17px;
}

.slogan.second.productpage {
  text-align: center;
  margin-left: 0;
  margin-right: 0;
}

.slogan.first {
  color: #cd5334;
  text-align: center;
  letter-spacing: 6px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin: 13px 9px 18px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: static;
  overflow: visible;
}

.slogan.first:hover {
  text-decoration: none;
}

.slogan.first.productpage {
  color: #333;
  margin: 0 0 auto;
  font-size: 17px;
}

.slogan.dash {
  color: #333;
  text-align: center;
  letter-spacing: 0;
  flex: 0 auto;
  align-items: center;
  margin-left: 5px;
  margin-right: 5px;
  display: flex;
}

.why {
  color: #f5f5f5;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 2px 2px 12px rgba(0, 0, 0, .49);
  margin-top: 0;
  margin-bottom: 128px;
  font-family: Open Sans, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 75px;
  text-decoration: none;
  display: none;
}

.mask-2 {
  background-color: #333;
  padding-left: 0;
  padding-right: 0;
}

.how {
  width: auto;
  height: auto;
  color: #333;
  letter-spacing: 5px;
  background-color: rgba(138, 157, 168, .08);
  border: 1px solid #da6a3d;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 1px 23px 31px;
  padding: 16px 34px;
  font-size: 18px;
  display: flex;
}

.image-4 {
  width: 100px;
  flex: 0 auto;
  margin-top: 16px;
  margin-bottom: 0;
  margin-left: 7px;
  position: relative;
  top: -2px;
}

.freedomto {
  color: #337ab7;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: 0 0 2px rgba(0, 0, 0, .69);
  margin-bottom: 69px;
  font-family: Open Sans, sans-serif;
  font-size: 85px;
  font-weight: 700;
  line-height: 120px;
  text-decoration: none;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.emphasized {
  font-style: normal;
}

.text-block-2 {
  letter-spacing: 3px;
  border: 0 #000;
  border-bottom: 1px solid #ca401d;
  margin-top: 12px;
  line-height: 32px;
}

.modal-paragraph {
  color: #525659;
  text-align: justify;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 26px;
  display: block;
}

.contact-form {
  width: 350px;
  background-color: rgba(255, 255, 255, .8);
  border: 1px solid rgba(82, 86, 89, .54);
  border-radius: 10px;
  order: 1;
  margin-bottom: 20px;
  margin-left: 6px;
  margin-right: 20px;
  padding-top: 47px;
  padding-bottom: 47px;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.contact-form.free-consultation {
  z-index: 500;
  width: auto;
  height: auto;
  max-width: 1300px;
  background-color: #fff;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 23px 65px 45px;
  display: block;
  position: static;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .27);
}

.products-section {
  height: auto;
}

.productsrow {
  height: auto;
  display: none;
  overflow: hidden;
}

.productbox {
  height: auto;
  border: 2px solid rgba(39, 75, 94, .45);
  border-right-style: none;
  flex-flow: column;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
}

.productboxlink {
  width: 100%;
  height: 100%;
  min-height: 500px;
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 55px 24px;
  font-family: Roboto, sans-serif;
  text-decoration: none;
  display: flex;
}

.productboxlink:hover {
  background-color: rgba(39, 75, 94, .15);
  text-decoration: none;
}

.partnerlogo {
  width: 200px;
  margin: 37px;
}

.showcasedapps {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.applink {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  margin: 10px;
  padding: 4px;
  display: block;
}

.applink:hover {
  text-decoration: none;
  transform: scale(1.04);
}

.separate {
  width: 100%;
  height: 1px;
  max-height: 1px;
  min-height: 1px;
  background-image: radial-gradient(circle, rgba(39, 75, 94, .69), rgba(0, 0, 0, 0));
  margin-top: 25px;
  margin-bottom: 25px;
}

.appicon {
  margin-bottom: 8px;
}

.appssection {
  border: 2px rgba(39, 75, 94, .45);
  flex-direction: column;
  align-items: center;
  padding: 40px 10px 50px;
  display: flex;
}

.sectionheading {
  width: 100%;
  height: 70px;
  max-width: 1200px;
  color: #da6a3d;
  text-align: center;
  letter-spacing: 1px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
  display: flex;
}

.blogcolumn {
  height: 600px;
  max-height: 600px;
  min-height: 600px;
  padding-left: 0;
  padding-right: 0;
}

.slidelink {
  width: 100%;
  height: 100%;
  border: 2px #da6a3d;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 17px;
  text-decoration: none;
  display: flex;
}

.slidelink:hover {
  background-color: rgba(39, 75, 94, .15);
  text-decoration: none;
}

.slidelink.right {
  border-style: none;
}

.slideheader {
  z-index: 9;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  background-color: #377bb5;
  border: 1px rgba(39, 75, 94, .45);
  border-color: #000 rgba(39, 75, 94, .45) rgba(39, 75, 94, .45) #000;
  margin-bottom: 15px;
  padding: 18px 11px;
  font-size: 18px;
  font-weight: 500;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.featuredslide {
  background-color: #fff;
}

.slide-nav-4 {
  display: none;
}

.templatebutton {
  width: 200px;
  height: 50px;
  max-height: 50px;
  max-width: 200px;
  min-height: 50px;
  min-width: 200px;
  color: #fff;
  background-color: #377bb5;
  justify-content: center;
  align-items: center;
  margin: 34px 10px;
  font-size: 15px;
  font-weight: 300;
  display: flex;
}

.templatebutton:hover {
  color: #fff;
  background-color: #286090;
  text-decoration: none;
}

.slideleftarrow {
  color: rgba(58, 101, 122, .6);
  margin-left: 0;
}

.slideleftarrow:hover {
  color: #8a9da8;
}

.slideleftarrow.howslide {
  width: 50px;
  height: 100%;
  color: #8a9da8;
  background-color: rgba(81, 108, 121, .25);
  position: absolute;
}

.slideleftarrow.howslide:hover {
  color: #f5f5f5;
  background-color: rgba(39, 75, 94, .72);
}

.sliderightarrow {
  color: rgba(58, 101, 122, .6);
  margin-right: 0;
}

.sliderightarrow:hover {
  color: #8a9da8;
}

.sliderightarrow.howslides {
  width: 50px;
  height: 100%;
  color: #8a9da8;
  background-color: rgba(81, 108, 121, .25);
  position: absolute;
}

.sliderightarrow.howslides:hover {
  color: #f5f5f5;
  background-color: rgba(39, 75, 94, .72);
}

.slide-3 {
  background-image: url('../images/APIANTAnnouncement.jpg');
  background-position: 50%;
  background-size: cover;
}

.slide-nav-5 {
  display: none;
}

.image-5 {
  margin-top: 23px;
  margin-bottom: 23px;
}

.text-block-5 {
  color: #274b5e;
  font-size: 16px;
  font-weight: 400;
}

.testimonials-section {
  height: 500px;
  min-height: 450px;
  padding-left: auto;
  padding-right: auto;
  display: block;
}

.homepage-section {
  height: 1000px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 91px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
}

.homepage-section.devteam {
  height: auto;
  min-height: 1000px;
  text-align: center;
  background-image: linear-gradient(rgba(245, 245, 245, .77), rgba(245, 245, 245, .77)), url('../images/AIP_backgrd.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-bottom: 24px;
  padding-left: 13px;
  padding-right: 13px;
  display: none;
}

.homepage-section.howapiantworks {
  height: auto;
  background-color: #f5f5f5;
  padding-top: 38px;
  padding-bottom: 90px;
  display: none;
}

.homepage-section.apiantapart {
  height: auto;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 38px;
  padding-bottom: 75px;
}

.homepage-section.dedicated {
  height: auto;
  min-height: 1000px;
  background-image: linear-gradient(rgba(245, 245, 245, .63), rgba(245, 245, 245, .63)), url('../images/Dedicated-bckgrd.jpg');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  padding-top: 41px;
}

.row-2 {
  max-height: 600px;
  min-height: 600px;
  display: block;
}

.testimonialslides {
  height: 100%;
  min-height: 250px;
  background-color: rgba(138, 157, 168, .28);
}

.testimonialslides.cloud {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(31deg, rgba(58, 101, 122, .29), #fff);
}

.testimonialslides.dedicated {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(43deg, rgba(218, 106, 61, .28), #fff);
}

.testimonialslidewrapper {
  height: 100%;
  min-height: 400px;
  opacity: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px;
  display: flex;
}

.testimonialslidewrapper._2ndtestimonial {
  background-color: rgba(0, 0, 0, 0);
}

.testimonial-headline {
  color: #525252;
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}

.testimonialtext {
  color: #525252;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.testimonialsignature {
  color: #525252;
  text-align: right;
  margin-top: 20px;
  font-size: 16px;
  font-style: italic;
}

.jobtitle {
  font-weight: 400;
}

.tabs-menu-2 {
  width: 175px;
  max-width: 175px;
  min-width: 175px;
  border-right: 1px solid #dae0e4;
  flex-direction: column;
  justify-content: center;
  margin-top: 65px;
  margin-bottom: 0;
  padding-top: 62px;
  display: flex;
}

.tabs-content {
  border-left: 1px #c5c5c5;
}

.tab {
  height: auto;
  text-align: center;
  padding: 0;
}

.tab-link {
  height: 80px;
  color: #807d7d;
  text-align: right;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-end;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  display: flex;
}

.tab-link:hover {
  color: #2c2c2c;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}

.tab-link.w--current {
  color: #da6a3d;
  background-color: rgba(0, 0, 0, 0);
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.how-slider {
  height: auto;
  background-color: #fff;
  margin-left: 8px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: block;
}

.how-illustration {
  width: 850px;
  height: 560px;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.how-description {
  width: 850px;
  height: 150px;
  text-align: center;
  border-top: 1px solid #dae0e4;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 0 10px;
  display: block;
}

.slideparagraph {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.featuredblogslider {
  height: 100%;
}

.slide-nav-6 {
  opacity: .57;
  margin-bottom: 11px;
}

.bullet {
  width: 5px;
  height: 5px;
  color: rgba(197, 197, 197, .47);
  background-color: rgba(128, 128, 128, .75);
  margin-left: 2px;
  margin-right: 2px;
}

.bulletswrapper {
  margin-top: 4px;
  display: flex;
}

.appnamehp {
  font-size: 14px;
  font-weight: 400;
}

.howapiantworks-tabs {
  width: 100%;
  height: auto;
  max-width: 1200px;
  margin-top: 34px;
  margin-left: 14px;
  margin-right: 14px;
  display: flex;
}

.herobuttons {
  width: 100%;
  letter-spacing: 0;
  flex-flow: column wrap;
  flex: 1;
  align-content: center;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 78px;
  padding-left: 9px;
  padding-right: 9px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: flex;
}

.slidetitle {
  width: 100%;
  max-width: 1200px;
  padding-left: 149px;
}

.howgraphic.screengrab {
  border: 2px solid #8a9da8;
  border-radius: 25px;
  box-shadow: inset 0 0 8px #000, inset 10px 0 8px #000;
}

.testimonialwrapper {
  max-width: 900px;
  letter-spacing: .5px;
  flex-direction: column;
  padding: 38px;
  font-weight: 400;
  display: flex;
}

.illustrationseparator {
  width: 1px;
  height: 550px;
  background-image: linear-gradient(#dae0e4, #dae0e4);
  margin-left: 16px;
  margin-right: 16px;
}

.body-2 {
  padding: 163px;
}

.section {
  justify-content: center;
  align-items: center;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex;
}

.fieldlabel {
  color: #d76c3b;
  font-size: 40px;
}

.paragraph-3 {
  text-align: left;
  margin: 22px auto;
  padding-left: 28px;
  padding-right: 28px;
  font-family: Roboto, sans-serif;
  font-size: 15px;
  line-height: 20px;
  display: block;
}

.professional-services {
  flex-flow: column wrap;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 38px;
  padding-top: 18px;
  display: flex;
}

.service {
  min-height: 40px;
  min-width: 300px;
  color: #464b4e;
  text-align: left;
  align-items: center;
  margin-top: 7px;
  margin-bottom: 7px;
  padding-left: 25px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.row-3 {
  width: 100%;
  max-width: 1000px;
  padding-bottom: 28px;
}

.html-embed-4 {
  background-color: #fff;
  padding: 9px 12px;
  display: block;
}

._200value {
  color: #43aa8b;
  font-size: 20px;
  font-weight: 400;
  display: none;
}

.page-loaded {
  display: none;
  overflow: hidden;
}

.apartwrapper {
  width: 100%;
  max-width: 1200px;
  min-width: auto;
  flex-flow: wrap;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  padding: 11px 3px;
  display: flex;
  overflow: visible;
}

.apartcard {
  width: 380px;
  height: 300px;
  max-height: 300px;
  min-height: 300px;
  min-width: 250px;
  background-color: #fff;
  border: 1px solid #dae0e4;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  margin: 26px 6px;
  display: flex;
  overflow: hidden;
}

.apartcard.transparent {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  display: none;
}

.appcardtitle {
  height: 20px;
  color: #da6a3d;
  text-align: left;
  margin: 11px 10px 6px;
  font-size: 22px;
  line-height: 22px;
}

.appcarddescription {
  height: 110px;
  max-height: 110px;
  min-height: 110px;
  margin: 0 10px 8px;
  padding-top: 5px;
  font-size: 15px;
}

.appcardthumb {
  width: 100%;
  height: 200px;
  background-image: url('../images/APIANT-Connect-Ball.png');
  background-position: 50%;
  background-size: cover;
}

.appcardthumb.specialized {
  width: 100%;
  background-image: url('../images/brooke-cagle-411458-unsplash-thumb.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
}

.appcardthumb.affordable {
  background-image: url('../images/604970-626044-unsplash-thumb.jpg');
  background-position: 50% 53%;
}

.appcardthumb.bidirectional {
  background-image: url('../images/luis-efigenio-560116-unsplash-thumb.jpg');
  background-position: 50% 83%;
}

.appcardthumb.fullservice {
  background-image: url('../images/rawpixel-com-558596-unsplash-thumb.jpg');
}

.appcardthumb.onprem {
  background-image: url('../images/AdobeStock_124020436-thumb.jpg');
}

.appcardthumb.agile {
  background-image: url('../images/joshua-sortino-215039-unsplash-thumb.jpg');
}

.appcardthumb.library {
  background-position: 50% -2%;
  background-repeat: no-repeat;
  background-size: 250px;
}

.appcardthumb.forall {
  background-image: url('../images/john-schnobrich-520022-unsplash-thumb.jpg');
}

.appcardthumb.extensible {
  background-image: url('../images/AdobeStock_52499330-thumb.jpg');
}

.orangebullet {
  width: 15px;
  height: 15px;
  background-color: rgba(218, 106, 61, .73);
  border-radius: 40px;
  margin-right: 6px;
}

.productheader {
  height: 100px;
  background-image: linear-gradient(#e9edef, #e9edef);
  border-top: 1px solid #da6a3d;
  border-bottom-style: solid;
  border-bottom-width: 0;
  justify-content: center;
  align-items: center;
  padding: 15px 18px;
  display: flex;
}

.productheader.enterprise {
  height: 90px;
  border-top-color: #da6a3d;
}

.productheader.cloud {
  background-image: linear-gradient(#e9edef, #e9edef);
  border-top-color: #274b5e;
}

.productheadertitle {
  width: 1200px;
  height: 100%;
  max-width: 1200px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.producttitle {
  color: #525659;
  margin-left: 26px;
  font-family: Roboto, sans-serif;
  font-size: 30px;
  font-weight: 300;
}

.producttitle.dedicatedname {
  background-color: #da6a3d;
}

.image-7 {
  z-index: 9;
  position: relative;
}

.tabs-content-2 {
  max-width: 100%;
  min-height: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tabs-2 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: -40px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.tabs-menu-3 {
  height: 40px;
  max-width: 1200px;
  background-color: #3a657a;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.tabs-menu-3.enterprise {
  background-color: #3a657a;
}

.producttablink {
  height: 40px;
  color: #f5f5f5;
  background-color: rgba(0, 0, 0, 0);
  font-family: Roboto, sans-serif;
}

.producttablink:hover {
  color: #f5f5f5;
  background-color: #3a657a;
  text-decoration: none;
}

.producttablink.w--current {
  color: #f5f5f5;
  background-color: #da6a3d;
}

.producttablink.enterprise:hover, .producttablink.enterprise.w--current {
  background-color: #da6a3d;
}

.div-block-5, .div-block-5.enterprise {
  height: 3px;
  background-color: #3a657a;
}

.div-block-5.cloud {
  height: 1.5px;
  background-color: #d0021b;
}

.productpartner {
  width: 120px;
  align-self: center;
  margin-left: 25px;
}

.productbrandwrapper {
  align-items: center;
  display: flex;
}

.productpartnerswrapper {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.tab-pane {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 0;
}

.dropdown-toggle {
  color: #525659;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.productsheadline {
  height: 450px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 48px;
  padding-bottom: 44px;
  display: block;
}

.apiantconnect-title {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
}

.apiantconnect-icon {
  margin-bottom: 20px;
  display: block;
  position: absolute;
}

.howiconsdiv {
  height: 250px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.howtitlediv {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 22px;
  margin-bottom: 22px;
  line-height: 50px;
  display: flex;
  position: relative;
  top: 30px;
}

.it-icon {
  margin-bottom: 20px;
  display: block;
  position: absolute;
}

.it-title {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
}

.customer-icon {
  margin-bottom: 20px;
  display: block;
  position: absolute;
}

.customer-title {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
}

.business-icon {
  margin-bottom: 20px;
  display: block;
  position: absolute;
}

.business-title {
  text-align: center;
  font-family: Open Sans, sans-serif;
  font-size: 40px;
  font-weight: 600;
  position: absolute;
}

.planname-sub {
  font-size: 20px;
}

.gouped-plans {
  max-width: 1200px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
  margin-bottom: 50px;
  padding-bottom: 46px;
  display: flex;
}

.gouped-plans.custom {
  border-color: #da6a3d;
}

.goupedplansheader {
  width: 100%;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-bottom: 22px;
  padding: 20px 6px;
  display: flex;
}

.groupedplanstitle {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 14px 16px;
  font-family: Roboto, sans-serif;
  font-size: 42px;
  font-weight: 700;
}

.groupedplanssubtitle {
  max-width: 900px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .25);
  margin-top: 26px;
  margin-bottom: 26px;
  padding: 27px 23px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.templatelevel {
  width: auto;
  height: 30px;
  color: #fff;
  text-align: center;
  background-color: #6a838f;
  align-items: flex-start;
  margin-bottom: 3px;
  padding-top: 5px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  display: block;
  position: static;
  top: 4px;
  bottom: 0;
  left: 14px;
  right: 0;
}

.textlink {
  color: #337ab7;
  transition: all .408s;
}

.textlink:hover {
  text-decoration: underline;
}

.registered {
  font-size: 15px;
  position: relative;
  top: -9px;
  left: -2px;
}

.feature-link {
  color: #337ab7;
  font-weight: 500;
}

.feature-link:hover {
  text-decoration: underline;
}

.sameas {
  text-align: center;
  font-family: Roboto, sans-serif;
  font-weight: 300;
}

.merged-cells {
  height: 40px;
  background-color: #98cfbe;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  display: flex;
}

.mergedcolumn {
  padding-left: 0;
  padding-right: 0;
}

.toprow {
  align-items: flex-end;
  display: flex;
}

.pricing-header {
  color: #525659;
  text-align: center;
  margin-bottom: 28px;
  margin-left: 10px;
  margin-right: 28px;
  font-family: Roboto, sans-serif;
  font-size: 36px;
  font-weight: 400;
}

.logo-product-name {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 33px;
  margin-bottom: 0;
  display: flex;
}

.dedicatedname {
  color: #fff;
  letter-spacing: 5px;
  background-color: #da6a3d;
  margin-left: 12px;
  margin-right: 0;
  padding: 10px 13px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.input {
  height: 50px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.sign-up-button {
  width: 100%;
  height: 50px;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.close-modal-button {
  float: none;
  color: #528ef7;
  text-align: right;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 5px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  font-weight: 700;
  transition: color .2s;
  display: flex;
  position: absolute;
  top: -63px;
  bottom: auto;
  left: auto;
  right: -64px;
}

.close-modal-button:hover {
  color: #999796;
  text-decoration: none;
}

.image-9 {
  margin-top: 41px;
  margin-bottom: 41px;
}

.template-title {
  color: #525659;
  text-align: center;
  margin-top: -3px;
  margin-bottom: -22px;
  font-size: 28px;
  font-weight: 700;
  line-height: 40px;
  display: block;
}

.slide-5 {
  background-image: url('../images/IntroducingTemplates.jpg');
  background-position: 50%;
  background-size: 1250px;
}

.html-embed-6 {
  width: 100%;
  height: 100%;
  display: block;
}

.text-block-16 {
  color: #d76c3b;
  text-align: center;
  letter-spacing: 2px;
  margin-top: 26px;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
}

.contactus {
  height: 450px;
}

.html-embed-7 {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: block;
}

.contactus-section {
  height: 610px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  display: block;
}

.link-block {
  z-index: 9;
  opacity: .61;
  margin-bottom: 3px;
  position: relative;
}

.cloudtitle {
  color: #fff;
  letter-spacing: 5px;
  background-color: #3a657a;
  margin-left: 21px;
  margin-right: 0;
  padding: 10px 13px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-8 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-9 {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: none;
}

.image-11 {
  margin: 24px auto;
  display: block;
}

.div-block-10 {
  justify-content: center;
  align-items: center;
  margin-top: 26px;
  margin-bottom: 26px;
  display: flex;
}

.call2action_button {
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.templates-call {
  margin-left: 11px;
  margin-right: 11px;
}

.pagenstructions {
  color: #525659;
  margin-top: 1px;
  margin-bottom: 4px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.view_endpoints {
  width: 380px;
  height: 55px;
  color: #525659;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #525659;
  justify-content: center;
  align-items: center;
  margin: 9px 14px;
  padding: 7px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.view_endpoints:hover {
  color: #f5f5f5;
  background-color: #525659;
  text-decoration: none;
}

.templates {
  flex-flow: column wrap;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  margin: 5px 15px 15px;
  padding: 25px 0 10px;
  display: none;
  overflow: hidden;
}

.html-embed-8 {
  text-align: left;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  position: static;
}

.html-embed-8.hideme {
  display: none;
}

.html-embed-9, .html-embed-10 {
  font-weight: 400;
}

.pagination-controls {
  height: 90px;
  border-top: 1px solid rgba(0, 0, 0, .15);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  padding-left: 20px;
  display: block;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.app-page {
  background-color: #f1f4f5;
  flex-flow: column wrap;
  align-items: stretch;
  padding-bottom: 68px;
  display: block;
  overflow: visible;
}

.app-page.hideme {
  display: none;
}

.templatesectionheader {
  color: #525659;
  text-align: left;
  flex: 0 auto;
  margin: 12px 31px 5px 12px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 700;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.templatewrapper {
  width: 800px;
  height: 1100px;
  background-color: #fff;
  border: 1px solid rgba(82, 86, 89, .39);
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin: 12px auto;
  padding-top: 42px;
  display: none;
  position: relative;
}

.listrelated {
  width: 100%;
  max-width: 1450px;
  clear: none;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  margin: 32px auto 18px;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
}

.listrelated.hideme {
  display: none;
}

.columns {
  width: 800px;
}

.connect-description-wrapper {
  font-size: 16px;
  font-weight: 400;
}

.blogwrapper {
  width: 450px;
  height: 1100px;
  max-width: none;
  min-width: 450px;
  background-color: #fff;
  border: 1px solid rgba(82, 86, 89, .39);
  flex: none;
  margin: 12px 0 12px 10px;
  display: none;
}

.html-embed-12 {
  font-size: 16px;
  font-weight: 400;
}

.html-embed-13 {
  color: #525659;
  margin-top: 0;
  margin-left: 12px;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 400;
}

.video-templates {
  margin-top: 0;
  margin-bottom: 10px;
  display: block;
}

.video-templates.connectpages {
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  top: -54px;
  left: 0;
  right: 0;
}

.video-templates.connectpages.hideme {
  display: none;
}

.sloganhero {
  color: #f5f5f5;
  letter-spacing: 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, .46);
  flex-direction: row;
  margin-top: 63px;
  margin-bottom: 1px;
  font-size: 85px;
  font-weight: 700;
  line-height: 90px;
  display: block;
}

.text-span, .text-span-3 {
  color: #d0021b;
}

.herovideolink {
  margin-top: 12px;
  margin-bottom: 12px;
  display: none;
}

.div-block-13 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.verified {
  color: #525659;
  text-align: center;
  flex: 0 auto;
  align-self: center;
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 30px;
  position: static;
  top: 10%;
}

.div-block-14 {
  position: absolute;
}

.stars {
  width: 115px;
  flex: none;
  margin-top: 2px;
  margin-bottom: 13px;
  display: block;
}

.slide-8 {
  height: 500px;
}

.columns-2 {
  flex: 1;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  display: block;
}

.endpoints-header {
  width: 250px;
  color: #525659;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 700;
}

.endpoint-block {
  width: 400px;
  color: #525659;
  margin-bottom: 17px;
  font-family: Roboto, sans-serif;
}

.endpoint-name {
  margin-bottom: 3px;
  font-weight: 500;
}

.endpoint-description {
  font-size: 13px;
}

.body-3 {
  color: #f5f5f5;
  flex-direction: column;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  display: flex;
}

.heading1 {
  max-width: 600px;
  margin-top: 34px;
  margin-bottom: 14px;
  padding-left: 34px;
  padding-right: 34px;
  font-weight: 700;
}

.section-2 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow: auto;
}

.paragraph-4 {
  margin-bottom: 29px;
  padding-right: 20px;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 24px;
}

.right-lane {
  width: 240px;
  height: auto;
  max-width: 240px;
  background-color: #f5f5f5;
  flex-direction: column;
  flex: none;
  align-items: center;
  padding: 25px 30px 21px;
  display: flex;
}

.left-lane {
  width: 800px;
  height: 100%;
  max-width: 800px;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  padding: 25px 14px 94px;
  display: flex;
  overflow: hidden;
}

.landingcontent {
  background-color: #3276b3;
  display: flex;
}

.app-div {
  width: 120px;
  height: 120px;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
  display: flex;
}

.app-div.arrowsleftright {
  display: none;
}

.pwrdby-logo {
  width: 90px;
  margin-top: 3px;
  margin-bottom: 0;
}

.poweredby {
  width: 120px;
  background-color: rgba(82, 86, 89, .13);
  border: 1px solid rgba(82, 86, 89, .28);
  border-radius: 5px;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 21px;
  padding-top: 3px;
  padding-bottom: 7px;
  padding-left: 15px;
  display: flex;
}

.poweredby:hover {
  text-decoration: none;
}

.text-block-20 {
  color: #274b5e;
  padding-left: 4px;
  font-size: 12px;
  font-weight: 400;
  position: static;
  right: -9px;
}

.trynow-button {
  width: 184px;
  height: 52px;
  color: #f5f5f5;
  background-color: #f17105;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 34px;
  margin-bottom: 34px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 18px;
  transition: background-color .1s;
  display: flex;
}

.trynow-button:hover {
  color: #f5f5f5;
  background-color: #d86403;
  text-decoration: none;
}

.trynow-button.sml {
  width: 130px;
  height: 40px;
  font-size: 15px;
}

.trynow-div {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.image-12 {
  width: 100%;
}

.text-block-21 {
  font-weight: 600;
}

.text-block-22 {
  color: #575454;
  font-size: 18px;
  font-weight: 600;
}

.div-block-17 {
  align-self: flex-start;
  margin-top: 33px;
  margin-bottom: 9px;
}

.list-2 {
  color: #575454;
  align-self: flex-start;
  margin-top: 0;
  padding-left: 34px;
  font-size: 18px;
  font-weight: 600;
  list-style-type: disc;
}

.text-block-23 {
  color: #575454;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 15px;
}

.info-card-title {
  color: #575454;
  text-align: center;
  align-self: stretch;
  margin-top: 13px;
  margin-bottom: 17px;
  font-family: sofia-pro, sans-serif;
  font-size: 34px;
  font-weight: 600;
}

.moreinfo {
  color: #575454;
  text-align: center;
  margin-top: 11px;
  margin-bottom: 23px;
  font-family: sofia-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.moreinfo.leftalign {
  color: #575454;
  text-align: center;
  margin-bottom: 18px;
  font-family: sofia-pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.list-sync {
  margin-top: 3px;
  margin-bottom: 11px;
}

.form-block {
  width: 100%;
  margin-top: 13px;
}

.request-text-field {
  height: 50px;
  color: #3276b3;
  border: 1px solid rgba(0, 0, 0, .62);
  font-family: sofia-pro, sans-serif;
  font-size: 16px;
}

.request-text-field.firstname {
  color: #01543f;
  text-transform: none;
  white-space: normal;
  background-image: url('../images/First_name_1First_name.png');
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 43px;
  text-decoration: none;
}

.request-text-field.lastname {
  background-image: url('../images/Last-name_1Last name.png');
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 43px;
}

.request-text-field.company {
  background-image: url('../images/Company_1Company.png');
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 43px;
}

.request-text-field.workemail {
  background-image: url('../images/Work-Email_1Work Email.png');
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 43px;
}

.request-text-field.mobile {
  background-image: url('../images/Mobile_1Mobile.png');
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 43px;
}

.request-button {
  width: 100%;
  height: 52px;
  background-color: #3277b2;
  border-radius: 6px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
  transition: all .4s;
}

.request-button:hover {
  color: #3277b2;
  background-color: #cedeed;
}

.request-text-area {
  min-height: 200px;
  color: #3276b3;
  padding-right: 9px;
  font-family: sofia-pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.request-text-area::-ms-input-placeholder {
  color: #3276b3;
}

.request-text-area::placeholder {
  color: #3276b3;
}

.request-label {
  color: #575454;
  margin-bottom: 11px;
  font-family: sofia-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.benefit {
  height: auto;
  min-height: 40px;
  background-image: url('../images/checkmark-benefit_1checkmark-benefit.png');
  background-position: 0 100%;
  background-repeat: no-repeat;
  flex: 0 auto;
  align-self: stretch;
  align-items: flex-end;
  margin: 2px 34px 7px;
  padding-left: 54px;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.benefit.riskfree {
  width: auto;
  min-height: 60px;
  background-image: url('../images/riskfreeseal_1riskfreeseal.png');
  flex-direction: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 17px;
  margin-left: 0;
  padding-left: 74px;
  display: flex;
}

.benefit.pricing {
  background-image: none;
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-top: 29px;
  margin-bottom: 0;
  padding-left: 38px;
  padding-right: 38px;
}

._30-day {
  line-height: 32px;
}

.testimonials {
  flex: 0 auto;
  align-self: stretch;
  margin-left: -14px;
  margin-right: -14px;
}

.div-block-18 {
  padding-left: 34px;
  padding-right: 34px;
}

.landing-heading {
  height: auto;
  min-height: 40px;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  margin: 26px 34px 26px 15px;
  padding-left: 0;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.template {
  width: 580px;
  align-self: flex-start;
  align-items: center;
  margin: 11px auto 4px;
  display: flex;
}

.template-content {
  height: 90px;
  background-color: #f5f5f5;
  border-radius: 2px;
  flex: 1;
  margin-left: 1px;
  display: flex;
}

.template-apps {
  width: 48px;
  height: 110px;
  background-color: #f5f5f5;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.arrows-sml {
  margin-top: 3px;
  margin-bottom: 3px;
}

.template-text-content {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding-top: 6px;
  padding-bottom: 9px;
  padding-left: 9px;
  display: flex;
}

.div-block-20 {
  width: 150px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.template-name {
  color: #575454;
  margin-top: 4px;
  margin-bottom: 2px;
  font-weight: 700;
}

.template-description {
  color: #575454;
  font-size: 13px;
}

.more-templates {
  width: 530px;
  height: 65px;
  color: #575454;
  background-color: #f5f5f5;
  border-radius: 8px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 11px;
  margin-bottom: 11px;
  margin-left: 66px;
  font-size: 18px;
  font-weight: 700;
  display: none;
}

.testimonial-content {
  width: 545px;
  height: 275px;
  max-height: 275px;
  max-width: 545px;
  min-height: 275px;
  min-width: 545px;
  background-color: #fff;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: space-between;
  margin-left: 24px;
  margin-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.testimonial-pic {
  width: 120px;
  height: 120px;
  max-width: 100%;
  opacity: 1;
  background-color: #f5f5f5;
  border: 1px solid #000;
  border-radius: 100px;
  position: absolute;
  top: -17%;
  bottom: 5%;
  left: 74%;
  right: 5%;
  overflow: hidden;
}

.testimonial-pic.sarac {
  background-image: url('../images/Sara-C.PNG');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  overflow: hidden;
}

.testimonial-pic.codyb {
  background-image: url('../images/Codyb.PNG');
  background-position: 70% 30%;
  background-size: 120px;
}

.testimonial-pic.emilier {
  background-image: url('../images/EmilieReid.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.testimonial-pic.simong {
  background-image: url('../images/SimonGoodwin.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-pic.kellyb {
  background-image: url('../images/KellyB.jpg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-pic.jensh {
  background-image: url('../images/Image-1-2.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-pic.dimitrak {
  background-image: url('../images/DimitraK.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-pic.rebeccas {
  background-image: url('../images/RebeccaS.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.testimonial-pic.sherenek {
  background-image: url('../images/ShereneKershner.jpg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: cover;
  left: 68%;
}

.testimonial-stars {
  height: 50px;
  background-image: url('../images/5-stars.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  margin-top: 4px;
  margin-bottom: 29px;
  padding-top: 0;
}

.testimonial-title {
  color: #333;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.text-block-27 {
  color: #575454;
  margin-bottom: 4px;
}

.testimonial-quote {
  color: #575454;
  margin-top: 0;
  font-size: 18px;
  line-height: 22px;
}

.testimonial-attribution {
  color: #575454;
  text-align: right;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  position: static;
  top: 219px;
  bottom: 0%;
  left: -18%;
  right: 35%;
}

.slider-4 {
  background-color: rgba(0, 0, 0, 0);
  margin-top: auto;
  margin-bottom: auto;
  overflow: visible;
}

.mask-4 {
  width: 100%;
  height: 700px;
  object-fit: fill;
  margin-left: auto;
  margin-right: auto;
  padding-top: 136px;
  overflow: hidden;
}

.left-arrow-5 {
  height: 700px;
  color: #8a9da8;
  flex-direction: column;
  justify-content: center;
  display: block;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.right-arrow-5 {
  height: 700px;
  color: #8a9da8;
  display: block;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.image-13 {
  width: auto;
  height: auto;
  max-width: 110px;
}

.image-14 {
  max-width: 48px;
}

.image-15 {
  max-width: 110px;
}

.pricing-info {
  font-size: 58px;
  line-height: 30px;
}

.pricing-info.covid19 {
  width: 500px;
  max-width: 500px;
  color: #ff5000;
  background-color: #f5f5f5;
  margin: 23px 36px;
  padding: 12px 28px;
}

.pricing-info.oldprice {
  color: #e9edef;
  margin-top: 10px;
  font-size: 34px;
  font-weight: 700;
  text-decoration: line-through;
}

.appicon-sml {
  width: 28px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.price {
  font-size: 32px;
}

.appicons {
  flex-direction: column;
  display: flex;
}

.requestinfo {
  width: 100%;
  max-width: 580px;
  min-width: auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .26);
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 24px 32px;
  display: block;
}

.heading2 {
  margin-top: 10px;
  margin-bottom: 23px;
  padding-left: 34px;
  padding-right: 34px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.landingmedia {
  margin-top: 21px;
  margin-bottom: 21px;
}

.heading3 {
  color: #f5f5f5;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.text-block-28 {
  color: #d76c3b;
}

.text-block-29 {
  color: #f5f5f5;
  text-align: center;
  display: none;
}

.text-span-5 {
  font-size: 24px;
}

.left-arrow-6, .right-arrow-6 {
  display: block;
}

.featuredintegration {
  height: 600px;
  border-bottom: 1px solid #da6a3d;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6px;
  padding-left: 41px;
  padding-right: 41px;
  text-decoration: none;
  display: flex;
}

.featuredintegration:hover {
  text-decoration: none;
}

.feattempimg {
  max-height: 350px;
  border: 2px solid #8a9da8;
  margin: 94px 30px 11px;
}

.listfeatured {
  width: 100%;
  height: auto;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-end;
  margin: 22px auto 32px;
  padding-left: 19px;
  padding-right: 19px;
  display: flex;
}

.listfeatured.hideme {
  display: none;
}

.featuredwrapper {
  width: 800px;
  background-color: #fff;
  border: 1px solid rgba(82, 86, 89, .39);
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 12px auto 0;
  padding-top: 43px;
  padding-bottom: 27px;
  display: flex;
  position: relative;
}

.featuredtemplate {
  width: 450px;
  height: 300px;
  background-image: url('../images/Mindbody-Zoom-Featured-Integration.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 1px solid rgba(82, 86, 89, .39);
  margin: 19px 12px 8px;
  padding: 9px 12px;
}

.featuredtemplatename {
  color: #3276b3;
  text-align: center;
  margin-top: 11px;
  margin-bottom: 11px;
  font-size: 20px;
  font-weight: 500;
}

.featuredlink {
  width: 33.33%;
  height: auto;
  border: 1px solid #8a9da8;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.featuredlink:hover {
  text-decoration: none;
  transform: scale(.98);
}

.screenshot {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 0 0 -2px;
  padding: 17px;
  display: flex;
}

.screenshot:hover {
  color: #f5f5f5;
  text-decoration: none;
}

.screenshotimage {
  width: 600px;
  border: 2px solid #d76c3b;
  box-shadow: 1px 1px 3px #525659;
}

.screenshotimage:hover {
  text-decoration: none;
}

.imagelegends {
  color: #f5f5f5;
  margin: 13px 7px 3px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.imagelegends:hover {
  color: #f5f5f5;
  text-decoration: none;
}

.imagelegends:active, .imagelegends:focus {
  color: #ebebeb;
}

.imagesectiontitle {
  color: #f5f5f5;
  text-align: center;
  border-radius: 6px;
  align-self: stretch;
  margin: 13px 34px 1px 15px;
  padding: 10px 6px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.imagessection {
  margin-top: 0;
}

.partnerlink {
  color: #fbf0eb;
  text-decoration: underline;
}

.partnerlink:hover {
  color: #d76c3b;
  text-decoration: underline;
}

.html-embed-14 {
  width: auto;
  max-width: 256px;
}

.covid19 {
  width: 560px;
  max-width: 560px;
  background-color: #fbf0eb;
  flex-direction: column;
  margin-top: 18px;
  padding: 16px;
  display: block;
}

.text-block-31 {
  color: #333;
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  overflow: visible;
}

.privacypolicy {
  margin-bottom: 48px;
  margin-left: 47px;
  margin-right: 47px;
}

.announcement {
  grid-column-gap: 5px;
  grid-row-gap: 16px;
  background-color: #fff;
  grid-template: "Area"
  / .75fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.announcementlcontent {
  background-color: #4dc1c0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 19px;
  padding-bottom: 19px;
  display: flex;
}

.text-block-32 {
  color: #075257;
  font-family: Lato, sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 42px;
}

.image-16 {
  margin-bottom: 7px;
}

.text-block-33 {
  color: #075257;
  text-align: center;
  margin-bottom: 9px;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
}

.tryfreebutton {
  background-color: #d0021b;
  border-radius: 5px;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 20px;
}

.tryfreebutton:hover {
  color: #f5f5f5;
  text-decoration: none;
}

.tryfreebutton:visited {
  text-decoration: none;
}

.div-block-22 {
  width: 100%;
  height: 3200px;
  max-width: 1800px;
  background-image: url('../images/APIANTDiagram2449.jpg');
  background-position: 10% 0;
  background-repeat: no-repeat;
  background-size: 2600px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-23 {
  width: 100%;
  height: 200px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area-2 Area"
  / .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  display: grid;
}

.div-block-24 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 74px;
  padding-bottom: 74px;
  display: flex;
}

.maintext {
  width: 600px;
  color: #464646;
  margin-bottom: 18px;
  font-family: Lato, sans-serif;
  font-size: 40px;
  line-height: 48px;
}

.subtext {
  width: 600px;
  color: #464646;
  margin-top: 18px;
  margin-bottom: 43px;
  font-family: Lato, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 32px;
}

.div-block-25 {
  background-color: #fff;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.logolarge {
  margin: 21px 5px 21px 22px;
}

.text-block-35 {
  color: #5f6468;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 18px;
}

.div-block-24-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 74px;
  padding-bottom: 74px;
  display: none;
}

.callout-button {
  width: 320px;
  height: 60px;
  max-height: 60px;
  color: #fff;
  cursor: pointer;
  background-color: #db3a34;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin: 9px 1px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.callout-button:hover {
  color: #fff;
  background-color: #528ef7;
  text-decoration: none;
}

.callout-button:focus {
  text-decoration: none;
}

.callout-button.w--current {
  color: #fff;
  background-color: #3a657a;
  font-weight: 400;
}

.callout-button.menubutton {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.callout-button.menubutton:hover {
  border-radius: 6px;
}

.callout-button.menubutton.shopconnect {
  background-color: #004d3e;
}

.callout-button.menubutton.shopconnect:hover {
  color: #004d3e;
  background-color: #fbf7ed;
  border: 2px solid rgba(0, 77, 62, .66);
}

.callout-button.menubutton.zoomconnect {
  color: #fff;
  background-color: #528ef7;
}

.callout-button.menubutton.zoomconnect:hover {
  color: #528ef7;
  background-color: #f6f7f9;
  border: 2px solid rgba(82, 142, 247, .74);
}

.callout-button.menubutton.crmconnect-mb-hubspot {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
  background-color: #f04315;
}

.callout-button.menubutton.crmconnect-mb-hubspot:hover {
  outline-offset: 0px;
  color: #f04315;
  background-color: #fff;
  border: 2px solid rgba(240, 67, 21, .72);
  outline-style: none;
}

.callout-button.menubutton.dpohubspot {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
  background-color: #00b8f9;
}

.callout-button.menubutton.dpohubspot:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.menubutton.dpoactivecampaign {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
  background-color: #00b8f9;
}

.callout-button.menubutton.dpoactivecampaign:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.menubutton.dpo-mailchimp {
  width: 180px;
  max-width: 180px;
  min-width: 180px;
  background-color: #f25f25;
}

.callout-button.menubutton.dpo-mailchimp:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.largebutton {
  width: 290px;
  height: 60px;
  max-height: 60px;
  max-width: 290px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.callout-button.largpagebutton {
  width: 250px;
  height: 60px;
  max-height: 60px;
  max-width: 250px;
  min-height: 60px;
  min-width: 250px;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.callout-button.largpagebutton.mainplan {
  max-width: 270px;
  min-width: 270px;
  background-color: #d0021b;
  margin-top: 22px;
  margin-bottom: 15px;
}

.callout-button.largpagebutton.shopconnect {
  background-color: #004d3e;
}

.callout-button.largpagebutton.shopconnect:hover {
  color: #004d3e;
  background-color: #fbf7ed;
  border: 2px solid rgba(0, 77, 62, .66);
}

.callout-button.largpagebutton.zoomconnect {
  color: #fdfeff;
  background-color: #528ef7;
}

.callout-button.largpagebutton.zoomconnect:hover {
  color: #528ef7;
  background-color: #f6f7f9;
  border: 2px solid #528ef7;
}

.callout-button.largpagebutton.crmconnect_mb_hubspot {
  color: #fdfeff;
  background-color: #f04315;
}

.callout-button.largpagebutton.crmconnect_mb_hubspot:hover {
  color: #f04315;
  background-color: #f6f7f9;
  border: 2px solid rgba(240, 67, 21, .72);
}

.callout-button.largpagebutton.crmconnect_dpo_hubspot {
  background-color: #00b8f9;
}

.callout-button.largpagebutton.crmconnect_dpo_hubspot:hover {
  outline-offset: 0px;
  color: #525659;
  background-color: rgba(0, 0, 0, 0);
  outline: 3px solid #00b8f9;
}

.callout-button.largpagebutton.dpo-mailchimp {
  background-color: #f25f25;
}

.callout-button.largpagebutton.dpo-mailchimp:hover {
  outline-offset: 0px;
  color: #525659;
  background-color: rgba(0, 0, 0, 0);
  outline: 3px solid #00b8f9;
}

.callout-button.xlargebutton {
  z-index: 2;
  width: 450px;
  height: 70px;
  max-height: 70px;
  max-width: 450px;
  min-height: 70px;
  min-width: auto;
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
  position: relative;
}

.callout-button.xlargebutton:hover {
  text-decoration: none;
}

.callout-button.xlargebutton.shopconnect {
  z-index: 999;
  min-height: 60px;
  -webkit-text-fill-color: inherit;
  background-color: #004d3e;
  background-clip: border-box;
}

.callout-button.xlargebutton.shopconnect:hover {
  color: #004d3e;
  background-color: #fbf7ed;
  border: 2px solid rgba(0, 77, 62, .66);
}

.callout-button.xlargebutton.zoomconnect {
  min-height: 70px;
  color: #fff;
  background-color: #528ef7;
}

.callout-button.xlargebutton.zoomconnect:hover {
  color: #528ef7;
  background-color: #fdfdfd;
  border: 2px solid rgba(82, 142, 247, .74);
}

.callout-button.xlargebutton.crmconnect_mb_hubspot {
  background-color: #f04315;
}

.callout-button.xlargebutton.crmconnect_mb_hubspot:hover {
  color: #ef8164;
  background-color: #fdfdfd;
  border: 2px solid rgba(240, 67, 21, .72);
}

.callout-button.xlargebutton.dpohubspot {
  background-color: #00b8f9;
}

.callout-button.xlargebutton.dpohubspot:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.xlargebutton.dpoactivecampaign {
  background-color: #00b8f9;
}

.callout-button.xlargebutton.dpoactivecampaign:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.xlargebutton.dpoactivecampaign {
  background-color: #00b8f9;
}

.callout-button.xlargebutton.dpoactivecampaign:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.xlargebutton.dpo-mailchimp {
  background-color: #f25f25;
}

.callout-button.xlargebutton.dpo-mailchimp:hover {
  outline-offset: 0px;
  color: #383d3b;
  background-color: #fff;
  outline: 3px solid #00b8f9;
}

.callout-button.medbutton {
  z-index: 2;
  width: 300px;
  height: 60px;
  max-height: 60px;
  max-width: 450px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin: 70px auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  display: flex;
  position: relative;
}

.callout-button.medbutton:hover {
  text-decoration: none;
}

.callout-button.smallbutton {
  width: 150px;
  max-height: 50px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.callout-button.crmconnect {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  display: flex;
}

.callout-button.crmconnect:hover {
  border-radius: 6px;
}

.callout-button.crmconnect.shopconnect {
  background-color: #004d3e;
}

.callout-button.crmconnect.shopconnect:hover {
  color: #004d3e;
  background-color: #fbf7ed;
  border: 2px solid rgba(0, 77, 62, .66);
}

.callout-button.crmconnect.zoomconnect {
  color: #fff;
  background-color: #528ef7;
}

.callout-button.crmconnect.zoomconnect:hover {
  color: #528ef7;
  background-color: #f6f7f9;
  border: 2px solid rgba(82, 142, 247, .74);
}

.menuoption {
  width: 140px;
  color: #525659;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 6px;
  margin: 2px 1px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .4s;
  display: block;
}

.menuoption:hover {
  color: #fff;
  background-color: #528ef7;
  text-decoration: none;
}

.menuoption:focus {
  text-decoration: none;
}

.menuoption.w--current {
  color: #fff;
  background-color: #528ef7;
  font-weight: 400;
}

.menuoption.shopconnect:hover {
  background-color: #004d3e;
}

.menuoption.zoomconnect:hover {
  background-color: #528ef7;
}

.menuoption.crmconnect-mb-hubspot:hover {
  background-color: #f04315;
}

.menuoption.crmconnect-dpo-hubspot:hover, .menuoption.crmconnect-dpo-activecampaign:hover {
  background-color: #00b8f9;
}

.tempcontent {
  background-color: #3276b3;
  display: none;
}

.section1 {
  justify-content: center;
  display: block;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffefe;
  border-width: 1px 2px 1px 1px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto)) minmax(0, auto) minmax(180px, auto);
  grid-template-columns: minmax(0, 600px) minmax(0, 600px) minmax(0, 600px);
  grid-template-areas: "."
                       "."
                       ".";
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, auto);
  grid-auto-flow: row;
  display: grid;
}

.contact-div {
  max-width: 700px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 67px 67px 67px 18px;
  display: flex;
}

.div-block-26 {
  background-color: #f7f7f7;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.app-logo-1 {
  width: auto;
  height: 70px;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.landingh2 {
  z-index: auto;
  color: #fff;
  text-align: center;
  align-items: center;
  margin: 0 23px;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.land-center-div {
  background-color: #f7f7f7;
  border-style: none none solid;
  border-color: #d1d1d1 #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-benefit {
  color: rgba(82, 86, 89, .79);
  object-fit: fill;
  font-size: 22px;
  overflow: visible;
}

.benefit-div {
  border-bottom: 1px #d1d1d1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  display: flex;
}

.image-17 {
  margin-left: 7px;
  margin-right: 16px;
}

.land-arrows {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.landing-box {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
}

.landing-box.topleft {
  display: block;
  position: relative;
  overflow: hidden;
}

.landing-box.bottomright {
  position: relative;
  overflow: hidden;
}

.landing-box.title {
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-28 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 47px 20px 91px;
  display: flex;
}

.div-block-29 {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 19px;
  padding: 77px 20px 35px;
  display: flex;
}

.how-it-works {
  width: 100%;
  height: 1800px;
  max-width: 2100px;
  background-color: #fff;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-self: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
}

.how-it-works.shopifymbo {
  height: 900px;
}

.videodiv {
  width: 50%;
  justify-content: center;
  align-self: center;
  padding: 42px 6px 42px 54px;
  display: flex;
}

.features-wrapper {
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.heading-9 {
  color: #2d2d2d;
  text-align: center;
  flex: 1;
  margin-top: 0;
  margin-bottom: 73px;
  font-family: sofia-pro, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 75px;
}

.heading-9.tagline {
  width: 600px;
  max-width: 600px;
  color: #383d3b;
  margin-top: 37px;
  margin-bottom: 0;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
}

.text-block-36 {
  color: #525659;
  font-size: 24px;
  font-weight: 600;
}

.itemsynced {
  width: 33.33%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 45px 0;
  padding: 11px;
  line-height: 28px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.itemsynced:hover {
  text-decoration: none;
  transform: scale(1.3);
}

.bulleticon {
  width: 120px;
  margin-bottom: 8px;
}

.features-div {
  max-width: 1000px;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-bottom: 27px;
  display: flex;
}

.darksection {
  width: 100%;
  max-width: 2300px;
  background-color: #f5f5f5;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.slide-nav-7 {
  color: #333;
  position: relative;
  top: -149px;
}

.text-block-37, .text-block-38 {
  font-size: 15px;
}

.pricingsection {
  width: 100%;
  max-width: 2300px;
  flex-flow: column wrap;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 96px;
  display: flex;
}

.landingplanframe {
  width: 550px;
  height: auto;
  min-height: auto;
  float: none;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: 20px;
  margin: 74px 2px;
  padding: 0 0 34px;
  display: block;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 12px 16px -8px rgba(0, 0, 0, .2);
}

.landingplanframe.mainplan {
  margin-bottom: 25px;
}

.landingplanheader {
  height: auto;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: #014d3f;
  background-clip: border-box;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 34px;
  padding-bottom: 34px;
  font-weight: 100;
  display: flex;
}

.landingplanheader.mainplan {
  background-color: #d0021b;
}

.landingplanheader.zoomconnect {
  background-color: #528ef7;
}

.landingplanheader.crmconnect_mb_hubspot {
  background-color: #ef8164;
}

.landingplanheader.crmconnect_dpo_hubspot {
  background-color: #00b8f9;
}

.landingplanname {
  float: none;
  color: #fcfcfc;
  text-align: center;
  text-transform: none;
  margin-top: 14px;
  margin-bottom: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 38px;
}

.landingplanname.mainplan {
  font-size: 38px;
}

.landingplanpricearea {
  height: auto;
  background-color: rgba(82, 142, 247, .06);
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 39px 10px 37px;
  display: flex;
}

.landingplanfeaturesarea {
  height: 200px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  padding: 20px;
  font-family: Roboto, sans-serif;
  display: block;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.landingplanfeaturesarea.mainplan {
  height: 420px;
}

.landingseparator {
  color: #525659;
  background-color: #e9edef;
}

.landingplanfeature {
  float: left;
  clear: left;
  color: #525659;
  text-align: left;
  align-items: center;
  margin-top: 3px;
  margin-bottom: 10px;
  margin-left: 19px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: flex;
}

.landingmonthlyplan {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landingplanprice {
  float: none;
  color: #525659;
  text-align: center;
  font-family: sofia-pro, sans-serif;
  font-size: 48px;
  font-weight: 700;
  display: inline-block;
}

.landingplanprice.mainplan {
  font-size: 38px;
  font-weight: 400;
}

.landingpermonth {
  float: none;
  clear: left;
  color: #525659;
  text-align: center;
  margin-right: 7px;
  padding-left: 4px;
  font-family: sofia-pro, sans-serif;
  font-size: 22px;
  font-weight: 400;
  display: inline-block;
}

.belowprice {
  color: #525659;
  margin-top: 11px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.landinganualsave {
  color: #525659;
  margin-top: 14px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.landingfeatureicon {
  margin-right: 8px;
}

.featuretext {
  font-family: sofia-pro, sans-serif;
  font-size: 18px;
}

.text-span-8 {
  font-size: 24px;
  font-weight: 600;
}

.landingaddons {
  color: #525659;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: sofia-pro, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.accordion-item {
  color: #525659;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .03);
}

.content-wrapper {
  max-width: 1140px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
}

.content-wrapper.slim {
  max-width: 940px;
  color: #525659;
}

.accordion-wrapper {
  margin-top: 50px;
}

.icon-10.accordion-icon {
  color: rgba(0, 0, 0, .6);
  cursor: pointer;
  font-size: 32px;
  line-height: 30px;
}

.accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.header-center-box {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.header-center-box._75 {
  width: 75%;
  color: #fff;
}

.accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 30px;
}

.text-center {
  text-align: center;
}

.accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.faq {
  width: 100%;
  max-width: 2300px;
  background-color: #014d3f;
  margin-left: auto;
  margin-right: auto;
  padding: 120px 10px 150px;
}

.faq.shopconnect {
  background-color: #018b70;
  padding-top: 50px;
}

.faq.zoomconnect {
  background-color: #528ef7;
}

.faq.crmconnect_mb_hubspot {
  background-color: #ef8164;
}

.faq.crmconnect_dpo_hubspot {
  background-color: #00b8f9;
}

.partnermenueimage {
  margin-left: 29px;
}

.accordion-item-2 {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .03);
}

.section-faq-2 {
  background-color: #f8f8f8;
  padding: 150px 30px;
}

.faq-accordion-heading {
  cursor: pointer;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 19px;
  line-height: 30px;
}

.faq-accordion-item-trigger {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.faq-accordion-item-content {
  margin-top: 10px;
  margin-right: 30px;
  overflow: hidden;
}

.faq-accordion-item {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px 30px 14px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, .03);
}

.faqicon.faq-accordion-icon {
  color: rgba(0, 0, 0, .6);
  cursor: pointer;
  font-family: Materialicons, sans-serif;
  font-size: 32px;
  line-height: 30px;
}

.faq-accordion-wrapper {
  margin-top: 50px;
}

.div-block-33 {
  align-items: center;
  display: flex;
}

.boximage {
  filter: brightness(61%);
  object-fit: fill;
  flex: 0 1 0;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.landingquote1 {
  z-index: auto;
  color: #fff;
  text-align: center;
  margin: 0 23px;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  position: absolute;
  top: 76px;
  bottom: 14%;
  left: 0%;
  right: 0%;
}

.image-18 {
  width: 100%;
  filter: brightness(82%);
}

.heading-10 {
  text-align: center;
  margin: 46px 18px auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-34 {
  position: relative;
}

.div-block-35 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
  top: -19px;
}

.landingyearlyplans {
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.featuredimage {
  width: auto;
  height: auto;
  margin-bottom: 10px;
}

.endpoints-list {
  width: 100%;
  max-height: 500px;
  max-width: 1300px;
  object-fit: fill;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: auto;
}

.modal-custom-code {
  display: block;
}

.lightbox-link {
  width: 700px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lightbox-link-2 {
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.lightbox-link-3 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lightbox-link-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.html-embed-15 {
  z-index: 1000;
  flex: 1;
  align-self: stretch;
  display: block;
  position: static;
  top: 711px;
  bottom: auto;
  left: 651px;
  right: auto;
}

.html-embed-16 {
  width: 100%;
  height: auto;
  min-height: 750px;
  justify-content: center;
  align-self: center;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.body-4 {
  flex-direction: column;
  justify-content: center;
  display: block;
}

.nextsteps-wrapper {
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  padding: 0 13px 72px;
  display: flex;
}

.text-block-39 {
  margin-bottom: 47px;
}

.nextstepsembed {
  flex: 0 auto;
  align-self: stretch;
  margin-bottom: 0;
  display: block;
}

.headertext {
  text-align: center;
  margin-top: 62px;
  margin-bottom: 53px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.text-span-9 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
}

.nextstep-step {
  text-align: center;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.bigstep {
  width: auto;
  color: #fff;
  text-align: center;
  background-color: #528ef7;
  align-self: stretch;
  margin-top: 18px;
  margin-bottom: 12px;
  padding: 18px 274px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.bigstep.thankyou {
  width: auto;
  color: #528ef7;
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 0;
  padding-top: 1px;
  padding-bottom: 3px;
  line-height: 35px;
}

.bigstep.thankyou.mailconnect {
  color: #000;
  -webkit-text-stroke-color: black;
  background-color: rgba(0, 0, 0, 0);
}

.bigstep.color2 {
  background-color: #d76c3b;
  line-height: 36px;
  display: none;
}

.bigstep.mailconnect {
  background-color: #00b8f9;
}

.smallstep {
  width: auto;
  max-width: 800px;
  color: #333;
  margin-top: 9px;
  margin-bottom: 22px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.nextstepsjotform {
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 11px;
  display: block;
}

.div-block-37 {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  margin-bottom: 78px;
  padding-bottom: 66px;
  display: flex;
}

.section1b {
  justify-content: center;
  display: flex;
}

.applogos {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  display: none;
}

.columnimg {
  height: 110px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.columnimg.centercolumn {
  justify-content: center;
}

.columnimg.rightcolumn {
  justify-content: flex-start;
}

.headercolumn {
  width: 1000px;
  flex: 1;
  align-self: center;
}

.heroframe {
  width: 100%;
  height: 750px;
  flex-flow: row;
  align-content: flex-start;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
  padding: 24px 44px 37px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.heroimage {
  max-width: 500px;
  display: block;
}

.fullyintegrateddiv {
  z-index: 999;
  width: 280px;
  background-color: #fff;
  border: 2px solid rgba(82, 86, 89, .39);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 8px;
  line-height: 28px;
  display: flex;
  position: absolute;
  top: -5%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.playvideo {
  z-index: 1000;
  width: 100px;
  height: 100px;
  color: #004d3e;
  background-color: rgba(255, 255, 255, .71);
  border: 2px solid #dadada;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-right: 0;
  transition: background-color .4s;
  display: flex;
  position: static;
  top: 41%;
  bottom: auto;
  left: 41%;
  right: auto;
}

.playvideo:hover {
  color: #fff;
  background-color: #004d3e;
}

.playvideo.hideme {
  display: none;
  overflow: visible;
}

.playvideo.zoomconnect {
  color: #528ef7;
}

.playvideo.zoomconnect:hover {
  color: #f6f7f9;
  background-color: #528ef7;
}

.playvideo.crmconnect-mb-hubspot {
  color: #ef8164;
  display: none;
}

.playvideo.crmconnect-mb-hubspot:hover {
  color: #fff;
  background-color: #ef8163;
}

.fill {
  width: 100%;
  height: 100%;
}

.wistia_embedded_button {
  z-index: 999;
  width: 150px;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 45%;
  right: 50%;
}

.wistia_embedded_button.hideme {
  display: none;
}

.columns-3 {
  width: 1000px;
  margin: 7px auto 49px;
  padding-top: 17px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
  display: none;
}

.column-10 {
  height: 500px;
}

.column-11 {
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-38 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-11 {
  margin-left: 0;
}

.icon-12 {
  margin-right: 5%;
}

.free-trial {
  background-image: radial-gradient(circle, rgba(82, 142, 247, .44), #3276b3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 121px;
  padding-bottom: 121px;
  display: flex;
}

.trialinfo {
  color: #fff;
  text-align: center;
  flex: 1;
  margin-top: 7px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 14px;
  display: none;
}

.trialinfo.leftalign {
  text-align: left;
}

.testimonial-contact {
  background-color: rgba(82, 142, 247, .15);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.feature-section {
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 119px 29px;
  display: block;
}

.feature-section.dark {
  width: auto;
  height: 800px;
  max-height: 800px;
  background-color: #f7f7f7;
  padding-top: 100px;
  padding-bottom: 100px;
  display: block;
  overflow: visible;
}

.feature-section.light {
  width: auto;
  height: 800px;
  display: block;
  overflow: visible;
}

.feature-section.price {
  flex-direction: column;
  display: flex;
}

.feature-image-div {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.feature-description-div {
  flex: 1;
}

.feature-description-div.right {
  flex-direction: column;
  justify-content: center;
  padding-left: 60px;
  display: flex;
}

.feature-description-div.left {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-right: 60px;
  display: flex;
}

.fullyintegrated {
  color: #3276b3;
  margin-top: 0;
  margin-bottom: 0;
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
}

.feature-explained {
  width: 520px;
  max-width: 550px;
  color: #494848;
  text-align: left;
  padding-left: 8px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.feature-headline {
  color: #3276b3;
  text-align: left;
  margin-bottom: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.feature-image {
  width: auto;
  height: 100%;
  max-height: 600px;
  min-width: auto;
  border: 1px rgba(138, 157, 168, .39);
  border-radius: 20px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  overflow: visible;
}

.feature-image.benefit1 {
  height: 100%;
  background-image: none;
  overflow: hidden;
}

.feature-image.benefit2 {
  height: 600px;
  background-image: none;
  border: 2px #018b70;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.feature-image.benefit3 {
  height: 100%;
  background-image: none;
  overflow: hidden;
}

.feature-image.benefit4 {
  background-image: url('../images/Mindbody_Zoom_grow_revenue.jpg');
  background-position: 50%;
}

.feature-image.benefit5 {
  background-image: url('../images/Mindbody_Zoom_customizeable.jpg');
}

.feature-image.benefit6 {
  background-image: url('../images/zoomConnect-multi-site.jpg');
  background-position: 100% 100%;
}

.feature-div {
  max-width: 1200px;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.feature-div.dark {
  flex-direction: row;
  align-items: center;
}

.lightbox-link-5 {
  width: 650px;
  height: 500px;
}

.columns-4 {
  max-width: 1200px;
  background-color: rgba(82, 142, 247, .15);
  margin-left: auto;
  margin-right: auto;
}

.heading-11 {
  color: #525659;
  text-align: center;
  align-self: center;
  padding-left: 2px;
  padding-right: 2px;
}

.text-block-43 {
  max-width: 900px;
  text-align: center;
  align-self: center;
  padding-left: 2px;
  padding-right: 2px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.heading-12 {
  margin-bottom: 104px;
}

.click-to-magnify {
  text-align: center;
  margin-top: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
}

.lightbox-feature {
  height: 600px;
  max-height: 600px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.image-feature {
  max-height: 600px;
}

.app-logo-2 {
  width: auto;
  height: 70px;
  max-width: none;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.text-span-10 {
  text-decoration: underline;
}

.div-block-39 {
  margin-bottom: 10px;
}

.html-embed-17 {
  text-align: left;
}

.image-23 {
  margin-top: 42px;
  margin-bottom: 42px;
}

.top-benefits {
  width: 100%;
  height: 1800px;
  max-width: 2100px;
  background-color: #fff;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-self: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
}

.top-benefits.shopifymbo {
  height: 900px;
}

.herocontent {
  width: 700px;
  flex-flow: column wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
  margin-bottom: 1px;
  display: flex;
  position: static;
}

.award {
  margin: 7px;
}

.partner-image {
  width: 160px;
  max-width: 160px;
  margin: 10px 14px;
}

.partner-image.dpo-mailchimp {
  width: 300px;
  max-width: 300px;
}

.productheading {
  width: 700px;
  direction: ltr;
  letter-spacing: -2px;
  text-indent: 0;
  text-transform: none;
  -webkit-text-fill-color: transparent;
  background-color: #528ef7;
  background-image: linear-gradient(to right, #528ef7, #ff00f7);
  -webkit-background-clip: text;
  background-clip: text;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 13px;
  padding-top: 23px;
  padding-bottom: 33px;
  font-family: sofia-pro, sans-serif;
  font-size: 76px;
  font-weight: 700;
  display: flex;
}

.partner-images {
  opacity: .93;
  margin-top: 43px;
  margin-bottom: 43px;
}

.partner-images.dpo-ac {
  display: block;
}

.benefits-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 42px 0 5px;
  font-family: sofia-pro, sans-serif;
  font-size: 28px;
  display: flex;
}

.benefits-container.center {
  flex-direction: column;
  justify-content: center;
}

.benefits-container.right.purple {
  background-color: #e9e1ef;
}

.benefits-container.right.blue {
  background-color: #e5eefe;
}

.benefits-container.left {
  background-color: #fff;
}

.benefits-container.left.blue {
  background-color: rgba(82, 142, 247, .15);
}

.benefits-container.summary {
  justify-content: flex-start;
}

.benefits-container.blue {
  background-color: rgba(82, 142, 247, .15);
}

.videoframe {
  height: 500px;
  background-image: url('../images/ZoomConnect.jpg');
  background-position: 0 0;
  background-size: auto;
  display: none;
  position: relative;
}

.wistia_embedded_button_videoframe {
  z-index: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.wistia_embedded_button_videoframe.hideme {
  display: none;
}

.heading-13 {
  text-align: center;
  font-family: sofia-pro, sans-serif;
}

.heading-third {
  color: #383d3b;
  text-align: left;
  flex: 0 auto;
  margin: 0 20px 20px;
  font-family: sofia-pro, sans-serif;
  font-size: 36px;
  font-weight: 600;
  line-height: 36px;
}

.heading-first {
  max-width: 680px;
  color: #383d3b;
  text-align: center;
  margin: 14px auto 12px;
  padding-left: 8px;
  padding-right: 8px;
  font-family: sofia-pro, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 46px;
}

.topvalue-copy {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 50px 86px;
  font-family: sofia-pro, sans-serif;
  font-size: 28px;
  display: flex;
}

.lptab {
  width: 100%;
  max-width: 550px;
  opacity: .45;
  color: #383d3b;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-left: 2px solid rgba(138, 157, 168, .39);
  border-radius: 0 20px 20px 0;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-left: 0;
  padding: 16px 0;
  display: flex;
}

.lptab:hover {
  opacity: 1;
  color: #383d3b;
}

.lptab.w--current {
  opacity: 1;
  color: #333836;
  background-color: rgba(254, 239, 160, .88);
  border-left: 4px #018b70;
}

.lptab.tabs1 {
  opacity: .8;
}

.lptab.tabs1.w--current, .lptab.tabs2.w--current, .lptab.tabs3, .lptab.tabs3.w--current, .lptab.tabs4.w--current {
  opacity: 1;
}

.lptab.tabs5.w--current {
  opacity: 1;
  background-color: rgba(215, 108, 59, .19);
}

.explainer {
  max-width: 550px;
  color: #383d3b;
  text-align: left;
  margin: 10px 20px 34px;
  font-family: sofia-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.explainer:active, .explainer:focus {
  color: #333;
}

.explainer.summary {
  width: 100%;
  color: #333;
  text-align: left;
  margin-bottom: 0;
  margin-left: 0;
  text-decoration: none;
}

.explainer.summary:hover {
  text-decoration: none;
}

.explainer.center {
  max-width: 600px;
  text-align: center;
  margin-bottom: 14px;
}

.explainer.center.bold {
  font-style: italic;
  font-weight: 700;
}

.explainer.center.headline {
  max-width: 700px;
  font-size: 24px;
}

.clientlogo {
  height: auto;
  max-height: 80px;
  opacity: .45;
  margin-left: 29px;
  margin-right: 29px;
}

.trusted-loop-container {
  width: 100%;
  flex-direction: row;
  flex: none;
  align-content: space-around;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
  display: flex;
  overflow: visible;
}

.trusted-heading {
  color: rgba(56, 61, 59, .6);
  text-align: center;
  flex: 0 auto;
  margin-top: 16px;
  margin-bottom: 13px;
  font-family: sofia-pro, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.trusted-wrapper {
  width: 100%;
  background-color: rgba(251, 247, 237, .26);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 0;
  padding-bottom: 26px;
  font-family: sofia-pro, sans-serif;
  font-size: 28px;
  display: flex;
  overflow: hidden;
}

.trusted-wrapper.center {
  flex-direction: column;
  justify-content: center;
}

.content-holder {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-holder.zoomconnect {
  flex: none;
}

.div-block-41 {
  align-items: center;
  display: flex;
}

.content-holder2 {
  flex: none;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.lptabs {
  width: 100%;
  height: auto;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  margin-top: 41px;
  margin-bottom: 20px;
  display: flex;
}

.lptabs.left {
  flex-direction: row-reverse;
}

.heading-third-copy {
  color: #383d3b;
  text-align: center;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 13px;
  font-family: sofia-pro, sans-serif;
  font-size: 28px;
}

.heading-second {
  max-width: 700px;
  color: #383d3b;
  text-align: center;
  margin: 40px auto;
  font-family: sofia-pro, sans-serif;
  font-size: 42px;
  font-weight: 600;
  line-height: 48px;
}

.heading-second.highlight {
  flex: 0 auto;
  margin-top: 26px;
  margin-bottom: 20px;
  font-size: 48px;
}

.image {
  display: block;
}

.summary-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: 30px;
  margin-right: 30px;
  padding: 30px;
  text-decoration: none;
  display: flex;
}

.summary-item:hover {
  background-color: rgba(254, 239, 160, .88);
  text-decoration: none;
}

.summary-item.shopconnect:hover {
  background-color: rgba(1, 139, 112, .14);
}

.summary-image {
  width: 500px;
  height: 377px;
  margin-bottom: 13px;
}

.heading-fourth {
  color: #383d3b;
  text-align: left;
  flex: 0 auto;
  margin-top: 4px;
  margin-bottom: 7px;
  font-family: sofia-pro, sans-serif;
  font-size: 27px;
  font-weight: 600;
  line-height: 30px;
  text-decoration: none;
}

.heading-fourth:hover {
  text-decoration: none;
}

.summary-image-container {
  max-height: 377px;
  min-height: 377px;
  min-width: 500px;
  border-radius: 20px;
  margin-bottom: 9px;
  overflow: hidden;
}

.topvalue-container {
  max-width: 1800px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
  display: flex;
}

.summary-image {
  width: 200%;
  height: 100%;
  border-radius: 20px;
  margin-right: 18px;
}

.feature-spacer {
  height: 35px;
}

.page-header {
  text-align: center;
  letter-spacing: -2px;
  -webkit-text-fill-color: transparent;
  background-color: #fdfdfd;
  background-image: linear-gradient(to right, #528ef7, #ff00f7);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 63px;
  margin-bottom: 7px;
  padding-top: 31px;
  padding-bottom: 31px;
  font-family: sofia-pro, sans-serif;
  font-size: 74px;
  font-weight: 900;
}

.page-header.shopifyconnect {
  width: auto;
  color: #004d3e;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-clip: border-box;
  font-size: 70px;
  line-height: 50px;
}

.page-header.zoomconnect {
  background-color: #528ef7;
  background-image: none;
}

.page-header.crmconnect {
  background-color: #00b8f9;
  background-image: none;
}

.page-header.mbohubspot {
  background-color: #ff7a59;
  background-image: none;
}

.page-header.mailconnect {
  background-color: #00b8f9;
  background-image: none;
}

.tryfree-float {
  z-index: 999;
  width: 100%;
  background-color: rgba(233, 237, 239, .88);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-bottom: 11px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-43 {
  width: 500px;
}

.request-info {
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 36px;
  padding-bottom: 36px;
  display: flex;
}

.testimonial-wrapper {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-left: 32px;
  display: flex;
}

.testimonial-card {
  width: auto;
  max-width: 900px;
  text-align: center;
  border: 1px solid rgba(82, 86, 89, .38);
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 41px 18px 76px;
  padding: 13px 29px;
  display: flex;
  position: relative;
}

.testimonial-card.large {
  width: 450px;
  text-align: center;
}

.bold-text {
  font-family: sofia-pro, sans-serif;
  font-size: 42px;
  font-weight: 400;
  line-height: 44px;
}

.testimonial-quote {
  color: #2e2d2d;
  margin-top: 14px;
  margin-bottom: 4px;
  font-family: sofia-pro, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 34px;
}

.testimonial-quote.large {
  font-weight: 700;
}

.testimonial-attrib {
  color: #2e2c2c;
  margin-top: 10px;
  font-family: sofia-pro, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

.bold-text-2 {
  color: #575454;
}

.paragraph-5 {
  font-family: sofia-pro, sans-serif;
  font-size: 16px;
}

.trial-name {
  float: none;
  color: #fff;
  text-align: center;
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
}

.trial-name.mainplan {
  font-size: 38px;
}

.herowrapper {
  max-width: 1200px;
  flex: 1;
  display: flex;
}

.requesttest-wrapper {
  justify-content: space-between;
  display: flex;
}

.hero-image {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
  overflow: visible;
}

.video-background {
  position: absolute;
}

.topvalue-detail-image {
  width: 800px;
  height: auto;
  max-width: 100%;
  opacity: .71;
  object-fit: fill;
  border: 4px #d76c3b;
  border-radius: 20px;
  flex: none;
  margin-top: 30px;
}

.topvalue-detail-image.zoomconnect {
  border-color: #528ef7;
}

.image-24 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.div-block-44 {
  display: none;
}

.body-5 {
  object-fit: fill;
  overflow: visible;
}

.div-block-45 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.lp-body {
  max-width: 1600px;
  color: #383d3b;
  margin-left: auto;
  margin-right: auto;
  font-family: sofia-pro, sans-serif;
}

.modal-wrapper {
  height: 100%;
  background-image: linear-gradient(45deg, rgba(82, 142, 247, .87), rgba(219, 58, 52, .89));
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 5%;
  display: flex;
  position: fixed;
  overflow: auto;
}

.modal-wrapper.shopconnect {
  background-color: rgba(251, 247, 237, .81);
  background-image: none;
  display: none;
}

.modal-wrapper.zoomconnect, .modal-wrapper.crmconnectdonorperfectactivecampaign {
  background-color: rgba(246, 247, 249, .9);
  background-image: none;
  display: none;
}

.try-free-window {
  background-color: #eee;
  border-top: 1px #000;
  border-radius: 10px;
  padding: 0 0 9px;
  display: block;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .27);
}

.try-free-hero {
  color: #fff;
  background-color: #004d3e;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  padding: 36px 40px;
  overflow: visible;
  box-shadow: inset 8px 8px 20px -8px rgba(0, 0, 0, .31);
}

.try-free-hero.zoomconnect {
  background-color: #528ef7;
}

.try-free-hero.crmconnect-mindbody-hubspot {
  background-color: #ef8163;
}

.try-free-hero.crmconnect-dpo-hubspot {
  background-color: #00b8f9;
  display: block;
}

.try-free-content-wrapper {
  flex-direction: column;
  align-items: center;
  margin: 29px 36px 10px;
  display: flex;
}

.try-free-content-wrapper.crmconnect-mindbody-hubspot {
  color: #da6a3d;
  background-color: #fffefe;
  display: block;
}

.mindbody-location-choice {
  border: 1px solid #000;
  border-radius: 1px;
  margin-top: 35px;
}

.try-free-app-logo {
  margin-top: 21px;
  margin-bottom: 7px;
}

.heading-15 {
  margin-bottom: 26px;
}

.lptabsmenu {
  border: 0 #000;
  margin: 16px 12px 0;
  padding-top: 0;
}

.tab-label {
  width: 300px;
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(104, 109, 116, .61);
  border-bottom: 2px solid rgba(71, 71, 71, .36);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
}

.tab-label:hover {
  color: #fff;
  background-color: rgba(160, 170, 185, .61);
}

.tab-label.w--current {
  color: #292b2a;
  background-color: #fff;
  border: 2px solid rgba(71, 71, 71, .36);
  border-bottom: 1px #000;
  border-top-left-radius: 6px;
}

.product-title-hero {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
}

.tabs-content-3 {
  width: 600px;
  border: 2px solid rgba(71, 71, 71, .36);
  border-top: 2px #474747;
  border-radius: 1px 1px 6px 6px;
  padding-top: 23px;
  padding-bottom: 14px;
  overflow: visible;
}

.text-block-44, .text-block-45 {
  text-align: center;
}

.try-free-title {
  color: #575454;
  text-align: center;
  align-self: stretch;
  margin: 13px 0 17px;
  padding-left: 0;
  padding-right: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.html-embed-18 {
  margin-bottom: 0;
}

.tabs-3 {
  width: 600px;
  max-width: 600px;
  min-width: 600px;
  margin-top: 33px;
  margin-bottom: 25px;
}

.try-free-tab-instructions {
  color: #5885e4;
  text-align: center;
  margin: 20px 55px 23px;
  padding-left: 0;
  padding-right: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  display: block;
}

.try-free-tab-instructions.leftalign {
  color: #575454;
  text-align: center;
  margin-bottom: 18px;
  font-family: sofia-pro, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.try-free-copy {
  color: rgba(87, 84, 84, .78);
  text-align: center;
  align-self: stretch;
  margin: 13px 0 17px;
  padding-left: 0;
  padding-right: 0;
  font-family: sofia-pro, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-46 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tooltip-trigger {
  width: 25px;
  height: 30px;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
  padding-bottom: 11px;
  display: flex;
  position: relative;
}

.tooltip-trigger.large {
  cursor: pointer;
  padding-bottom: 0;
  position: static;
  top: 208px;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.question-icon {
  opacity: 1;
  color: #274b5e;
  cursor: ne-resize;
  display: none;
}

.tooltip {
  z-index: 3;
  min-width: 150px;
  color: #fffefe;
  background-color: #5282e0;
  border: 1px #474747;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 27px 12px 10px 10px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 146%;
  left: -60px;
  right: 0%;
}

.tooltip.large {
  z-index: 9999;
  min-width: 400px;
  background-color: #fff;
  border-width: 2px;
  border-color: #da6a3d;
  justify-content: flex-start;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  bottom: -178px;
  left: 46px;
}

.tooltip-arrow {
  z-index: 9999;
  width: 10px;
  height: 10px;
  outline-offset: 0px;
  background-color: #274b5e;
  border: 1px #474747;
  outline: 1px #7d7b7a;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: -5px;
  left: 0%;
  right: 64%;
  transform: rotate(45deg);
}

.text-block-46 {
  text-align: justify;
  margin-top: 6px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.tooltip-link {
  color: #fff;
  text-align: center;
  flex-direction: row;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.tooltip-link:hover {
  color: #fff;
  text-decoration: underline;
}

.external-link {
  padding-top: 5px;
  padding-right: 5px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.tooltip-title {
  height: 30px;
  color: #5383e0;
  text-align: center;
  background-color: #fff;
  border: 1px solid #5383e0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 0;
  padding-top: 3px;
  padding-bottom: 1px;
  font-weight: 600;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.tooltip-title.large {
  height: auto;
  color: #fff;
  text-align: left;
  background-color: #33647e;
  flex: 0 auto;
  margin-bottom: 2px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 22px;
  position: static;
}

.shopconnect-calendar-embed {
  margin-bottom: 0;
}

.featured {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.popup-button {
  color: #fff;
  background-color: #db3a34;
  margin: 2px 1px;
  padding: 10px 20px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .4s;
  display: block;
}

.popup-button:hover {
  color: #fff;
  background-color: #528ef7;
  text-decoration: none;
}

.popup-button:focus {
  text-decoration: none;
}

.popup-button.w--current {
  color: #fff;
  background-color: #3a657a;
  font-weight: 400;
}

.popup-button.menubutton {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  font-size: 16px;
}

.popup-button.largebutton {
  width: 290px;
  height: 60px;
  max-height: 60px;
  max-width: 290px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.popup-button.largpagebutton {
  height: 52px;
  max-height: 52px;
  max-width: 250px;
  min-width: 250px;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.popup-button.largpagebutton.mainplan {
  max-width: 270px;
  min-width: 270px;
  background-color: #d0021b;
  margin-top: 22px;
  margin-bottom: 15px;
}

.popup-button.xlargebutton {
  z-index: 2;
  width: 450px;
  height: 60px;
  max-height: 60px;
  max-width: 450px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
  position: relative;
}

.popup-button.xlargebutton:hover {
  text-decoration: none;
}

.popup-button.medbutton {
  z-index: 2;
  width: 300px;
  height: 60px;
  max-height: 60px;
  max-width: 450px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin: 70px auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  display: flex;
  position: relative;
}

.popup-button.medbutton:hover {
  text-decoration: none;
}

.popup-button.medbutton.shopconnect {
  background-color: #004d3e;
}

.popup-button.medbutton.shopconnect:hover {
  color: #004d3e;
  background-color: #fbf7ed;
  border: 2px solid #004d3e;
}

.popup-button.medbutton.zoomconnect {
  color: #fff;
  background-color: #528ef7;
}

.popup-button.medbutton.zoomconnect:hover {
  color: #528ef7;
  background-color: #f6f7f9;
  border: 2px solid rgba(82, 142, 247, .74);
}

.popup-tabs {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 25px;
}

.popup-tabs-menu {
  border: 0 #000;
  justify-content: space-between;
  margin: 16px 0 0;
  padding-top: 0;
  display: flex;
}

.popup-tabs-content {
  width: 100%;
  background-color: #fff;
  border: 2px solid #dddada;
  border-top: 1px #dddada;
  border-radius: 1px 1px 6px 6px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  padding-top: 22px;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
}

.popup-tabs-label {
  width: 300px;
  color: #575454;
  text-transform: uppercase;
  background-color: #dfdfdf;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
}

.popup-tabs-label:hover {
  text-decoration: none;
}

.popup-tabs-label.w--current {
  color: #525659;
  background-color: #fff;
  border: 2px solid #dddada;
  border-bottom-style: none;
}

.popup-tabs-label.shopconnect {
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 77, 62, .19);
  background-clip: border-box;
}

.starstestimonial {
  z-index: 999;
  width: 180px;
  opacity: .83;
  margin-bottom: 9px;
  margin-left: 5px;
  margin-right: 5px;
  position: absolute;
  top: -15px;
  bottom: auto;
  left: auto;
  right: auto;
}

.apiantcomponent._2column {
  height: 750px;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.contentbox {
  z-index: 777;
  background-color: #fbf7ed;
  flex-direction: column;
  flex: 1;
  align-items: center;
  display: flex;
  position: relative;
}

.contentbox.videomask {
  z-index: 98;
  height: 100%;
  max-height: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  justify-content: center;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 20px;
  right: 0%;
}

.contentbox.zoomconnect, .contentbox.dpohubspot, .contentbox.dpoctivecampaign, .contentbox.mailconnect-dpo-mailchimp {
  background-color: #f6f7f9;
}

.videosection {
  height: 100%;
  flex: 1;
  justify-content: flex-start;
  display: block;
  position: static;
}

.videosection.crmconnect-mindbody-hubspot {
  background-image: url('../images/CRMConnect-Mindbody-and-HubSpot-synced.jpg');
  background-position: 50%;
  background-size: cover;
}

.videosection.crmconnect-donorperfect-hubspot {
  background-image: url('../images/CRMConnect-DonorPerfect-and-HubSpot-synced.jpg');
  background-position: 100%;
  background-size: cover;
}

.videosection.crmconnect-donorperfect-activecampaign {
  background-image: url('../images/CRMConnect-DonorPerfect-and-ActiveCampaign-synced.jpg');
  background-position: 100%;
  background-size: cover;
}

.videosection.mailconnect-dpo-mailchimp {
  background-image: url('../images/MailConnect-DonorPerfect-and-Mailchimp-synced.jpg');
  background-position: 100%;
  background-size: cover;
}

.background-video {
  width: 100%;
  height: 100%;
}

.background-video.crmconnect-mindbody-hubspot {
  display: none;
}

.lpapplogo {
  width: auto;
  max-width: 240px;
}

.lpapplogo.logo2 {
  width: auto;
  max-width: 280px;
}

.lpapplogo.logo2.crmconnect {
  width: 180px;
}

.lpapplogo.logo2.activecampaign {
  width: 280px;
}

.lpapplogo.logo2.keap {
  height: 44px;
}

.lpapplogo.logo2.mailconnect {
  max-width: 260px;
}

.lpapplogo.zoomconnect {
  width: 130px;
}

.lpapplogo.crmconnect {
  width: 220px;
}

.lpapplogo.dpohubspot {
  width: 260px;
  max-width: 280px;
}

.lp-2ws-arrows {
  width: auto;
  max-width: 80px;
}

.image-25 {
  object-fit: fill;
  flex: 1;
  display: block;
}

.videomask-hor {
  height: 100%;
  display: block;
}

.videomask-vert {
  height: 100%;
  display: none;
}

.appswrapper {
  width: auto;
  max-width: 600px;
  justify-content: center;
  align-items: center;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.image-26 {
  color: #3b3b3b;
}

.svgfont {
  width: 80px;
  height: 25px;
}

.star {
  margin-left: 2px;
  margin-right: 2px;
}

._5stars {
  width: 250px;
  background-color: #fff;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 13px;
  margin-right: 13px;
  display: flex;
  position: absolute;
  top: -23px;
  bottom: auto;
  left: auto;
  right: auto;
}

._5stars.white {
  background-color: #fffefe;
}

._5stars.blue {
  background-color: #fff;
}

.vertline {
  width: 2px;
  height: 34px;
  color: #8a9da8;
  background-color: #8a9da8;
  flex: 0 auto;
  margin-left: 17px;
  margin-right: 17px;
}

.apiant-menu {
  height: 100px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 42px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
}

.heading-16 {
  color: #dae0e4;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.heroheading {
  color: #274b5e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 51px;
  margin-bottom: 51px;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  display: flex;
}

.hpbody {
  background-color: #274b5e;
  padding-left: 40px;
  padding-right: 40px;
}

.conditional {
  flex-direction: column;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.hp-main-text {
  max-width: 800px;
  color: #fff;
  text-align: left;
  flex: 1;
  margin-top: 12px;
  margin-bottom: 12px;
  font-family: Roboto, sans-serif;
  font-size: 70px;
  font-weight: 700;
  line-height: 90px;
}

.image-27 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.main-text-link {
  z-index: 9999;
  text-decoration: none;
  position: relative;
}

.main-text-subscript {
  font-size: 22px;
  line-height: 48px;
  top: .125px;
}

.diagram-wrapper {
  width: 100%;
  background-color: #f5f5f5;
  background-image: radial-gradient(circle, #fff 39%, rgba(138, 157, 168, .55));
  border: 4px solid #da6a3d;
  border-radius: 19px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 30px 50px;
  font-size: 100%;
  display: flex;
  position: relative;
}

.div-block-49 {
  width: 90px;
  height: 90px;
  border: 2px solid rgba(39, 75, 94, .56);
  border-radius: 90px;
}

.action-name {
  color: rgba(51, 51, 51, .7);
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 500;
}

.action-name.conditional {
  text-align: center;
  line-height: 26px;
  position: absolute;
  top: 372px;
}

.action-name.gain {
  color: #44af69;
}

.action-name.lose {
  color: #d0041b;
}

.action {
  flex-direction: column;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
  position: relative;
}

.action-plus {
  margin-top: 8px;
  margin-bottom: 8px;
}

.image-28 {
  margin-top: 9px;
  margin-bottom: 9px;
}

.next-actions {
  width: 500px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: static;
  top: -42px;
}

.action-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
}

.action-image {
  position: absolute;
  top: 14px;
  bottom: auto;
  left: 12px;
  right: auto;
}

.main-section {
  flex-direction: column;
  align-items: center;
  padding-top: 7%;
  display: flex;
}

.main-div {
  height: 100vh;
  max-width: 1600px;
  flex-direction: column;
  justify-content: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.schedule-demo-button {
  width: 220px;
  height: 48px;
  color: #f4f4f4;
  text-align: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(#da6a3d, #af552c);
  border: 1px solid #274b5e;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin: 45px 1px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
  transition: background-color .4s;
  display: flex;
}

.schedule-demo-button:hover {
  background-image: linear-gradient(#da6a3d, #f3763d);
  text-decoration: none;
}

.schedule-demo-button:focus {
  text-decoration: none;
}

.schedule-demo-button.w--current {
  color: #fff;
  background-color: #3a657a;
  font-weight: 400;
}

.schedule-demo-button.menubutton {
  width: 160px;
  max-width: 160px;
  min-width: 160px;
  text-align: center;
  cursor: pointer;
  border-radius: 6px;
  font-size: 16px;
}

.schedule-demo-button.menubutton.shopconnect {
  background-color: #004d3e;
}

.schedule-demo-button.menubutton.shopconnect:hover {
  outline-offset: 0px;
  color: #004d3e;
  background-color: #fbf7ed;
  outline: 1px solid rgba(0, 77, 62, .83);
}

.schedule-demo-button.largebutton {
  width: 290px;
  height: 60px;
  max-height: 60px;
  max-width: 290px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.schedule-demo-button.largpagebutton {
  height: 52px;
  max-height: 52px;
  max-width: 250px;
  min-width: 250px;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
}

.schedule-demo-button.largpagebutton.mainplan {
  max-width: 270px;
  min-width: 270px;
  background-color: #d0021b;
  margin-top: 22px;
  margin-bottom: 15px;
}

.schedule-demo-button.largpagebutton.shopconnect {
  background-color: #004d3e;
}

.schedule-demo-button.xlargebutton {
  z-index: 2;
  width: 450px;
  height: 60px;
  max-height: 60px;
  max-width: 450px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 22px;
  display: flex;
  position: relative;
}

.schedule-demo-button.xlargebutton:hover {
  text-decoration: none;
}

.schedule-demo-button.xlargebutton.shopconnect {
  z-index: 999;
  min-height: 60px;
  -webkit-text-fill-color: inherit;
  background-color: #004d3e;
  background-clip: border-box;
}

.schedule-demo-button.xlargebutton.shopconnect:hover {
  outline-offset: 0px;
  color: #004d3e;
  background-color: #fbf7ed;
  outline: 1px solid rgba(0, 77, 62, .66);
}

.schedule-demo-button.medbutton {
  z-index: 2;
  width: 300px;
  height: 60px;
  max-height: 60px;
  max-width: 450px;
  min-width: auto;
  text-align: center;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin: 70px auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  display: flex;
  position: relative;
}

.schedule-demo-button.medbutton:hover {
  text-decoration: none;
}

.div-block-50 {
  align-items: center;
  display: flex;
}

.tooltip-content {
  color: #da6a3d;
  text-align: justify;
  margin: 10px 14px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
}

.main-text-wrapper {
  position: relative;
}

.appname {
  color: #da6a3d;
  text-align: left;
  position: static;
  top: -26px;
}

.hero-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.hero-left {
  width: 800px;
  min-width: 50%;
  flex-direction: row;
  align-items: stretch;
  margin-right: 21px;
  display: flex;
  position: relative;
}

.hero-right {
  max-width: 50%;
  flex: 1;
}

.text-span-11 {
  font-size: 50px;
}

.tooltext {
  color: #da6a3d;
  background-image: url('../images/question-orange.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 20px;
  background-attachment: scroll;
  text-decoration: none;
}

.html-embed-19 {
  color: #da6a3d;
}

.svg {
  color: #a24141;
  background-color: #913636;
}

.icon-wrapper {
  display: block;
}

.svgicon {
  color: #da6a3d;
}

.help-column {
  width: 80px;
  height: 100%;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.tabs {
  flex: 0 auto;
  display: flex;
}

.tabs.left {
  justify-content: flex-start;
  padding-top: 41px;
  padding-bottom: 41px;
}

.tabs.right {
  padding-top: 41px;
  padding-bottom: 41px;
}

.tabs-list {
  flex-direction: column;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
}

.lptabcontent {
  height: auto;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.lptabpane {
  flex: 1;
}

.tab-timer-bar {
  width: 100%;
  height: 3px;
  background-color: #018b70;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.background-video-2 {
  z-index: 888;
  width: 800px;
  height: 600px;
  border: 3px solid #018b70;
  border-left-width: 4px;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.paragraph-6 {
  max-width: 650px;
  color: #7b88a8;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
}

.tab-grid {
  width: 100%;
  height: 100%;
  grid-template-rows: auto;
}

.tab-h1 {
  color: #2d3958;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 38px;
  line-height: 1.1;
}

.tab-panel {
  min-height: 500px;
  background-color: #fff;
  border-radius: 24px;
  padding-left: 25px;
  padding-right: 25px;
  box-shadow: 0 60px 100px -50px rgba(21, 28, 52, .31);
}

.tabs-content-5 {
  padding-top: 40px;
  overflow: visible;
}

.load-bar-base {
  width: 5px;
  height: 100%;
  max-width: 5px;
  min-width: 5px;
  border-radius: 500px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.link-arrow {
  color: #6a35ff;
  align-items: center;
  margin-top: 20px;
  padding-top: 18px;
  padding-bottom: 18px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.tab-image {
  width: 44px;
  margin-right: 12px;
}

.tabs-menu-4 {
  max-width: 960px;
  justify-content: center;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.animation-block {
  border-radius: 25px;
}

.tab-button-2 {
  width: 280px;
  opacity: .7;
  color: #151c34;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  font-size: 15px;
  display: flex;
}

.tab-button-2.w--current {
  opacity: 1;
  color: #151c34;
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}

.text-block-47 {
  margin-right: 14px;
}

.load-bar {
  width: 100%;
  background-color: #d76c3b;
}

.load-bar.zoomconnect {
  background-color: #528ef7;
}

.content-block {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.tab-scroll-trigger {
  height: 5px;
}

.lptabsmenu2 {
  border: 0 #000;
  margin-top: 16px;
  margin-bottom: 0;
  margin-left: 64px;
  padding-top: 0;
}

.lptab2 {
  width: 100%;
  max-width: 550px;
  color: rgba(56, 61, 59, .76);
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-left: 2px solid rgba(138, 157, 168, .39);
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-left: 0;
  padding: 16px 0;
  display: flex;
}

.lptab2:hover {
  color: #014d3f;
}

.lptab2.w--current {
  color: #383d3b;
  background-color: rgba(1, 139, 112, .14);
  border-left: 4px #018b70;
}

.html-embed-20 {
  display: block;
}

.html-embed-21, .html-embed-22, .html-embed-23, .html-embed-24 {
  display: none;
}

.tab-pane-tab-4 {
  flex: 0 auto;
}

.html-embed-25, .html-embed-26, .html-embed-27, .html-embed-28, .html-embed-29, .html-embed-30 {
  display: block;
}

.html-embed-31 {
  color: #528ef7;
}

.close-icon {
  width: 10px;
  color: #528ef7;
}

.close-icon.zoomconnect {
  cursor: pointer;
  position: absolute;
  top: -29px;
  bottom: auto;
  left: auto;
  right: -19px;
}

.close-modal-button {
  top: -34px;
  bottom: auto;
  left: auto;
  right: -40px;
}

.lpcode {
  display: block;
}

.feature-image-default {
  width: auto;
  height: 100%;
  min-width: auto;
  border: 1px rgba(138, 157, 168, .39);
  border-radius: 20px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: block;
  overflow: visible;
}

.feature-image-default.benefit1 {
  height: 100%;
  background-image: none;
  overflow: hidden;
}

.feature-image-default.benefit2 {
  height: 600px;
  background-image: none;
  border: 2px #018b70;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.feature-image-default.benefit3 {
  height: 100%;
  background-image: none;
  overflow: hidden;
}

.feature-image-default.benefit4 {
  background-image: url('../images/Mindbody_Zoom_grow_revenue.jpg');
  background-position: 50%;
}

.feature-image-default.benefit5 {
  background-image: url('../images/Mindbody_Zoom_customizeable.jpg');
}

.feature-image-default.benefit6 {
  background-image: url('../images/zoomConnect-multi-site.jpg');
  background-position: 100% 100%;
}

.modal-wrapper-copy {
  z-index: 9999;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(45deg, #274b5e, rgba(58, 101, 122, .59));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.modal-wrapper-copy.aip {
  display: block;
}

.div-block-51 {
  display: flex;
}

.div-block-52 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.modalpopup {
  background-color: #eee;
  border-top: 1px #000;
  border-radius: 10px;
  padding: 0 0 9px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .27);
}

.modalpopupcontent {
  flex-direction: column;
  align-items: center;
  margin: 5px 37px;
  display: flex;
}

.emailform {
  width: 500px;
}

.emailform.large {
  margin-top: 76px;
}

.emailform.small {
  width: auto;
  margin-bottom: 0;
}

.email-form {
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-field-2 {
  width: 300px;
}

.email-input {
  width: 350px;
  height: 60px;
  outline-offset: 0px;
  border: 1px solid #3898ec;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  outline: 3px #333;
  margin-bottom: 0;
  font-size: 22px;
}

.email-input.small {
  width: 150px;
  height: 40px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  font-size: 14px;
}

.submit-button-2 {
  width: 250px;
}

.get-started-button {
  width: 250px;
  height: 60px;
  text-transform: none;
  border-top: 1px solid #3898ec;
  border-bottom: 1px solid #3898ec;
  border-right: 2px solid #3898ec;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 20px;
  font-weight: 400;
}

.get-started-button.small {
  width: 110px;
  height: 40px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 14px;
}

.dropdown-toggle-2 {
  font-weight: 400;
}

.dropdown {
  font-weight: 400;
  display: block;
}

.emailform-msg {
  background-color: #eaf5ff;
}

.nextsteps {
  color: #fff;
  background-color: #528ef7;
  padding-left: 8px;
  padding-right: 8px;
}

.zoomconnect {
  color: #528ef7;
}

.app_logo {
  margin-top: 26px;
  margin-bottom: 26px;
}

.smallsteps-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  display: none;
}

.bigstep-info {
  width: auto;
  color: #fff;
  text-align: center;
  background-color: #528ef7;
  align-self: stretch;
  margin-top: 18px;
  margin-bottom: 12px;
  padding: 18px 274px;
  font-family: Open Sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

.bigstep-info.thankyou {
  width: auto;
  color: #528ef7;
  background-color: rgba(0, 0, 0, 0);
  flex: 0 auto;
  align-self: auto;
  margin-bottom: 0;
  padding-top: 1px;
  padding-bottom: 33px;
  line-height: 35px;
}

.bigstep-info.color2 {
  color: #474747;
  background-color: #f7d1bf;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  display: none;
}

.tabs-wrapper {
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: relative;
}

.tab-prev {
  width: 50px;
  height: 50px;
  opacity: .6;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
  position: absolute;
  top: -20px;
  bottom: auto;
  left: -80px;
  right: 0%;
}

.tab-prev:hover {
  opacity: 1;
}

.tab-next {
  width: 50px;
  height: 50px;
  opacity: .6;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  transition: opacity .2s;
  position: absolute;
  top: -20px;
  bottom: auto;
  left: 0%;
  right: -80px;
}

.tab-next:hover {
  opacity: 1;
}

.div-block-53 {
  margin-bottom: 40px;
}

.moblie-tab-explainer {
  width: 100%;
  max-width: 550px;
  opacity: .8;
  color: rgba(56, 61, 59, .41);
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-left: 2px solid rgba(138, 157, 168, .39);
  border-radius: 0 20px 20px 0;
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-start;
  margin-left: 0;
  padding: 16px 0;
  display: none;
}

.moblie-tab-explainer:hover {
  opacity: 1;
  color: #383d3b;
}

.moblie-tab-explainer.w--current {
  color: #383d3b;
  background-color: rgba(39, 75, 94, .06);
  border-left: 4px #018b70;
}

.moblie-tab-explainer.tabs1 {
  opacity: .8;
}

.moblie-tab-explainer.tabs1.w--current, .moblie-tab-explainer.tabs2.w--current, .moblie-tab-explainer.tabs3.w--current, .moblie-tab-explainer.tabs4.w--current, .moblie-tab-explainer.tabs5.w--current {
  opacity: 1;
}

.testimonial-card-mobile {
  width: auto;
  max-width: 900px;
  text-align: center;
  border: 1px solid rgba(82, 86, 89, .38);
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 41px 18px 76px;
  padding: 13px 29px;
  display: none;
  position: relative;
}

.testimonial-card-mobile.large {
  width: 450px;
  text-align: center;
}

.html-embed-32 {
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.featuredlinkimage {
  height: auto;
}

.featuredwrapper-2 {
  width: 800px;
  background-color: #fff;
  border: 1px solid rgba(82, 86, 89, .39);
  flex-flow: wrap;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin: 12px auto 0;
  padding-top: 43px;
  padding-bottom: 27px;
  display: flex;
  position: relative;
}

.featuredintegrationapp {
  width: auto;
  height: auto;
  max-width: 500px;
  border: 1px solid #8a9da8;
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  margin: 17px 8px 5px;
  transition: all .2s;
  display: flex;
}

.featuredintegrationapp:hover {
  text-decoration: none;
  transform: scale(.98);
}

.div-block-54 {
  background-color: #fdfcfc;
}

.benefit-cards-container {
  max-width: 1200px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 24px;
  padding-right: 24px;
  display: grid;
}

.benefit-card {
  min-width: 450px;
  background-color: rgba(218, 224, 228, .37);
  border-radius: 11px;
  flex-direction: column;
  justify-content: space-between;
  margin: 4px;
  padding: 27px;
  display: flex;
}

.benefits-checklist-container {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 42px 0 5px;
  font-family: sofia-pro, sans-serif;
  font-size: 28px;
  display: flex;
}

.benefits-checklist-container.center {
  flex-direction: column;
  justify-content: center;
}

.benefits-checklist-container.right.purple {
  background-color: #e9e1ef;
}

.benefits-checklist-container.right.blue {
  background-color: #e5eefe;
}

.benefits-checklist-container.left {
  background-color: #fff;
}

.benefits-checklist-container.left.blue {
  background-color: rgba(82, 142, 247, .15);
}

.benefits-checklist-container.summary {
  justify-content: flex-start;
}

.benefits-checklist-container.blue {
  background-color: rgba(82, 142, 247, .15);
}

.div-block-55 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-56 {
  width: 450px;
}

.topbenefit {
  width: 620px;
  background-color: rgba(218, 224, 228, .37);
  border-radius: 20px;
  flex-direction: row;
  align-self: stretch;
  align-items: flex-start;
  margin: 21px;
  padding: 20px 30px 30px 20px;
  display: flex;
}

.benefit-icon {
  width: 125px;
  flex-direction: column;
  justify-content: center;
  margin-right: 11px;
  display: flex;
}

.div-block-57 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.div-block-58 {
  width: 100px;
  max-width: 100px;
  min-width: 100px;
  align-self: stretch;
  align-items: center;
  margin-right: 21px;
  display: flex;
}

.dropdown-list {
  display: none;
}

.feature-sub-header {
  margin-left: 20px;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

html.w-mod-js [data-ix="tab-arrow"], html.w-mod-js [data-ix="tab-arrow-pricing"] {
  opacity: 0;
  transform: translate(0, -6px);
}

html.w-mod-js [data-ix="drop-down"] {
  opacity: 0;
  transform: translate(0);
}

html.w-mod-js [data-ix="fix-navbar"] {
  display: none;
  transform: translate(0, -100%);
}

html.w-mod-js [data-ix="scroll-reveal"], html.w-mod-js [data-ix="scroll-reveal-2"] {
  opacity: 0;
  transform: translate(0, 37px);
}

html.w-mod-js [data-ix="scroll-right-reveal"] {
  opacity: 0;
  transform: translate(1000px);
}

html.w-mod-js [data-ix="scroll-left-reveal"] {
  opacity: 0;
  transform: translate(-1000px);
}

html.w-mod-js [data-ix="feature-box-reveal"] {
  opacity: 0;
  transform: scale(.5);
}

html.w-mod-js [data-ix="fixed-prod-navbar"] {
  display: none;
  transform: translate(0, -200%);
}

html.w-mod-js [data-ix="load-reveal"], html.w-mod-js [data-ix="load-reveal-2"] {
  opacity: 0;
  transform: translate(0, 35px);
}

html.w-mod-js [data-ix="product-icon-reveal"] {
  opacity: 0;
  transform: scale(.6);
}

html.w-mod-js [data-ix="pricing-hero-background-reveal"] {
  opacity: 0;
}

html.w-mod-js [data-ix="modal-interaction"], html.w-mod-js [data-ix="modal-interaction-2"], html.w-mod-js [data-ix="modal-interaction-3"] {
  opacity: 0;
  display: none;
  transform: scale(1.1);
}

html.w-mod-js [data-ix="display-none"] {
  display: none;
}

html.w-mod-js [data-ix="audiencemenu1"], html.w-mod-js [data-ix="audiencemenu-2"], html.w-mod-js [data-ix="audiencemenu-3"], html.w-mod-js [data-ix="audiencemenu-4"] {
  opacity: 0;
  transform: translate(-220px);
}

@media screen and (max-width: 991px) {
  .body {
    flex-direction: column;
    justify-content: space-between;
    display: block;
  }

  .navbar {
    height: 60px;
    padding-right: 0;
  }

  .navbar:hover, .navbar:focus {
    color: #d76c3b;
  }

  .nav-link {
    float: left;
    clear: left;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
  }

  .nav-link:hover {
    color: #d76c3b;
    font-size: 14px;
  }

  .nav-link:active {
    color: #d76c3b;
  }

  .nav-link:focus {
    color: #dae0e4;
    font-size: 16px;
  }

  .nav-link.w--open {
    height: 48px;
    font-size: 14px;
  }

  .nav-link.login-link, .apiantbutton.trial-nav-bar {
    display: none;
  }

  .nav-menu {
    width: 50px;
    float: right;
    color: #fff;
    background-color: #274b5e;
    flex-wrap: wrap;
    display: block;
    position: relative;
    left: 0;
    right: 0;
  }

  .pricing-hero-section, .pricing-hero-section.pricing-hero-manager {
    top: -46px;
  }

  .plan-name.plan-name-small {
    font-size: 14px;
  }

  .plan-price.small-price {
    font-size: 19px;
  }

  .per-month.small-per-month {
    font-size: 10px;
    font-weight: 300;
  }

  .plan-frame.plan-frame-manager {
    margin-left: 4px;
    margin-right: 4px;
  }

  .plan-feature {
    font-size: 12px;
  }

  .next-plans-link {
    align-self: flex-end;
    font-size: 14px;
  }

  .plans-instructions {
    width: 100%;
  }

  .templateplans, .customintegrationplans {
    width: 660px;
    max-width: 660px;
  }

  .column {
    justify-content: center;
    align-items: flex-start;
  }

  .pricing-table-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .pricing-table-header-row.automator-header-row {
    font-size: 13px;
  }

  .pricing-table-header-row.integrator-table-header-row {
    height: 80px;
  }

  .table-header-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .table-header-wrapper.custom {
    padding-left: 4px;
    padding-right: 4px;
  }

  .table-column {
    height: 60px;
    padding: 2px 4px 2px 10px;
  }

  .table-column.column-dark {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 10px;
    padding-right: 4px;
    display: flex;
  }

  .table-column.spacer {
    position: static;
  }

  .table-feature {
    font-size: 11px;
  }

  .table-data {
    font-size: 12px;
  }

  .question-mark {
    float: right;
  }

  .table-cell {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
  }

  .table-cell.table-cell-header {
    height: 100%;
    flex-direction: column;
  }

  .link, .faq-question-column {
    font-size: 12px;
  }

  .hero-form.automatorfreetrial {
    width: 430px;
  }

  .hero-form.bottom-form-wrapper {
    width: 430px;
    flex-wrap: nowrap;
    align-items: center;
  }

  .form-wrapper {
    padding-left: 0;
  }

  .connected-apps-flex-wrapper {
    flex-flow: wrap;
    flex: 1;
    justify-content: center;
    align-self: center;
    display: flex;
  }

  .app-icon {
    width: 60px;
    height: 60px;
    margin-top: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .app-icon.mailchimp {
    display: none;
  }

  .product-section.automator-section {
    flex-flow: column;
    align-content: stretch;
    align-items: center;
    padding-left: 0;
  }

  .product-section.integrator-section {
    margin-top: -20px;
  }

  .product-title-flex {
    flex: 0 0 1px;
    align-self: center;
    align-items: center;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    transform: scale(.67);
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .product-title-big {
    text-align: center;
    align-self: stretch;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .product-slogan {
    text-align: center;
    align-self: stretch;
    font-size: 24px;
    line-height: 37px;
  }

  .link-plan-box {
    margin-left: 30px;
    margin-right: 30px;
  }

  .section-headline {
    font-size: 24px;
  }

  .product-page-content-1 {
    margin-bottom: 19px;
  }

  .plan-price-starts {
    font-size: 16px;
  }

  .plan-starts-price {
    font-size: 24px;
  }

  .screen-grab-right {
    max-width: 367px;
  }

  .column-text {
    padding-left: 20px;
    padding-right: 14px;
  }

  .column-right-text {
    padding-right: 20px;
  }

  .nav-link-sub {
    clear: left;
    text-align: center;
    font-size: 14px;
  }

  .nav-link-sub:hover {
    color: #fff;
    background-color: #d76c3b;
  }

  .nav-link-sub.w--current:focus {
    color: #d76c3b;
  }

  .main-menu-drop-down {
    flex-direction: column;
    font-size: 14px;
    display: flex;
  }

  .nav-scroll {
    padding-right: 0;
    display: block;
  }

  .small-button.signup {
    font-size: 12px;
  }

  .connected-apps-div {
    height: 200px;
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 37px;
    padding-right: 37px;
    display: none;
  }

  .product-list-title-text {
    font-size: 22px;
  }

  .mngr-infographic {
    max-width: 377px;
  }

  .assemblyeditor-screen-grab {
    max-width: 378px;
  }

  .devteam-graphic {
    max-width: 380px;
  }

  .testimonial-text {
    margin-bottom: auto;
  }

  .slides {
    margin-bottom: 2px;
    margin-left: 0;
    margin-right: 0;
  }

  .menu-button {
    height: 60px;
    margin: 4px;
    padding-top: auto;
    padding-bottom: auto;
    position: static;
    top: 0;
    right: 0;
  }

  .menu-button:hover {
    color: #fff;
    background-color: rgba(39, 75, 94, .15);
  }

  .menu-button:active {
    color: #fff;
  }

  .menu-button:focus {
    background-color: #d76c3b;
  }

  .menu-button.w--open {
    background-color: #3a657a;
  }

  .menu-icon {
    color: #274b5e;
    font-size: 30px;
    display: block;
  }

  .menu-icon:active {
    color: #fff;
  }

  .product-navlink {
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom: 6px;
  }

  .product-navlink.w--current {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .product-nav-div {
    position: relative;
  }

  .product-navbar-scroll {
    display: none;
  }

  .manager-plans {
    width: 100%;
  }

  .manager-plan-users {
    font-size: 14px;
  }

  .per-row.cell-header-subheader {
    width: 100%;
    flex-flow: row;
    align-items: center;
    display: flex;
  }

  .per-header-label {
    font-size: 10px;
  }

  .integrator-price {
    font-size: 34px;
  }

  .integrator-cost {
    font-size: 18px;
  }

  .dev-team-plan-cost {
    font-size: 12px;
  }

  .product-navbar-menu {
    width: 50px;
    background-color: rgba(0, 0, 0, 0);
    margin-left: auto;
    margin-right: auto;
  }

  .product-navbar-scroll-button:hover, .product-navbar-scroll-button:focus {
    background-color: #d76c3b;
  }

  .new-visitor {
    width: 100%;
    padding-left: 23px;
    padding-right: 23px;
  }

  .inspirational-quote {
    font-size: 19px;
  }

  .author {
    font-size: 17px;
  }

  .background {
    background-image: linear-gradient(to bottom, null, null), url('../images/Desert_Web.jpg');
    background-position: 0 0, -324px 77%;
  }

  .apiant-logo {
    transform: scale(.83);
  }

  .question, .check, .cross {
    transform: scale(.8);
  }

  .connections-catalog-section {
    padding-top: 20px;
  }

  .catalog-row {
    width: 400px;
  }

  .catalog-app-name {
    font-size: 20px;
  }

  .catalog-app-description {
    font-size: 15px;
  }

  .app-icon-wrapper {
    margin-bottom: 11px;
  }

  .connection-header-icon {
    transform: scale(.8);
  }

  .connection-header-icon:hover {
    transform: scale(.9);
  }

  .connection-header-title {
    margin-top: 3px;
    margin-bottom: 20px;
  }

  .app-name-title {
    font-size: 33px;
  }

  .connection-header-description-wrapper {
    margin-left: 27px;
    margin-right: 27px;
  }

  .product-title-wrap {
    flex-direction: column;
    align-items: center;
    margin-top: auto;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
  }

  .dropdown-item {
    background-color: #274b5e;
  }

  .dropdown-item:hover {
    color: #d76c3b;
  }

  .product-list-space {
    display: none;
  }

  .appsearch {
    padding-left: 10px;
    padding-right: 10px;
  }

  .callout {
    font-size: 36px;
  }

  .signup-for-free-button.learn-more-button {
    width: 100%;
  }

  .flex-wrapper {
    display: block;
  }

  .navigation {
    z-index: 900;
    padding-left: 28px;
    padding-right: 0;
  }

  .menuitem {
    width: 100%;
    min-width: 180px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    position: relative;
  }

  .menuitem:hover {
    background-color: #dfe4e7;
  }

  .menuitem.w--current {
    width: 210px;
  }

  .menuitem.w--open {
    font-size: 14px;
  }

  .menuitem.login-link {
    width: 100%;
  }

  .menuitem.productmenuitem {
    width: 210px;
    text-align: left;
  }

  .nav-wrapper {
    justify-content: flex-end;
    padding: 6px 10px;
    display: block;
    top: 77px;
    left: -10px;
  }

  .nav-wrapper.mainnav {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
  }

  .nav-wrapper.fixnavwrapper {
    background-color: rgba(0, 0, 0, 0);
    padding: 3px 5px 0 0;
    position: static;
    top: -14px;
    left: auto;
    right: -10px;
  }

  .nav-wrapper.navbutton {
    background-color: rgba(0, 0, 0, 0);
    padding-right: 0;
    display: block;
  }

  .nav-wrapper.dropdownnav {
    z-index: 9999;
    background-color: rgba(245, 245, 245, .93);
    border-radius: 0;
    padding: 18px;
    position: fixed;
    top: 79px;
    left: auto;
    right: -10px;
  }

  .description {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing {
    align-self: stretch;
    padding-left: 16px;
    padding-right: 16px;
  }

  .request-info-form {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-product-name {
    margin-left: 32px;
    font-size: 38px;
  }

  .heroproduct {
    padding-right: 20px;
  }

  .hero-subheading-text {
    font-size: 42px;
  }

  .product-contact-form-wrapper.acicontact {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bullet-points {
    flex-wrap: wrap;
    padding-right: 29px;
  }

  .bullets {
    flex-wrap: wrap;
    flex: 0 auto;
  }

  .fixnav {
    background-color: rgba(0, 0, 0, 0);
    border-bottom-style: none;
    border-left-style: none;
    padding: 0;
    top: 0;
    right: 0;
  }

  .mobile-message {
    height: 100vh;
    background-color: #f5f5f5;
    padding: 23px 92px 1px;
    display: none;
  }

  .mobile-logo {
    margin-left: auto;
    margin-right: auto;
    padding-top: 29px;
    padding-bottom: 29px;
    display: block;
  }

  .mobile-text {
    margin-top: 24px;
    font-size: 12px;
    line-height: 16px;
  }

  .screenshot-frame {
    background-color: #fff;
    border: 2px solid rgba(39, 75, 94, .62);
    border-radius: 26px;
    margin-top: 48px;
    padding: 29px;
  }

  .subcallout {
    font-size: 16px;
  }

  .subcallout.mobile {
    text-align: center;
  }

  .productlogo {
    width: 101px;
  }

  .template-box {
    margin-top: 13px;
    margin-bottom: 13px;
  }

  .heading-7 {
    width: 300px;
    line-height: 36px;
  }

  .image-3 {
    width: 300px;
    top: -47px;
    right: -16px;
  }

  .row {
    margin-left: 28px;
    margin-right: 28px;
  }

  .nav-button.videolink.small {
    margin-top: 21px;
    margin-bottom: 28px;
  }

  .nav-button.small.videolink {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .paragraph.herotext {
    width: 350px;
  }

  .featured-blog-section {
    height: auto;
  }

  .slideshow.slideconnect {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .12)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/rawpixel-com-351765-unsplash.jpg');
    background-position: 0 0, 0 0, 62%;
    background-repeat: repeat, repeat, no-repeat;
  }

  .slideshow.slidedare {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .35)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/jackson-hendry-440574-unsplash.jpg');
    background-position: 0 0, 0 0, 70% 0;
  }

  .slideshow.slidefirst {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/craig-garner-202-unsplash.jpg');
    background-size: auto, auto, cover;
  }

  .slogan {
    letter-spacing: 4px;
    font-size: 14px;
  }

  .contact-form.free-consultation {
    padding-left: 10px;
    padding-right: 10px;
  }

  .productbox {
    border-width: 1px;
    border-top-style: none;
  }

  .applink {
    flex: 0 auto;
  }

  .slidelink.right {
    height: 550px;
  }

  .slideleftarrow.howslide, .sliderightarrow.howslides {
    width: 40px;
  }

  .slide-3 {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .testimonials-section {
    position: relative;
  }

  .homepage-section {
    height: auto;
    padding-top: 24px;
  }

  .homepage-section.devteam, .homepage-section.howapiantworks {
    padding-top: 26px;
  }

  .homepage-section.apiantapart {
    background-image: linear-gradient(rgba(245, 245, 245, .86), rgba(245, 245, 245, .86)), url('../images/alexander-mils-instagram-com-alexandermils-500610-unsplash.jpg');
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 26px;
  }

  .row-2 {
    min-height: auto;
  }

  .testimonialslidewrapper {
    background-position: 0 0, 50%;
  }

  .testimonialtext {
    font-size: 16px;
  }

  .tabs-menu-2 {
    width: 100%;
    height: 50px;
    max-width: 100%;
    min-width: 100%;
    border-right-style: none;
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 21px;
    margin-bottom: 16px;
    padding-top: 0;
    display: flex;
  }

  .tab-link {
    width: 200px;
    height: 48px;
    color: rgba(82, 86, 89, .63);
    text-align: center;
    background-color: rgba(82, 86, 89, .17);
    border: 1px solid #516c79;
    align-items: center;
    margin-left: 2px;
    margin-right: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .tab-link:hover {
    font-size: 14px;
  }

  .tab-link.w--current {
    height: 48px;
    color: #fff;
    background-color: #3a657a;
    font-size: 14px;
  }

  .how-slider {
    margin-bottom: 29px;
  }

  .how-illustration {
    width: auto;
    height: 100%;
    flex-flow: row;
  }

  .slide-nav-6 {
    top: 104%;
  }

  .howapiantworks-tabs {
    height: auto;
    flex-direction: column;
    margin-top: 0;
  }

  .herobuttons {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .slidetitle {
    padding-left: 0;
  }

  .howgraphic {
    width: 50%;
    max-width: 50%;
    margin-top: 9px;
    margin-bottom: 9px;
  }

  .apartcard.transparent {
    display: none;
  }

  .productsheadline {
    border-bottom: 1px solid rgba(39, 75, 94, .45);
  }

  .gouped-plans {
    width: 100%;
  }

  .logo-product-name {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .div-block-8 {
    justify-content: center;
    align-items: center;
  }

  .pagenstructions {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .featured-slide {
    height: 100%;
  }

  .view_endpoints {
    font-size: 16px;
  }

  .app-page {
    flex-wrap: nowrap;
    display: block;
    overflow: hidden;
  }

  .templatewrapper {
    width: 100%;
  }

  .listrelated {
    flex-direction: column;
    align-items: center;
  }

  .columns {
    width: auto;
  }

  .blogwrapper {
    width: 100%;
    max-width: 100%;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .sloganhero {
    width: 520px;
    text-align: left;
    flex: 0 auto;
    display: block;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .columns-2 {
    padding-left: 14px;
    padding-right: 14px;
    display: block;
  }

  .endpoint-block {
    width: auto;
  }

  .right-lane {
    width: 100%;
    max-width: 750px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .left-lane {
    width: 100%;
    max-width: 750px;
    padding-top: 0;
  }

  .landingcontent {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    display: flex;
  }

  .benefit.pricing {
    margin-bottom: 0;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .template {
    width: auto;
    max-width: 600px;
  }

  .pricing-info {
    font-size: 40px;
  }

  .pricing-info.covid19 {
    width: 450px;
    max-width: 450px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 20px;
  }

  .pricing-info.oldprice, .price {
    font-size: 28px;
  }

  .listfeatured {
    height: auto;
    flex-direction: column;
    align-items: center;
  }

  .featuredwrapper {
    width: 100%;
    flex: 1;
  }

  .featuredlink {
    width: 100%;
  }

  .screenshot {
    margin-left: 6px;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .imagelegends {
    margin-left: 20px;
    margin-right: 20px;
  }

  .imagessection {
    align-self: center;
    padding-left: 12px;
    padding-right: 12px;
  }

  .html-embed-14 {
    max-width: none;
  }

  .covid19 {
    width: auto;
    font-size: 22px;
  }

  .text-block-31 {
    font-size: 20px;
  }

  .privacypolicy {
    margin-left: 21px;
    margin-right: 21px;
  }

  .image-16 {
    padding: 14px;
  }

  .text-block-33 {
    margin-left: 14px;
    margin-right: 14px;
    font-size: 22px;
    line-height: 24px;
  }

  .div-block-22 {
    width: 100%;
    height: 800px;
    object-fit: fill;
    background-image: linear-gradient(rgba(255, 255, 255, .55), rgba(245, 245, 245, .02)), url('../images/APIANTDiagram2449.jpg');
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 1800px;
  }

  .div-block-24, .div-block-24-copy {
    margin-left: -158px;
  }

  .callout-button {
    width: 100%;
    max-width: 320px;
    text-align: center;
    margin: 0;
    position: relative;
  }

  .callout-button.w--current {
    width: 210px;
  }

  .callout-button.w--open {
    font-size: 14px;
  }

  .callout-button.menubutton, .callout-button.crmconnect {
    min-width: auto;
  }

  .menuoption {
    width: 100%;
    min-width: auto;
    text-align: center;
    margin: 0;
    font-size: 14px;
    position: relative;
  }

  .menuoption:hover {
    background-color: #dfe4e7;
  }

  .menuoption.w--current {
    width: 210px;
  }

  .menuoption.w--open {
    font-size: 14px;
  }

  .tempcontent {
    width: auto;
    max-width: 100%;
  }

  .section1 {
    flex-direction: column;
    align-items: center;
  }

  .contact-div {
    width: 100%;
    max-width: 1200px;
    justify-content: center;
    align-self: stretch;
    padding: 30px 0;
  }

  .app-logo-1 {
    height: auto;
    max-height: 60px;
  }

  .how-it-works {
    flex-flow: column;
    align-items: center;
    padding-top: 35px;
  }

  .videodiv {
    width: 100%;
    flex: 1;
    align-self: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .features-wrapper {
    width: 100%;
    height: auto;
  }

  .heading-9 {
    margin-bottom: 48px;
  }

  .itemsynced {
    color: #333;
    font-family: Open Sans, sans-serif;
  }

  .itemsynced:hover {
    background-color: rgba(39, 75, 94, .15);
    transform: none;
  }

  .features-div {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .pricingsection {
    padding-top: 61px;
    padding-bottom: 61px;
  }

  .landingplanfeature {
    font-size: 12px;
  }

  .faq {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .bigstep {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .section1b {
    flex-direction: column;
    align-items: center;
  }

  .columnimg {
    height: 95px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .columnimg.centercolumn {
    height: 95px;
  }

  .headercolumn {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .heroframe {
    width: 100%;
    height: auto;
    max-width: none;
    min-width: auto;
    background-image: none;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .heroimage {
    width: 50%;
  }

  .fullyintegrateddiv {
    top: -5%;
  }

  .wistia_embedded_button {
    height: 150px;
    display: flex;
    position: absolute;
    top: 55%;
    bottom: 0%;
    left: 41%;
    right: 0%;
  }

  .column-11 {
    background-color: #f7f7f7;
  }

  .free-trial {
    padding-top: 62px;
    padding-bottom: 62px;
  }

  .testimonial-contact {
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
  }

  .feature-section {
    padding: 61px 0;
  }

  .feature-section.dark {
    height: auto;
    max-height: none;
    padding: 61px 0;
  }

  .feature-section.light {
    height: auto;
  }

  .feature-image-div {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .feature-description-div.right {
    max-width: 800px;
    align-items: center;
    margin-top: 47px;
    padding-left: 26px;
    padding-right: 26px;
  }

  .feature-description-div.left {
    max-width: 600px;
    align-items: center;
    margin-top: 47px;
    padding-right: 0;
  }

  .feature-explained {
    width: auto;
    max-width: 650px;
  }

  .feature-headline {
    width: auto;
    max-width: 650px;
    text-align: center;
  }

  .feature-image {
    width: auto;
    height: auto;
  }

  .feature-image.benefit1 {
    background-position: 50%;
  }

  .feature-image.benefit6 {
    background-position: 100% 100%;
    background-size: cover;
  }

  .feature-div {
    max-width: none;
    flex-flow: column;
    align-items: center;
  }

  .feature-div.dark {
    flex-direction: column-reverse;
  }

  .feature-div.light {
    flex-flow: column;
  }

  .columns-4 {
    max-width: 100%;
  }

  .lightbox-feature {
    height: auto;
    max-height: none;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .app-logo-2 {
    height: auto;
    max-height: 60px;
  }

  .top-benefits {
    flex-flow: column;
    align-items: center;
    padding-top: 35px;
  }

  .partner-images {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .benefits-container {
    padding-top: 10px;
  }

  .benefits-container.summary {
    padding-top: 19px;
  }

  .videoframe {
    object-fit: cover;
    background-image: none;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    display: flex;
    overflow: hidden;
  }

  .wistia_embedded_button_videoframe {
    width: 100%;
    height: 100%;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .heading-third {
    color: #1a1b1b;
    text-align: left;
    font-size: 32px;
    line-height: 34px;
  }

  .heading-first {
    max-width: 600px;
    font-size: 40px;
  }

  .lptab {
    width: 30%;
    height: 30px;
    max-height: 30px;
    max-width: 30px;
    min-height: 30px;
    min-width: 30px;
    background-color: #c4c3c3;
    border: 4px #535353;
    border-radius: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0;
  }

  .lptab.w--current {
    background-color: rgba(255, 214, 0, .88);
  }

  .lptab.tabs1 {
    background-color: #ddd;
    border-top-style: none;
    margin-left: 9px;
    margin-right: 9px;
  }

  .lptab.tabs1.w--current {
    background-color: rgba(215, 108, 59, .76);
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .explainer {
    max-width: 100%;
    color: #1a1b1b;
    font-size: 20px;
  }

  .explainer.summary {
    margin-top: 6px;
  }

  .explainer.center {
    margin-bottom: 15px;
  }

  .clientlogo {
    max-height: 60px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .lptabs {
    margin-top: 22px;
  }

  .heading-second {
    margin-top: 0;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 38px;
  }

  .summary-item {
    flex: 0 auto;
    margin-left: 11px;
    margin-right: 11px;
  }

  .heading-fourth {
    text-align: left;
    flex: 0 auto;
    margin-top: 3px;
    margin-bottom: 8px;
    font-size: 24px;
  }

  .summary-image-container {
    min-height: auto;
    min-width: auto;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .topvalue-container {
    align-items: flex-start;
  }

  .summary-image {
    height: auto;
    margin-bottom: 0;
  }

  .feature-spacer {
    height: 20px;
  }

  .page-header {
    margin-top: 10px;
    font-size: 72px;
  }

  .tryfree-float {
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 14px;
  }

  .request-info {
    flex-flow: column-reverse;
    display: flex;
  }

  .testimonial-card {
    max-width: 680px;
    margin-bottom: 30px;
  }

  .testimonial-quote {
    font-size: 28px;
    line-height: 34px;
  }

  .herowrapper {
    flex-direction: column;
    align-items: center;
  }

  .requesttest-wrapper {
    flex-flow: column-reverse wrap;
    justify-content: space-between;
    align-items: center;
  }

  .hero-image {
    display: none;
  }

  .video-background {
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
    overflow: visible;
  }

  .topvalue-detail-image {
    object-fit: cover;
    object-position: 70% 50%;
    position: static;
  }

  .lptabsmenu {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .featured {
    flex-direction: column;
    display: flex;
  }

  .popup-button {
    width: 100%;
    min-width: 180px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    position: relative;
  }

  .popup-button.w--current {
    width: 210px;
  }

  .popup-button.w--open {
    font-size: 14px;
  }

  .popup-button.menubutton {
    min-width: auto;
  }

  .popup-tabs-label {
    margin-left: 2px;
  }

  .apiantcomponent._2column {
    width: 100%;
    height: 1100px;
    max-width: 100%;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .contentbox {
    width: 100%;
    flex: 0 auto;
    padding-bottom: 33px;
    display: flex;
  }

  .contentbox.videomask {
    height: auto;
    object-fit: fill;
    flex: none;
    align-self: center;
    align-items: stretch;
    display: flex;
    position: absolute;
    top: -283px;
    bottom: 0%;
    left: 0%;
    right: 0%;
    overflow: visible;
  }

  .contentbox.videomask.shopconnect {
    width: 100%;
    max-height: 100%;
    background-image: none;
    flex: 1;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: absolute;
    top: 168px;
    transform: none;
  }

  .videosection {
    width: 100%;
    position: static;
    top: 353px;
  }

  .videomask-hor {
    width: auto;
    height: 100%;
    display: none;
    position: absolute;
    top: 411.5px;
    transform: rotate(90deg);
  }

  .videomask-vert {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 411.5px;
  }

  .schedule-demo-button {
    width: 100%;
    min-width: 180px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    position: relative;
  }

  .schedule-demo-button.w--current {
    width: 210px;
  }

  .schedule-demo-button.w--open {
    font-size: 14px;
  }

  .schedule-demo-button.menubutton {
    min-width: auto;
  }

  .tabs {
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
  }

  .tabs.right {
    align-items: stretch;
  }

  .tabs.left {
    flex-direction: column-reverse;
  }

  .tabs.right, .tabs.right-backup {
    align-items: stretch;
  }

  .lptabcontent {
    flex-direction: column;
    justify-content: center;
  }

  .background-video-2 {
    width: 800px;
    height: 600px;
    max-height: 100%;
    max-width: 100%;
  }

  .tab-grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .load-bar-base {
    display: none;
  }

  .content-block {
    padding: 20px 10px;
  }

  .lptab2 {
    max-width: 500px;
    padding-left: 23px;
    padding-right: 31px;
  }

  .feature-image-default {
    width: auto;
    height: auto;
  }

  .feature-image-default.benefit1 {
    background-position: 50%;
  }

  .feature-image-default.benefit6 {
    background-position: 100% 100%;
    background-size: cover;
  }

  .bigstep-info {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
  }

  .tab-prev {
    opacity: 1;
    transition: transform .2s, opacity .2s;
    top: -15px;
    left: -80px;
  }

  .tab-prev:hover {
    transform: scale(1.2);
  }

  .tab-next {
    opacity: 1;
    transition: transform .2s, opacity .2s;
    top: -15px;
    bottom: auto;
    right: -80px;
  }

  .tab-next:hover {
    transform: scale(1.2);
  }

  .moblie-tab-explainer {
    width: auto;
    max-width: 800px;
    opacity: 1;
    color: #383d3b;
    background-color: rgba(254, 239, 160, .88);
    border-top: 2px #c9c3c3;
    border-left-style: none;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    margin: 13px 10px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .moblie-tab-explainer.tabs1 {
    border-top-style: none;
  }

  .testimonial-card-mobile {
    max-width: 680px;
    margin-bottom: 30px;
    display: flex;
  }

  .tabtextwrapper {
    display: none;
  }

  .featuredlinkimage {
    width: 100%;
  }

  .featuredwrapper-2 {
    width: 100%;
    flex: 1;
  }

  .benefit-cards-container {
    max-width: 100%;
    flex-flow: wrap;
    justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .benefit-card {
    max-width: 550px;
    min-width: 450px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .benefits-checklist-container {
    padding-top: 10px;
  }

  .benefits-checklist-container.summary {
    padding-top: 19px;
  }
}

@media screen and (max-width: 767px) {
  .logo {
    margin-top: 4px;
    margin-left: 0;
    padding-top: 15px;
  }

  .navbar {
    padding-right: 0;
    font-size: 12px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }

  .all-h3-headings {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 16px;
  }

  .pricing-hero-section {
    top: -61px;
  }

  .pricing-hero-section.pricing-hero-manager {
    top: -60px;
  }

  .pricing-header-wrapper {
    justify-content: center;
  }

  .h1-pricing-header {
    padding-top: 7px;
    font-size: 28px;
  }

  .plan-name.plan-name-small {
    font-size: 12px;
  }

  .plan-price.small-price {
    font-size: 14px;
  }

  .per-month.small-per-month {
    margin-left: 1px;
  }

  .plan-frame.plan-frame-manager {
    max-width: 260px;
    min-height: auto;
    min-width: 260px;
    margin-bottom: 40px;
    margin-left: 24px;
    margin-right: 24px;
  }

  .next-plans-link {
    float: none;
  }

  .previous-plans-link {
    float: none;
    display: none;
  }

  .templateplans, .customintegrationplans {
    width: 470px;
    max-width: 470px;
  }

  .plan-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
    display: block;
  }

  .pricing-table-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .pricing-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .pricing-table-header-row.integrator-table-header-row {
    display: flex;
  }

  .pricing-table-header-row.manager-table-header-row {
    align-items: stretch;
    display: flex;
  }

  .price-wrapper {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .price-row {
    display: flex;
  }

  .table-column {
    padding-left: 4px;
  }

  .table-column.column-dark {
    flex-wrap: wrap;
    flex-shrink: 1;
    flex-basis: 50%;
    align-content: center;
    align-items: flex-start;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
  }

  .table-column.table-column-header {
    height: 92px;
  }

  .table-feature {
    text-align: left;
    align-self: center;
    font-size: 12px;
  }

  .table-data {
    align-self: stretch;
    padding: 2px;
    line-height: 15px;
    display: inline-block;
  }

  .question-mark {
    display: none;
  }

  .table-cell {
    width: 100%;
    padding-left: 6px;
  }

  .next-plans-table {
    display: none;
  }

  .faq-tab-pane {
    padding-left: 12px;
    padding-right: 12px;
  }

  .hero-flex-container.home-hero-flex {
    align-items: center;
  }

  .hero-headline {
    font-size: 24px;
  }

  .hero-form {
    width: 400px;
    flex-wrap: nowrap;
    justify-content: center;
    display: flex;
  }

  .hero-form.automatorfreetrial {
    width: 330px;
  }

  .hero-form.bottom-form-wrapper {
    width: 330px;
    align-items: stretch;
    display: flex;
  }

  .plan-box {
    transform: scale(.87);
  }

  .arrow-down {
    margin-top: 32px;
  }

  .subtitle {
    margin-bottom: 29px;
  }

  .app-icon {
    align-self: center;
  }

  .product-section.automator-section {
    margin-top: 67px;
    padding-top: 0;
    padding-left: 0;
  }

  .product-section.tos-section {
    padding-top: 80px;
  }

  .product-title-flex.tostitle {
    margin-top: 29px;
  }

  .footer {
    height: auto;
    text-align: center;
    flex-flow: column wrap;
    align-items: center;
    padding: 50px 8px 20px;
    display: flex;
  }

  .product-name-big {
    font-size: 30px;
  }

  .product-slogan {
    font-size: 15px;
  }

  .section-headline {
    text-align: center;
    margin-top: 19px;
    padding-top: 6px;
  }

  .product-plan-description.description-left {
    align-self: center;
  }

  .product-plan-description.description-right {
    text-align: center;
  }

  .column-right {
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .section-heading {
    align-self: center;
    font-size: 27px;
  }

  .features-flex-wrapper {
    padding-bottom: 0;
  }

  .column-text {
    padding-right: 20px;
  }

  .feature-block {
    margin: 6px 12px;
    transform: scale(.8);
  }

  .column-left-screen-grab {
    justify-content: center;
    align-items: flex-start;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .try-apiant-section {
    width: 100%;
    height: 232px;
    flex-direction: row;
    justify-content: center;
    display: flex;
  }

  .try-apiant-wrapper.form-bottom {
    flex: none;
    display: block;
  }

  .try-apiant-free {
    font-size: 26px;
  }

  .company-info {
    margin-bottom: 23px;
    font-size: 10px;
    line-height: 13px;
  }

  .footer-category {
    margin-top: 27px;
    padding-bottom: 6px;
    line-height: 14px;
  }

  .footer-link {
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 18px;
  }

  .footer-list-flex {
    margin-top: -3px;
    margin-bottom: -3px;
  }

  .nav-scroll {
    padding-bottom: 0;
  }

  .small-button {
    margin-top: 0;
    font-size: 10px;
  }

  .connected-apps-div {
    display: none;
  }

  .product-list-title-text {
    display: block;
  }

  .mngr-infographic {
    max-width: 377px;
  }

  .assemblyeditor-screen-grab {
    width: 490px;
    max-width: 490px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .devteam-graphic {
    width: 450px;
    max-width: 450px;
    float: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .right-column-text-content-wrapper {
    align-items: center;
  }

  .left-column-text-content-wrapper {
    float: none;
    align-items: center;
    display: flex;
  }

  .testimonial-text {
    font-size: 15px;
    display: none;
  }

  .customer {
    font-size: 13px;
  }

  .menu-icon {
    color: #274b5e;
    font-size: 30px;
  }

  .product-navlink {
    z-index: 9999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: static;
  }

  .product-navlink.w--current {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .product-nav-div {
    align-items: stretch;
    display: flex;
    position: relative;
    top: -2px;
  }

  .product-navbar-scroll {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
  }

  .product-pricing-slogan {
    flex-direction: column;
    font-size: 18px;
    display: flex;
  }

  .product-pricing-slogan.catalog-slogan {
    font-size: 19px;
  }

  .manager-plans {
    width: 100%;
    flex-wrap: wrap;
  }

  .per-header-label {
    font-size: 8px;
  }

  .data-row {
    justify-content: center;
    display: flex;
    position: static;
  }

  .hero-background-automator {
    background-image: linear-gradient(to bottom, null, null), url('../images/czvthlrnlnq-will-van-wingerden.jpg');
    background-size: auto, 1772px;
  }

  .hero-background-automator.catalog-background {
    margin-top: 60px;
    position: relative;
  }

  .plus {
    margin-left: 2px;
    font-size: 17px;
  }

  .product-navbar-menu {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
  }

  .product-navbar-dropdown {
    width: 50px;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: absolute;
  }

  .plan-link-wrapper {
    justify-content: center;
    display: flex;
  }

  .footer-logo {
    transform: scale(.72);
  }

  .inside-row {
    width: 100%;
    justify-content: center;
    display: flex;
  }

  .new-visitor {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .inspirational-quote {
    font-size: 17px;
  }

  .author {
    font-size: 15px;
  }

  .background {
    background-image: linear-gradient(to bottom, null, null), url('../images/Desert_Web.jpg');
    background-position: 0 0, -407px 91%;
  }

  .apiant-logo {
    margin-bottom: 2px;
    transform: scale(.78);
  }

  .question {
    display: none;
  }

  .connections-catalog-section {
    padding-top: 11px;
  }

  .connection-header-icon:hover {
    transform: scale(.9);
  }

  .connection-header-title {
    font-size: 26px;
  }

  .app-name-title {
    font-size: 27px;
  }

  .connection-header-description {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
  }

  .features-row {
    width: 484px;
  }

  .feature-column-title {
    margin-top: 28px;
    margin-bottom: 14px;
  }

  .connection-feature-cell {
    align-items: center;
  }

  .divider {
    max-width: 400px;
  }

  .divider-wrapper {
    width: 100%;
  }

  .connect-apps-list-row {
    width: 400px;
  }

  .connect-app-list-cell {
    align-items: center;
  }

  .linkicon {
    margin-left: 5px;
    margin-right: 5px;
    transform: scale(.5);
  }

  .connection-header-description-wrapper {
    margin-left: 16px;
    margin-right: 16px;
  }

  .modal-wrapper {
    padding-top: 61px;
  }

  .sign-up-wrapper {
    width: 100%;
  }

  .close-link {
    margin-bottom: 33px;
  }

  .testimonial-div {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tos-wrapper {
    padding-top: 0;
  }

  .product-title-wrap {
    margin-top: 0;
  }

  .connect-app-name {
    margin-bottom: 14px;
  }

  .product-list-space {
    display: none;
  }

  .logo-slogan {
    display: block;
  }

  .appsearch {
    display: none;
  }

  .callout {
    font-size: 32px;
  }

  .callout.mobile {
    padding-top: 42px;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 36px;
  }

  .callout.appscallout {
    margin-top: 7px;
    font-size: 24px;
  }

  .catalogwrap {
    margin-top: 0;
  }

  .orange {
    line-height: 30px;
  }

  .flex-wrapper {
    flex-direction: column;
  }

  .number-bullet {
    font-size: 40px;
  }

  .navigation {
    padding-bottom: 1px;
    padding-left: 24px;
    padding-right: 0;
    display: flex;
  }

  .navigation.mobile {
    background-image: none;
    display: flex;
    position: fixed;
  }

  .menuitem.itemapps {
    display: block;
  }

  .separator {
    margin-top: 24px;
    margin-bottom: 24px;
    display: block;
  }

  .nav-wrapper {
    justify-content: flex-end;
  }

  .nav-wrapper.mainnav {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .nav-wrapper.dropdownnav {
    top: 86px;
  }

  .section-header {
    align-items: flex-start;
  }

  .productlogosmall {
    width: 65px;
    align-self: flex-start;
  }

  .fullpage {
    height: 100vh;
    min-height: 650px;
  }

  .fullpage.nonhomepage {
    height: 1190px;
    min-height: 610px;
  }

  .appsearchheader {
    flex-wrap: nowrap;
  }

  .hero-product-name {
    margin-left: 5px;
    font-size: 28px;
  }

  .apps-filter {
    margin-left: 4px;
    margin-right: 4px;
  }

  .heroproduct {
    background-image: linear-gradient(to bottom, null, null), url('../images/AIP_backgrd.jpg');
    background-size: auto, auto;
    padding-right: 5px;
  }

  .heroproduct.heroaen, .heroproduct.heroasa, .heroproduct.heroama, .heroproduct.heroaip {
    margin-top: 80px;
  }

  .hero-subheading-text {
    font-size: 35px;
    line-height: 36px;
  }

  .bullet-points {
    flex-wrap: wrap;
    align-items: center;
    padding-left: 4px;
    padding-right: 4px;
  }

  .bullet-point {
    margin: 5px 2px 3px;
  }

  .bullets {
    align-self: center;
    align-items: flex-start;
  }

  .product-desc-footer {
    align-items: flex-start;
  }

  .description-column {
    text-align: justify;
    padding-left: 18px;
    padding-right: 18px;
  }

  .apps_catalog_link {
    display: none;
  }

  .pagination-wrapper {
    height: 120px;
    text-align: center;
    justify-content: center;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .next-arrow {
    display: none;
  }

  .fixnav {
    position: fixed;
  }

  ._3ways {
    font-size: 28px;
  }

  ._3wayswrapper {
    font-size: 13px;
  }

  .mobile-message {
    display: none;
  }

  .subcallout.mobile {
    margin-top: 13px;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
  }

  .mobile-callout {
    margin-left: 10px;
    margin-right: 10px;
    display: block;
  }

  .productlogo {
    width: 90px;
  }

  .apps-search-wrapper {
    width: auto;
    margin-left: 15px;
    margin-right: 15px;
  }

  .searchfield-wrapper {
    padding-right: 0;
  }

  .subcallout-wrapper {
    width: auto;
    margin-top: 0;
    margin-bottom: 5px;
  }

  .buttons {
    flex-direction: column;
    align-items: center;
  }

  .appiconpageheader {
    height: 50px;
  }

  .blogposts {
    width: auto;
  }

  .pagination {
    margin-bottom: 0;
    padding-left: 0;
  }

  .input-search {
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .template-box {
    width: 380px;
    height: 130px;
    max-height: 130px;
    max-width: 380px;
    min-height: 130px;
    background-image: url('../images/APIANT_dot-02.svg'), url('../images/rightCurvedArrow.svg'), url('../images/APIANT_dot-02.svg');
    background-position: 90px 90%, 50% 73%, 72% 90%;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 50px, 50px, 50px;
    margin-top: 6px;
    margin-bottom: 6px;
  }

  .templatename {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 13px;
    line-height: 16px;
  }

  .page-item {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .heading-7 {
    width: auto;
  }

  .column-2 {
    text-align: left;
  }

  .column-3 {
    display: none;
  }

  .nav-button.herobutton {
    width: auto;
    font-size: 18px;
  }

  .nav-button.videolink {
    max-width: 350px;
    min-width: 350px;
    max-width: 350px;
    min-width: 350px;
  }

  .paragraph.herotext {
    width: auto;
    text-align: left;
  }

  .hero-pitch {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .slide-1 {
    align-items: flex-start;
    padding-top: 20px;
  }

  .hero-slide-backup {
    padding-left: 10px;
    padding-right: 10px;
  }

  .slideshow.slidefirst {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/craig-garner-202-unsplash.jpg');
    background-size: auto, auto, cover;
  }

  .slogan {
    font-size: 14px;
    line-height: 32px;
  }

  .slogan.second {
    margin-left: 18px;
    margin-right: 18px;
    line-height: 20px;
  }

  .slogan.second.productpage {
    font-size: 15px;
    line-height: 28px;
  }

  .slogan.first.productpage {
    font-size: 15px;
  }

  .why {
    font-size: 50px;
    line-height: 50px;
  }

  .how {
    width: auto;
    font-size: 14px;
  }

  .image-4 {
    margin-top: 13px;
  }

  .freedomto {
    font-size: 70px;
  }

  .emphasized {
    font-size: 80px;
  }

  .text-block-2 {
    margin-top: 7px;
    margin-bottom: 13px;
    font-size: 12px;
  }

  .applink {
    flex: none;
  }

  .sectionheading {
    margin-top: 49px;
  }

  .testimonials-section {
    max-height: auto;
  }

  .homepage-section.devteam {
    padding-top: 0;
    padding-bottom: 23px;
  }

  .homepage-section.howapiantworks {
    padding-top: 9px;
  }

  .testimonialslidewrapper, .tabs-menu-2 {
    height: auto;
  }

  .tab-link {
    margin-left: 1px;
    margin-right: 1px;
  }

  .how-description {
    width: auto;
    height: auto;
    margin-left: 40px;
    margin-right: 40px;
    font-size: 12px;
  }

  .slideparagraph {
    text-align: center;
    font-size: 14px;
    line-height: 19px;
  }

  .testimonialwrapper {
    height: auto;
  }

  .illustrationseparator, .image-7 {
    display: none;
  }

  .groupedplanssubtitle {
    margin-top: 13px;
    margin-bottom: 27px;
  }

  .logo-product-name {
    width: 100%;
  }

  .close-modal-button {
    margin-bottom: 33px;
  }

  .template-title {
    width: 100%;
    font-size: 28px;
  }

  .text-block-16 {
    margin-left: 14px;
    margin-right: 14px;
    line-height: 34px;
  }

  .div-block-8 {
    flex-direction: column;
  }

  .featured-slide {
    padding-left: 12px;
    padding-right: 12px;
  }

  .view_endpoints {
    width: 320px;
    margin: 16px 10px;
  }

  .templates {
    width: auto;
  }

  .pagination-controls {
    height: 120px;
    text-align: center;
    justify-content: center;
    padding-bottom: 6px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .columns {
    width: auto;
  }

  .sloganhero {
    width: 430px;
    text-align: left;
    flex-direction: column;
    flex: 0 auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 70px;
    line-height: 70px;
    display: block;
  }

  .div-block-13 {
    flex-flow: row;
    align-content: center;
    justify-content: center;
  }

  .endpoint-block {
    max-width: 400px;
  }

  .column-9 {
    margin-bottom: 25px;
  }

  .section-2 {
    width: 100%;
    overflow: visible;
  }

  .right-lane {
    width: 100%;
    max-width: 100%;
  }

  .landingcontent {
    flex-direction: column;
  }

  .app-div.arrowsupdown {
    display: none;
  }

  .app-div.arrowsleftright {
    display: flex;
  }

  .trynow-button {
    font-size: 16px;
  }

  .list-2 {
    margin-top: 26px;
  }

  .template-text-content, .template-description {
    font-size: 12px;
  }

  .testimonial-content {
    width: 100%;
    min-width: 100%;
  }

  .slide-11 {
    width: 100%;
  }

  .mask-4 {
    height: 650px;
    padding-top: 53px;
  }

  .left-arrow-5, .right-arrow-5 {
    display: none;
  }

  .slide-12, .slide-13 {
    width: 100%;
  }

  .appicons {
    flex-direction: row;
  }

  .requestinfo {
    margin-left: 13px;
    margin-right: 13px;
  }

  .screenshotimage {
    width: auto;
  }

  .imagessection {
    width: 100%;
  }

  .privacypolicy {
    margin-left: 11px;
    margin-right: 11px;
  }

  .announcement {
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    display: flex;
  }

  .announcementlcontent {
    flex: 0 auto;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 17px;
  }

  .div-block-22 {
    display: none;
  }

  .div-block-23 {
    grid-template-columns: .75fr;
    display: none;
  }

  .div-block-24 {
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
  }

  .maintext {
    width: 100%;
    font-size: 36px;
  }

  .subtext {
    width: 100%;
  }

  .div-block-24-copy {
    margin-left: auto;
    margin-right: auto;
    padding: 32px;
    display: flex;
  }

  .callout-button.largebutton {
    font-size: 20px;
  }

  .callout-button.xlargebutton, .callout-button.medbutton {
    width: 380px;
    font-size: 20px;
  }

  .menuoption {
    background-color: #f9f9f9;
  }

  .tempcontent {
    flex-direction: column;
  }

  .section1 {
    align-items: center;
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .grid {
    width: 100%;
    flex-direction: column;
    grid-template-rows: repeat(auto-fit, minmax(0, auto)) minmax(0, auto) minmax(180px, auto);
    grid-template-columns: minmax(0, 600px) minmax(0, 600px) minmax(0, 600px);
    grid-auto-columns: minmax(0, auto);
    grid-auto-flow: row;
    display: flex;
  }

  .app-logo-1 {
    margin-top: 19px;
    margin-bottom: 20px;
  }

  .benefit-div {
    background-color: #fff;
    margin-top: 54px;
    margin-bottom: 54px;
  }

  .land-arrows {
    height: 30px;
    font-size: 12px;
  }

  .landing-box {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
  }

  .div-block-28 {
    padding-top: 10px;
    padding-bottom: 39px;
  }

  .div-block-29 {
    padding-top: 36px;
    padding-bottom: 10px;
  }

  .how-it-works {
    height: 2900px;
    flex-direction: column;
    align-items: center;
  }

  .videodiv {
    flex: 1;
    align-self: center;
    display: block;
  }

  .heading-9 {
    margin-left: 23px;
    margin-right: 23px;
  }

  .itemsynced {
    margin-left: 40px;
    margin-right: 40px;
  }

  .features-div {
    justify-content: center;
  }

  .darksection {
    padding-top: 23px;
    padding-bottom: 23px;
  }

  .slide-14, .slide-15, .slide-16, .slide-17, .slide-18, .slide-19, .slide-1-2 {
    width: 100%;
  }

  .pricingsection {
    padding-left: 22px;
    padding-right: 22px;
  }

  .landingplanframe {
    width: auto;
  }

  .accordion-item-content {
    margin-right: 0;
  }

  .partnermenueimage {
    width: 120px;
    margin-left: 6px;
  }

  .faq-accordion-item-content {
    margin-right: 0;
  }

  .image-19 {
    width: 160px;
  }

  .image-20, .image-21 {
    display: none;
  }

  .bigstep {
    font-size: 22px;
  }

  .section1b {
    align-items: center;
    padding-top: 41px;
    padding-bottom: 41px;
  }

  .columnimg.centercolumn {
    height: 50px;
  }

  .heroframe {
    margin-top: 0;
    margin-bottom: 11px;
    padding: 30px 10px 10px;
  }

  .playvideo {
    margin-top: 0;
    margin-right: 0;
  }

  .wistia_embedded_button {
    top: 53%;
    left: 34%;
  }

  .column-10 {
    height: 650px;
  }

  .icon-11, .icon-12 {
    display: none;
  }

  .feature-description-div.right {
    max-width: 100%;
    padding-left: 9px;
    padding-right: 9px;
  }

  .feature-description-div.left {
    padding-left: 9px;
    padding-right: 9px;
  }

  .feature-explained {
    width: 100%;
    max-width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }

  .feature-headline {
    margin-bottom: 36px;
  }

  .feature-image {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .feature-image.benefit1 {
    max-width: 500px;
    background-image: none;
  }

  .feature-image.benefit2 {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .app-logo-2 {
    margin-top: 19px;
    margin-bottom: 20px;
  }

  .top-benefits {
    height: 2900px;
    flex-direction: column;
    align-items: center;
  }

  .herocontent {
    width: auto;
    padding-left: 7px;
    padding-right: 7px;
  }

  .award {
    width: 160px;
    margin: 11px 18px;
  }

  .partner-image {
    width: 200px;
  }

  .productheading {
    width: auto;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 50px;
    line-height: 46px;
  }

  .partner-images {
    flex-direction: row;
    margin-top: 23px;
    margin-bottom: 23px;
    display: flex;
  }

  .benefits-container {
    padding-top: 45px;
    padding-bottom: 28px;
  }

  .benefits-container.right {
    padding-top: 5px;
  }

  .benefits-container.right.blue {
    padding-top: 45px;
  }

  .benefits-container.left {
    padding-top: 7px;
  }

  .benefits-container.summary {
    padding-top: 21px;
    padding-bottom: 0;
  }

  .benefits-container.blue {
    padding-top: 13px;
  }

  .heading-third {
    font-size: 26px;
    line-height: 28px;
  }

  .heading-first {
    margin-top: 1px;
    margin-bottom: 11px;
    font-size: 38px;
  }

  .explainer {
    font-size: 18px;
    line-height: 22px;
  }

  .explainer.summary {
    width: auto;
    max-width: 500px;
    margin-top: 0;
  }

  .explainer.center {
    max-width: 700px;
    margin-bottom: 32px;
    line-height: 28px;
  }

  .clientlogo {
    max-height: 40px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .lptabs {
    flex-flow: column;
    align-items: center;
    margin-top: 2px;
  }

  .lptabs.right {
    margin-top: 22px;
  }

  .lptabs.left {
    flex-direction: column;
  }

  .heading-second {
    max-width: 550px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 30px;
    line-height: 38px;
  }

  .heading-second.left {
    font-size: 34px;
    line-height: 38px;
  }

  .heading-second.highlight {
    font-size: 38px;
  }

  .summary-item {
    margin: 3px 10px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .heading-fourth {
    width: auto;
    font-size: 25px;
    line-height: 26px;
  }

  .summary-image-container {
    min-height: auto;
    margin-top: 10px;
  }

  .topvalue-container {
    padding-bottom: 23px;
  }

  .summary-image {
    width: auto;
  }

  .page-header {
    margin-top: -7px;
    margin-bottom: 18px;
    font-size: 58px;
  }

  .page-header.shopifyconnect {
    margin-bottom: 15px;
    padding-bottom: 25px;
  }

  .request-info {
    padding-left: 22px;
    padding-right: 22px;
  }

  .testimonial-wrapper {
    padding-left: 0;
  }

  .testimonial-quote {
    font-size: 20px;
    line-height: 30px;
  }

  .testimonial-attrib {
    font-size: 16px;
  }

  .topvalue-detail-image {
    height: auto;
  }

  .try-free-hero {
    padding-left: 10px;
    padding-right: 10px;
  }

  .try-free-content-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .tab-label {
    width: 250px;
  }

  .product-title-hero {
    font-size: 24px;
    line-height: 24px;
  }

  .tabs-content-3 {
    width: 500px;
    padding-left: 0;
    padding-right: 0;
  }

  .tabs-3 {
    width: 550px;
    padding-left: 25px;
    padding-right: 25px;
  }

  .tooltip {
    z-index: 3;
    left: -115px;
  }

  .tooltip-arrow {
    left: 67%;
  }

  .popup-button.largebutton {
    font-size: 20px;
  }

  .popup-button.xlargebutton {
    width: 380px;
    font-size: 20px;
  }

  .popup-button.medbutton {
    width: 380px;
    margin-top: 33px;
    margin-bottom: 33px;
    font-size: 20px;
  }

  .popup-tabs {
    padding-left: 6px;
    padding-right: 6px;
  }

  .popup-tabs-content {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .popup-tabs-label {
    margin-bottom: 10px;
    margin-left: 7px;
    margin-right: 7px;
    font-size: 14px;
  }

  .contentbox {
    padding-left: 0;
    padding-right: 0;
  }

  .contentbox.videomask {
    top: -300px;
  }

  .appswrapper {
    max-width: 100%;
    flex-direction: column;
    margin-bottom: 24px;
  }

  .schedule-demo-button.largebutton {
    font-size: 20px;
  }

  .schedule-demo-button.xlargebutton, .schedule-demo-button.medbutton {
    width: 380px;
    font-size: 20px;
  }

  .load-bar-base {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .tabs-menu-4 {
    flex-wrap: wrap;
  }

  .tab-button-2 {
    justify-content: flex-start;
  }

  .feature-image-default {
    margin-top: 14px;
    margin-bottom: 14px;
  }

  .feature-image-default.benefit1 {
    max-width: 500px;
    background-image: none;
  }

  .feature-image-default.benefit2 {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .modal-wrapper-copy {
    padding-top: 61px;
  }

  .modalpopupcontent {
    margin-left: 0;
    margin-right: 0;
  }

  .email-form {
    flex-direction: row;
    margin-left: 25px;
    margin-right: 25px;
  }

  .email-input {
    width: auto;
    max-width: 350px;
    flex: 1;
  }

  .get-started-button {
    width: auto;
    max-width: 250px;
    flex: 0 auto;
  }

  .bigstep-info {
    font-size: 22px;
  }

  .tab-prev, .tab-next {
    top: -10px;
  }

  .benefits-checklist-container {
    padding-top: 45px;
    padding-bottom: 28px;
  }

  .benefits-checklist-container.right {
    padding-top: 5px;
  }

  .benefits-checklist-container.right.blue {
    padding-top: 45px;
  }

  .benefits-checklist-container.left {
    padding-top: 7px;
  }

  .benefits-checklist-container.summary {
    padding-top: 21px;
    padding-bottom: 0;
  }

  .benefits-checklist-container.blue {
    padding-top: 13px;
  }

  .topbenefit {
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .logo {
    margin-top: 7px;
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 6px;
  }

  .navbar {
    padding-right: 0;
  }

  .brand {
    width: 110px;
    margin: 2px auto auto;
    display: block;
  }

  .all-h3-headings {
    margin-top: 1px;
    margin-bottom: 40px;
    line-height: 23px;
  }

  .apiantbutton {
    font-size: 20px;
  }

  .apiantbutton.plan-button {
    width: 154px;
    font-size: 13px;
  }

  .apiantbutton.plan-button.signup {
    width: 100%;
  }

  .pricing-hero-section {
    height: 441px;
  }

  .h1-pricing-header {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 16px;
  }

  .h1-pricing-header.devteam-header {
    width: 100%;
    font-size: 24px;
  }

  .plan-name.plan-name-small {
    font-size: 14px;
    line-height: 16px;
  }

  .plan-frame, .plan-frame.plan-popular {
    margin-bottom: 30px;
  }

  .plan-frame.plan-frame-manager {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-height: auto;
    min-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .plan-header.templates {
    background-color: rgba(81, 108, 121, .24);
  }

  .plan-price-area {
    justify-content: center;
    display: flex;
  }

  .next-plans-link {
    font-size: 12px;
  }

  .templateplans, .customintegrationplans {
    width: 235px;
    max-width: 235px;
  }

  .plan-wrapper {
    padding-left: auto;
    padding-right: auto;
  }

  .pricing-table-section {
    padding-bottom: 2px;
  }

  .pricing-table-section.dev-team-pricing-table-section {
    margin-top: -48px;
    padding-top: 0;
  }

  .pricing-table-wrapper {
    display: none;
  }

  .pricing-table-wrapper.integrator-features-table {
    display: block;
  }

  .pricing-table-wrapper.dev-team-pricing-table {
    width: 100%;
    padding-top: 0;
    display: block;
  }

  .table-feature.table-feature-plan {
    margin-left: 0;
  }

  .table-cell.cell-devteam {
    flex-direction: column;
    justify-content: center;
    align-self: center;
    padding-left: 0;
    display: flex;
  }

  .link {
    font-size: 11px;
  }

  .qa-section {
    padding-top: 4px;
    padding-bottom: 20px;
    font-size: 12px;
  }

  .section-heading-h3 {
    font-size: 16px;
  }

  .faq-tabs-menu {
    padding-left: 0%;
  }

  .faq-answer {
    padding-left: 4px;
    padding-right: 4px;
  }

  .hero {
    height: 100vh;
    min-height: 140px;
    align-items: center;
  }

  .hero-flex-container {
    flex-wrap: wrap;
    flex: 100%;
    align-content: center;
    align-self: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: static;
    right: 7px;
    overflow: visible;
  }

  .hero-flex-container.home-hero-flex {
    flex-flow: column wrap;
    align-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .hero-headline {
    margin-top: 6px;
    font-size: 18px;
  }

  .email-field {
    height: 40px;
    float: none;
    background-image: none;
    margin-top: 2px;
    font-size: 12px;
  }

  .hero-form {
    width: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }

  .hero-form.automatorfreetrial {
    width: 100%;
    flex-direction: column;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    position: static;
  }

  .hero-form.bottom-form-wrapper {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .form-wrapper {
    padding-left: 0;
  }

  .no-credit-card {
    font-size: 11px;
  }

  .plan-box {
    padding-top: 8px;
  }

  .hero-div {
    flex-flow: column;
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: stretch;
    display: block;
  }

  .subtitle {
    font-size: 15px;
  }

  .app-icon {
    align-self: center;
  }

  .product-section.manager-section {
    align-items: center;
  }

  .product-section.automator-section {
    margin-top: 32px;
    padding-top: 0;
    position: relative;
    top: 68px;
  }

  .product-section.integrator-section {
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }

  .product-section.tos-section {
    margin-top: 60px;
    padding-top: 33px;
  }

  .product-title-flex {
    align-items: center;
    padding-bottom: 7px;
    overflow: hidden;
    transform: scale(.94);
  }

  .product-title-flex.tostitle {
    margin-top: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer {
    height: auto;
    text-align: center;
    flex-flow: column wrap;
    align-content: stretch;
    align-items: flex-start;
    padding-bottom: 40px;
    padding-left: auto;
    padding-right: auto;
    display: block;
    transform: scale(1);
  }

  .product-name-big {
    font-size: 20px;
    line-height: 29px;
  }

  .product-title-big {
    margin-bottom: 5px;
    font-size: 20px;
  }

  .product-title-big.tos-title {
    margin-top: 42px;
    margin-bottom: 0;
    font-size: 20px;
  }

  .product-subtitle {
    margin-bottom: 4px;
  }

  .product-slogan {
    width: 207px;
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: stretch;
    margin-top: 27px;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 25px;
    display: flex;
  }

  .link-plan-box {
    margin: 2px auto;
    display: block;
  }

  .section-headline {
    max-width: 277px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 6px;
    font-size: 18px;
    line-height: 25px;
  }

  .homepage-button {
    width: 97%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 17px;
  }

  .homepage-button.button-type-trial {
    margin-top: 12px;
    margin-bottom: 12px;
    font-size: 15px;
  }

  .homepage-button.typeform-share {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 15px;
  }

  .plan-price-starts {
    text-align: center;
  }

  .product-plan-description.description-left {
    margin-top: 8px;
    margin-bottom: 35px;
    padding-right: 14px;
    font-size: 13px;
  }

  .product-plan-description.description-right {
    text-align: left;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 12px;
  }

  .screen-grab-right {
    max-width: 288px;
    float: none;
    position: relative;
    right: 1px;
    transform: scale(.98);
  }

  .column-right {
    padding-top: 21px;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-block {
    width: 100%;
    align-self: flex-start;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
  }

  .testimonial-block.right-block {
    width: 100%;
    margin-right: auto;
    position: static;
    left: 10px;
    right: 7px;
  }

  .testimonial-block.gibson-testimonial {
    width: 100%;
    position: static;
    right: 10px;
  }

  .testimonial-paragraph {
    font-size: 12px;
  }

  .testimonial-name {
    font-size: 14px;
  }

  .testimonial-arrow-left.testimonial-right-arrow {
    right: -86px;
  }

  .section-heading {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 26px;
  }

  .features-flex-wrapper {
    align-content: space-around;
    padding-top: 24px;
    padding-bottom: 0;
  }

  .features-flex-wrapper.manager-features {
    flex-direction: column;
    align-content: center;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .column-text {
    padding-left: 0;
    padding-right: 0;
    transform: scale(1);
  }

  .feature-block {
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .feature-block.only-block {
    margin-top: 2px;
    margin-bottom: 0;
  }

  .feature-description {
    width: 100%;
    font-size: 14px;
  }

  .column-left-screen-grab {
    justify-content: center;
    align-self: center;
    position: static;
  }

  .more-features {
    font-size: 14px;
  }

  .try-apiant-section {
    height: 100%;
    padding: 22px 2px;
  }

  .try-apiant-wrapper.form-bottom {
    width: 100%;
    align-self: stretch;
    align-items: stretch;
  }

  .try-apiant-free {
    padding-bottom: 2px;
    font-size: 18px;
    font-weight: 400;
  }

  .company-info {
    font-size: 12px;
  }

  .footer-category {
    margin-top: 25px;
    padding-bottom: 4px;
    font-size: 14px;
  }

  .endpoints-row {
    width: 100%;
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .connected-apps-div {
    display: none;
  }

  .product-list-section {
    padding: 8px 2px;
  }

  .product-list-title-text {
    margin-top: 12px;
    padding-left: 21px;
    padding-right: 21px;
    font-size: 19px;
  }

  .mngr-infographic {
    max-width: 296px;
    float: none;
    position: static;
    right: -47px;
  }

  .assemblyeditor-screen-grab {
    width: 100%;
    max-width: 306px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    position: static;
    right: 4px;
  }

  .devteam-graphic {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 6px;
    padding-right: 6px;
    position: static;
    right: -8px;
  }

  .left-column-text-content-wrapper {
    float: none;
    flex-direction: column;
    align-items: center;
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 13px;
    padding-right: 13px;
    overflow: hidden;
  }

  .apiant-hero-icon {
    max-width: 100%;
    margin-top: 4px;
    margin-bottom: 10px;
    transform: scale(.76);
  }

  .testimonials-slider {
    display: none;
  }

  .testimonial-text {
    transform: scale(.89);
  }

  .products-div {
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .menu-button {
    margin-top: 0;
  }

  .menu-button.w--open {
    z-index: 9999;
    float: none;
  }

  .customer-link {
    font-size: 14px;
  }

  .pricing-hero-div2.hero-catalog {
    align-items: stretch;
  }

  .pricing-hero-div2.devteam-hero {
    align-items: center;
  }

  .product-pricing-slogan {
    width: 218px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 15px;
    line-height: 18px;
    display: flex;
  }

  .product-pricing-slogan.catalog-slogan {
    margin-bottom: 30px;
    font-size: 16px;
  }

  .hero-background-automator {
    height: 100%;
  }

  .integrator-price {
    font-size: 28px;
  }

  .integrator-cost {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 16px;
  }

  .cost-of-plan-client-link {
    font-size: 14px;
  }

  .integrator-cost-div {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .dev-team-pricing-table {
    width: 100%;
  }

  .subheading {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 12px;
  }

  .new-visitor {
    width: 100%;
    align-self: stretch;
    align-items: center;
    margin-top: 0;
    padding-left: 17px;
    padding-right: 17px;
  }

  .form-submit-button {
    display: block;
    top: -49px;
  }

  .thank-you-text {
    font-size: 20px;
  }

  .author {
    font-size: 14px;
  }

  .background {
    background-image: linear-gradient(to bottom, null, null), url('../images/Desert_Web.jpg');
    background-position: 0 0, 28% 70%;
  }

  .apiant-logo {
    margin-bottom: 8px;
    transform: scale(.89);
  }

  .connections-catalog-section {
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .catalog-row {
    width: 100%;
  }

  .catalog-app-name {
    font-size: 16px;
  }

  .catalog-app-name.font {
    text-align: center;
    font-size: 18px;
  }

  .catalog-app-description {
    font-size: 12px;
  }

  .connection-header-icon {
    transform: scale(.8);
  }

  .connection-header-title {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
  }

  .app-name-title {
    font-size: 18px;
  }

  .connection-header-description {
    max-width: 254px;
    font-size: 14px;
  }

  .connection-features-wrapper {
    font-size: 12px;
  }

  .features-row {
    width: 100%;
  }

  .connection-feature-cell {
    margin-top: 20px;
  }

  .button-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .connect-app-list-wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .divider {
    max-width: 250px;
  }

  .divider-wrapper {
    width: 100%;
  }

  .connect-apps-list-row {
    width: 254px;
  }

  .connect-description-wrapper.appdescription {
    font-size: 16px;
  }

  .connection-header-description-wrapper {
    margin-bottom: 5px;
    margin-left: 16px;
    margin-right: 16px;
  }

  .template-body {
    width: 100%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 11px;
    padding-right: 11px;
    display: block;
  }

  .modal-wrapper {
    width: 100%;
    padding-top: 59px;
    padding-left: 9px;
    padding-right: 9px;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
  }

  .sign-up-wrapper {
    width: 100%;
    flex-direction: column;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .close-link {
    text-align: right;
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 2px;
    padding-right: 11px;
    position: relative;
    top: -27px;
    left: -4px;
    right: -4px;
  }

  .popup-wrapper-manager, .popup-wrapper-intergrator {
    padding-top: 60px;
    display: none;
  }

  .slogan-box {
    width: 220px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-dynamic-content {
    width: 100%;
    align-self: center;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .terminal-line {
    font-size: 17px;
  }

  .terminal-line-last {
    font-size: 20px;
  }

  .testimonial-div {
    height: 350px;
  }

  .tos-text {
    padding-left: 11px;
    padding-right: 11px;
  }

  .tos-container {
    padding: 0 7px;
  }

  .tos-wrapper {
    padding: 18px 0;
  }

  .editor-link.suggest-link {
    opacity: 1;
    color: rgba(39, 75, 94, .44);
    margin-bottom: 9px;
    font-size: 14px;
  }

  .editor-link.suggest-link:hover {
    color: #d76c3b;
  }

  .instructions {
    text-align: center;
  }

  .dot {
    font-size: 14px;
  }

  .product-title-wrap {
    align-items: center;
    margin-bottom: 22px;
  }

  .callout.mobile {
    margin-top: 0;
    padding-top: 20px;
    font-size: 29px;
    line-height: 37px;
  }

  .callout.appscallout {
    margin-top: 8px;
    padding-left: 19px;
    padding-right: 19px;
  }

  .signup-for-free-button.signup {
    width: auto;
    align-self: stretch;
  }

  .orange {
    text-shadow: 0 1px rgba(255, 255, 255, .45);
  }

  .flex-wrapper {
    display: block;
  }

  .number-bullet {
    font-size: 30px;
  }

  .navigation {
    padding-left: 7px;
    padding-right: 7px;
  }

  .menuitem {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .menuitem.w--current {
    width: 200px;
    min-width: auto;
    align-self: center;
    margin: 0 auto;
    display: block;
  }

  .menuitem.w--open {
    font-size: 16px;
  }

  .menuitem.itemapps {
    margin-top: 0;
    margin-bottom: 0;
  }

  .menuitem.productmenuitem {
    width: 100%;
  }

  .menuitem.productmenuitem.w--current {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .nav-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 2px;
    padding-right: 2px;
    display: flex;
  }

  .nav-wrapper.mainnav {
    width: auto;
    min-width: 0;
    background-color: rgba(0, 0, 0, 0);
    flex-wrap: wrap;
    align-content: flex-start;
    margin-top: 0;
    display: flex;
  }

  .nav-wrapper.mainnav.productmainnav {
    margin-top: 0;
  }

  .nav-wrapper.navbutton {
    width: auto;
    min-width: 0;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
    flex-flow: column wrap;
    flex: 0 auto;
    align-content: center;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .nav-wrapper.dropdownnav {
    z-index: 900;
    flex-flow: column wrap;
    flex: 1;
    align-content: center;
    align-self: stretch;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: fixed;
  }

  .product-nav {
    background-color: rgba(0, 0, 0, 0);
    flex-flow: column wrap;
    flex: 0 auto;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-header {
    text-align: center;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .productlogosmall {
    width: 50px;
  }

  .fullpage {
    height: 100vh;
    min-height: 610px;
  }

  .fullpage.nonhomepage {
    height: 1190px;
  }

  .description {
    padding-top: 0;
  }

  .productlogomed {
    width: 60px;
    display: block;
  }

  .pricing {
    margin-bottom: 50px;
  }

  .hero-text {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .hero-product-name {
    text-align: center;
    justify-content: center;
    margin-top: 13px;
    font-size: 22px;
  }

  .apps-filter {
    display: none;
  }

  .heroproduct {
    margin-top: 79px;
    padding-top: 20px;
  }

  .heroproduct.heroaen {
    padding-top: 10px;
  }

  .heroproduct.heroasa {
    background-image: linear-gradient(88deg, #fff, rgba(255, 255, 255, .22)), url('../images/Asa-backgrd.jpg');
    background-position: 0 0, 45%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 10px;
  }

  .heroproduct.heroama {
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    padding-top: 10px;
  }

  .hero-subheading {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    display: block;
  }

  .hero-subheading-text {
    text-align: center;
    font-size: 23px;
  }

  .product-contact-form-wrapper.acicontact {
    width: 100%;
  }

  .bullet-points {
    align-self: center;
    align-items: flex-start;
    margin-top: 14px;
    padding-top: 0;
    padding-bottom: 9px;
    padding-left: 10px;
  }

  .bullet-point {
    text-align: center;
    font-size: 15px;
  }

  .bullets {
    font-size: 12px;
  }

  .beta {
    margin: 10px 1px;
    padding: 2px;
    font-size: 15px;
  }

  .description-column {
    padding-top: 20px;
  }

  .paragraph-heading {
    text-align: left;
    font-size: 18px;
  }

  ._3ways {
    margin-top: 2px;
    margin-bottom: 2px;
    line-height: 34px;
    display: none;
  }

  .mobile-message {
    padding-left: 38px;
    padding-right: 38px;
    display: none;
  }

  .brandlogo {
    width: 130px;
  }

  .brandlogo.w--current {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
  }

  .subcallout.mobile {
    font-size: 14px;
  }

  .mobile-callout {
    padding-left: 10px;
    padding-right: 10px;
  }

  .dropdownmenu.w--open {
    text-align: left;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .productlogo {
    width: 68px;
    font-size: 18px;
  }

  .heroproductnamewrapper {
    text-align: center;
    flex-direction: column;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: flex;
  }

  .productsdropdown {
    width: auto;
    border-radius: 6px;
    justify-content: center;
    align-self: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    position: relative;
  }

  .subcallout-wrapper {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .appiconpageheader {
    height: 45px;
  }

  .template-box {
    height: 130px;
    max-height: 130px;
    min-height: 130px;
    background-position: 10% 90%, 50% 73%, 90% 90%;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
  }

  .template-box.collection {
    background-position: 10% 90%, 50% 82%, 90% 90%;
    background-size: 50px, auto, 50px;
  }

  .template-box.open_intercom {
    background-image: url('../images/intercom-chat-icon_1intercom-chat-icon.png'), linear-gradient(to bottom, #337ab7, #337ab7), linear-gradient(to bottom, null, null);
    background-position: 50% 76%, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat;
    background-size: 60px, auto, auto;
  }

  .templatename {
    margin-top: 5px;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 13px;
    line-height: 14px;
  }

  .heading-6 {
    font-size: 30px;
    line-height: 34px;
  }

  .heading-7 {
    line-height: 34px;
  }

  .hero-buttons {
    justify-content: center;
  }

  .nav-button {
    width: 100%;
    max-height: auto;
    min-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 17px;
  }

  .nav-button.herobutton {
    width: 100%;
    min-width: 100%;
    padding: 2px 30px;
    font-size: 15px;
    line-height: 30px;
    display: flex;
  }

  .nav-button.herobutton.signup {
    width: 100%;
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    min-width: auto;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-button.herobutton.videolink {
    width: auto;
    height: 60px;
    max-height: 60px;
    min-height: 60px;
    min-width: auto;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
  }

  .nav-button.videolink {
    width: 350px;
    max-width: 350px;
    min-width: auto;
    text-align: center;
    width: 350px;
    max-width: 350px;
    min-width: auto;
    text-align: center;
    background-color: rgba(205, 83, 52, .9);
    margin-left: auto;
    margin-right: auto;
    padding-right: 12px;
    font-size: 15px;
    display: none;
  }

  .paragraph.herotext {
    font-size: 14px;
  }

  .featured-blog-section {
    height: 350px;
  }

  .fullscreen-slideshow {
    display: block;
  }

  .slideshow.slidethink {
    padding-left: 2px;
    padding-right: 2px;
  }

  .slideshow.slidefirst {
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, .19)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/craig-garner-202-unsplash.jpg');
    background-size: auto, auto, cover;
    padding-left: 2px;
    padding-right: 2px;
  }

  .slide-nav-3 {
    margin-bottom: 50px;
    padding-left: 19px;
    padding-right: 19px;
  }

  .slogan {
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 13px;
    line-height: 28px;
  }

  .slogan.second {
    width: auto;
    height: 40px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 20px;
  }

  .slogan.first {
    letter-spacing: 4px;
    margin: 10px 2px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .why {
    letter-spacing: .5px;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 34px;
    line-height: 40px;
  }

  .how {
    background-image: linear-gradient(rgba(245, 245, 245, .83), rgba(245, 245, 245, .83));
    margin-top: 17px;
    margin-bottom: 17px;
    padding-left: 7px;
    padding-right: 7px;
  }

  .freedomto {
    margin-bottom: 60px;
    font-size: 45px;
  }

  .emphasized {
    font-size: 45px;
  }

  .text-block-2 {
    line-height: 20px;
  }

  .contact-form.free-consultation {
    width: 100%;
  }

  .productboxlink {
    padding-top: 4px;
  }

  .showcasedapps {
    flex: 1;
    align-self: stretch;
  }

  .applink {
    height: 100px;
    flex: 1;
    margin: 12px 2px;
  }

  .appicon {
    width: 55px;
    max-width: 55px;
  }

  .sectionheading {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
  }

  .sectionheading.apiantapart {
    margin-top: 13px;
  }

  .blogcolumn {
    height: auto;
    min-height: auto;
  }

  .templatebutton {
    height: 50px;
    max-height: 50px;
    min-height: 50px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .slide-3 {
    background-position: 51% 0;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .testimonials-section {
    height: auto;
  }

  .homepage-section {
    padding-top: 13px;
  }

  .row-2 {
    min-height: 450px;
  }

  .testimonialslides {
    padding-bottom: 9px;
  }

  .testimonialslidewrapper {
    padding: 28px 35px;
  }

  .testimonial-headline {
    font-size: 16px;
    line-height: 20px;
  }

  .testimonialtext {
    font-size: 14px;
    line-height: 22px;
  }

  .testimonialsignature {
    font-size: 12px;
  }

  .tabs-menu-2 {
    flex-flow: wrap;
    margin-bottom: 0;
  }

  .tab-link {
    width: 100px;
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .how-illustration {
    flex-direction: column;
  }

  .slideparagraph {
    font-size: 12px;
    line-height: 16px;
  }

  .herobuttons {
    margin-top: 2px;
    margin-bottom: 2px;
    padding-left: 0;
    padding-right: 0;
  }

  .howgraphic {
    width: 80%;
    max-width: 80%;
  }

  .testimonialwrapper {
    height: auto;
    padding: 7px;
    font-size: 12px;
  }

  .icon-8 {
    margin-left: 2px;
  }

  .icon-9 {
    margin-right: 2px;
  }

  .productheadertitle {
    text-align: center;
    justify-content: center;
  }

  .tabs-menu-3 {
    width: 100%;
    height: auto;
  }

  .productpartner, .productsheadline {
    display: none;
  }

  .howiconsdiv {
    position: relative;
    top: -16px;
  }

  .howtitlediv {
    top: 55px;
  }

  .groupedplanstitle {
    line-height: 30px;
  }

  .groupedplanssubtitle {
    font-size: 16px;
  }

  .logo-product-name {
    width: 100%;
  }

  .close-modal-button {
    text-align: right;
    margin-top: 12px;
    margin-bottom: 0;
    padding-top: 2px;
    padding-right: 11px;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .template-title {
    font-size: 24px;
    line-height: 32px;
  }

  .slide-5 {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 800px;
  }

  .contactus-section {
    height: 750px;
  }

  .div-block-9 {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .image-11 {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .call2action_button {
    width: 100%;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .pagenstructions {
    font-size: 16px;
    line-height: 26px;
  }

  .view_endpoints {
    width: auto;
    margin-left: 7px;
    margin-right: 7px;
  }

  .templates {
    margin-left: 2px;
    margin-right: 2px;
  }

  .listrelated {
    padding-left: 6px;
    padding-right: 6px;
  }

  .blogwrapper {
    min-width: 0;
  }

  .video-templates {
    margin-bottom: 0;
  }

  .sloganhero {
    width: 280px;
    margin-top: 11px;
    margin-bottom: 8px;
    font-size: 45px;
    line-height: 50px;
  }

  .div-block-13 {
    flex-direction: column;
    justify-content: flex-start;
  }

  .columns-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .endpoints-header {
    width: auto;
  }

  .heading-8 {
    margin-top: 8px;
  }

  .heading1 {
    font-size: 30px;
    line-height: 32px;
  }

  .left-lane {
    padding-bottom: 6px;
    padding-left: 0;
    padding-right: 0;
  }

  .app-div {
    width: 80px;
    height: 80px;
    margin-left: 4px;
    margin-right: 4px;
  }

  .info-card-title {
    font-size: 24px;
  }

  .moreinfo {
    font-size: 18px;
    line-height: 20px;
  }

  .form-block {
    margin-left: auto;
    margin-right: auto;
  }

  .benefit {
    font-size: 20px;
  }

  .benefit.riskfree {
    width: 100%;
  }

  .benefit.pricing {
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .testimonials, .landing-heading, .template {
    display: none;
  }

  .testimonial-content {
    height: 350px;
    max-height: 350px;
    min-height: 350px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .testimonial-pic {
    width: 90px;
    height: 90px;
    top: -16%;
    bottom: auto;
    left: 65%;
    right: 0%;
  }

  .testimonial-pic.sarac {
    left: 62%;
  }

  .testimonial-stars {
    height: 40px;
  }

  .testimonial-title {
    font-size: 18px;
  }

  .testimonial-quote {
    font-size: 16px;
  }

  .testimonial-attribution {
    margin-top: 12px;
  }

  .slider-4 {
    padding-top: 40px;
  }

  .pricing-info.covid19 {
    width: 100%;
    text-align: left;
    margin-left: 45px;
    margin-right: 45px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
    line-height: 26px;
  }

  .appicons {
    width: 100%;
    justify-content: center;
  }

  .requestinfo {
    width: auto;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .featuredintegration {
    height: 450px;
  }

  .listfeatured {
    padding-left: 6px;
    padding-right: 6px;
  }

  .screenshot {
    padding-left: 0;
    padding-right: 0;
  }

  .imagesectiontitle {
    font-size: 16px;
  }

  .imagessection {
    padding-left: 8px;
    padding-right: 8px;
  }

  .form-3 {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .privacypolicy {
    margin-left: 4px;
    margin-right: 4px;
  }

  .div-block-22 {
    height: 100%;
  }

  .div-block-24 {
    padding: 18px 13px 42px;
  }

  .subtext {
    font-size: 22px;
    line-height: 22px;
  }

  .logolarge {
    margin-left: 4px;
  }

  .text-block-35 {
    font-size: 11px;
    line-height: 16px;
  }

  .div-block-24-copy {
    padding: 18px 13px 42px;
  }

  .callout-button {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .callout-button.w--current {
    width: 200px;
    min-width: auto;
    align-self: center;
    margin: 0 auto;
    display: block;
  }

  .callout-button.w--open {
    font-size: 16px;
  }

  .callout-button.largebutton {
    width: 100%;
  }

  .callout-button.largpagebutton {
    width: auto;
    max-width: none;
    min-width: auto;
    padding-left: 43px;
    padding-right: 43px;
  }

  .callout-button.largpagebutton.shopconnect {
    width: 200px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 20px;
  }

  .callout-button.xlargebutton {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .callout-button.xlargebutton.shopconnect {
    max-width: 300px;
  }

  .callout-button.medbutton {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
  }

  .menuoption {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .menuoption.w--current {
    width: 200px;
    min-width: auto;
    align-self: center;
    margin: 0 auto;
    display: block;
  }

  .menuoption.w--open {
    font-size: 16px;
  }

  .section1 {
    padding-top: 0;
  }

  .grid {
    width: 100%;
  }

  .app-logo-1 {
    max-height: 50px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .landing-box {
    width: 100%;
  }

  .how-it-works, .how-it-works.shopifymbo {
    height: auto;
  }

  .heading-9 {
    font-size: 28px;
  }

  .itemsynced {
    width: 100%;
    margin: 15px 0;
  }

  .itemsynced:hover {
    transform: none;
  }

  .bulleticon {
    width: 100px;
  }

  .pricingsection {
    flex-wrap: nowrap;
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .landingplanframe {
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .landingplanheader {
    padding-left: 0;
    padding-right: 0;
  }

  .landingplanname {
    margin-left: 7px;
    margin-right: 7px;
    font-size: 30px;
    line-height: 30px;
  }

  .landingplanpricearea {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .landingplanfeaturesarea {
    height: auto;
    padding-left: 13px;
    padding-right: 19px;
    display: flex;
  }

  .landingplanfeature {
    margin-left: 0;
  }

  .landingplanprice.mainplan {
    font-size: 30px;
  }

  .landingpermonth {
    font-size: 20px;
  }

  .landingfeatureicon {
    padding-left: 3px;
  }

  .header-center-box._75 {
    width: 90%;
  }

  .faq {
    padding: 100px 15px;
  }

  .partnermenueimage {
    width: 90px;
  }

  .section-faq-2 {
    padding: 100px 15px;
  }

  .bigstep {
    margin-top: 15px;
    margin-bottom: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 32px;
  }

  .section1b {
    padding-top: 0;
  }

  .columnimg {
    height: auto;
  }

  .headercolumn {
    margin-bottom: 16px;
  }

  .heroframe {
    margin-top: 0;
  }

  .fullyintegrateddiv {
    width: 100%;
    max-width: 300px;
    margin-top: 4px;
    font-size: 12px;
    line-height: 20px;
    display: none;
    top: -33%;
  }

  .playvideo {
    width: 100px;
    height: 80px;
    border-radius: 400px;
  }

  .wistia_embedded_button {
    width: 100%;
    height: 200px;
    background-color: #fbf7ed;
    justify-content: center;
    padding-left: 0;
    position: static;
    top: 125px;
  }

  .wistia_embedded_button.crmconnect-mindbody-hubspot, .wistia_embedded_button.dpohubspot, .wistia_embedded_button.crmconnectdpoactivecampaign {
    display: none;
  }

  .free-trial {
    padding-left: 6px;
    padding-right: 6px;
  }

  .trialinfo {
    font-size: 12px;
  }

  .feature-section.dark, .feature-section.light {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .feature-description-div.right, .feature-description-div.left {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .fullyintegrated {
    font-size: 24px;
  }

  .feature-explained {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 17px;
    line-height: 24px;
  }

  .feature-headline {
    font-size: 26px;
    line-height: 30px;
  }

  .feature-image.benefit2 {
    margin-top: 17px;
  }

  .app-logo-2 {
    max-height: 44px;
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .top-benefits, .top-benefits.shopifymbo {
    height: auto;
  }

  .award {
    width: 150px;
  }

  .productheading {
    background-image: linear-gradient(to right, #528ef7, #ff00f7);
    padding-left: 9px;
    padding-right: 9px;
    font-size: 46px;
    line-height: 50px;
  }

  .partner-images {
    flex-flow: wrap;
    justify-content: center;
    margin-top: 19px;
    margin-bottom: 19px;
  }

  .benefits-container {
    padding-top: 0;
  }

  .benefits-container.right {
    padding-top: 23px;
  }

  .videoframe {
    background-position: 100% 0;
  }

  .wistia_embedded_button_videoframe {
    justify-content: center;
  }

  .heading-third {
    font-size: 24px;
    line-height: 22px;
  }

  .heading-first {
    font-size: 28px;
    line-height: 32px;
  }

  .explainer {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 24px;
  }

  .explainer.center {
    margin-left: 30px;
    margin-right: 30px;
  }

  .clientlogo {
    height: 80px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .trusted-heading {
    padding: 5px 6px;
    font-size: 18px;
  }

  .trusted-wrapper {
    padding-bottom: 6px;
  }

  .lptabs.left {
    margin-top: 12px;
  }

  .heading-second.highlight {
    font-size: 30px;
    line-height: 28px;
  }

  .heading-fourth {
    font-size: 21px;
    line-height: 24px;
  }

  .topvalue-container {
    flex-direction: column;
    margin-top: 0;
  }

  .heading-14 {
    color: #333;
  }

  .page-header {
    letter-spacing: -2px;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(79deg, #528ef7, #ff00f7);
    -webkit-background-clip: text;
    background-clip: text;
    margin-top: 0;
    margin-bottom: 3px;
    font-family: sofia-pro, sans-serif;
    font-size: 48px;
  }

  .page-header.shopifyconnect {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 38px;
  }

  .page-header.crmconnect, .page-header.mbohubspot, .page-header.mailconnect {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .tryfree-float {
    padding-left: 14px;
    padding-right: 14px;
  }

  .request-info {
    padding-left: 10px;
    padding-right: 10px;
  }

  .testimonial-wrapper {
    padding-left: 0;
  }

  .testimonial-card {
    margin-top: 22px;
    margin-bottom: 12px;
  }

  .testimonial-card.large {
    width: auto;
  }

  .testimonial-quote {
    font-size: 20px;
    line-height: 24px;
  }

  .testimonial-quote.large {
    font-size: 22px;
    line-height: 26px;
  }

  .testimonial-attrib {
    line-height: 24px;
  }

  .trial-name {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 24px;
  }

  .modal-wrapper {
    width: auto;
  }

  .modal-wrapper.zoomconnect, .modal-wrapper.crmconnectdonorperfectactivecampaign {
    height: 100vh;
    padding-top: 53px;
    padding-bottom: 35px;
  }

  .try-free-hero {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .try-free-hero.crmconnect-mindbody-hubspot, .try-free-hero.crmconnect-dpo-hubspot {
    padding-top: 34px;
    padding-bottom: 34px;
  }

  .tab-label {
    width: auto;
  }

  .product-title-hero {
    font-size: 18px;
  }

  .tabs-content-3 {
    width: auto;
  }

  .try-free-title {
    font-size: 24px;
  }

  .tabs-3 {
    width: auto;
  }

  .try-free-tab-instructions {
    font-size: 18px;
    line-height: 20px;
  }

  .try-free-copy {
    font-size: 24px;
  }

  .div-block-46 {
    display: none;
  }

  .popup-button {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .popup-button.w--current {
    width: 200px;
    min-width: auto;
    align-self: center;
    margin: 0 auto;
    display: block;
  }

  .popup-button.w--open {
    font-size: 16px;
  }

  .popup-button.largebutton {
    width: 100%;
  }

  .popup-button.largpagebutton {
    width: auto;
    max-width: none;
    min-width: auto;
    padding-left: 43px;
    padding-right: 43px;
  }

  .popup-button.xlargebutton {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .popup-button.medbutton {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
  }

  .popup-tabs, .popup-tabs-content, .popup-tabs-label {
    width: auto;
  }

  .apiantcomponent._2column {
    height: 100%;
    display: flex;
  }

  .contentbox {
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
  }

  .contentbox.videomask {
    padding-left: 0;
    padding-right: 0;
    top: -282px;
  }

  .videosection {
    display: none;
  }

  .lpapplogo {
    width: 180px;
  }

  .lpapplogo.logo2 {
    width: 200px;
  }

  .lp-2ws-arrows {
    width: 60px;
  }

  .appswrapper {
    flex-direction: column;
    margin-top: 21px;
    margin-bottom: 21px;
  }

  .star {
    width: 25px;
  }

  ._5stars {
    width: 150px;
    top: -15px;
  }

  .schedule-demo-button {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    display: block;
  }

  .schedule-demo-button.w--current {
    width: 200px;
    min-width: auto;
    align-self: center;
    margin: 0 auto;
    display: block;
  }

  .schedule-demo-button.w--open {
    font-size: 16px;
  }

  .schedule-demo-button.largebutton {
    width: 100%;
  }

  .schedule-demo-button.largpagebutton {
    width: auto;
    max-width: none;
    min-width: auto;
    padding-left: 43px;
    padding-right: 43px;
  }

  .schedule-demo-button.xlargebutton {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .schedule-demo-button.xlargebutton.shopconnect {
    max-width: 300px;
  }

  .schedule-demo-button.medbutton {
    width: auto;
    margin-left: 12px;
    margin-right: 12px;
    font-size: 16px;
  }

  .background-video-2 {
    width: 100%;
    height: 100%;
  }

  .tab-panel {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-content-5 {
    padding-top: 20px;
  }

  .content-block {
    padding-bottom: 10px;
  }

  .feature-image-default.benefit2 {
    margin-top: 17px;
  }

  .modal-wrapper-copy {
    width: 100%;
    padding-top: 59px;
    padding-left: 9px;
    padding-right: 9px;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
  }

  .emailform.large {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .email-form {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }

  .email-input {
    height: 50px;
    max-width: 200px;
    flex: 1;
    font-size: 18px;
    line-height: 20px;
  }

  .get-started-button {
    height: 50px;
    max-width: 125px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .bigstep-info {
    margin-top: 15px;
    margin-bottom: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 24px;
    line-height: 32px;
  }

  .tab-prev, .tab-next {
    top: -8px;
  }

  .testimonial-card-mobile {
    margin-top: 22px;
    margin-bottom: 3px;
  }

  .testimonial-card-mobile.large {
    width: auto;
  }

  .image-29, .image-30 {
    transform: scale(1);
  }

  .html-embed-32 {
    padding-bottom: 15px;
  }

  .benefit-card {
    min-width: auto;
    margin-left: 2px;
    margin-right: 2px;
    padding-bottom: 0;
    padding-left: 11px;
    padding-right: 11px;
    line-height: 26px;
  }

  .benefits-checklist-container, .benefits-checklist-container.right {
    padding-top: 23px;
  }

  .topbenefit {
    max-width: 350px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-self: center;
    align-items: center;
    padding: 18px 15px;
    display: flex;
  }

  .div-block-58 {
    justify-content: center;
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }
}

#w-node-_04616b34-fbab-c74b-bdd8-bb3078b3216d-d1e601ec, #w-node-d3c84745-5db4-8236-c81c-deee9fe0e203-d1e601ec {
  grid-area: Area;
}


@font-face {
  font-family: 'Materialicons';
  src: url('../fonts/MaterialIcons-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}