html, body {
  height: 100%;
  font-family: 'latoregular';
  margin: 0;
}
html {
  min-height: 640px;
}
h1, h3{
  margin:0;
  padding:0;
  font-size:100%;
  font-weight:normal;
}
h1{
  font-weight:bold;
}
body ::-moz-selection {
  background-color: #00a5e2
}

body ::selection {
  background-color: #00a5e2
}
.transparent-submit {
  position: absolute;
  width: 100%;
  height: 52px;
  color: transparent;
  border: transparent;
  background: transparent;
  cursor: pointer;
  z-index: 100;
}
.main-container {
  max-width: 100%;
  margin: 0 auto;
  overflow-x: hidden;
  background-color: white;
  position: relative;
  box-shadow: 0 10px 20px 0 rgba(36, 50, 66, 0.04);
}
.login-page .content-wrapper {
  min-height: min(calc(100vh - 309px), 660px);
}
.login-page .top-navbar-border {
  box-shadow: none;
}
.achieve-goals-faster {
  position: relative;
  overflow: hidden;
  padding-top: 80px;
}
.achieve-goals-faster-resources {
  position: relative;
  overflow: hidden;
  padding-top: 95px;
}
.top-navbar {
  position: fixed;
  background-color: white;
  z-index: 3;
  width: 100%;
  max-width: 100%;
  top: 0;
}
.top-navbar-border {
  box-shadow: 0 1px 2px 0 rgba(36, 50, 66, 0.15);
}
/* BG: */
.nav-rectangle {
  /* Rectangle 2: */
  /*width: 960px;*/
  height: 70px;
  margin: 0 auto;
  font-family: 'latoregular';
  position: relative;
}
.nav-logo {
  display: inline-block;
  position: absolute;
  top: 19px;
  left: 60px;
}
.nav-right {
  position: absolute;
  right: 38px;
  width: 410px;
}
.nav-left {
  position: absolute;
  left: 250px;
  width: 410px;
}
.demo-title {
  font-size: 36px;
  padding-top: 10px;
}
.demo-button {
  vertical-align: middle;
  padding: 0;
  left: 274px;
  top: 4px !important;
  width: 132px;
  border: 1px solid #00a5e2;
  border-radius: 4px;
  cursor: pointer;
}
.demo-button:hover {
  background-color: #00a5e2;
}
.demo-button:hover a{
  color:white !important;
}
.demo-button div {
  display: inline-block;
  width: 84px;
  height: 20px;
  position: absolute;
  left: 25px;
  top: 6px;
}
.demo-button-item {
  font-size: 14px;
  color: #212121;
  text-align: right;
  display: inline-block;
  top: 12px;
  position: absolute;
  font-family: 'latobold';
}
.demo-button-item a:link,
.demo-button-item a:visited {
  display: block;
  padding: 8px;
  color: #00a5e2;
  text-decoration: none !important;
}
.demo-button-item a:hover
{
  color: white;
}
/* Log In Copy: */
.nav-item {
  font-size: 14px;
  color: #212121;
  text-align: right;
  line-height: 20px;
  display: inline-block;
  top: 12px;
  position: absolute;
  font-family: 'latobold';
}
.marketing-blue-link,
.marketing-blue-link a:link,
.marketing-blue-link a:active,
.marketing-blue-link a:hover,
.marketing-blue-link a:visited {
  font-family: 'latobold';
  color: #00a5e2;
  text-decoration: none !important;
}
.blue-link-underline {
  color: #00a5e2;
}
.blue-link-underline a:link,
.blue-link-underline a:active,
.blue-link-underline a:hover,
.blue-link-underline a:visited {
  color: #00a5e2;
}
.nav-item a:link,
.nav-item a:active,
.nav-item a:hover,
.nav-item a:visited {
  color: #212121;
  text-decoration: none !important;
}
.nav-item a:active,
.nav-item a:hover {
  color: #00a5e2;
  text-decoration: none !important;
}
.log-in {
  left: 198px;
}
.log-in a {
  text-decoration: none;
}
.log-in a:focus {
  color: #212121;
}
.log-in a:active {
  color: #212121;
}
/* Podcast: */
.nav-item.podcast {
  left: 0px;
}
/* Pricing: */
.nav-item.pricing {
  left: 88px;
}
/* Resources: */
.nav-item.resources {
  left: 170px;
}
/* Podcast: */
.nav-item.contact-us {
  left: 270px;
}
/* Shape: */
.logo-shape {
  background: #00a5e2;
}
/* Shape: */
.logo-curve {
  position: relative;
  position: relative;
  right: 125px;
}
.shape1 {
  position: absolute;
  left: -321px;
  top: 4px;
}
.shape2 {
  position: absolute;
  left: -321px;
  top: 198px;
}
.shape3 {
  position: absolute;
  right: -322px;
  top: -3px;
}
.shape-oval {
  position: absolute;
  left: 34px;
  top: 201px;
}
.feedback-shape {
  position: absolute;
  left: 0px;
  top: 0px;
}
.feedback-square {
  position: absolute;
  left: 447px;
  top: 388px;
}
.goals-shape {
  position: absolute;
  right: 0px;
  top: 0px;
}
.goals-square {
  position: absolute;
  right: 80px;
  top: 418px;
}
.review-shape {
  position: absolute;
  left: 54px;
  top: 0px;
}
.review-dots {
  position: absolute;
  left: 96px;
  top: 449px;
}
.reviews-oval1 {
  position: absolute;
  left: 599px;
  top: 178px;
}
.reviews-oval2 {
  position: absolute;
  left: 608px;
  top: 178px;
}
.reviews-oval3 {
  position: absolute;
  left: 618px;
  top: 178px;
}
.reviews-oval4 {
  position: absolute;
  left: 484px;
  top: 504px;
}
.feedback-image {
  position: relative;
  left: -4px;
  top: 42px;
}
.review-image {
  z-index: 1;
  position: relative;
  left: -22px;
  top: 30px;
}
.goals-image {
  z-index: 1;
  position: relative;
  left: 20px;
  top: 36px;
}
/* Achieve Goals Faster: */
.achieve-title {
  padding-top: 85px;
  font-family: 'latoregular';
  font-size: 64px;
  color: #212121;
  text-align: center;
  line-height: 56px;
  font-family: 'latobold';
}
.achieve-inner {
  display: inline-block;
  position: relative;
}
.achieve-subtitle {
  padding-top: 25px;
  font-family: 'latoregular';
  font-size: 26px;
  color: #212121;
  text-align: center;
  line-height: 32px;
  font-family: 'latobold';
}
.achieve-green {
  color: #68ae27;
  position: relative;
}
.achieve-green::before {
  content: "";
  position: absolute;
  background-color: rgba(104, 174, 39, 0.2);
  width: 70px;
  height: 20px;
  top: 6px;
}
.achieve-blue {
  color: #00a5e2;
  position: relative;
}
.achieve-blue::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 165, 226, 0.2);
  width: 70px;
  height: 20px;
  top: 6px;
}
.achieve-yellow {
  color: #ffab31;
  position: relative;
}
.achieve-yellow::before {
  content: "";
  position: absolute;
  background-color: rgba(255, 171, 49, 0.2);
  width: 125px;
  height: 20px;
  top: 6px;
}
/* Inner pages title and subtitle: */
.inner-title {
  padding-top: 24px;
  font-family: 'latobold' !important;
  font-size: var(--font-size-5);
  color: #212121;
  text-align: center;
  line-height: 56px;
  font-weight: normal !important;
}
.inner-inner {
  display: inline-block;
  position: relative;
  font-size: var(--font-size-6);
}
.inner-subtitle {
  padding-top: 5px;
  font-family: 'latoregular';
  font-size: var(--font-size-2);
  color: #212121;
  text-align: center;
  line-height: 26px;
  margin: 0 auto;
}
.pricing-page .inner-subtitle {
  width: 420px;
}
.get-demo-page .inner-subtitle {
  width: 340px;
  padding-bottom: 12px;
}
.contact-us-page .inner-subtitle {
  width: 350px;
  min-height: 64px;
  padding-bottom: 0;
}
.email-field-2 {
  position: fixed;
  left: 9999999vw;
}
.email-box-container {
  padding-top: 58px;
  text-align: center;
  padding-bottom: 176px;
}
.email-box {
  width: 610px;
  display: inline-block;
  position: relative;
}
.email-box input {
  /* Rectangle 2: */
  background: #fafafa;
  border: 1px solid rgba(17, 46, 61, 0.2);
  border-radius: 4px;
  /* Enter your email…: */
  font-family: 'latoregular';
  font-size: 14px;
  color: #212121;
  line-height: 20px;

  width: 326px; /* 302px */
  height: 54px; /* 51px */

  padding: 0 0 0 24px;
}
.email-button {
  position: relative;
  background: #ffab31;
  border-radius: 4px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  display: inline-block;
  padding: 13px 14px 12px;
  cursor: pointer;
  margin-left: 10px;
  text-align: center;
}
.pricing-button {
  position: relative;
  background: #ffab31;
  border-radius: 4px;
  font-family: 'latobold';
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  padding: 11px 0 7px;
  cursor: pointer;
  text-align: center;
}
.arrow-img {
  position: absolute;
  right: 23px;
  top: 24px;
  box-shadow: none;
}
.row {
  display: table;
  height: 100%;
  width: 100%;
}
.half {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 50%;
  padding: 1rem;
  height: 568px;
  position: relative;
}
.half-grey {
  background-color: #fafafa;
}
.half-green {
  background-color: rgb(104, 174, 39);
}
.half-blue {
  background-color: #00a5e2;
}
.half-honey {
  background-color: #ffab31;
}
.text-box {
  /* position: absolute;
  top: 50%;
  margin: 0; */
  margin: 0 auto;
  width: 380px;
  text-align: left;
}
.text-box-left {
  right: 80px;
}
.text-box-right {
  left: 80px;
}
/* Rectangle 5: */
.check-in {
  /* CHECK IN: */
  opacity: 0.2;
  font-size: 12px;
  color: #212121;
  line-height: 16px;
  font-family: 'latobold';
}
/* Post Feedback: */
.post-feedback {
  font-size: 36px;
  color: #212121;
  line-height: 32px;
  padding-top: 15px;
  font-family: 'latobold';
}
.feedback-description {
  padding-top: 33px;
  font-size: 16px;
  line-height: 28px;
}
.lime {
  color: rgb(104, 174, 39);
}
.blue {
  color: #00a5e2;
}
.honey {
  color: #ffab31;
}
.feedback-quote {
  padding: 32px;
  background-color: #ffffff;
  border-radius: 8px;
  font-size: 14px;
  margin-left: -32px;
  margin-right: -32px;
}
.feedback-author {
  padding-top: 11px;
  opacity: 0.7;
  font-size: 12px;
}
.differences {
  width: 960px;
  height: 581px;
  margin: 0 auto;
  padding-top: 135px;
  position: relative;
}
.differences-header {
  width: 400px;
  padding-bottom: 57px;
}
.differences-title {
  font-size: 26px;
  padding-bottom: 8px;
  font-family: 'latobold';
}
.differences-hint {
  opacity: 0.2;
  font-size: 14px;
  font-family: 'latobold';
}
.differences-demo {
  background: #00a5e2;
  box-shadow: 0 4px 10px -4px rgba(0, 165, 226, 0.5);
  border-radius: 4px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  display: inline-block;
  padding: 16px 66px;
  cursor: pointer;
  margin-left: 10px;
  position: relative;
}
.arrow-img {
  top: 24px;
}
.benefits {
  width: 424px;
  position: absolute;
  left: 536px;
  top: 140px;
}
.benefit-header {
  padding-bottom: 14px;
  font-family: 'latobold';
}
.benefit-header svg {
  position: relative;
  top: 3px;
  padding-right: 3px;
}
.benefit {
  padding-bottom: 38px;
}
.benefit-text {
  /* opacity: 0.6; */
  line-height: 28px;
}
.customer-reviews {
  background-color: #fafafa;
  height: 664px;
  position: relative;
}
.customer-reviews-shape {
  position: absolute;
  left: 0px;
  top: 6px;
}
.reviews-hint {
  position: absolute;
  top: 100px;
  left: 264px;
}
.customer-reviews-title {
  font-size: 36px;
  position: absolute;
  top: 131px;
  left: 264px;
  width: 70%;
  font-family: 'latobold';
}
.quote-arrows {
  float: right;
}
.quote-arrow {
  width: 48px;
  height: 48px;
  display: inline-block;
  /*border: 1px solid black;*/
  cursor: pointer;
  background-color: white;
  position: relative;
}
.quote-arrow img {
  position: absolute;
  left: 16px;
  top: 18px;
}
.quote-box-parent {
  margin-left: 216px;
  padding-top: 232px;
  overflow-x: hidden;
}
.quote-box {
  width: 16000px;
  position: relative;
}
.quote-box-duplicate {
  display: inline-block;
}
.quote {
  display: inline-block;
  width: 384px;
  height: 191px;
  background-color: #ffffff;
  padding: 48px;
  margin: 24px;
  vertical-align: top;
}
.quote-title {
  font-size: 26px;
  padding-bottom: 8px;
  font-family: 'latobold';
}
.quote-subtitle {
  opacity: 0.6;
  padding-bottom: 37px;
}
.quote-text {
  opacity: 0.6;
  line-height: 28px;
}
.title {
  font-size: 26px;
  font-family: 'latobold';
}
.plan-title {
  width: 550px;
  font-size: var(--font-size-4);
  text-align: center;
  position: relative;
  margin: 0 auto;
  font-family: 'latobold';
}
.email-label {
  font-size: 14px;
  font-family: 'latobold';
}
.small-title-pad {
  padding-bottom: 8px;
}
.subtitle {
  font-size: 14px;
  opacity: 0.2;
  font-family: 'latobold';
}
.font12 {
  font-size: 14px;
}
.font14 {
  font-size: 16px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font28 {
  font-size: 28px;
}
.big-title-pad {
  padding-bottom: 57px;
}
.integrations-section {
  padding: 135px 0 117px;
}
.integrations {
  width: 912px;
  margin: 0 auto;
}
.integration-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: left;
}
.new-integrations {
  display: grid;
  grid-template-rows: repeat(10, 1fr);
  grid-gap: 7px;
  grid-auto-flow: column;
  background-color: #fafafa;
  padding: 45px 40px 44px 114px;
}
.integration-cell {
  width: 245px;
}
.integration-cell span,
.integration-cell {
  display: flex;
  justify-content: left;
  align-items: center;
}
.integration-cell img {
  padding-right: 10px;
}
.integration-cell a,
.integration-cell a:link,
.integration-cell a:visited,
.integration-cell a:hover,
.integration-cell a:active {
  text-align: left;
  color: #212121;
  text-decoration: none;
  display: block;
}
.integration {
  display: block;
  background-color: #fafafa;
  width: 404px;
  padding: 35px 20px 35px 20px;
  margin: 0 6px 12px;
  border-radius: 8px;
  position: relative;
}
.integration img {
  position: absolute;
}
.security {
  max-width: 100%;
  width: 912px;
  height: 369px;
  margin: 0 auto;
}
.security-grid {
  display: flex;
  background-color: #fafafa;
  padding: 84px 31px;
  justify-content: space-around;  
}
.security-item {
  display: inline-block;
  height: 80px;
  padding: 0;
  margin: 0;
  position: relative;
}
.security-item img {
  max-height: 60px;
  display: block;
  margin: 0 auto;
}
.security-sub{
  padding: 0;
  margin: 0;
  position: relative;
}
.security-item p {
  max-height: 80px;
  font-size: 18px;
  display: block;
  margin: 18px auto;
}
.slack-logo {
  left: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.bamboo-logo {
  left: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.adp-logo {
  left: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.sap-logo {
  left: 25px;
  top: 32px;
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.email-image {
  left: 28px;
  top: 43px;
  height: 27px;
}
.left-spacing {
  margin-left: 20px;
}
.integration-title {
  font-size: 18px;
  line-height: 24px;
  margin-left: 70px;
}
.integration-subtitle {
  font-size: 14px;
  margin-left: 70px;
  opacity: 0.6;
}
.features-wrapper {
  width: 1008px;
  margin: 0 auto;
}
.features-title {
  margin-left: 46px;
}
.features-box {
  background-color: #ffffff;
  margin: 0 auto;
  width: 912px;
  padding: 48px 48px 17px 48px;
  border-radius: 8px;
  position: relative;
}
.feature {
  width: 33%;
  display: inline-block;
  padding-bottom: 28px;
  position: relative;
}
.feature:hover {
  color: #00a5e2;
}
.feature-hover {
  display: none;
  position: absolute;
  width: 340px;
  height: 32px;
  border-radius: 4px;
  background-color: #212121;
  color: white;
  top: -70px;
  padding: 10px;
  font-size: 12px;
}
.feature:hover .feature-hover {
  display: block;
}
.features {
  background-color: #fafafa;
  padding-top: 100px;
  padding-bottom: 128px;
  position: relative;
}
.features-triangles {
  left: 1168px;
  top: 187px;
  position: absolute;
}
/* Pricing page */
.plans-wrapper {
  margin: 0 auto;
  position: relative;
}
/* Pricing page */
.plans-wrapper-bottom {
  margin: 0 auto;
  position: relative;
  padding-bottom: 0;
}
.plans-title {
  margin-left: 46px;
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.plans-box {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  background-color: #fafafa;
  margin: 0 auto;
  padding: 73px 6%;
  position: relative;
}
.plan {
  width: 30%;
  max-width: 315px;
  display: inline-block;
  padding-bottom: 28px;
  position: relative;
  text-align: center;
  color: #fff;
}
.plan-title-text {
  font-size: var(--font-size-4);
  font-family: 'latobold';
  color: #fff;
}
.plans-box .plan img {
  width: 76px;
  padding: 8px;
}
.plan-subitem {
  padding-top: 20px;
  line-height: 1.5em;
  font-size: var(--font-size-2);
}
.plans {
  /*background-color: #FAFAFA;*/
  padding-top: 60px;
  /*padding-bottom: 128px;*/
  position: relative;
}
.plans-triangles {
  left: 1168px;
  top: 187px;
  position: absolute;
}
/* SWITCH STYLE*/
.switch-container {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  justify-content: space-evenly;
  padding-bottom: 30px;
  padding-top: 21px;
  height: 44px;
}
.switch-box {
  display: inline-flex;
  border: 1px solid #00a5e2;
  border-radius: 50px;
  padding: 4px;
  font-size: 16px;
}
.switch-box #annual {
  cursor: pointer;
  margin-left: 15px;
}
.switch-box #monthly {
  cursor: pointer;
}
.switch-box .switch {
  display: inline-flex;
  border-radius: 50px;
  text-align: center;
  padding: 7px 24px;
}
.switch-box .active {
  border: 1px solid #00a5e2;
  color: #fff;
  background-color: #00a5e2;
}
.demo-shape1 {
  position: absolute;
  right: -80px;
  top: -44px;
}
.demo-shape2 {
  position: absolute;
  left: -30px;
  bottom: -61px;
}
.demo-shape3 {
  position: absolute;
  left: -384px;
  top: 32px;
}
.demo-lightbulb {
  position: absolute;
  right: -384px;
  top: 34px;
}
.demo-box {
  background-color: #ffffff;
  width: 672px;
  margin: auto;
  border-radius: 8px;
  position: relative;
}
.demo-box-upper {
  padding: 48px;
}
.demo-box-lower {
  padding: 42px 48px 48px 48px;
  background-color: #fafafa;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.email-container {
  display: inline-block;
  width: 350px;
}
.email-container input {
  /*padding: 17px;*/
  width: 322px;
  background-color: white;
}
.get-started-container {
  display: inline-block;
  /*width: 22	0px;*/
  position: relative;
}
.get-started {
  position: absolute;
  left: 20px;
  top: -40px;
  color: #005683;
  font-size: 12px;
  font-family: 'latobold';
}
.get-started svg {
  position: absolute;
  top: 5px;
  left: 78px;
}
.get-started-demo {
  background-color: #ffab31;
}
.get-started div {
  display: inline-block;
}
.demo-burst {
  position: absolute;
  top: -16px;
  right: -15px;
}
.footer {
  height: 144px;
  background-color: #0f2029;
  position: relative;
  z-index: 1;
}
.footer-right {
  margin-left: 64px;
  padding-top: 40px;
  display: inline-block;
}
.footer-social-mk {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  float: right;
  padding-right: 96px;
  padding-top: 30px;
  width: 220px;
}
.footer-copyright {
  position: absolute;
  bottom: 14px;
  right: 96px;
  display: block;
}
.footer-social-mk img {
  padding-right: 32px;
}
.footer-social-mk .fab {
  color: #868f93;
}
.footer-social-mk .fa-twitter {
  font-size: 23px;
}
.footer-social-mk .fa-instagram-square {
  font-size: 41px;
  position: relative;
  -webkit-clip-path: polygon(20% 25%, 80% 25%, 80% 76%, 21% 76%);
  clip-path: polygon(20% 25%, 80% 25%, 80% 76%, 21% 76%);
}
.footer-social-mk .fa-facebook-f {
  font-size: 23px;
}
.footer-social-mk .fa-youtube {
  font-size: 24px;
}
.footer-social-mk .fa-linkedin-in {
  font-size: 24px;
}
.footer-social-mk a {
  text-decoration: none;
}
.marketing-footer {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
  top: 750px;
  width: 100%;
  font-family: 'latoregular';
}
.marketing-footer span {
  padding: 12px;
  color: #21212180;
}
.marketing-footer a,
.marketing-footer a:link,
.marketing-footer a:visited,
.marketing-footer a:hover,
.marketing-footer a:active {
  color: #00a5e2;
  text-decoration: none;
}
.contact-us2 {
  color: #ffffff;
  opacity: 0.5;
  padding-left: 30px;
  font-size: 14px;
}
.contact-us2 a,
.contact-us2 a:link,
.contact-us2 a:visited,
.contact-us2 a:hover,
.contact-us2 a:active {
  color: #ffffff;
  text-decoration: none;
}
.copyright {
  color: #ffffff;
  opacity: 0.2;
  font-size: 14px;
}
.footer-bar {
  position: absolute;
  top: 96px;
  background-color: rgb(39, 54, 62) /*rgba(255,255,255,0.5)*/;
  height: 1px;
  width: 100%;
  z-index: 2;
}
/* demo modal window */
.demo-modal-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 86, 131, 0.95);
  z-index: 3;
  top: 0;
  left: 0;
}
.demo-modal {
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 4;
  width: 100%;
}
.demo-modal-inner {
  width: 886px;
  height: 668px;
  margin: auto;
  background-color: #ffffff;
  position: relative;
  /* https://stackoverflow.com/questions/14123999/center-a-div-horizontally-and-vertically */
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 8px;
}
.bold {
  font-family: 'latobold';
}
.demo-modal-left {
  display: inline-block;
  width: 366px;
  padding: 24px 0 64px 64px;
}
.demo-modal-right {
  display: inline-block;
  width: 392px;
  background-color: #fafafa;
  height: 100%;
  float: right;
  padding: 64px 0 64px 64px;
}
.demo-title-padding {
  padding-bottom: 30px;
}
.input-box {
  padding: 17px;
  width: 282px;
  border-radius: 4px;
  border: 1px solid rgba(17, 46, 61, 0.1);
  font-size: var(--font-size-1);
}
.reset-password .input-box {
  width: 320px;
}
.reset-password .sign-in-button {
  width: 355px;
}
.field-color {
  color: #212121;
}
.field-color::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
}
.field-color:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #212121;
}
.field-color::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #212121;
}
.field-color:focus {
  border-color: #21212180;
  outline: none;
}
.demo-padding {
  padding-bottom: 11px;
}
.demo-field-margin {
  margin-bottom: 18px; /* 24 */
}
.demo-icon {
  display: inline-block;
  float: left;
  width: 50px;
}
.demo-text {
  margin-left: 60px;
  padding-right: 40px;
  font-size: 18px;
}
.demo-first-item {
  padding-top: 90px;
}
.demo-item {
  padding-bottom: 73px;
}
.demo-description {
  opacity: 0.8;
  font-size: 14px;
  padding-top: 11px;
}
.get-demo-description {
  opacity: 0.8;
  font-size: 14px;
  padding-top: 36px;
}
.demo-submit-button {
  width: 272px;
  background-color: #ffab31;
  padding: 15px;
  color: #ffffff;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  position: relative;

  box-shadow: 0 4px 10px -4px rgba(185, 121, 29, 0.5);
}
.demo-submitted {
  background-color: rgb(104, 174, 39);
}
.modal-close {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
/* Login Page */
.login-main {
  width: 100%;
  height: 100%;
  background-color: #fafafa;
  max-width: 100%;
  max-height: 100%;
}
.login-container {
  display: flex;
  flex-direction: row;
  width: 662px;
  /* height: 596px; */
  margin: auto;
  /* position: absolute; */
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  /* overflow: hidden; */
  padding-top: 80px;
  padding-bottom: 18px;
}
.contact-us-container {
  display: flex;
  flex-direction: row;
  max-width: 750px;
  justify-content: center;
  padding: 45px 0 75px;
  margin: 0 auto;
}
.contact-us-box {
  display: inline-block;
  padding: 0;
  border-radius: 4px !important;
  border: none;
}
.contact-us-field-margin {
  margin-bottom: 18px; /* 24 */
}
.contact-us-box-right {
  display: inline-block;
  padding: 41px;
  text-align: center;
  border-radius: 4px;
  height: auto !important;
  min-width: 155px;
}
.contact-us-box-right .inner {
  display: table;
  height: 100%;
  width: 100%;
}
.contact-us-box-right .inner2 {
  display: table-cell;
  vertical-align: middle;
}
.contact-us-not-title {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 20px;
}
.contact-us-not-subtitle {
  line-height: 20px;
  padding-bottom: 0;
  font-size: 14px;
}
.contact-container {
  padding-top: 27px;
  display: flex;
  flex-direction: row;
  padding-bottom: 100px;
}
.contact-title {
  padding-top: 40px;
  padding-bottom: 18px;
  font-size: 36px;
}
.login-box {
  display: inline-block;
  width: 304px 20px;
  background-color: #ffffff;
  padding: 48px;
}
.pricing-container {
  display: flex;
  flex-direction: row;
  width: 1260px;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  justify-content: space-evenly;
}
.pricing-box {
  display: inline-block;
  width: 310px;
  min-width: 310px;
  background-color: #ffffff;
  text-align: center;
  padding: 27px 27px 0px;
  border-radius: 4px !important;
  border: 1px solid #eee;
  box-shadow: 0 0 20px -6px rgb(0 0 0 / 20%);
}
.pricing-price {
  font-size: var(--font-size-4);
  padding-bottom: 40px;
  font-family: 'latobold';
}
.pricing-item {
  font-size: 64px;
  font-family: 'latobold';
}
.pricing-switch {
  font-size: var(--font-size-2);
  padding-bottom: 3px;
  font-family: 'latobold';
}
.pricing-monthly {
  font-size: var(--font-size-2);
  color: #21212180;
  padding-bottom: 17px;
}
.list-no-bullets-pricing-wrapper {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.list-no-bullets-pricing {
  list-style: none;
  vertical-align: bottom;
  padding: 10px 0 3px 0;
  width: 100%;
  margin: 0 auto;
}
.list-no-bullets-pricing li {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: 'latobold';
  font-size: var(--font-size-2);
}
.list-no-bullets-pricing li .material-icons {
  position: relative;
  top: 0;
  font-size: 16px;
  margin: 0 5px 0 0;
  padding: 7px 6px;
}
.list-no-bullets-pricing li:first-child .material-icons {
  color: #000;
  font-weight: bold;
}
.list-no-bullets-pricing li:not(:first-of-type) {
  padding-top: 8px;
  font-weight: normal;
  font-family: 'latoregular';
}
.list-no-bullets-pricingli:not(:last-of-type) {
  padding-bottom: 1em;
}
.list-no-bullets-pricing li.special {
  color: #00a5e2;
  background-color: #e5f6fc;
  border-right: 7px solid #e5f6fc;
  min-width: 272px;
}
.list-no-bullets-pricing li.special:first-child {
  margin-top: 5px;
}
.pricing-star {
  color: #ffab31;
  vertical-align: middle;
  position: absolute;
  top: -9px;
}
.pricing-star.left {
  left: 55px;
}
.pricing-star.right {
  right: 55px;
}
.material-icons.md-40 {
  font-size: 40px;
}
.pricing-discounts {
  text-align: center; 
  padding-top: 13px;
  font-family: 'latobold';
  font-size: 16px;
}
.rounded-shadow {
  border-radius: 4px;
  box-shadow: 0 0 20px -6px rgba(0, 0, 0, 0.1);
}
.rounded-shadow-contact {
  border-radius: 4px;
  box-shadow: 0px 2px 5px 2px rgb(221 221 221);
}
.login-error {
  color: rgb(213, 63, 38);
  background-color: rgba(213, 63, 38, 0.05);
  border: 1px solid rgba(213, 63, 38, 0.1);
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  margin-bottom: 36px;
  max-width: 260px;
}
.login-error a,
.login-error a:link,
.login-error a:visited,
.login-error a:hover,
.login-error a:active {
  color: rgb(213, 63, 38);
}
.not-on-goalspan {
  display: inline-block;
  width: 190px;
  background-color: #F5F5F5;
  padding: 24px;
  margin-left: 24px;
  float: right;
  text-align: center;
  border-radius: 4px;
  height: auto !important;
}
.contact-us-container .not-on-goalspan {
  margin: 0;
}
.contact-right-box {
  height: 493px;
}
.not-on-goalspan .inner {
  display: table;
  height: 100%;
  width: 100%;
}
.not-on-goalspan .inner2 {
  display: table-cell;
  vertical-align: middle;
}
/* Get a demo */
.get-a-demo-container {
  display: flex;
  flex-direction: row;
  width: 838px;
  min-height: 668px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  justify-content: center;
  padding-top: 32px;
  padding-bottom: 150px;  
}
.get-a-demo-box {
  display: inline-block;
  padding: 0;
  width: 305px;
  border-radius: 4px !important;
  border: none;
}
.get-a-demo-field {
  width: 100%;
  border-radius: 4px;
  font-family: 'latoregular';
  font-size: var(--font-size-1);
  box-shadow: none;
}
.get-a-demo-field-margin {
  margin-bottom: 18px; /* 24 */
}
.get-a-demo {
  background-color: #00a5e2;
  height: 434px;
  padding-top: 96px;
}
.get-a-demo-right {
  width: 401px;
  border-radius: 4px;
  height: auto !important;
  max-height: 593px;
}
.get-a-demo-right .inner {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  padding-left: 6px;
}
.get-a-demo-right .inner2 {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 556px;
  align-self: center;
}
.get-a-demo-not-title {
  display: flex;
  font-size: 18px;
}
.inner3{
  font-size: 14px;
  line-height: 18px;
}
.inner3-sub{
  display: block;
  margin-bottom: -23px;
  opacity: 1;
  font-size: 18px;
  font-family: 'latobold';
}
.inner3:first-child{
  margin-right: 11px;
}
.inner3:first-child img {
  position: relative;
  top: -2px;
}
get-a-demo-not-title .inner3 .img{
  position: relative;
  top:2px;
}
.get-a-demo-not-subtitle {
  line-height: 14px;
  font-size: 14px;
}
.get-a-demo-subscription{
  text-align: center;
  color: #212121;
  width: 286px;
  font-size: 10px;
  margin: 10px auto 0;
}
.get-a-demo-subscription a {
  color: #00a5e2;
  text-decoration: none;
}
.not-title {
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 20px;
}
.not-subtitle {
  line-height: 20px;
  padding-bottom: 71px;
  font-size: 14px;
}
.contact-subtitle {
  padding-bottom: 20px;
}
.login-title {
  /*padding-top: 7px;*/
  padding-bottom: 30px; /* old: 40*/
  text-align: center;
}
.login-field-label {
  font-size: 14px;
  padding-bottom: 11px;
  font-family: 'latobold';
}
.login-field-label a {
  float: right;
  padding-right: 110px;
}
.login-field2 {
  font-family: 'latoregular';
  color: #212121;
  padding: 10px 10px 6px;
  width: 280px;
  border-radius: 4px;
  border: 1px solid rgba(17, 46, 61, 0.1) !important;
  font-size: 14px;
  box-shadow: none !important;
}
.login-field2-pad {
  margin-bottom: 33px;
}
.login-field2-label {
  font-size: 14px;
  padding-bottom: 5px;
  font-family: 'latobold';
}
.login-field2-label a {
  float: right;
  padding-right: 110px;
}
.forgot-div {
  text-align: center;
  color: #00a5e2;
  padding-top: 20px;
}
.forgot-div a,
.forgot-div a:link,
.forgot-div a:visited,
.forgot-div a:hover,
.forgot-div a:active {
  padding: 0 5px;
  color: #00a5e2;
  text-decoration: none;
  font-family: 'latobold';
}
.get-demo-button-container,
.sign-in-button-container {
  display: inline-block;
  position: relative;
  width: 354px;
}
.get-demo-page .get-demo-button-container {
  width: 304px;  
}
.sign-in-button {
  display: inline-block;
  width: 354px;
  padding: 17px 0;
  height: 16px;
  cursor: pointer;
  background-color: #00a5e2;
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 4px;
  /* box-shadow: 0 4px 10px -4px rgb(185 121 29 / 50%); */
}
.get-demo-button {
  width: 302px;
  padding: 17px 0;
  height: 16px;
  cursor: pointer;
  background-color: #FFAB31;
  box-shadow: 0 4px 10px -4px rgb(185 121 29 / 50%);
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 4px;
  /* box-shadow: 0 4px 10px -4px rgb(185 121 29 / 50%); */
}
.sign-in-button-visited {
  width: 302px;
  padding: 17px;
  height: 50px;
  cursor: pointer;
  background-color: rgb(104,174,39);
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 4px;
}
.get-demo-button-arrow,
.sign-in-button-arrow {
  position: absolute;
  right: 45px;
  top: 20px;
  z-index: 0;
}
.contact-us-button-container {
  position: relative;
}
.contact-us-button {
  width: 302px;
  padding: 17px 0;
  height: 16px;
  cursor: pointer;
  background-color: #00a5e2 !important;
  box-shadow: 0 4px 10px -4px rgb(0 165 226 / 50%) !important;
  color: #ffffff;
  text-align: center;
  border: none;
  border-radius: 4px !important;
}
.contact-us-button-arrow {
  position: absolute;
  right: 20px;
  top: 20px;
}
.forgot-width {
  width: 308px;
}
.forgot-button-width {
  width: 355px;
}
.login-contact-button {
  padding: 10px;
  width: 168px;
  /*height: 32px;*/
  text-align: center;
  color: #005683;
  border: 1px solid #005683;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-family: 'latobold';
}
.login-contact-button a,
.login-contact-button a:link,
.login-contact-button a:visited,
.login-contact-button a:hover,
.login-contact-button a:active {
  color: #005683;
  text-decoration: none;
}
.login-contact-button:hover {
  background-color: #005683;
}
.login-contact-button:hover a {
  color: white;
}
.login-field {
  padding: 17px;
  width: 268px;
  border-radius: 4px;
  border: 1px solid rgba(17, 46, 61, 0.1);
  font-size: 14px;
  box-shadow: none;
}
.login-field-pad {
  margin-bottom: 33px;
}
.contact-header {
  text-align: center;
}
.contact-main {
  text-align: center;
  margin-top: 100px;
}
.contact-sent {
  width: 370px;
  padding: 60px;
  background-color: white;
  display: inline-block;
}
.contact-sent div {
  text-align: center;
}
.contacted-logo {
  margin-bottom: 20px;
}
.message-sent {
  font-size: 36px;
  margin-bottom: 20px;
  font-family: 'latobold';
}
.message-sent-subtitle {
  margin-bottom: 26px;
}
.contact-sent a,
.contact-sent a:link,
.contact-sent a:visited,
.contact-sent a:hover,
.contact-sent a:active {
  padding: 0 5px;
  color: #00a5e2;
  text-decoration: none;
}
.show-on-mobile {
  display: none;
}
.privacy-and-terms-bar {
  padding-top: 80px;
  height: 215px;
  /*background-color: #00A5E2;*/
  font-size: 4em;
  vertical-align: middle;
  line-height: 3em;
  text-align: center;
  /*color: white;*/
}
.g-recaptcha {
  margin-bottom: 40px;
  /*transform: scale(1.12);
  margin-left: 21px;*/
}
.validation-error {
  padding-top: 5px;
  color: rgb(213, 63, 38);
  font-size: 12.5px;
}
.demo-field-margin .validation-error {
  margin-bottom: -10px;
}
/* Forgot Password and Username */

.forgot-container {
  height: 100%;
  text-align: center;
}
.shadow-wrapper-box {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
/* .shadow-wrapper-box .marketing-footer {
  position: fixed;
  text-align: center;
  padding: 0;
  top: 97.5%;
  width: 100%;
  color: #21212180;
  font-family: 'latobold';
  font-size: var(--font-size-1);
} */
.shadow-wrapper-box .marketing-footer a {
  color: #21212180;
  text-decoration: none;
}
.forgot-box-container {
  position: relative;
  top: calc(50% - 154px - 75px);
  height: 308px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
}
.forgot-box {
  display: flex;
  flex-direction: column;
  justify-items: center;
  max-width: 405px;
  text-align: center;
}
.forgot-logo {
  padding: 39px 0 0 0;
  text-align: center;
}
.forgot-title {
  font-size: var(--font-size-5);
  text-align: center;
  font-family: 'latobold';
}
.forgot-center {
  text-align: center;
}
.forgot-bottom-pad {
  padding-bottom: 33px;
}
.forgot-field-pad {
  padding-bottom: 11px;
}
.forgot-title-pad {
  padding-bottom: 20px;
}
.forgot-title.forgot-title-pad {
  padding-bottom: 10px;
}
.forgot-subtitle {
  text-align: center;
  font-size: var(--font-size-2);
}
.forgot-header {
  font-family: 'latobold';
  font-size: 14px;
}
.forgot-back {
  color: #00a5e2;
}
.nav-hide-expanded {
  display: inline-block;
}
.nav-show-expanded {
  position: absolute;
  right: 36px;
  top: 27px;
}
.navbar-offset-pad {
  padding-top: 71px;
}
.invalid {
  border: 1px solid rgb(213, 63, 38);
}
.slack-integration {
  width: 1024px;
  height: 688px;
  margin: 0 auto;
  padding-top: 135px;
  position: relative;
}
.slack-integration .benefit-text.intro {
  line-height: 1.75em;
}
.slack-integration .email-button {
  margin-top: -20px;
  margin-left: 0;
}
.slack-integration .differences-header {
  padding-bottom: 34px;
}
.slack-integration .video-wrapper {
  position: relative;
  margin: 44px 0 0 0;
}
.slack-integration .benefits {
  left: 650px;
}
/* privacy and terms */
.left-privacy-nav {
  position: fixed;
  top: 0;
  width: 300px;
  padding-top: 71px;
}
.left-privacy-nav-sub {
  padding: 20px;
  overflow-y: auto;
  height: calc(100vh - 112px);
}
.left-privacy-nav li {
  list-style-type: none;
  line-height: 2em;
  cursor: pointer;
}
.left-privacy-nav li:hover {
  color: #00a5e2;
}
.highlighted-privacy-link {
  color: #00a5e2;
  font-family: 'latobold';
}
.privacy-and-terms {
  margin-left: 340px;
  padding-right: 40px;
  padding-top: 20px;
  max-width: 738px;
}
.forgot-body {
  background-color: #fff;
}
.nav-header {
  font-family: 'latobold';
  padding-left: 40px;
  padding-top: 0;
}
.nav-header:nth-child(n+2) {
  padding-top: 40px;
}
.privacy-and-terms a,
.privacy-and-terms a:link,
.privacy-and-terms a:active,
.privacy-and-terms a:hover,
.privacy-and-terms a:visited {
  color: #00a5e2;
}
.privacy-and-terms h1 {
  font-size: var(--font-size-4);
  line-height: 1.25em;
}
.privacy-and-terms h1:nth-child(n+2) {
  margin-top: 40px;
}
.privacy-container {
  font-size: var(--font-size-1);
  line-height: 1.5em;
  display: block !important;
  min-height: 100vh;
  -webkit-text-size-adjust: 100%;
}
#main-privacy-content {
  padding-bottom: 39px;
}
/* Resources */
.resources-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.resources-box {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  width: 500px;  
}
.resources-item {
  display: flex;
  padding: 24px 0 0px;
  width: 100%;
  flex-direction: column;  
}
.resources-item-each {
  padding-bottom: 25px;  
}
.resources-item-each img{
  width: 100%;
  border-radius: 16px;
  border: 1px solid rgba(17, 46, 61, 0.1);
  
}
.round-player{
  display: none;
  position: relative;
  width: 100%;
  height: 285px;
  margin-bottom: 0;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(17, 46, 61, 0.1);
  background: rgba(17, 46, 61, 0.1);
  z-index: 1;
}
.round-player iframe {
  height: 286px;
}
.round-player.active {
  display: flex;
  width: 100%;
  border: 1px solid rgba(17, 46, 61, 0.1);
}
.newsletter {
  width: 100%;
  margin: 93px auto 0;
  display: flex;
  justify-content: space-between; 
  background-color: #fafafa;
}
.newsletter-wrapper {
  display: flex;
  flex-direction: row;
  width: 1000px;
  align-items: center;
  justify-content: space-between;
  margin: 110px auto;
}
.newsletter-title {
  font-size: var(--font-size-5);
  font-family: 'latobold' !important;
  font-weight: normal !important;
}
.newsletter-hint {
  opacity: 0.2;
  font-size: var(--font-size-2);
}
.newsletter-header{
  max-width: 450px;
  position: relative;
}
.newsletter-button-container {
  position: relative;
  width: 215px;
}
.newsletter-button {
  width: 196px;
  padding: 19px;
  margin-left: 14px;
  font-size: 14px;
  cursor: pointer;
  background: #ffab31;
  box-shadow: 0 4px 10px -4px rgb(185 121 29 / 50%);
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  border: none;
}
.newsletter-button-arrow {
  position: absolute;
  right: 30px;
  top: calc(50% - 4px);
}
.newsletter2{
  position: relative;
  width: 492px;
}
.newsletter2-header {
  padding-bottom: 9px;
  opacity: 0.7;
}
.newsletter2-header svg {
  position: relative;
  top: 3px;
  padding-right: 3px;
}
.newsletter2-text {
  /*color: rgb(90,107,115);*/
  opacity: 0.7;
  line-height: 28px;
}
.newsletter-right{
  display: grid;
  grid-template-columns: 11fr 3fr;
  gap: 16px;
}
.newsletter-right .cta-field {
  box-shadow: none;
  border: none;
  border-radius: 4px;
  width: auto;
}
.newsletter-email-box-container {
  padding-top: 58px;
  text-align: center;
  padding-bottom: 176px;
}
.newsletter-email-box {
  display: flex;
  position: relative;
}
.newsletter-email-box input {
  /* Rectangle 2: */
 /*  background: #fff;
  border: 1px solid rgba(17, 46, 61, 0.1);
  border-radius: 4px;
  font-family: 'latoregular';
  font-size: 14px;
  color: #212121;
  line-height: 20px;
  width: 322px; 
  height: 54px; 
  padding: 0 0 0 24px; */
  box-shadow: none;
  border: none;
  border-radius: 4px;
  width: auto;
}
.newsletter-email-box input:focus {
  border: 1px solid rgba(17, 46, 61, 0.3);
  outline: none;
}
.newsletter-email-button {
  position: relative;
  /* Rectangle 2: */
  background: #ffab31;
  box-shadow: 0 4px 10px -4px rgba(185, 121, 29, 0.5);
  border-radius: 4px;
  /* Get a demo: */
  font-family: 'latoregular';
  font-size: 14px;
  color: #ffffff;
  line-height: 20px;
  /* Rectangle 3: */
  display: inline-block;
  padding: 18px 63px;
  cursor: pointer;
  margin-left: 10px;
  text-align: center;
}
.item-date {
  font-size: var(--font-size-2);
  color:#21212180;
  margin-bottom: 6px;
}
.item-text-wrapper {
  font-size: var(--font-size-2);
  line-height: 1.5em;
  margin-bottom: 8px;
}
.item-text{
  max-height: 5.8em;
  overflow: hidden;
}
.item-text p {
  margin: 0;
}
.item-text a {
  color: #00a5e2;
  text-decoration: none;
}
.item-text-expanded {
  max-height: none;
  overflow: auto;
}
.toggle-description {
  cursor: pointer;  
  display: inline;
}
.toggle-description::before {
  position: relative;
  top: 4px;
  content: 'See more...';
  display: block;
  color: #00a5e2;
  text-align: left;
}
.item-text-expanded + .toggle-description::before {
  content: 'See less...';
}
.item-image{
  position: relative;
}
.item-list-pagination {
  position: relative;
  min-width: 12em;
  margin: 14px auto 52px;
  text-align: center;
  font-size: var(--font-size-2);
  list-style: none;
}  
.item-list-pagination ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.item-list-pagination ul li {
  display: inline-block;
  margin: 0 20px;
}
.item-list-pagination a {
  color: #b7c0c4;
  text-decoration: none;
  text-transform: uppercase;
}

.resources-page .inner-subtitle {
  width: 400px;
}
.footer-wrapper {
  display: none;
}
.gradient-bg-1 {
  background: #66ede6;
  background: -webkit-linear-gradient(left, #66ede6, #6674ed); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(left, #66ede6, #6674ed); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(left, #66ede6, #6674ed); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #66ede6, #6674ed); /* Standard syntax (must be last) */
}
.gradient-bg-1-vertical {
  background: #66ede6;
  background: -webkit-linear-gradient(top, #66ede6, #6674ed); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top, #66ede6, #6674ed); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top, #66ede6, #6674ed); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #66ede6, #6674ed); /* Standard syntax (must be last) */
}

.login-page .top-navbar .nav-logo {
  display: inline-block !important;
  position: relative !important;
  top: 39px !important;
  left: 0 !important;
}

/* Mobile styling */
@media only screen and (max-width: 770px)
{
  .login-form form {
    text-align: center;
  }  
  .inner-inner {
    font-size: 26px;
    line-height: 2.25rem;
  }
  h3.inner-subtitle {
    margin: 0 auto;
    padding: 8px 0 5px;
    line-height: 1.5rem;
    width: 338px;
  }
  .resources-page .inner-subtitle {
    width: 338px;
  }
  .resources-box,
  .resources-item-each img {
    width: 338px;
  }
  .item-text-wrapper,
  .item-date {
    font-size: 14px;
  }
  .item-text-wrapper {
    line-height: 22px;
  }
  .round-player {
    height: 179px;
  }
  .round-player iframe {
    height: 180px;
  }
  .contact-us-container {
    flex-direction: column;
    align-items: center;
    padding: 25px 0 40px;
  }
  .contact-us-box-right {
    width: 100%;
    padding: 50px 0;
    margin: 0 -78px 48px -77px;
    height: 5.5em !important;
  }
  .contact-us-container .not-on-goalspan {
    width: 335px !important;
    margin-top: 40px;
    padding: 50px 0;
  }
  .forgot-subtitle {
    width: 260px;
    margin: 0 auto;
  }
  .contact-us-box {
    width: 335px;
    padding: 30px 0 48px;
    margin: 0;
  }
  .get-a-demo-container {
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px;
  }
  .get-a-demo-right {
    padding: 50px 0;
    width: 100%;
    margin-top: 40px;
    max-height: auto;
  }
  .get-a-demo-right .inner {
    height: 400px;
  }
  .get-demo-page .get-demo-button-container,
  .get-demo-page .get-demo-button {
    margin-left: 7px;
    width: 304px;
  }
  .pricing-page .inner-title {
    width: 300px;
    margin: 0 auto;
    padding: 38px 0 0 0;
  }
  .pricing-page .inner-subtitle {
    width: 320px;
  }
  .switch-box {
    padding: 3px;
  }
  .switch-box .switch {
    font-size: 12px;
    padding: 8px 22px;
  }
  .switch-box #annual {
    margin-left: 20px;
  }
  .pricing-container {
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    width: 100%;
  }
  .plans {
    padding-top: 70px;
  }
  .plans-box {
    display: flex;
    flex-direction: column;
    padding-inline: 0;
    padding: 25px 16px 25px;
  }
  .pricing-box {
    margin-bottom: 40px;
  }
  .plan-title {
    width: 190px;
    font-size: 22px;
    line-height: 1.7rem;
  }
  .pricing-price {
    font-size: 22px;
    padding-bottom: 28px;
  }
  .pricing-item {
    font-size: 50px;
    margin-bottom: -3px;
  }
  .list-no-bullets-pricing {
    padding-top: 30px;
  }
  .list-no-bullets-pricing li.special-1 {
    padding-top: 6px;
    margin-top: 3px;
  }
  .list-no-bullets-pricing li:last-of-type {
    padding-bottom: 4px;
  }
  .pricing-monthly,
  .pricing-switch {
    font-size: 14px;
  }
  .pricing-button {
    margin: -4px 0 -5px;
  }
  .list-no-bullets-pricing li {
    padding: 0;
    font-size: 14px;
    height: 1.6rem;
  }
  .pricing-discounts {
    padding-top: 0;
    margin-top: -8px;
    font-size: 12px;
  }
  .pricing-star {
    top: 0.3rem;
  }
  .pricing-star.left {
    left: -45px;
  }
  .pricing-star.right {
    right: -45px;
  }
  .plan {
    width: 100%;
    padding-bottom: 5px;
    margin: 0 auto;
  }
  .plan-subitem {
    width: 290px;
    padding-bottom: 35px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.4rem;
  }
  .plan-subitem.last-plan {
    padding-bottom: 22px;
  }
  .plans-wrapper-bottom {
    padding-bottom: 0;
  }
  .newsletter {
    flex-direction: column;
    width: calc(100% - 60px);
    margin: 40px auto 120px;
    padding: 40px 30px;
  }
  .newsletter2 {
    max-width: 100%;
  }
  .newsletter-right {
    display: flex;
    flex-direction: column;
    max-width: 100%;
  }
  .newsletter-title {
    font-size: 18px;
    font-family: 'latobold';
    margin-bottom: 30px;
    width: 246px;
  }
  .newsletter-header {
    padding: 0 !important;
  }
  .newsletter2-header {
    font-size: 14px;
  }
  .newsletter-button-container {
    margin-left: 0;
    width: 160px;
  }
  .newsletter-email-box input {
    max-width: 100%;
    height: 54px;
    font-size: 14px;
    line-height: 12px;
    margin-bottom: 16px;
  }
  .newsletter-wrapper {
    width: calc(100% - 15px);
    margin: 0 auto;
    flex-direction: column;
    align-items: flex-start;
  }
  .newsletter-button {
    margin-left: 0;
    width: 146px;
    padding: 20.5px;
    font-size: 12px;
  }
  .newsletter-button-arrow {
    width: 12px;
  }
  .left-privacy-nav {
    display: none !important;
  }
  .privacy-and-terms {
    margin: 0 15px;
  }
  .privacy-and-terms div {
    display: block !important;
  }
  .indented-paragraph {
    margin-left:1.1in;
  }
  .footer-wrapper {
    display: block;
  }
}

/* Mobile styling */
@media only screen and (max-width: 894px)
{
  .main-container {
    max-width: none;
    margin: 0;
  }
  .contact-us-container {
    padding: 0 !important;
  }
  .nav-left {
   display: none; 
  }
  .top-navbar {
    width: 100%;
  }
  .nav-rectangle {
    width: auto;
  }
  .nav-logo {
    left: 20px;
  }
  .nav-stack-mobile {
    font-size: 12px;
    color: #00a5e2;
    width: 130px;
    position: absolute;
    right: 20px;
    top: 30px;
  }
  .nav-stack-mobile div,
  .nav-stack-mobile img {
    vertical-align: middle;
  }
  .nav-stack-expanded {
    padding-left: 16px;
    padding-top: 98px;
    position: fixed;
    background-color: #00a5e2;
    width: 100%;
    z-index: 2;
    height: 100%;
  }
  .nav-stack-item {
    font-size: 20px;
    line-height: 60px;
    cursor: pointer;
    color: white;
  }
  .nav-stack-item a {
    display: inline-block;
    width: 100%;
    height: 60px;
  }
  .nav-stack-item a,
  .nav-stack-item a:link,
  .nav-stack-item a:active,
  .nav-stack-item a:hover,
  .nav-stack-item a:visited {
    color: white;
    text-decoration: none !important;
  }
  .nav-triangles {
    position: absolute;
    left: -30px;
    top: 474px;
  }
  .nav-dots {
    position: absolute;
    right: 3px;
    top: 596px;
  }
  .nav-social {
    position: absolute;
    bottom: 124px;
    left: 30px;
  }
  .nav-social a {
    text-decoration: none;
  }
  .nav-social img {
    padding-right: 30px;
  }
  .stack-mobile {
    padding-left: 20px;
  }
  .demo-mobile:visited,
  .demo-mobile:focus,
  .demo-mobile {
    display: inline-block;
    color: #00a5e2;
    text-decoration: none;
  }
  .achieve-goals-faster {
    padding: 48px 15px 0;
    max-width: calc(100dvw - 30px);
    width: 100%;
  }
  .resources-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: calc(100dvw - 30px);
    width: 100%;
  }
  .achieve-title {
    padding-top: 51px;
    margin-bottom: 27px;
    font-size: 32px;
    text-align: left;
    padding: 0 24px;
    line-height: 36px;
  }
  .achieve-subtitle {
    font-size: 18px;
    text-align: left;
    padding: 0 24px;
    line-height: 24px;
  }
  .achieve-green::before {
    width: 48px;
    height: 12px;
  }
  .achieve-blue::before {
    width: 48px;
    height: 12px;
  }
  .achieve-yellow::before {
    width: 87px;
    height: 12px;
  }
  .email-box-container {
    padding-top: 58px;
    padding-bottom: 40px;
  }
  .email-box {
    width: 100%;
  }
  .email-box input {
    width: calc(100% - 73px);
  }
  .email-button {
    display: block;
    margin-top: 16px;
    margin-left: 24px;
    margin-right: 24px;
  }
  .email-button2 {
    margin-left: 0px;
    margin-right: 0px;
  }
  .post-feedback {
    font-size: 26px;
  }
  .shape1,
  .shape2,
  .shape3,
  .feedback-shape {
    display: none;
  }
  .row {
    display: block;
  }
  .half {
    display: block;
    text-align: center; /* left */
    width: auto;
    height: auto;
    min-height: 320px;
  }
  .half-blue,
  .half-green,
  .half-honey {
    min-height: 300px;
  }
  .text-box {
    width: auto;
    padding: 16px 16px 65px 16px;
    top: 28px;
    position: relative;
  }
  .feedback-quote {
    border-radius: 0px;
  }
  .text-box-left {
    right: 0px;
  }
  .text-box-right {
    left: 0px;
  }
  .feedback-image {
    left: 0px;
  }
  .review-image {
    left: 0px;
  }
  .review-dots {
    left: 288px;
    top: 268px;
  }
  .review-shape {
    display: none;
  }
  .goals-square {
    position: absolute;
    left: -186px;
    top: 208px;
  }
  .feedback-square {
    left: 253px;
    top: 207px;
  }
  .differences {
    width: auto;
    height: 760px;
    padding-top: 80px;
  }
  .differences-title {
    font-size: 26px;
  }
  .differences-header {
    width: auto;
    padding-left: 16px;
  }
  .benefits {
    position: static;
    width: auto;
    padding: 16px;
  }
  .benefit {
    padding-bottom: 40px;
  }
  .benefit-text {
    font-size: 12px;
  }
  .reviews-hint {
    left: 16px;
  }
  .new-integrations {
    grid-template-rows: repeat(30, 1fr);
    grid-gap: 18px;
    padding: 45px 10px 44px 47px;
  }
  .slack-integration {
    width: auto;
    height: 1035px;
    padding-top: 80px;
  }
  .slack-integration .differences-title {
    font-size: 24px;
  }
  .slack-integration .benefit-text.intro {
    width: 95%;
    line-height: 2.5em;
  }
  .slack-integration .email-button {
    margin-left: 20px;
    margin-right: 20px;
  }
  .slack-integration .differences-header {
    padding-bottom: 54px;
  }
  .slack-integration .video-wrapper {
    position: relative;
    margin: 15px 0 30px 0;
  }
  .slack-integration iframe {
    width: 100%;
    height: 300px;
  }
  .slack-integration .benefits {
    left: 650px;
  }
  .reviews-hint {
    top: 64px;
  }
  .security {
    height: auto;
  }
  .security-item {
    height: auto;
    padding: 20px 0;
  }
  .security-item img {
    margin-bottom: 0;
  }
  .security-item:last-child img {
    margin-bottom: 0;
  }
  .security-grid {
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
    padding: 55px 0 38px;
    width: 100%;
  }
  .customer-reviews-title {
    font-size: 26px;
    left: 16px;
    top: 88px;
  }
  .quote-arrows {
    display: none;
  }
  .customer-reviews {
    height: 564px;
  }
  .customer-reviews-shape {
    display: none;
  }
  .customer-reviews-triangles {
    position: absolute;
    top: 456px;
    left: 22px;
  }
  .quote-box-parent {
    margin-left: 0px;
    padding-top: 142px;
  }
  .quote {
    margin: 15px;
    width: 250px;
    height: 250px;
  }
  .quote-title {
    font-size: 14px;
  }
  .quote-subtitle {
    font-size: 12px;
  }
  .quote-text {
    font-size: 12px;
  }
  .hide-on-mobile {
    display: none;
  }
  .show-on-mobile {
    display: block;
  }
  .mobile-ib {
    display: inline-block;
  }
  .integrations-section {
    padding: 80px 0 20px 0;
  }
  .integrations {
    width: auto;
    margin-left: 0px;
    height: auto;
  }
  .small-title-pad {
    margin-left: 16px;
  }
  .big-title-pad {
    padding-bottom: 38px;
    margin-left: 16px;
  }
  .no-title-pad-mobile {
    padding-bottom: 0;
  }
  .left-spacing {
    margin-left: 0px;
    float: none;
  }
  .integration {
    display: block;
    width: 100%;
    border-radius: 0;
    margin-bottom: 10px;
  }
  .integration-subtitle {
    width: 70%;
  }
  .features {
    padding-bottom: 0px;
    padding-top: 60px;
  }
  .features-title {
    margin-left: 16px;
  }
  .features-box {
    margin-left: 0px;
    height: auto;
    background-color: #fafafa;
    padding-top: 44px;
  }
  .feature {
    width: 100%;
    display: block;
  }
  .get-a-demo {
    height: auto;
    padding-top: 18px;
    padding-bottom: 18px;
  }
  .get-a-demo-container {
    padding: 0 0 48px;
    max-width: 100%;
    width: 100%;
  }
  .get-a-demo-box {
    padding: 0 0 5px;
    margin: 0;
    width: 335px;
  }
  .contact-us-page .inner-subtitle, 
  .get-demo-page .inner-subtitle {
    font-size: 16px;
    padding: 0 0 45px;
    margin: 0 auto;
    width: 300px;
  }
  .contact-us-field-margin,
  .get-a-demo-field-margin {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .login-field-pad {
    width: 280px;
    margin: 0 auto 18px;
  }
  .login-field {
    width: 250px !important;
  }
  .sign-in-button {
    width: 285px !important;
  }
  .forgot-body .sign-in-button-container,
  .forgot-body .sign-in-button {
    width: 298px !important;
  }
  .sign-in-button-container {
    margin: 0 auto;
    width: 285px !important;
  }
  .email-container input {
    width: calc(100% - 26px);
  }
  .get-started-container {
    display: block;
  }
  .demo-subtitle {
    padding-top: 12px;
  }
  .demo-title {
    font-size: 26px;
    padding-top: 8px;
  }
  .demo-box {
    width: auto;
    margin: 20px;
  }
  .demo-burst {
    display: none;
  }
  .demo-box-upper {
    padding: 28px 28px 20px 28px;
  }
  .demo-box-lower {
    padding: 22px;
  }
  .demo-shape1 {
    right: -16px;
    top: 205px;
  }
  .demo-shape2,
  .demo-shape3,
  .demo-lightbulb {
    display: none;
  }
  .footer {
    height: 241px;
    max-width: 100dvw;
    width: 100%;
  }
  .footer-bar {
    top: 190px;
  }
  .contact-us2 {
    display: block;
    padding-left: 0px;
    padding-top: 26px;
    text-align: right;
  }
  .footer-social-mk {
    padding-right: 32px;
    padding-top: 30px;
    clear: right;
  }
  .footer-copyright {
    right: 32px;
  }
  .copyright {
    float: right;
  }
  .demo-modal-left {
    padding: 42px 0 30px 0px;
    width: 302px;
    text-align: left;
  }
  .g-recaptcha {
    margin-bottom: 38px;
    display: flex;
    justify-content: center;
  }
  .contact-us-button-container,
  .get-demo-button-container, .sign-in-button-container {
    position: relative;
    width: 300px;
    margin: 0 auto;
  }
  .top-navbar .nav-logo {
    top: 20px !important;
  }
  .direct-login form {
    text-align: center;
  }
  .login-page .sign-in-button-container {
    margin-top: 10px;
    margin-left: 0;
  }
  .demo-modal-right {
    display: none;
  }
  .demo-modal-inner {
    width: auto;
    height: auto;
    margin: 10px;
    text-align: center;
  }
  /* login screen */
  .login-main {
    background-color: white;
  }
  .login-container {
    width: auto;
    text-align: center;
    padding-top: 30px;
  }
  .login-container,
  .contact-container {
    flex-direction: column;
  }
  .not-on-goalspan {
    display: block;
    float: none;
    width: auto;
    padding: 20px 0;
    margin: 0;
    height: auto;
  }
  .not-subtitle {
    padding-bottom: 20px;
  }
  .nopadding {
    padding: 0;
  }
  .login-box {
    display: inline-block;
    padding: 0;
    width: 302px;
    box-shadow: none;
    text-align: left;
    padding-bottom: 30px;
    margin: 0 auto;
  }
  .marketing-footer {
    padding-top: 32px;
    padding-bottom: 30px;
  }
  .login-contact-button {
    display: inline-block;
  }
  .forgot-container {
    width: auto;
    text-align: center;
    padding-top: 30px;
  }
  .forgot-box {
    display: inline-block;
    padding: 0;
    width: 302px;
    box-shadow: none;
    text-align: left;
    padding-bottom: 30px;
    margin-top: 0px;
  }
  .forgot-logo {
    padding: 0 0 20px 0;
  }
  .forgot-body {
    background-color: white;
  }
  .forgot-width {
    width: 278px;
  }
  .forgot-button-width {
    width: 302px;
  }
  .reset-password .input-box {
    width: 266px;
  }
  .reset-password .sign-in-button {
    width: 302px;
  }
  .contact-sent {
    width: auto;
    box-shadow: none;
  }
  .message-sent {
    font-size: 32px;
  }
  .left-privacy-nav {
    display: none !important;
  }
  .privacy-and-terms {
    margin: 0 15px;
  }
  .privacy-and-terms div {
    display: block !important;
  }
  .footer-wrapper {
    display: block;
  }
}
.swal2-close {
  border: none !important;
  border-color: #fff !important;
  outline: none !important;
  outline-color: #fff !important;
}
.swal2-styled:focus {
  box-shadow: none !important;
}
.theme-2019 .swal2-close:hover {
  color: #00a5e2 !important;
}
.theme-2019 .swal2-container.swal2-shown,
.swal2-container.swal2-shown {
  background: rgba(51, 51, 51, .65) !important;
  z-index: 99999;
}
.theme-2019 .swal2-popup {
  font-size: 13px;
  padding: 2rem 3rem;
  border-radius: 4px !important;
}
.theme-2019 .swal2-title {
  font-size: 18px !important;
  color: #212121 !important;
}
.theme-2019 .swal2-content {
  margin: 0px 0 22px !important;
  color: #212121 !important;
  font-size: 18px;
  font-family: 'latobold';
}
.theme-2019 .swal2-icon,
.theme-2019 .swal2-icon.swal2-success .swal2-success-ring {
  border-radius: 50% !important;
}
.theme-2019 .swal2-icon.swal2-success [class^='swal2-success-line'] {
  background-color: #68ae27;
}
.theme-2019 .swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(104, 174, 39, 0.3);  
}
.theme-2019 .swal2-icon.swal2-warning{
  color: #ffab31;  
  border-color: #ffab31;  
}
.theme-2019 .swal2-actions:not(.swal2-loading) .swal2-confirm.swal2-styled {
  font-size: 15px !important;
  font-family: latobold !important;
  font-weight: normal;
  padding: 0 1.5em !important;
  height: 40px;
  line-height: 42px;
  color: #fff;
  border-radius: 4px !important;
  /*    border-color: #00a5e2 !important;
  background-color: #00a5e2 !important;
*/  }
.theme-2019 .swal2-actions.swal2-loading .swal2-confirm.swal2-styled {
  font-size: inherit;
}
.swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
  border-left-color: #00a5e2 !important;
  border-right-color: #00a5e2 !important;
  border-radius: 100% !important;
}
section.marketing-login-grid {
  display: grid;
  grid-template-rows: 80px 1fr 80px;
  height: 100vh;
  margin: 0 auto;
}
section.logo-area {
  padding-top: 20px;
  text-align: center;
}
section.content-area {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-y: auto;
  margin: 0 auto;
  width: 100%;
}
section.footer-area {
  width: 100%;
}
.or-separator::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #202020;
}
.or-separator::before {
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #212121;
  z-index: 1;
}
.or-separator {
  position: relative;
  text-align: center;
  margin: 20px 0;
}
.or-separator span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
  z-index: 10;
}
.sso-button-list {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}
.sso-button-list button {
  display: grid;
  grid-template-columns: 70px auto;
  justify-items: flex-start;
  align-items: center;
  width: 100%;
  padding: 12px 0 8px;
  font-family: 'latobold';
  color: #212121;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  cursor: pointer;
}
.sso-button-list .sso-logo {
  justify-self: center; 
  height: 20px;
}
.sso-button-list .sso-logo img {
  margin: 0 15px;
  height: 20px;
}
.sso-button-list .sso-adp {
  background-color: #fff;
}
.sso-button-list .sso-bamboohr {
  background-color: #fff;
}
.sso-button-list .sso-bamboohr .sso-logo {
  position: relative;
}
.sso-button-list .sso-item-adp img {
  position: relative;
  top: -2px;
  left: 0;
}
.sso-button-list .sso-bamboohr img {
  position: relative;
  height: 28px;
  top: -6px;
  left: 1px;
}
.mrkfrm-submit-transparent {
  height: 45px;
}
.mrkfrm-container {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
}
.mrkfrm-box {
  width: 100%;
  padding-top: 30px;
}
.mrkfrm-field {
  height: 45px;
  line-height: 1.25rem;
  width: calc(100% - 34px);
  border: none;
  font-family: 'latoregular';
  border-radius: 4px;
  background: #fff;
}
.mrkfrm-field.cta-field:focus {
  border-color: #00a5e2;
  outline: none;
  box-shadow: none;
}
.mrkfrm-field-margin {
  margin-bottom: 20px;
}
.mrkfrm-field.cta-field::placeholder {
  color: #212121;
}

/* Select field styling */
select.mrkfrm-field {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='3 8 12 17 21 8'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  padding-right: 40px;
  cursor: pointer;
}
select.mrkfrm-field:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select.mrkfrm-field::-ms-expand {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  select.mrkfrm-field {
    background-color: #fff;
  }
}
@-moz-document url-prefix() {
  select.mrkfrm-field {
    text-indent: 0.01px;
    text-overflow: '';
  }
}

/* Textarea styling */
textarea.mrkfrm-field {
  padding: 17px 17px 0;
  width: calc(100% - 34px);
  min-height: 62px;
  resize: vertical;
}

/* Grid system */
.mrkfrm-col-6 {
  float: left;
  width: calc(50% - 27px);
  margin: 0 5px 0 15px;
}
.mrkfrm-col-12 {
  float: left;
  width: calc(100% - 34px);
  margin: 0 15px;
}

/* Button container */
.mrkfrm-button-container {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mrkfrm-button {
  width: 300px;
}
.mrkfrm-terms input[type="checkbox"] {
  position: relative;
  top: -2px;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  vertical-align: middle;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  outline: none;
  margin-right: 5px;
}

.mrkfrm-terms input[type="checkbox"]:checked {
  background-color: #212121;
  border-color: #212121;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E");
  background-size: 16px;
  background-position: center;
  background-repeat: no-repeat;
}
.mrkfrm-privacy-and-terms-link {
  color: var(--goalspan-black);
  text-decoration: underline;
}
@media (max-width: 768px) {
  .mrkfrm-col-6 {
    width: calc(100% - 34px);
  }
}